/* define colours here again just to see them in the editor */


:root{
    --slate:#2B3B42;
    --slateish:#365a68;
    --slater:#182125;
    --peri25:#D3DAEE;
    --primary:#3D2DF7;
    --wool:#F7F4EE;
    --thebg:#FaFaF6;




.Home_page body .BaseMaster_searchBoxContainer
{
  display: none;
}

.Home_page body .BaseMaster_contentContainer
{
  height: auto !important;
}

.Home_page body
{
  overflow: auto;
}
/* --- App layout changes end --- */

/* this is overriding portal setting and getting in the way of separate project branding. LH 27/2/26
.Home_page body .BaseMaster_mainMenuContainer
{
  background: transparent;
}
*/

.Home_page body .CHMenu_menuItem a,
.Home_page body .BaseMaster_profileLink
{
  color: black;
}    



.Home_customContent
{
  font-family:Inter, Arial, Helvetica, sans-serif;
  color: #696969;
  padding-block-start: 0 ;padding-inline-end: 0 ;padding-block-end: 0 ;padding-inline-start: 0 ;
  margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
  text-align: center;
}

.Home_customContent a,
.Home_customContent a:visited,
.Home_customContent a:active
{
  color: #adadad;
  text-decoration: none;
  padding-block-start: 5px ;padding-inline-end: 5px ;padding-block-end: 5px ;padding-inline-start: 5px ;
  transition: color .3s;      
}

.Home_customContent a:hover
{
  color: white;
  transition: color .3s;      
}

h1
{
  font-weight: bold;
	font-size: 3em;
  margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
  padding-bottom: 30px;
  text-transform: uppercase;
}

.fixedWidth
{
  max-width: 1170px;
  margin-block-start: auto ;margin-inline-end: auto ;margin-block-end: auto ;margin-inline-start: auto ;
}

.searchContainer
{
  background: #d7dce0 url('/resources/Storage/Branding/summer-200.jpg') no-repeat center center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.searchCenteringContainer
{
  height: 400px;
  width: 100%;
  max-width: 800px;
  margin-block-start: auto ;margin-inline-end: auto ;margin-block-end: auto ;margin-inline-start: auto ;

  position: relative;
}

.searchBoxContainer
{
  overflow: hidden;
  padding-inline-end: 27px ;
}

.searchBox
{
  width: 95%;
  padding-block-start: 10px ;padding-inline-end: 10px ;padding-block-end: 10px ;padding-inline-start: 10px ;
}

i.btnSearch
{
  float: inline-end ;
  font-size: 2em;
  padding-block-start: 11px ;padding-inline-end: 11px ;padding-block-end: 11px ;padding-inline-start: 11px ;
  background: rgba(255,255,255,.4);
  border: 1px solid rgba(69,69,69,.4);
  box-shadow: 0 0 5px;
}

.btnSearch:hover
{
  cursor: pointer;
  background: white;
  color: black;
  box-shadow: none;
}

.navContainer
{
  background: black;
  color: white;
  padding-top: 50px;
  padding-bottom: 50px;
  box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

.nav4ColOuter
{
  display: inline-block;
	vertical-align: top;
  width: 25%;
}

.navInner
{
  padding-block-start: 10px ;padding-inline-end: 10px ;padding-block-end: 10px ;padding-inline-start: 10px ;
  text-decoration: none;
}

i.navIcon
{
  font-size: 100px;
  color: #adadad;
  text-shadow: 0 -2px 1px white;
  transition: color .3s;
}

.navInner:hover .navIcon
{
  color: white;
  transition: color .3s;
}

.navHeading
{
  color: #adadad;
  text-transform: uppercase;
  font-size: 2em;
  padding-top: 20px;
  transition: color .3s;
  display: block;
}

.navInner:hover .navHeading
{
  color: white;
  transition: color .3s;
}

.gettingStarted
{
  background-color: #252525;
}

.gettingStarted .navHeading
{
  color: white;
}

.gettingStarted ul
{
  margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-inline-start: 20px ;
  list-style-image: url('/resources/Storage/Templates/Themes/mountain-peak-bullet.png');
}

.gettingStarted li
{
  text-align: start ;
  font-size: 1.8em;
  padding-top: 5px;
  padding-bottom: 5px;
}

.footer
{
  background: #252525;
  text-align: center;
  padding-block-start: 20px ;padding-inline-end: 20px ;padding-block-end: 20px ;padding-inline-start: 20px ;
  color: #cdcdcd;
}

/* --- Responsive Styles --- */

.nav4ColOuter
{ /* Four columns per screen, default */
  width:23%;
}

/* Landscape phones and down */
@media (max-width: 480px) 
{ 
  .nav4ColOuter
  { /* One column per screen */
	width:100%;
  }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) 
{ 
  .nav4ColOuter
  { /* Two columns per screen */
	width:100%;
  }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) 
{ 
  .nav4ColOuter
  { /* Two columns per screen */
	width:48%;
  }
}

.nav2ColOuter
{ /* Two columns per screen, default */
  float: inline-start ;  
  width:50%;
}

/* Phone to portrait tablet */
@media (max-width: 767px) 
{ 
  .searchContainer
  {
	background-image: none;
  }

  .searchCenteringContainer
  {
	height: auto;
	padding-block-start: 20px ;padding-inline-end: 20px ;padding-block-end: 20px ;padding-inline-start: 20px ;
	padding-bottom: 30px;
  }

  .nav2ColOuter
  { /* One column per screen */
	width:100%;
  }

  .gettingStarted ul
  {
	padding-top: 0;
	padding-bottom: 0;
  }
}

@media (max-width: 979px)
{
  .searchCenteringContainer
  {
	padding-inline-start: 20px ;
	padding-inline-end: 20px ;
	width: auto;
	max-width: none;
  }
}

@media (max-width: 1200px)
{
  .fixedWidth
  {
	max-width: none;
	padding-inline-start: 20px ;
	padding-inline-end: 20px ;
  }
}





/* copied from branding */



div.searchContainer
{
  padding-top: 80px;
  background-image: url('/resources/Storage/Branding/summer-200.jpg');
}

.searchContainer h1
{
  color: #fff;
  font-size: 48pt;
  text-transform: none;
}

.searchContainer h2
{
  color: var(--wool);
  font-size: 36pt;
  font-weight: normal;
}

.searchContainer h1 img
{
  height: 65px;
  
}

div.searchCenteringContainer
{
  height: auto;
  padding-top: 30px;
  padding-bottom: 300px;
  max-width: 750px;
}

.searchIcon
{
  background: url('/resources/Storage/Branding/search.png') no-repeat 20px center;
  height: 60px;
  width: 80px;
}

input.searchBox
{
  font-size: 16pt;
  max-width: 750px;
  height: 48px;
  border: 0 none;
  font-style: italic;
    background: transparent;
    margin: 5px 0 5px 0;
}
  
  #edtSearch:focus {}


.pubsContainer
{
  padding-block-start: 20px ;padding-inline-end: 40px ;padding-block-end: 20px ;padding-inline-start: 40px ;
  background: white;
}

.pubBlock
{
  padding-block-start: 15px ;padding-inline-end: 15px ;padding-block-end: 15px ;padding-inline-start: 15px ;
  padding-top: 0;
  text-align: start ;
  
  min-height: 220px;
}

.Home_customContent .pubBlock a
{
  color: #385699;
  text-decoration: none;
  font-size: 14pt;
  display: block;
}

.Home_customContent .pubBlock a:visited 
{
  color: #385699;
}

.Home_customContent .pubBlock a:hover
{
  color: #2B3B42;
}

.Home_customContent .pubBlock a.pubHeading
{
  font-size: 18pt;
  color: black;
  padding-bottom: 10px;
  display: block;
}

.Home_customContent .pubBlock a.pubHeading:hover
{
  color: #2B3B42;
}

.pubIcon
{
  width: 110px;
  height: 110px;
  float: inline-start ;
  padding-block-start: 0 ;padding-inline-end: 0 ;padding-block-end: 0 ;padding-inline-start: 0 ;
  padding-inline-end: 10px ;
}

.pubText
{
  float: inline-start ;
  padding-inline-start: 15px ;
}

.pubIconStock
{
  background: url('/resources/Storage/Branding/stockblue_0.png') center center no-repeat;
  background-size: 110px 110px;
}

/* ADDING _0 AT THE END OF THESE TO WAKE UP THE CACHE */
.pubIconStock:hover
{
  background-image: url('/resources/Storage/Branding/stock_0.png');
}

.pubIconLand
{
  background: url('/resources/Storage/Branding/landblue_0.png') center center no-repeat;
  background-size: 90px 90px;
}

.pubIconLand:hover
{
  background-image: url('/resources/Storage/Branding/land_0.png');
}

body::after
{
  /* Preload hover images to prevent icon disappearance on first hover action */
  content: url('/resources/Storage/Branding/stock_0.png') url('/resources/Storage/Branding/land_0.png') url('/resources/Storage/Branding/people_0.png') url('/resources/Storage/Branding/map_0.png') url('/resources/Storage/Branding/diary_0.png') url('/resources/Storage/Branding/reports_0.png') url('/resources/Storage/Branding/mobile_0.png') url('/resources/Storage/Branding/healthsafety_0.png');
  display: none;
}

.pubIconPeople
{
  background: url('/resources/Storage/Branding/peopleblue_0.png') center center no-repeat;
  background-size: 90px 90px;
}

.pubIconPeople:hover
{
  background-image: url('/resources/Storage/Branding/people_0.png');
}

.pubIconMap
{
  background: url('/resources/Storage/Branding/mapblue_0.png') center center no-repeat;
  background-size: 90px 90px;
}

.pubIconMap:hover
{
  background-image: url('/resources/Storage/Branding/map_0.png');
}

.pubIconDiary
{
  background: url('/resources/Storage/Branding/diaryblue_0.png') center center no-repeat;
  background-size: 90px 90px;
}

.pubIconDiary:hover
{
  background-image: url('/resources/Storage/Branding/diary_0.png');
}

.pubIconReports
{
  background: url('/resources/Storage/Branding/reportsblue_0.png') center center no-repeat;
  background-size: 90px 90px;
}

.pubIconReports:hover
{
  background-image: url('/resources/Storage/Branding/reports_0.png');
}

.pubIconOffice
{
  background: url('/resources/Storage/Branding/officeblue_0.png') center center no-repeat;
}

.pubIconOffice:hover
{
  background-image: url('/resources/Storage/Branding/office_0.png');
}

.pubIconOther
{
  background: url('/resources/Storage/Branding/otherblue_0.png') center center no-repeat;
  background-size: 90px 90px;
}

.pubIconOther:hover
{
  background-image: url('/resources/Storage/Branding/other_0.png');
}

.pubIconHealthsafety
{
  background: url('/resources/Storage/Branding/healthsafetyblue_0.png') center center no-repeat;
  background-size: 90px 90px;
}

.pubIconHealthsafety:hover
{
  background-image: url('/resources/Storage/Branding/healthsafety_0.png');
}

.pubIconMobile
{
  background: url('/resources/Storage/Branding/mobileblue_0.png') center center no-repeat;
  background-size: 90px 90px;
  width: 100px;
  height: 110px;
}

.pubIconMobile:hover
{
  background-image: url('/resources/Storage/Branding/mobile_0.png');
}





.nav3ColOuter
{
  /* Three columns per screen, default */
  float: inline-start ;
  width: 33.333%;
}

/* Phone to portrait tablet */
@media (max-width: 767px) 
  {
  .searchContainer h1
  {
    color: white;
    font-size: 24pt;
    text-transform: none;
  }
  
  .searchContainer h2
  {
    color: white;
    font-size: 18pt;
  }
  
  .searchContainer h1 img
  {
    height: 35px;
  }
  
  div.searchCenteringContainer
  {
    padding-bottom: 100px;
  }
  
  .searchCenteringContainer
  {
    padding-block-start: 20px ;padding-inline-end: 20px ;padding-block-end: 20px ;padding-inline-start: 20px ;
    padding-bottom: 30px;
  }
  
  div.BaseMaster_searchBoxContainer
  {
    max-width: none;
    width: auto;
  }
  
}

/* Landscape phone to portrait tablet */
@media (max-width: 979px) 
  {
  
  .nav3ColOuter
  {
    /* One column per screen */
    width:100%;
  }
  
  .pubBlock
  {
    text-align: center;
    
  }
  
  .pubText
  {
    display: inline-block;
    text-align: start ;
    min-width: 300px;
    /* To make all topic links have the same width for all icons */
  }
  
  .pubIcon
  {
    width: auto;
    
  }
  
  .searchContainer h1 img
  {
    display: block;
    margin-block-start: auto ;margin-inline-end: auto ;margin-block-end: auto ;margin-inline-start: auto ;
  }
  
  .ftr
  {
    padding-inline-start: 30px ;
    text-align: center;
      color:var(--wool);
  }
  
  .ftr .fw
  {
    display: inline-block;
    min-width: 300px;
    text-align: start ;
  }
}


@media (max-width: 1650px)
  {
  .pubIcon,
  .pubText
  {
    float: none;
  }
  
  .pubBlock
  {
    min-height: 350px;
  }
}





.ftr
{
  color: white;
  background:var(--slate);
  padding-block-start: 20px ;padding-inline-end: 0 ;padding-block-end: 20px ;padding-inline-start: 0 ;
  padding-inline-start: 80px ;
  line-height: 1.5em;
  font-size: 12pt;
  text-align: start ;
}

.Home_customContent .ftr a
{
  padding-block-start: 0 ;padding-inline-end: 0 ;padding-block-end: 0 ;padding-inline-start: 0 ;
}

.Home_customContent .ftr a.phoneLink
{
  color: #a7daff;
}





.searchBoxContainer
{
  position: relative;
  max-width: 750px;
  width: 100%;
  border-radius:7px;
  background: #fff;
    padding:0;
  
}

.searchBoxClear
{
  color: var(--slateish);
  font-size: 60px;
  position: absolute;
  right: 0;
  top: 0;
  padding-block-start: 0 ;padding-inline-end: 10px ;padding-block-end: 0 ;padding-inline-start: 10px ;
  padding-bottom: 0;
  cursor: pointer;
  display: none;
  /* removed by Lyndon 29/7/2022 background: white; */
}






.Home_page .BaseMaster_hamburgerMenuIcon
{
  /* Hide the hamburger menu icon for the Home page */
  display: none !important; 
}

.Home_body .BaseMaster_logoContainer a
{
  display:inline;
  background: none;
  margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
}

.Home_body .BaseMaster_imgLogo
{
  display: inline-block;
}

div.BaseMaster_btnSearchMobile
{
  height: 36px !important;
  line-height: 36px !important;
}

/* This makes the search box white. Change made 15 May 2017 */
.BaseMaster_searchBoxContainer .BaseMaster_searchBox .grayTextBox 
{
  background-color: white;
}
.CHBlock_richTextContent, .CHBlock_container * {font-family: 'Helvetica Neue', 'Lucida Grande', 'Segoe UI', Arial, Helvetica, Verdana, sans-serif;}