/* GANTRY5 DEVELOPMENT MODE ENABLED.

   WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!

   For more information on modifying CSS, please read:

   http://docs.gantry.org/gantry5/configure/styles
   http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/***************************
 ****************************
 NAME: custom.scss
 SITE: Made up company
 DESCRIPTION: All imported style sheets
 -------------------------------------
 AUTHOR: Charlotte Osborne
 DATE CREATED: 20/06/17
 LAST MODIFIED DATE: 
 LAST MODIFIED BY: 
 ****************************
 ***************************/
/***************************
 ****************************
 NAME: _reset.scss
 SITE: Made up company
 DESCRIPTION: Resetting all theme preset styles where not possible in template
 -------------------------------------
 AUTHOR: Charlotte Osborne
 DATE CREATED: 20/06/17
 LAST MODIFIED DATE:
 LAST MODIFIED BY:
 ****************************
 ***************************/
/* This is reset stylesheet will probably grow over time - and we can share it with each other and reuse it on all new builds*/
/* BELOW IS JUST AN EXAMPLE */
/* line 23, templates/g5_hydrogen/custom/scss/_reset.scss */
input[type="submit"], .button {
  text-shadow: none;
  background-image: none;
  background-color: transparent;
}
/***************************
 ****************************
 NAME: _variables.scss
 SITE: Made up company
 DESCRIPTION: All variables for the website
 -------------------------------------
 AUTHOR: Charlotte Osborne
 DATE CREATED: 20/06/17
 LAST MODIFIED DATE: 20/07/17
 LAST MODIFIED BY: Joe Wharton
 ****************************
 ***************************/
/* COLOURS */
/* TEXT */
/***************************
 ****************************
 NAME: _layout.scss
 SITE: Made up company
 DESCRIPTION: Amendments to the template & template sections
 -------------------------------------
 AUTHOR: Dave Davies
 DATE CREATED: 16/08/18
 LAST MODIFIED DATE:
 LAST MODIFIED BY:
 ****************************
 ***************************/
/* line 19, templates/g5_hydrogen/custom/scss/_layout.scss */
.catalogue-download-button {
  font-family: pragmatica, sans-serif;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  padding: 8px 50px;
  background-color: #667d91;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  display: block;
  width: 100%;
}
/* line 32, templates/g5_hydrogen/custom/scss/_layout.scss */
.catalogue-download-button:after {
  font-family: 'FontAwesome';
  content: "\f054";
  color: #fff;
  font-size: 90%;
  padding-left: 10px;
}
/* line 40, templates/g5_hydrogen/custom/scss/_layout.scss */
.catalogue-download-button:hover {
  color: #fff;
  background-color: #575656;
  text-decoration: none;
}
/* line 49, templates/g5_hydrogen/custom/scss/_layout.scss */
.download-button-left {
  font-family: pragmatica, sans-serif;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  padding: 8px 50px;
  background-color: #667d91;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  display: inline-block;
  width: 48%;
  float: left;
}
/* line 63, templates/g5_hydrogen/custom/scss/_layout.scss */
.download-button-left:after {
  font-family: 'FontAwesome';
  content: "\f054";
  color: #fff;
  font-size: 90%;
  padding-left: 10px;
}
/* line 71, templates/g5_hydrogen/custom/scss/_layout.scss */
.download-button-left:hover {
  color: #fff;
  background-color: #575656;
  text-decoration: none;
}
/* line 78, templates/g5_hydrogen/custom/scss/_layout.scss */
.download-button-right {
  font-family: pragmatica, sans-serif;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  padding: 8px 50px;
  background-color: #667d91;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  display: inline-block;
  width: 48%;
  float: right;
}
/* line 92, templates/g5_hydrogen/custom/scss/_layout.scss */
.download-button-right:after {
  font-family: 'FontAwesome';
  content: "\f054";
  color: #fff;
  font-size: 90%;
  padding-left: 10px;
}
/* line 100, templates/g5_hydrogen/custom/scss/_layout.scss */
.download-button-right:hover {
  color: #fff;
  background-color: #575656;
  text-decoration: none;
}
/* line 108, templates/g5_hydrogen/custom/scss/_layout.scss */
.grey-download-button {
  font-family: pragmatica, sans-serif;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  padding: 10px 15px;
  background-color: #667d91;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  display: block;
  position: absolute;
  bottom: 0px;
}
/* line 122, templates/g5_hydrogen/custom/scss/_layout.scss */
.grey-download-button:after {
  font-family: 'FontAwesome';
  content: "\f054";
  color: #fff;
  font-size: 90%;
  padding-left: 10px;
}
/* line 130, templates/g5_hydrogen/custom/scss/_layout.scss */
.grey-download-button:hover {
  color: #fff;
  background-color: #575656;
  text-decoration: none;
}
/* line 137, templates/g5_hydrogen/custom/scss/_layout.scss */
.catalogue-download-button {
  font-family: pragmatica, sans-serif;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  padding: 10px 15px;
  background-color: #667d91;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  display: block;
  margin-top: 10px;
}
/* line 152, templates/g5_hydrogen/custom/scss/_layout.scss */
.catalogue-download-button:after {
  font-family: 'FontAwesome';
  content: "\f054";
  color: #fff;
  font-size: 90%;
  padding-left: 10px;
}
/* line 160, templates/g5_hydrogen/custom/scss/_layout.scss */
.catalogue-download-button:hover {
  color: #fff;
  background-color: #575656;
  text-decoration: none;
}
/* line 167, templates/g5_hydrogen/custom/scss/_layout.scss */
.gantry-logo img {
  width: auto;
}
/* line 171, templates/g5_hydrogen/custom/scss/_layout.scss */
.branding {
  padding-top: 10px;
}
/* line 175, templates/g5_hydrogen/custom/scss/_layout.scss */
.branding a {
  color: #575656;
  text-decoration: underline;
}
/* line 180, templates/g5_hydrogen/custom/scss/_layout.scss */
#custom-1842-particle, #custom-6213-particle {
  text-align: right;
  font-size: 42px;
  font-family: pragmatica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 5px;
  padding-bottom: 32px;
  padding-top: 50px;
}
/* line 193, templates/g5_hydrogen/custom/scss/_layout.scss */
.ui.green.button, .ui.green.buttons .button {
  background-color: #667d91;
  color: #fff;
  text-shadow: none;
  background-image: none;
  border-radius: 0px;
  margin-top: 10px;
  padding: 12px 40px;
  font-family: pragmatica, sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: uppercase;
}
/* line 206, templates/g5_hydrogen/custom/scss/_layout.scss */
.ui.green.button:after, .ui.green.buttons .button:after {
  font-family: 'FontAwesome';
  content: "\f054";
  color: #fff;
  font-size: 90%;
  padding-left: 10px;
}
/* line 215, templates/g5_hydrogen/custom/scss/_layout.scss */
.ui.green.button:hover, .ui.green.buttons .button:hover {
  background-color: #575656 !important;
  color: #fff;
  text-shadow: none;
}
/* line 221, templates/g5_hydrogen/custom/scss/_layout.scss */
.ui.green.button, .ui.green.buttons .button {
  background-color: #667d91 !important;
  color: #fff;
  text-shadow: none;
  background-image: none;
}
/* line 228, templates/g5_hydrogen/custom/scss/_layout.scss */
.ui.green.button:hover, .ui.green.buttons .button:hover {
  background-color: #575656 !important;
  color: #fff !important;
  text-shadow: none;
}
/* line 234, templates/g5_hydrogen/custom/scss/_layout.scss */
div.chronoforms .ui.form .field > label {
  display: none;
}
/* line 237, templates/g5_hydrogen/custom/scss/_layout.scss */
.ui.message .list:not(.ui) li:last-child {
  margin-left: 0;
}
/* line 239, templates/g5_hydrogen/custom/scss/_layout.scss */
.ui.message .list:not(.ui) li:last-child:before {
  display: none;
}
/* line 256, templates/g5_hydrogen/custom/scss/_layout.scss */
.uk-panel-teaser, .uk-panel-title {
  border: solid;
  border-width: 2px;
  border-color: #575656;
}
/* line 262, templates/g5_hydrogen/custom/scss/_layout.scss */
div.brochure-download p {
  margin-top: 0px;
}
/* all */
/* line 293, templates/g5_hydrogen/custom/scss/_layout.scss */
::-webkit-input-placeholder {
  color: #575656 !important;
}
/* Chrome/Opera/Safari */
/* line 294, templates/g5_hydrogen/custom/scss/_layout.scss */
::-moz-placeholder {
  color: #575656 !important;
}
/* firefox 19+ */
/* line 295, templates/g5_hydrogen/custom/scss/_layout.scss */
:-ms-input-placeholder {
  color: #575656 !important;
}
/* ie */
/* line 296, templates/g5_hydrogen/custom/scss/_layout.scss */
:-moz-placeholder {
  color: #575656 !important;
}
/*below firefox 19 */
/* line 298, templates/g5_hydrogen/custom/scss/_layout.scss */
table {
  width: 100% !important;
}
/* import breakpoints */
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 12, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 9, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 1, templates/g5_hydrogen/scss/mixins/_nav.scss */
/* Values below are the default breakpoints
 but these values are user definable in style settings in the template
 so that is why the code below uses mixins to get the actual values from the template */
/* LARGE DESKTOP
 /* 75rem / 1200px and above*/
@media only all and (min-width: 75rem) {
}
/* DESKTOP & LARGE TABLET
 /* 60rem to 74.938rem / 960px to 1199px */
@media only all and (min-width: 60rem) and (max-width: 74.938rem) {
}
/* TABLET */
/* 48rem to 59.938rem / 768px to 959px */
@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
}
/* LARGE MOBILE */
/* 30rem to 47.938rem / 480px to 767px */
@media only all and (min-width: 30.062rem) and (max-width: 47.938rem) {
}
/* SMALL MOBILE */
/* 30rem / 480px and below */
@media only all and (max-width: 30rem) {
}
@media (min-width: 700px) and (max-width: 850px) {
  /* line 341, templates/g5_hydrogen/custom/scss/_layout.scss */
  #custom-1842-particle, #custom-6213-particle {
    text-align: right;
    font-size: 31px;
    padding-bottom: 30px;
    padding-top: 36px;
  }
  /* line 351, templates/g5_hydrogen/custom/scss/_layout.scss */
  .download-button-left {
    font-family: pragmatica, sans-serif;
    font-style: normal;
    font-weight: 300;
    text-align: center;
    padding: 8px 50px;
    background-color: #667d91;
    color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
    display: block;
    width: 100%;
    margin-bottom: 22px;
  }
  /* line 365, templates/g5_hydrogen/custom/scss/_layout.scss */
  .download-button-left:hover {
    color: #fff;
    background-color: #575656;
  }
  /* line 372, templates/g5_hydrogen/custom/scss/_layout.scss */
  .download-button-right {
    font-family: pragmatica, sans-serif;
    font-style: normal;
    font-weight: 300;
    text-align: center;
    padding: 8px 50px;
    background-color: #667d91;
    color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
    display: block;
    width: 100%;
    margin-bottom: 22px;
  }
  /* line 386, templates/g5_hydrogen/custom/scss/_layout.scss */
  .download-button-right:hover {
    color: #fff;
    background-color: #575656;
  }
  /* line 393, templates/g5_hydrogen/custom/scss/_layout.scss */
  .catalogue-download-button {
    font-family: pragmatica, sans-serif;
    font-style: normal;
    font-weight: 300;
    text-align: center;
    padding: 8px 50px;
    background-color: #667d91;
    color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
    display: block;
    width: 100%;
  }
  /* line 406, templates/g5_hydrogen/custom/scss/_layout.scss */
  .catalogue-download-button:hover {
    color: #fff;
    background-color: #575656;
  }
  /* line 413, templates/g5_hydrogen/custom/scss/_layout.scss */
  .grey-download-button {
    font-family: pragmatica, sans-serif;
    font-style: normal;
    font-weight: 300;
    text-align: center;
    padding: 8px 50px;
    background-color: #667d91;
    color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
    display: block;
    position: absolute;
    bottom: 0px;
  }
  /* line 427, templates/g5_hydrogen/custom/scss/_layout.scss */
  .grey-download-button:hover {
    color: #fff;
    background-color: #575656;
  }
}
@media (max-width: 698px) {
  /* line 436, templates/g5_hydrogen/custom/scss/_layout.scss */
  #custom-1842-particle, #custom-6213-particle {
    text-align: center;
    font-size: 40px;
    padding-bottom: 0px;
    padding-top: 5px;
    background-size: 100%;
    line-height: 48px;
  }
  /* line 447, templates/g5_hydrogen/custom/scss/_layout.scss */
  .download-button-left {
    font-family: pragmatica, sans-serif;
    font-style: normal;
    font-weight: 300;
    text-align: center;
    padding: 8px 50px;
    background-color: #667d91;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    width: 100%;
    margin-bottom: 22px;
  }
  /* line 462, templates/g5_hydrogen/custom/scss/_layout.scss */
  .download-button-right {
    font-family: pragmatica, sans-serif;
    font-style: normal;
    font-weight: 300;
    text-align: center;
    padding: 8px 50px;
    background-color: #667d91;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    width: 100%;
    margin-bottom: 22px;
  }
  /* line 477, templates/g5_hydrogen/custom/scss/_layout.scss */
  .catalogue-download-button {
    font-family: pragmatica, sans-serif;
    font-style: normal;
    font-weight: 300;
    text-align: center;
    padding: 8px 50px;
    background-color: #667d91;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    width: 100%;
  }
  /* line 491, templates/g5_hydrogen/custom/scss/_layout.scss */
  .grey-download-button {
    font-family: pragmatica, sans-serif;
    font-style: normal;
    font-weight: 300;
    text-align: center;
    padding: 8px 50px;
    background-color: #667d91;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    position: absolute;
    bottom: 0px;
  }
  /* line 507, templates/g5_hydrogen/custom/scss/_layout.scss */
  .size-20 {
    height: 65px;
  }
}
@media (max-width: 350px) {
  /* line 514, templates/g5_hydrogen/custom/scss/_layout.scss */
  #custom-1842-particle, #custom-6213-particle {
    font-size: 36px;
    line-height: 42px;
  }
}
/***************************
 ****************************
 NAME: _typography.scss
 SITE: Made up company
 DESCRIPTION: All text styles (includes buttons)
 -------------------------------------
 AUTHOR: Charlotte Osborne
 DATE CREATED: 20/06/17
 LAST MODIFIED DATE: 20/07/17
 LAST MODIFIED BY: Joe Wharton
 ****************************
 ***************************/
/* line 19, templates/g5_hydrogen/custom/scss/_typography.scss */
#g-showcase h4 {
  font-family: pragmatica, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  color: #667d91;
  margin-bottom: 0px;
}
/* line 28, templates/g5_hydrogen/custom/scss/_typography.scss */
#g-showcase h3 {
  font-family: pragmatica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  color: #575656;
  margin-top: 0px;
}
/* line 37, templates/g5_hydrogen/custom/scss/_typography.scss */
#g-showcase a:hover {
  color: #fff !important;
}
/* line 41, templates/g5_hydrogen/custom/scss/_typography.scss */
div.customcopyright p {
  font-family: pragmatica, sans-serif;
  font-style: normal;
  font-weight: 300;
}
/* line 47, templates/g5_hydrogen/custom/scss/_typography.scss */
div.customcopyright a {
  color: #575656;
  text-decoration: underline;
}
/* line 51, templates/g5_hydrogen/custom/scss/_typography.scss */
div.customcopyright a:hover {
  text-decoration: none;
}
/* line 62, templates/g5_hydrogen/custom/scss/_typography.scss */
a {
  color: #667d91;
}
/* line 64, templates/g5_hydrogen/custom/scss/_typography.scss */
a:hover {
  color: #667d91;
  text-decoration: underline;
}
/* line 74, templates/g5_hydrogen/custom/scss/_typography.scss */
.download-intro {
  text-align: center;
  font-size: 18px;
}
/* line 80, templates/g5_hydrogen/custom/scss/_typography.scss */
div.products {
  /* all form placeholder text*/
  /* Chrome/Opera/Safari */
  /* firefox 19+ */
  /* ie */
  /*below firefox 19 */
}
/* line 81, templates/g5_hydrogen/custom/scss/_typography.scss */
div.products p {
  font-family: pragmatica-condensed, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #575656;
  margin-top: 15px;
  padding-bottom: 5px;
}
/* line 91, templates/g5_hydrogen/custom/scss/_typography.scss */
div.products ui.form {
  border-radius: 0px;
}
/* line 96, templates/g5_hydrogen/custom/scss/_typography.scss */
div.products ::-webkit-input-placeholder {
  color: red !important;
  font-family: pragmatica, sans-serif;
  font-weight: 300;
  font-size: 1rem;
}
/* line 97, templates/g5_hydrogen/custom/scss/_typography.scss */
div.products ::-moz-placeholder {
  color: red !important;
  font-family: pragmatica, sans-serif;
  font-weight: 300;
  font-size: 1rem;
}
/* line 98, templates/g5_hydrogen/custom/scss/_typography.scss */
div.products :-ms-input-placeholder {
  color: red !important;
  font-family: pragmatica, sans-serif;
  font-weight: 300;
  font-size: 1rem;
}
/* line 99, templates/g5_hydrogen/custom/scss/_typography.scss */
div.products :-moz-placeholder {
  color: red !important;
  font-family: pragmatica, sans-serif;
  font-weight: 300;
  font-size: 1rem;
}
/* line 101, templates/g5_hydrogen/custom/scss/_typography.scss */
div.products div.ui.selection.dropdown {
  color: red !important;
}
/* line 105, templates/g5_hydrogen/custom/scss/_typography.scss */
div.products .rc-anchor-checkbox-label {
  font-size: 1rem;
  font-weight: 300;
  font-family: pragmatica, sans-serif;
  font-style: normal;
  text-transform: none;
  font-size: 14px;
  line-height: 17px;
}
/* line 116, templates/g5_hydrogen/custom/scss/_typography.scss */
div.products div.platform-content p {
  font-weight: 300;
  font-family: pragmatica, sans-serif;
  font-style: normal;
}
/* line 122, templates/g5_hydrogen/custom/scss/_typography.scss */
div.products div.platform-content a {
  color: #667d91;
}
/* line 127, templates/g5_hydrogen/custom/scss/_typography.scss */
div.products div.main-brochure p {
  margin-bottom: 0px !important;
}
/* line 130, templates/g5_hydrogen/custom/scss/_typography.scss */
div.products div.instruction-manual p {
  margin-top: 4px !important;
}
/* line 133, templates/g5_hydrogen/custom/scss/_typography.scss */
div.products p.nomar {
  margin: 0;
}
/* import breakpoints */
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 12, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 9, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 1, templates/g5_hydrogen/scss/mixins/_nav.scss */
/* Values below are the default breakpoints
 but these values are user definable in style settings in the template
 so that is why the code below uses mixins to get the actual values from the template */
/* LARGE DESKTOP
 /* 75rem / 1200px and above*/
@media only all and (min-width: 75rem) {
}
/* DESKTOP & LARGE TABLET
 /* 60rem to 74.938rem / 960px to 1199px */
@media only all and (min-width: 60rem) and (max-width: 74.938rem) {
  /* line 175, templates/g5_hydrogen/custom/scss/_typography.scss */
  #g-showcase h3 {
    font-size: 20px;
  }
  /* line 178, templates/g5_hydrogen/custom/scss/_typography.scss */
  #g-showcase h4 {
    font-size: 22px;
  }
  /* line 181, templates/g5_hydrogen/custom/scss/_typography.scss */
  div.products {
    padding-bottom: 40px;
  }
}
/* TABLET */
/* 48rem to 59.938rem / 768px to 959px */
@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
}
/* LARGE MOBILE */
/* 30rem to 47.938rem / 480px to 767px */
@media only all and (min-width: 30.062rem) and (max-width: 47.938rem) {
}
/* SMALL MOBILE */
/* 30rem / 480px and below */
@media only all and (max-width: 30rem) {
}
@media (min-width: 700px) and (max-width: 850px) {
  /* line 204, templates/g5_hydrogen/custom/scss/_typography.scss */
  #g-navigation {
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: 300;
    text-transform: none;
    font-family: pragmatica, sans-serif;
    font-style: normal;
  }
}
/***************************
 ****************************
 NAME: _menus.scss
 SITE: Made up company
 DESCRIPTION: All styles for all Menus/Navigation on the site
 -------------------------------------
 AUTHOR: Charlotte Osborne
 DATE CREATED: 20/06/17
 LAST MODIFIED DATE:
 LAST MODIFIED BY:
 ****************************
 ***************************/
/* import breakpoints */
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 12, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 9, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 1, templates/g5_hydrogen/scss/mixins/_nav.scss */
/* Values below are the default breakpoints
 but these values are user definable in style settings in the template
 so that is why the code below uses mixins to get the actual values from the template */
/* LARGE DESKTOP
 /* 75rem / 1200px and above*/
@media only all and (min-width: 75rem) {
}
/* DESKTOP & LARGE TABLET
 /* 60rem to 74.938rem / 960px to 1199px */
@media only all and (min-width: 60rem) and (max-width: 74.938rem) {
}
/* TABLET */
/* 48rem to 59.938rem / 768px to 959px */
@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
}
/* LARGE MOBILE */
/* 30rem to 47.938rem / 480px to 767px */
@media only all and (min-width: 30.062rem) and (max-width: 47.938rem) {
}
/* SMALL MOBILE */
/* 30rem / 480px and below */
@media only all and (max-width: 30rem) {
}
/***************************
 ****************************
 NAME: _header.scss
 SITE: Klamp
 DESCRIPTION: All styles for the header
 -------------------------------------
 AUTHOR: Dave Davies
 DATE CREATED: 16/08/18
 LAST MODIFIED DATE:
 LAST MODIFIED BY:
 ****************************
 ***************************/
/* import breakpoints */
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 12, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 9, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 1, templates/g5_hydrogen/scss/mixins/_nav.scss */
/* Values below are the default breakpoints
 but these values are user definable in style settings in the template
 so that is why the code below uses mixins to get the actual values from the template */
/* LARGE DESKTOP
 /* 75rem / 1200px and above*/
@media only all and (min-width: 75rem) {
}
/* DESKTOP & LARGE TABLET
 /* 60rem to 74.938rem / 960px to 1199px */
@media only all and (min-width: 60rem) and (max-width: 74.938rem) {
}
/* TABLET */
/* 48rem to 59.938rem / 768px to 959px */
@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
}
/* LARGE MOBILE */
/* 30rem to 47.938rem / 480px to 767px */
@media only all and (min-width: 30.062rem) and (max-width: 47.938rem) {
}
/* SMALL MOBILE */
/* 30rem / 480px and below */
@media only all and (max-width: 30rem) {
}
/***************************
 ****************************
 NAME: _footer.scss
 SITE: Made up company
 DESCRIPTION: All styles for the footer
 -------------------------------------
 AUTHOR: Charlotte Osborne
 DATE CREATED: 20/06/17
 LAST MODIFIED DATE:
 LAST MODIFIED BY:
 ****************************
 ***************************/
/* import breakpoints */
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 12, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 9, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 1, templates/g5_hydrogen/scss/mixins/_nav.scss */
/* Values below are the default breakpoints
 but these values are user definable in style settings in the template
 so that is why the code below uses mixins to get the actual values from the template */
/* LARGE DESKTOP
 /* 75rem / 1200px and above*/
@media only all and (min-width: 75rem) {
}
/* DESKTOP & LARGE TABLET
 /* 60rem to 74.938rem / 960px to 1199px */
@media only all and (min-width: 60rem) and (max-width: 74.938rem) {
}
/* TABLET */
/* 48rem to 59.938rem / 768px to 959px */
@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
}
/* LARGE MOBILE */
/* 30rem to 47.938rem / 480px to 767px */
@media only all and (min-width: 30.062rem) and (max-width: 47.938rem) {
}
/* SMALL MOBILE */
/* 30rem / 480px and below */
@media only all and (max-width: 30rem) {
}
/***************************
 ****************************
 NAME: _modules.scss
 SITE: Klamp
 DESCRIPTION: All custom module styles
 -------------------------------------
 AUTHOR: Dave Davies
 DATE CREATED: 16/08/18
 LAST MODIFIED DATE:
 LAST MODIFIED BY:
 ****************************
 ***************************/
/* line 19, templates/g5_hydrogen/custom/scss/_modules.scss */
#g-showcase {
  padding: 1.5rem 0;
  background-color: #fff;
  color: #575656;
}
/* line 25, templates/g5_hydrogen/custom/scss/_modules.scss */
#g-showcase a {
  color: #fff;
}
/* line 29, templates/g5_hydrogen/custom/scss/_modules.scss */
#g-showcase a:hover {
  color: #b8cbd5;
}
/* line 33, templates/g5_hydrogen/custom/scss/_modules.scss */
#g-navigation {
  background: #667d91;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 2;
  font-size: 1.45rem;
  line-height: 2rem;
  font-weight: 300;
  text-transform: none;
  font-family: pragmatica, sans-serif;
  font-style: normal;
}
/* line 47, templates/g5_hydrogen/custom/scss/_modules.scss */
.op-bold {
  font-weight: 700;
  margin-top: 0.5rem;
}
/* import breakpoints */
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 12, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 9, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 1, templates/g5_hydrogen/scss/mixins/_nav.scss */
/* Values below are the default breakpoints
 but these values are user definable in style settings in the template
 so that is why the code below uses mixins to get the actual values from the template */
/* LARGE DESKTOP
 /* 75rem / 1200px and above*/
@media only all and (min-width: 75rem) {
}
/* DESKTOP & LARGE TABLET
 /* 60rem to 74.938rem / 960px to 1199px */
@media only all and (min-width: 60rem) and (max-width: 74.938rem) {
}
/* TABLET */
/* 48rem to 59.938rem / 768px to 959px */
@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
}
/* LARGE MOBILE */
/* 30rem to 47.938rem / 480px to 767px */
@media only all and (min-width: 30.062rem) and (max-width: 47.938rem) {
}
/* SMALL MOBILE */
/* 30rem / 480px and below */
@media only all and (max-width: 30rem) {
}
@media (min-width: 700px) and (max-width: 850px) {
  /* line 93, templates/g5_hydrogen/custom/scss/_modules.scss */
  #g-navigation {
    font-size: 1.3rem;
    line-height: 1.8rem;
  }
}
@media (max-width: 698px) {
  /* line 101, templates/g5_hydrogen/custom/scss/_modules.scss */
  #g-navigation {
    font-size: 1.3rem;
    line-height: 1.8rem;
  }
}
/***************************
 ****************************
 NAME: _forms.scss
 SITE: Made up company
 DESCRIPTION: All form styles
 -------------------------------------
 AUTHOR: Charlotte Osborne
 DATE CREATED: 20/06/17
 LAST MODIFIED DATE:
 LAST MODIFIED BY:
 ****************************
 ***************************/
/* import breakpoints */
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 12, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 9, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 1, templates/g5_hydrogen/scss/mixins/_nav.scss */
/* Values below are the default breakpoints
 but these values are user definable in style settings in the template
 so that is why the code below uses mixins to get the actual values from the template */
/* LARGE DESKTOP
 /* 75rem / 1200px and above*/
@media only all and (min-width: 75rem) {
}
/* DESKTOP & LARGE TABLET
 /* 60rem to 74.938rem / 960px to 1199px */
@media only all and (min-width: 60rem) and (max-width: 74.938rem) {
}
/* TABLET */
/* 48rem to 59.938rem / 768px to 959px */
@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
}
/* LARGE MOBILE */
/* 30rem to 47.938rem / 480px to 767px */
@media only all and (min-width: 30.062rem) and (max-width: 47.938rem) {
}
/* SMALL MOBILE */
/* 30rem / 480px and below */
@media only all and (max-width: 30rem) {
}
/*# sourceMappingURL=custom_10.css.map */