/* 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: Rio
 DESCRIPTION: All imported style sheets
 -------------------------------------
 AUTHOR: Charlotte Osborne
 DATE CREATED: 29/06/17
 LAST MODIFIED DATE: 
 LAST MODIFIED BY: 
 ****************************
 ***************************/
/* 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 */
@font-face {
  font-family: "antero";
  font-style: normal;
  font-weight: 400;
  src: url('../custom/fonts/antero/antero-font/antero-webfont.eot#iefix') format("embedded-opentype"), url('../fonts/antero/antero-font/antero-webfont.woff2?638873dc') format("woff2"), url('../fonts/antero/antero-font/antero-webfont.woff?638873dc') format("woff"), url('../fonts/antero/antero-font/antero-webfont.ttf?638873dc') format("truetype"), url('../fonts/antero/antero-font/antero-webfont.svg?638873dc#antero') format("svg");
}
@font-face {
  font-family: "naonweh";
  font-style: normal;
  font-weight: 400;
  src: url('../custom/fonts/naonweh/naonweh-serif/naonweh_serif-webfont.eot#iefix') format("embedded-opentype"), url('../fonts/naonweh/naonweh-serif/naonweh_serif-webfont.woff2?638873dc') format("woff2"), url('../fonts/naonweh/naonweh-serif/naonweh_serif-webfont.woff?638873dc') format("woff"), url('../fonts/naonweh/naonweh-serif/naonweh_serif-webfont.ttf?638873dc') format("truetype"), url('../fonts/naonweh/naonweh-serif/naonweh_serif-webfont.svg?638873dc#naonweh') format("svg");
}
@font-face {
  font-family: "tradegothic";
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/tradegothic/tradegothic-bold/tradegothic-bold-webfont.eot?638873dc#iefix') format("embedded-opentype"), url('../custom/fonts/tradegothic/tradegothic-bold/tradegothic-bold-webfont.woff2') format("woff2"), url('../fonts/tradegothic/tradegothic-bold/tradegothic-bold-webfont.woff?638873dc') format("woff"), url('../fonts/tradegothic/tradegothic-bold/tradegothic-bold-webfont.ttf?638873dc') format("truetype"), url('../fonts/tradegothic/tradegothic-bold/tradegothic-bold-webfont.svg?638873dc#tradegothic') format("svg");
}
/***************************
 ****************************
 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:
 ****************************
 ***************************/
/* line 18, templates/g5_hydrogen/custom/scss/_reset.scss */
#g-showcase {
  background-color: transparent;
  color: #000;
}
/* line 23, templates/g5_hydrogen/custom/scss/_reset.scss */
#g-showcase h1, #g-showcase h2, #g-showcase h3, #g-showcase h4, #g-showcase h5, #g-showcase h6, #g-showcase strong {
  color: inherit;
}
/* line 27, templates/g5_hydrogen/custom/scss/_reset.scss */
#g-main, #g-subfeature, #g-bottom, #g-footer {
  background: #fff;
  color: inherit;
  border-top: none;
  border-bottom: none;
}
/* line 37, templates/g5_hydrogen/custom/scss/_reset.scss */
#g-feature {
  padding: 0;
}
/* line 42, templates/g5_hydrogen/custom/scss/_reset.scss */
#g-page-surround {
  background: transparent;
  box-shadow: none;
}
/* line 48, templates/g5_hydrogen/custom/scss/_reset.scss */
/* line 49, templates/g5_hydrogen/custom/scss/_reset.scss */
#g-navigation .g-main-nav .g-toplevel li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-navigation .g-main-nav .g-toplevel li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected {
  background: transparent;
}
/* line 55, templates/g5_hydrogen/custom/scss/_reset.scss */
.g-offcanvas-toggle {
  color: inherit;
}
/* line 59, templates/g5_hydrogen/custom/scss/_reset.scss */
#g-offcanvas {
  background: #fff;
  color: inherit;
}
/* line 62, templates/g5_hydrogen/custom/scss/_reset.scss */
#g-offcanvas #g-mobilemenu-container ul {
  background: transparent;
}
/* line 64, templates/g5_hydrogen/custom/scss/_reset.scss */
#g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container {
  color: inherit;
}
/* line 67, templates/g5_hydrogen/custom/scss/_reset.scss */
#g-offcanvas #g-mobilemenu-container ul li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-offcanvas #g-mobilemenu-container ul li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: transparent;
}
/* line 70, templates/g5_hydrogen/custom/scss/_reset.scss */
#g-offcanvas #g-mobilemenu-container ul li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container, #g-offcanvas #g-mobilemenu-container ul li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container {
  color: inherit;
}
/* line 77, templates/g5_hydrogen/custom/scss/_reset.scss */
.row-fluid [class*="span"] {
  min-height: 0;
}
/* line 84, templates/g5_hydrogen/custom/scss/_reset.scss */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  border: none;
  box-shadow: none;
}
/***************************
 ****************************
 NAME: _layout.scss
 SITE: Made up company
 DESCRIPTION: Amendments to the template & template sections
 -------------------------------------
 AUTHOR: Charlotte Osborne
 DATE CREATED: 20/06/17
 LAST MODIFIED DATE:
 LAST MODIFIED BY:
 ****************************
 ***************************/
/* line 17, templates/g5_hydrogen/custom/scss/_layout.scss */
#g-page-surround {
  overflow: visible;
  background-color: white;
}
/* line 22, templates/g5_hydrogen/custom/scss/_layout.scss */
/* line 23, templates/g5_hydrogen/custom/scss/_layout.scss */
#home #g-main {
  padding: 0;
}
/* line 25, templates/g5_hydrogen/custom/scss/_layout.scss */
#home #g-main .g-content {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}
/* line 32, templates/g5_hydrogen/custom/scss/_layout.scss */
#home #g-feature {
  height: 0;
}
/* line 35, templates/g5_hydrogen/custom/scss/_layout.scss */
#home #g-subfeature {
  max-width: 1800px;
  margin: auto;
}
/* line 40, templates/g5_hydrogen/custom/scss/_layout.scss */
#home #g-bottom-left {
  height: 100%;
}
/* line 42, templates/g5_hydrogen/custom/scss/_layout.scss */
#home #g-bottom-left .g-content, #home #g-bottom-left .platform-content, #home #g-bottom-left .moduletable {
  height: 100%;
}
/* line 46, templates/g5_hydrogen/custom/scss/_layout.scss */
#home #g-bottom-right {
  height: 100%;
}
/* line 48, templates/g5_hydrogen/custom/scss/_layout.scss */
#home #g-bottom-right .g-grid, #home #g-bottom-right .g-block, #home #g-bottom-right .g-content, #home #g-bottom-right .platform-content, #home #g-bottom-right .moduletable {
  height: 100%;
}
/* Remove padding on sub-feature on Rio Family page*/
/* line 56, templates/g5_hydrogen/custom/scss/_layout.scss */
.itemid-119 #g-subfeature {
  padding: 0;
}
/* line 61, templates/g5_hydrogen/custom/scss/_layout.scss */
#g-container-main, #g-fullwidth {
  background: #fff;
}
/* line 66, templates/g5_hydrogen/custom/scss/_layout.scss */
#g-products {
  background: #fff;
  text-align: center;
}
/* line 74, templates/g5_hydrogen/custom/scss/_layout.scss */
#g-social {
  background: #fff;
}
/* line 77, templates/g5_hydrogen/custom/scss/_layout.scss */
/* line 78, templates/g5_hydrogen/custom/scss/_layout.scss */
#g-social #g-social-left .g-content {
  margin: 0;
}
/* line 83, templates/g5_hydrogen/custom/scss/_layout.scss */
/* line 84, templates/g5_hydrogen/custom/scss/_layout.scss */
#g-social #g-social-right .g-content {
  margin: 0;
}
/* line 91, templates/g5_hydrogen/custom/scss/_layout.scss */
#g-main {
  padding: 0;
}
/* line 93, templates/g5_hydrogen/custom/scss/_layout.scss */
#g-main .g-content {
  /*padding: 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) {
  /*Left align citrus product*/
  /* line 126, templates/g5_hydrogen/custom/scss/_layout.scss */
  #g-main {
    padding: 0;
  }
  /* line 128, templates/g5_hydrogen/custom/scss/_layout.scss */
  #g-main .g-content {
    margin: 0;
  }
  /* line 132, templates/g5_hydrogen/custom/scss/_layout.scss */
  #social #g-subfeature {
    background: #fff url('../../../../images/illustrations/purple_flower.png') no-repeat right 90px;
  }
  /* line 136, templates/g5_hydrogen/custom/scss/_layout.scss */
  .itemid-122 #g-products {
    text-align: left;
  }
  /* line 139, templates/g5_hydrogen/custom/scss/_layout.scss */
  /* line 140, templates/g5_hydrogen/custom/scss/_layout.scss */
  /* line 141, templates/g5_hydrogen/custom/scss/_layout.scss */
  #default #subfeature-a .g-content {
    margin-left: 0;
    padding-left: 0;
  }
}
/* DESKTOP & LARGE TABLET
 /* 60rem to 74.938rem / 960px to 1199px */
@media only all and (min-width: 60rem) and (max-width: 74.938rem) {
  /*Left align citrus product*/
  /* line 153, templates/g5_hydrogen/custom/scss/_layout.scss */
  .itemid-122 #g-products {
    text-align: left;
  }
  /* line 156, templates/g5_hydrogen/custom/scss/_layout.scss */
  /* line 157, templates/g5_hydrogen/custom/scss/_layout.scss */
  /* line 158, templates/g5_hydrogen/custom/scss/_layout.scss */
  #default #subfeature-a .g-content {
    margin-left: 0;
    padding-left: 0;
  }
}
/* TABLET & ABOVE */
/* min 48rem / 768px */
@media only all and (min-width: 48rem) {
  /*side bar on contact us & where to buy retailer page*/
  /*side bar on FAQ & Where to buy page*/
  /* line 172, templates/g5_hydrogen/custom/scss/_layout.scss */
  #g-sidebar {
    padding: 0;
    position: relative;
  }
  /* line 175, templates/g5_hydrogen/custom/scss/_layout.scss */
  #g-sidebar .g-content {
    padding-bottom: 0;
    margin-bottom: 0;
    padding-right: 0;
    margin-right: 0;
  }
  /* line 183, templates/g5_hydrogen/custom/scss/_layout.scss */
  /* line 184, templates/g5_hydrogen/custom/scss/_layout.scss */
  #social #g-main .g-content {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  /* line 188, templates/g5_hydrogen/custom/scss/_layout.scss */
  #social #g-sidebar {
    height: 100%;
  }
  /* line 190, templates/g5_hydrogen/custom/scss/_layout.scss */
  #social #g-sidebar .g-grid, #social #g-sidebar .g-content, #social #g-sidebar .platform-content, #social #g-sidebar .moduletable {
    height: 100%;
  }
  /* line 193, templates/g5_hydrogen/custom/scss/_layout.scss */
  #social #g-sidebar .platform-content {
    position: relative;
  }
  /* line 198, templates/g5_hydrogen/custom/scss/_layout.scss */
  /* line 200, templates/g5_hydrogen/custom/scss/_layout.scss */
  /* line 201, templates/g5_hydrogen/custom/scss/_layout.scss */
  .itemid-126 #g-sidebar .platform-content:first-of-type, .itemid-128 #g-sidebar .platform-content:first-of-type {
    height: 21rem;
  }
  /* line 207, templates/g5_hydrogen/custom/scss/_layout.scss */
  /* line 209, templates/g5_hydrogen/custom/scss/_layout.scss */
  .itemid-125 #g-sidebar .g-content, .itemid-126 #g-sidebar .g-content {
    padding: 0;
    margin: 0;
  }
}
/* TABLET */
/* 48rem to 59.938rem / 768px to 959px */
@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
  /*products stacked*/
  /*side bar on FAQ & Where to buy page*/
  /* side bar on sunnyside blog */
  /* line 220, templates/g5_hydrogen/custom/scss/_layout.scss */
  /* line 221, templates/g5_hydrogen/custom/scss/_layout.scss */
  #g-bottom > .g-grid > .g-block.size-50 {
    width: 100%;
    flex: 0 100%;
  }
  /* line 227, templates/g5_hydrogen/custom/scss/_layout.scss */
  #social #g-social > .g-container > .g-grid > .g-block.size-50 {
    width: 100%;
    flex: 0 100%;
  }
  /* line 233, templates/g5_hydrogen/custom/scss/_layout.scss */
  /* line 234, templates/g5_hydrogen/custom/scss/_layout.scss */
  /* line 235, templates/g5_hydrogen/custom/scss/_layout.scss */
  #product #g-products .g-container > .g-grid > .g-block {
    width: 100%;
    flex: 0 100%;
  }
  /* line 241, templates/g5_hydrogen/custom/scss/_layout.scss */
  #default #bottom-a .g-content {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  /* line 245, templates/g5_hydrogen/custom/scss/_layout.scss */
  #home #g-subfeature {
    display: none;
  }
  /* line 250, templates/g5_hydrogen/custom/scss/_layout.scss */
  /* line 252, templates/g5_hydrogen/custom/scss/_layout.scss */
  /* line 253, templates/g5_hydrogen/custom/scss/_layout.scss */
  .itemid-125 #g-container-main .g-block.size-70, .itemid-126 #g-container-main .g-block.size-70 {
    width: 100%;
    flex: 0 100%;
  }
  /* line 257, templates/g5_hydrogen/custom/scss/_layout.scss */
  .itemid-125 #g-container-main #g-sidebar, .itemid-126 #g-container-main #g-sidebar {
    display: none;
  }
  /* line 264, templates/g5_hydrogen/custom/scss/_layout.scss */
  /* line 265, templates/g5_hydrogen/custom/scss/_layout.scss */
  /* line 266, templates/g5_hydrogen/custom/scss/_layout.scss */
  .itemid-123 #g-container-main .g-block.size-75, .itemid-123 #g-container-main .g-block.size-25 {
    width: 100%;
    flex: 0 100%;
  }
  /* line 272, templates/g5_hydrogen/custom/scss/_layout.scss */
  .itemid-123 #g-sidebar .g-content {
    padding-right: 0.938rem;
    margin-right: 0.625rem;
  }
}
/* TABLET & BELOW
 /* up to 47.938 rem / 767px */
@media only all and (max-width: 47.938rem) {
}
/* LARGE MOBILE */
/* 30rem to 47.938rem / 480px to 767px */
@media only all and (min-width: 30.062rem) and (max-width: 47.938rem) {
  /* line 292, templates/g5_hydrogen/custom/scss/_layout.scss */
  #social #g-social > .g-container > .g-grid > .g-block.size-50 .g-block.size-50 {
    width: 50%;
    flex: 0 50%;
  }
}
/* SMALL MOBILE */
/* 30rem / 480px and below */
@media only all and (max-width: 30rem) {
}
/***************************
 ****************************
 NAME: _typography.scss
 SITE: Rio
 DESCRIPTION: All text styles (includes buttons)
 -------------------------------------
 AUTHOR: Charlotte Osborne
 DATE CREATED: 29/06/17
 LAST MODIFIED DATE:
 LAST MODIFIED BY:
 ****************************
 ***************************/
/* line 18, templates/g5_hydrogen/custom/scss/_typography.scss */
body {
  font-size: 1.3rem;
  color: #37227c;
}
/* line 24, templates/g5_hydrogen/custom/scss/_typography.scss */
p, li, a, input, label, select, textarea {
  letter-spacing: -0.5px;
  line-height: normal;
}
/* line 29, templates/g5_hydrogen/custom/scss/_typography.scss */
h1, h2, h3, h4, h5, h6 {
  color: #37227c;
  font-family: "naonweh";
}
/* line 34, templates/g5_hydrogen/custom/scss/_typography.scss */
h1 {
  font-size: 3.25rem;
  line-height: 3.25rem;
}
/* line 39, templates/g5_hydrogen/custom/scss/_typography.scss */
h2 {
  font-size: 2.5rem;
  line-height: 2.5rem;
}
/* line 44, templates/g5_hydrogen/custom/scss/_typography.scss */
h3.g-title {
  font-size: 2.25rem;
}
/* line 48, templates/g5_hydrogen/custom/scss/_typography.scss */
h3.uk-panel-title {
  color: #37227c !important;
  font-size: 2rem;
  line-height: 2rem;
}
/* line 54, templates/g5_hydrogen/custom/scss/_typography.scss */
.uk-panel-box {
  color: #37227c !important;
}
/* line 59, templates/g5_hydrogen/custom/scss/_typography.scss */
p.callout {
  font-family: "antero";
  font-weight: 400;
  font-size: 2.5rem;
  letter-spacing: 0;
  line-height: 3.1rem;
  color: #f7a800;
}
/* line 68, templates/g5_hydrogen/custom/scss/_typography.scss */
#home p.callout {
  text-align: center;
  font-size: 3rem;
  color: #37227c;
  line-height: 3.6rem;
}
/* line 75, templates/g5_hydrogen/custom/scss/_typography.scss */
.big {
  font-size: 1.9rem;
  letter-spacing: -1px;
  line-height: normal;
}
/* line 81, templates/g5_hydrogen/custom/scss/_typography.scss */
.really-big {
  font-size: 3rem;
  letter-spacing: -1px;
  line-height: normal;
}
/* line 87, templates/g5_hydrogen/custom/scss/_typography.scss */
a {
  color: #37227c;
  text-decoration: underline;
}
/* line 90, templates/g5_hydrogen/custom/scss/_typography.scss */
a:hover {
  color: #f7a800;
}
/* line 93, templates/g5_hydrogen/custom/scss/_typography.scss */
.purple {
  color: #37227c;
}
/* line 96, templates/g5_hydrogen/custom/scss/_typography.scss */
.yellow {
  color: #f7a800;
}
/* line 99, templates/g5_hydrogen/custom/scss/_typography.scss */
.blue {
  color: #00a8e1;
}
/* line 102, templates/g5_hydrogen/custom/scss/_typography.scss */
.green {
  color: #47a141;
}
/* line 106, templates/g5_hydrogen/custom/scss/_typography.scss */
.center_me {
  text-align: center;
}
/* line 108, templates/g5_hydrogen/custom/scss/_typography.scss */
/* line 109, templates/g5_hydrogen/custom/scss/_typography.scss */
.center_me #g-main h1, .center_me #g-main p.big, .center_me #g-main p {
  text-align: center;
}
/* line 113, templates/g5_hydrogen/custom/scss/_typography.scss */
.center_me #subfeature-b {
  text-align: left;
}
/* line 118, templates/g5_hydrogen/custom/scss/_typography.scss */
#home #g-main {
  text-align: center;
}
/* line 122, templates/g5_hydrogen/custom/scss/_typography.scss */
hr {
  margin: 3rem 0;
  border-bottom: 2px solid rgba(55, 34, 124, 0.4);
}
/* line 127, templates/g5_hydrogen/custom/scss/_typography.scss */
p i {
  margin-right: 0.5rem;
  color: #37227c;
}
/* line 132, templates/g5_hydrogen/custom/scss/_typography.scss */
.disclaimer {
  font-style: italic;
  font-size: 1rem;
}
/* line 137, templates/g5_hydrogen/custom/scss/_typography.scss */
.copyright {
  letter-spacing: -1px;
}
/* BUTTONS ----------------------------- */
/* line 144, templates/g5_hydrogen/custom/scss/_typography.scss */
#home #g-main a.primary_button {
  font-size: 3rem;
  line-height: 3rem;
}
/* line 152, templates/g5_hydrogen/custom/scss/_typography.scss */
a.primary_button, input.primary_button, a.secondary_button {
  background-color: #f7a800;
  color: #fff !important;
  text-decoration: none;
  border-radius: 10px;
  padding: 0.6rem 1.2rem;
  border: 2px solid #f7a800;
  text-align: center;
  display: inline-block;
  transition: all 0.2s ease-in-out;
}
/* line 164, templates/g5_hydrogen/custom/scss/_typography.scss */
a.primary_button:hover, input.primary_button:hover, a.secondary_button:hover {
  transform: scale(1.1);
  background-color: #37227c;
  border: 2px solid #37227c;
}
/* line 173, templates/g5_hydrogen/custom/scss/_typography.scss */
a.primary_button, input.primary_button {
  font-family: "naonweh";
  font-size: 1.8rem;
  line-height: 1.8rem;
  letter-spacing: normal;
}
/* line 182, templates/g5_hydrogen/custom/scss/_typography.scss */
a.secondary_button {
  font-size: 1.4rem;
  line-height: 1.8rem;
}
/* line 187, templates/g5_hydrogen/custom/scss/_typography.scss */
a.border_button {
  border: 2px solid #f7a800;
  color: #f7a800 !important;
  font-family: "naonweh";
  font-size: 1.8rem;
  text-decoration: none;
  border-radius: 10px;
  padding: 0.6rem 1.2rem 0.8rem;
  letter-spacing: normal;
  text-align: center;
  line-height: 1.8rem;
  display: inline-block;
  transition: all 0.2s ease-in-out;
}
/* line 200, templates/g5_hydrogen/custom/scss/_typography.scss */
a.border_button:hover {
  transform: scale(1.1);
}
/* line 205, templates/g5_hydrogen/custom/scss/_typography.scss */
a.primary_button.purple, input.primary_button, a.secondary_button.purple {
  background-color: #37227c;
  border: 2px solid #37227c;
}
/* line 208, templates/g5_hydrogen/custom/scss/_typography.scss */
a.primary_button.blue, a.secondary_button.blue {
  background-color: #00a8e1;
  border: 2px solid #00a8e1;
}
/* line 210, templates/g5_hydrogen/custom/scss/_typography.scss */
a.primary_button.green, a.secondary_button.green {
  background-color: #47a141;
  border: 2px solid #47a141;
}
/* line 213, templates/g5_hydrogen/custom/scss/_typography.scss */
a.border_button.purple {
  border: 2px solid #37227c;
  color: #37227c !important;
}
/* line 217, templates/g5_hydrogen/custom/scss/_typography.scss */
a.border_button.blue {
  border: 2px solid #00a8e1;
  color: #00a8e1 !important;
}
/* line 221, templates/g5_hydrogen/custom/scss/_typography.scss */
a.border_button.green {
  border: 2px solid #47a141;
  color: #47a141 !important;
}
/* line 227, templates/g5_hydrogen/custom/scss/_typography.scss */
#home .buy_button {
  /*width: 100%;*/
}
/* line 230, templates/g5_hydrogen/custom/scss/_typography.scss */
.buy_button {
  position: relative;
  width: 60%;
  margin: auto;
}
/* line 234, templates/g5_hydrogen/custom/scss/_typography.scss */
.buy_button .dropdown_button {
  background-color: #f7a800;
  color: #fff !important;
  text-decoration: none;
  border-radius: 10px;
  padding: 0.5rem 2.9rem 0.5rem 0;
  letter-spacing: normal;
  text-align: center;
  position: absolute;
  width: 100%;
  left: 0;
  font-family: "naonweh";
  font-size: 1.7rem;
  line-height: 1.7rem;
}
/* line 248, templates/g5_hydrogen/custom/scss/_typography.scss */
.buy_button .dropdown_button:after {
  content: "\f107";
  font-family: FontAwesome;
  font-size: 2rem;
  border-left: 2px solid #fff;
  padding: 10px;
  position: absolute;
  height: 100%;
  top: 0;
  right: 3px;
}
/* line 259, templates/g5_hydrogen/custom/scss/_typography.scss */
.buy_button .dropdown_button:hover {
  background-color: #37227c;
  text-decoration: none;
}
/* line 265, templates/g5_hydrogen/custom/scss/_typography.scss */
.buy_button ul.dropdown {
  list-style: none;
  margin: 0;
  border: 1px solid #37227c;
  width: 100%;
  text-align: left;
  position: absolute;
  top: 50px;
  left: 0;
  margin-top: 4px;
  background: #fff;
  border-radius: 6px;
  z-index: 1;
  /* Pointy bit! */
  /* end pointy bit*/
}
/* line 279, templates/g5_hydrogen/custom/scss/_typography.scss */
.buy_button ul.dropdown:before {
  border: inset 6px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent #fff transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -12px;
  left: 10px;
  z-index: 89;
}
/* line 292, templates/g5_hydrogen/custom/scss/_typography.scss */
.buy_button ul.dropdown:after {
  border: inset 7px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent #37227c transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -14px;
  left: 9px;
  z-index: 88;
}
/* line 307, templates/g5_hydrogen/custom/scss/_typography.scss */
.buy_button ul.dropdown li a {
  padding: 0.8rem 0.5rem;
  text-decoration: none;
  display: block;
  font-family: "tradegothic";
  font-size: 1.2rem;
  margin-bottom: 0;
}
/* line 319, templates/g5_hydrogen/custom/scss/_typography.scss */
.dropdown_button.purple {
  background-color: #37227c;
}
/* line 321, templates/g5_hydrogen/custom/scss/_typography.scss */
.dropdown_button.purple:hover {
  background-color: #f7a800;
}
/* line 325, templates/g5_hydrogen/custom/scss/_typography.scss */
.dropdown_button.blue {
  background-color: #00a8e1;
}
/* line 327, templates/g5_hydrogen/custom/scss/_typography.scss */
.dropdown_button.blue:hover {
  background-color: #f7a800;
}
/* LISTS */
/* line 337, templates/g5_hydrogen/custom/scss/_typography.scss */
ul.faq-questions {
  margin: 0;
  list-style: none;
}
/* line 340, templates/g5_hydrogen/custom/scss/_typography.scss */
ul.faq-questions li {
  margin: 1rem 0;
}
/* line 342, templates/g5_hydrogen/custom/scss/_typography.scss */
ul.faq-questions li img {
  margin-right: 1rem;
}
/* ZOO */
/* line 351, templates/g5_hydrogen/custom/scss/_typography.scss */
/* line 352, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default h1 {
  font-size: 3.25rem;
  line-height: 3.25rem;
}
/* line 357, templates/g5_hydrogen/custom/scss/_typography.scss */
/* line 358, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .details div.heading {
  padding-bottom: 0;
  border-bottom: none;
}
/* line 362, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .details h1.title {
  font-size: 3.25rem;
  line-height: 3.25rem;
  color: #37227c;
  font-family: "naonweh";
}
/* line 370, templates/g5_hydrogen/custom/scss/_typography.scss */
/* line 371, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .items .width50, #yoo-zoo.blog-default .items .width100 {
  width: 49%;
}
/* line 373, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .items .width50.first {
  margin-right: 2%;
}
/* line 376, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .items div.teaser-item {
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  margin-bottom: 20px;
  padding: 20px;
}
/* line 381, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .items div.teaser-item div.teaser-item-bg {
  padding: 0;
  background: none;
}
/* line 386, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .items h1.pos-title a {
  font-family: "naonweh";
  color: #37227c;
  font-size: 2.25rem;
  line-height: 2.6rem;
}
/* line 391, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .items h1.pos-title a:hover {
  color: #f7a800;
}
/* line 396, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .items p.pos-meta {
  font-size: 0.9rem;
}
/* line 400, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .items .pos-content p {
  font-family: arial, sans-serif;
  font-size: 1.25rem;
}
/* line 405, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .items p.pos-links a {
  background-color: #f7a800;
  color: #fff;
  text-decoration: none;
  border-radius: 6px;
  padding: 0.4rem 1rem;
  text-align: center;
  display: inline-block;
  transition: all 0.2s ease-in-out;
  font-size: 1.1rem;
}
/* line 415, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .items p.pos-links a:after {
  display: none;
}
/* line 416, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .items p.pos-links a:hover {
  background-color: #37227c;
}
/* line 419, templates/g5_hydrogen/custom/scss/_typography.scss */
/* line 420, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .item h1.pos-title {
  font-family: "naonweh";
  color: #37227c;
  font-size: 3.25rem;
}
/* line 425, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .item h2 {
  font-size: 2.5rem;
  line-height: 2.5rem;
  margin-bottom: 1rem;
}
/* line 430, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .item p.pos-meta {
  font-size: 0.9rem;
}
/* line 434, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .item h2.pos-subtitle {
  font-family: "antero";
  text-transform: none;
  font-size: 2.1rem;
  color: #f7a800;
  margin-top: 2rem;
}
/* line 440, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .item h2.pos-subtitle p {
  line-height: 3.1rem;
}
/* line 444, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .item h3 {
  font-family: "tradegothic";
  font-size: 2rem;
  color: #37227c;
  line-height: normal;
  margin-bottom: 1rem;
}
/* line 451, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .item div.pos-media .element {
  margin-bottom: 1rem;
}
/* line 453, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .item div.pos-media .element img {
  width: 100%;
}
/* line 455, templates/g5_hydrogen/custom/scss/_typography.scss */
/* line 456, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .item .pos-content p {
  font-family: arial, sans-serif;
  letter-spacing: 0;
  font-size: 1.1rem;
}
/* line 461, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .item .pos-content a {
  text-decoration: underline;
}
/* line 463, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .item .pos-content a:hover {
  color: #f7a800;
}
/* line 465, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .item .pos-content strong {
  font-family: "tradegothic";
  color: #37227c;
  font-size: 1.25rem;
}
/* line 471, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .item .shareaholic-canvas {
  margin-bottom: 1rem;
}
/* line 472, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .item .shareaholic-share-buttons-container ul.shareaholic-share-buttons {
  margin: 0 !important;
}
/* line 476, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .item .share {
  margin-top: 3rem;
}
/* line 478, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo.blog-default .item .share h2 {
  font-family: "antero";
  font-size: 2.1rem;
  color: #f7a800;
}
/* line 487, templates/g5_hydrogen/custom/scss/_typography.scss */
ul.zoo-list {
  margin-bottom: 4rem;
}
/* line 489, templates/g5_hydrogen/custom/scss/_typography.scss */
ul.zoo-list li.current.active a {
  text-decoration: none;
  color: #f7a800;
}
/* line 495, templates/g5_hydrogen/custom/scss/_typography.scss */
/* line 496, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo .item .element-textarea img.pull-left {
  margin: 0 1.5rem 1rem 0;
}
/* line 497, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo .item .element-textarea img.pull-right {
  margin: 0 0 1rem 1.5rem;
}
/*pagination*/
/* line 502, templates/g5_hydrogen/custom/scss/_typography.scss */
/* line 503, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo .zoo-pagination div.pagination-bg {
  color: transparent;
}
/* line 505, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo .zoo-pagination div.pagination-bg span, #yoo-zoo .zoo-pagination div.pagination-bg a {
  height: 30px;
  width: 30px;
  display: inline-block;
  border-radius: 100px;
  line-height: 1.6rem;
  font-size: 1rem;
  border: 2px solid #37227c;
}
/* line 514, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo .zoo-pagination div.pagination-bg span {
  color: #37227c;
}
/* line 517, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo .zoo-pagination div.pagination-bg a {
  color: #fff;
  background-color: #37227c;
}
/* line 520, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo .zoo-pagination div.pagination-bg a:hover {
  background-color: #f7a800;
  border-color: #f7a800;
}
/* line 521, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo .zoo-pagination div.pagination-bg a.next, #yoo-zoo .zoo-pagination div.pagination-bg a.end {
  text-indent: 4px;
}
/* line 523, templates/g5_hydrogen/custom/scss/_typography.scss */
#yoo-zoo .zoo-pagination div.pagination-bg a.previous, #yoo-zoo .zoo-pagination div.pagination-bg a.start {
  text-indent: -3px;
}
/* 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 547, templates/g5_hydrogen/custom/scss/_typography.scss */
  .buy_button {
    height: 70px;
  }
  /* line 549, templates/g5_hydrogen/custom/scss/_typography.scss */
  .buy_button a.dropdown_button {
    font-size: 1.2rem;
  }
}
/* TABLET */
/* 48rem to 59.938rem / 768px to 959px */
@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
  /*	a.primary_button,
   input.primary_button {
   padding: 1rem 1.2rem 0.4rem; 
   }*/
  /* line 558, templates/g5_hydrogen/custom/scss/_typography.scss */
  .buy_button {
    width: 45%;
  }
}
/* TABLET & ABOVE */
/* min 48rem / 768px */
@media only all and (min-width: 48rem) {
  /* line 570, templates/g5_hydrogen/custom/scss/_typography.scss */
  a[class*="button"] + a[class*="button"] {
    margin-left: 2rem;
  }
}
/* TABLET & BELOW
 /* up to 47.938 rem / 767px */
@media only all and (max-width: 47.938rem) {
  /*a.primary_button,
   input.primary_button {
   padding: 1rem 1.2rem 0.4rem; 
   }*/
  /* line 578, templates/g5_hydrogen/custom/scss/_typography.scss */
  .buy_button {
    width: 80%;
  }
  /* line 581, templates/g5_hydrogen/custom/scss/_typography.scss */
  ul.faq-questions li img {
    max-width: 30%;
  }
  /* line 590, templates/g5_hydrogen/custom/scss/_typography.scss */
  #yoo-zoo.blog-default .items .width50 {
    width: 100%;
  }
  /* line 592, templates/g5_hydrogen/custom/scss/_typography.scss */
  #yoo-zoo.blog-default .items .width50.first {
    margin-right: 0;
  }
}
/* 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: _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:
 ****************************
 ***************************/
/* line 19, templates/g5_hydrogen/custom/scss/_menus.scss */
/* line 20, templates/g5_hydrogen/custom/scss/_menus.scss */
/* line 21, templates/g5_hydrogen/custom/scss/_menus.scss */
#home #g-navigation .g-main-nav .g-toplevel {
  display: block;
  text-align: left;
  margin: auto;
}
/* line 25, templates/g5_hydrogen/custom/scss/_menus.scss */
#home #g-navigation .g-main-nav .g-toplevel > li {
  transition: all 0.2s ease-in-out;
}
/* line 28, templates/g5_hydrogen/custom/scss/_menus.scss */
#home #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  padding: 1.2rem 3rem;
}
/* line 31, templates/g5_hydrogen/custom/scss/_menus.scss */
#home #g-navigation .g-main-nav .g-toplevel > li:last-of-type {
  float: right;
  margin-right: 4%;
}
/* line 39, templates/g5_hydrogen/custom/scss/_menus.scss */
/* line 40, templates/g5_hydrogen/custom/scss/_menus.scss */
/* line 41, templates/g5_hydrogen/custom/scss/_menus.scss */
#default #g-navigation .g-content, #product #g-navigation .g-content, #social #g-navigation .g-content {
  margin-bottom: 0;
  padding-bottom: 0;
}
/* line 45, templates/g5_hydrogen/custom/scss/_menus.scss */
#default #g-navigation .g-main-nav .g-toplevel, #product #g-navigation .g-main-nav .g-toplevel, #social #g-navigation .g-main-nav .g-toplevel {
  display: block;
  margin: auto;
  margin-top: 2rem;
}
/* line 49, templates/g5_hydrogen/custom/scss/_menus.scss */
#default #g-navigation .g-main-nav .g-toplevel > li, #product #g-navigation .g-main-nav .g-toplevel > li, #social #g-navigation .g-main-nav .g-toplevel > li {
  transition: all 0.2s ease-in-out;
}
/* line 52, templates/g5_hydrogen/custom/scss/_menus.scss */
#default #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, #product #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, #social #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  padding: 1.2rem 2.3rem;
}
/* line 61, templates/g5_hydrogen/custom/scss/_menus.scss */
/* line 62, templates/g5_hydrogen/custom/scss/_menus.scss */
#home #g-navigation {
  background-color: #37227c;
  color: #fff;
}
/* line 65, templates/g5_hydrogen/custom/scss/_menus.scss */
/* line 66, templates/g5_hydrogen/custom/scss/_menus.scss */
#home #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: #fff;
}
/* line 68, templates/g5_hydrogen/custom/scss/_menus.scss */
#home #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container span.g-menu-item-title {
  font-family: "naonweh";
  font-size: 1.9rem;
}
/* line 73, templates/g5_hydrogen/custom/scss/_menus.scss */
#home #g-navigation .g-main-nav .g-toplevel > li:last-of-type > .g-menu-item-container {
  color: #f7a800;
}
/* line 80, templates/g5_hydrogen/custom/scss/_menus.scss */
/* line 81, templates/g5_hydrogen/custom/scss/_menus.scss */
#default #g-navigation, #product #g-navigation, #social #g-navigation {
  background-color: #fff;
  color: #37227c;
}
/* line 84, templates/g5_hydrogen/custom/scss/_menus.scss */
/* line 85, templates/g5_hydrogen/custom/scss/_menus.scss */
#default #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, #product #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, #social #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: #37227c;
}
/* line 87, templates/g5_hydrogen/custom/scss/_menus.scss */
#default #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container span.g-menu-item-title, #product #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container span.g-menu-item-title, #social #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container span.g-menu-item-title {
  font-family: "naonweh";
  font-size: 1.9rem;
}
/* line 92, templates/g5_hydrogen/custom/scss/_menus.scss */
#default #g-navigation .g-main-nav .g-toplevel > li:last-of-type > .g-menu-item-container, #product #g-navigation .g-main-nav .g-toplevel > li:last-of-type > .g-menu-item-container, #social #g-navigation .g-main-nav .g-toplevel > li:last-of-type > .g-menu-item-container {
  color: #f7a800;
}
/* hover state */
/* line 101, templates/g5_hydrogen/custom/scss/_menus.scss */
#g-navigation .g-main-nav .g-toplevel li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):not(.active) > .g-menu-item-container span.g-menu-item-title:hover {
  text-decoration: underline;
}
/* active state */
/* line 107, templates/g5_hydrogen/custom/scss/_menus.scss */
/* line 108, templates/g5_hydrogen/custom/scss/_menus.scss */
/* line 109, templates/g5_hydrogen/custom/scss/_menus.scss */
/* line 110, templates/g5_hydrogen/custom/scss/_menus.scss */
#default #g-navigation .g-main-nav .g-toplevel > li.active .g-menu-item-container span.g-menu-item-title:before, #product #g-navigation .g-main-nav .g-toplevel > li.active .g-menu-item-container span.g-menu-item-title:before, #social #g-navigation .g-main-nav .g-toplevel > li.active .g-menu-item-container span.g-menu-item-title:before {
  content: url('../../../../images/icons/splash_1.png');
  position: absolute;
  left: -3px;
  bottom: -25px;
}
/* line 116, templates/g5_hydrogen/custom/scss/_menus.scss */
#default #g-navigation .g-main-nav .g-toplevel > li.active .g-menu-item-container span.g-menu-item-title:after, #product #g-navigation .g-main-nav .g-toplevel > li.active .g-menu-item-container span.g-menu-item-title:after, #social #g-navigation .g-main-nav .g-toplevel > li.active .g-menu-item-container span.g-menu-item-title:after {
  content: url('../../../../images/icons/splash_2.png');
  position: absolute;
  right: -2px;
  bottom: -13px;
}
/*layout*/
/* line 131, templates/g5_hydrogen/custom/scss/_menus.scss */
/* line 132, templates/g5_hydrogen/custom/scss/_menus.scss */
#g-scroll .g-content {
  padding-top: 0;
  padding-bottom: 0;
}
/* line 136, templates/g5_hydrogen/custom/scss/_menus.scss */
/* line 137, templates/g5_hydrogen/custom/scss/_menus.scss */
#g-scroll .logo img {
  height: 65px;
}
/* line 139, templates/g5_hydrogen/custom/scss/_menus.scss */
#g-scroll .g-main-nav .g-toplevel {
  display: block;
  margin: auto;
}
/* line 142, templates/g5_hydrogen/custom/scss/_menus.scss */
#g-scroll .g-main-nav .g-toplevel > li > .g-menu-item-container {
  padding: 0.7rem 2.7rem;
}
/*style */
/* line 150, templates/g5_hydrogen/custom/scss/_menus.scss */
#g-scroll {
  background-color: #37227c;
  color: #fff;
  text-align: center;
  width: 100%;
  position: fixed;
  top: -500px;
  z-index: 99;
  -webkit-transition: top 1s ease-in-out;
  -moz-transition: top 1s ease-in-out;
  -o-transition: top 1s ease-in-out;
  transition: top 1s ease-in-out;
}
/* line 162, templates/g5_hydrogen/custom/scss/_menus.scss */
/* line 163, templates/g5_hydrogen/custom/scss/_menus.scss */
#g-scroll .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: #fff;
}
/* line 165, templates/g5_hydrogen/custom/scss/_menus.scss */
#g-scroll .g-main-nav .g-toplevel > li > .g-menu-item-container span.g-menu-item-title {
  font-family: "naonweh";
  font-size: 1.7rem;
}
/* line 170, templates/g5_hydrogen/custom/scss/_menus.scss */
#g-scroll .g-main-nav .g-toplevel > li:last-of-type > .g-menu-item-container {
  color: #f7a800;
}
/* hover state */
/* line 178, templates/g5_hydrogen/custom/scss/_menus.scss */
#g-scroll .g-main-nav .g-toplevel li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):not(.active) > .g-menu-item-container span.g-menu-item-title:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 65rem) {
  /* line 184, templates/g5_hydrogen/custom/scss/_menus.scss */
  #g-scroll.menu-magic {
    top: 0px !important;
  }
}
/* line 192, templates/g5_hydrogen/custom/scss/_menus.scss */
.g-offcanvas-toggle {
  background-color: #37227c;
  padding: 0.4rem 0.1rem;
  border-radius: 6px;
}
/* line 196, templates/g5_hydrogen/custom/scss/_menus.scss */
.g-offcanvas-toggle i {
  color: #fff;
  font-size: 2.5rem;
}
/* line 202, templates/g5_hydrogen/custom/scss/_menus.scss */
#g-offcanvas {
  background-color: #37227c;
}
/* line 204, templates/g5_hydrogen/custom/scss/_menus.scss */
/* line 205, templates/g5_hydrogen/custom/scss/_menus.scss */
#g-offcanvas #g-mobilemenu-container ul {
  padding: 1rem 0;
}
/* line 207, templates/g5_hydrogen/custom/scss/_menus.scss */
/* line 208, templates/g5_hydrogen/custom/scss/_menus.scss */
#g-offcanvas #g-mobilemenu-container ul > li a {
  padding: 1rem 1.5rem;
}
/* line 210, templates/g5_hydrogen/custom/scss/_menus.scss */
#g-offcanvas #g-mobilemenu-container ul > li a .g-menu-item-title {
  color: #fff;
}
/* line 215, templates/g5_hydrogen/custom/scss/_menus.scss */
#g-offcanvas #g-mobilemenu-container ul > li.active a {
  background-color: #f7a800;
}
/* 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 */
/*BESPOKE MEDIA QUERIES FOR NAV TO WORK WITH SWINGING MONKEY*/
@media screen and (min-width: 1900px) {
  /* line 232, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 233, templates/g5_hydrogen/custom/scss/_menus.scss */
  #home #g-navigation .g-main-nav .g-toplevel {
    width: 90%;
  }
  /* line 235, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 236, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 237, templates/g5_hydrogen/custom/scss/_menus.scss */
  #default #g-navigation .g-grid, #product #g-navigation .g-grid, #social #g-navigation .g-grid {
    width: 90%;
    margin: auto;
  }
}
@media screen and (min-width: 1700px) and (max-width: 1899px) {
  /*#home {
   #g-navigation .g-main-nav .g-toplevel {width: 90%;}
   }*/
}
@media screen and (min-width: 1500px) and (max-width: 1599px) {
  /* line 251, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 252, templates/g5_hydrogen/custom/scss/_menus.scss */
  #home #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
    padding: 1.2rem 2.3rem;
  }
  /* line 256, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 257, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 258, templates/g5_hydrogen/custom/scss/_menus.scss */
  #default #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, #product #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, #social #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
    padding: 1.2rem 1.9rem;
  }
  /* line 264, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 265, templates/g5_hydrogen/custom/scss/_menus.scss */
  #g-scroll .g-main-nav .g-toplevel > li > .g-menu-item-container {
    padding: 0.7rem 2.4rem;
  }
}
@media screen and (min-width: 1367px) and (max-width: 1499px) {
  /* line 272, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 273, templates/g5_hydrogen/custom/scss/_menus.scss */
  #home #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
    padding: 1.2rem 1.7rem;
  }
  /* line 277, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 278, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 279, templates/g5_hydrogen/custom/scss/_menus.scss */
  #default #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, #product #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, #social #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
    padding: 1.2rem 1.7rem;
  }
  /* line 285, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 286, templates/g5_hydrogen/custom/scss/_menus.scss */
  #g-scroll .g-main-nav .g-toplevel > li > .g-menu-item-container {
    padding: 0.7rem 2.2rem;
  }
}
/* NOTE: Swinging monkey is hidden 1366px and below */
@media screen and (max-width: 1449px) {
  /* line 295, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 296, templates/g5_hydrogen/custom/scss/_menus.scss */
  #home #g-navigation .g-main-nav .g-toplevel > li:last-of-type {
    float: none;
  }
  /* line 301, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 302, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 303, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 304, templates/g5_hydrogen/custom/scss/_menus.scss */
  #default #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, #product #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, #social #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
    padding: 1.2rem 1.5rem;
  }
  /* line 306, templates/g5_hydrogen/custom/scss/_menus.scss */
  #default #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container span.g-menu-item-title, #product #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container span.g-menu-item-title, #social #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container span.g-menu-item-title {
    font-size: 1.7rem;
  }
  /* line 308, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 309, templates/g5_hydrogen/custom/scss/_menus.scss */
  #default #g-navigation .g-main-nav .g-toplevel li.active .g-menu-item-container span.g-menu-item-title:before, #product #g-navigation .g-main-nav .g-toplevel li.active .g-menu-item-container span.g-menu-item-title:before, #social #g-navigation .g-main-nav .g-toplevel li.active .g-menu-item-container span.g-menu-item-title:before {
    display: none;
  }
  /* line 312, templates/g5_hydrogen/custom/scss/_menus.scss */
  #default #g-navigation .g-main-nav .g-toplevel li.active .g-menu-item-container span.g-menu-item-title:after, #product #g-navigation .g-main-nav .g-toplevel li.active .g-menu-item-container span.g-menu-item-title:after, #social #g-navigation .g-main-nav .g-toplevel li.active .g-menu-item-container span.g-menu-item-title:after {
    right: -9px;
    bottom: -9px;
  }
  /* line 321, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 322, templates/g5_hydrogen/custom/scss/_menus.scss */
  #g-scroll .g-main-nav .g-toplevel > li > .g-menu-item-container {
    padding: 0.7rem 1.2rem;
  }
}
/****end bespoke media queries***/
/* LARGE DESKTOP
 /* 75rem / 1200px and above*/
@media only all and (min-width: 75rem) {
  /* line 336, templates/g5_hydrogen/custom/scss/_menus.scss */
  #g-navigation .logo {
    text-align: right;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1448px) {
  /* line 342, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 343, templates/g5_hydrogen/custom/scss/_menus.scss */
  #home #g-navigation .g-main-nav .g-toplevel {
    text-align: center;
  }
  /* line 345, templates/g5_hydrogen/custom/scss/_menus.scss */
  #home #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
    padding: 1.2rem 1.8rem;
  }
  /* line 347, templates/g5_hydrogen/custom/scss/_menus.scss */
  #home #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container span.g-menu-item-title {
    font-size: 1.8rem;
  }
  /* line 353, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 354, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 355, templates/g5_hydrogen/custom/scss/_menus.scss */
  #default #g-navigation .g-block.size-80, #product #g-navigation .g-block.size-80, #social #g-navigation .g-block.size-80 {
    width: 100%;
    flex: 0 100%;
    margin-bottom: 2rem;
  }
  /* line 360, templates/g5_hydrogen/custom/scss/_menus.scss */
  #default #g-navigation .logo, #product #g-navigation .logo, #social #g-navigation .logo {
    width: 100%;
    flex: 0 100%;
  }
  /* line 366, templates/g5_hydrogen/custom/scss/_menus.scss */
  #g-navigation .logo {
    text-align: center;
  }
}
/* DESKTOP & LARGE TABLET
 /* 60rem to 74.938rem / 960px to 1199px */
@media only all and (min-width: 60rem) and (max-width: 74.938rem) {
  /* line 374, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 375, templates/g5_hydrogen/custom/scss/_menus.scss */
  #home #g-navigation .g-main-nav .g-toplevel {
    text-align: center;
  }
  /* line 377, templates/g5_hydrogen/custom/scss/_menus.scss */
  #home #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
    padding: 1.2rem 1.3rem;
  }
  /* line 379, templates/g5_hydrogen/custom/scss/_menus.scss */
  #home #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container span.g-menu-item-title {
    font-size: 1.6rem;
  }
  /* line 386, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 387, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 388, templates/g5_hydrogen/custom/scss/_menus.scss */
  #default #g-navigation .g-block.size-80, #product #g-navigation .g-block.size-80, #social #g-navigation .g-block.size-80 {
    width: 100%;
    flex: 0 100%;
    margin-bottom: 2rem;
  }
  /* line 393, templates/g5_hydrogen/custom/scss/_menus.scss */
  #default #g-navigation .logo, #product #g-navigation .logo, #social #g-navigation .logo {
    width: 100%;
    flex: 0 100%;
  }
  /* line 400, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 401, templates/g5_hydrogen/custom/scss/_menus.scss */
  #g-scroll .g-main-nav .g-toplevel > li > .g-menu-item-container {
    padding: 0.7rem 1rem;
  }
  /* line 403, templates/g5_hydrogen/custom/scss/_menus.scss */
  #g-scroll .g-main-nav .g-toplevel > li > .g-menu-item-container span.g-menu-item-title {
    font-size: 1.5rem;
  }
}
/* DESKTOP ONLY */
/* min 60rem / 960PX */
@media only all and (min-width: 60rem) {
  /* line 413, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 414, templates/g5_hydrogen/custom/scss/_menus.scss */
  #home #g-navigation {
    margin-top: 2rem;
  }
}
/* TABLET & ABOVE */
/* min 48rem / 768px */
@media only all and (min-width: 48rem) {
}
/* TABLET */
/* 48rem to 59.938rem / 768px to 959px */
@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
  /* line 431, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 432, templates/g5_hydrogen/custom/scss/_menus.scss */
  #home #g-navigation .g-main-nav .g-toplevel {
    text-align: center;
  }
  /* line 434, templates/g5_hydrogen/custom/scss/_menus.scss */
  #home #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
    padding: 1.2rem 1.5rem;
  }
  /* line 436, templates/g5_hydrogen/custom/scss/_menus.scss */
  #home #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container span.g-menu-item-title {
    font-size: 1.7rem;
  }
  /* line 443, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 444, templates/g5_hydrogen/custom/scss/_menus.scss */
  /* line 445, templates/g5_hydrogen/custom/scss/_menus.scss */
  #default #g-navigation .logo, #product #g-navigation .logo, #social #g-navigation .logo {
    width: 100%;
    flex: 0 100%;
  }
}
/* 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: Rio
 DESCRIPTION: All styles for the header
 -------------------------------------
 AUTHOR: Charlotte Osborne
 DATE CREATED: 29/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: _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:
 ****************************
 ***************************/
/* line 18, templates/g5_hydrogen/custom/scss/_footer.scss */
#g-footer {
  color: #37227c;
  text-align: left;
}
/* line 21, templates/g5_hydrogen/custom/scss/_footer.scss */
/* line 22, templates/g5_hydrogen/custom/scss/_footer.scss */
#g-footer ul.menu li {
  margin: 1rem 0;
}
/* line 29, templates/g5_hydrogen/custom/scss/_footer.scss */
.HW-footer-bar {
  padding: 20px 0;
  background-color: #005239;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-self: center;
  height: 75px;
  box-sizing: border-box;
}
/* line 42, templates/g5_hydrogen/custom/scss/_footer.scss */
.HW-footer-bar object {
  width: 170px;
  margin-top: 2px;
  pointer-events: none;
}
/* Fix for IE - BA */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 49, templates/g5_hydrogen/custom/scss/_footer.scss */
  .HW-footer-bar object {
    width: 170px;
    margin-top: 2px;
    pointer-events: none;
    position: relative;
    bottom: 26px;
  }
}
/* Fix for Safari on Mac iOS - BA */
@media not all and (min-resolution: 0.001dpcm) {
  /* line 60, templates/g5_hydrogen/custom/scss/_footer.scss */
  footer#g-footer.g-flushed {
    position: absolute !important;
    bottom: inherit !important;
  }
  /* line 64, templates/g5_hydrogen/custom/scss/_footer.scss */
  section#g-bottom {
    margin-bottom: 0px !important;
  }
}
@media only screen and (min-width: 834px) and (orientation: portrait) {
  /* line 72, templates/g5_hydrogen/custom/scss/_footer.scss */
  footer#g-footer.g-flushed {
    width: 100% !important;
  }
}
/* line 78, templates/g5_hydrogen/custom/scss/_footer.scss */
.copyright {
  font-size: 1rem;
  padding: 20px 0px;
}
/* line 82, templates/g5_hydrogen/custom/scss/_footer.scss */
#footer-a, #footer-b, #footer-c, #footer-d {
  padding: 25px 0px;
}
/* line 85, templates/g5_hydrogen/custom/scss/_footer.scss */
/* line 86, templates/g5_hydrogen/custom/scss/_footer.scss */
div.social ul {
  list-style: none;
  margin: 0;
  position: relative;
  top: -2rem;
}
/* line 91, templates/g5_hydrogen/custom/scss/_footer.scss */
div.social ul li {
  display: inline-block;
  vertical-align: bottom;
}
/* line 94, templates/g5_hydrogen/custom/scss/_footer.scss */
div.social ul li a img {
  transition: all 0.2s ease-in-out;
}
/* line 97, templates/g5_hydrogen/custom/scss/_footer.scss */
div.social ul li a:hover img {
  transform: scale(1.1);
}
/* John Bruce Fox for Safari */
/* 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) {
  /* line 120, templates/g5_hydrogen/custom/scss/_footer.scss */
  footer#g-footer div.g-grid:nth-child(1), footer#g-footer div.g-grid:nth-child(3) {
    width: 1200px;
    margin: auto;
  }
}
/* DESKTOP & LARGE TABLET
 /* 60rem to 74.938rem / 960px to 1199px */
@media only all and (min-width: 60rem) and (max-width: 74.938rem) {
  /* line 129, templates/g5_hydrogen/custom/scss/_footer.scss */
  footer#g-footer div.g-grid:nth-child(1), footer#g-footer div.g-grid:nth-child(3) {
    width: 60rem;
    margin: auto;
  }
}
/* TABLET */
/* 48rem to 59.938rem / 768px to 959px */
@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
  /* line 138, templates/g5_hydrogen/custom/scss/_footer.scss */
  /* line 139, templates/g5_hydrogen/custom/scss/_footer.scss */
  #g-footer > .g-container > .g-grid > .g-block {
    width: 50%;
    flex: 0 50%;
  }
  /* line 143, templates/g5_hydrogen/custom/scss/_footer.scss */
  #g-footer > .g-container > .g-grid:nth-child(2) > .g-block {
    width: 100%;
    flex: 0 100%;
  }
  /* line 147, templates/g5_hydrogen/custom/scss/_footer.scss */
  #g-footer .address p {
    width: 80%;
  }
  /* line 151, templates/g5_hydrogen/custom/scss/_footer.scss */
  footer#g-footer div.g-grid:nth-child(1), footer#g-footer div.g-grid:nth-child(3) {
    width: 100%;
    margin: 0 0.625rem;
    padding: 0 0.938rem;
  }
}
/* TABLET & BELOW
 /* up to 47.938 rem / 767px */
@media only all and (max-width: 47.938rem) {
  /* line 161, templates/g5_hydrogen/custom/scss/_footer.scss */
  /* line 162, templates/g5_hydrogen/custom/scss/_footer.scss */
  #g-footer ul.menu li {
    display: inline-block;
    margin-right: 0.5rem;
  }
  /* line 166, templates/g5_hydrogen/custom/scss/_footer.scss */
  #g-footer ul.menu li + li {
    border-left: 1px solid #37227c;
    padding-left: 0.5rem;
  }
  /* line 171, templates/g5_hydrogen/custom/scss/_footer.scss */
  /* line 172, templates/g5_hydrogen/custom/scss/_footer.scss */
  #g-footer .g-content {
    padding-top: 0;
    padding-bottom: 0;
  }
}
/* LARGE MOBILE */
/* 30rem to 47.938rem / 480px to 767px */
@media only all and (min-width: 30.062rem) and (max-width: 47.938rem) {
  /* line 182, templates/g5_hydrogen/custom/scss/_footer.scss */
  footer#g-footer div.g-grid:nth-child(1), footer#g-footer div.g-grid:nth-child(3) {
    width: 100%;
    margin: 0 auto;
  }
  /* line 185, templates/g5_hydrogen/custom/scss/_footer.scss */
  footer#g-footer div.g-grid:nth-child(1) .g-content, footer#g-footer div.g-grid:nth-child(3) .g-content {
    margin: 0 0.625rem;
    padding: 0 0.938rem;
  }
  /* line 190, templates/g5_hydrogen/custom/scss/_footer.scss */
  #footer-a, #footer-b, #footer-c, #footer-d {
    padding: 0px 0px;
  }
}
/* SMALL MOBILE */
/* 30rem / 480px and below */
@media only all and (max-width: 30rem) {
  /* line 198, templates/g5_hydrogen/custom/scss/_footer.scss */
  footer#g-footer div.g-grid:nth-child(1), footer#g-footer div.g-grid:nth-child(3) {
    width: 100%;
  }
  /* line 200, templates/g5_hydrogen/custom/scss/_footer.scss */
  footer#g-footer div.g-grid:nth-child(1) .g-content, footer#g-footer div.g-grid:nth-child(3) .g-content {
    margin: 0 0.625rem;
    padding: 0 0.938rem;
  }
  /* line 206, templates/g5_hydrogen/custom/scss/_footer.scss */
  #footer-a, #footer-b, #footer-c, #footer-d {
    padding: 0px 0px;
  }
}
/* line 215, templates/g5_hydrogen/custom/scss/_footer.scss */
section#g-container-main {
  position: relative;
  z-index: 2;
  box-shadow: 0px 10px 27px -20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 10px 27px -20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 10px 27px -20px rgba(0, 0, 0, 0.2);
}
/* line 220, templates/g5_hydrogen/custom/scss/_footer.scss */
footer#g-footer {
  position: sticky !important;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  background: #fff;
  display: grid;
  place-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 20px 0 0 0 !important;
  overflow-x: hidden;
}
@media (max-width: 767px) {
  footer#g-footer {
    position: relative !important;
  }
}
/* line 237, templates/g5_hydrogen/custom/scss/_footer.scss */
section#g-navigation {
  z-index: 3;
}
/* line 241, templates/g5_hydrogen/custom/scss/_footer.scss */
/* line 242, templates/g5_hydrogen/custom/scss/_footer.scss */
body.g-home section#g-navigation {
  z-index: 2;
}
/* line 245, templates/g5_hydrogen/custom/scss/_footer.scss */
body.g-home section#g-showcase, body.g-home section#g-container-main, body.g-home section#g-subfeature, body.g-home section#g-bottom {
  position: relative;
  z-index: 2;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
/* line 255, templates/g5_hydrogen/custom/scss/_footer.scss */
body.g-home section#g-bottom {
  box-shadow: 0px 10px 27px -20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 10px 27px -20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 10px 27px -20px rgba(0, 0, 0, 0.2);
  height: auto;
}
/* line 258, templates/g5_hydrogen/custom/scss/_footer.scss */
body.g-home section#g-bottom .g-grid {
  height: 100%;
}
/* line 260, templates/g5_hydrogen/custom/scss/_footer.scss */
body.g-home section#g-bottom .g-grid .moduletable.lightwidget-insta {
  background: #37227c;
}
@media (max-width: 959px) {
  body.g-home section#g-bottom {
    height: auto;
  }
}
/* line 270, templates/g5_hydrogen/custom/scss/_footer.scss */
/* line 271, templates/g5_hydrogen/custom/scss/_footer.scss */
body.g-home section#g-subfeature {
  max-width: 100% !important;
  padding-bottom: 150px;
}
@media (max-width: 1199px) {
  body.g-home section#g-subfeature {
    padding-bottom: 120px;
  }
}
/* line 279, templates/g5_hydrogen/custom/scss/_footer.scss */
/* line 280, templates/g5_hydrogen/custom/scss/_footer.scss */
@media (max-width: 959px) {
  body.bf-faqs section#g-container-main {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }
}
/* line 287, templates/g5_hydrogen/custom/scss/_footer.scss */
body.bf-faqs section#g-bottom {
  display: none;
  position: relative;
  z-index: 2;
}
@media (max-width: 959px) {
  body.bf-faqs section#g-bottom {
    display: block;
    box-shadow: 0px 10px 27px -20px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 10px 27px -20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 10px 27px -20px rgba(0, 0, 0, 0.2);
  }
}
/* line 297, templates/g5_hydrogen/custom/scss/_footer.scss */
/* line 298, templates/g5_hydrogen/custom/scss/_footer.scss */
body.bf-family section#g-container-main {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
/* line 303, templates/g5_hydrogen/custom/scss/_footer.scss */
body.bf-family section#g-subfeature {
  position: relative;
  z-index: 2;
  box-shadow: 0px 10px 27px -20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 10px 27px -20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 10px 27px -20px rgba(0, 0, 0, 0.2);
}
/* line 309, templates/g5_hydrogen/custom/scss/_footer.scss */
/* line 310, templates/g5_hydrogen/custom/scss/_footer.scss */
body.bf-buy section#g-container-main {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
/* line 315, templates/g5_hydrogen/custom/scss/_footer.scss */
body.bf-buy section#g-bottom {
  position: relative;
  z-index: 2;
  box-shadow: 0px 10px 27px -20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 10px 27px -20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 10px 27px -20px rgba(0, 0, 0, 0.2);
}
/* line 321, templates/g5_hydrogen/custom/scss/_footer.scss */
/* line 322, templates/g5_hydrogen/custom/scss/_footer.scss */
body.bf-retail section#g-container-main {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
/* line 327, templates/g5_hydrogen/custom/scss/_footer.scss */
body.bf-retail section#g-fullwidth, body.bf-retail section#g-subfeature {
  position: relative;
  z-index: 2;
}
/* line 332, templates/g5_hydrogen/custom/scss/_footer.scss */
body.bf-retail section#g-bottom {
  position: relative;
  z-index: 2;
  box-shadow: 0px 10px 27px -20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 10px 27px -20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 10px 27px -20px rgba(0, 0, 0, 0.2);
}
/* line 338, templates/g5_hydrogen/custom/scss/_footer.scss */
/* line 339, templates/g5_hydrogen/custom/scss/_footer.scss */
body.bf-product section#g-products {
  position: relative;
  z-index: 2;
  box-shadow: 0px 10px 27px -20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 10px 27px -20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 10px 27px -20px rgba(0, 0, 0, 0.2);
}
/***************************
 ****************************
 NAME: _modules.scss
 SITE: Rio
 DESCRIPTION: All custom module & WidgetKit styles
 -------------------------------------
 AUTHOR: Charlotte Osborne
 DATE CREATED: 29/06/17
 LAST MODIFIED DATE:
 LAST MODIFIED BY:
 ****************************
 ***************************/
/* line 19, templates/g5_hydrogen/custom/scss/_modules.scss */
.nutrition_table {
  text-align: left;
  border: 1px solid #37227c;
  padding: 1rem 2rem;
  margin: 4rem 0;
}
/* line 24, templates/g5_hydrogen/custom/scss/_modules.scss */
.nutrition_table h2, .nutrition_table h3 {
  font-family: "tradegothic";
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 600;
}
/* line 30, templates/g5_hydrogen/custom/scss/_modules.scss */
.nutrition_table p {
  font-weight: 600;
  font-size: 1rem;
  color: #37227c;
}
/* line 36, templates/g5_hydrogen/custom/scss/_modules.scss */
.nutrition_table table, .nutrition_table table td {
  border: none;
  color: #37227c;
  font-family: "tradegothic";
  line-height: normal;
  vertical-align: top;
}
/* line 44, templates/g5_hydrogen/custom/scss/_modules.scss */
.nutrition_table table td {
  font-size: 1rem;
  padding: 0 5px;
  font-weight: 600;
  border-right: 1px solid #37227c;
  text-align: right;
}
/* line 50, templates/g5_hydrogen/custom/scss/_modules.scss */
.nutrition_table table td:last-of-type {
  border-right: none;
}
/* line 53, templates/g5_hydrogen/custom/scss/_modules.scss */
.nutrition_table table td:first-of-type {
  text-align: left;
}
/* line 57, templates/g5_hydrogen/custom/scss/_modules.scss */
.nutrition_table table thead td {
  border-bottom: 1px solid #37227c;
  padding: 5px;
}
/* line 61, templates/g5_hydrogen/custom/scss/_modules.scss */
.nutrition_table table tfoot td {
  border-top: 1px solid #37227c;
  border-bottom: 1px solid #37227c;
  padding: 5px 0;
}
/* line 68, templates/g5_hydrogen/custom/scss/_modules.scss */
.nutrition_table.blue {
  border-color: #00a8e1;
}
/* line 70, templates/g5_hydrogen/custom/scss/_modules.scss */
.nutrition_table.blue * {
  color: #00a8e1;
}
/* line 73, templates/g5_hydrogen/custom/scss/_modules.scss */
.nutrition_table.blue td {
  border-color: #00a8e1;
}
/* line 75, templates/g5_hydrogen/custom/scss/_modules.scss */
.nutrition_table.green {
  border-color: #47a141;
}
/* line 77, templates/g5_hydrogen/custom/scss/_modules.scss */
.nutrition_table.green * {
  color: #47a141;
}
/* line 80, templates/g5_hydrogen/custom/scss/_modules.scss */
.nutrition_table.green td {
  border-color: #47a141;
}
/* line 84, templates/g5_hydrogen/custom/scss/_modules.scss */
/* line 85, templates/g5_hydrogen/custom/scss/_modules.scss */
.image_block .customimage_block {
  height: 100%;
  min-height: 23rem;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
/* line 91, templates/g5_hydrogen/custom/scss/_modules.scss */
.image_block .customimage_block .text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
/* line 98, templates/g5_hydrogen/custom/scss/_modules.scss */
.image_block h2, .image_block p {
  color: #fff;
}
/* line 102, templates/g5_hydrogen/custom/scss/_modules.scss */
.image_block h2 {
  font-size: 5rem;
  margin: 0;
  line-height: 5rem;
}
/* line 109, templates/g5_hydrogen/custom/scss/_modules.scss */
.sunnyside {
  /*background: $rio-purple;
   position: relative;
   overflow: hidden;
   p {
   font-family: "antero";
   margin: 0;
   color: #fff;
   font-size: 3.5rem;
   line-height: 3.9rem;
   text-align: center;
   transform: rotate(-30deg);
   position: absolute;
   top: 2rem;
   left: 2rem;
   }
   a {
   position: absolute;
   right: -60px;
   bottom: -60px;
   transition: all 0.2s ease-in-out;
   &:hover {
   transform: scale(1.1);
   }
   }*/
}
/* line 137, templates/g5_hydrogen/custom/scss/_modules.scss */
/* line 138, templates/g5_hydrogen/custom/scss/_modules.scss */
.social_monkey .customsocial_monkey {
  position: relative;
  bottom: 0;
  right: 0;
}
/* line 143, templates/g5_hydrogen/custom/scss/_modules.scss */
.social_monkey .customsocial_monkey img {
  display: block;
  margin: auto;
  max-width: 350px;
}
/* line 148, templates/g5_hydrogen/custom/scss/_modules.scss */
.social_monkey .customsocial_monkey a {
  color: #fff;
  font-size: 1.8rem;
  position: absolute;
  width: 50px;
  height: 50px;
  text-align: center;
  transition: all 0.2s ease-in-out;
}
/* line 156, templates/g5_hydrogen/custom/scss/_modules.scss */
.social_monkey .customsocial_monkey a:hover {
  transform: scale(1.1);
}
/* line 159, templates/g5_hydrogen/custom/scss/_modules.scss */
.social_monkey .customsocial_monkey a.fb {
  top: 28px;
  left: 41px;
}
/* line 163, templates/g5_hydrogen/custom/scss/_modules.scss */
.social_monkey .customsocial_monkey a.ig {
  top: 31px;
  left: 106px;
  font-size: 2.2rem;
}
/* line 168, templates/g5_hydrogen/custom/scss/_modules.scss */
.social_monkey .customsocial_monkey a.tw {
  top: 66px;
  left: 157px;
  font-size: 2rem;
}
/* mobile version */
/* line 178, templates/g5_hydrogen/custom/scss/_modules.scss */
/* line 179, templates/g5_hydrogen/custom/scss/_modules.scss */
#g-sidebar .social.visible-phone ul {
  top: -1rem;
}
/*upside down version!*/
/* line 184, templates/g5_hydrogen/custom/scss/_modules.scss */
.social_monkey_flipped {
  position: relative;
  top: -90px;
  text-align: right;
}
/* line 188, templates/g5_hydrogen/custom/scss/_modules.scss */
.social_monkey_flipped a {
  color: #fff;
  font-size: 2rem;
  position: absolute;
  width: 50px;
  height: 50px;
  text-align: center;
  transition: all 0.2s ease-in-out;
}
/* line 196, templates/g5_hydrogen/custom/scss/_modules.scss */
.social_monkey_flipped a:hover {
  transform: scale(1.1);
}
/* line 199, templates/g5_hydrogen/custom/scss/_modules.scss */
.social_monkey_flipped a.fb {
  top: 366px;
  right: 173px;
}
/* line 203, templates/g5_hydrogen/custom/scss/_modules.scss */
.social_monkey_flipped a.ig {
  top: 353px;
  right: 100px;
  font-size: 2.5rem;
}
/* line 208, templates/g5_hydrogen/custom/scss/_modules.scss */
.social_monkey_flipped a.tw {
  top: 322px;
  right: 40px;
  font-size: 2.3rem;
}
/* line 215, templates/g5_hydrogen/custom/scss/_modules.scss */
div.story {
  text-align: center;
}
/* line 217, templates/g5_hydrogen/custom/scss/_modules.scss */
div.story h2 {
  font-size: 3.25rem;
}
/* line 220, templates/g5_hydrogen/custom/scss/_modules.scss */
div.faq-answers div {
  float: left;
  margin: 1rem 0;
  width: 100%;
}
/* line 224, templates/g5_hydrogen/custom/scss/_modules.scss */
div.faq-answers div img {
  margin-right: 1rem;
  min-height: 100px;
  margin-bottom: 1.5rem;
}
/* line 229, templates/g5_hydrogen/custom/scss/_modules.scss */
div.faq-answers div .big {
  margin-top: 0;
}
/* line 234, templates/g5_hydrogen/custom/scss/_modules.scss */
div.faq-answers div:nth-child(5) img {
  margin-bottom: 3.5rem;
}
/* line 238, templates/g5_hydrogen/custom/scss/_modules.scss */
/* line 239, templates/g5_hydrogen/custom/scss/_modules.scss */
.image_nav ul {
  list-style: none;
  margin: 0;
}
/* line 242, templates/g5_hydrogen/custom/scss/_modules.scss */
.image_nav ul li {
  display: inline-block;
  width: 32%;
  text-align: center;
}
/* line 251, templates/g5_hydrogen/custom/scss/_modules.scss */
.product.can {
  background: url('../../../../images/illustrations/parrot_flipped.png') no-repeat;
  background-position: right top 140px;
}
/* line 254, templates/g5_hydrogen/custom/scss/_modules.scss */
.product.can img {
  margin-top: 365px;
}
/* line 260, templates/g5_hydrogen/custom/scss/_modules.scss */
.logo_list ul {
  margin: 0;
  list-style: none;
  text-align: center;
}
/* line 264, templates/g5_hydrogen/custom/scss/_modules.scss */
.logo_list ul li {
  display: inline-block;
  margin: 1rem 2rem;
}
/* line 267, templates/g5_hydrogen/custom/scss/_modules.scss */
.logo_list ul li img {
  opacity: 0.8;
  max-height: 90px;
}
/* line 271, templates/g5_hydrogen/custom/scss/_modules.scss */
.logo_list ul li a:hover img {
  opacity: 1;
}
/* line 277, templates/g5_hydrogen/custom/scss/_modules.scss */
.popup {
  position: absolute;
  z-index: 99;
  right: 0;
  width: 600px;
}
/* line 282, templates/g5_hydrogen/custom/scss/_modules.scss */
.popup .custompopup {
  position: relative;
}
/* line 284, templates/g5_hydrogen/custom/scss/_modules.scss */
.popup .custompopup .popup-text {
  position: absolute;
  width: 210px;
  top: 13%;
  right: 36%;
}
/* line 289, templates/g5_hydrogen/custom/scss/_modules.scss */
.popup .custompopup .popup-text h2, .popup .custompopup .popup-text p {
  color: #fff;
}
/* line 292, templates/g5_hydrogen/custom/scss/_modules.scss */
.popup .custompopup .popup-text h2 {
  font-size: 3rem;
  line-height: 3rem;
  margin: 0;
}
/* line 297, templates/g5_hydrogen/custom/scss/_modules.scss */
.popup .custompopup .popup-text p {
  margin: 0.3rem 0;
}
/* line 300, templates/g5_hydrogen/custom/scss/_modules.scss */
.popup .custompopup .popup-text a {
  font-family: "naonweh";
  background-color: #37227c;
  color: #fff !important;
  text-decoration: none;
  border-radius: 10px;
  /*padding: 0.6rem 1.2rem 0.8rem;*/
  letter-spacing: normal;
  text-align: center;
  display: block;
  margin-top: 0.5rem;
  font-size: 1.6rem;
}
/* line 312, templates/g5_hydrogen/custom/scss/_modules.scss */
.popup .custompopup .popup-text a:hover {
  background-color: #f7a800;
}
/* line 317, templates/g5_hydrogen/custom/scss/_modules.scss */
.popup .custompopup img:not(#popup_close) {
  width: 100%;
  max-width: inherit;
}
/* line 322, templates/g5_hydrogen/custom/scss/_modules.scss */
.popup img#popup_close {
  position: absolute;
  top: 80px;
  right: 120px;
}
/* line 329, templates/g5_hydrogen/custom/scss/_modules.scss */
#popup_backg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
}
/* line 340, templates/g5_hydrogen/custom/scss/_modules.scss */
#popup_comp {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 520px;
}
/* line 350, templates/g5_hydrogen/custom/scss/_modules.scss */
/* line 351, templates/g5_hydrogen/custom/scss/_modules.scss */
.address p {
  font-size: 1.1rem;
}
/* line 352, templates/g5_hydrogen/custom/scss/_modules.scss */
.address i {
  margin-right: 1rem;
  font-size: 1.4rem;
}
/* line 359, templates/g5_hydrogen/custom/scss/_modules.scss */
.contact_button {
  position: absolute;
  top: 10px;
  right: 10px;
}
/* line 363, templates/g5_hydrogen/custom/scss/_modules.scss */
.contact_button a {
  background: #37227c;
  font-family: "naonweh";
  color: #fff;
  font-size: 1.8rem;
  border-radius: 6px;
  padding: 0 1rem;
  display: block;
  text-decoration: none;
}
/* line 372, templates/g5_hydrogen/custom/scss/_modules.scss */
.contact_button a:after {
  font-family: FontAwesome;
  content: "\f0e5";
  font-size: 2rem;
  margin-left: 1rem;
}
/* line 382, templates/g5_hydrogen/custom/scss/_modules.scss */
.monkey_fruit_cta {
  position: relative;
}
/* line 384, templates/g5_hydrogen/custom/scss/_modules.scss */
.monkey_fruit_cta .cta_text {
  position: absolute;
  top: 7rem;
  left: 6rem;
  width: 65%;
  color: #fff;
}
/* line 390, templates/g5_hydrogen/custom/scss/_modules.scss */
.monkey_fruit_cta .cta_text h2 {
  color: #fff;
}
/* line 392, templates/g5_hydrogen/custom/scss/_modules.scss */
.monkey_fruit_cta img {
  width: 100%;
}
/* line 398, templates/g5_hydrogen/custom/scss/_modules.scss */
.rio_social_container {
  border: 1px solid #ccc;
}
/* line 400, templates/g5_hydrogen/custom/scss/_modules.scss */
.rio_social_container .rio_social_text {
  background: rgba(55, 34, 124, 0.7);
}
/* line 403, templates/g5_hydrogen/custom/scss/_modules.scss */
.rio_social_container span {
  font-family: "tradegothic";
  line-height: normal;
}
/* line 409, templates/g5_hydrogen/custom/scss/_modules.scss */
/* line 410, templates/g5_hydrogen/custom/scss/_modules.scss */
#g-social-left .rio_social_container {
  height: 600px;
}
/* line 415, templates/g5_hydrogen/custom/scss/_modules.scss */
/* line 416, templates/g5_hydrogen/custom/scss/_modules.scss */
#home .rio_social_container {
  height: 370px;
}
/* line 421, templates/g5_hydrogen/custom/scss/_modules.scss */
.rio_social_container.rio_twitter {
  /*border: 1px solid #1DA1F2;*/
}
/* line 423, templates/g5_hydrogen/custom/scss/_modules.scss */
.rio_social_container.rio_twitter .rio_social_text_nohide {
  background: #1da1f2;
}
/* line 428, templates/g5_hydrogen/custom/scss/_modules.scss */
.rio_social_container.rio_insta {
  /*border: 1px solid #000;*/
}
/* line 430, templates/g5_hydrogen/custom/scss/_modules.scss */
.rio_social_container.rio_insta .rio_social_text_nohide {
  background: #fff;
}
/* line 432, templates/g5_hydrogen/custom/scss/_modules.scss */
.rio_social_container.rio_insta .rio_social_text_nohide span {
  color: #fff;
}
/* line 439, templates/g5_hydrogen/custom/scss/_modules.scss */
.rio_social_container.rio_facebook {
  /*border: 1px solid #3b5998;*/
}
/* line 441, templates/g5_hydrogen/custom/scss/_modules.scss */
.rio_social_container.rio_facebook .rio_social_text_nohide {
  background: #3b5998;
}
/* 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 */
/* LARGE DESKTOP */
/* 75rem / 1200px and above*/
@media only all and (min-width: 75rem) {
  /* line 458, templates/g5_hydrogen/custom/scss/_modules.scss */
  .monkey_fruit_cta.mobile {
    display: none;
  }
}
/* DESKTOP ONLY */
/* min 60rem / 960px  */
@media only all and (min-width: 60rem) {
  /* line 464, templates/g5_hydrogen/custom/scss/_modules.scss */
  .image_block .customimage_block .text {
    padding: 4rem;
  }
}
/* NOT DESKTOP */
/* max 59.938rem / 959px  */
@media only all and (max-width: 59.938rem) {
  /* line 472, templates/g5_hydrogen/custom/scss/_modules.scss */
  .image_block .customimage_block .text {
    padding: 2rem;
  }
}
/* DESKTOP & LARGE TABLET */
/* 60rem to 74.938rem / 960px to 1199px */
@media only all and (min-width: 60rem) and (max-width: 74.938rem) {
  /* line 480, templates/g5_hydrogen/custom/scss/_modules.scss */
  /* line 481, templates/g5_hydrogen/custom/scss/_modules.scss */
  .monkey_fruit_cta .cta_text {
    top: 6rem;
    left: 4rem;
  }
  /* line 484, templates/g5_hydrogen/custom/scss/_modules.scss */
  .monkey_fruit_cta .cta_text h2 {
    font-size: 2.3rem;
  }
  /* line 489, templates/g5_hydrogen/custom/scss/_modules.scss */
  .monkey_fruit_cta.mobile {
    display: none;
  }
  /* line 490, templates/g5_hydrogen/custom/scss/_modules.scss */
  .logo_list ul li img {
    max-height: 70px;
  }
}
/* UP TO 1024px */
@media screen and (max-width: 1024px) {
  /* line 499, templates/g5_hydrogen/custom/scss/_modules.scss */
  .rio_social_text {
    display: block !important;
  }
}
/* TABLET */
/* 48rem to 59.938rem / 768px to 959px */
@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
  /*.contact_button a {
   padding: 0.7rem 1rem 0.4rem;
   }*/
  /* line 507, templates/g5_hydrogen/custom/scss/_modules.scss */
  /* line 508, templates/g5_hydrogen/custom/scss/_modules.scss */
  /* line 509, templates/g5_hydrogen/custom/scss/_modules.scss */
  .social_monkey .customsocial_monkey a.fb {
    top: 22px;
    left: 27px;
  }
  /* line 513, templates/g5_hydrogen/custom/scss/_modules.scss */
  .social_monkey .customsocial_monkey a.ig {
    top: 23px;
    left: 92px;
  }
  /* line 517, templates/g5_hydrogen/custom/scss/_modules.scss */
  .social_monkey .customsocial_monkey a.tw {
    top: 56px;
    right: 33px;
  }
  /* line 525, templates/g5_hydrogen/custom/scss/_modules.scss */
  /* line 526, templates/g5_hydrogen/custom/scss/_modules.scss */
  .social_monkey_flipped a.fb {
    top: 291px;
    right: 134px;
  }
  /* line 530, templates/g5_hydrogen/custom/scss/_modules.scss */
  .social_monkey_flipped a.ig {
    top: 281px;
    right: 76px;
  }
  /* line 534, templates/g5_hydrogen/custom/scss/_modules.scss */
  .social_monkey_flipped a.tw {
    top: 256px;
    right: 30px;
  }
  /* line 539, templates/g5_hydrogen/custom/scss/_modules.scss */
  .product.can {
    background: none;
  }
  /* line 541, templates/g5_hydrogen/custom/scss/_modules.scss */
  .product.can img {
    margin-top: 0;
  }
  /* line 543, templates/g5_hydrogen/custom/scss/_modules.scss */
  .monkey_fruit_cta {
    display: none;
  }
  /* line 546, templates/g5_hydrogen/custom/scss/_modules.scss */
  .monkey_fruit_cta.mobile {
    display: block;
    max-height: 40rem;
    overflow: hidden;
  }
  /* line 550, templates/g5_hydrogen/custom/scss/_modules.scss */
  .monkey_fruit_cta.mobile .cta_text {
    position: absolute;
    top: 9rem;
    left: 60%;
    width: 320px;
    color: #fff;
    transform: translateX(-60%);
  }
  /* line 558, templates/g5_hydrogen/custom/scss/_modules.scss */
  .monkey_fruit_cta.mobile img {
    display: block;
    margin: auto;
    max-width: 380px;
  }
  /* line 567, templates/g5_hydrogen/custom/scss/_modules.scss */
  .popup .custompopup .popup-text a {
    padding: 0.8rem 1.2rem 0.6rem;
  }
}
/* TABLET & BELOW
 /* up to 47.938 rem / 767px */
@media only all and (max-width: 47.938rem) {
  /* line 575, templates/g5_hydrogen/custom/scss/_modules.scss */
  .product.can {
    background: none;
  }
  /* line 577, templates/g5_hydrogen/custom/scss/_modules.scss */
  .product.can img {
    margin-top: 0;
  }
  /* line 579, templates/g5_hydrogen/custom/scss/_modules.scss */
  .nutrition_table table {
    display: none;
  }
  /* line 581, templates/g5_hydrogen/custom/scss/_modules.scss */
  .monkey_fruit_cta {
    display: none;
  }
  /* line 584, templates/g5_hydrogen/custom/scss/_modules.scss */
  .monkey_fruit_cta.mobile {
    display: block;
    max-height: 40rem;
    overflow: hidden;
  }
  /* line 589, templates/g5_hydrogen/custom/scss/_modules.scss */
  .logo_list ul li img {
    max-height: 70px;
  }
  /* line 593, templates/g5_hydrogen/custom/scss/_modules.scss */
  .contact_button a {
    padding: 0.1rem 1rem;
  }
  /* line 596, templates/g5_hydrogen/custom/scss/_modules.scss */
  .popup .custompopup .popup-text a {
    max-width: 160px;
  }
}
/* LARGE MOBILE */
/* 30rem to 47.938rem / 480px to 767px */
@media only all and (min-width: 30.062rem) and (max-width: 47.938rem) {
  /* line 604, templates/g5_hydrogen/custom/scss/_modules.scss */
  .sunnyside {
    min-height: 23rem;
  }
}
/* SMALL MOBILE */
/* 30rem / 480px and below */
@media only all and (max-width: 30rem) {
  /* line 612, templates/g5_hydrogen/custom/scss/_modules.scss */
  #popup_comp {
    width: 100%;
    top: 0 !important;
  }
  /* line 616, templates/g5_hydrogen/custom/scss/_modules.scss */
  /* line 632, templates/g5_hydrogen/custom/scss/_modules.scss */
  .sunnyside {
    min-height: 23rem;
  }
}
/* line 639, templates/g5_hydrogen/custom/scss/_modules.scss */
#g-top {
  box-shadow: rgba(0, 0, 0, 0.4) inset 0px -20px 30px -20px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) inset 0px -20px 30px -20px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) inset 0px -20px 30px -20px;
  background: #fff;
  border-bottom: 1px solid #37227c;
}
@media only all and (min-width: 60rem) {
  /* line 648, templates/g5_hydrogen/custom/scss/_modules.scss */
  #home #g-top {
    margin-bottom: -2rem;
  }
}
@media only all and (max-width: 959px) {
  /* line 654, templates/g5_hydrogen/custom/scss/_modules.scss */
  #g-top {
    padding-top: 2rem;
  }
}
@media only all and (max-width: 767px) {
  /* line 658, templates/g5_hydrogen/custom/scss/_modules.scss */
  /* line 659, templates/g5_hydrogen/custom/scss/_modules.scss */
  #g-top .big {
    font-size: 1.5rem;
  }
}
/* line 665, templates/g5_hydrogen/custom/scss/_modules.scss */
/* line 666, templates/g5_hydrogen/custom/scss/_modules.scss */
/* line 667, templates/g5_hydrogen/custom/scss/_modules.scss */
/* line 668, templates/g5_hydrogen/custom/scss/_modules.scss */
.social_monkey_flipped a.fb i, .social_monkey_flipped a.ig i, .social_monkey_flipped a.tw i {
  color: #fff;
}
/***************************
 ****************************
 NAME: _widgetkit.scss
 SITE: Rio
 DESCRIPTION: All custom WidgetKit styles
 -------------------------------------
 AUTHOR: Charlotte Osborne
 DATE CREATED: 29/06/17
 LAST MODIFIED DATE:
 LAST MODIFIED BY:
 ****************************
 ***************************/
/* line 22, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
/* line 23, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.products_home a {
  font-family: "naonweh";
  font-size: 2rem;
  text-decoration: none;
  margin-bottom: 1rem;
  display: block;
}
/* line 29, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.products_home a:hover {
  text-decoration: underline;
  color: inherit;
}
/* line 37, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
/* line 38, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.rio_family img.fly {
  position: absolute;
  right: 0;
  bottom: 0;
}
/* line 43, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.rio_family .primary_button.green {
  position: relative;
}
/* line 46, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.rio_family img.climb {
  position: absolute;
  top: -62px;
  right: -60px;
}
/* line 51, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.rio_family a[class*="button"] {
  margin-top: 2rem;
  display: inline-block;
  min-width: 220px;
}
/* line 61, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.our-story {
  margin: 2rem auto 0;
}
/* line 64, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.our-story .uk-grid {
  width: 90%;
}
/* line 67, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.our-story .uk-grid:nth-child(3), .our-story .uk-grid:nth-child(7) {
  margin-left: 10%;
}
/* line 72, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.our-story .uk-grid:nth-child(even) {
  text-align: center !important;
}
/* line 75, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.our-story p {
  color: #37227c;
}
/* line 76, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.our-story p.callout {
  color: #f7a800;
}
/* line 77, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.our-story .uk-panel-space {
  padding: 0 !important;
}
/* line 82, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.pmp {
  margin-bottom: 4rem !important;
}
/* line 86, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.logos {
  margin: 3rem;
}
/* line 91, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.retailers {
  padding: 2rem 0 !important;
}
/* line 95, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
/* line 96, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.recipes .uk-overlay-panel {
  background-color: rgba(0, 0, 0, 0.4);
}
/* line 99, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.recipes h3.uk-panel-title {
  color: #fff !important;
  font-size: 2.2rem;
  line-height: 2.2rem;
}
/* line 107, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.map {
  margin-bottom: 2rem;
}
/* line 109, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.map h3, .map p {
  font-family: "tradegothic";
  text-align: left !important;
}
/* line 113, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.map h3 {
  font-size: 1.1rem;
  margin-bottom: 0;
}
/* line 117, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.map .uk-margin {
  margin: 0 !important;
}
/* line 118, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.map p {
  margin: 5px 0 10px;
  font-size: 0.9rem;
}
/* line 122, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.map a.uk-button {
  background-color: #f7a800;
  color: #fff;
  border: none !important;
  min-height: 0;
  padding: 5px 10px;
  line-height: normal;
}
/* line 132, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
/* line 133, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.instagrid > div {
  position: relative;
}
/* line 135, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.instagrid > div:before {
  content: url('../../../../images/icons/ig_icon.png');
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 10px;
}
/* line 143, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.instagrid .uk-panel figure {
  width: 100%;
}
/* line 145, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.instagrid .uk-panel figure img {
  width: 100%;
  vertical-align: bottom;
}
/* line 151, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.instagrid .uk-overlay-background {
  background: rgba(0, 0, 0, .5);
}
/* line 155, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
/* line 156, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.instagrid .uk-overlay-panel > div {
  max-width: 100%;
}
/* line 158, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
.instagrid .uk-overlay-panel > div > div {
  word-wrap: break-word;
}
/* 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 */
/* LARGE DESKTOP */
/* 75rem / 1200px and above*/
@media only all and (min-width: 75rem) {
}
/* DESKTOP ONLY */
/* min 60rem / 960px  */
@media only all and (min-width: 60rem) {
}
/* NOT DESKTOP */
/* max 59.938rem / 959px  */
@media only all and (max-width: 59.938rem) {
  /* line 186, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
  .instagrid .uk-overlay-panel {
    display: none;
  }
}
/* DESKTOP & LARGE TABLET */
/* 60rem to 74.938rem / 960px to 1199px */
@media only all and (min-width: 60rem) and (max-width: 74.938rem) {
  /* line 192, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
  .instagrid .uk-overlay-panel {
    display: none;
  }
}
/* TABLET */
/* 48rem to 59.938rem / 768px to 959px */
@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
  /* line 198, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
  /* line 199, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
  .rio_family a[class*="button"] {
    min-width: 180px;
  }
  /* line 202, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
  .rio_family img.fly {
    left: -220px;
    bottom: -60px;
  }
  /* line 208, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
  .logos {
    margin-bottom: 0;
    height: 110px;
  }
}
/* TABLET & BELOW */
/* up to 47.938 rem / 767px */
@media only all and (max-width: 47.938rem) {
  /* line 217, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
  /* line 218, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
  .rio_family a[class*="button"] {
    margin-top: 1rem;
  }
  /* line 221, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
  .rio_family img.fly, .rio_family img.climb {
    display: none;
  }
  /* line 225, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
  .rio_family h2 {
    text-align: center;
  }
  /* line 227, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
  .rio_family h2 img {
    width: 150px;
    display: block;
  }
  /* line 233, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
  .our-story {
    width: 100%;
  }
  /* line 235, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
  .our-story .uk-grid {
    width: 100%;
  }
  /* line 238, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
  .our-story .uk-grid:nth-child(3), .our-story .uk-grid:nth-child(7) {
    margin-left: 0;
  }
  /* line 244, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
  .logos {
    margin-bottom: 0;
    height: 110px;
  }
}
/* LARGE MOBILE */
/* 30rem to 47.938rem / 480px to 767px */
@media only all and (min-width: 30.062rem) and (max-width: 47.938rem) {
  /* line 253, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
  /* line 254, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
  .instagrid > div:not(:first-of-type):not(:nth-child(2)) {
    display: none;
  }
}
/* SMALL MOBILE */
/* 30rem / 480px and below */
@media only all and (max-width: 30rem) {
  /* line 263, templates/g5_hydrogen/custom/scss/_widgetkit.scss */
  .instagrid > div:not(:first-of-type) {
    display: none;
  }
}
/***************************
 ****************************
 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:
 ****************************
 ***************************/
/* line 17, templates/g5_hydrogen/custom/scss/_forms.scss */
form[id*="chronoform"] {
  text-align: left;
  color: #37227c;
}
/* line 20, templates/g5_hydrogen/custom/scss/_forms.scss */
form[id*="chronoform"] label {
  display: none;
}
/* line 23, templates/g5_hydrogen/custom/scss/_forms.scss */
form[id*="chronoform"] textarea, form[id*="chronoform"] select, form[id*="chronoform"] input[type="text"], form[id*="chronoform"] input[type="password"], form[id*="chronoform"] input[type="datetime"], form[id*="chronoform"] input[type="datetime-local"], form[id*="chronoform"] input[type="date"], form[id*="chronoform"] input[type="month"], form[id*="chronoform"] input[type="time"], form[id*="chronoform"] input[type="week"], form[id*="chronoform"] input[type="number"], form[id*="chronoform"] input[type="email"], form[id*="chronoform"] input[type="url"], form[id*="chronoform"] input[type="search"], form[id*="chronoform"] input[type="tel"], form[id*="chronoform"] input[type="color"], form[id*="chronoform"] .uneditable-input {
  border: 1px solid #37227c;
  font-size: 1.2rem;
  width: 100%;
  box-sizing: border-box;
  height: 50px;
  padding: 0 1rem;
  margin-bottom: 1rem;
}
/* line 49, templates/g5_hydrogen/custom/scss/_forms.scss */
form[id*="chronoform"] textarea {
  min-height: 16rem;
  padding: 1rem;
}
/* line 54, templates/g5_hydrogen/custom/scss/_forms.scss */
form[id*="chronoform"] select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url('../../../../images/icons/dropdown_arrow.png') no-repeat right 1rem top 50%;
  background-size: 20px;
}
/* line 62, templates/g5_hydrogen/custom/scss/_forms.scss */
form[id*="chronoform"] select::-ms-expand {
  display: none;
}
/* line 66, templates/g5_hydrogen/custom/scss/_forms.scss */
form[id*="chronoform"] div#ftr-recaptcha label {
  display: block;
  font-weight: 600;
}
/* line 71, templates/g5_hydrogen/custom/scss/_forms.scss */
form[id*="chronoform"] .gcore-checkbox-item {
  margin: 1rem 0;
}
/* line 73, templates/g5_hydrogen/custom/scss/_forms.scss */
form[id*="chronoform"] .gcore-checkbox-item label {
  display: inline-block;
  font-size: 1rem;
}
/* line 77, templates/g5_hydrogen/custom/scss/_forms.scss */
form[id*="chronoform"] .gcore-checkbox-item input {
  width: 20px;
  height: 20px;
}
/* line 83, templates/g5_hydrogen/custom/scss/_forms.scss */
form[id*="chronoform"] div#ftr-button_send {
  margin-top: 2rem;
}
/* line 87, templates/g5_hydrogen/custom/scss/_forms.scss */
form[id*="chronoform"] ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #37227c;
}
/* line 90, templates/g5_hydrogen/custom/scss/_forms.scss */
form[id*="chronoform"] ::-moz-placeholder {
  /* Firefox 19+ */
  color: #37227c;
}
/* line 93, templates/g5_hydrogen/custom/scss/_forms.scss */
form[id*="chronoform"] :-ms-input-placeholder {
  /* IE 10+ */
  color: #37227c;
}
/* line 96, templates/g5_hydrogen/custom/scss/_forms.scss */
form[id*="chronoform"] :-moz-placeholder {
  /* Firefox 18- */
  color: #37227c;
}
/* line 100, templates/g5_hydrogen/custom/scss/_forms.scss */
/* line 101, templates/g5_hydrogen/custom/scss/_forms.scss */
form[id*="chronoform"] .columns .column + .column {
  margin-left: 4%;
}
/* line 106, templates/g5_hydrogen/custom/scss/_forms.scss */
/* line 107, templates/g5_hydrogen/custom/scss/_forms.scss */
form[id*="chronoform"] div#ftr-answer label {
  display: inline-block;
}
/* Submit message */
/* line 115, templates/g5_hydrogen/custom/scss/_forms.scss */
.submit-message {
  border: 4px solid #f7a800;
  border-radius: 6px;
  padding: 1rem;
}
/* line 119, templates/g5_hydrogen/custom/scss/_forms.scss */
.submit-message h2 {
  font-family: "tradegothic";
}
/* 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) {
}
/*@-webkit-keyframes swinging{
 0%{-webkit-transform: rotate(10deg);}
 50%{-webkit-transform: rotate(-5deg)}
 100%{-webkit-transform: rotate(10deg);}
 }
 @keyframes swinging{
 0%{transform: rotate(10deg);}
 50%{transform: rotate(-5deg)}
 100%{transform: rotate(10deg);}
 }*/
/* line 14, templates/g5_hydrogen/custom/scss/_animation.scss */
.swingimage {
  -webkit-transform-origin: 55% 0;
  transform-origin: 55% 0;
  /* -webkit-animation: swinging 3.5s ease-in-out forwards infinite;
   animation: swinging 3.5s ease-in-out forwards infinite;*/
  position: absolute;
  top: -50px;
  right: 0;
}
/*BESPOKE MEDIA QUERIES FOR SWINGIN MONKEY TO WORK WITH NAV */
@media screen and (max-width: 1449px) {
  /* line 29, templates/g5_hydrogen/custom/scss/_animation.scss */
  .swingimage {
    display: none;
  }
}
@media screen and (min-width: 1199px) {
  /* line 33, templates/g5_hydrogen/custom/scss/_animation.scss */
  #header-a {
    position: relative;
  }
}
/* line 37, templates/g5_hydrogen/custom/scss/_animation.scss */
#popup_backg {
  display: none;
}
/* line 39, templates/g5_hydrogen/custom/scss/_animation.scss */
#popup_backg #popup_comp {
  bottom: -850px;
  transition: bottom 0.25s;
  height: 835px;
  width: 513px;
}
@media (max-width: 513px) {
  #popup_backg #popup_comp {
    right: -21%;
  }
}
@media (max-width: 420px) {
  #popup_backg #popup_comp {
    right: -25%;
  }
}
@media (max-width: 360px) {
  #popup_backg #popup_comp {
    right: -30%;
  }
}
@media (max-width: 320px) {
  #popup_backg #popup_comp {
    right: -36%;
  }
}
/* line 63, templates/g5_hydrogen/custom/scss/_animation.scss */
#popup_backg #popup_comp.popupOpen {
  bottom: 0;
  transition: bottom 0.25s;
}
@media (max-height: 835px) {
  #popup_backg #popup_comp.popupOpen {
    top: 0;
    bottom: auto;
  }
}
/* line 77, templates/g5_hydrogen/custom/scss/_animation.scss */
#popup_backg.popupOpen {
  display: block;
}
/***************************
 ****************************
 NAME: _showcase.scss
 SITE: Made up company
 DESCRIPTION: Hover banner within the showcase on homepage
 -------------------------------------
 AUTHOR: Charlotte Osborne
 DATE CREATED: 30/06/17
 LAST MODIFIED DATE:
 LAST MODIFIED BY:
 ****************************
 ***************************/
/* line 19, templates/g5_hydrogen/custom/scss/_showcase.scss */
#showcase {
  background: #fff;
}
/* line 21, templates/g5_hydrogen/custom/scss/_showcase.scss */
#showcase h2 {
  color: #37227c;
  font-size: 3.8rem;
}
/* line 25, templates/g5_hydrogen/custom/scss/_showcase.scss */
#showcase .hover_banner_bkgd {
  background-image: url('../../../../images/background/main_background_large.png') !important;
}
/* line 28, templates/g5_hydrogen/custom/scss/_showcase.scss */
#showcase .customhover_banner {
  height: 60rem;
  background-image: url('../../../../images/background/main_background_large_fade.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center -60px;
}
/* line 34, templates/g5_hydrogen/custom/scss/_showcase.scss */
#showcase .customhover_banner > div {
  height: 100%;
}
/* line 36, templates/g5_hydrogen/custom/scss/_showcase.scss */
#showcase .customhover_banner > div > div {
  float: left;
}
/* line 41, templates/g5_hydrogen/custom/scss/_showcase.scss */
#showcase .customhover_banner div#center {
  width: 700px;
  margin: 0 auto;
  display: block;
}
/* line 45, templates/g5_hydrogen/custom/scss/_showcase.scss */
#showcase .customhover_banner div#center div.center_top {
  width: 100%;
  height: 50%;
}
/* line 49, templates/g5_hydrogen/custom/scss/_showcase.scss */
#showcase .customhover_banner div#center div.center_top.default {
  text-align: center;
}
/* line 50, templates/g5_hydrogen/custom/scss/_showcase.scss */
#showcase .customhover_banner div#center div.center_top.tropical, #showcase .customhover_banner div#center div.center_top.tropical-light {
  text-align: left;
  padding-left: 6rem;
}
/* line 54, templates/g5_hydrogen/custom/scss/_showcase.scss */
#showcase .customhover_banner div#center div.center_top.tropical img, #showcase .customhover_banner div#center div.center_top.tropical-light img {
  width: 260px;
  margin-right: 1rem;
}
/* line 60, templates/g5_hydrogen/custom/scss/_showcase.scss */
#showcase .customhover_banner div#center div.center_top {
  padding-top: 4rem;
}
/* line 64, templates/g5_hydrogen/custom/scss/_showcase.scss */
#showcase .customhover_banner div#center div.center_bottom_left, #showcase .customhover_banner div#center div.center_bottom_right {
  width: 50%;
  height: 50%;
  padding-top: 4rem;
}
/* line 73, templates/g5_hydrogen/custom/scss/_showcase.scss */
#showcase .rio_inactive {
  opacity: 0.6;
}
/* 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 */
/* Different image to make room for Monkey swinging! */
@media screen and (min-width: 1300px) {
  /* line 90, templates/g5_hydrogen/custom/scss/_showcase.scss */
  #showcase .hover_banner_bkgd {
    background-image: url('../../../../images/background/main_background_large(monkey).png') !important;
  }
  /* line 94, templates/g5_hydrogen/custom/scss/_showcase.scss */
  #showcase .customhover_banner {
    background-image: url('../../../../images/background/main_background_large(monkey)_fade.png');
  }
}
/* 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) {
}
/* NOT DESKTOP */
/* max 59.938rem / 959px  */
@media only all and (max-width: 59.938rem) {
}
/* TABLET */
/* 48rem to 59.938rem / 768px to 959px */
@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
  /* line 120, templates/g5_hydrogen/custom/scss/_showcase.scss */
  #showcase {
    background: #fff url('../../../../images/background/main_background_tablet.png') no-repeat center top;
    background-size: cover;
    background-size: 160%;
    /*height: 58rem;*/
    background-position: top -90px left 53%;
  }
  /* line 126, templates/g5_hydrogen/custom/scss/_showcase.scss */
  #showcase .custom {
    width: 60%;
    margin: auto;
  }
  /* line 130, templates/g5_hydrogen/custom/scss/_showcase.scss */
  #showcase a {
    display: inline-block;
    width: 49%;
    margin-top: 105%;
    margin-bottom: 1rem;
  }
  /* line 136, templates/g5_hydrogen/custom/scss/_showcase.scss */
  #showcase a.primary_button {
    display: none;
    /*margin-top: 0;*/
  }
}
/* TABLET & BELOW
 /* up to 47.938 rem / 767px */
@media only all and (max-width: 47.938rem) {
  /* line 146, templates/g5_hydrogen/custom/scss/_showcase.scss */
  #showcase {
    background: #fff url('../../../../images/background/main_background_mobile.png') no-repeat center top;
    background-size: cover;
  }
  /* line 149, templates/g5_hydrogen/custom/scss/_showcase.scss */
  #showcase .custom {
    width: 80%;
    margin: auto;
  }
  /* line 153, templates/g5_hydrogen/custom/scss/_showcase.scss */
  #showcase a {
    display: inline-block;
    width: 48%;
    margin-top: 22rem;
  }
  /* line 158, templates/g5_hydrogen/custom/scss/_showcase.scss */
  #showcase a.primary_button {
    width: 60%;
    display: block;
    margin: auto;
    margin-top: 0;
    margin-bottom: 3rem;
  }
}
/* 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) {
  /* line 180, templates/g5_hydrogen/custom/scss/_showcase.scss */
  /* line 181, templates/g5_hydrogen/custom/scss/_showcase.scss */
  #showcase a.primary_button {
    width: 80%;
  }
}
/* iPhone 6 Plus */
/* 414px and above */
@media screen and (min-width: 414px) and (max-width: 767px) {
  /*height: 48rem;*/
  /* line 191, templates/g5_hydrogen/custom/scss/_showcase.scss */
  /* line 193, templates/g5_hydrogen/custom/scss/_showcase.scss */
  #showcase a {
    margin-top: 120%;
  }
}
/* SMALLER MOBILE */
/* 320px and below */
@media screen and (max-width: 320px) {
  /* line 202, templates/g5_hydrogen/custom/scss/_showcase.scss */
  #showcase {
    height: 38rem;
  }
  /* line 204, templates/g5_hydrogen/custom/scss/_showcase.scss */
  #showcase .custom {
    width: 70%;
    margin: auto;
  }
  /* line 208, templates/g5_hydrogen/custom/scss/_showcase.scss */
  #showcase a {
    display: inline-block;
    width: 48%;
    margin-top: 19rem;
  }
  /* line 213, templates/g5_hydrogen/custom/scss/_showcase.scss */
  #showcase a.primary_button {
    width: 100%;
    display: block;
    margin: auto;
    margin-top: 1rem;
    font-size: 1.6rem;
  }
}
/***************************
 ****************************
 NAME: _custom_showcase_module_2022.scss
 SITE: Drink Rio
 DESCRIPTION: Styling to accompany custom showcase banner module: mod_rio_showcase
 -------------------------------------
 AUTHOR: Becky Allenby
 DATE CREATED: 01/11/2022
 ****************************
 ***************************/
/* line 16, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
#custom-rio-showcase-module {
  min-height: calc(100vh - 5px);
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  #custom-rio-showcase-module {
    align-items: flex-end;
    min-height: calc(100vh - 80px);
  }
}
/* line 28, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
#custom-rio-showcase-module .showcase-banner--background-img {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 100%;
}
/* line 35, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
#custom-rio-showcase-module .showcase-banner--background-img .background-wrapper {
  height: 100%;
  width: 100%;
}
/* line 40, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
#custom-rio-showcase-module .showcase-banner--background-img img {
  object-fit: cover;
  object-position: right bottom;
  height: 100%;
  width: 100%;
}
/* line 48, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
#custom-rio-showcase-module .showcase-banner--background-img:after {
  content: "";
  background: linear-gradient(257deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}
@media (max-width: 767px) {
  #custom-rio-showcase-module .showcase-banner--background-img:after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  }
}
/* line 65, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
#custom-rio-showcase-module .showcase-banner--foreground-img {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  width: 100%;
}
/* line 72, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
#custom-rio-showcase-module .showcase-banner--foreground-img .foreground-wrapper {
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
}
/* line 79, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
#custom-rio-showcase-module .showcase-banner--foreground-img img.left-img {
  position: absolute;
  height: auto;
  width: auto;
  left: -5px;
  bottom: 0;
  transform: translateY(0%) scale(1.04);
}
/* line 88, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
#custom-rio-showcase-module .showcase-banner--foreground-img img.right-img {
  position: absolute;
  height: 100%;
  width: auto;
  right: -5px;
  bottom: 0;
  transform: translateY(0%) scale(1.04);
}
@media (max-width: 1849px) {
  #custom-rio-showcase-module .showcase-banner--foreground-img img.right-img {
    right: -50px;
  }
}
@media (max-width: 1649px) {
  #custom-rio-showcase-module .showcase-banner--foreground-img img.right-img {
    right: -100px;
  }
}
@media (max-width: 1199px) {
  #custom-rio-showcase-module .showcase-banner--foreground-img img.right-img {
    right: -150px;
  }
}
@media (max-width: 1098px) {
  #custom-rio-showcase-module .showcase-banner--foreground-img img.right-img {
    height: auto;
    top: -5px;
    right: -10px;
    bottom: unset;
  }
}
/* line 113, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
#custom-rio-showcase-module .showcase-banner--foreground-img img.magical-hover-effect {
  transform: translateY(inherit);
  transition: 2s;
}
/* line 117, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
/* line 118, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
#custom-rio-showcase-module .showcase-banner--foreground-img img.magical-hover-effect.left-img.scroll-down {
  transform: translateY(7%) scale(1.04);
  transition: 1s;
}
/* line 122, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
#custom-rio-showcase-module .showcase-banner--foreground-img img.magical-hover-effect.left-img.scroll-up {
  transform: translateY(-7%) scale(1.04);
  transition: 1s;
}
/* line 128, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
/* line 129, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
#custom-rio-showcase-module .showcase-banner--foreground-img img.magical-hover-effect.right-img.scroll-down {
  transform: translateY(3%) scale(1.04);
  transition: 2s;
}
/* line 133, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
#custom-rio-showcase-module .showcase-banner--foreground-img img.magical-hover-effect.right-img.scroll-up {
  transform: translateY(-3%) scale(1.04);
  transition: 2s;
}
/* line 150, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
#custom-rio-showcase-module .showcase-banner--content {
  position: relative;
  z-index: 4;
  padding: 0 30px;
  margin: 0 auto;
  width: 75rem;
}
@media (max-width: 1199px) {
  #custom-rio-showcase-module .showcase-banner--content {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #custom-rio-showcase-module .showcase-banner--content {
    padding: 20px;
  }
}
/* line 164, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
#custom-rio-showcase-module .showcase-banner--content .content-wrapper {
  max-width: 700px;
  padding: 250px 0 200px 0;
}
@media (max-width: 1199px) {
  #custom-rio-showcase-module .showcase-banner--content .content-wrapper {
    max-width: 600px;
  }
}
@media (max-width: 959px) {
  #custom-rio-showcase-module .showcase-banner--content .content-wrapper {
    padding: 180px 0 120px 0;
  }
}
@media (max-width: 800px) {
  #custom-rio-showcase-module .showcase-banner--content .content-wrapper {
    padding: 180px 0 20px 0;
  }
}
@media (max-width: 767px) {
  #custom-rio-showcase-module .showcase-banner--content .content-wrapper {
    max-width: none;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) and (orientation: portrait) {
  #custom-rio-showcase-module .showcase-banner--content .content-wrapper {
    padding: 200px 0 0 0;
  }
}
/* line 185, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
#custom-rio-showcase-module .showcase-banner--content .content-wrapper h1 {
  color: white;
  font-size: 8.125rem;
  line-height: 0.9;
  margin: 0 0 30px 0;
}
@media (max-width: 1299px) {
  #custom-rio-showcase-module .showcase-banner--content .content-wrapper h1 {
    font-size: 7.188rem;
  }
}
@media (max-width: 1199px) {
  #custom-rio-showcase-module .showcase-banner--content .content-wrapper h1 {
    font-size: 6.25rem;
  }
}
@media (max-width: 767px) {
  #custom-rio-showcase-module .showcase-banner--content .content-wrapper h1 {
    text-align: center;
    font-size: 5.125rem;
  }
}
@media (max-width: 450px) {
  #custom-rio-showcase-module .showcase-banner--content .content-wrapper h1 {
    font-size: 4.8rem;
  }
}
@media (max-width: 365px) {
  #custom-rio-showcase-module .showcase-banner--content .content-wrapper h1 {
    font-size: 4.4rem;
  }
}
/* line 208, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
#custom-rio-showcase-module .showcase-banner--content .content-wrapper a {
  display: inline-block;
  font-size: 2.5rem;
  line-height: 1;
  width: auto;
  padding: 25px 30px 22px 30px;
  margin: 0;
}
/* line 215, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
#custom-rio-showcase-module .showcase-banner--content .content-wrapper a:hover, #custom-rio-showcase-module .showcase-banner--content .content-wrapper a:active, #custom-rio-showcase-module .showcase-banner--content .content-wrapper a:focus {
  background-color: #37227c;
  border-color: #37227c;
  transform: scale(1.05);
}
@media (max-width: 1299px) {
  #custom-rio-showcase-module .showcase-banner--content .content-wrapper a {
    font-size: 2.125rem;
    padding: 20px 25px;
  }
}
@media (max-width: 767px) {
  #custom-rio-showcase-module .showcase-banner--content .content-wrapper a {
    display: block;
    font-size: 1.875rem;
    padding: 15px 20px;
  }
  /* line 228, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
  #custom-rio-showcase-module .showcase-banner--content .content-wrapper a:hover, #custom-rio-showcase-module .showcase-banner--content .content-wrapper a:active, #custom-rio-showcase-module .showcase-banner--content .content-wrapper a:focus {
    transform: none;
  }
}
/* line 240, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
#custom-rio-showcase-module .showcase-banner--wave {
  position: absolute;
  left: -2px;
  bottom: -9px;
  z-index: 4;
}
@media (max-width: 365px) {
  #custom-rio-showcase-module .showcase-banner--wave {
    bottom: -10px;
  }
}
/* line 249, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
#custom-rio-showcase-module .showcase-banner--wave .wave-wrapper svg {
  height: 100%;
  width: calc(100vw + 4px);
  vertical-align: baseline;
}
@media (max-width: 450px) {
  #custom-rio-showcase-module .showcase-banner--wave .wave-wrapper svg {
    height: 40px;
    vertical-align: bottom;
  }
}
/* line 257, templates/g5_hydrogen/custom/scss/_custom_showcase_module_2022.scss */
#custom-rio-showcase-module .showcase-banner--wave .wave-wrapper svg path {
  width: 100%;
}
/***************************
 ****************************
 NAME: _home_2022.scss
 SITE: Drink Rio
 DESCRIPTION: Styling to accompany custom showcase banner changes for home page
 -------------------------------------
 AUTHOR: Becky Allenby
 DATE CREATED: 01/11/2022
 ****************************
 ***************************/
/* line 17, templates/g5_hydrogen/custom/scss/_home_2022.scss */
/* line 21, templates/g5_hydrogen/custom/scss/_home_2022.scss */
body#home.home-2022 #g-navigation {
  background-color: transparent;
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  margin-top: 30px;
}
@media (max-width: 959px) {
  body#home.home-2022 #g-navigation {
    margin-top: 20px;
  }
}
/* line 37, templates/g5_hydrogen/custom/scss/_home_2022.scss */
body#home.home-2022 #g-navigation .g-grid {
  align-items: center;
}
/* line 40, templates/g5_hydrogen/custom/scss/_home_2022.scss */
body#home.home-2022 #g-navigation .g-content {
  padding: 0;
  margin: 0;
}
/* line 47, templates/g5_hydrogen/custom/scss/_home_2022.scss */
body#home.home-2022 #g-navigation .g-block.home-2022-logo {
  text-align: left;
  padding-left: 30px;
}
@media (max-width: 959px) {
  body#home.home-2022 #g-navigation .g-block.home-2022-logo {
    padding-left: 20px;
  }
}
/* line 54, templates/g5_hydrogen/custom/scss/_home_2022.scss */
body#home.home-2022 #g-navigation .g-block.home-2022-logo .logo.swap-logo {
  text-align: left;
}
/* line 57, templates/g5_hydrogen/custom/scss/_home_2022.scss */
body#home.home-2022 #g-navigation .g-block.home-2022-logo .logo.swap-logo img {
  height: 100px;
  width: auto;
}
@media (max-width: 1199px) {
  body#home.home-2022 #g-navigation .g-block.home-2022-logo .logo.swap-logo img {
    height: 85px;
  }
}
@media (max-width: 959px) {
  body#home.home-2022 #g-navigation .g-block.home-2022-logo .logo.swap-logo img {
    height: 80px;
  }
}
@media (max-width: 767px) {
  body#home.home-2022 #g-navigation .g-block.home-2022-logo .logo.swap-logo img {
    display: none;
  }
}
/* line 73, templates/g5_hydrogen/custom/scss/_home_2022.scss */
body#home.home-2022 #g-navigation .g-block.home-2022-logo .logo.swap-logo:after {
  content: "";
  background-image: url('../theme-images/rio_logo.png?638873dc');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  position: absolute;
  top: -20px;
  left: 20px;
  padding: 57px;
}
@media (min-width: 768px) {
  body#home.home-2022 #g-navigation .g-block.home-2022-logo .logo.swap-logo:after {
    content: none;
  }
}
/* line 94, templates/g5_hydrogen/custom/scss/_home_2022.scss */
body#home.home-2022 #g-navigation .g-block.home-2022-main-nav {
  height: 100%;
  background: #37227c;
  border-radius: 10px 0 0 10px;
}
/* line 99, templates/g5_hydrogen/custom/scss/_home_2022.scss */
body#home.home-2022 #g-navigation .g-block.home-2022-main-nav nav.g-main-nav {
  margin: unset;
}
/* line 103, templates/g5_hydrogen/custom/scss/_home_2022.scss */
body#home.home-2022 #g-navigation .g-block.home-2022-main-nav ul.g-toplevel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 20px 50px;
}
@media (max-width: 1299px) {
  body#home.home-2022 #g-navigation .g-block.home-2022-main-nav ul.g-toplevel {
    padding: 15px 30px;
  }
}
@media (max-width: 1199px) {
  body#home.home-2022 #g-navigation .g-block.home-2022-main-nav ul.g-toplevel {
    padding: 15px 25px;
  }
}
/* line 116, templates/g5_hydrogen/custom/scss/_home_2022.scss */
/* line 118, templates/g5_hydrogen/custom/scss/_home_2022.scss */
@media (min-width: 960px) {
  body#home.home-2022 #g-navigation .g-block.home-2022-main-nav ul.g-toplevel li:first-of-type {
    display: none;
  }
}
/* line 124, templates/g5_hydrogen/custom/scss/_home_2022.scss */
body#home.home-2022 #g-navigation .g-block.home-2022-main-nav ul.g-toplevel li:last-of-type {
  float: none;
  margin: 0;
}
/* line 129, templates/g5_hydrogen/custom/scss/_home_2022.scss */
@media (max-width: 999px) {
  body#home.home-2022 #g-navigation .g-block.home-2022-main-nav ul.g-toplevel li span {
    font-size: 1.4rem;
  }
}
/* line 135, templates/g5_hydrogen/custom/scss/_home_2022.scss */
body#home.home-2022 #g-navigation .g-block.home-2022-main-nav ul.g-toplevel li a {
  padding: 0;
}
/* line 149, templates/g5_hydrogen/custom/scss/_home_2022.scss */
body#home.home-2022 .g-offcanvas-toggle {
  align-items: center;
  z-index: 999;
  border-radius: 10px 0 0 10px;
  padding: 20px;
  top: 20px;
  right: 0;
}
@media (max-width: 959px) {
  body#home.home-2022 .g-offcanvas-toggle {
    display: flex;
  }
}
/* line 160, templates/g5_hydrogen/custom/scss/_home_2022.scss */
body#home.home-2022 .g-offcanvas-toggle i {
  display: none;
}
/* line 162, templates/g5_hydrogen/custom/scss/_home_2022.scss */
body#home.home-2022 .g-offcanvas-toggle:before {
  content: "Menu";
  color: white;
  font-family: 'naonweh', 'antero', 'arial', serif;
  font-size: 2.125rem;
  line-height: 1;
  margin-right: 15px;
}
/* line 171, templates/g5_hydrogen/custom/scss/_home_2022.scss */
body#home.home-2022 .g-offcanvas-toggle:after {
  content: "";
  background-image: url('../theme-images/rio-2022-mobile-nav-btn.svg?638873dc');
  background-repeat: no-repeat;
  background-size: contain;
  height: 25px;
  width: 40px;
}
/* line 184, templates/g5_hydrogen/custom/scss/_home_2022.scss */
body#home.home-2022 #meet-the-rio-family {
  padding-top: 100px;
}
@media (max-width: 959px) {
  body#home.home-2022 #meet-the-rio-family {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  body#home.home-2022 #meet-the-rio-family {
    padding-top: 60px;
  }
}
/* line 193, templates/g5_hydrogen/custom/scss/_home_2022.scss */
body#home.home-2022 #meet-the-rio-family h2 {
  font-size: 4.375rem;
  line-height: 1;
  margin: 0;
}
@media (max-width: 767px) {
  body#home.home-2022 #meet-the-rio-family h2 {
    font-size: 2.813rem;
  }
}
/* line 202, templates/g5_hydrogen/custom/scss/_home_2022.scss */
body#home.home-2022 #meet-the-rio-family p.callout {
  color: #f7a800;
}
@media (max-width: 767px) {
  body#home.home-2022 #meet-the-rio-family p.callout {
    display: none;
  }
}
/* line 213, templates/g5_hydrogen/custom/scss/_home_2022.scss */
body#home.home-2022 #g-subfeature {
  z-index: 3;
  display: flex;
  padding-bottom: 120px;
}
@media (max-width: 1199px) {
  body#home.home-2022 #g-subfeature {
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  body#home.home-2022 #g-subfeature {
    padding-bottom: 80px;
  }
}
/* line 224, templates/g5_hydrogen/custom/scss/_home_2022.scss */
@media (max-width: 767px) {
  body#home.home-2022 #g-subfeature .g-container {
    width: 100%;
  }
}
/* line 231, templates/g5_hydrogen/custom/scss/_home_2022.scss */
/* line 233, templates/g5_hydrogen/custom/scss/_home_2022.scss */
body#home.home-2022 #g-subfeature .products_home a:not(.dropdown_button) {
  line-height: 1.2;
}
@media (max-width: 767px) {
  body#home.home-2022 #g-subfeature .products_home a:not(.dropdown_button) {
    font-size: 1.75rem;
  }
}
@media (max-width: 450px) {
  body#home.home-2022 #g-subfeature .products_home a:not(.dropdown_button) {
    font-size: 1.563rem;
  }
}
/* line 243, templates/g5_hydrogen/custom/scss/_home_2022.scss */
@media (max-width: 450px) {
  body#home.home-2022 #g-subfeature .products_home a.dropdown_button {
    font-size: 1.25rem;
  }
}
/* line 249, templates/g5_hydrogen/custom/scss/_home_2022.scss */
/* line 250, templates/g5_hydrogen/custom/scss/_home_2022.scss */
body#home.home-2022 #g-subfeature .products_home .buy_button ul.dropdown li a {
  padding: 10px;
}
@media (max-width: 767px) {
  body#home.home-2022 #g-subfeature .products_home .buy_button ul.dropdown li a {
    font-size: 1.25rem;
  }
}
@media (max-width: 450px) {
  body#home.home-2022 #g-subfeature .products_home .buy_button ul.dropdown li a {
    font-size: 1rem;
  }
}