/* Intranet Navigation - more compact, as there are many more links */
.slice_Header_L div#IntraNetRootMenu.nav-menu { display: none; }
@media (min-width: 992px) { .slice_Header_L .slicknav_menu { display: none; }
  .slice_Header_L div#IntraNetRootMenu.nav-menu { display: block; float: right; width: 100%; margin-right: 0; margin-left: 0; transition: all 500ms; } }
@media (min-width: 992px) { .slice_Header_L div#IntraNetRootMenu.nav-menu a {  display: block; transition: all 500ms; text-decoration: none; text-transform: capitalize; white-space: nowrap; }
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul { list-style-type: none; }
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu { float: right; padding-left: 0; margin: 0 auto; position: relative; z-index: 3; background-color: transparent; }
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu ul { display: none; z-index: 4; }
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu li { position: relative; list-style-type: none; }
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu li:hover > ul { display: block; }
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu > li { float: left; margin-top: 0; }
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu > li > a { padding: 17px 16px 10px; }
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu > li ul { position: absolute; top: 100%; left: 0;  padding: 0; }
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu > li ul a {  padding: 8px 25px 3px 16px; }
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu > li ul ul { top: 0; left: 100%; float: right; }
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu > li ul li.has_sub_menu::after { font-family: journey; content: '\e900'; color: white; position: absolute; right: 5px; top: 2px; font-size: 1.6rem; line-height: 30px; height: 30px; }
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu > li:last-child > ul,
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu > li:nth-last-child(2) > ul,
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu > li:nth-last-child(3) > ul
  { position: absolute; top: 100%; left: auto; right: 0; }
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu > li:last-child > ul a,
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu > li:nth-last-child(2) > ul a,
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu > li:nth-last-child(3) > ul a
  { padding-left: 25px; padding-right: 16px; }
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu > li:last-child > ul li.has_sub_menu::after,
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu > li:nth-last-child(2) > ul li.has_sub_menu::after,
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu > li:nth-last-child(3) > ul li.has_sub_menu::after
  { display: none; }
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu > li:last-child > ul li.has_sub_menu::before,
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu > li:nth-last-child(2) > ul li.has_sub_menu::before,
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu > li:nth-last-child(3) > ul li.has_sub_menu::before
  { font-family: journey; content: '\e901'; color: white; position: absolute; left: 5px; top: 2px; font-size: 1.6rem; line-height: 30px; height: 30px; }
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu > li:last-child > ul ul,
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu > li:nth-last-child(2) > ul ul,
  .slice_Header_L div#IntraNetRootMenu.nav-menu ul.root_menu > li:nth-last-child(3) > ul ul
  { position: absolute; top: 0; left: auto; right: 100%; } }

/* Intra net content - conversion from old to new design */
section#IntraNetContent h1,
section#IntraNetContent h2,
section#IntraNetContent h1 span,
section#IntraNetContent h2 span
{font-weight:400; text-transform:uppercase; font-family:"MFred Rounded" !important;}


section#IntraNetContent h3,
section#IntraNetContent h4,
section#IntraNetContent h5,
section#IntraNetContent h6,
section#IntraNetContent h3 span,
section#IntraNetContent h4 span,
section#IntraNetContent h5 span,
section#IntraNetContent h6 span
{font-weight:400; font-family: Regular, Arial, sans-serif !important;}
section#IntraNetContent h1,
section#IntraNetContent h2 {margin-top:20px;}

section#IntraNetContent div.main-content {margin-top:0; margin-bottom:0; float:none;}
section#IntraNetContent h4{font-size:30px; line-height:1;}
section#IntraNetContent div.IntraNetWarning h1 {font-family:Regular !important; font-size:16px; font-weight:700; line-height:1; display:inline-block;}
section#IntraNetContent div.IntraNetWarning {margin:0 auto; padding:20px 10px 0;}

section#IntraNetContent div.image-boxF.align3 {float:left; width:33.33%; margin-bottom:10px;}
section#IntraNetContent div.align3 img {display:block; width:90%; margin:0 auto 5px;}
@media (max-width:992px) {section#IntraNetContent div.image-boxF.align3 {width:50%;}}
@media (max-width:468px) {section#IntraNetContent div.image-boxF.align3 {width:100%;}}
 
section#IntraNetContent div.image-box{float:left; width:20%; margin-bottom:10px;}
@media (max-width:992px) { 
	section#IntraNetContent div.image-box {width:33.33%;}
	section#IntraNetContent div.image-box:last-child{float:none;margin:0 auto;}}
@media (max-width:768px) {
	section#IntraNetContent div.image-box {width:50%;}}
@media (max-width:468px) {
	section#IntraNetContent div.image-box {width:100%;}}

section#IntraNetContent div.image-box.align3{float:left; width:33.33%; margin-bottom:10px;}
@media (max-width:992px) { 
	section#IntraNetContent div.image-box.align3 {width:50%;}
	section#IntraNetContent div.image-box.align3:last-child{float:none;margin:0 auto;}}
@media (max-width:768px) {
	section#IntraNetContent div.image-box.align3 {width:100%;}}

section#IntraNetContent a.blue-btn {
  	display:inline-block; margin:5px auto 40px;
  	padding:5px 10px; 
  	background-color:#e84619; color:white; border-radius:5px;
}

section#IntraNetContent div.search_div input {text-align:left;}
section.slice_BreadCrumbs {display:block !important;}

section.HideElement {display:none !important;}

section#IntraNetContent div.main-content.IntraNetSearch {}
section#IntraNetContent a.download-btn.blue-btn {margin-right:20px;}
section#IntraNetContent div.DocumentListWrapper {text-align:left; margin:0 auto;}

section.slice_Header_L div#IntraNetSlickNav {width:auto;min-width:320px;}
section.slice_Header_L div#IntraNetSlickNav li > a {padding:12px 25px 8px 10px;}
section.slice_Header_L div#IntraNetSlickNav ul ul li > a {padding-left:25px;}
section.slice_Header_L div#IntraNetSlickNav ul ul ul li > a {padding-left:40px;}
section.slice_Header_L div#IntraNetSlickNav span.slicknav_arrow {transform: rotate(90deg) translateY(-10px);}

/* Arrow logos */
section.Slice_Hero_Banner,
section.slice_Hero_Film_Banner {position:relative;} /* needed for the arrow logo */
header section.slice_Header_L {position:relative; z-index:1;} /* needed to raise menus above Banner */
section.Slice_Hero_Banner img.LogoArrow,
section.slice_Hero_Film_Banner img.LogoArrow {
	position:absolute;
  	top:50px;
  	right:50px;
  	width:150px;
  	display:block;
}
@media (max-width:992px) {
	section.Slice_Hero_Banner img.LogoArrow,
	section.slice_Hero_Film_Banner img.LogoArrow {
      top:20px;
      right:20px;
      width:50px;     	 
    }
}
/* Fix links in the banner captions */
section.Slice_Hero_Banner div.ArticleBody a,
section.slice_Hero_Film_Banner div.ArticleBody a {
  display:inline-block; margin:10px 0 0; padding:10px 15px 8px; border:1px solid white; 
  border-radius:10px; }
@media (max-width:467px) {
  section.Slice_Hero_Banner div.ArticleBody a,
  section.slice_Hero_Film_Banner div.ArticleBody a {padding:10px 5px 8px;}
}
section.Slice_Hero_Banner div.ArticleBody a:hover,
section.slice_Hero_Film_Banner div.ArticleBody a:hover {border-color:black;} /* needed for the arrow logo */

section.slice_Hero_Film_Banner div.title2 {max-width:500px; margin-left:0;}
section.slice_GroupNotes {display:none;}
header a.search-close {text-shadow: 0 0 2px black;}
header .slice_Header_L .slicknav_menu .slicknav_btn.slicknav_open .slicknav_icon .slicknav_icon-bar.GNset {background-color: #999999;}

/* code for whole image link of the random article slice */
a.A_Slice_Banner_1 {display:block; cursor:pointer;}

/* Ticker Tape */
@keyframes ticker {
  	0% {transform: translateX(0);}
    10% {transform: translateX(-10%);}
    20% {transform: translateX(-20%);}
    30% {transform: translateX(-30%);}
    40% {transform: translateX(-40%);}
  	50% {transform: translateX(-50%);}
    60% {transform: translateX(-60%);}
    70% {transform: translateX(-70%);}
    80% {transform: translateX(-80%);}
    90% {transform: translateX(-90%);}
  	100% {transform: translateX(-100%);}
}

section.TickerTapeWrapper {
  position: fixed;
  bottom: 0; left:0; right:0;
  width: 100%;
  z-index:1;
  overflow: hidden;
  background-color: #fbc900; 
  padding-left: 100%;
  padding-top:5px;
  box-sizing: content-box;
  height: 37px;
}
footer.TickerTapeOn {padding-bottom:37px;}

section.TickerTapeWrapper div.TickerTapeInnerWrapper {
    display: inline-block;
    white-space: nowrap;
    padding-right: 100%;
    box-sizing: content-box;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
    animation-name: ticker;
	animation-duration: 60s;
  	will-change:transform;
}

section.TickerTapeWrapper div.TickerTapeItem {
    display: inline-block;
    padding: 2px 10px 0;
    font-size: 20px;
  	line-height: 1.5; /* 20*1.5 + 2 = 32px high in total */
}
section.TickerTapeWrapper div.TickerTapeItem,
section.TickerTapeWrapper div.TickerTapeItem a {font-weight:400 !important;}

section.TickerTapeWrapper div.TickerTapeItem:nth-child(3n+1),
section.TickerTapeWrapper div.TickerTapeItem:nth-child(3n+1) a {
    color: #e1de00;
  	background-color: #e84619;
}
section.TickerTapeWrapper div.TickerTapeItem:nth-child(3n+2),
section.TickerTapeWrapper div.TickerTapeItem:nth-child(3n+2) a {
    color: white;
  	background-color: black;
}
section.TickerTapeWrapper div.TickerTapeItem:nth-child(3n+0),
section.TickerTapeWrapper div.TickerTapeItem:nth-child(3n+0) a {
    color: e84619;
  	background-color: white;
}
@media (max-width:768px) {
  section.TickerTapeWrapper div.TickerTapeItem {
    font-size: 20px;line-height: 1.4;
     padding: 2px 10px 0;
  }
  section.TickerTapeWrapper {
    padding-top:5px; height:35px;
  }
  footer.TickerTapeOn {padding-bottom:35px;}
}
section.TickerTapeWrapper div.author {display:none;}


.Slice_Hero_Banner a {
    background-color: black;
    color: white;
}

.Slice_Hero_Banner a:hover {
    background-color: white !important;
    color: black !important;
}

section.Slice_BannerVideo video {display:block;}