/* Making content creation labels white */ .ig-form [class*="content__asterisk"], .ig-form [class*="content__split"] label, .ig-form [class*="content__summary"] label { color: white; } @media screen and (min-width: 1300px) { #blogs .ig-form [class*="content__description"] label { color: white; } } @media screen and (min-width: 1025px) { #forums .ig-form [class*="content__description"] label { color: white; } } #wiki .ig-form [class*="content__description"] label { color: white; } #calendar .ig-form [class*="content__summary"] label, #calendar .ig-form [class*="content__description"] label { color: #3b4251; } /* Fixing userbar pop ups not appearing on safari mobile view */ @media screen and (max-width: 767px) { div#userbar { overflow: visible!important; } } /* Changing working together space colours */ body#ig-page-workingtogether #footer, body#ig-page-workingtogether #trailerbar { background-color: #0E51BD !important; } body#ig-page-workingtogether .ig-grid-p .ig-cpt-title { color: #0E51BD !important; } body#ig-page-workingtogether .ig-grid-r .ig-box .ig-cpt .ig-cpt-title, body#ig-page-workingtogether .ig-grid-l .ig-box .ig-cpt .ig-cpt-title { background-color: #0E51BD !important; } body#ig-page-workingtogether .ig-widget-links .ig-widget-layout-default li:not(.ig-togglemore) a, body#ig-page-workingtogether .ig-widget-navigation .ig-widget-layout-default a, body#ig-page-workingtogether .ig-widget-spacesList .ig-widget-layout-default a, body#ig-page-workingtogether a, body#ig-page-workingtogether a.link, body#ig-page-workingtogether #blogs-list div.postheader h2 a, body#ig-page-workingtogether .tab-titles .here, body#ig-page-workingtogether .ig-widget-calendar .ig-title a, body#ig-page-workingtogether .ig-widget-type-activity .ig-item > a, body#ig-page-workingtogether .ig-widget-type-forum .ig-title a, body#ig-page-workingtogether .ig-author a, body#ig-page-workingtogether a.ig-link-loadmore, body#ig-page-workingtogether a.ig-widget-ajaxmore, body#ig-page-workingtogether .ig-magicbox .ig-stats_header a, body#ig-page-workingtogether #blogs-article .editable a, body#ig-page-workingtogether #microblog a.ig-post_author, body#ig-page-workingtogether #panel-microblog a.ig-post_author, body#ig-page-workingtogether .ig-microblogcontent .ig-postcomment .name, body#ig-page-workingtogether .ig-microblogcontent a.ig-post_author, body#ig-page-workingtogether .ig-microblogcontent .editable a, body#ig-page-workingtogether .ig-widget-documents .ig-title a, body#ig-page-workingtogether .ig-widget-documents .ig-col-title a, body#ig-page-workingtogether .ig-widget-documents .ig-thumbnail a, body#ig-page-workingtogether .ig-widget-documents .ig-workarea_thumbs a, body#ig-page-workingtogether .ig-widget-html-content a { color: #0E51BD !important; } #primarynav .nav-working_together .ig-dropdown-menu { background-color: #0E51BD !important; } body#ig-page-workingtogether #breadcrumb a, body#ig-page-workingtogether div.ig-navbar-inner a, body#ig-page-workingtogether #ig-usrpanel a:not(.ig-bmlink) { color: #fff!important; } body#ig-page-workingtogether #ig-usrpanel a.icon { color: #666!important; } body#ig-page-workingtogether .ig-widget-calendar .ig-widget-layout-calendar table thead tr, body#ig-page-workingtogether .ig-widget-calendar .ig-channel-tag, body#ig-page-workingtogether table.calendar td.today, body#ig-page-workingtogether .ig-grid-l .ig-box .about.ig-cpt, body#ig-page-workingtogether .ig-grid-l .ig-box .about.ig-cpt .ig-cpt-title, body#ig-page-workingtogether .ig-grid-l .ig-box .about.ig-cpt .ig-cpt-body, body#ig-page-workingtogether .ig-navbar-container.ig-nav-fixed, body#ig-page-workingtogether .ig-button-clear { background-color: #0E51BD!important; border-color: #0E51BD; } body#ig-page-workingtogether .calendar .ig-channel-tag > a { color: white!important; } body#ig-page-workingtogether a.ig-button_white, body#ig-page-workingtogether a.ig-readmore { color: white!important; background: #0E51BD!important; border-color: #0E51BD!important; } body#ig-page-workingtogether #primarynav > ul > li > a { color: rgb(254, 113, 18)!important; } body#ig-page-workingtogether #primarynav > ul > li:hover > a { color: rgb(41,51,81)!important; } body#ig-page-workingtogether #primarynav > ul > li.here > a { color: rgb(254, 113, 18)!important; } body#ig-page-workingtogether a.ig-button.ig-paging-older, body#ig-page-workingtogether a#email-trailer_trigger, body#ig-page-workingtogether a#js-sendmessage_feedback { color: white!important; } body#ig-page-workingtogether .ig-cpt.blue .ig-widget-individual-link a { color: white !important; background-color: #0E51BD !important; } body#ig-page-workingtogether .ig-cpt.blue .ig-widget-individual-link a:hover { background-color: rgb(254, 113, 18)!important; } /* Adding white background to comments/related content on blog channels */ body.ig-channels.ig-channeltype-blogchannel #contentTabs { background: white; border-radius: 4px; } body.ig-channels.ig-channeltype-blogchannel #contentTabs #tab-comments { border-radius: 4px 0 0 0; } /* New design content updates */ body.ig-channels.ig-channeltype-blogchannel #ig-leaf, body.ig-channels.ig-channeltype-blogchannel #forum-topic, body.ig-channels.ig-channeltype-folderchannel #ig-leaf, body.ig-channels.ig-channeltype-folderchannel #forum-topic, body.ig-channels.ig-channeltype-forumchannel #ig-leaf, body.ig-channels.ig-channeltype-forumchannel #forum-topic, body.ig-channels.ig-channeltype-wiki #ig-leaf, body.ig-channels.ig-channeltype-wiki #forum-topic, body.ig-channels.ig-channeltype-calendar #ig-leaf, body.ig-channels.ig-channeltype-calendar #forum-topic, body#ig-channel-\.mb #ig-leaf, body#ig-channel-\.mb #forum-topic { background: white; padding: 20px; } body.ig-channels.ig-channeltype-blogchannel #ig-leaf a#js-subscribe-inline, body.ig-channels.ig-channeltype-blogchannel #forum-topic a#js-subscribe-inline, body.ig-channels.ig-channeltype-folderchannel #ig-leaf a#js-subscribe-inline, body.ig-channels.ig-channeltype-folderchannel #forum-topic a#js-subscribe-inline, body.ig-channels.ig-channeltype-forumchannel #ig-leaf a#js-subscribe-inline, body.ig-channels.ig-channeltype-forumchannel #forum-topic a#js-subscribe-inline, body.ig-channels.ig-channeltype-wiki #ig-leaf a#js-subscribe-inline, body.ig-channels.ig-channeltype-wiki #forum-topic a#js-subscribe-inline, body.ig-channels.ig-channeltype-calendar #ig-leaf a#js-subscribe-inline, body.ig-channels.ig-channeltype-calendar #forum-topic a#js-subscribe-inline, body#ig-channel-\.mb #ig-leaf a#js-subscribe-inline, body#ig-channel-\.mb #forum-topic a#js-subscribe-inline { background: #fe7112 !important; border-color: #fe7112 !important; } body.ig-channels.ig-channeltype-blogchannel #ig-leaf a#js-subscribe-inline *, body.ig-channels.ig-channeltype-blogchannel #forum-topic a#js-subscribe-inline *, body.ig-channels.ig-channeltype-folderchannel #ig-leaf a#js-subscribe-inline *, body.ig-channels.ig-channeltype-folderchannel #forum-topic a#js-subscribe-inline *, body.ig-channels.ig-channeltype-forumchannel #ig-leaf a#js-subscribe-inline *, body.ig-channels.ig-channeltype-forumchannel #forum-topic a#js-subscribe-inline *, body.ig-channels.ig-channeltype-wiki #ig-leaf a#js-subscribe-inline *, body.ig-channels.ig-channeltype-wiki #forum-topic a#js-subscribe-inline *, body.ig-channels.ig-channeltype-calendar #ig-leaf a#js-subscribe-inline *, body.ig-channels.ig-channeltype-calendar #forum-topic a#js-subscribe-inline *, body#ig-channel-\.mb #ig-leaf a#js-subscribe-inline *, body#ig-channel-\.mb #forum-topic a#js-subscribe-inline * { color: white; background: transparent !important; border-color: transparent !important; } body.ig-channels.ig-channeltype-blogchannel #ig-leaf a#js-subscribe-inline:hover, body.ig-channels.ig-channeltype-blogchannel #forum-topic a#js-subscribe-inline:hover, body.ig-channels.ig-channeltype-folderchannel #ig-leaf a#js-subscribe-inline:hover, body.ig-channels.ig-channeltype-folderchannel #forum-topic a#js-subscribe-inline:hover, body.ig-channels.ig-channeltype-forumchannel #ig-leaf a#js-subscribe-inline:hover, body.ig-channels.ig-channeltype-forumchannel #forum-topic a#js-subscribe-inline:hover, body.ig-channels.ig-channeltype-wiki #ig-leaf a#js-subscribe-inline:hover, body.ig-channels.ig-channeltype-wiki #forum-topic a#js-subscribe-inline:hover, body.ig-channels.ig-channeltype-calendar #ig-leaf a#js-subscribe-inline:hover, body.ig-channels.ig-channeltype-calendar #forum-topic a#js-subscribe-inline:hover, body#ig-channel-\.mb #ig-leaf a#js-subscribe-inline:hover, body#ig-channel-\.mb #forum-topic a#js-subscribe-inline:hover { background: rgb(41, 51, 81) !important; border-color: rgb(41, 51, 81) !important; } body.ig-channels.ig-channeltype-blogchannel #ig-leaf div[id^=addContent], body.ig-channels.ig-channeltype-blogchannel #forum-topic div[id^=addContent], body.ig-channels.ig-channeltype-folderchannel #ig-leaf div[id^=addContent], body.ig-channels.ig-channeltype-folderchannel #forum-topic div[id^=addContent], body.ig-channels.ig-channeltype-forumchannel #ig-leaf div[id^=addContent], body.ig-channels.ig-channeltype-forumchannel #forum-topic div[id^=addContent], body.ig-channels.ig-channeltype-wiki #ig-leaf div[id^=addContent], body.ig-channels.ig-channeltype-wiki #forum-topic div[id^=addContent], body.ig-channels.ig-channeltype-calendar #ig-leaf div[id^=addContent], body.ig-channels.ig-channeltype-calendar #forum-topic div[id^=addContent], body#ig-channel-\.mb #ig-leaf div[id^=addContent], body#ig-channel-\.mb #forum-topic div[id^=addContent] { background: #fe7112 !important; border-color: #fe7112 !important; } body.ig-channels.ig-channeltype-blogchannel #ig-leaf div[id^=addContent] *, body.ig-channels.ig-channeltype-blogchannel #forum-topic div[id^=addContent] *, body.ig-channels.ig-channeltype-folderchannel #ig-leaf div[id^=addContent] *, body.ig-channels.ig-channeltype-folderchannel #forum-topic div[id^=addContent] *, body.ig-channels.ig-channeltype-forumchannel #ig-leaf div[id^=addContent] *, body.ig-channels.ig-channeltype-forumchannel #forum-topic div[id^=addContent] *, body.ig-channels.ig-channeltype-wiki #ig-leaf div[id^=addContent] *, body.ig-channels.ig-channeltype-wiki #forum-topic div[id^=addContent] *, body.ig-channels.ig-channeltype-calendar #ig-leaf div[id^=addContent] *, body.ig-channels.ig-channeltype-calendar #forum-topic div[id^=addContent] *, body#ig-channel-\.mb #ig-leaf div[id^=addContent] *, body#ig-channel-\.mb #forum-topic div[id^=addContent] * { color: white; background: transparent !important; border-color: transparent !important; } body.ig-channels.ig-channeltype-blogchannel #ig-leaf div[id^=addContent] a, body.ig-channels.ig-channeltype-blogchannel #forum-topic div[id^=addContent] a, body.ig-channels.ig-channeltype-folderchannel #ig-leaf div[id^=addContent] a, body.ig-channels.ig-channeltype-folderchannel #forum-topic div[id^=addContent] a, body.ig-channels.ig-channeltype-forumchannel #ig-leaf div[id^=addContent] a, body.ig-channels.ig-channeltype-forumchannel #forum-topic div[id^=addContent] a, body.ig-channels.ig-channeltype-wiki #ig-leaf div[id^=addContent] a, body.ig-channels.ig-channeltype-wiki #forum-topic div[id^=addContent] a, body.ig-channels.ig-channeltype-calendar #ig-leaf div[id^=addContent] a, body.ig-channels.ig-channeltype-calendar #forum-topic div[id^=addContent] a, body#ig-channel-\.mb #ig-leaf div[id^=addContent] a, body#ig-channel-\.mb #forum-topic div[id^=addContent] a { margin-bottom: 0; } body.ig-channels.ig-channeltype-blogchannel #ig-leaf div[id^=addContent] a:hover, body.ig-channels.ig-channeltype-blogchannel #forum-topic div[id^=addContent] a:hover, body.ig-channels.ig-channeltype-folderchannel #ig-leaf div[id^=addContent] a:hover, body.ig-channels.ig-channeltype-folderchannel #forum-topic div[id^=addContent] a:hover, body.ig-channels.ig-channeltype-forumchannel #ig-leaf div[id^=addContent] a:hover, body.ig-channels.ig-channeltype-forumchannel #forum-topic div[id^=addContent] a:hover, body.ig-channels.ig-channeltype-wiki #ig-leaf div[id^=addContent] a:hover, body.ig-channels.ig-channeltype-wiki #forum-topic div[id^=addContent] a:hover, body.ig-channels.ig-channeltype-calendar #ig-leaf div[id^=addContent] a:hover, body.ig-channels.ig-channeltype-calendar #forum-topic div[id^=addContent] a:hover, body#ig-channel-\.mb #ig-leaf div[id^=addContent] a:hover, body#ig-channel-\.mb #forum-topic div[id^=addContent] a:hover { background: rgb(41, 51, 81) !important; border-color: rgb(41, 51, 81) !important; } body.ig-channels.ig-channeltype-blogchannel #js-attachmentsComments a[id^=js-attachments].ig-attach-trigger, body.ig-channels.ig-channeltype-folderchannel #js-attachmentsComments a[id^=js-attachments].ig-attach-trigger, body.ig-channels.ig-channeltype-forumchannel #js-attachmentsComments a[id^=js-attachments].ig-attach-trigger, body.ig-channels.ig-channeltype-wiki #js-attachmentsComments a[id^=js-attachments].ig-attach-trigger, body.ig-channels.ig-channeltype-calendar #js-attachmentsComments a[id^=js-attachments].ig-attach-trigger, body#ig-channel-\.mb #js-attachmentsComments a[id^=js-attachments].ig-attach-trigger { background: #fe7112 !important; border-color: #fe7112 !important; color: white !important; padding: 10px 16px; width: -moz-fit-content; width: fit-content; } @media (max-width: 767px) { body.ig-channels.ig-channeltype-blogchannel #js-attachmentsComments a[id^=js-attachments].ig-attach-trigger, body.ig-channels.ig-channeltype-folderchannel #js-attachmentsComments a[id^=js-attachments].ig-attach-trigger, body.ig-channels.ig-channeltype-forumchannel #js-attachmentsComments a[id^=js-attachments].ig-attach-trigger, body.ig-channels.ig-channeltype-wiki #js-attachmentsComments a[id^=js-attachments].ig-attach-trigger, body.ig-channels.ig-channeltype-calendar #js-attachmentsComments a[id^=js-attachments].ig-attach-trigger, body#ig-channel-\.mb #js-attachmentsComments a[id^=js-attachments].ig-attach-trigger { margin-bottom: 10px; } } body.ig-channels.ig-channeltype-blogchannel #js-attachmentsComments a[id^=js-attachments].ig-attach-trigger:hover, body.ig-channels.ig-channeltype-folderchannel #js-attachmentsComments a[id^=js-attachments].ig-attach-trigger:hover, body.ig-channels.ig-channeltype-forumchannel #js-attachmentsComments a[id^=js-attachments].ig-attach-trigger:hover, body.ig-channels.ig-channeltype-wiki #js-attachmentsComments a[id^=js-attachments].ig-attach-trigger:hover, body.ig-channels.ig-channeltype-calendar #js-attachmentsComments a[id^=js-attachments].ig-attach-trigger:hover, body#ig-channel-\.mb #js-attachmentsComments a[id^=js-attachments].ig-attach-trigger:hover { background: rgb(41, 51, 81) !important; border-color: rgb(41, 51, 81) !important; } body.ig-channels.ig-channeltype-blogchannel #contentTabs, body.ig-channels.ig-channeltype-folderchannel #contentTabs, body.ig-channels.ig-channeltype-forumchannel #contentTabs, body.ig-channels.ig-channeltype-wiki #contentTabs, body.ig-channels.ig-channeltype-calendar #contentTabs, body#ig-channel-\.mb #contentTabs { background: white; border-radius: 4px; } body.ig-channels.ig-channeltype-blogchannel #contentTabs #tab-comments, body.ig-channels.ig-channeltype-folderchannel #contentTabs #tab-comments, body.ig-channels.ig-channeltype-forumchannel #contentTabs #tab-comments, body.ig-channels.ig-channeltype-wiki #contentTabs #tab-comments, body.ig-channels.ig-channeltype-calendar #contentTabs #tab-comments, body#ig-channel-\.mb #contentTabs #tab-comments { border-radius: 4px 0 0 0; } @media (max-width: 767px) { body.ig-channels.ig-channeltype-blogchannel .ig-post_content_heading__meta, body.ig-channels.ig-channeltype-folderchannel .ig-post_content_heading__meta, body.ig-channels.ig-channeltype-forumchannel .ig-post_content_heading__meta, body.ig-channels.ig-channeltype-wiki .ig-post_content_heading__meta, body.ig-channels.ig-channeltype-calendar .ig-post_content_heading__meta, body#ig-channel-\.mb .ig-post_content_heading__meta { flex-wrap: wrap; } } @media (max-width: 767px) { body.ig-channels.ig-channeltype-blogchannel.ig-channeltype-folderchannel .ig-post_content_heading_actions__menu, body.ig-channels.ig-channeltype-folderchannel.ig-channeltype-folderchannel .ig-post_content_heading_actions__menu, body.ig-channels.ig-channeltype-forumchannel.ig-channeltype-folderchannel .ig-post_content_heading_actions__menu, body.ig-channels.ig-channeltype-wiki.ig-channeltype-folderchannel .ig-post_content_heading_actions__menu, body.ig-channels.ig-channeltype-calendar.ig-channeltype-folderchannel .ig-post_content_heading_actions__menu, body#ig-channel-\.mb.ig-channeltype-folderchannel .ig-post_content_heading_actions__menu { margin: 0; } } body.ig-channels.ig-channeltype-blogchannel.ig-channeltype-forumchannel #forum-topic, body.ig-channels.ig-channeltype-folderchannel.ig-channeltype-forumchannel #forum-topic, body.ig-channels.ig-channeltype-forumchannel.ig-channeltype-forumchannel #forum-topic, body.ig-channels.ig-channeltype-wiki.ig-channeltype-forumchannel #forum-topic, body.ig-channels.ig-channeltype-calendar.ig-channeltype-forumchannel #forum-topic, body#ig-channel-\.mb.ig-channeltype-forumchannel #forum-topic { margin-bottom: 30px; border-radius: 4px; } body.system.edit #blogs [class^=content__widget] p[class^=feature-label], body.system.edit #blogs [class^=content__widget] div[class^=tooltip] svg[class^=icon], body.system.add #blogs [class^=content__widget] p[class^=feature-label], body.system.add #blogs [class^=content__widget] div[class^=tooltip] svg[class^=icon] { color: white; } body.system.edit #blogs [class*=content__summary] label, body.system.edit #blogs [class*=content__description] label, body.system.add #blogs [class*=content__summary] label, body.system.add #blogs [class*=content__description] label { color: #3b4251; } /* Moving Like/Follow/Copy buttons above content */ body.ig-channels .ig-post_content_body { margin-top: 0; } body.ig-channels .ig-post_content_body .ig-post_content_body__actions { order: 1; margin-top: 0; } body.ig-channels .ig-post_content_body .editable { order: 2; } /* Changing options cog to text button */ body.ig-channels .js-actions-trigger .mira-text-button-content { color: white; font-size: 14px; background: #293351; padding: 12px; transition: all 0.2s ease; } body.ig-channels .js-actions-trigger .mira-text-button-content::after { font-family: "FontAwesome"; margin-left: 6px; font-size: 10px; content: "\f078"; } body.ig-channels .js-actions-trigger:hover .mira-text-button-content { background: #171d2e; } /* Fixing search box overlapping dropdown menu */ @media (min-width: 961px) { #search-keyword { z-index: 10 !important; } } #navigation .ig-dropdown-menu { z-index: 1003!important; } .ig-suggestions-dropdown.ig-autocompleteglobalsearchtext { z-index: 1000!important; } /* match the center CTA to l and r styling when using the class 'match-cta' */ .match-cta .ig-grid-p .ig-box .ig-cpt .ig-cpt-title { font-size: 24px; padding: 0; font-family: AristaProSemiBold,Helvetica,Arial,sans-serif; line-height: 28px; text-align: center; padding: 16px; margin: -16px -16px 10px; color: #fff!important; background-color: #fe7112!important; } /* Jan 12, 2026 - Custom Icons Homepage Class */ /* Icons Class */ .icons .ig-cpt-body > div { padding: 0 0 15px 0 !important; } .icons p { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .icons p a { position: relative; min-width: 120px; height: 120px!important; padding: 5px; margin: 2px; font-family: inherit; text-transform: uppercase; color: #FFFFFF !important; text-align: center; background: transparent; transition: all .3s ease; -webkit-box-flex: 1; -ms-flex: 0 0 calc(100% / 9 - 4px); flex: 0 0 calc((100% / 9) - 4px); } .icons p a span { position: absolute; bottom: 20px; left: 0; width: 100%; font-weight: 700; font-size: 13px; line-height: 18px; letter-spacing: -0.25px !important; box-sizing: border-box; } .icons p a:before { position: relative; top: 0; font-family: 'FontAwesome'; font-size: 30px; line-height: 55px; color: #FFFFFF; border-radius: 50%; width: 55px; height: 55px; } .icons p a:hover { color: #fff!important; cursor: pointer; } .icons p a:hover:before { color: #fe7112 !important; background: #edf3ed; border-radius: 50%; width: 55px; height: 55px; display: inline-flex; align-items: center; justify-content: center; font-size: 30px; line-height: normal; transition: transform 0.3s ease, border-radius 0.3s ease, background .3s ease; transform: scale(1); /* this animates smoothly */ } .icons p a.orange-bg:hover:before { color: #edf3ed !important; background: #fe7112; border-radius: 50%; width: 55px; height: 55px; display: inline-flex; align-items: center; justify-content: center; font-size: 30px; line-height: normal; transition: transform 0.3s ease, border-radius 0.3s ease, background .3s ease; transform: scale(1); /* this animates smoothly */ } /* MEDIA QUERIES */ /* ≤ 1188px: 2 rows, first 5 icons in top row, 4 in bottom */ @media (max-width: 1188px) { .icons p a { flex: 1 calc(100% / 5 - 9px); /* top row 5 icons per row */ } } /* ≤ 567px: 2 icons per row */ @media (max-width: 567px) { .icons p a { flex: 1 calc(50% - 9px); /* 2 icons per row */ } }