/*
Theme Name: Roche Clinical Value
Theme URI: https://fuse.sg
Author: Adrian Tee
Author URI: https://fuse.sg
Date: Dec-2022
Description: Roche Clinical Value
Version: 1.0.0

https://clinicalvalue.com/

*/

body {
  font-family: "RocheSans" !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

p {
  font-size: 13px;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  border: 1px solid #ced4da !important;
  outline: none !important;
  box-shadow: none !important;
}

input {
  border: 1px solid #ced4da;
}

a {
  color: #0b41cd;
}

a:hover {
  color: #0b41cd;
  text-decoration: none;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  border: 1px solid #0b41cd !important;
}

nav.navbar {
  width: 100%;
  z-index: 1000;
  background-color: #fff !important;
  display: block;
  padding: 0;
}

nav .main-menu {
  background-color: #fff;
  border-top: 1px solid #dcecfe;
  border-bottom: 1px solid #dcecfe;
}

.main-menu .container {
  flex-wrap: nowrap;
}

nav.navbar-dark .navbar-nav .nav-link {
  color: #544f4f;
  font-size: 15px;
  letter-spacing: 0.4px;
  /*text-transform: uppercase;*/
  padding-left: 15px;
  padding-right: 15px;
  transition: color 0.3s;
}

nav.navbar-dark li:first-child .nav-link {
  /*padding-left: 12px;*/
}

nav.navbar-dark .navbar-nav .nav-link:focus,
nav.navbar-dark .navbar-nav .nav-link:hover {
  color: #0b41cd;
}

nav.navbar-dark .navbar-nav .active > .nav-link,
nav.navbar-dark .navbar-nav .nav-link.active,
nav.navbar-dark .navbar-nav .nav-link.show,
nav.navbar-dark .navbar-nav .show > .nav-link {
  color: #0b41cd;
  text-align: center;
}

nav.navbar-expand-md .navbar-nav {
  width: 100%;
  justify-content: space-between;
  margin-right: 10px;
  justify-content: flex-start;
}

nav.navbar-expand-md .navbar-nav li {
  /*margin-right: 15px;*/
  /*margin-left: 5px;*/
  margin-right: 0;
  margin-left: 0;
}

#navbarNavDropdown {
  position: relative;
  margin-left: -15px;
  /*margin-right: -15px;*/
}

.search-btn {
  background-image: url(img/search-icon.png);
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 30px;
  position: relative;
  cursor: pointer;
  box-sizing: content-box;
  padding: 5px 5px;
  margin: 0 15px 0 15px;
}

.search-btn:before {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  height: 25px;
  background: #0b41cd;
  opacity: 0.5;
  top: 50%;
  margin-top: -12px;
}

.cta-btn {
  position: relative;
  padding: 5px 5px;
  margin: 0 0 0 15px;
}

.cta-btn:before {
  content: "";
  position: absolute;
  left: -15px;
  width: 1px;
  height: 25px;
  background: #0b41cd;
  opacity: 0.5;
  top: 50%;
  margin-top: -12px;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #0b41cd;
}

.navbar-nav .dropdown-menu {
  padding: 0;
}

@media (min-width: 768px) {
  .navbar-expand-md .navbar-nav .dropdown-menu {
    overflow: hidden;
    top: 95%;
  }
}

.header-outer {
  width: 100%;
  padding: 10px 0;
}

.header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-logo {
  /* width: 126px; */
  width: 300px;
  height: 40px;
}

.header-roche-logo {
  width: 90px;
  height: 47px;
}

.cc-logo {
  width: 130px;
  height: 44px;
  display: none;
}

.page-template-template-cancer .cc-logo,
.page-oncology .cc-logo {
  display: block;
}

.header-logo .cancer-logo {
  display: none;
  max-height: 38px;
  float: right;
}

.page-template-template-cancer .header-logo a,
.page-oncology .header-logo a {
  text-align: right;
}
.page-template-template-cancer .header-logo .home-logo,
.page-oncology .header-logo .home-logo {
  display: none;
}
.page-template-template-cancer .header-logo .cancer-logo,
.page-oncology .header-logo .cancer-logo {
  display: block;
}

/*    header search box
*/
.header-search-box-container {
  overflow: hidden;
  position: absolute;
  /*position: fixed;*/
  top: -30px;
  padding-bottom: 100px;
  width: 100%;
  transition: top 0.5s;
  /*z-index: -1;*/
  z-index: 10;
  pointer-events: none;
}

.header-search-box-container.show {
  pointer-events: all;
  top: 130px;
  /*top: 109px;*/
}

.header-search-box {
  padding: 24px 200px 28px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  background: #fff;
  transform: translate(0px, -100%);
  transition: transform 0.5s, box-shadow 0.4s;
}

.show .header-search-box {
  transform: translate(0px, 0px);
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.15);
}

.header-search-box input {
  height: 50px;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}

.header-search-box input.submit {
  position: relative;
  border: none;
  font-size: 0;
  background-image: url(img/search-icon-white.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
  width: 50px;
  height: 50px;
  margin: 0;
  background-color: #0b41cd;
  border-radius: 5px;
}

.wrapper .header-search-box {
  transform: none;
  padding-bottom: 35px;
}

/* 
exit intent 
*/
.exit-intent-popup {
  display: none;
}

.exit-intent-popup.active {
  display: block;
}

.exit-intent-popup-bg {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

.exit-intent-dialog {
  width: 400px;
  padding: 25px;
  padding-top: 45px;
  /*border: 1px solid;*/
  border-radius: 3px;
  position: fixed;
  top: 50%;
  left: 50%;
  background: #fff;
  margin-left: -200px;
  margin-top: -100px;
  z-index: 110;
}

.btn-close {
  position: absolute;
  right: 3px;
  top: 0px;
  padding: 10px;
  cursor: pointer;
}

/* footer menu */
#wrapper-footer {
  /*background: #0B41CD;*/
  background: url(img/footer-bg.jpg);
  background-size: cover;
  color: #fff;
  color: #544f4f;
  padding-bottom: 30px;
  border-top: 1px solid #bee3ff;
}

footer .about-content p {
  font-size: 16px;
  font-weight: 300;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-right: 30px;
  color: #fff;
  color: #544f4f;
}

.about-content a {
  color: #fff;
  color: #544f4f;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  padding: 5px 5px 5px 0;
}

#wrapper-footer hr {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-top: 1px solid rgba(84, 79, 79, 0.2);
  margin-top: 10px;
  margin-bottom: 35px;
}

.footer-menu-img {
  width: 260px;
  height: 40px;
  margin-left: -7px;
}
.footer-menu-img img {
  max-height: 40px;
}

#menu-footer-menu {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding-left: 10px;
  margin-top: 50px;
}

#menu-footer-menu li {
  width: 50%;
  margin-bottom: 15px;
}

#menu-footer-menu li a {
  color: #fff;
  color: #544f4f;
  display: block;
  padding: 5px;
}

.disclaimer {
  font-family: "RocheSansCondensed";
  font-size: 12px;
  font-weight: 300;
}

/* bottom */
.bottom-menu {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  align-items: center;
}

.bottom-left {
  display: flex;
  flex-direction: row;
}

.social-menu {
  display: flex;
}

.social-container {
  display: flex;
}

.social-menu a {
  padding: 3px;
  display: block;
}

.social-menu a > div {
  width: 30px;
  height: 30px;
  background-size: 25px 26px;
  background-repeat: no-repeat;
  background-position: center;
}

.social-menu a .youtube {
  background-image: url(img/video.png);
}

.social-menu a .linkedin {
  background-image: url(img/linkedin.png);
}

.social-menu a .podcast {
  background-image: url(img/podcast.png);
}

#menu-bottom-menu {
  list-style: none;
  display: flex;
  /*flex-wrap: wrap;*/
  padding-left: 0;
  margin-bottom: 0;
}

#menu-bottom-menu li {
  margin: 0 10px;
}

#menu-bottom-menu li a {
  color: #fff;
  color: #544f4f;
  display: block;
  padding: 4px 10px;
}

.footer-copyright {
  padding: 4px 10px 4px 0;
  margin-right: 10px;
}

.breadcrumbs {
  margin: 8px 0;
}

.col-sm-6 img,
.featured-img img {
  border-radius: 3px;
}

.col-sm-6 img {
  /*object-fit: cover;*/
  width: 100%;
  /*height: 320px;*/
}

h4 {
  color: #0b41cd !important;
  font-size: 30px;
  font-weight: 500;
  line-height: 160%;
  margin-bottom: 10px;
}

.single.single-post h4 {
  color: #0b41cd !important;
}

.btn-row {
  display: flex;
  justify-content: center;
}

.btn,
.btn-primary,
.btn-secondary {
  padding: 13px 18px 11px;
  font-size: 14px;
  line-height: 120%;
  font-weight: 400;
  margin-right: 10px;
  border-radius: 5px;
  /*display: flex;*/
  align-items: center;
  font-weight: 500;
  /*transition: background-color linear 0.2s, color linear 0.2s;*/
}

.btn {
  background-color: transparent;
  color: #0b41cd;
  border: 1px solid #0b41cd;
  transition: background-color 0.3s, color 0.3s;
}

.btn-primary {
  background-color: #0b41cd;
  color: #fff !important;
  border: 1px solid transparent;

  background-color: transparent;
  color: #0b41cd !important;
  border: 1px solid #0b41cd;
}

.btn-secondary {
  /*background-color: #fff;*/
  color: #0b41cd !important;
  border: 1px solid #0b41cd;

  background-color: #fff8f6;
  color: #544f4f !important;
  border: 1px solid #544f4f;
}

.btn:hover,
.btn:focus,
.btn:active {
  background-color: #0b41cd;
  color: #fff !important;
  box-shadow: none !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #fff;
  color: #0b41cd !important;
  border: 1px solid #0b41cd;

  background-color: #0b41cd !important;
  color: #fff !important;
  border: 1px solid #0b41cd !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background-color: #0b41cd;
  color: #fff !important;
  border: 1px solid transparent;

  background-color: #544f4f;
  color: #fff !important;
  border: 1px solid transparent;
}

a.btn-load-more.btn-outline {
  border: 1px solid #544f4f;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background-color: #fff;
  color: #0b41cd;
  border: 1px solid #0b41cd;
}

.btn.btn-large {
  font-size: 22px;
  background-color: #0b41cd;
  color: #fff !important;
  border: 1px solid #0b41cd;
  padding: 15px 30px 13px;
}

/*
Fix content style
*/
.container {
  width: 100% !important;
}

/*
body
*/
.wrapper {
  padding-top: 50px;
  padding-bottom: 50px;
}

/*
HOME
*/
.featured-wrapper {
  padding: 0;
  position: relative;
}

.featured-window {
  overflow: hidden;
  position: relative;
}

.featured-container {
  display: flex;
  position: absolute;
  transition: transform 0.7s;
}

.featured-window,
.featured-container {
  height: 700px;
}

h3.link {
  cursor: pointer;
}

.featured-box {
  /*border: 1px solid red;*/
  color: #0b41cd;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.featured-box h4 {
  color: #0b41cd !important;
  font-size: 20px;
  font-weight: 500;
}

.featured-box a {
  color: #0b41cd;
}

.featured-box h3 {
  color: #0b41cd;
  font-size: 50px;
  font-weight: 300;
  line-height: 115%;
}

.featured-textbox-container {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
}

.featured-textbox-container .container {
  max-width: 1140px;
  /*border: 1px solid blue;*/
  margin-right: auto;
  margin-left: auto;
  /*width: 50%;*/
  transform: translate(0, -50%);
  margin-top: -45px;
}

.featured-textbox {
  width: 60%;
}

.featured-textbox .btn {
  color: #0b41cd;
}

.featured-box p {
  font-size: 18px;
  font-weight: 300;
  line-height: 140%;
  color: #544f4f;
  text-shadow: 0 0 5px rgb(243 249 255);
}

.featured-box .image-bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 85%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(243, 249, 255, 1) 0%,
    rgba(243, 249, 255, 0.8) 50%,
    rgba(255, 255, 255, 0) 100%
  );

  width: 100%;
  background: linear-gradient(
    90deg,
    rgba(243, 249, 255, 1) 0%,
    rgba(243, 249, 255, 0.8) 50%,
    rgba(255, 255, 255, 0.5) 100%
  );
}

.featured-box .image-bg {
  height: 100%;
}

.featured-box .image-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.featured-nav {
  position: absolute;
  bottom: 30px;
  /*width: 100%;*/
  display: flex;
}

.featured-nav-window {
  /* border: 1px solid blue; */
  position: absolute;
  bottom: 30px;
  overflow: hidden;
  width: 100%;
  height: 180px;
}
.featured-nav {
  /* border: 1px solid red; */
}

.featured-nav .nav-thumb {
  width: 250px;
  height: 122px;
  overflow: hidden;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
  opacity: 0.5;
  border-radius: 3px;
}

.featured-nav .nav-thumb.active {
  opacity: 1;
}

.featured-nav .nav-thumb:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0.5) 50%,
    rgba(0, 0, 0, 0) 100%
  );
}

.featured-nav h6 {
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  position: absolute;
  bottom: 0;
  padding: 10px;
  margin: 0;
  z-index: 1;
}

.featured-nav-next,
.featured-nav-prev {
  position: absolute;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-position: center;
  top: 50%;
  cursor: pointer;
}

.featured-nav-next {
  background-image: url(img/arrow-right-grey.png);
  right: 20px;
}

.featured-nav-prev {
  background-image: url(img/arrow-left.png);
  left: 20px;
}

.page-home .latest-article-tiles {
  border-top: 1px solid #dcecfe;
}

.latest-article-tiles {
}

/* .latest-event-tiles .tile-container,
.latest-article-tiles .tile-container {
	margin-right: 0;
	margin-left: 0;
} */

.tile-container {
  display: flex;
  /* margin-right: -15px; */
  /* margin-left: -15px; */
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  margin-right: 15px;
  margin-left: 15px;
}

.tile-container article {
  width: 32%;
  /* width: 33.3%; */
  padding: 15px;
  display: none;
  /* border: 1px solid transparent; */
  transition: background 0.5s;
}

.tile-container article:hover {
  /*background: #ECF1FB;*/
  /*border: 1px solid #E3E9F5;*/
}

/*
post tile
*/
article.type-event,
article.post-tile {
  position: relative;
  overflow: hidden;
  box-shadow: 1px 1px 10px rgb(0 0 0 / 20%);
  border: none;
  margin-bottom: 25px;
  padding: 15px;
  cursor: pointer;
}

article.type-event .title-tag,
article.post-tile .title-tag {
  /*position: relative;*/
  transform: translate(0px, 0%);
  transition: transform 0.3s;
}

article.type-event .featured-img,
article.post-tile .featured-img {
  /*position: absolute;
	height: auto;
	top: 15px;*/
  /* width: calc(100% - 30px); */
  min-height: 192px;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -15px;
}

.tile-container article .featured-img img {
  object-fit: cover;
  width: 100%;
  /*height: 200px;*/
  height: 192px;
  border-radius: 0;
}

/* event page tiles */
.post-type-archive-event .tile-container article.type-event .featured-img,
.post-type-archive-event .tile-container article.type-event .featured-img img {
  height: 245px;
}

.image-title-tag {
}

.hover-cover {
  background-color: #0b41cd;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 1;
}

.hover-content {
  border: 1px solid red;
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hover-content .title-tag {
  padding: 15px;
  top: 0;
  left: 0;
  height: 100%;
  transition: transform 0.5s;
  z-index: 10;
}

.type-event .hover-text,
.post-tile .hover-text {
  position: absolute;
  top: 100%;
  margin-top: 20px;
  opacity: 0;
}

.title-tag a.btn-readmore {
  /* text-decoration: underline; */
  color: #0b41cd;
}

article.type-event:hover .hover-cover,
article.post-tile:hover .hover-cover {
  opacity: 1;
}

article.type-event:hover .title-tag,
article.post-tile:hover .title-tag {
  /*transform: translate(0,100%);*/
  position: relative;
  z-index: 10;
  color: #fff;
  /*transform: translate(0px, -170%);*/
  transform: translate(0px, -170px);
}

article.post-tile:hover .title-tag h3,
article.post-tile:hover .title-tag p,
article.post-tile:hover .title-tag .category-label a,
article.post-tile:hover .title-tag .tile-date {
  color: #fff !important;
}

article.post-tile:hover .tile-date:before {
  background: #fff;
}

article.type-event:hover .hover-text,
article.post-tile:hover .hover-text {
  opacity: 1;
}

/* roche hover style */
.hover-cover {
  background-color: #fff;
}

article.post-tile:hover .title-tag h3,
article.post-tile:hover .title-tag p,
article.post-tile:hover .title-tag .category-label a,
article.post-tile:hover .title-tag .tile-date {
  color: #544f4f !important;
}

article.post-tile:hover .title-tag .category-label a {
  color: #0b41cd !important;
}

article a,
article a:hover,
article a:active {
  text-decoration: none;
}

article h3 {
}

article h3 a,
article h3 a:hover,
article h3 a:active {
  text-decoration: none;
  color: #0b41cd;
}

article .title-tag h3 {
  font-weight: normal !important;
  font-size: 20px !important;
  line-height: 120%;
  color: #544f4f !important;
  margin-bottom: 15px;
}

.category-label-container {
  /*margin: 15px 0;*/
  margin: 12px 0;
  display: flex;
  align-items: center;
}

.category-label-container .category-label {
  padding: 0;
  background: transparent;
  border-radius: 40px;
  margin-right: 7px;
}

.category-label a {
  padding-bottom: 0px;
  /*color: #fff;*/
  color: #0b41cd;

  font-weight: 500;
  font-size: 16px;
  /*text-transform: uppercase;*/
  padding: 6px 10px;
  padding-left: 0;
  display: inline-block;
}

a.btn-load-more {
  background: #f5f5f2;
  border-radius: 4px;
  display: inline-block;
  padding: 10px 54px;

  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* identical to box height, or 143% */
  text-align: center;
  color: #544f4f;
}

a.btn-load-more:hover,
a.btn-load-more:active {
  text-decoration: none;
  color: #544f4f;
}

.tile-date {
  /*margin-bottom: 15px;*/
  font-weight: 300;
  /*font-size: 14px;*/
  font-size: 16px;
  line-height: 120%;
  color: #0b41cd;
  position: relative;
  margin-left: 0;
}

.tile-date:before {
  content: "";
  position: absolute;
  top: 8px;
  left: -10px;
  width: 4px;
  height: 4px;
  background: #0b41cd;
  border-radius: 50%;
}

/* load more tiles */
.btn-container {
  text-align: center;
  margin: 50px 0 20px;
}

/*
form wrapper - home
*/
.updateform-wrapper {
  background-color: #f3f5fc;
  color: #022366;
}

.updateform-wrapper .container .row h3 {
  font-size: 30px;
  font-weight: 500;
  color: #022366;
  text-align: left;
}

.updateform-wrapper p {
  font-weight: 400;
  font-size: 16px;
}

.updateform-wrapper hr {
  border-top: 1px solid rgba(138, 133, 131, 0.5);
  margin-top: 10px;
  margin-bottom: 30px;
}

.updateform-wrapper iframe {
  max-width: 100%;
  width: 100%;
}

.updateform-wrapper .mktoForm {
  width: 580px !important;
  background: none !important;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}

.updateform-wrapper .mktoForm * {
  font-family: "RocheSans" !important;
}

.quform-submit {
  border: 1px solid #0b41cd !important;
  background: #e0e8f9 !important;
  color: #0b41cd !important;
}

.quform-button-text.quform-button-submit-text {
}

.select2-container--quform .select2-dropdown--below {
  /* border: 1px solid red;
	margin-top: -10px; */
}

/*
archive-magazine
*/
.post-type-archive-magazine .tile-container-nohide {
  margin-right: -15px;
  margin-left: -15px;
  display: flex;
  flex-wrap: wrap;
}

.post-type-archive-magazine .tile-container-nohide article {
  padding: 15px;
  transition: background 0.5s;
}

/*
category
*/
.row-tiles {
  margin-top: 30px;
}

.archive-wrapper {
  padding-top: 0;
}

.cat-banner .image-bg {
  position: relative;
}

.cat-banner .image-bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 85%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(243, 249, 255, 1) 0%,
    rgba(243, 249, 255, 0.8) 50%,
    rgba(255, 255, 255, 0) 100%
  );
}

.cat-banner .image-bg img {
  width: 100%;
}

.cat-banner {
  /*border: 1px solid red;*/
  position: relative;
  height: 700px;
  overflow: hidden;
}

.cat-banner-container {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
}

.cat-banner .container {
  max-width: 1140px;
  /* border: 1px solid blue; */
  margin-right: auto;
  margin-left: auto;
  /* width: 50%; */
  transform: translate(0, -50%);
}

.cat-textbox-container {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
}

.cat-textbox {
  width: 60%;
  transform: translate(0, -50%);
  margin-left: 30px;
}

.cat-textbox .btn-secondary {
  /*margin-top: 15px;*/
}

.cat-banner h4 {
  color: #0b41cd;
  font-size: 20px;
  font-weight: 500;
}

.cat-banner h3,
.cat-banner h3 a {
  color: #0b41cd;
  font-size: 50px;
  font-weight: 300;
  line-height: 115%;
}

.cat-banner h3 a:hover,
.cat-banner h3 a:active {
  text-decoration: none;
}

.cat-desc {
  background: #0b41cd;
  color: #0b41cd;
  padding: 5px 20px 5px;
  /*border: 1px solid #75a5f8cc;*/
  display: inline-block;
  margin-bottom: 15px;
  border-radius: 2px;
}

.cat-textbox p {
  font-size: 18px;
  font-weight: 300;
  color: #544f4f;
  text-shadow: 0 0 5px rgb(243 249 255);
}

.cat-textbox a {
  /*font-size: 18px;*/
  color: #fff;
  font-weight: 500;
}

.cat-textbox a:hover,
.cat-textbox a:active {
  text-decoration: none;
}

.wrapper-you-may-also-like {
  /*border: 1px solid red;*/
}

article.col-hor .featured-img img {
  object-fit: cover;
  /* width: 100%; */
  height: auto;
}

.col-vert {
  display: flex;
  /*border: 1px solid red;*/
  flex-direction: column;
}

.col-vert .category-label-container {
  margin-top: 0;
}

.col-vert .category-label a {
  padding-top: 0;
}

.row-vert {
  /*border: 1px solid blue;*/
  display: flex;
  margin-bottom: 25px;
  align-items: center;
}

.row-vert .featured-img {
  width: 33.3%;
  overflow: hidden;
  height: 240px;
  position: relative;

  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  align-self: flex-start;
  border-radius: 3px;
}

.row-vert .featured-img img {
  width: auto;
  max-height: 100%;
  max-width: none;
  position: absolute;
  /*left: -50%;*/
  /*top: 0;*/
}

.row-vert .text-content {
  width: 70%;
  padding-left: 15px;
}

.title-tag h3 {
  font-size: 30px;
  font-weight: normal;
  color: #0b41cd;
  line-height: 120%;
  color: #544f4f;
}

.title-tag p {
  font-size: 18px;
  font-weight: 300;
  color: #544f4f;
  line-height: 130%;
}

.row-vert .title-tag h3 {
  font-size: 20px;
}

.row-vert .title-tag p {
  font-size: 18px;
  line-height: 130%;
}

a.btn-readonline {
  background: #0b41cd;
  border-radius: 4px;
  display: inline-block;
  padding: 10px 24px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  margin-top: 20px;
}

.wrapper-cancer hr {
  border-top: 1px solid #bee3ff;
  /* padding-bottom: 25px; */
}

.wrapper-cancer:last-child hr {
  border-top: none;
}

.wrapper-cancer .row h3 {
  margin-top: 15px;
  margin-bottom: 25px;
}

/*
single
*/
.page-template-template-cancer .gradient,
.page-oncology .gradient,
.single .gradient {
  background: url(img/title-bg.jpg);
  background-size: cover;
  color: #544f4f;
  padding: 50px 10px;
  border-bottom: 1px solid #bee3ff;
  position: relative;
}

.page-template-template-cancer .gradient:after,
.page-oncology .gradient:after,
.single .gradient:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  top: 0;
  left: 0;
}

.page-template-template-cancer .gradient .container,
.page-oncology .gradient .container,
.single .gradient .container {
  z-index: 1;
  position: relative;
}

.page-template-template-cancer .gradient h1,
.page-oncology .gradient h1,
.single .gradient h1 {
  color: #544f4f;
  /*text-align: left;*/
  width: 100%;
  font-weight: 300;
  margin: 0 15px;
}

.single h1 {
  color: #0b41cd;
  font-size: 50px;
  font-weight: 300;
  line-height: 115%;
  text-align: center;
}

.single h2 {
  color: #0b41cd;
  font-size: 26px;
}

.single h2 strong {
  font-weight: 500;
}

.page-template-template-cancer p {
  font-size: 16px;
}

.entry-content .wp-block-cover {
  border: 1px solid blue;
  background: red !important;
  display: none;
}

.wp-block-spacer {
  /*border: 2px solid blue;*/
}

.entry-content p {
  font-size: 18px;
  color: #544f4f;
  font-weight: 300;
}

.entry-content a:hover,
.entry-content a:active {
  text-decoration: none !important;
}

.entry-content .has-drop-cap::first-letter {
  float: none;
  font-size: 18px;
  line-height: initial;
  text-transform: none;
  margin: 0;
  padding: 0;
  font-family: "RocheSans" !important;
  color: #544f4f !important;
}

.entry-content .has-drop-cap::first-letter,
.entry-content p.has-drop-cap {
  /*font-weight: 500;*/
}

.site-main .breadcrumbs {
  margin: 18px 0 48px;
  text-align: center;
  font-weight: 300;
  color: #0b41cd;
}

.site-main .breadcrumbs a {
  font-weight: 500;
}

.single .standfirst {
  font-size: 18px;
  color: #544f4f;
  margin-bottom: 15px;
  font-weight: 500;
}

.blockquote,
.wp-block-quote,
.wp-block-quote.is-large:not(.is-style-plain) p,
.wp-block-quote.is-style-large:not(.is-style-plain) p {
  font-size: 24px;
  font-family: "RocheSerif";
}

.wp-block-embed figcaption,
.figure-caption,
.wp-block-image > figure figcaption,
figure.wp-block-image figcaption {
  color: #544f4f;
  margin-bottom: 25px;
  font-style: italic;
  font-weight: 300;
}

.references {
  /*border: 1px solid red;*/
  color: #544f4f;
  font-family: "RocheSansCondensed";
  font-weight: normal;
  font-style: normal;
}

.references a {
  word-break: break-all;
}

.references li {
  word-break: break-word;
}

.references ol {
  padding-left: 25px;
}

.references li {
  color: #544f4f;
}

.references li,
.references li span {
  font-size: 16px !important;
  font-weight: normal !important;
  font-family: "RocheSansCondensed" !important;
  font-style: normal;
}

.single .references h4 {
  font-size: 18px;
  font-style: italic;
  font-weight: 500;
  color: #544f4f !important;
  /*letter-spacing: 0.5px;*/
  margin-bottom: 5px;
  font-family: "RocheSans";
}

.single .references p {
  font-size: 14px;
  margin-bottom: 8px;
  line-height: 1.2;
}

.single .extracted {
  font-size: 16px;
  font-style: italic;
  color: #544f4f;
  margin-bottom: 15px;
  font-weight: normal;
}

.entry-content p a {
  overflow-wrap: break-word;
}

.single .container iframe {
  width: 100%;
  margin: 0 auto;
  display: block;
  border: 1px solid #c1dfff;
  padding: 10px;
}

.single .container .wpb_raw_html iframe {
}

.single .container .wpb_raw_code iframe {
  /*max-width: 600px;*/
  /*height: 120px;*/
  /* height: auto; */
}

.wpb_single_image .vc_figure {
  width: 100%;
}

.wpb_single_image .vc_single_image-wrapper {
  width: 100%;
}

.single h6 {
  margin-bottom: 15px;
  line-height: 1.4;
}

.single .sidebar-text {
  background: #0b41cd;
  background: #544f4f;
  padding: 45px 25px;
}

.single .sidebar-text p {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}

.single .flexslider {
}

.single h4 {
  color: #0b41cd;
  line-height: 1.2;
  font-size: 18px;
}

.single .wpb_single_image img {
  width: 100%;
}

.single small {
  font-size: 12px;
  line-height: 1.4;
  display: block;
}

.wpb_single_image.wpb_content_element {
  margin-bottom: 0;
}

.prehero-wrapper {
  padding: 20px 0;
}

.prehero-wrapper h1 {
  margin-bottom: 0;
  font-weight: 300;
}

.page-oncology .page-wrapper {
  padding-top: 50px;
  padding-bottom: 50px;
}

.page-oncology .title-tag-nohover {
  margin-top: 15px;
}

.page-oncology .title-tag-nohover h3 {
  font-weight: normal !important;
  font-size: 22px !important;
  line-height: 120%;
  color: #0b41cd !important;
  margin-bottom: 15px;
}

.page-oncology .title-tag-nohover p {
  font-size: 18px;
  font-weight: 300;
  color: #544f4f;
  line-height: 130%;
}

.page-oncology .image-title-tag {
}

/*
single magazine
*/
.single-magazine {
}

.single-magazine .cover-video {
  /*margin-bottom: -7px;*/
  text-align: center;
  background: #000;
}

.single-magazine .cover-video iframe {
  width: 100%;
  max-width: 1024px;
  height: 600px;
  margin-bottom: -7px;
}

.single-magazine p {
  font-size: 18px;
  font-weight: 300;
  color: #544f4f;
}

.single-magazine p a {
  color: #544f4f;
}

.single-magazine h2 {
  font-size: 50px;
  font-weight: 300;
  color: #0b41cd;
}

.single-magazine h2 a {
  color: #0b41cd;
}

.single-magazine .volume-label {
  color: #0b41cd;
  font-weight: 500;
  font-size: 16px;
  /* text-transform: uppercase; */
  padding: 6px 10px;
  padding-left: 0;
  display: inline-block;
}

.single-magazine .row-first {
  /*display: flex;*/
  align-items: center;
}

.single-magazine .row-first .col-sm-6 {
  /*display: flex;*/
}

.sticky.magazine-download-btn-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);
}

.magazine-download-btn-container {
  width: 100%;
  /*margin-top: -7px;*/
}

.magazine-download-btn-container .btn-download {
  width: 100%;
  border-radius: 0;
  margin: 0;
  background-color: #fff;
}

.magazine-wrapper .row {
  margin-bottom: 35px;
}

.wrapper-more-articles-volume {
  background-color: #f3f9ff;
}

.wrapper-more-articles-volume h3 {
  font-size: 50px;
  font-weight: 300;
  color: #0b41cd;
  margin-bottom: 25px;
}

.wrapper-more-articles-volume article {
  width: 33.3%;
  padding: 15px;
  border: 1px solid transparent;
  transition: background 0.5s;
}

.wrapper-more-articles-volume .tile-container-nohide {
  margin-right: 0;
  margin-left: 0;
  display: flex;
  flex-wrap: wrap;
}

.post-type-archive-magazine h3 {
  font-size: 50px;
  font-weight: 300;
  color: #0b41cd;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 80px;
}

.post-type-archive-magazine p {
  font-size: 18px;
  color: #544f4f;
  line-height: 120%;
  margin-bottom: 20px;
  font-weight: 300;
}

/*
cancer page
*/
.page-template-template-cancer .hero-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}

.cancer-banner .image-bg {
  position: relative;
  height: 100%;
}

.cancer-banner .image-bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 85%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(243, 249, 255, 1) 0%,
    rgba(243, 249, 255, 0.8) 50%,
    rgba(255, 255, 255, 0) 100%
  );
}

.cancer-banner .image-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cancer-banner {
  /*border: 1px solid red;*/
  position: relative;
  height: 480px;
  overflow: hidden;
  margin-bottom: 25px;
}

.cancer-banner-container {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
}

.cancer-banner .container {
  /* border: 1px solid blue; */
  margin-right: auto;
  margin-left: auto;
  /* width: 50%; */
  transform: translate(0, -50%);
}

.cancer-banner h4 {
  color: #0b41cd;
  font-size: 20px;
  font-weight: 500;
}

.cancer-banner h3,
.cancer-banner h3 a {
  color: #0b41cd;
  font-size: 50px;
  font-weight: 300;
  line-height: 115%;
}

.cancer-banner h3 a:hover,
.cancer-banner h3 a:active {
  text-decoration: none;
}

.cancer-textbox p {
  width: 60%;
  font-size: 18px;
  font-weight: 300;
  color: #0b3ec3;
  /*text-shadow: 0 0 5px rgb(243 249 255);*/
}

.cancer-textbox-container {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
}

.cancer-textbox {
  /*width: 60%;
	margin-left: 30px;*/
  margin: 0 15px;
  transform: translate(0, -50%);
}

.cancer-textbox .btn-secondary {
  /*margin-top: 15px;*/
}

/*
generic
*/
body h1 {
  color: #0b41cd;
}

/*
event
*/
.post-type-archive-event h3 {
  font-size: 50px;
  font-weight: 300;
  color: #0b41cd;
  text-align: center;

  margin-top: 30px;
  margin-bottom: 80px;
}

.post-type-archive-event p {
  font-size: 18px;
  color: #544f4f;
  line-height: 120%;
  margin-bottom: 20px;
  font-weight: 300;
}

.post-type-archive-event .no-event-txt {
  text-align: center;
}

.mediaforum-container {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.mediaforum-container article .title-tag .subtitle,
.type-event .title-tag .subtitle {
  color: #0b41cd;
  font-weight: 500;
  font-size: 20px;
  margin-top: 15px;
  line-height: 1.3;
}

.mediaforum-container article .title-tag h3,
.type-event .title-tag h3 {
  font-weight: 300;
  font-size: 40px;
  line-height: 110%;
  color: #0b41cd;
  text-align: left;
  margin-top: 15px;
  margin-bottom: 20px;
}

.post-type-archive-event .tile-container article {
  width: 49%;
}

/*
event- single
*/
.single-event h1 {
  color: #0b41cd;
  font-weight: 400;
  text-align: left;
  font-size: 36px;
  margin-bottom: 15px;
}

.single-event .mf-main-wrapper {
  padding-bottom: 0;
}

.single-event .wrapper-intro {
  padding-bottom: 0;
}

.single-event .wrapper-block {
  /* padding-bottom: 0; */
}

.single-event .hero-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}

.single-event .hero-banner {
  position: relative;
  height: 700px;
  overflow: hidden;
}

.single-event .image-bg img {
  width: 100%;
}

.single-event .image-bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 85%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(243, 249, 255, 1) 0%,
    rgba(243, 249, 255, 0.8) 50%,
    rgba(255, 255, 255, 0) 100%
  );
}

.hero-banner-container {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
}

.mf-textbox {
  width: 60%;
  transform: translate(0, -50%);
  margin-left: 30px;
}

.mf-desc {
  color: #0b41cd;
}

.mf-textbox h3 {
  color: #0b41cd;
  font-weight: 300;
  font-size: 50px;
  line-height: 120%;
}

.mf-textbox p {
  color: #0b41cd;
  font-weight: 300;
  font-size: 18px;
  line-height: 150%;
}

.mf-menu {
  text-align: center;
  margin-bottom: 50px;
  width: 100%;
  background-color: #fff;
  z-index: 10;
  /*border: 1px solid blue;*/
}

.sticky .mf-menu {
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);
}

#mfmain.sticky {
  /*border: 1px solid red;*/
  padding-top: 116px;
}

.mf-menu a {
  display: inline-block;
  color: #b3bdd1;
  font-weight: 500;
  padding: 15px 0;
  margin: 0 15px;
  position: relative;
  font-size: 24px;
}

.mf-menu a.active:after,
.mf-menu a:hover:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 100%;
  height: 2px;
  border-bottom: 1px solid #0b41cd;
}

.mf-menu a.active,
.mf-menu a:hover {
  color: #0b41cd;
}

.single-event .featured-img img {
  width: 100%;
}

.row .mf-label {
  color: #0b41cd;
  font-weight: 500;
  font-size: 20px;
}

.single-event .row h3 {
  color: #0b41cd;
  font-size: 50px;
  font-weight: 300;
  line-height: 115%;
}

.single-event .row p {
  font-size: 18px;
  line-height: 130%;
  font-weight: 300;
  color: #544f4f;
}

.single-event .row p strong {
  color: #0b41cd;
}

.single-event .panel-wrapper {
  /*background: #F3F9FF;*/
}

.panel-tile-container {
  margin-right: -15px;
  margin-left: -15px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.panel-tile {
  width: 33.33%;
  padding: 15px;
}

.panel-tile h6 {
  color: #544f4f;
  font-size: 30px;
  line-height: 120%;
  font-weight: normal;
  margin: 15px 0;
}

.panel-tile .featured-img {
  height: 260px;
  background-size: cover;
  background-position: center;
  filter: grayscale(1);
  overflow: hidden;
}

.panel-tile .speaker-title {
  color: #0b41cd;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
}

.panel-tile p {
  color: #544f4f;
  font-weight: 300;
  font-size: 18px;
  line-height: 120%;
}

.single-event .intro-wrapper {
}

.single-event .intro-wrapper h3 {
  font-size: 30px;
  font-weight: normal;
  color: #0b41cd;
}

.single-event .intro-wrapper p {
  font-size: 18px;
  font-weight: 300;
  color: #544f4f;
}

.single-event .intro-wrapper .row {
  margin-bottom: 25px;
}

.single-event .agenda-wrapper {
}

.row-agenda-mod {
  max-width: 400px;
  margin: 0 auto;
  margin-bottom: 15px;
}

.row.agenda-header {
  background: #1482fa;
  margin: 0;
  padding: 10px 0;
}

.row.agenda-header .col-time,
.row.agenda-header .col-desc,
.row.agenda-header .col-speak {
  color: #fff;
  font-weight: 400;
  font-size: 14px;
}

.mod-picture {
  position: relative;
  right: -10px;
}

p.modby-text {
  font-weight: bold;
  font-size: 18px;
  color: #0b41cd;
  margin-bottom: 13px;
}

.row-agenda-mod p {
  font-size: 16px;
}

.agenda-table {
  /*border: 1px solid red;*/
  margin: 0 auto;
  margin-bottom: 50px;
  max-width: 100%;
}

.row-agenda {
  margin: 0;
}

.agenda-table .row-agenda:nth-child(even) {
  background: #f3f9ff;
}

.agenda-table .row-agenda > div {
  padding: 10px 15px;
}

.agenda-table .row-agenda .col-desc p:last-child {
  margin-bottom: 0;
}

.row-agenda .col-time {
  font-size: 15px;
  font-weight: 500;
}

.row-agenda .col-desc {
  /*color: #544f4f;*/
  font-size: 15px;
  font-weight: 300;
}

.row-agenda .col-speak {
  font-size: 15px;
  font-weight: 300;
}

.livestream-container {
  margin-bottom: 40px;
}

.livestream-container,
.single-event .container .livestream-container iframe {
  height: 620px;
}

.btn-popup {
  cursor: pointer;
  position: relative;
}

.btn-popup:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  margin-left: -35px;
  margin-top: -35px;
  background-image: url(img/btnicon-play-video.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70px 70px;
}

.popup-container-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
}

.popup-container-bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
}

.popup-video {
  width: 100%;
  max-width: 900px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.popup-video video {
  width: 100%;
  height: 100%;
}

.btn-close-video {
  position: absolute;
  top: -25px;
  right: -25px;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background-image: url(img/btn-close-square.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  cursor: pointer;
}

.blocks-content {
  margin-top: 15px;
}

.blocks-content .row {
  margin-bottom: 25px;
}

.blocks-content .row .col-sm-12 {
  background-color: #f3f6fd;
  padding: 25px 16px;
  margin: 0 15px;
}

.blocks-content .row .col-sm-12 h3 {
  font-size: 22px;
  color: #0b41cd;
  font-weight: bold;
}

.blocks-content .row .col-sm-12 p {
  font-size: 16px;
  color: #022366;
  font-weight: normal;
}

.blocks-content .row .col-sm-12 ul {
  padding-left: 20px;
  list-style: none;
}

.blocks-content .row .col-sm-12 ul li {
  position: relative;
  font-size: 16px;
  color: #022366;
  font-weight: normal;
  font-weight: 300;
}

.blocks-content .row .col-sm-12 ul li:before {
  content: "";
  border-radius: 50%;
  width: 5px;
  height: 5px;
  background-color: #0b41cd;
  display: block;
  position: absolute;
  top: 9px;
  left: -15px;
}

.intro-title {
  margin-bottom: 20px;
}

.intro-row {
  display: flex;
  margin-bottom: 30px;
}

.intro-col {
  /* border: 1px solid red; */
  /* flex: 1; */
  width: 33%;
  margin-right: 15px;
}

.intro-col:last-child {
  margin-right: 0;
}

.intro-col p {
  font-size: 16px;
}

.single-event .wrapper-speakers {
}

.single-event .wrapper-speakers .speaker-group {
  margin-bottom: 30px;
}

.single-event .wrapper-speakers .speaker-group:last-child {
  margin-bottom: 0;
}

.single-event .wrapper-speakers .col-speaker .row {
  justify-content: center;
}

.single-event .wrapper-speakers .row-speakers {
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}

.single-event .wrapper-speakers h3 {
  color: #022366;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 15px;
}

.single-event .wrapper-speakers .speaker-image {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}

.single-event .wrapper-speakers .speaker-image img {
  /* width: 100%; */
}

.single-event .wrapper-speakers h4 {
  color: #022366;
  font-size: 20px;
  font-weight: 500;
  margin-top: 15px;
}

.single-event .wrapper-speakers .col-moderator {
  background-color: #ebf2fb;
  padding-top: 15px;
}

.single-event .wrapper-speakers .col-speaker {
  background-color: #fff0ea;
  padding-top: 15px;
}

.single-event .wrapper-speakers .col-speaker.col-sm-9 {
  max-width: calc(75% - 10px);
  margin-left: 10px;
}

.single-event .wrapper-speakers .col-speaker.col-sm-12 {
  max-width: calc(100%);
}

.single-event .wrapper-speakers .row-content {
  margin-top: 25px;
}

.single-event .wrapper-speakers .row-content h3 {
  text-align: left;
  margin-top: 35px;
}

.single-event .container iframe {
  width: 100%;
  height: 640px;
}

/*    disclaimer popup
*/
.overlay {
  background: rgba(20, 35, 68, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  opacity: 0;
  z-index: -10;
}

.overlay.show {
  opacity: 1;
  z-index: 1000;
}

.popup {
  width: 100%;
  max-width: 510px;
  margin: 0 auto;
  /* height: 227px; */
  background-color: #ffffff;
  padding: 50px 60px 50px 60px;
  position: relative;
  text-align: center;
}

.popup p {
  font-weight: normal;
  font-size: 24px;
  font-size: 18px;
  line-height: 160%;
  /* or 38px */
  color: #142344;
}

.btn-ok {
  cursor: pointer;
  padding: 12px 35px;
  background: #0b41cd;
  border-radius: 4px;

  font-weight: bold;
  font-size: 16px;
  line-height: 100%;
  /* identical to box height, or 16px */
  text-align: center;
  color: #ffffff;
  display: inline-block;
  /*position: absolute;*/
  /*right: 35px;*/
  /*bottom: 35px;*/
}

/*
search
*/
.search {
}

.search .tab-btn-group {
  width: 100%;
  /*text-align: center;*/
  margin-left: -15px;
}

.search .tab-btn {
  display: inline-block;
  color: #b3bdd1;
  font-weight: 500;
  padding: 15px 0;
  margin: 0 15px;
  position: relative;
  font-size: 24px;
  cursor: pointer;
}

.search .tab-btn.active {
  color: #0b41cd;
}

.search .tab-btn.active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 100%;
  height: 2px;
  border-bottom: 1px solid #0b41cd;
}

.search h1 {
  font-weight: 300;
  font-size: 50px;
  line-height: 140%;
  color: #0b41cd;
  margin-bottom: 20px;
}

.search .tile-container-nohide {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  margin-bottom: 25px;
}

.search .tile-container-nohide article {
  width: 33.33%;
  padding: 15px;
  border: 1px solid transparent;
  transition: background 0.5s;
}

.page-item.active .page-link {
  background-color: #0b41cd;
  border-color: #0b41cd;
}

.page-link {
  color: #0b41cd;
}

.page-link:hover {
  color: #0b41cd;
}

.page-link:focus {
  box-shadow: none;
}

.search .search-row {
  margin-top: 15px;
  margin-bottom: 15px;
}

.search .filter-row {
  display: flex;
  color: #8091b2;
  justify-content: space-between;
  height: 100%;
  align-items: center;
}

.search .filter-row .filter-col {
  display: flex;
}

.search .filter-row .filter-dd {
  /*width: 150px;*/
  flex: 1;
  margin-left: 15px;
}

.search .search-row .search-submit {
  position: absolute;
  right: 8px;
  top: 10px;
  border: none;
  font-size: 0;
  background-image: url(img/search-icon-grey.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 5px 5px;
  background-color: #fff !important;
  z-index: 10;
  border: none !important;
}

.search .search-row .search-field {
  border: 1px solid #8091b2;
  border-radius: 3px !important;
  padding: 12px 20px;
  height: auto;
}

.search .tab-group {
}

.resource-tile {
  position: relative;
  overflow: hidden;
  width: 33.3%;
  padding: 15px;
  margin-bottom: 15px;
  padding-bottom: 45px;
}

.resource-tile .featured-img {
  min-height: 192px;
  height: 260px;
  overflow: hidden;
  margin-bottom: 10px;
  border-radius: 3px;
}

.resource-tile .featured-img img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.resource-tile .featured-img.empty {
  background-image: url(img/empty-document.jpg);
  background-size: cover;
  background-position: center;
}

.resource-tile .featured-img.video {
  background-image: url(img/video-document.jpg);
}

.resource-tile .featured-img.audio {
  background-image: url(img/audio-document.jpg);
}

.resource-tile .tag {
  background-color: #def1ff;
  color: #0b41cd;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 3px;
  font-weight: 500;
  font-size: 12px;
  margin-bottom: 10px;

  background-color: #fff;
  border: 1px solid #0b41cd;
}

.resource-tile .title-tag h3 {
  font-size: 30px;
  font-weight: normal;
}

.resource-tile .title-tag {
}

.resource-tile .btn-action {
  padding: 3px 10px;
  padding-left: 30px;
  background-color: #0b41cd;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: 8px 5px;
  /*bottom: 0;
  position: absolute;
  bottom: 15px;*/
  margin-right: 15px;
}

.resource-tile .btn-article {
  background-image: url(img/btnicon-article.png);
}

.resource-tile .btn-download {
  background-image: url(img/btnicon-download.png);
}

.resource-tile .btn-bar {
  bottom: 15px;
  position: absolute;
}

.search .pagination {
  justify-content: center;
}

.no-results h1 {
  font-size: 30px;
}

.no-results form {
  display: none;
}

.search-row .dropdown-menu {
  padding: 10px 15px;
  color: #8091b2;
  border: 1px solid #8091b2;
  box-shadow: -1px 1px 8px rgba(0, 0, 0, 0.1);
  width: 100%;
}

.search-row .dropdown-toggle {
  border: 1px solid #8091b2 !important;
  border-radius: 3px !important;
  color: #8091b2;
  font-size: 18px;
  margin-right: 0;
  text-align: left;
  position: relative;
}

.search-row .dropdown-toggle::after {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -4px;
}

.search-row .btn-group {
  width: 100%;
}

.search-row .dropdown-toggle:focus,
.search-row .dropdown-toggle:active,
.search-row .dropdown-toggle:hover {
  color: #0b41cd !important;
  color: #8091b2 !important;
  background-color: #fff;
}

/* Customize the label (the container) */
.dd-label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.dd-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #8091b2;
  border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.dd-label:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.dd-label input:checked ~ .checkmark {
  background-color: #8091b2;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.dd-label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.dd-label .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*

floating share 

*/
.floating-bar {
  background: #0b41cd;
  color: white;
  display: flex;
  flex-direction: column;
  padding: 14px 8px 0 8px;
  border-radius: 0 10px 10px 0;
  position: fixed;
  top: calc(50% - 138px);
  left: 0;
  z-index: 999;
  align-items: center;
}

.floating-bar p {
  margin: 0 0 10px;
  font-size: 0.8em;
  color: #fff;
}

.floating-bar .fab {
  font-size: 20px;
}

.floating-bar a {
  /*background:white;*/
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
  color: #fff;
  border: 1px solid #fff;
}

.floating-bar a:hover {
  /*background:rgba(255,255,255,0.9)*/
}

.fa-download {
  background-image: url(img/share-download-btn.png);
  background-size: 18px 18px;
  background-position: center;
  background-repeat: no-repeat;
}

.fa-download:before {
  content: "";
}

.tagcloud-container {
  padding: 0;
}

.tagcloud {
  line-height: 1.2;
  font-size: 18px;
}

.tagcloud a {
  font-size: 14px !important;
  padding: 5px 12px;
  background-color: #0b41cd;
  color: #fff;
  border-radius: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
}

.wrapper-event .banner {
  margin-bottom: 35px;
  box-shadow: 1px 1px 10px rgb(0 0 0 / 20%);
}

.wrapper-event .banner .featured-img {
  height: 400px;
  overflow: hidden;
}

.wrapper-event .banner .featured-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.wrapper-event .banner .image-title-tag {
  /* display: flex; */
  padding-bottom: 15px;
}

.wrapper-event .banner .image-title-tag h3 {
  font-size: 30px;
  text-align: left;
  margin: 10px 0;
}

.wrapper-event .banner .image-title-tag p {
}

.wrapper-event .banner .image-title-tag .title-tag-nohover {
  margin: 15px 20px;
}

.wrapper-event .banner .image-title-tag .featured-img {
  /* width: 50%; */
}

.wrapper-event .banner .image-title-tag .title-tag-nohover {
  /* width: 50%; */
}

/*

client revision

*/
.tile-date {
  display: none !important;
}

/*
cookie law
*/

#cookie-law-info-bar a {
  /*color: #0B41CD !important;*/
}

/* 
wpml AUS update
 */

.wpml-floating-language-switcher {
  width: 150px;
  margin-right: 15px;
}
.lang-en.wpml-floating-language-switcher {
  width: 235px;
}
a.ls-main-dd > .ls-dd-label {
  margin-right: 5px;
}
.wpml-ls-sub-menu li > a > .ls-dd-label {
  margin-left: 5px;
}

/* hide country selector for initial launch */
.wpml-floating-language-switcher {
/*   display: none; */
}