/*
****************************************************************
Other Styles
****************************************************************
*/

/*--------------------------------------------------------------
=== GRID - 12cols ===
col-xs	[] <= 767.98px
col-md	[] >= 768px
--------------------------------------------------------------*/
@media (max-width:767.98px) {
  .col-xs-12 { flex-basis:100%;}
  .col-xs-11 { flex-basis:91.66666667%;}
  .col-xs-10 { flex-basis:83.33333333%;}
  .col-xs-9 { flex-basis:75%;}
  .col-xs-8 { flex-basis:66.66666667%;}
  .col-xs-7 { flex-basis:58.33333333%;}
  .col-xs-6 { flex-basis:50%;}
  .col-xs-5 { flex-basis:41.66666667%;}
  .col-xs-4 { flex-basis:33.33333333%;}
  .col-xs-3 { flex-basis:25%;}
  .col-xs-2 { flex-basis:16.66666667%;}
  .col-xs-1 { flex-basis:8.33333333%;}

  .xs-offset-left-1 { margin-left:8.33333333%;}
  .xs-offset-left-2 { margin-left:16.66666667%;}
  .xs-offset-left-3 { margin-left:25%;}
  .xs-offset-left-4 { margin-left:33.33333333%;}
  .xs-offset-left-5 { margin-left:41.66666667%;}
  .xs-offset-left-6 { margin-left:50%;}
  .xs-offset-left-7 { margin-left:58.33333333%;}
  .xs-offset-left-8 { margin-left:66.66666667%;}
  .xs-offset-left-9 { margin-left:75%;}
  .xs-offset-right-1 { margin-right:8.33333333%;}
  .xs-offset-right-2 { margin-right:16.66666667%;}
  .xs-offset-right-3 { margin-right:25%;}
  .xs-offset-right-4 { margin-right:33.33333333%;}
  .xs-offset-right-5 { margin-right:41.66666667%;}
  .xs-offset-right-6 { margin-right:50%;}
  .xs-offset-right-7 { margin-right:58.33333333%;}
  .xs-offset-right-8 { margin-right:66.66666667%;}
  .xs-offset-right-9 { margin-right:75%;}
}
@media (min-width:768px) {
  .col-md-12 { flex-basis:100%;}
  .col-md-11 { flex-basis:91.66666667%;}
  .col-md-10 { flex-basis:83.33333333%;}
  .col-md-9 { flex-basis:75%;}
  .col-md-8 { flex-basis:66.66666667%;}
  .col-md-7 { flex-basis:58.33333333%;}
  .col-md-6 { flex-basis:50%;}
  .col-md-5 { flex-basis:41.66666667%;}
  .col-md-4 { flex-basis:33.33333333%;}
  .col-md-3 { flex-basis:25%;}
  .col-md-2 { flex-basis:16.66666667%;}
  .col-md-1 { flex-basis:8.33333333%;}

  .md-offset-left-1 { margin-left:8.33333333%;}
  .md-offset-left-2 { margin-left:16.66666667%;}
  .md-offset-left-3 { margin-left:25%;}
  .md-offset-left-4 { margin-left:33.33333333%;}
  .md-offset-left-5 { margin-left:41.66666667%;}
  .md-offset-left-6 { margin-left:50%;}
  .md-offset-left-7 { margin-left:58.33333333%;}
  .md-offset-left-8 { margin-left:66.66666667%;}
  .md-offset-left-9 { margin-left:75%;}
  .md-offset-right-1 { margin-right:8.33333333%;}
  .md-offset-right-2 { margin-right:16.66666667%;}
  .md-offset-right-3 { margin-right:25%;}
  .md-offset-right-4 { margin-right:33.33333333%;}
  .md-offset-right-5 { margin-right:41.66666667%;}
  .md-offset-right-6 { margin-right:50%;}
  .md-offset-right-7 { margin-right:58.33333333%;}
  .md-offset-right-8 { margin-right:66.66666667%;}
  .md-offset-right-9 { margin-right:75%;}
}


/*--------------------------------------------------------------
=== COMMON LAYOUT ===
--------------------------------------------------------------*/
.fl-wrap { flex-wrap: wrap;}
.fl-col { flex-direction: column;}
.fl-i-center { align-items: center;}
.fl-j-center { justify-content: center;}

.w-100 { width: 100%;}

.pull-left { float: left;}
.pull-right { float: right;}
.center {  margin-left: auto; margin-right: auto;}

.site-main ul { margin-left: 0;}
.site-main ul li { position: relative; padding: 0 0 0 2rem; margin-bottom: .8rem;}
.site-main ul li:before { content: ""; position: absolute; left: .4rem; top: .5em; width: 4px; height: 4px; border-radius: 100%; background: var(--text-color);}
.site-main .w-dark-bg ul li:before { background: white;}
.site-main ol li { margin-left:24px; margin-bottom: .5rem;}
.site-main p:not(:last-child), .site-main ul, .site-main ol { margin-bottom: var(--mb-base);}
p:last-child { margin-bottom: 0!important;}

.content-img:not(:first-child) { margin-top: var(--mb-base);}
.content-img:not(:last-child) { margin-bottom: var(--mb-base);}
.img-center img, .img-center picture, .img-center svg { margin-left: auto; margin-right: auto;}

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

  .xs-fl-col { flex-direction: column;}
  .xs-fl-wrap { flex-wrap: wrap;}
  .xs-fl-i-center { align-items: center;}
  .xs-fl-j-center { justify-content: center;}

  .xs-visible { display: block!important;}
  .xs-hidden { display: none!important;}
  .md-visible { display: none!important;}
  .xs-no-pull { float: none!important;}
}
@media (min-width:768px) {
  .xs-visible { display: none!important;}
  .md-visible { display: block!important;}
  .md-hidden { display: none!important;}
}



/*--------------------------------------------------------------
=== PRINT ===
--------------------------------------------------------------*/
@media print {
  .hidden-print { display:none!important;}
}


/*--------------------------------------------------------------
=== TYPOGRAPHY & COLORS ===
--------------------------------------------------------------*/
.text-left { text-align:left;}
.text-right { text-align:right;}
.text-center { text-align:center;}
.text-center img { margin-left: auto; margin-right: auto;}
.text-justify { text-align:justify;}
.text-nowrap { white-space:nowrap;}
.text-lowercase { text-transform:lowercase;}
.text-uppercase { text-transform:uppercase;}
.text-capitalize { text-transform:capitalize;}
@media (max-width: 768px) {
  .xs-text-center { text-align:center;}
}

h1, .h1 {} /* on the style-first.css */
h2, .h2 {} /* on the style-first.css */
h3, .h3 { margin-bottom: .4rem; padding: 0; font: 600 var(--h3)/1.3 var(--font-family-accent);}

.h-section-title { font:600 var(--section-title)/1.2 var(--font-family-accent); color: var(--purple-medium);}
.h-section-title:not(:last-child) { margin-bottom: 3rem;}
.date { display: block; font-size: var(--date); font-weight: 700; color: var(--purple-dark); text-transform: uppercase;}

@media (max-width:767.98px) {

}
@media (min-width:768px) {

}
@media (min-width: 1440px) {

}
@media (min-width: 1920px) {
}

a { color: var(--blue-light); text-decoration: none; cursor: pointer; transition: .25s ease-in-out!important;}
a:hover, a:focus { color: var(--blue); text-decoration: none!important;}
.w-dark-bg a { color: currentColor;}
.w-dark-bg a:hover, .w-dark-bg a:focus { color: var(--blue-lighter);}

sup, sub { position:relative; font-size:.7em; vertical-align:baseline;}
sup { top:-.5em;}
sub { bottom:-.25em;}
strong, b, .text-bold { font-weight: 600;}
.txt-w-medium { font-weight: 500;}

small, .text-small { font-size:.85em;}
big, .text-big { font-size: 1.33em; line-height: 1.25em;}

.text-tr-none { text-transform: none!important;}


.text-light { font-weight: 300;}
.text-normal { font-weight: 400;}
.text-medium { font-weight: 500;}
.text-semiBold { font-weight: 600;}



/*--------------------------------------------------------------
=== HEADER ===
--------------------------------------------------------------*/
header.sticky-header { position: fixed; background-color: rgba(255,255,255,1); box-shadow: 0 .4rem .8rem rgba(0,0,0,.25);}

@media (max-width:767.98px) {
  header.sticky-header { padding: .5rem 0;}
  header.sticky-header #logo { width: 15rem; min-width: 15rem; margin: 0;}
}
@media (min-width:768px) {
  header.sticky-header { padding: .5rem 0;}
  header.sticky-header #logo { }
  header.sticky-header #nav { margin-bottom: .5rem;}
  header.sticky-header #main-nav > li {}
}


/*--------------------------------------------------------------
=== NAVIGATION ===
--------------------------------------------------------------*/
.nav-open { overflow: hidden;}
.nav-open header { background: none;}
.nav-open .nav-control span { position: absolute;}
.nav-open .nav-control span:nth-child(1) { transform: rotate(45deg);}
.nav-open .nav-control span:nth-child(2) { top: 21px; width: 0%; left: 50%;}
.nav-open .nav-control span:nth-child(3) { transform: rotate(-45deg);}

@media (max-width:999px) {
  .nav-open .menu-menu-container { height: 100vh; overflow: auto; padding: 156px 0 5rem;}
  /*.nav-open .sticky-header .menu-menu-container { height: calc(100vh - 6.2rem);}*/
  #main-nav { flex-direction: column; margin-left: 34px; max-width: 165px;}
  #main-nav li { width: 100%;}
  #main-nav a {}
  #main-nav > li { position: relative;}
  #main-nav > li > a { padding: 1.5rem 0 1.5rem .625rem; font-size: 2rem; line-height: 1.1;}
  #main-nav > li > a:after { position: absolute; top: 4rem; width: 0%; height: 3px; border-radius: 2px; background: var(--blue-lighter); content: ""; transition: .25s ease-in-out;}
  #main-nav > li.current-menu-item > a:after { width: 100%;}

  #main-nav .sub-menu { visibility: hidden; position: absolute; top: 2rem; left: 180px; margin: 0; width: calc(100vw - 180px - 34px - 10px); /*transition: .25s ease-in-out;*/ max-height: 0; overflow: hidden;}
  #main-nav li.current-menu-item .sub-menu { display: block!important; visibility: visible; max-height: 100rem;}
  #main-nav .sub-menu a { padding: .75rem 0; font-size: 1.8rem; font-weight: 500;}
}
@media (min-width: 768px) and (max-width:999px) {
  .menu-menu-container { top: 13rem;}
  .nav-open .menu-menu-container { height: calc(100vh - 13rem);}
}
@media (min-width:1000px) {
  header.sticky-header #main-nav { margin-bottom: -26px;}
  header.sticky-header #main-nav > li > a { padding-bottom: 26px;  }
}



/*--------------------------------------------------------------
=== FOOTER ===
--------------------------------------------------------------*/
footer { position: relative; color: white; font-weight: 500; overflow: hidden; background: linear-gradient(102.22deg, #3A0262 25.54%, #5A128D 58.16%, #2873D2 92.43%);}
footer:before { z-index: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background: url("../img/swirl-footer.png") left center / auto 100% no-repeat;}
footer .container { z-index: 1; position: relative;}

footer a { color: currentColor;}
footer a:hover, footer a:focus { color: var(--blue-lighter);}

footer:before {}

.footer-nav { display: flex;}
.footer-nav a { display: block; position: relative;}

.footer-nav a:not(:last-child):after { content: ""; position: absolute; right: 0; top:50%; transform: translateY(-50%); width: 1px; height: 1.1em; background: #fff;}

.footer-bot { justify-content: space-between; line-height: 1.5;}
footer .social-title { margin-bottom: 1.5rem;}


footer .address, footer .social-title { font-size: var(--footer_address); line-height: 1.5;}
.footer-logo { margin-left: 0; margin-right: 0;}
.footer-bot { font-size: var(--footer_legal); line-height: 1.5;}
.footer-nav { text-transform: uppercase;}

@media (orientation: portrait) {
  footer:before { background: url("../img/swirl-footer-m.png") center / cover;}
}

@media (max-width:767.98px) {
  footer { padding: 10rem 0 6.5rem;}
  footer .row { gap: .8rem!important;}

  .footer-logo { width: 16rem;}
  .footer-top .col-2 { margin-top: 3.4rem;}
  .footer-top .col-3 { margin-top: 4rem;}

  .footer-bot { margin-top: 11rem;}
  .footer-nav { margin-top: 2rem; flex-wrap: wrap;}
  .footer-nav a { white-space: nowrap;}
  .footer-nav a:not(:last-child) { padding-right: 1.5rem; margin-right: 1.5rem;}
}
@media (min-width:768px) {
  footer { padding: 10rem 0 6.7rem;}
  footer .row { justify-content: flex-end; gap: 0;}

  footer .footer-top .col-2, footer .footer-bot .col-2 { padding-left: 2rem; padding-right: 2rem;}
  .footer-logo { width: 16rem;}

  footer .footer-bot { margin-top: calc(var(--mb-base) * 6);}
  .footer-nav a:not(:last-child) { padding-right: 2rem; margin-right: 2rem;}

}


/*--------------------------------------------------------------
=== BUTTONS & SEPARATORS & ANCHORS ===
--------------------------------------------------------------*/
.btn-row:not(:first-child) { margin-top: 2.5rem;}
.btn { display: inline-block; cursor: pointer; border: 0; padding-right: 1em;}
.btn:after { content: ">";}

.btn-default { display: inline-flex!important; align-items: center; padding: .9rem 1.5rem!important; font-size: 1.6rem!important; line-height: 1.1; font-weight: 600!important; color: white!important; text-transform: uppercase; border-radius: 0!important; background: var(--blue-light)!important; box-shadow: 0px 0px 3.58333px rgba(0, 0, 0, 0.25)!important;}
.btn-default:hover, .btn-default:focus, .btn-default:active { background: var(--blue)!important;}
.btn-default:after { margin-left: .3em;}


a.btn-link { font-size: inherit!important; font-weight: 700!important; color: var(--blue-light)!important; text-transform: none!important; background: none!important; box-shadow: none!important;}
a.btn.btn-link { padding: 0 1em 0 0!important; }
a.btn-link:hover, a.btn-link:focus, a.btn-link:active { color: var(--blue)!important;}
a.btn-link:after { position: absolute; margin: 0 -1em 0 .3em;}

.w-dark-bg .btn-link { color: white;}
.w-dark-bg .btn-link:hover, .w-dark-bg .btn-link:focus { color: var(--blue-lighter);}

.anchor { position: absolute;}

.social-links { display: flex;}
.social-link { display: flex; justify-content: center; align-items: center;}

.social-ico { position: relative; overflow: hidden; font-size: 0;}
.social-ico:before, .social-ico:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; content: ""; transition: .25s ease-in-out; background-position: center; background-size: contain; background-repeat: no-repeat;}
.social-link:hover. social-ico:before, .social-link:focus social-ico:before { opacity: 1;}
.social-link:hover .social-ico:after, .social-link:focus .social-ico:after { opacity: 0;}


.social-link.in .social-ico:before { background-image: url("../img/icon-in-blueLighter.svg");}
.social-link.in .social-ico:after { background-image: url("../img/icon-in-white.svg");}

.social-link.x { margin-top: 3px;}
.social-link.x .social-ico:before { background-image: url("../img/icon-x-blueLighter.svg");}
.social-link.x .social-ico:after { background-image: url("../img/icon-x-white.svg");}

@media (max-width:767.98px) {
  .social-link { /*width: 6rem; height: 6rem;*/}
  .social-link:not(:last-child) { margin-right: 3rem;}
  .social-link.in .social-ico { width: 3.3rem; height: 3.3rem;}
  .social-link.x .social-ico { width: 2.6rem ;height: 2.7rem;}
}
@media (min-width:768px) {
  .social-link { /*width: 6rem; height: 6rem;*/}
  .social-link:not(:last-child) { margin-right: 4.1rem;}
  .social-link.in .social-ico { width: 3.3rem; height: 3.3rem;}
  .social-link.x .social-ico { width: 2.6rem ;height: 2.7rem;}
}


/*--------------------------------------------------------------
=== BLOCKs ===
--------------------------------------------------------------*/
.img-wrapper:not(:last-child) { margin-bottom: 3.5rem;}
@media (max-width:767.98px) {
  .img-wrapper {}
}
@media (min-width:768px) {
  .img-wrapper.align-right { display: flex; width: 100%; justify-content: flex-end;}
  .img-wrapper.center img { margin-left: auto; margin-right: auto;}
}

/* --- FOOTNOTES */
.footnotes { font-size: 1.4rem; line-height: 1.5; font-weight: 600;}
@media (max-width:767.98px) {
}
@media (min-width:768px) {
  .footnotes { font-size: 1.6rem;}
}

/* --- WHITE BOX */
.white-box { padding: 3rem 3rem 3.9rem 3.7rem; border-radius: var(--brdrd); background: #fff; box-shadow: 0px 0px 10px 5px rgba(2, 124, 211, 0.42);}
/*.white-box picture, .white-box img { border-radius: var(--brdrd); overflow: hidden;}*/

/* --- section ITEM */
.section-item .btn-row { margin-top: var(--mb-base);}
@media (max-width:767.98px) {
}
@media (min-width:768px) {
  .section-item:not(:last-child) { margin-bottom: 6rem;}
}


/*--------------------------------------------------------------
===  page HOME  ===
--------------------------------------------------------------*/
/*.home_content-wrapper { position: relative;}
.home_content-wrapper:before { position: relative; content: "";}*/

/* --- home INTRO */
.home_intro .container { padding-right: 157px;}

/* --- our-pipeline */
.our-pipeline { position: relative; background: var(--deep-purple-to-blue-fade);}

.our-pipeline:before { z-index: 2; position: absolute; top:50%; transform: translateY(-50%); content: ""; background: url("../img/swirl_home-content.png") right center / contain no-repeat;}
.home_intro .container, .our-pipeline .container { z-index: 3; position: relative;}
.candidate-culture .section-item { z-index: 4; position: relative;}
@media (max-width:767.98px) {
  .our-pipeline:before { right: 0; width: 56vw; height: 171vw; background-position: left center; background-size: auto 100%; opacity: .35;}
}
@media (min-width: 768px) {
  .our-pipeline { padding-top: 13.3rem; padding-bottom: 16.8rem;}
  .our-pipeline .container { padding-right: 324px;}
  .our-pipeline:before { right: 0; width: 30vw; height: 64vw;}
}

/* --- section candidate-culture */
.candidate-culture { position: relative;}
.candidate-culture:before { z-index: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: "";}
@media (max-width:767.98px) {
  .candidate-culture { padding-bottom: 52vw;}
  .candidate-culture:before { background: url("../img/candidate-culture-m.jpg") left bottom / 130% auto no-repeat;}
  .candidate-culture .row { gap: 3rem;}
}
@media (min-width: 768px) {
  .candidate-culture { padding: 9.1rem 0 9.3rem;}
  .candidate-culture:before { background: url("../img/candidate-culture.jpg") center / cover no-repeat;}
  .candidate-culture .row { flex-direction: column; padding-left: 40.55%;}
}
@media (min-width: 768px) and (min-resolution: 1.5dppx) {
  .candidate-culture:before {background-image: url("../img/candidate-culture@2x.jpg");}
}

/* --- section NEWS  === */


/*--------------------------------------------------------------
=== page ABOUT   ===
--------------------------------------------------------------*/

/* --- TEAM ITEM */  /* ! NEEED TO BE MOVED !!*/





/* MODAL */
.modal { z-index: 1050; position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; overflow: hidden}
.modal-open .modal { background: white; width: 100vw!important;}
.modal .modal-dialog { z-index: 3; position: relative; margin: 30px auto; width: 100%!important; height: calc(100vh - 60px);}
.modal .modal-header { min-height: 40px;}
.modal .modal-content { z-index: 2; position: relative; margin: 0; display: flex; flex-direction: column; border: 0!important; background: none; box-shadow: none!important;}
.modal .modal-body { flex-grow: 1; padding-top: 9vh; /*display: flex; align-items: center;*/}
.modal .modal-footer { height: auto;}

.modal .close { z-index: 3; position: absolute; right: 0; margin: 10px; background: none; font-weight: 300; width: 30px; height: 30px; font-size: 60px; line-height: 30px; color: var(--gray-cool); text-align: center;}
.modal .close:hover, .modal .close:focus { color: var(--blue-dark);}

.slider-controls { display: flex; gap: 4.3rem;}
.slider-controls a { position: relative; display: block; width: 4rem; height: 4rem; border-radius: 100%; background: #FFFFFF; box-shadow: 0px 0px 8px 2px rgba(2, 124, 211, 0.4);}
.slider-controls a.prev { transform: rotate(-180deg);}
.slider-controls a:before, .slider-controls a:after { position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); margin-left: 2px; width: 1.1rem; height: 2rem; background-position: center; background-size: contain; background-repeat: no-repeat; content: "";}
.slider-controls a:before { opacity: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxNiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMkwxMyAxMi4yNzAzTDIuNTc4OTUgMjIiIHN0cm9rZT0iIzAzMDQ1RSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==);}
.slider-controls a:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxNiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMkwxMyAxMi4yNzAzTDIuNTc4OTUgMjIiIHN0cm9rZT0iIzAwOTZDNyIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==);}

.slider-controls a:hover:before { opacity: 1;}
.slider-controls a:hover:after { opacity: 0;}

@media (max-width: 767.98px) {
  .modal .modal-dialog { padding-left: 16px; padding-right: 16px;}
  .modal .modal-body { padding: 30px 0; height: calc(100vh - 170px); overflow: auto;}
  .modal .modal-footer { /*padding-left: calc(300px + 5.6rem * 1.5);*/ padding-top: 30px;}
}
@media (min-width: 768px) {
  .modal .modal-dialog { max-width: calc(1120px + 50px * 2); padding-left: 50px; padding-right: 50px;}
  .modal .modal-content { height: 100%;}
  .modal .modal-header { padding-top: 10vh;}
  .modal .modal-body { padding-bottom: 5rem;}
  .team-modal .modal-footer { padding-left: calc(300px + 5.6rem * 1.5);}
}



/*--------------------------------------------------------------
=== BANNER ANNOUCEMENT ===
--------------------------------------------------------------*/
.banner-annoucement { padding: 1.9rem 3rem 1.9rem 2.6rem; border-radius: var(--brdrd); background: #fff; box-shadow: 0px 0px 8px 2px rgba(2, 124, 211, 0.4);}
.banner-annoucement .col-1 { font: 500 var(--call-out-copy)/1.2 var(--font-family-accent); color: var(--purple-medium);}
.banner-annoucement img { margin-left: 0; margin-right: 0;}

@media (max-width:767.98px) {
}
@media (min-width:768px) {
  .gedatolisib-benefits .subitem .subitem-title { flex: 0 0 26rem;}
  .gedatolisib-benefits .subitem .subitem-content{ flex-grow: 1; padding-left: 3rem;}

  .banner-annoucement { align-items: center;}
  .banner-annoucement .col-1 { flex-grow: 1;}
  .banner-annoucement .col-2 { flex: 0 0 203px;}
  .banner-annoucement .col-2 img { margin-top: -10px;}
  .banner-annoucement .col-3 { margin-left: 1.6rem;}
  .banner-annoucement .btn { white-space: nowrap;}
}





/*--------------------------------------------------------------
=== PAGE SCIENCE ===
--------------------------------------------------------------*/
.challenges-science { background: url("../img/challenges-science.webp") right center / auto 100% no-repeat;}
@media (max-width:767.98px) {
  .challenges-science {
    padding-bottom: 94vw;
    background-position: right bottom -25vw;
    background-size: 130% auto;
  }
}
@media (min-width: 768px) and (min-resolution: 1.5dppx) {
  .challenges-science { background: url("../img/challenges-science@2x.webp") right center / auto 100% no-repeat;}
}




/*--------------------------------------------------------------
=== PAGE Career ===
--------------------------------------------------------------*/


/*--------------------------------------------------------------
=== PAGE Pipeline ===
--------------------------------------------------------------*/
/* intro-pipeline */


/* gedatolisib */


/* gedatolisib-benefits */


/* clinical-development */


/* expanded-access */



/*--***********************************************************************************
PART
*********************************************************************************** --*/



/*--***********************************************************************************
PUBLICATIONS
*********************************************************************************** --*/
.publications-subsection:not(:last-child) { margin-bottom: 14.2rem;}

.publications-item { display: flex; gap: var(--gap); padding: 1.9rem 3.5rem 2.2rem 2.5rem; box-shadow: 0px 0px 8px 2px rgba(2, 124, 211, 0.4);}
.publications-item:not(:last-child) { margin-bottom: 3.5rem;}
.news-title { color: var(--blue-dark);}
.news-date { font-weight: 700;}
.news-intro { font-weight: 700;}
.publications-item .authors { margin-top: 2.5rem; font-size: .9em;}

@media (max-width:767.98px) {
  .publications-item { flex-direction: column;}
  .publications-item  .btn-row { margin-top: 2rem;}
}
@media (min-width:768px) {
  .publications-item .col-1 { flex: 0 0 33.33%; display: flex; flex-direction: column;}
  .news-col-wrapper { flex-grow: 1;}
  .publications-item .col-2 { flex: 0 0 66.66%;}
}

/* BambooHR-ATS-board */
.BambooHR-ATS-board ul li { padding: 5px 10px;}
.BambooHR-ATS-board ul li:before { display: none;}