body {
  --swiper-pagination-bullet-horizontal-gap: 10px;
}

body.default-alias.pageid-0 {
  margin: 0 !important;
}

*:not(i, .fa) {
  font-family: "Outfit" !important;
}

.past-presidents .endo-officer,
.past-meeting-site-presidents .endo-officer,
.honorary-members .endo-officer,
.layout-about .endo-officers-container .endo-officer {
  margin-bottom: 30px;
}

/* Contain officer card content – prevents overlap in 2-col layout */
.past-meeting-site-presidents .endo-officer {
  overflow: hidden;
}

/* Past presidents / past meeting site presidents – match endo3 image size */
.past-presidents .endo-officer-image,
.past-meeting-site-presidents .endo-officer-image {
  min-width: 150px;
}

.past-presidents .endo-officer-image img,
.past-meeting-site-presidents .endo-officer-image img {
  width: 100%;
  min-width: 150px;
  height: auto;
  display: block;
}

.past-presidents .endo-officer-desc,
.honorary-members .endo-officer-desc {
  padding-left: 20px;
  font-size: 25px;
  line-height: 150%;
}

.past-presidents span.officer-year {
  font-size: 20px;
  line-height: 100%;
}

.past-meeting-site-presidents .endo-officer-desc {
    padding-left: 15px;
    font-size: 16px;
    line-height: 1.45;
}

.past-meeting-site-presidents span.officer-year {
    font-size: 14px;
    line-height: 1.35;
}

/*
 * About > articles using mod_endousers (.layout-about .endo-officers-container), e.g. /about/committees.
 * endo9 has no flex/min-width overrides here — only default BS3 cols. The old endo4 rules (flex + 150px
 * min-width on the image column) crushed the text column inside narrow col-sm-4 cards.
 */
.layout-about .endo-officers-container .endo-officer-image img {
  width: 100%;
  max-width: 160px;
  height: auto;
  display: block;
}

.layout-about .endo-officers-container .endo-officer-desc {
  padding-left: 15px;
  font-size: 16px;
  line-height: 1.45;
}

.layout-about .endo-officers-container span.officer-year {
  font-size: 14px;
  line-height: 1.35;
}

.past-meeting-site-presidents .endo-officer:nth-child(odd) {
  border-right: 1px solid #99D1E2;
}

/* Past meeting site presidents / honorary members: fix two-column layout (image | text) per officer */
.past-meeting-site-presidents .endo-officer .row,
.honorary-members .endo-officer .row {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
}
.past-meeting-site-presidents .endo-officer .col-xs-5,
.past-meeting-site-presidents .endo-officer .col-xs-7,
.honorary-members .endo-officer .col-xs-5,
.honorary-members .endo-officer .col-xs-7 {
  flex: 0 0 auto;
  float: none;
}
.past-meeting-site-presidents .endo-officer .col-xs-5,
.honorary-members .endo-officer .col-xs-5 {
  width: 25%;
}
.past-meeting-site-presidents .endo-officer .col-xs-7,
.honorary-members .endo-officer .col-xs-7 {
  width: 58.33333333%;
}

/* Committees-style officer cards: allow text column to use remaining space; stack on very narrow cards */
.layout-about .endo-officers-container .endo-officer .col-xs-7 {
  min-width: 0;
}
@media (max-width: 420px) {
  .layout-about .endo-officers-container .endo-officer .col-xs-5,
  .layout-about .endo-officers-container .endo-officer .col-xs-7 {
    width: 100%;
    float: none;
  }
  .layout-about .endo-officers-container .endo-officer-image img {
    max-width: 200px;
  }
}

h3.grey-bar {
  background: #f0f1f3;
  font-size: 16px;
  padding: 10px !important;
}

#collapseWebinars {
  max-height: 0px;
  overflow: hidden;
  transition: height 5s ease-in-out;
}

#collapseWebinars.open {
  max-height: 10000px;
}

.endo-sponsors a {
  margin-bottom: 40px;
  display: inline-block;
}

.endo-sponsors a img {
  width: 250px;
  height: auto;
}

html.com_rsmembership.view-rsmembership ul.thumbnails {
  width: 100%;
}

#wg-website-link {
  margin-top: 5px;
}

.nivo-caption {
  padding: 5px 10px 0 0 !important;
}

#t3-footer .row>.col-sm-4:last-child {
  display: flex;
}

#t3-footer .row>.col-sm-4:last-child>.moduletable {
  flex: 1;
}

/* Footer STAY UP-TO-DATE newsletter - ensure form is visible */
#t3-footer .footer-newsletter-prepend {
  margin-bottom: 15px;
}
#t3-footer .rsm-module {
  display: block !important;
}
#t3-footer .rsm-module .input-group {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 400px;
}
#t3-footer .rsm-module .input-group input.form-control {
  flex: 1;
  min-width: 0;
}

.alert-notice .alert-message {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}

.alert-warning .alert-message {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #c09853;
}

.alert-error .alert-message {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #b94a48;
}

.wce-details img {
  width: 50%;
  margin: 0 25%;
}

.featured-content-webinars {
  background-color: #c6e5ee;
  padding: 5rem;
  margin: 5rem 0 10rem;
}

.featured-content-webinars .date {
  color: #007890;
  font-family: "Roboto slab", serif !important;
  line-height: 1.1;
  font-size: 17px;
}

.featured-content-webinars h2 {
  font-family: "Roboto slab", serif !important;
  padding-right: 2rem;
}

/*Masterclass new page*/

/*Sidebar*/
#Mod273>div>div>div>div>div>p {
  font-size: 16px;
  line-height: 20px;
}

#Mod273 hr {
  border: 1px solid #cce9f1;
  margin: 0;
}

#Mod273 h4 {
  line-height: 1.4;
  text-transform: uppercase;
}

#Mod276 {
  margin-bottom: 0;
  padding: 0 2rem;
}

@media only screen and (min-width: 1201px) {
  #Mod276 {
    padding: 0 6rem;
  }
}

#Mod276 .row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;

  @media only screen and (min-width: 768px) {
    flex-direction: row;
  }
}

div.product-item-cell.webinars.ct48>p {
  margin-bottom: 0;
}

#Mod271>div>div>div>div.row>div>div>div>img {
  @media only screen and (min-width: 1200px) {
    padding: 0 2rem;
  }
}

#Mod271>div>div>div {
  @media only screen and (min-width: 1200px) {
    padding-right: 2rem;
  }

}

/*History Section*/

.item-1287::before,
.item-1289::before {
  display: none;
}

.legends-endourology {
  display: flex;
  align-items: center;
  justify-content: center;
}

.legends-endourology div img {
  object-fit: cover;
  height: 120px;
  width: 120px;
}

#Mod282>div>div>div>p {
  display: none;
}

/*Same size of images on Diveristy and Inclusion webinars and Urologic Oncology Fellowship Lectures Series*/
.itemid-1152 .lslide img,
.itemid-1152 .list-unstyled img,
.itemid-1402 .lslide img,
.itemid-1402 .list-unstyled img {
  width: 150px !important;
}

/*Ticket 7857*/
li.icon-member-directory,
li.icon-private-messaging,
li.icon-job-opportunities,
li.icon-member-profile,
li.icon-journals,
li.icon-surs {
  color: #58585a !important;
}

/* Hide broken icon-list ::before pseudo-element */
ul.icon-list::before {
  display: none !important;
}

#t3-topnav .gt_switcher_wrapper {
  position: fixed !important;
  top: 15px !important;
  right: 15px !important;
  z-index: 999999 !important;
  min-width: 109px !important;
  max-width: 109px !important;
}

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

.navbar-default .navbar-nav>li:hover a,
.navbar-default .navbar-nav li:focus a {
  color: #053E7D !important;
}

@media screen and (max-width: 768px) {
  #t3-topnav .gt_switcher_wrapper {
    right: 15px !important;
    left: auto !important;
    top: 15px !important;
    z-index: 999999 !important;
  }

  /* .t3-header {
    padding-top: 30px !important;
  } */
}

#t3-topnav .gt_selector {
  font-size: 1.25rem;
  height: auto;
  padding: 4px;
  width: 100%;
}

.itemid-1511 #upcoming-webinars,
.itemid-1511 .lead {
  display: none;
}


#t3-topnav {
  margin-top: -10px;
}

#t3-topnav ul.nav.menu {
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 8px;
}

@media screen and (max-width: 767px) {
  #t3-topnav ul.nav.menu {
    margin-top: 0;
  }

  nav#t3-topnav {
    height: 82px;
  }

  .logo-img {
    margin-top: 20px;
  }
}

.logo {
  background-color: #fff;
}

.logo-image img {
  width: unset !important;
}

.logo-img {
  max-width: unset !important;
  /* width: 150px !important; */
  margin-bottom: -15px;
}

.item-131 a {
  padding-right: 7px !important;
}

div.events-content:nth-child(2) p {
  font-size: 14px;
}

.eventsImage1 {
  width: 100% !important;
  margin: 10px 0 !important;
}

/* Tichet 9247 */
.itemid-506 .ja-megafilter-wrap .ja-filter-container {
  width: 100%;
}

.itemid-506 .t3-mainbody {
  min-height: fit-content;
}

.itemid-506 .container.upcoming-webinars {
  display: none;
}

.ja-header-conference,
.ja-megafilter-wrap .product-item-cell.ct59 {
  width: 15%;
}

#t3-topnav,
#t3-mainnav,
#jux-mainnav {
  margin: 0 !important;
  padding-top: 0 !important;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/* Disable main nav bar (Contact, Login, Join) - hidden via CSS */
#t3-mainnav {
  display: none !important;
}

#jux-mainnav .jux-navbar {
  flex: 1;
  width: 100% !important;
  display: block !important;
}

#jux-mainnav .js-megamenu-off-canvas#js-meganav-off-canvas {
  position: fixed !important;
  top: 5px !important;
}

.js-mainnavcss3.megamenu,
.jux_megamenucss3 .megamenu .js-megamenu.container {
  background: none !important;
  border: none !important;
}

.jux_megamenucss3 {
  width: 100% !important;
}

/* Hide only true duplicates (same component repeated), not first desktop/off-canvas pair */
#jux-mainnav .jux-navbar .jux_megamenucss3 + .jux_megamenucss3 {
  display: none !important;
}
#jux-mainnav .jux-navbar .js-megamenu-off-canvas + .js-megamenu-off-canvas {
  display: none !important;
}

.jux_megamenucss3 .js-mainnavcss3 {
  width: 100% !important;
  text-align: right !important;
}

.jux_megamenucss3 .js-mainnavcss3 #js-meganav {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

.jux_megamenucss3 .js-mainnavcss3 #js-meganav > ul.megamenu.level0 {
  display: flex !important;
  justify-content: flex-end !important;
  width: 100% !important;
  float: none !important;
  text-align: right !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  list-style: none !important;
}

.jux_megamenucss3 .megamenu .childcontent-inner {
  display: flex !important;
  justify-content: space-between;
  gap: 50px;
}

/* About (menu id 239): three megacols; override default inline ~200px widths so panel spans the row */
.jux_megamenucss3.horizontal ul.level0 li.item-239.megacss3 .childcontent-inner .megacol {
  flex: 1 1 0;
  width: auto !important;
  max-width: none;
  min-width: 0;
}

@media(max-width:1024px) {
  .jux_megamenucss3 .megamenu .childcontent-inner {
    gap: 0;
  }
}

.jux_megamenucss3 .megamenu .childcontent-inner::before,
.jux_megamenucss3 .megamenu .childcontent-inner::after {
  display: none;
}

.jux_megamenucss3 .megamenu .clearfix:after {
  display: none !important;
}

.jux_megamenucss3 .megamenu .megacol {
  float: none !important;
}

.jux-navbar .menu1915 .menu-title {
    padding: 0 !Important;
}

.jux-navbar .menu1915 .menu-desc {
    padding-top: 0 !important;
    margin-top: -10px !important;
}

.main-menu-row {
  background: transparent linear-gradient(90deg, #5FCFDB 0%, #1B3D76 100%) 0% 0% no-repeat padding-box;
}

.main-menu-row>.container {
  background-color: transparent;
}

/* Homepage: prevent main-menu-row from collapsing to 750x1 (body.home .container sets padding:0 at 1400px+) */
body.home .main-menu-row > .container {
  min-height: 50px !important;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}
body.home .main-menu-row > .container > .row {
  min-height: 50px !important;
}
body.home .main-menu-row .col-xs-12 {
  min-height: 50px !important;
}
body.home #jux-mainnav,
body.home #jux-mainnav .jux-navbar {
  min-height: 50px !important;
}

.t3-mainnav .t3-navbar {
  margin: 0 !important;
}

.navbar-nav>li>a {
  color: #fff !important;
  font: normal normal normal 18px/23px "Outfit", sans-serif !important;
  letter-spacing: 0.9px !important;
  text-transform: uppercase;
}

.navbar,
#t3-topnav {
  margin: 0 !important;
}

nav#t3-topnav {
  position: unset !important;
  top: unset !important;
  right: unset !important;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 8px;
}



/* Ticket #10228
#t3-topnav .gt_selector {
  color: #5FA1C3 !important;
  border-color: #5FA1C3 !important;
  font: normal normal normal 16px/20px "Outfit", sans-serif !important;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}*/

#t3-topnav .gt_selector {
    background-color: #008ab7 !important;
    border-color: #008ab7 !important;
    font: normal normal normal 16px / 20px "Outfit", sans-serif !important;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: white;
    padding: 8px 6px;
}

nav#t3-topnav ul li:hover a {
  color: #5FA1C3 !important;
}

nav#t3-topnav ul li a,
nav#t3-topnav .btn-login {
  background: #fff !important;
  color: #053E7D !important;
  font: normal normal normal 16px/20px "Outfit", sans-serif !important;
  text-transform: uppercase;
}

/* Join (topnav): flat CTA — matches reference (.btn-join navy / hover lift) */
nav#t3-topnav .item-253 a,
nav#t3-topnav .item-275 a,
nav#t3-topnav .btn-join {
  background-color: #1d4279 !important;
  color: #ffffff !important;
  border: 1px solid #285699 !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 10px 24px !important;
  margin: 0 7px;
  line-height: 1.35;
  min-height: 44px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out,
    color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
}

nav#t3-topnav .item-253 a:hover,
nav#t3-topnav .item-275 a:hover,
nav#t3-topnav .btn-join:hover {
  background-color: #2a5a9e !important;
  border-color: #3d7ab8 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

nav#t3-topnav .item-253 a:active,
nav#t3-topnav .item-275 a:active,
nav#t3-topnav .btn-join:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

nav#t3-topnav .item-253 a:focus-visible,
nav#t3-topnav .item-275 a:focus-visible,
nav#t3-topnav .btn-join:focus-visible {
  outline: 2px solid #3182ce;
  outline-offset: 3px;
}

.t3-header {
  padding-top: 0px !important;
  padding-bottom: 0 !important;
}




.btn-primary.dark {
  background-color: #053E7D !important;
  color: #fff !important;
  text-transform: uppercase;
  padding: 10px 20px;
  font: normal 15px/19px "Outfit";
  letter-spacing: 1.2px;
}



@media(max-width:991px) {
  .jux_megamenucss3 .megamenu .childcontent-inner {
    flex-wrap: wrap;
  }
}

@media(max-width:786px) {
  header#t3-header .row.column-reverse {
    display: flex;
    flex-direction: column-reverse;
  }

  body {
    margin-top: 0 !important;
  }

  nav#t3-topnav.mobile {
    flex-direction: row;
    align-items: center !important;
    justify-content: flex-start;
  }

  #jux-mainnav::before,
  #jux-mainnav::after {
    display: none !important;
  }

  #t3-topnav ul {
    margin: 0 !important;
  }

  nav#t3-topnav:not(.mobile) {
    display: none !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    background: #053E7D !important;
    z-index: 99;
    border-radius: 0;
  }

  nav#t3-topnav ul li a,
  nav#t3-topnav .btn-login {
    background: transparent !important;
    color: #fff !important;
  }

  .navbar-toggle {
    height: unset !important;
    color: #fff !important;
    margin-right: 0 !important;
  }

  .logo {
    /* padding-top: 30px; */
    padding-bottom: 30px;
  }

  #t3-mainnav {
    display: block;
    padding-top: 11px !important;
  }

  header {
    position: sticky;
    top: 0;
    z-index: 999;
  }

  .offcanvas-menu-css3 .css3-megaMenuToggle:before {
    background-color: #5fa1c3d6;
    z-index: 99;
  }
}

@media(max-width:767px) {
  .logo-img {
    margin-bottom: -38px;
  }

  .logo {
    /* padding-top: 50px; */
    padding-bottom: 30px;
  }
}

.moduletable h3,
h3.module-title,
div.page-header h1 {
  background: transparent !important;
  color: #5FA1C3 !important;
  padding: 0 !important;
  margin-bottom: 10px;
  font: normal normal normal 44px/50px "Outfit";
  letter-spacing: 0px;
}

.moduletable h3:after,
h3.module-title:after,
div.page-header h1:after {
  display: none;
}

div.page-header h2.page-title {
  margin-bottom: 10px !important;
}

div.page-header {
  position: relative;
  margin-bottom: 36px;
}

div.page-header:before {
  content: '';
  position: absolute;
  background: #053e7d;
  width: calc(min(100%, 300px) - calc(8px + 10px));
  height: 8px;
  display: inline-block;
  clip-path: polygon(0 0, calc(100% - 8px) 0%, 100% 100%, 0% 100%);

  bottom: 0;
  left: 0;
}

div.page-header:after {
  content: '';
  position: absolute;
  background: #23bfd8;
  width: calc(8px * 2.8);
  left: min(100%, 300px);
  height: 8px;
  display: inline-block;
  clip-path: polygon(0 0, calc(100% - 8px) 0%, 100% 100%, 8px 100%);

  bottom: 0;
  transform: translateX(-100%);
}

.uline {
  --uline-height: 8px;
  --uline-spacing: 10px;

  --uline-sm-w: 200px;
  --uline-md-w: 280px;
  --uline-lg-w: 320px;
  --uline-xl-w: 400px;
  --uline-xxl-w: 600px;

  --uline-bg: #053e7d;
  --uline-end-bg: #23bfd8;

  position: relative;
  padding-bottom: var(--uline-height);
}

.uline-light {
  --uline-bg: #9fcddf;
}

.uline:before {
  content: '';
  position: absolute;
  background: var(--uline-bg);
  width: calc(100% - calc(var(--uline-height) + var(--uline-spacing)));
  height: var(--uline-height);
  display: inline-block;
  clip-path: polygon(0 0, calc(100% - var(--uline-height)) 0%, 100% 100%, 0% 100%);

  bottom: 0;
  left: 0;
}

.uline:after {
  content: '';
  position: absolute;
  background: var(--uline-end-bg);
  width: calc(var(--uline-height) * 2.8);
  height: var(--uline-height);
  display: inline-block;
  clip-path: polygon(0 0, calc(100% - var(--uline-height)) 0%, 100% 100%, var(--uline-height) 100%);

  bottom: 0;
  left: 100%;
  transform: translateX(-100%);
}

.uline.uline-sm:before {
  width: calc(min(100%, var(--uline-sm-w)) - calc(var(--uline-height) + var(--uline-spacing)));
}

.uline.uline-sm:after {
  left: min(100%, var(--uline-sm-w));
}

.uline.uline-md:before {
  width: calc(min(100%, var(--uline-md-w)) - calc(var(--uline-height) + var(--uline-spacing)));
}

.uline.uline-md:after {
  left: min(100%, var(--uline-md-w));
}

.uline.uline-lg:before {
  width: calc(min(100%, var(--uline-lg-w)) - calc(var(--uline-height) + var(--uline-spacing)));
}

.uline.uline-lg:after {
  left: min(100%, var(--uline-lg-w));
}

.uline.uline-xl:before {
  width: calc(min(100%, var(--uline-xl-w)) - calc(var(--uline-height) + var(--uline-spacing)));
}

.uline.uline-xl:after {
  left: min(100%, var(--uline-xl-w));
}

.uline.uline-xxl:before {
  width: calc(min(100%, var(--uline-xxl-w)) - calc(var(--uline-height) + var(--uline-spacing)));
}

.uline.uline-xxl:after {
  left: min(100%, var(--uline-xxl-w));
}

.navbar {
  min-height: unset !important;
}

@media(max-width:768px) {
  .navbar {
    min-height: 50px !important;
  }

  .jux_megamenucss3 .megamenu.noJS .css3-megaMenuToggle {
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
  }
}

@media(max-width:768px) {
  .navbar {
    min-height: 50px !important;
  }

  .jux_megamenucss3 .megamenu.noJS .css3-megaMenuToggle {
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
  }
}

.jux_megamenucss3 .megamenu ul.level0 li.haschild .childcontent a.megacss3 span.menu-desc {
  font: normal normal normal 15px/19px "Outfit";
  letter-spacing: 0px;
  color: #053E7D;
}

.jux_megamenucss3 .megamenu ul.level0 li.megacss3:hover span.menu-title {
  color: #053E7D;
}

.jux_megamenucss3 .megamenu ul.level0 li.megacss3 .childcontent span.menu-title {
  font: normal normal normal 22px/30px "Outfit";
  letter-spacing: 0.44px;
  color: #5FA1C3;
  border-bottom: 1px dashed #053E7D;
  padding-bottom: 8px;
  text-transform: unset;
}

.jux_megamenucss3 .megamenu ul.level0 li.megacss3 span.menu-title {
  font: normal normal normal 18px/23px "Outfit";
  letter-spacing: 0.9px;
  color: #fff;
  text-transform: uppercase;
}

.jux_megamenucss3 .megamenu ul.level0 li.megacss3 a.uline.uline-xl {
  padding: 0 !important;
  font: normal normal normal 20px/50px "Outfit";
}

.jux_megamenucss3 .megamenu ul.level0 li.megacss3 a.uline.uline-xl:hover {
  background: transparent !important;
  box-shadow: none !important;
}

.jux_megamenucss3 .megamenu ul.level0 li.megacss3 a.uline.uline-xl span.menu-title {
  font-weight: normal !important;
  letter-spacing: 0px;
  text-transform: unset !important;
  color: #053E7D;
}

#jux_megamenucss3 .megamenu .childcontent ul.level1 li.megacss3 a.inline-image {
  display: grid;
  grid-template-columns: 1fr .2fr;
  column-gap: 50px;
  align-items: center;
}

#jux_megamenucss3 .megamenu .childcontent ul.level1 li.megacss3 a.inline-image-left {
  display: grid;
  grid-template-columns: .2fr 1fr;
  column-gap: 50px;
  align-items: center;
}

#jux_megamenucss3 .megamenu .childcontent ul.level1 li.megacss3 a.inline-image-left img {
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column: 1;
  margin-right: 0;
  max-width: 85px;
}

#jux_megamenucss3 .megamenu .childcontent ul.level1 li.megacss3 a.inline-image img {
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column: 2;
  margin-right: 0;
  max-width: 85px;
}

#jux_megamenucss3 .megamenu .childcontent ul.level1 li.megacss3 a.inline-image-left .image-title {
  grid-row: 1;
  grid-column: 2;
  font: normal normal normal 22px/30px "Outfit";
  letter-spacing: 0.44px;
  color: #5FA1C3;
  border-bottom: 1px dashed #053E7D;
  padding-bottom: 8px;
  padding-left: 0;
}

#jux_megamenucss3 .megamenu .childcontent ul.level1 li.megacss3 a.inline-image .image-title {
  grid-row: 1;
  grid-column: 1;
  font: normal normal normal 22px/30px "Outfit";
  letter-spacing: 0.44px;
  color: #5FA1C3;
  border-bottom: 1px dashed #053E7D;
  padding-bottom: 8px;
  padding-left: 0;
}

#jux_megamenucss3 .megamenu .childcontent ul.level1 li.megacss3 a.inline-image-left .menu-desc {
  grid-row: 2;
  grid-column: 2;
  font: normal normal normal 15px/19px "Outfit";
  letter-spacing: 0px;
  color: #053E7D;
  padding-top: 8px;
}

#jux_megamenucss3 .megamenu .childcontent ul.level1 li.megacss3 a.inline-image .menu-desc {
  grid-row: 2;
  grid-column: 1;
  font: normal normal normal 15px/19px "Outfit";
  letter-spacing: 0px;
  color: #053E7D;
  padding-top: 8px;
}

.jux_megamenucss3 .megamenu.horizontal ul.level0 li a.haschild.megacss3 span.menu-title:after {
  display: none !important;
}

/* Dropdown layout – apply to visible menu (from endo3) */
.jux_megamenucss3 .js-mainnavcss3.noJS ul.megamenu li.haschild:hover>div.childcontent.adddropdown.cols2,
.none .js-mainnavcss3.noJS ul.megamenu li.haschild:hover>div.childcontent.adddropdown.cols2 {
  min-width: 718px;
}

.jux_megamenucss3 .js-mainnavcss3.noJS ul.megamenu li.haschild:hover>div.childcontent.adddropdown.cols3 .menu-1 .group-title,
.jux_megamenucss3 .js-mainnavcss3.noJS ul.megamenu li.haschild:hover>div.childcontent.adddropdown.cols2 .menu-1 .group-title,
.none .js-mainnavcss3.noJS ul.megamenu li.haschild:hover>div.childcontent.adddropdown.cols3 .menu-1 .group-title,
.none .js-mainnavcss3.noJS ul.megamenu li.haschild:hover>div.childcontent.adddropdown.cols2 .menu-1 .group-title {
  padding-left: 17px;
}

.jux_megamenucss3 .js-mainnavcss3.noJS ul.megamenu li.haschild:hover>div.childcontent.adddropdown,
.none .js-mainnavcss3.noJS ul.megamenu li.haschild:hover>div.childcontent.adddropdown {
  min-width: 620px;
}

.jux_megamenucss3 .js-mainnavcss3.noJS ul.megamenu li.haschild:hover>div.childcontent.adddropdown .menu-1,
.none .js-mainnavcss3.noJS ul.megamenu li.haschild:hover>div.childcontent.adddropdown .menu-1 {
  width: 100% !important;
}

/* When both column1 and column2 exist, set them to 303px */
.childcontent-inner-wrap.dropdown-menu {
  width: 100% !important;
}

.jux_megamenucss3 .js-mainnavcss3.noJS ul.megamenu li.haschild:hover>div.childcontent.adddropdown .menu-1.column1+.menu-1.column2,
.none .js-mainnavcss3.noJS ul.megamenu li.haschild:hover>div.childcontent.adddropdown .menu-1.column1+.menu-1.column2 {
  width: 303px !important;
}

.jux_megamenucss3 .js-mainnavcss3.noJS ul.megamenu li.haschild:hover>div.childcontent.adddropdown .menu-1.column1+.menu-1.column2+.menu-1.column3,
.none .js-mainnavcss3.noJS ul.megamenu li.haschild:hover>div.childcontent.adddropdown .menu-1.column1+.menu-1.column2+.menu-1.column3 {
  width: 303px !important;
}

.jux_megamenucss3 .js-mainnavcss3.noJS ul.megamenu li.haschild:hover>div.childcontent.adddropdown .menu-1.column1:has(+ .menu-1.column2),
.none .js-mainnavcss3.noJS ul.megamenu li.haschild:hover>div.childcontent.adddropdown .menu-1.column1:has(+ .menu-1.column2) {
  width: 303px !important;
}

/* Education (menu 219) */
#js-mainnavcss3 ul.megamenu li.haschild > a.menu219 + div.childcontent .childcontent-inner > .megacol.column2 {
  display: none !important;
}

#js-mainnavcss3 ul.megamenu li.haschild > a.menu219 + div.childcontent .childcontent-inner > .megacol.column1 {
  width: 100% !important;
}

#js-mainnavcss3 ul.megamenu li.haschild > a.menu219 + div.childcontent .childcontent-inner > .megacol.column1 > ul.level1 {
  display: flex;
  align-items: flex-start;
  gap: 50px;
}

#js-mainnavcss3 ul.megamenu li.haschild > a.menu219 + div.childcontent .childcontent-inner > .megacol.column1 > ul.level1 > li.group {
  flex: 1 1 0;
  min-width: 0;
}

.jux_megamenucss3 .megamenu .childcontent ul.level1 li.megacss3 a.submenu-btn {
  border-radius: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.jux_megamenucss3 .megamenu ul.level0 li.megacss3 a.submenu-btn span.image-title {
  background-color: #008AB7 !important;
  border-radius: 5px !important;
  color: #fff !important;
  padding: 10px 20px;
  font: normal normal medium 15px/19px "Outfit";
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.jux_megamenucss3 .megamenu .childcontent ul.level1 li.megacss3 a.submenu-btn:hover {
  background: transparent !important;
  box-shadow: none !important;

}

.jux_megamenucss3 .megamenu .childcontent ul.level1 li.megacss3 a.submenu-btn:hover span.image-title {
  background-color: #053E7D !important;
}

.jux_megamenucss3 .megamenu .childcontent ul.level1 li.megacss3 a:hover {
  background: #fff !important;
  box-shadow: 0px 0px 15px #23BFD822;
  border-radius: 8px;
}

.jux_megamenucss3 .megamenu ul.level0 li.haschild a.megacss3 span.menu-desc {
  padding-top: 8px;
}

.jux_megamenucss3 .megamenu ul.level0 li.megacss3 a.megacss3,
.megamenu ul.level0 li {
  background: transparent !important
}

.megamenu ul.level0 li:hover,
.megamenu ul.level0 li.megacss3 a.megacss3:hover {
  background: transparent !important;
}

li.group.uline.uline-xl::after,
li.group.uline.uline-xl::before {
  display: none;

}

a.megacss3.uline.uline-xl span.menu-title {
  border-bottom: 0 !important;
  color: #053E7D;
}

.js-megamenu-off-canvas#js-meganav-off-canvas {
  background: #053E7D !important
}

.none .megamenu ul.level0 li.megacss3 a.megacss3,
.js-megamenu-off-canvas ul.level0 li>a,
.js-megamenu-off-canvas ul.level0 li>span {
  font: normal normal normal 15px/19px "Outfit";
}

.jux_megamenucss3 .megamenu ul.level0 li.megacss3 .group-title {
  background: transparent !important;
}

#js-meganav-off-canvas .active {
  background: #f7f7f7 !important;
  font-weight: 500;
}

.js-megamenu-off-canvas .jux-closed {
  color: #fff !important;
}

#js-meganav-off-canvas .active .accordion-btn-wrap .jux-fa {
  color: #053E7D !important;
}

@media screen and (max-width: 768px) {
  #js-meganav-off-canvas ul.level1 li.megacss3 a.megacss3 span.image-title {
    top: -2px;
    position: relative;
    line-height: 18px;
    display: block;
    color: #053E7D !important;
    font: normal normal normal 15px/19px "Outfit" !important;
  }

  #js-meganav-off-canvas ul.level1 li.megacss3 a.megacss3 {
    font: normal normal normal 15px/19px "Outfit" !important;
  }
}

.hasTip img {
  margin: 0 !important;
}

nav#t3-topnav.mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .js-megamenu-off-canvas ul li a img {
    display: none;
  }

  nav#t3-topnav.mobile {
    display: flex;
    background: transparent;
    height: unset;
  }

  .js-megamenu-off-canvas .wtf-menu.level1 li>a {
    padding: 10px !important;
  }

  #jux-mainnav {
    justify-content: space-between;
  }


  #gt-wrapper-289 {
    margin-top: 0 !important;
  }

}

/* Homepage desktop: use the SAME menu as other pages (mainNavDR / #js-meganav).
   Keep off-canvas (mainNavOff / #js-meganav-off-canvas) mobile-only. */
@media screen and (min-width: 769px) {
  /* JUX module has .navbar {display:none}; force homepage desktop nav container visible */
  body.home #t3-header .main-menu-row #jux-mainnav.navbar {
    display: flex !important;
    visibility: visible !important;
    position: relative !important;
    width: 100% !important;
  }
  body.home #t3-header .main-menu-row #jux-mainnav .jux-navbar {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
  }
  body.home .main-menu-row .jux_megamenucss3 #js-mainnavcss3,
  body.home .main-menu-row .jux_megamenucss3 #js-meganav {
    display: block !important;
  }
  body.home .main-menu-row .jux_megamenucss3 .megamenu.horizontal ul.level0,
  body.home .main-menu-row .jux_megamenucss3 .megamenu ul.level0 {
    display: flex !important;
  }
  /* If module keeps noJS class on homepage, force top-level items visible on desktop */
  body.home #jux-mainnav #js-mainnavcss3.noJS #css3-megaMenuToggle {
    display: none !important;
  }
  body.home #jux-mainnav #js-mainnavcss3.noJS ul.megamenu.level0 > li {
    display: inline-block !important;
  }
  /* Desktop: hide off-canvas wrapper so homepage matches inner pages */
  body.home #jux-mainnav .js-megamenu-off-canvas#js-meganav-off-canvas {
    display: none !important;
  }

  /* EasySocial registration steps (join/steps/1) */
  body.layout-steps #t3-header .main-menu-row #jux-mainnav.navbar {
    display: flex !important;
    visibility: visible !important;
    position: relative !important;
    width: 100% !important;
  }
  body.layout-steps #t3-header .main-menu-row #jux-mainnav .jux-navbar {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
  }
  body.layout-steps .main-menu-row .jux_megamenucss3 #js-mainnavcss3,
  body.layout-steps .main-menu-row .jux_megamenucss3 #js-meganav {
    display: block !important;
  }
  body.layout-steps .main-menu-row .jux_megamenucss3 .megamenu.horizontal ul.level0,
  body.layout-steps .main-menu-row .jux_megamenucss3 .megamenu ul.level0 {
    display: flex !important;
  }
  /* If module keeps noJS class on registration steps, force top-level items visible on desktop */
  body.layout-steps #jux-mainnav #js-mainnavcss3.noJS #css3-megaMenuToggle {
    display: none !important;
  }
  body.layout-steps #jux-mainnav #js-mainnavcss3.noJS ul.megamenu.level0 > li {
    display: inline-block !important;
  }
  /* Desktop: hide off-canvas wrapper so registration steps matches inner pages */
  body.layout-steps #jux-mainnav .js-megamenu-off-canvas#js-meganav-off-canvas {
    display: none !important;
  }
}

@media screen and (min-width: 1400px) {
  body.home .container {
    width: 1198px !important;
  }

  /* Exclude main-menu-row: keep nav bar visible (prevents 750x1 collapse on homepage) */
  body.home .main-menu-row > .container {
    padding: 11px 15px !important;
  }
}

.top-contact {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

/* Right-align top nav column (Contact, Login, Join) */
.top-contact > .col-xs-12:last-child {
  display: flex;
  justify-content: flex-end;
}

@media(max-width:786px) {
  .logo {
    padding-bottom: 0 !important;
    /* padding-top: 45px !important; */
  }


}

@media(max-width:767px) {
  .logo {
    padding-bottom: 25px !important;
    /* padding-top: 57px !important; */
  }


}

.jux_megamenucss3 .megamenu.horizontal ul.level0 li .haschild.megacss3 span.menu-title,
.jux_megamenucss3 .megamenu.horizontal ul.level0 li .haschild-over.megacss3 span.menu-title {
  margin-right: 0 !important;
  padding-right: 0 !important;
}

.jux_megamenucss3 .megamenu ul.level0 li.megacss3+li.megacss3 {
  margin-left: 10px;
}

.jux_megamenucss3 .megamenu ul.level0 .childcontent li.megacss3+li.megacss3 {
  margin-left: 0 !important;
}

nav#t3-topnav .nav-twitter a:hover,
nav#t3-topnav .btn-login:hover {
  background: none !important;
}

.breadcrumb {
  margin-top: 0 !important;
}

.t3-sidebar.t3-sidebar-right .module-title {
  color: #58595B !important;
  font: normal 24px/30px "Outfit" !important;
  margin-bottom: 0;
}


.t3-sidebar.t3-sidebar-right li a {
  font: normal normal normal 18px / 18px "Outfit";
  letter-spacing: 0.27px;
  color: #008AB7;
  opacity: 1;
  text-decoration: none;
  padding: 9px 0;
}

.t3-sidebar.t3-sidebar-right .current a,
.t3-sidebar.t3-sidebar-right .current.active a {
  font: normal normal bold 18px/18px "Outfit";
  color: #008AB7 !important;
}

.float-image-wrapper {
  float: left;
  margin-right: 50px;
}

#es .es-login-box__form {
  padding: 35px;
}

body.fellowships .t3-mainbody h4 {
  margin-top: 45px !important;
}

@media(max-width:430px) {
  .float-image-wrapper {
    float: none;
    margin-right: 0px;
  }
}

.journal-landing-page .journals-page-container .col-sm-4 {
  padding-right: 45px;
}

.journal-landing-page .journals-page-container {
  padding: 45px;
}

.journal-landing-page .highlighted-content:empty {
  display: none;
}

ul.member-resources li,
ul.icon-list li {
  font: normal normal normal 15px/19px "Outfit" !important;
}

ul.member-resources li .article-meta,
ul.icon-list li .article-meta {
  font: normal normal normal 13px/19px "Outfit" !important;
}

.ja-filter-wrapper .filter-content {
  padding: 0;
}

.ja-megafilter-wrap .sidebar-main {
  padding-left: 0;
  padding-right: 45px;
}

@media screen and (max-width: 767px) {
  .ja-megafilter-wrap .ja-filter-container {
    width: auto;
    margin: 15px 0 0 0;
  }

  .t3-sidebar.t3-sidebar-right.col-xs-12.col-sm-4 {
    padding-left: 15px !important;
  }
}

.ja-products-wrapper .product-items {
  gap: 0 !important;
  margin-bottom: 0 !important;
}

.col-sm-4.endo-officer {
  margin-bottom: 35px;
}

/* About / Sub-Societies layout: col-sm-9 = 75% */
@media (min-width: 768px) {
  .layout-about .col-sm-9 {
    width: 75%;
  }
}

.endo-wg-container h2 {
  margin-bottom: 45px;
  margin-top: 45px;
}

.working-groups-content {
  padding-left: 30px;
}

@media(max-width:1199px) {

  .working-groups-content {
    padding-left: 15px;
  }
}

#es .es-login-box .register-wrap {
  padding: 35px !important;
  margin-top: 16px;
}

/* Fellowship inquiries sidebar - match endo3 sizing */
.fellowship-inquiries p,
#Mod151 p,
#mod-custom151 p {
  font-size: 18px !important;
  line-height: 1.5;
}

.fellowship-container dl.fields-container {
  display: table;
}

.fellowship-container dl.fields-container dd.field-entry {
  display: table-row
}

.fellowship-container dl.fields-container dd.field-entry span.field-label {
  white-space: nowrap;
}

.fellowship-container dl.fields-container dd.field-entry span {
  display: table-cell;
}

.fellowship-container table tbody tr:first-of-type td {
  height: 35px;
  vertical-align: middle;
}

.fellowship-container table tbody tr td {
  height: 45px;
  vertical-align: middle;
}

#es .es-login-social-container {
  margin: -8px 0 -3px -8px !important;
}

#es .es-login-box .es-login-box__msg {
  margin: 0;
  padding: 0;
}

#es .es-login-box .register-wrap h4 {
  margin-bottom: 20px;
}

@media(max-width:380px) {
  #es .es-login-box .register-wrap {
    padding: 35px 0 !important;
  }
}

.ja-filter-wrapper .filter-actions .filter-clear {
  bottom: -50px;
}

p.pull-left.endo-officer-desc {
  padding-left: 15px;
}

.es-login-box .row {
  display: flex;
  align-items: center;
}

@media(max-width:768px) {
  .es-login-box .row {
    flex-direction: column;
  }
}

.ja-megafilter-wrap .product-item-cell.ct48 {
  width: 25%;
}

.js-mainnavcss3 ul.megamenu li.haschild.megacss3:hover>div.childcontent.adddropdown,
#js-meganav-off-canvas .childcontent.open>.dropdown-menu,
.jux_megamenucss3 .childcontent.open>.dropdown-menu {
  animation: none !important;
  -webkit-animation: none !important;
}

/* Ensure dropdown visible on hover for noJS mode (from endo3) */
@media (min-width: 769px) {
  .jux_megamenucss3 .noJS ul.megamenu li.haschild:hover>div.childcontent.adddropdown {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

body.member-resources.pageid-407 .item-page .btn-group.pull-right,
body.myendo.pageid-1911 .item-page .btn-group.pull-right {
  float: none !important;
}

.t3-mainbody .endo-journal-section .btn-primary {
  padding: 4px 20px;
  text-transform: uppercase;
  font-size: 14px;
  margin-top: -2px;
}

.t3-mainbody .endo-journal-section a {
  white-space: normal;
}

.t3-mainbody .endo-journal-section .col-xs-4 {
  padding-right: 0 !important;
  margin-bottom: 5px;
}

.t3-mainbody .endo-journal-section span {
  font-size: 10px;
  font-style: normal;
  text-transform: uppercase;
}

body.member-resources.pageid-407 .item-page .btn-group.pull-right>.dropdown-menu,
body.myendo.pageid-1911 .item-page .btn-group.pull-right>.dropdown-menu {
  left: unset !important;
  right: unset !important;
}

@media(max-width:768px) {
  .ja-megafilter-wrap .sidebar-main {
    padding-right: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .ja-megafilter-wrap .ja-filter-container {
    width: 100% !important;
    margin-top: 15px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .myendo .row.equal-height {
    flex-wrap: wrap;
  }

  .myendo .row.equal-height .col-sm-12+.col-sm-12 {
    margin-top: 25px;
  }
}

.ja-megafilter-wrap .ja-mg-sidebar .sidebar-toggle {
  background-color: #053E7D !important;
}

.ja-megafilter-wrap .ja-mg-sidebar .sidebar-toggle:hover {
  background-color: #008ab7 !important;
}

.myendo .row.equal-height+.row.equal-height {
  margin-top: 25px;
}

.home-award-journal-wrapper {
  background: #EEEFF1 !important;
}

.society-of-urologic-robotic-surgeons .upcoming-events {
  background: #fff !important;
}

.fi.fis {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    box-shadow: 3px 3px 3px #000;
}
 

.membership-hero {
    position: relative;
}

.row.equal-height {
    padding-top: 50px;
}

.member-benefit-details { 
  margin-top: 70px; 
  }   

.pageid-255 .btn-primary.btn-xl,
.pageid-256 .btn-primary.btn-xl,
.pageid-257 .btn-primary.btn-xl,
.pageid-407 .btn-primary.btn-xl,
.pageid-408 .btn-primary.btn-xl {
    margin-bottom: 50px;
}

@media (max-width: 767px) {


    .pageid-255 .additional-benefits-module .row.vertical-align,
    .pageid-256 .additional-benefits-module .row.vertical-align,
    .pageid-257 .additional-benefits-module .row.vertical-align,
    .pageid-407 .additional-benefits-module .row.vertical-align,
    .pageid-408 .additional-benefits-module .row.vertical-align {
        margin-bottom: 24px !important;
    }


    .pageid-255 .additional-benefits-module p,
    .pageid-256 .additional-benefits-module p,
    .pageid-257 .additional-benefits-module p,
    .pageid-407 .additional-benefits-module p,
    .pageid-408 .additional-benefits-module p {
        margin-bottom: 16px !important;
    }

 
    .pageid-255 .additional-benefits-module img,
    .pageid-256 .additional-benefits-module img,
    .pageid-257 .additional-benefits-module img,
    .pageid-407 .additional-benefits-module img,
    .pageid-408 .additional-benefits-module img {
        margin-bottom: 20px !important;
        width: 100% !important;
        height: auto !important;
    }
}

button.btn.btn-success.rsmemgrid-btn.rsmemgrid-float-right {
  color: white !Important;
}

/* Hide article page navigation (Prev/Next links) */
nav.pagenavigation {
  display: none !important;
}

/* Contact page - fix CSS for Joomla 4 compatibility */
.contact-form,
.com-contact__form {
  margin-top: 20px;
  margin-bottom: 30px;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea,
.com-contact__form input[type="text"],
.com-contact__form input[type="email"],
.com-contact__form textarea,
.contact-form .form-control,
.com-contact__form .form-control {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}

.contact-form textarea,
.com-contact__form textarea,
.contact-form #jform_contact_message,
.com-contact__form textarea {
  width: 100% !important;
  height: auto !important;
  min-height: 120px;
}

.contact-form #jform_contact_emailmsg,
.contact-form #jform_contact_subject,
.com-contact__form input[name*="subject"] {
  width: 100% !important;
}

.contact-form #jform_contact_email_copy,
.contact-form #jform_contact_email_copy-lbl,
.com-contact__form .form-check {
  margin-left: 0;
  margin-top: 10px;
}

.contact .page-header,
.contact .page-header-contact,
.com-contact .page-header {
  position: relative;
  margin-bottom: 36px;
}

.contact-form .star,
.com-contact__form .star {
  color: #cc0000;
}

.contact-form .control-group,
.com-contact__form .mb-3,
.com-contact__form .form-group {
  margin-bottom: 20px;
}

.com_contact .invalid .form-control-feedback {
  color: #c00;
  font-size: 0.85em;
  position: relative;
  width: 100%;
}

@media (max-width: 768px) {
  .contact .thumbnail,
  .com-contact__thumbnail {
    width: 100%;
  }

  .contact .dl-horizontal > dt,
  .com-contact__position dt {
    float: left;
    margin-right: 5px;
    width: auto;
  }

  .contact .dl-horizontal > dd,
  .com-contact__position dd {
    margin-left: 0;
  }
}

/* Disable Joomla core icon :before glyphs from media/system/css/joomla-fontawesome*.css (survives Joomla updates). */
.icon-edit:before,
.icon-clock:before {
  content: none !important;
}

/* START SURS */
.surs-single-article-video iframe {
    width: 100%;
}

.surs-single-article-wrapper .surs-single-article-content-wrapper {
    flex-direction: column !important;
}

.surs-vetted-banner {
    padding: 12px 8px 12px 8px;
    width: fit-content;
    margin: 20px 0;
    border: 2px solid black;
    border-image: linear-gradient(295deg, #5FCFDB 0%, #1B3D76 100%) 1;
}

.surs-vetted-banner p {
    font: normal 24px / 30px "Outfit";
    line-height: 1.25;
    letter-spacing: 0.48px;
    margin: 0 !important;
}

@media screen and (min-width: 769px) {
    .surs-transcript-and-collections {
        display: flex;
        flex-direction: row;
        gap: 20px;
    }
    .surs-single-article-transcript {
        flex-grow: 1;
    }
    .surs-single-article-categories-sidemenu-wrapper {
        flex-shrink: 1;
    }
}

@media screen and (max-width: 768px) {
    .surs-single-article-video iframe {
        width: 100%;
        height: auto;
    }
}
/* END SURS */