@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);@charset "UTF-8";
/* ============================================================
	* JD SCSS
============================================================ */
/**
  * This is a lightweight SASS framework, following multiple 
  * methodologies including BEM, ITCSS, OOCSS, CSS Namespacing 
  * and also flex. To see more take a look in the read me.
*/
/* ———————————————————————————————————————— */
/* Settings
/* ———————————————————————————————————————— */
/* ============================================================
	* Settings - Colours
============================================================ */
/**
	* This is where all of the project colours are set up,
	* we have a simple process to follow for generating the 
	* colours. The first step is to go to the following url:
	* https://colordesigner.io/what-color-is-this
	*
	* Before we enter our hex codes we need to chnage the list
	* type be NTC.
	*
	* Once we have done this we can get out colour names
	* from this website, just enter the hex code of your
	* colour and it will return a name such as Milano Red.
	*
	* Now we have this name we will create a new variable
	* with this name in the default colours section under
	* $black and $white. For example we would create:
	* $milano-red: #C11010;
	*
	* Then in our Brand colours we will set the two most
	* commonly used colours to be primary and secondary,
	* for example:
	* $colour-primary: $milano-red;
	* $colour-secondary: $ultramarine;
*/
/* Colours
* 
* Our projects colour pallet, please see above on how to 
* create the pallet.
*
* 1. Do not remove these two, $black and $white are required,
*    You can however change there hex codes.
============================================================ */
/* [1] */
/* [1] */
/* [1] */
/* Brand Colours
* 
* These are the most commonly used colours in our project and
* are specfic to the brand we are working for, see above on
* how these are set.
============================================================ */
/* ============================================================
	* Settings - Fonts
============================================================ */
/**
	* Here is where fonts are set, we set font family,
	* font weights and font sizings
*/
/* Font Families
* 
* Set font families here, the primary one must always exist,
* just create a new variable for new font families.
*
* 2. This is just an example name for a new font family
============================================================ */
/* Font Weights
* 
* Set font weights here, the names should stay the same,
* however more may be addded and there values can be
* changed.
============================================================ */
/* Font Weights
* 
* Set font weights here, the names should stay the same,
* however more may be addded and there values can be
* changed.
============================================================ */
/* Font Line Height
* 
* This is a global amount that is added to a font size to
* get its line height. For example if we have a font size of
* 30px then our line height var is 10px our line height would
* be 40px.
============================================================ */
/* ============================================================
	* Settings - Breakpoints
============================================================ */
/**
	* Here we will set our project breakpoints, these should 
	* not really need to change at all, these will be used 
	* for our media quiries and also to make up our spacing
	* and widths helpers.
	* An example media query is:
	* @include media(ipad) {}
	* @include media(macbook) {}
*/
/* ============================================================
	* Settings - Spacing
============================================================ */
/**
	* Here we set all our spacing vars to be used accross our
	* project also here we set inforamtion to be used on 
	* our helper classes that out generated.
	*
	* 1. This is out base spacing, all other modifiers should
	* 	 be based from this.
	*
	* 2. Here we are setting what spacing options we want for
	* 	 our helper classes.
	*
	* 3. Here we are building up our helper classes, here we 
	*	 are referencing all the directions used on our 
	*	 spacing helpers and we are using a short hand version.
	*
	* 4. Here we are shorthanding padding and margin to make
	*	 our classes shorter.
*/
/* [1] */
/* [2] */
/* [3] */
/* [4] */
/* ============================================================
	* Settings - Rows
============================================================ */
/**
	* This is where we can simply set the row spacing across,
	* all are devices. See the layouts/rows file for more
	* info.
*/
/* ============================================================
	* Settings - Grid
============================================================ */
/**
*
* Here we add the settings for the in build grid system,
* the grid system is class based and is generated for us.
* For more infomation on the grid please see the read me 
* or the utilities/grid file.
*
* 1. This is where are gutters are set for the grid, these
*	 will then be generated in the objects/layout file to allow
*	 our grid to have gutters.
*
* 2. Here we are setting our fractions to be used in the grid.
============================================================ */
/* [1] */
/* [2]. */
/* ============================================================
	* Settings - Border Radius
============================================================ */
/**
	* Set a default border radius, this is used for buttons
	* and form inputs but can also be called accross the
	* project to maintian a standerd border radius.
*/
/* ============================================================
	* Settings - Transition
============================================================ */
/**
	* Some simple settings that are used for a transtion mixin
	* that will be used accross the project to keep 
	* transitions all consistant.
*/
/* ———————————————————————————————————————— */
/* Tools
/* ———————————————————————————————————————— */
/* ============================================================
	* Tools - Media Query
============================================================ */
/** 
	* Media-queries are really simple they are set
	* up in the global settings and use device names
	* which are the easiest way to remember them.
	* Out of the box, this framework is mobile
	* first but there is media quires generated for both min 
	* abd max widths,
	* Example: 
	* @include media(ipad) {}
	* @include media(ipad--max) {}
*/
/* ============================================================
	* Tools - Transition
============================================================ */
/** 
	* A simple tool for quick and consistent transitions
	* @include transition(color, background) {}
*/
/* ============================================================
	* Tools - Aspect Ratio
============================================================ */
/**
	* A mixin to make for giving elemnets heigh via an aspect 
	* ratio.
	* Example:
	* @include aspect-ratio(16, 9);
*/
/* ============================================================
	* Tools - Cover
============================================================ */
/*
	* The global mixin for covering over something 100%.
	* Can pass and optional z-index as well.
	* Example:
	* @include cover(2);
*/
/* ———————————————————————————————————————— */
/* Generic - Normalize, reset etc..
/* ———————————————————————————————————————— */
/*! sanitize.css v8.0.0 | CC0 License | github.com/csstools/sanitize.css */
/* Document
* ========================================================================== */
/**
* 1. Remove repeating backgrounds in all browsers (opinionated).
* 2. Add border box sizing in all browsers (opinionated).
*/
body[sim-page=pp], body[sim-page=settings], body[sim-page=pp-food-plan], body[sim-page=pp-checkin], body[sim-page=pp-cardio], body[sim-page=pp-training-plan] {
  /**
  * 1. Add text decoration inheritance in all browsers (opinionated).
  * 2. Add vertical alignment inheritance in all browsers (opinionated).
  */
}
body[sim-page=pp] *,
body[sim-page=pp] ::before,
body[sim-page=pp] ::after, body[sim-page=settings] *,
body[sim-page=settings] ::before,
body[sim-page=settings] ::after, body[sim-page=pp-food-plan] *,
body[sim-page=pp-food-plan] ::before,
body[sim-page=pp-food-plan] ::after, body[sim-page=pp-checkin] *,
body[sim-page=pp-checkin] ::before,
body[sim-page=pp-checkin] ::after, body[sim-page=pp-cardio] *,
body[sim-page=pp-cardio] ::before,
body[sim-page=pp-cardio] ::after, body[sim-page=pp-training-plan] *,
body[sim-page=pp-training-plan] ::before,
body[sim-page=pp-training-plan] ::after {
  background-repeat: no-repeat;
  /* 1 */
  box-sizing: border-box;
  /* 2 */
}
body[sim-page=pp] ::before,
body[sim-page=pp] ::after, body[sim-page=settings] ::before,
body[sim-page=settings] ::after, body[sim-page=pp-food-plan] ::before,
body[sim-page=pp-food-plan] ::after, body[sim-page=pp-checkin] ::before,
body[sim-page=pp-checkin] ::after, body[sim-page=pp-cardio] ::before,
body[sim-page=pp-cardio] ::after, body[sim-page=pp-training-plan] ::before,
body[sim-page=pp-training-plan] ::after {
  text-decoration: inherit;
  /* 1 */
  vertical-align: inherit;
  /* 2 */
}

/* Sections
* ========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body[sim-page=pp], body[sim-page=settings], body[sim-page=pp-food-plan], body[sim-page=pp-checkin], body[sim-page=pp-cardio], body[sim-page=pp-training-plan] {
  margin: 0;
  /* Grouping content
  * ========================================================================== */
  /**
  * 1. Add the correct sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */
  /**
  * Add the correct display in IE.
  */
  /**
  * Remove the list style on navigation lists in all browsers (opinionated).
  */
  /**
  * 1. Use the default monospace user interface font
  *    in all browsers (opinionated).
  * 2. Correct the odd `em` font sizing in all browsers.
  */
  /* Text-level semantics
  * ========================================================================== */
  /**
  * Remove the gray background on active links in IE 10.
  */
  /**
  * Add the correct text decoration in Edge, IE, Opera, and Safari.
  */
  /**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */
  /**
  * 1. Use the default monospace user interface font
  *    in all browsers (opinionated).
  * 2. Correct the odd `em` font sizing in all browsers.
  */
  /**
  	* Add the correct font size in all browsers.
  */
  /*
  * Remove the text shadow on text selections in Firefox 61- (opinionated).
  * 1. Restore the coloring undone by defining the text shadow
  *    in all browsers (opinionated).
  */
  /* Embedded content
  * ========================================================================== */
  /*
  * Change the alignment on media elements in all browsers (opinionated).
  */
  /**
  * Add the correct display in IE 9-.
  */
  /**
  * Add the correct display in iOS 4-7.
  */
  /**
  * Remove the border on images inside links in IE 10-.
  */
  /**
  * Change the fill color to match the text color in all browsers (opinionated).
  */
  /**
  * Hide the overflow in IE.
  */
  /* Tabular data
  * ========================================================================== */
  /**
  * Collapse border spacing in all browsers (opinionated).
  */
  /* Forms
  * ========================================================================== */
  /**
  * Inherit styling in all browsers (opinionated).
  */
  /**
  * Remove the margin in Safari.
  */
  /**
  * 1. Show the overflow in IE.
  * 2. Remove the inheritance of text transform in Edge, Firefox, and IE.
  */
  /**
  * Correct the inability to style clickable types in iOS and Safari.
  */
  /**
  * Correct the padding in Firefox.
  */
  /**
  * Show the overflow in Edge and IE.
  */
  /**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  */
  /**
  * 1. Add the correct display in Edge and IE.
  * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */
  /**
  * Remove the inheritance of text transform in Firefox.
  */
  /**
  * 1. Remove the margin in Firefox and Safari.
  * 2. Remove the default vertical scrollbar in IE.
  * 3. Change the resize direction on textareas in all browsers (opinionated).
  */
  /**
  * Remove the padding in IE 10-.
  */
  /**
  * 1. Correct the odd appearance in Chrome and Safari.
  * 2. Correct the outline style in Safari.
  */
  /**
  * Correct the cursor style of increment and decrement buttons in Safari.
  */
  /**
  * Correct the text style of placeholders in Chrome, Edge, and Safari.
  */
  /**
  * Remove the inner padding in Chrome and Safari on macOS.
  */
  /**
  * 1. Correct the inability to style clickable types in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */
  /**
  * Remove the inner border and padding of focus outlines in Firefox.
  */
  /**
  * Restore the focus outline styles unset by the previous rule in Firefox.
  */
  /* Interactive
  * ========================================================================== */
  /*
  * Add the correct display in Edge and IE.
  */
  /*
  * Add the correct styles in Edge, IE, and Safari.
  */
  /*
  * Add the correct display in all browsers.
  */
  /* Scripting
  * ========================================================================== */
  /**
  * Add the correct display in IE 9-.
  */
  /**
  * Add the correct display in IE.
  */
  /* User interaction
  * ========================================================================== */
  /*
  * 1. Remove the tapping delay in IE 10.
  * 2. Remove the tapping delay on clickable elements
  in all browsers (opinionated).
  */
  /**
  * Add the correct display in IE 10-.
  */
  /* Accessibility
  * ========================================================================== */
  /**
  * Change the cursor on busy elements in all browsers (opinionated).
  */
  /*
  * Change the cursor on control elements in all browsers (opinionated).
  */
  /*
  * Change the cursor on disabled, not-editable, or otherwise
  * inoperable elements in all browsers (opinionated).
  */
  /*
  * Change the display on visually hidden accessible elements
  * in all browsers (opinionated).
  */
}
body[sim-page=pp] hr, body[sim-page=settings] hr, body[sim-page=pp-food-plan] hr, body[sim-page=pp-checkin] hr, body[sim-page=pp-cardio] hr, body[sim-page=pp-training-plan] hr {
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
body[sim-page=pp] main, body[sim-page=settings] main, body[sim-page=pp-food-plan] main, body[sim-page=pp-checkin] main, body[sim-page=pp-cardio] main, body[sim-page=pp-training-plan] main {
  display: block;
}
body[sim-page=pp] nav ol,
body[sim-page=pp] nav ul, body[sim-page=settings] nav ol,
body[sim-page=settings] nav ul, body[sim-page=pp-food-plan] nav ol,
body[sim-page=pp-food-plan] nav ul, body[sim-page=pp-checkin] nav ol,
body[sim-page=pp-checkin] nav ul, body[sim-page=pp-cardio] nav ol,
body[sim-page=pp-cardio] nav ul, body[sim-page=pp-training-plan] nav ol,
body[sim-page=pp-training-plan] nav ul {
  list-style: none;
}
body[sim-page=pp] pre, body[sim-page=settings] pre, body[sim-page=pp-food-plan] pre, body[sim-page=pp-checkin] pre, body[sim-page=pp-cardio] pre, body[sim-page=pp-training-plan] pre {
  font-family: Menlo, Consolas, Roboto Mono, Ubuntu Monospace, Noto Mono, Oxygen Mono, Liberation Mono, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
body[sim-page=pp] a, body[sim-page=settings] a, body[sim-page=pp-food-plan] a, body[sim-page=pp-checkin] a, body[sim-page=pp-cardio] a, body[sim-page=pp-training-plan] a {
  background-color: transparent;
}
body[sim-page=pp] abbr[title], body[sim-page=settings] abbr[title], body[sim-page=pp-food-plan] abbr[title], body[sim-page=pp-checkin] abbr[title], body[sim-page=pp-cardio] abbr[title], body[sim-page=pp-training-plan] abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
body[sim-page=pp] b,
body[sim-page=pp] strong, body[sim-page=settings] b,
body[sim-page=settings] strong, body[sim-page=pp-food-plan] b,
body[sim-page=pp-food-plan] strong, body[sim-page=pp-checkin] b,
body[sim-page=pp-checkin] strong, body[sim-page=pp-cardio] b,
body[sim-page=pp-cardio] strong, body[sim-page=pp-training-plan] b,
body[sim-page=pp-training-plan] strong {
  font-weight: bolder;
}
body[sim-page=pp] code,
body[sim-page=pp] kbd,
body[sim-page=pp] samp, body[sim-page=settings] code,
body[sim-page=settings] kbd,
body[sim-page=settings] samp, body[sim-page=pp-food-plan] code,
body[sim-page=pp-food-plan] kbd,
body[sim-page=pp-food-plan] samp, body[sim-page=pp-checkin] code,
body[sim-page=pp-checkin] kbd,
body[sim-page=pp-checkin] samp, body[sim-page=pp-cardio] code,
body[sim-page=pp-cardio] kbd,
body[sim-page=pp-cardio] samp, body[sim-page=pp-training-plan] code,
body[sim-page=pp-training-plan] kbd,
body[sim-page=pp-training-plan] samp {
  font-family: Menlo, Consolas, Roboto Mono, Ubuntu Monospace, Noto Mono, Oxygen Mono, Liberation Mono, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
body[sim-page=pp] small, body[sim-page=settings] small, body[sim-page=pp-food-plan] small, body[sim-page=pp-checkin] small, body[sim-page=pp-cardio] small, body[sim-page=pp-training-plan] small {
  font-size: 80%;
}
body[sim-page=pp] ::-moz-selection, body[sim-page=settings] ::-moz-selection, body[sim-page=pp-food-plan] ::-moz-selection, body[sim-page=pp-checkin] ::-moz-selection, body[sim-page=pp-cardio] ::-moz-selection, body[sim-page=pp-training-plan] ::-moz-selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000;
  /* 1 */
  text-shadow: none;
}
body[sim-page=pp] ::selection, body[sim-page=settings] ::selection, body[sim-page=pp-food-plan] ::selection, body[sim-page=pp-checkin] ::selection, body[sim-page=pp-cardio] ::selection, body[sim-page=pp-training-plan] ::selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000;
  /* 1 */
  text-shadow: none;
}
body[sim-page=pp] audio,
body[sim-page=pp] canvas,
body[sim-page=pp] iframe,
body[sim-page=pp] img,
body[sim-page=pp] svg,
body[sim-page=pp] video, body[sim-page=settings] audio,
body[sim-page=settings] canvas,
body[sim-page=settings] iframe,
body[sim-page=settings] img,
body[sim-page=settings] svg,
body[sim-page=settings] video, body[sim-page=pp-food-plan] audio,
body[sim-page=pp-food-plan] canvas,
body[sim-page=pp-food-plan] iframe,
body[sim-page=pp-food-plan] img,
body[sim-page=pp-food-plan] svg,
body[sim-page=pp-food-plan] video, body[sim-page=pp-checkin] audio,
body[sim-page=pp-checkin] canvas,
body[sim-page=pp-checkin] iframe,
body[sim-page=pp-checkin] img,
body[sim-page=pp-checkin] svg,
body[sim-page=pp-checkin] video, body[sim-page=pp-cardio] audio,
body[sim-page=pp-cardio] canvas,
body[sim-page=pp-cardio] iframe,
body[sim-page=pp-cardio] img,
body[sim-page=pp-cardio] svg,
body[sim-page=pp-cardio] video, body[sim-page=pp-training-plan] audio,
body[sim-page=pp-training-plan] canvas,
body[sim-page=pp-training-plan] iframe,
body[sim-page=pp-training-plan] img,
body[sim-page=pp-training-plan] svg,
body[sim-page=pp-training-plan] video {
  vertical-align: middle;
}
body[sim-page=pp] audio,
body[sim-page=pp] video, body[sim-page=settings] audio,
body[sim-page=settings] video, body[sim-page=pp-food-plan] audio,
body[sim-page=pp-food-plan] video, body[sim-page=pp-checkin] audio,
body[sim-page=pp-checkin] video, body[sim-page=pp-cardio] audio,
body[sim-page=pp-cardio] video, body[sim-page=pp-training-plan] audio,
body[sim-page=pp-training-plan] video {
  display: inline-block;
}
body[sim-page=pp] audio:not([controls]), body[sim-page=settings] audio:not([controls]), body[sim-page=pp-food-plan] audio:not([controls]), body[sim-page=pp-checkin] audio:not([controls]), body[sim-page=pp-cardio] audio:not([controls]), body[sim-page=pp-training-plan] audio:not([controls]) {
  display: none;
  height: 0;
}
body[sim-page=pp] img, body[sim-page=settings] img, body[sim-page=pp-food-plan] img, body[sim-page=pp-checkin] img, body[sim-page=pp-cardio] img, body[sim-page=pp-training-plan] img {
  border-style: none;
}
body[sim-page=pp] svg:not([fill]), body[sim-page=settings] svg:not([fill]), body[sim-page=pp-food-plan] svg:not([fill]), body[sim-page=pp-checkin] svg:not([fill]), body[sim-page=pp-cardio] svg:not([fill]), body[sim-page=pp-training-plan] svg:not([fill]) {
  fill: currentColor;
}
body[sim-page=pp] svg:not(:root), body[sim-page=settings] svg:not(:root), body[sim-page=pp-food-plan] svg:not(:root), body[sim-page=pp-checkin] svg:not(:root), body[sim-page=pp-cardio] svg:not(:root), body[sim-page=pp-training-plan] svg:not(:root) {
  overflow: hidden;
}
body[sim-page=pp] table, body[sim-page=settings] table, body[sim-page=pp-food-plan] table, body[sim-page=pp-checkin] table, body[sim-page=pp-cardio] table, body[sim-page=pp-training-plan] table {
  border-collapse: collapse;
}
body[sim-page=pp] button,
body[sim-page=pp] input,
body[sim-page=pp] select,
body[sim-page=pp] textarea, body[sim-page=settings] button,
body[sim-page=settings] input,
body[sim-page=settings] select,
body[sim-page=settings] textarea, body[sim-page=pp-food-plan] button,
body[sim-page=pp-food-plan] input,
body[sim-page=pp-food-plan] select,
body[sim-page=pp-food-plan] textarea, body[sim-page=pp-checkin] button,
body[sim-page=pp-checkin] input,
body[sim-page=pp-checkin] select,
body[sim-page=pp-checkin] textarea, body[sim-page=pp-cardio] button,
body[sim-page=pp-cardio] input,
body[sim-page=pp-cardio] select,
body[sim-page=pp-cardio] textarea, body[sim-page=pp-training-plan] button,
body[sim-page=pp-training-plan] input,
body[sim-page=pp-training-plan] select,
body[sim-page=pp-training-plan] textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
body[sim-page=pp] button,
body[sim-page=pp] input,
body[sim-page=pp] select, body[sim-page=settings] button,
body[sim-page=settings] input,
body[sim-page=settings] select, body[sim-page=pp-food-plan] button,
body[sim-page=pp-food-plan] input,
body[sim-page=pp-food-plan] select, body[sim-page=pp-checkin] button,
body[sim-page=pp-checkin] input,
body[sim-page=pp-checkin] select, body[sim-page=pp-cardio] button,
body[sim-page=pp-cardio] input,
body[sim-page=pp-cardio] select, body[sim-page=pp-training-plan] button,
body[sim-page=pp-training-plan] input,
body[sim-page=pp-training-plan] select {
  margin: 0;
}
body[sim-page=pp] button, body[sim-page=settings] button, body[sim-page=pp-food-plan] button, body[sim-page=pp-checkin] button, body[sim-page=pp-cardio] button, body[sim-page=pp-training-plan] button {
  overflow: visible;
  /* 1 */
  text-transform: none;
  /* 2 */
}
body[sim-page=pp] button,
body[sim-page=pp] [type=button],
body[sim-page=pp] [type=reset],
body[sim-page=pp] [type=submit], body[sim-page=settings] button,
body[sim-page=settings] [type=button],
body[sim-page=settings] [type=reset],
body[sim-page=settings] [type=submit], body[sim-page=pp-food-plan] button,
body[sim-page=pp-food-plan] [type=button],
body[sim-page=pp-food-plan] [type=reset],
body[sim-page=pp-food-plan] [type=submit], body[sim-page=pp-checkin] button,
body[sim-page=pp-checkin] [type=button],
body[sim-page=pp-checkin] [type=reset],
body[sim-page=pp-checkin] [type=submit], body[sim-page=pp-cardio] button,
body[sim-page=pp-cardio] [type=button],
body[sim-page=pp-cardio] [type=reset],
body[sim-page=pp-cardio] [type=submit], body[sim-page=pp-training-plan] button,
body[sim-page=pp-training-plan] [type=button],
body[sim-page=pp-training-plan] [type=reset],
body[sim-page=pp-training-plan] [type=submit] {
  -webkit-appearance: button;
}
body[sim-page=pp] fieldset, body[sim-page=settings] fieldset, body[sim-page=pp-food-plan] fieldset, body[sim-page=pp-checkin] fieldset, body[sim-page=pp-cardio] fieldset, body[sim-page=pp-training-plan] fieldset {
  padding: 0.35em 0.75em 0.625em;
}
body[sim-page=pp] input, body[sim-page=settings] input, body[sim-page=pp-food-plan] input, body[sim-page=pp-checkin] input, body[sim-page=pp-cardio] input, body[sim-page=pp-training-plan] input {
  overflow: visible;
}
body[sim-page=pp] legend, body[sim-page=settings] legend, body[sim-page=pp-food-plan] legend, body[sim-page=pp-checkin] legend, body[sim-page=pp-cardio] legend, body[sim-page=pp-training-plan] legend {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  white-space: normal;
  /* 1 */
}
body[sim-page=pp] progress, body[sim-page=settings] progress, body[sim-page=pp-food-plan] progress, body[sim-page=pp-checkin] progress, body[sim-page=pp-cardio] progress, body[sim-page=pp-training-plan] progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
body[sim-page=pp] select, body[sim-page=settings] select, body[sim-page=pp-food-plan] select, body[sim-page=pp-checkin] select, body[sim-page=pp-cardio] select, body[sim-page=pp-training-plan] select {
  text-transform: none;
}
body[sim-page=pp] textarea, body[sim-page=settings] textarea, body[sim-page=pp-food-plan] textarea, body[sim-page=pp-checkin] textarea, body[sim-page=pp-cardio] textarea, body[sim-page=pp-training-plan] textarea {
  margin: 0;
  /* 1 */
  overflow: auto;
  /* 2 */
  resize: vertical;
  /* 3 */
}
body[sim-page=pp] [type=checkbox],
body[sim-page=pp] [type=radio], body[sim-page=settings] [type=checkbox],
body[sim-page=settings] [type=radio], body[sim-page=pp-food-plan] [type=checkbox],
body[sim-page=pp-food-plan] [type=radio], body[sim-page=pp-checkin] [type=checkbox],
body[sim-page=pp-checkin] [type=radio], body[sim-page=pp-cardio] [type=checkbox],
body[sim-page=pp-cardio] [type=radio], body[sim-page=pp-training-plan] [type=checkbox],
body[sim-page=pp-training-plan] [type=radio] {
  padding: 0;
}
body[sim-page=pp] [type=search], body[sim-page=settings] [type=search], body[sim-page=pp-food-plan] [type=search], body[sim-page=pp-checkin] [type=search], body[sim-page=pp-cardio] [type=search], body[sim-page=pp-training-plan] [type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
body[sim-page=pp] ::-webkit-inner-spin-button,
body[sim-page=pp] ::-webkit-outer-spin-button, body[sim-page=settings] ::-webkit-inner-spin-button,
body[sim-page=settings] ::-webkit-outer-spin-button, body[sim-page=pp-food-plan] ::-webkit-inner-spin-button,
body[sim-page=pp-food-plan] ::-webkit-outer-spin-button, body[sim-page=pp-checkin] ::-webkit-inner-spin-button,
body[sim-page=pp-checkin] ::-webkit-outer-spin-button, body[sim-page=pp-cardio] ::-webkit-inner-spin-button,
body[sim-page=pp-cardio] ::-webkit-outer-spin-button, body[sim-page=pp-training-plan] ::-webkit-inner-spin-button,
body[sim-page=pp-training-plan] ::-webkit-outer-spin-button {
  height: auto;
}
body[sim-page=pp] ::-webkit-input-placeholder, body[sim-page=settings] ::-webkit-input-placeholder, body[sim-page=pp-food-plan] ::-webkit-input-placeholder, body[sim-page=pp-checkin] ::-webkit-input-placeholder, body[sim-page=pp-cardio] ::-webkit-input-placeholder, body[sim-page=pp-training-plan] ::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
body[sim-page=pp] ::-webkit-search-decoration, body[sim-page=settings] ::-webkit-search-decoration, body[sim-page=pp-food-plan] ::-webkit-search-decoration, body[sim-page=pp-checkin] ::-webkit-search-decoration, body[sim-page=pp-cardio] ::-webkit-search-decoration, body[sim-page=pp-training-plan] ::-webkit-search-decoration {
  -webkit-appearance: none;
}
body[sim-page=pp] ::-webkit-file-upload-button, body[sim-page=settings] ::-webkit-file-upload-button, body[sim-page=pp-food-plan] ::-webkit-file-upload-button, body[sim-page=pp-checkin] ::-webkit-file-upload-button, body[sim-page=pp-cardio] ::-webkit-file-upload-button, body[sim-page=pp-training-plan] ::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
body[sim-page=pp] ::-moz-focus-inner, body[sim-page=settings] ::-moz-focus-inner, body[sim-page=pp-food-plan] ::-moz-focus-inner, body[sim-page=pp-checkin] ::-moz-focus-inner, body[sim-page=pp-cardio] ::-moz-focus-inner, body[sim-page=pp-training-plan] ::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
body[sim-page=pp] :-moz-focusring, body[sim-page=settings] :-moz-focusring, body[sim-page=pp-food-plan] :-moz-focusring, body[sim-page=pp-checkin] :-moz-focusring, body[sim-page=pp-cardio] :-moz-focusring, body[sim-page=pp-training-plan] :-moz-focusring {
  outline: 1px dotted ButtonText;
}
body[sim-page=pp] details, body[sim-page=settings] details, body[sim-page=pp-food-plan] details, body[sim-page=pp-checkin] details, body[sim-page=pp-cardio] details, body[sim-page=pp-training-plan] details {
  display: block;
}
body[sim-page=pp] dialog, body[sim-page=settings] dialog, body[sim-page=pp-food-plan] dialog, body[sim-page=pp-checkin] dialog, body[sim-page=pp-cardio] dialog, body[sim-page=pp-training-plan] dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}
body[sim-page=pp] dialog:not([open]), body[sim-page=settings] dialog:not([open]), body[sim-page=pp-food-plan] dialog:not([open]), body[sim-page=pp-checkin] dialog:not([open]), body[sim-page=pp-cardio] dialog:not([open]), body[sim-page=pp-training-plan] dialog:not([open]) {
  display: none;
}
body[sim-page=pp] summary, body[sim-page=settings] summary, body[sim-page=pp-food-plan] summary, body[sim-page=pp-checkin] summary, body[sim-page=pp-cardio] summary, body[sim-page=pp-training-plan] summary {
  display: list-item;
}
body[sim-page=pp] canvas, body[sim-page=settings] canvas, body[sim-page=pp-food-plan] canvas, body[sim-page=pp-checkin] canvas, body[sim-page=pp-cardio] canvas, body[sim-page=pp-training-plan] canvas {
  display: inline-block;
}
body[sim-page=pp] template, body[sim-page=settings] template, body[sim-page=pp-food-plan] template, body[sim-page=pp-checkin] template, body[sim-page=pp-cardio] template, body[sim-page=pp-training-plan] template {
  display: none;
}
body[sim-page=pp] a,
body[sim-page=pp] area,
body[sim-page=pp] button,
body[sim-page=pp] input,
body[sim-page=pp] label,
body[sim-page=pp] select,
body[sim-page=pp] summary,
body[sim-page=pp] textarea,
body[sim-page=pp] [tabindex], body[sim-page=settings] a,
body[sim-page=settings] area,
body[sim-page=settings] button,
body[sim-page=settings] input,
body[sim-page=settings] label,
body[sim-page=settings] select,
body[sim-page=settings] summary,
body[sim-page=settings] textarea,
body[sim-page=settings] [tabindex], body[sim-page=pp-food-plan] a,
body[sim-page=pp-food-plan] area,
body[sim-page=pp-food-plan] button,
body[sim-page=pp-food-plan] input,
body[sim-page=pp-food-plan] label,
body[sim-page=pp-food-plan] select,
body[sim-page=pp-food-plan] summary,
body[sim-page=pp-food-plan] textarea,
body[sim-page=pp-food-plan] [tabindex], body[sim-page=pp-checkin] a,
body[sim-page=pp-checkin] area,
body[sim-page=pp-checkin] button,
body[sim-page=pp-checkin] input,
body[sim-page=pp-checkin] label,
body[sim-page=pp-checkin] select,
body[sim-page=pp-checkin] summary,
body[sim-page=pp-checkin] textarea,
body[sim-page=pp-checkin] [tabindex], body[sim-page=pp-cardio] a,
body[sim-page=pp-cardio] area,
body[sim-page=pp-cardio] button,
body[sim-page=pp-cardio] input,
body[sim-page=pp-cardio] label,
body[sim-page=pp-cardio] select,
body[sim-page=pp-cardio] summary,
body[sim-page=pp-cardio] textarea,
body[sim-page=pp-cardio] [tabindex], body[sim-page=pp-training-plan] a,
body[sim-page=pp-training-plan] area,
body[sim-page=pp-training-plan] button,
body[sim-page=pp-training-plan] input,
body[sim-page=pp-training-plan] label,
body[sim-page=pp-training-plan] select,
body[sim-page=pp-training-plan] summary,
body[sim-page=pp-training-plan] textarea,
body[sim-page=pp-training-plan] [tabindex] {
  /* 1 */
  touch-action: manipulation;
  /* 2 */
}
body[sim-page=pp] [hidden], body[sim-page=settings] [hidden], body[sim-page=pp-food-plan] [hidden], body[sim-page=pp-checkin] [hidden], body[sim-page=pp-cardio] [hidden], body[sim-page=pp-training-plan] [hidden] {
  display: none;
}
body[sim-page=pp] [aria-busy=true], body[sim-page=settings] [aria-busy=true], body[sim-page=pp-food-plan] [aria-busy=true], body[sim-page=pp-checkin] [aria-busy=true], body[sim-page=pp-cardio] [aria-busy=true], body[sim-page=pp-training-plan] [aria-busy=true] {
  cursor: progress;
}
body[sim-page=pp] [aria-controls], body[sim-page=settings] [aria-controls], body[sim-page=pp-food-plan] [aria-controls], body[sim-page=pp-checkin] [aria-controls], body[sim-page=pp-cardio] [aria-controls], body[sim-page=pp-training-plan] [aria-controls] {
  cursor: pointer;
}
body[sim-page=pp] [aria-disabled=true],
body[sim-page=pp] [disabled], body[sim-page=settings] [aria-disabled=true],
body[sim-page=settings] [disabled], body[sim-page=pp-food-plan] [aria-disabled=true],
body[sim-page=pp-food-plan] [disabled], body[sim-page=pp-checkin] [aria-disabled=true],
body[sim-page=pp-checkin] [disabled], body[sim-page=pp-cardio] [aria-disabled=true],
body[sim-page=pp-cardio] [disabled], body[sim-page=pp-training-plan] [aria-disabled=true],
body[sim-page=pp-training-plan] [disabled] {
  cursor: not-allowed;
}
body[sim-page=pp] [aria-hidden=false][hidden]:not(:focus), body[sim-page=settings] [aria-hidden=false][hidden]:not(:focus), body[sim-page=pp-food-plan] [aria-hidden=false][hidden]:not(:focus), body[sim-page=pp-checkin] [aria-hidden=false][hidden]:not(:focus), body[sim-page=pp-cardio] [aria-hidden=false][hidden]:not(:focus), body[sim-page=pp-training-plan] [aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute;
}

/* ———————————————————————————————————————— */
/* Base
/* ———————————————————————————————————————— */
/* ============================================================
	* Base - Page
============================================================ */
/**
	* Default link styling bassed of settings
	* set in the main settings file.
*/
body[sim-page=pp] html, body[sim-page=settings] html, body[sim-page=pp-food-plan] html, body[sim-page=pp-checkin] html, body[sim-page=pp-cardio] html, body[sim-page=pp-training-plan] html {
  font-size: 16px;
  line-height: 26px;
  background: #fff;
  font-weight: 400;
  font-family: "Lato", sans-serif;
  color: #2f2e2e;
  -webkit-font-smoothing: antialiased;
  overflow-y: scroll;
  min-height: 100%;
}
body[sim-page=pp] *, body[sim-page=settings] *, body[sim-page=pp-food-plan] *, body[sim-page=pp-checkin] *, body[sim-page=pp-cardio] *, body[sim-page=pp-training-plan] * {
  box-sizing: border-box;
}
body[sim-page=pp] section.main, body[sim-page=settings] section.main, body[sim-page=pp-food-plan] section.main, body[sim-page=pp-checkin] section.main, body[sim-page=pp-cardio] section.main, body[sim-page=pp-training-plan] section.main {
  max-width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
body[sim-page=pp] p, body[sim-page=pp] li, body[sim-page=pp] h1, body[sim-page=pp] h2, body[sim-page=pp] h3, body[sim-page=pp] h4, body[sim-page=pp] h5, body[sim-page=pp] h6, body[sim-page=settings] p, body[sim-page=settings] li, body[sim-page=settings] h1, body[sim-page=settings] h2, body[sim-page=settings] h3, body[sim-page=settings] h4, body[sim-page=settings] h5, body[sim-page=settings] h6, body[sim-page=pp-food-plan] p, body[sim-page=pp-food-plan] li, body[sim-page=pp-food-plan] h1, body[sim-page=pp-food-plan] h2, body[sim-page=pp-food-plan] h3, body[sim-page=pp-food-plan] h4, body[sim-page=pp-food-plan] h5, body[sim-page=pp-food-plan] h6, body[sim-page=pp-checkin] p, body[sim-page=pp-checkin] li, body[sim-page=pp-checkin] h1, body[sim-page=pp-checkin] h2, body[sim-page=pp-checkin] h3, body[sim-page=pp-checkin] h4, body[sim-page=pp-checkin] h5, body[sim-page=pp-checkin] h6, body[sim-page=pp-cardio] p, body[sim-page=pp-cardio] li, body[sim-page=pp-cardio] h1, body[sim-page=pp-cardio] h2, body[sim-page=pp-cardio] h3, body[sim-page=pp-cardio] h4, body[sim-page=pp-cardio] h5, body[sim-page=pp-cardio] h6, body[sim-page=pp-training-plan] p, body[sim-page=pp-training-plan] li, body[sim-page=pp-training-plan] h1, body[sim-page=pp-training-plan] h2, body[sim-page=pp-training-plan] h3, body[sim-page=pp-training-plan] h4, body[sim-page=pp-training-plan] h5, body[sim-page=pp-training-plan] h6 {
  font-family: "Lato", sans-serif;
}

/* ============================================================
	* Base - Text
============================================================ */
/**
	* Default paragpraph text
*/
body[sim-page=pp] p, body[sim-page=settings] p, body[sim-page=pp-food-plan] p, body[sim-page=pp-checkin] p, body[sim-page=pp-cardio] p, body[sim-page=pp-training-plan] p {
  color: #2f2e2e;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 26px;
}

/* ============================================================
	* Base - Links
============================================================ */
/**
	* Default link styling bassed of settings
	* set in the main settings file.
*/
body[sim-page=pp] a, body[sim-page=settings] a, body[sim-page=pp-food-plan] a, body[sim-page=pp-checkin] a, body[sim-page=pp-cardio] a, body[sim-page=pp-training-plan] a {
  color: #2f2e2e;
  text-decoration: none;
  transition: color 300ms ease-in-out;
}

/* ============================================================
	* Base - Images
============================================================ */
/**
	* Default image styling
	*
	* 1. Limit width to 100% of parent
	*
	* 2. Make sure the correct ratio is maintained
*/
body[sim-page=pp] img, body[sim-page=settings] img, body[sim-page=pp-food-plan] img, body[sim-page=pp-checkin] img, body[sim-page=pp-cardio] img, body[sim-page=pp-training-plan] img {
  max-width: 100%;
  /* [1] */
  vertical-align: middle;
  height: auto;
  /* [2] */
}

/* ============================================================
	* Base - Inputs
============================================================ */
/**
	* Default input styling
*/
body[sim-page=pp] input[type=text], body[sim-page=pp] input[type=phone], body[sim-page=pp] input[type=email] textarea, body[sim-page=settings] input[type=text], body[sim-page=settings] input[type=phone], body[sim-page=settings] input[type=email] textarea, body[sim-page=pp-food-plan] input[type=text], body[sim-page=pp-food-plan] input[type=phone], body[sim-page=pp-food-plan] input[type=email] textarea, body[sim-page=pp-checkin] input[type=text], body[sim-page=pp-checkin] input[type=phone], body[sim-page=pp-checkin] input[type=email] textarea, body[sim-page=pp-cardio] input[type=text], body[sim-page=pp-cardio] input[type=phone], body[sim-page=pp-cardio] input[type=email] textarea, body[sim-page=pp-training-plan] input[type=text], body[sim-page=pp-training-plan] input[type=phone], body[sim-page=pp-training-plan] input[type=email] textarea {
  outline: 0;
  border: 1px solid #2f2e2e;
  border-radius: 3px !important;
  background-color: #fff;
  color: #2f2e2e;
  padding: 10px 20px;
  font-family: "Lato", sans-serif;
  -webkit-appearance: none;
}
body[sim-page=pp] input[type=text]::-moz-placeholder, body[sim-page=pp] input[type=phone]::-moz-placeholder, body[sim-page=pp] input[type=email] textarea::-moz-placeholder, body[sim-page=settings] input[type=text]::-moz-placeholder, body[sim-page=settings] input[type=phone]::-moz-placeholder, body[sim-page=settings] input[type=email] textarea::-moz-placeholder, body[sim-page=pp-food-plan] input[type=text]::-moz-placeholder, body[sim-page=pp-food-plan] input[type=phone]::-moz-placeholder, body[sim-page=pp-food-plan] input[type=email] textarea::-moz-placeholder, body[sim-page=pp-checkin] input[type=text]::-moz-placeholder, body[sim-page=pp-checkin] input[type=phone]::-moz-placeholder, body[sim-page=pp-checkin] input[type=email] textarea::-moz-placeholder, body[sim-page=pp-cardio] input[type=text]::-moz-placeholder, body[sim-page=pp-cardio] input[type=phone]::-moz-placeholder, body[sim-page=pp-cardio] input[type=email] textarea::-moz-placeholder, body[sim-page=pp-training-plan] input[type=text]::-moz-placeholder, body[sim-page=pp-training-plan] input[type=phone]::-moz-placeholder, body[sim-page=pp-training-plan] input[type=email] textarea::-moz-placeholder {
  color: rgba(47, 46, 46, 0.8);
}
body[sim-page=pp] input[type=text]:-ms-input-placeholder, body[sim-page=pp] input[type=phone]:-ms-input-placeholder, body[sim-page=pp] input[type=email] textarea:-ms-input-placeholder, body[sim-page=settings] input[type=text]:-ms-input-placeholder, body[sim-page=settings] input[type=phone]:-ms-input-placeholder, body[sim-page=settings] input[type=email] textarea:-ms-input-placeholder, body[sim-page=pp-food-plan] input[type=text]:-ms-input-placeholder, body[sim-page=pp-food-plan] input[type=phone]:-ms-input-placeholder, body[sim-page=pp-food-plan] input[type=email] textarea:-ms-input-placeholder, body[sim-page=pp-checkin] input[type=text]:-ms-input-placeholder, body[sim-page=pp-checkin] input[type=phone]:-ms-input-placeholder, body[sim-page=pp-checkin] input[type=email] textarea:-ms-input-placeholder, body[sim-page=pp-cardio] input[type=text]:-ms-input-placeholder, body[sim-page=pp-cardio] input[type=phone]:-ms-input-placeholder, body[sim-page=pp-cardio] input[type=email] textarea:-ms-input-placeholder, body[sim-page=pp-training-plan] input[type=text]:-ms-input-placeholder, body[sim-page=pp-training-plan] input[type=phone]:-ms-input-placeholder, body[sim-page=pp-training-plan] input[type=email] textarea:-ms-input-placeholder {
  color: rgba(47, 46, 46, 0.8);
}
body[sim-page=pp] input[type=text]::placeholder, body[sim-page=pp] input[type=phone]::placeholder, body[sim-page=pp] input[type=email] textarea::placeholder, body[sim-page=settings] input[type=text]::placeholder, body[sim-page=settings] input[type=phone]::placeholder, body[sim-page=settings] input[type=email] textarea::placeholder, body[sim-page=pp-food-plan] input[type=text]::placeholder, body[sim-page=pp-food-plan] input[type=phone]::placeholder, body[sim-page=pp-food-plan] input[type=email] textarea::placeholder, body[sim-page=pp-checkin] input[type=text]::placeholder, body[sim-page=pp-checkin] input[type=phone]::placeholder, body[sim-page=pp-checkin] input[type=email] textarea::placeholder, body[sim-page=pp-cardio] input[type=text]::placeholder, body[sim-page=pp-cardio] input[type=phone]::placeholder, body[sim-page=pp-cardio] input[type=email] textarea::placeholder, body[sim-page=pp-training-plan] input[type=text]::placeholder, body[sim-page=pp-training-plan] input[type=phone]::placeholder, body[sim-page=pp-training-plan] input[type=email] textarea::placeholder {
  color: rgba(47, 46, 46, 0.8);
}
body[sim-page=pp] textarea, body[sim-page=settings] textarea, body[sim-page=pp-food-plan] textarea, body[sim-page=pp-checkin] textarea, body[sim-page=pp-cardio] textarea, body[sim-page=pp-training-plan] textarea {
  height: 250px !important;
  resize: none;
}

/* ============================================================
	* Base - Lists
============================================================ */
/**
	* Default list styling, can be removed with
	* the list object.
*/
body[sim-page=pp] ul, body[sim-page=pp] ol, body[sim-page=settings] ul, body[sim-page=settings] ol, body[sim-page=pp-food-plan] ul, body[sim-page=pp-food-plan] ol, body[sim-page=pp-checkin] ul, body[sim-page=pp-checkin] ol, body[sim-page=pp-cardio] ul, body[sim-page=pp-cardio] ol, body[sim-page=pp-training-plan] ul, body[sim-page=pp-training-plan] ol {
  margin-bottom: 20px;
}
body[sim-page=pp] li, body[sim-page=settings] li, body[sim-page=pp-food-plan] li, body[sim-page=pp-checkin] li, body[sim-page=pp-cardio] li, body[sim-page=pp-training-plan] li {
  margin-left: 20px;
}

/* ———————————————————————————————————————— */
/* Components
/* ———————————————————————————————————————— */
/* ============================================================
	* Components - Buttons
============================================================ */
/**
	* Styling for buttons used within multiple components across
	* the project. Includes modifing classes for sizing and colours.
*/
.c-btn, body .row > .col-6.mt-2 button, body .login-form form .btn.btn-primary {
  padding: 12px 30px;
  font-weight: 700;
  font-family: "Lato", sans-serif;
  display: inline-block;
  cursor: pointer;
  width: 100%;
  border: 0;
  min-width: 220px;
  text-transform: uppercase;
  text-align: center;
  border-radius: 3px;
  transition: background-color 300ms ease-in-out, color 300ms ease-in-out, top 300ms ease-in-out, border 300ms ease-in-out;
}
@media (min-width: 768px) {
  .c-btn, body .row > .col-6.mt-2 button, body .login-form form .btn.btn-primary {
    width: auto;
  }
}

/* Buttons Modifiers
============================================================ */
.c-btn--white, body .row > .col-6.mt-2 button, body .login-form form .btn.btn-primary {
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
  top: 0;
  position: relative;
  padding: 10px 60px;
  border-radius: 3px;
}
@media (min-width: 1024px) {
  .c-btn--white:hover, body .row > .col-6.mt-2 button:hover, body .login-form form .btn.btn-primary:hover {
    background-color: #fff;
    color: #2f2e2e;
    top: -5px;
  }
}

.c-btn--outline {
  background-color: transparent;
  color: #2f2e2e;
  border: 2px solid #2f2e2e;
  padding: 10px 60px;
  top: 0;
  position: relative;
}
@media (min-width: 1024px) {
  .c-btn--outline:hover {
    background-color: #2f2e2e;
    color: #fff;
    top: -5px;
  }
}

.c-btn--primary {
  background-color: #2f2e2e;
  color: #fff;
  top: 0;
  position: relative;
  border-radius: 3px;
}
@media (min-width: 1024px) {
  .c-btn--primary:hover {
    background-color: #080808;
    color: #fff;
    top: -5px;
  }
}

.c-btn--black {
  background-color: #2f2e2e;
  color: #fff;
  top: 0;
  position: relative;
}
@media (min-width: 1024px) {
  .c-btn--black:hover {
    background-color: #565454;
    color: #fff;
    top: -5px;
  }
}

.c-btn--full {
  width: 100%;
  text-align: center;
}

.c-btn--buy, .c-btn--buying {
  background-color: #2f2e2e;
  color: #fff;
  top: 0;
  position: relative;
}
@media (min-width: 1024px) {
  .c-btn--buy:hover, .c-btn--buying:hover {
    background-color: #080808;
    color: #fff;
    top: -5px;
  }
}

/* ============================================================
	* Components - Headings
============================================================ */
/**
	* The styling for headings accros the site you can
	* edit the sizing in the fonts config under settings.
*/
.c-heading, body .mb-3 a, body .login-form form:before {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
  color: #2f2e2e;
  font-weight: 400;
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
}

/* Heading Sizing
============================================================ */
.c-heading--one {
  font-size: 34px;
  line-height: 44px;
  text-transform: uppercase;
  font-weight: 600;
}
@media (min-width: 768px) {
  .c-heading--one {
    font-size: 40px;
    line-height: 50px;
  }
}
@media (min-width: 1024px) {
  .c-heading--one {
    font-size: 60px;
    line-height: 70px;
  }
}

.c-heading--two {
  font-size: 28px;
  line-height: 38px;
  text-transform: uppercase;
  font-weight: 600;
}
@media (min-width: 768px) {
  .c-heading--two {
    font-size: 34px;
    line-height: 44px;
  }
}
@media (min-width: 1024px) {
  .c-heading--two {
    font-size: 40px;
    line-height: 50px;
  }
}

.c-heading--three, body .login-form form:before {
  font-size: 28px;
  line-height: 38px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .c-heading--three, body .login-form form:before {
    font-size: 28px;
    line-height: 38px;
  }
}
@media (min-width: 1024px) {
  .c-heading--three, body .login-form form:before {
    font-size: 34px;
    line-height: 44px;
  }
}

.c-heading--four {
  font-size: 28px;
  line-height: 38px;
  font-weight: 600;
}

.c-heading--five {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  text-transform: none;
}

.c-heading--six, body .mb-3 a {
  font-size: 18px;
  line-height: 28px;
  text-transform: none;
}

/* Heading Colors
============================================================ */
.c-heading--primary {
  color: #2f2e2e;
}

.c-heading--white, body .mb-3 a {
  color: #fff;
}

/* Heading weights
============================================================ */
.c-heading--light {
  font-weight: 300;
}

.c-heading--normal {
  font-weight: 400;
}

.c-heading--medium {
  font-weight: 500;
}

.c-heading--semi {
  font-weight: 600;
}

.c-heading--bold {
  font-weight: 700;
}

/*! sanitize.css v8.0.0 | CC0 License | github.com/csstools/sanitize.css */
/* Document
* ========================================================================== */
/**
* 1. Remove repeating backgrounds in all browsers (opinionated).
* 2. Add border box sizing in all browsers (opinionated).
*/
*,
::before,
::after {
  background-repeat: no-repeat;
  /* 1 */
  box-sizing: border-box;
  /* 2 */
}

/**
* 1. Add text decoration inheritance in all browsers (opinionated).
* 2. Add vertical alignment inheritance in all browsers (opinionated).
*/
::before,
::after {
  text-decoration: inherit;
  /* 1 */
  vertical-align: inherit;
  /* 2 */
}

/* Sections
* ========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
  margin: 0;
  /* Grouping content
  * ========================================================================== */
  /**
  * 1. Add the correct sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */
  /**
  * Add the correct display in IE.
  */
  /**
  * Remove the list style on navigation lists in all browsers (opinionated).
  */
  /**
  * 1. Use the default monospace user interface font
  *    in all browsers (opinionated).
  * 2. Correct the odd `em` font sizing in all browsers.
  */
  /* Text-level semantics
  * ========================================================================== */
  /**
  * Remove the gray background on active links in IE 10.
  */
  /**
  * Add the correct text decoration in Edge, IE, Opera, and Safari.
  */
  /**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */
  /**
  * 1. Use the default monospace user interface font
  *    in all browsers (opinionated).
  * 2. Correct the odd `em` font sizing in all browsers.
  */
  /**
  	* Add the correct font size in all browsers.
  */
  /*
  * Remove the text shadow on text selections in Firefox 61- (opinionated).
  * 1. Restore the coloring undone by defining the text shadow
  *    in all browsers (opinionated).
  */
  /* Embedded content
  * ========================================================================== */
  /*
  * Change the alignment on media elements in all browsers (opinionated).
  */
  /**
  * Add the correct display in IE 9-.
  */
  /**
  * Add the correct display in iOS 4-7.
  */
  /**
  * Remove the border on images inside links in IE 10-.
  */
  /**
  * Change the fill color to match the text color in all browsers (opinionated).
  */
  /**
  * Hide the overflow in IE.
  */
  /* Tabular data
  * ========================================================================== */
  /**
  * Collapse border spacing in all browsers (opinionated).
  */
  /* Forms
  * ========================================================================== */
  /**
  * Inherit styling in all browsers (opinionated).
  */
  /**
  * Remove the margin in Safari.
  */
  /**
  * 1. Show the overflow in IE.
  * 2. Remove the inheritance of text transform in Edge, Firefox, and IE.
  */
  /**
  * Correct the inability to style clickable types in iOS and Safari.
  */
  /**
  * Correct the padding in Firefox.
  */
  /**
  * Show the overflow in Edge and IE.
  */
  /**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  */
  /**
  * 1. Add the correct display in Edge and IE.
  * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */
  /**
  * Remove the inheritance of text transform in Firefox.
  */
  /**
  * 1. Remove the margin in Firefox and Safari.
  * 2. Remove the default vertical scrollbar in IE.
  * 3. Change the resize direction on textareas in all browsers (opinionated).
  */
  /**
  * Remove the padding in IE 10-.
  */
  /**
  * 1. Correct the odd appearance in Chrome and Safari.
  * 2. Correct the outline style in Safari.
  */
  /**
  * Correct the cursor style of increment and decrement buttons in Safari.
  */
  /**
  * Correct the text style of placeholders in Chrome, Edge, and Safari.
  */
  /**
  * Remove the inner padding in Chrome and Safari on macOS.
  */
  /**
  * 1. Correct the inability to style clickable types in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */
  /**
  * Remove the inner border and padding of focus outlines in Firefox.
  */
  /**
  * Restore the focus outline styles unset by the previous rule in Firefox.
  */
  /* Interactive
  * ========================================================================== */
  /*
  * Add the correct display in Edge and IE.
  */
  /*
  * Add the correct styles in Edge, IE, and Safari.
  */
  /*
  * Add the correct display in all browsers.
  */
  /* Scripting
  * ========================================================================== */
  /**
  * Add the correct display in IE 9-.
  */
  /**
  * Add the correct display in IE.
  */
  /* User interaction
  * ========================================================================== */
  /*
  * 1. Remove the tapping delay in IE 10.
  * 2. Remove the tapping delay on clickable elements
  in all browsers (opinionated).
  */
  /**
  * Add the correct display in IE 10-.
  */
  /* Accessibility
  * ========================================================================== */
  /**
  * Change the cursor on busy elements in all browsers (opinionated).
  */
  /*
  * Change the cursor on control elements in all browsers (opinionated).
  */
  /*
  * Change the cursor on disabled, not-editable, or otherwise
  * inoperable elements in all browsers (opinionated).
  */
  /*
  * Change the display on visually hidden accessible elements
  * in all browsers (opinionated).
  */
}
body hr {
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
body main {
  display: block;
}
body nav ol,
body nav ul {
  list-style: none;
}
body pre {
  font-family: Menlo, Consolas, Roboto Mono, Ubuntu Monospace, Noto Mono, Oxygen Mono, Liberation Mono, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
body a {
  background-color: transparent;
}
body abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
body b,
body strong {
  font-weight: bolder;
}
body code,
body kbd,
body samp {
  font-family: Menlo, Consolas, Roboto Mono, Ubuntu Monospace, Noto Mono, Oxygen Mono, Liberation Mono, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
body small {
  font-size: 80%;
}
body ::-moz-selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000;
  /* 1 */
  text-shadow: none;
}
body ::selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000;
  /* 1 */
  text-shadow: none;
}
body audio,
body canvas,
body iframe,
body img,
body svg,
body video {
  vertical-align: middle;
}
body audio,
body video {
  display: inline-block;
}
body audio:not([controls]) {
  display: none;
  height: 0;
}
body img {
  border-style: none;
}
body svg:not([fill]) {
  fill: currentColor;
}
body svg:not(:root) {
  overflow: hidden;
}
body table {
  border-collapse: collapse;
}
body button,
body input,
body select,
body textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
body button,
body input,
body select {
  margin: 0;
}
body button {
  overflow: visible;
  /* 1 */
  text-transform: none;
  /* 2 */
}
body button,
body [type=button],
body [type=reset],
body [type=submit] {
  -webkit-appearance: button;
}
body fieldset {
  padding: 0.35em 0.75em 0.625em;
}
body input {
  overflow: visible;
}
body legend {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  white-space: normal;
  /* 1 */
}
body progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
body select {
  text-transform: none;
}
body textarea {
  margin: 0;
  /* 1 */
  overflow: auto;
  /* 2 */
  resize: vertical;
  /* 3 */
}
body [type=checkbox],
body [type=radio] {
  padding: 0;
}
body [type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
body ::-webkit-inner-spin-button,
body ::-webkit-outer-spin-button {
  height: auto;
}
body ::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
body ::-webkit-search-decoration {
  -webkit-appearance: none;
}
body ::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
body ::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
body :-moz-focusring {
  outline: 1px dotted ButtonText;
}
body details {
  display: block;
}
body dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}
body dialog:not([open]) {
  display: none;
}
body summary {
  display: list-item;
}
body canvas {
  display: inline-block;
}
body template {
  display: none;
}
body a,
body area,
body button,
body input,
body label,
body select,
body summary,
body textarea,
body [tabindex] {
  /* 1 */
  touch-action: manipulation;
  /* 2 */
}
body [hidden] {
  display: none;
}
body [aria-busy=true] {
  cursor: progress;
}
body [aria-controls] {
  cursor: pointer;
}
body [aria-disabled=true],
body [disabled] {
  cursor: not-allowed;
}
body [aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute;
}

html {
  font-size: 16px;
  line-height: 26px;
  background: #fff;
  font-weight: 400;
  font-family: "Lato", sans-serif;
  color: #2f2e2e;
  -webkit-font-smoothing: antialiased;
  overflow-y: scroll;
  min-height: 100%;
}

* {
  box-sizing: border-box;
}

*:focus {
  outline: none !important;
}

section.main {
  max-width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}

p, li, h1, h2, h3, h4, h5, h6 {
  font-family: "Lato", sans-serif;
}

body {
  background-color: #2f2e2e;
  min-height: 100vh;
}
body input[type=text], body input[type=phone], body input[type=email], body input[type=password], body textarea {
  outline: 0;
  border: 0 !important;
  border-radius: 3px !important;
  background-color: #fff;
  color: #2f2e2e;
  padding: 10px 20px;
  font-family: "Lato", sans-serif;
  -webkit-appearance: none;
  box-shadow: none !important;
  border-radius: 3px;
}
@media (min-width: 1024px) {
  body input[type=text], body input[type=phone], body input[type=email], body input[type=password], body textarea {
    border: 1px solid #2f2e2e !important;
  }
}
body input[type=text]::-moz-placeholder, body input[type=phone]::-moz-placeholder, body input[type=email]::-moz-placeholder, body input[type=password]::-moz-placeholder, body textarea::-moz-placeholder {
  color: rgba(47, 46, 46, 0.8);
}
body input[type=text]:-ms-input-placeholder, body input[type=phone]:-ms-input-placeholder, body input[type=email]:-ms-input-placeholder, body input[type=password]:-ms-input-placeholder, body textarea:-ms-input-placeholder {
  color: rgba(47, 46, 46, 0.8);
}
body input[type=text]::placeholder, body input[type=phone]::placeholder, body input[type=email]::placeholder, body input[type=password]::placeholder, body textarea::placeholder {
  color: rgba(47, 46, 46, 0.8);
}
body input[type=text]:focus, body input[type=phone]:focus, body input[type=email]:focus, body input[type=password]:focus, body textarea:focus {
  outline: none !important;
}
body textarea {
  height: 250px !important;
  resize: none;
}
body h1 {
  display: none;
}
body br {
  display: none;
}
body .container {
  padding: 0;
  margin: 0;
  max-width: 100%;
}
body .center-screen {
  padding-top: 0px;
  display: block !important;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  body .center-screen {
    height: 100vh;
    padding-top: 0;
    display: flex !important;
  }
}
body .center-screen::before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  min-width: 100%;
  min-width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 350px;
  margin-bottom: 30px;
  background-image: url("https://www.simportal.co.uk/wp-content/uploads/2022/03/200cee_2df664c89114489896dd63a1c86ec9d2.jpeg");
}
@media (min-width: 1024px) {
  body .center-screen::before {
    height: 100%;
    width: 50%;
    min-width: 50%;
    padding: 0;
    margin-bottom: 0;
  }
}
body .center-screen::after {
  content: "";
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("https://www.simportal.co.uk/wp-content/uploads/2022/03/Bronze-Age-London-logo.webp");
  background-size: 125px 46px;
  background-position: center;
  width: 175px;
  height: 100px;
  background-color: #fff;
  box-shadow: 5px 4px 6px 5px rgba(0, 0, 0, 0.09);
  border-radius: 3px;
}
@media (min-width: 1024px) {
  body .center-screen::after {
    left: 25%;
    width: 275px;
    height: 140px;
    background-color: #fff;
    background-size: 251px 92px;
    transform: translateX(-50%);
  }
}
body .collapse {
  display: none;
}
body .login-form {
  border-radius: 0;
  width: 100%;
  min-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 30px;
  background-color: transparent;
}
@media (min-width: 1024px) {
  body .login-form {
    background-color: #fff;
    padding: 40px;
  }
}
@media (min-width: 1024px) {
  body .login-form {
    padding: 0;
    min-width: 50%;
    width: 50%;
    height: 100%;
  }
}
body .login-form form {
  padding: 0;
  width: 100%;
  font-family: "Lato", sans-serif;
}
@media (min-width: 1024px) {
  body .login-form form {
    width: 350px;
  }
}
body .login-form form label {
  font-family: "Lato", sans-serif;
  text-align: left;
  color: #fff;
}
@media (min-width: 1024px) {
  body .login-form form label {
    color: #2f2e2e;
  }
}
body .login-form form .form-group.text-center a {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
  margin-top: 10px;
  display: block;
  text-align: center;
  font-family: "Lato", sans-serif;
}
@media (min-width: 1024px) {
  body .login-form form .form-group.text-center a {
    color: #2f2e2e;
  }
}
body .login-form form:before {
  content: "Bronze Age";
  display: block;
  text-transform: none;
  color: #fff;
  margin-bottom: 15px;
  font-family: "Lato", sans-serif;
}
@media (min-width: 1024px) {
  body .login-form form:before {
    color: #2f2e2e;
  }
}
@media (min-width: 1024px) {
  body .login-form form:before {
    margin-bottom: 30px;
  }
}
body .login-form form .btn.btn-primary {
  width: 100%;
  font-family: "Lato", sans-serif;
}
@media (min-width: 1024px) {
  body .login-form form .btn.btn-primary {
    background-color: #2f2e2e;
    color: #fff;
  }
  body .login-form form .btn.btn-primary:hover {
    background-color: #080808;
    color: #fff;
    top: -5px;
  }
}
body .fixed-bottom a {
  color: #fff;
}
body .row > .col-6.mt-2 {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  flex: auto;
  margin-top: 20px !important;
}
body .row > .col-6.mt-2 button {
  width: 100%;
}
@media (min-width: 1024px) {
  body .row > .col-6.mt-2 button {
    background-color: #2f2e2e;
    color: #fff;
  }
  body .row > .col-6.mt-2 button:hover {
    background-color: #080808;
    color: #fff;
    top: -2px;
  }
}
body .mb-3 a {
  font-weight: 700;
  text-decoration: underline;
}
@media (min-width: 1024px) {
  body .mb-3 a {
    color: #2f2e2e;
  }
}
body .fixed-bottom {
  display: none;
}

/* ———————————————————————————————————————— */
/* Utilities
/* ———————————————————————————————————————— */
/* ============================================================
	* Utilities - Helpers
============================================================ */
/**
	* The helpers file is a simple place to add commenly used 
	* helpers to maintain a DRY code base.
*/
/* Text Align Center
* 
* Basic helper to center content or an image to be used 
* on the parent of what you wish to center.
============================================================ */
.u-tac {
  text-align: center;
}

.u-bold {
  font-weight: 600;
}

/* Text Align Right
* 
* Basic helper to right align content or an image to be used 
* on the parent of what you wish to align to the right.
============================================================ */
.u-tar {
  text-align: right;
}

/* Text Uppercase
* 
* A helper to make text uppercase.
============================================================ */
.u-uppercase {
  text-transform: uppercase;
}

.u-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  min-height: 300px;
}

/* ============================================================
	* Utilities - Trumps
============================================================ */
/**
	* A trumps files where overiding styling is placed
*/
.u-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.cf::after {
  content: "";
  clear: both;
  display: table;
}

.slick-slider.slick-dotted {
  margin-bottom: 0;
}

.fixedPosition {
  position: fixed;
  width: 100%;
}

.u-black {
  color: #2f2e2e;
}

.u-flex {
  display: flex;
}

.u-image-cover {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  min-width: 100%;
  max-width: none;
  height: auto;
  min-height: 100%;
}
.u-image-cover--max-width {
  max-width: 100%;
}
.u-image-cover--max-height {
  max-height: 100%;
}

.u-above {
  z-index: 3;
}

.u-link {
  color: #2f2e2e;
  text-decoration: underline;
  font-weight: 700;
  transition: color 300ms ease-in-out;
}
.u-link:hover {
  color: #565454;
}
.u-link--primary {
  color: #2f2e2e;
}
.u-link--primary:hover {
  color: #080808;
}

.u-video {
  width: 100%;
  max-width: 100%;
  outline: 0;
}