<>
/* 2024-10-17 ARreduce Language toggle drop down height */
li.j-globalNav-li .dropdown-content{
height: auto;
right: -20px;
top: 38px;
min-width: 100px;
}
li.j-globalNav-li .dropdown-content a {
padding: 10px 5px 5px 10px;
}
@media(max-width: 40em) {
li.j-globalNav-li .dropdown-content{
top: 52px;
}
li.j-globalNav-li .dropdown-content a {
padding: 5px 10px !important;
height: 30px;
}
}
/* Catalyst: hide empty days */
.-event-list-day-empty { display: none }
/* RBC 2023-07-12: Hide news menu on homepage */
.j-body-home .j-news-menu-container { display: none }
#j-compact-header #j-links .j-globalNavLink.dropbtn {
font-size: 16px;
padding: 8px 0 0 0;
text-transform: uppercase;
}
li.dropdown {
display: inline-block;
overflow: visible;
z-index: 10;
position: relative !important;
padding-left: 8px;
}
.dropdown-content {
display: none;
position: absolute;
align-content: center;
z-index: 10;
background-color: #ffffff;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0000.2);
right: -10px;
top: 40px;
}
.dropdown-content a {
color: #593688;
padding: 12px 16px;
text-decoration: none;
align-content: center;
display: block;
overflow: visible;
text-align: left;
}
.dropdown:hover .dropdown-content {
z-index: 10;
color: #DB156C;
}
@media screen and (max-width: 40em) {
.dropdown {
line-height: 35px !important;
margin-right: 10px;
}
}
@media screen and (max-width: 205px) {
.dropdown {
display: none !important;
}
}
@media screen and (max-width: 40em) and (min-width: 205px) {
#j-spotlight-search.mobile-active:before {
right: 76px;
}
#menuCreate.j-pop-main:before {
right: 128px;
}
#j-satNav-menu.j-pop-main:before {
right: 180px;
}
.dropdown-content {
top: 52px;
}
.dropdown-content:before {
display: block;
content: '';
position: absolute;
top: -7px;
border: none;
width: 14px;
height: 14px;
box-shadow: 1px 1px 0 rgba(000.15);
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
background: #fff;
right: 25px
}
}
< type="text/css">
/* 2022-04-11 Make link padding smaller */
.j-globalNav .j-globalNavLink {
padding: 6px 10px 0;
}
.j-logo.j-globalNavLink {
padding-left: 20px;
}
/* 2022-04-02 Change link colours */
.j-globalNav li.j-globalNav-li a.j-globalNavLink:hover,
.j-placeHdActions a:hover {
color: #fff !important
}
/* Selective visibility */
body .overview-only {
display: none
}
body.j-body-place .overview-only {
display: inherit
}
body .exclude-from-overview {
display: inherit
}
body.j-body-place .exclude-from-overview {
display: none
}
/* Collapsible */
div.collapsed .content {
display: none
}
div.collapsible.d {
border: 1px solid gray
}
div.collapsible .heading {
cursor: pointer
}
/* Make it easy to remove icons */
.no-icons .jive-link-community,
.no-icons.jive-link-community,
.no-icons .jive-link-document-small,
.no-icons .jive-link-wiki-small,
.no-icons .jive-link-blog-small,
.no-icons .jive-link-message-small,
.no-icons .jive-link-poll-small,
.no-icons .jive-link-project-small,
.no-icons .jive-link-space-small,
.no-icons .jive-link-socialgroup-small,
.no-icons .jive-link-email-small,
.no-icons .jive-link-profile-small,
.no-icons.jive-link-document-small,
.no-icons.jive-link-wiki-small,
.no-icons.jive-link-blog-small,
.no-icons.jive-link-message-small,
.no-icons.jive-link-poll-small,
.no-icons.jive-link-project-small,
.no-icons.jive-link-space-small,
.no-icons.jive-link-socialgroup-small,
.no-icons.jive-link-email-small,
.no-icons.jive-link-profile-small,
.no-icons .jive-link-event,
.no-icons.jive-link-event,
.no-icons.jive-link-video-small,
.no-icons .jive-link-video-small,
.no-icons .jive-link-community-small,
.no-icons.jive-link-community-small,
.no-icons .jive-link-external-small,
.no-icons.jive-link-external-small {
background-image: none;
padding-left: 0px;
}
/* Internationalization Support */
.i18n-fr {
display: none !important;
}
html[lang="fr"] div.i18n-fr,
html[lang="fr"] li.i18n-fr,
html[lang="fr"] p.i18n-fr,
html[lang="fr_FR"] div.i18n-fr,
html[lang="fr_FR"] li.i18n-fr,
html[lang="fr_FR"] p.i18n-fr{
display: block !important;
}
html[lang="fr"] span.i18n-fr,
html[lang="fr_FR"] span.i18n-fr {
display: inline !important;
}
html[lang="fr"] .i18n-frhtml[lang="fr_FR"] .i18n-fr {
display: inherit !important;
}
html[lang="fr"] .i18n-enhtml[lang="fr_FR"] .i18n-en {
display: none !important;
}
< type="text/css">
body.j-body-home #newsContainer .-news-item {
display: none
}
< type="text/css">
html.rbc-logo .j-simple-logo img {
max-width: 100px;
height: 25px;
content: url("https://one.rbc.com/resources/statics/95702/onerbc-large.png");
}
html.rbc-logo #j-compact-header {
box-shadow: 0 7px 24px 0 rgba(0000.19);
position: relative
}
html.rbc-logo #top {
height: 38px
}
html.rbc-logo #j-header-wrap {
position: fixed;
top: 0;
z-index: 5;
width: 100%;
padding-bottom: 0;
margin: auto;
box-sizing: border-box;
}
@media screen and (max-width: 640px) and (min-width: 1px) {
html.rbc-logo :target::before {
content: '';
display: block;
height: 52px;
margin-top: -52px;
visibility: hidden;
pointer-events: none;
}
}
@media screen and (min-width: 641px) {
html.rbc-logo :target::before {
content: '';
display: block;
height: 38px;
margin-top: -38px;
visibility: hidden;
pointer-events: none;
}
}
< type="text/css">
body.hide-banner header.j-page-header {
display: none
}
body.hide-publish-attach .-attachment-block { display: none }
body.hide-publish-title #jive-compose-title { display: none }
body.hide-publish-location #-publishbar-visibility { display: none }
body.hide-publish-tags.j-design-latest #-publishbar-organize { display: none!important }
body.hide-publish-collaboration #-publishbar-collaboration { display: none }
body.hide-publish-thumbnails #-publishbar-thumbnails { display: none }
body.hide-publish-caption #-publishbar-caption { display: none }
body.hide-publish-draft #draftButton { display: none }
body.hide-compose-type .j-compose-header { display: none }
body.hide-footer #j-footer-wrap {
display: none
}
body.hide-breadcrumbs .j-breadcrumb-bar {
display: none
}
body.hide-content-header header.j-content-header {
display: none
}
body.hide-content-footer footer.j-content-footer {
display: none
}
body.hide-content-related #jive-footer-region {
display: none !important
}
body.hide-helpful .j-content-helpful {
display: none
}
body.hide-comments .j-content-comments-container {
display: none
}
body.hide-attachments div.jive-attachments {
display: none
}
body.hide-main-nav #j-header-wrap {
display: none
}
body.hide-mission-progress #missionProgress {
display: none
}
@media screen and (max-width: 640px) and (min-width: 1px) {
body.hide-main-nav {
padding-top: 0;
}
body.hide-main-nav #j-main-wrapper {
top: -10px;
}
body.hide-padding.j-design-latest .j-content-header {
padding: 0
}
body.jive-body-formpage.j-content-document #jive-body { padding: 10px; }
}
body.hide-padding .j-tile {
padding: 0
}
body.hide-padding.j-body-tiles .j-layout {
padding: 0;
margin: 0
}
body.hide-padding.j-design-latest .j-content-body .jive-rendered-content {
padding: 0
}
body.hide-padding.j-design-latest.jive-body-content.j-content-idea .j-content,
body.hide-padding.j-design-latest.jive-body-content.j-content-poll .j-content,
body.hide-padding.j-design-latest.jive-body-content.j-content-document .j-content,
body.hide-padding.j-design-latest.jive-body-content.j-content-file .j-content,
body.hide-padding.j-design-latest.jive-body-content.j-content-photo .j-content,
body.hide-padding.j-design-latest.jive-body-content.j-content-video .j-content {
margin: 0;
width: auto;
max-width: none;
border: none
}
body.banner-compress div.j-placeHdImg {
display: none
}
body.banner-compress h1.j-placeTitle {
display: none
}
body.banner-compress div.j-placeHeaderWrap {
line-height: 30px
}
body.banner-compress.j-body-place #jive-body .j-page-header {
height: 30px
}
< type="text/css">
body.j-body-news.announcement section#j-main {
padding-top: 0px
}
body.j-body-news.announcement .j-hero-tile {
margin-top: 0px
}
< type="text/css">
@media screen and (max-width: 640px) and (min-width: 1px) {
body.j-body-place.narrow-tile-margin .j-tile {
margin-bottom: 0px
}
body.narrow-tile-margin .jive-rendered-content {
margin: 0
}
body.hide-main-nav #j-header-wrap {
display: none
}
.j-body-home.j-header-mode-simple .j-layout-sl .j-column-s,
body.j-body-home .j-layout-sl nav.j-column-s,
body.j-body-home nav.j-news-menu,
body.jive-body-content .j-layout-ls .j-column-s,
body.jive-body-search .j-layout-sl .j-column-s,
nav.j-second-nav,
.j-content-mobile-menu {
width: 100% !important
}
}
body.narrow-tile-margin .j-tile+.j-tile {
margin-top: 0;
padding-top: 0
}
body.narrow-tile-margin .j-tile {
padding-bottom: 0px
}
body #j-cust-foot #onerbc-footer {
width: auto
}
.rbc-loading.vaccine {
background: white;
text-align: center;
}
.rbc-loading.vaccine.text {
font-family: ArialHelveticasans-serif"Segoe UI Emoji";
font-size: 12pt;
line-height: 1.25;
color: #444444;
}
@media screen and (max-width: 640px) and (min-width: 1px) {
.rbc-loading.vaccine.text>div {
padding-top: 0 !important;
margin-top: -3px !important;
padding-left: 40px !important;
padding-right: 40px !important
}
.jive-rendered-content .rbc-loading.incident-intake img.jive-image.j-img-original {
margin-left: -20px;
padding-bottom: 35px;
display: block;
margin-top: 1px
}
.rbc-loading.incident-intake.text,
.rbc-loading.incident-intake.text p {
font-size: 9pt;
}
.rbc-loading-tile .jive-rendered-content {
margin-top: 0
}
.jive-rendered-content .rbc-loading.incident-intake {
padding-left: 21px;
padding-right: 15px;
}
.jive-rendered-content .rbc-loading.incident-intake * {
box-sizing: border-box
}
}
@media screen and (min-width: 641px) {
.jive-rendered-content .rbc-loading.incident-intake img.jive-image.j-img-original {
margin-left: 0;
}
}
@keyframes visible-keyframes {
to {
visibility: visible
}
}
.not-loaded {
visibility: hidden;
}
.loading-progress {
position: relative;
height: 10px;
width: 200px;
border: 1px solid #000000;
border-radius: 10px;
}
.loading-progress .color {
position: absolute;
background-color: #006ac3;
width: 0px;
height: 10px;
border-radius: 15px;
}
@keyframes loading-progress {
from {
width: 0%;
}
to {
width: 100%;
}
}
@keyframes spinloader {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes spinlogo {
0% { transform: rotate(360deg); }
100% { transform: rotate(0deg); }
}
< type="text/css">
@media screen and (max-width: 640px) and (min-width: 1px) {
/* 2023-07-24 Add padding to event lists */
.j-event-list .j-event-list-parent { padding: 10px }
/* 2023-07-11 Align OneRBC logo with nav icon*/
.j-logo.j-globalNavLink {
padding-left: 0;
}
.j-globalNav .j-globalNavLink {
padding-top: 14px;
}
/* 2023-07-11 add left margin space for group nav tabs*/
.j-placeNav .j-placeLinks {
margin-left: 8px;
}
}
<>
.j-content-event-details .registered { color: green }
.j-content-event-details .interested { color: #666 }
.j-content-event-details .status { font-weight: bold; }
.j-content-event-details .speakers { font-weight: bold }
.j-content-event-details .description.j-content-event-details .speakers { color: #606060; margin-bottom: 3px; }
@media screen and (min-width: 641px) {
.j-content-event-details .description.j-content-event-details .speakers { margin-right: 60px; color: #606060 }
.small-screen-only { display: none }
}
@media screen and (min-width: 1px) and (max-width: 640px) {
.large-screen-only { display: none }
.j-content-event-details .description { margin-bottom: 10px; }
/* Mobile fixes */
.j-event-search-box-container .j-event-search-box input { width: calc(100% - 180px); }
.j-event-search-box-container .j-event-search-box select { max-width: 180px; }
.j-place-about-info .j-placeImg { position: inherit }
.j-place-about-info { width: auto }
.j-place-about-info p {word-wrap: normal}
.j-place-about-info .jive-modal-content {padding: 0 !important}
}
.j-event-list .j-content-event-details .j-content-event-meta { font-weight: normal }
.j-event-endTime { text-transform: lowercase }
.j-event-filter-options .j-event-type-filter ul input { position: relative; bottom: 1px; vertical-align: middle }
.-event-list-reset { display: none }
@media screen and (min-width: 1px) and (max-width: 640px) {
/* padding on mobile */
.j-images-and-video-browse { padding: 10px; }
}
/* Make narrow browsers fixed just like the HTML served on mobile */
@media screen and (min-width: 1px) and (max-width: 640px) {
html body #j-header-wrap { position: fixed!important }
}
.hidden { display: none }
body.jive-body-formpage .hidden { display: inherit }