/* Google fonts are downloaded at the start of style.css (_bass.scss within sass) */
/* You can see 100s of google fonts at https://fonts.google.com */

/* Template CSS to allow font characters to be used as icons. */
/* (C)2019 Endis Ltd. No permission is given to use this code, except on an Endis website. */

/* Some icons are set up directly within CSS, while some are set up from within html <i> tags */
/* Currently there are 3 sets of fonts, "journey" and 2 sets from IcoMoon */

/* The free IcoMoon fonts were provided by https://icomoon.io/ under the following license: http://www.gnu.org/licenses/gpl.html */

@font-face {
  font-family: 'journey'; /* we keep this name, as is used throughout our css */
  src:  url('/Images/Content/2414/Templates/56328/fonts/journey.ttf') format('truetype');
}

i[class^="journey-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'journey' !important;
}

@font-face {
  font-family: 'IcoMoon490Icons'; /* we keep the 490 name, as is used throughout our css */
  src:  url('/Images/Content/2414/Templates/56328/fonts/IcoMoon.ttf') format('truetype');
}

i[class^="icomoon-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'IcoMoon490Icons' !important;
}

@font-face {
  font-family: 'IcoMoonTopLinks';
  src:  url('/Images/Content/2414/Templates/56328/fonts/IcoMoonTopLinks.ttf') format('truetype');
}

@font-face {
  font-family: 'TwitterXonly';
  src:  url('/Images/Content/2414/Templates/47287/fonts/icomoonXonly.ttf') format('truetype');
}

i[class^="icomoon-TopLinks-"] { /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'IcoMoonTopLinks' !important;
  font-style: normal !important;
}

/* Set default font properties for all icon-fonts. */
i[class^="journey-icon-"], i[class^="icomoon-icon-"] {
  font-style: normal; /* default value */
  font-weight: normal !important; /* default value */
  font-variant: normal; /* default value */
  text-transform: none; /* default value */
  line-height: 1 !important; /* sets the line height to equal the current font size, so there is no extra vertical padding */
}

i.journey-icon-login::before 	{content: "\e902";} /* top links */
i.journey-icon-register::before {content: "\e904";}
/* Journey search icon fix - estimate of what is needed - may need overide code to improve */
i.journey-icon-search::before {content:"\e918";font-size:larger;position:relative;top:2px;}}
i.journey-icon-clock::before {content: "\e915";} /* top links */
i.journey-icon-search2::before 	{content: "\e912";} /* top links */

i.icomoon-TopLinks-Register::before {content: "\e973";} /* top links 2020 */
i.icomoon-TopLinks-WebOffice::before {content: "\e994";}
i.icomoon-TopLinks-MyArea::before {content: "\e9e1";}

/* Generic icons */
i.icomoon-icon-newspaper::after {content: "\e904";}
i.icomoon-icon-image::after {content: "\e90d";}
i.icomoon-icon-headphones::after {content: "\e910";}
i.icomoon-icon-music::after {content: "\e911";}
i.icomoon-icon-film::after {content: "\e913";}
i.icomoon-icon-book::after {content: "\e91f";}

/* Brand icons */
i.icomoon-icon-amazon::after {content: "\ea87";}
i.icomoon-icon-google::after {content: "\ea88";}
i.icomoon-icon-hangouts::after {content: "\ea8e";}
i.icomoon-icon-googledrive::after {content: "\ea8f";}
i.icomoon-icon-facebook::after {content: "\ea90";}
i.icomoon-icon-instagram::after {content: "\ea92";}
i.icomoon-icon-whatsapp::after {content: "\ea93";}
i.icomoon-icon-spotify::after {content: "\ea94";}
i.icomoon-icon-telegram::after {content: "\ea95";}
i.icomoon-icon-twitter::after {font-family:TwitterXonly; content:'\e900';}
i.icomoon-icon-vk::after {content: "\ea98";}
i.icomoon-icon-rssfeed::after {content: "\ea9b";}
i.icomoon-icon-youtube::after {content: "\ea9d";}
i.icomoon-icon-vimeo::after {content: "\eaa0";}
i.icomoon-icon-flickr::after {content: "\eaa3";}
i.icomoon-icon-dropbox::after {content: "\eaae";}
i.icomoon-icon-onedrive::after {content: "\eaaf";}
i.icomoon-icon-blogger::after {content: "\eab7";}
i.icomoon-icon-tumblr::after {content: "\eab9";}
i.icomoon-icon-yahoo::after {content: "\eabb";}
i.icomoon-icon-soundcloud::after {content: "\eac3";}
i.icomoon-icon-skype::after {content: "\eac5";}
i.icomoon-icon-reddit::after {content: "\eac6";}
i.icomoon-icon-wikipedia::after {content: "\eac8";}
i.icomoon-icon-linkedin::after {content: "\eaca";}
i.icomoon-icon-pinterest::after {content: "\ead2";}

i.icomoon-icon-XXXXX::after {content: "\eac5";}

/* Extra icon using a square background image */
footer i.ImageSocialMediaIcon::after
{
  /* Put the image in as a background image and set the size to "contain" */
  background-repeat: no-repeat;
  background-size: contain; 
  content:"\ea9d"; /* output a font-icon so spacing is ok */
  background-color: transparent !important;  /* set colors to transparent to hide font-icon */
  color: transparent !important; 
  /* replace border with padding to keep size exactly the same, but padding allows a background image to be seen. */
  padding: 8px !important; /* Some templates need a different value here */
  border: none !important;
  transition:opacity 300ms linear !important;
}
footer a:hover i.ImageSocialMediaIcon::after {opacity:0.7;}

/* Extra icon using a square background image */
section.slice_FixedSideLinks div.fixed-link-wrapper a.ImageSocialMediaIcon {padding:3px 0;}
section.slice_FixedSideLinks div.fixed-link-wrapper a.ImageSocialMediaIcon i::after
{
  /* Put the image in as a background image and set the size to "contain" */
  background-repeat: no-repeat;
  background-size: contain; 
  background-position:right center;
  content:"\ea9d"; /* output a font-icon so spacing is ok */
  background-color: transparent !important;  /* set colors to transparent to hide font-icon */
  color: transparent !important;
  font-size:32px; /* Some templates need a different value here */
  position:relative; right:1px; /* Some templates need a different value here */
}

@font-face {
  font-family: 'HubbIcons';
  src:  url('/Images/Content/2414/Templates/56328/fonts/HubbIcons.ttf') format('truetype');
}