/* 
Theme Name: Flatpack Silos Australia
Author: Michael Milverton
Version: 1.1
Description: Theme for Flatpack Silos Australia
*/

/* oswald-200 - latin */

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  src: url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-200.eot');
  /* IE9 Compat Modes */
  src: local(''), url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-200.woff') format('woff'), /* Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-200.svg#Oswald') format('svg');
  /* Legacy iOS */
}

/* oswald-300 - latin */

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-300.eot');
  /* IE9 Compat Modes */
  src: local(''), url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-300.woff') format('woff'), /* Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-300.svg#Oswald') format('svg');
  /* Legacy iOS */
}

/* oswald-regular - latin */

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local(''), url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-regular.svg#Oswald') format('svg');
  /* Legacy iOS */
}

/* oswald-500 - latin */

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-500.eot');
  /* IE9 Compat Modes */
  src: local(''), url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-500.woff') format('woff'), /* Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-500.svg#Oswald') format('svg');
  /* Legacy iOS */
}

/* oswald-600 - latin */

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-600.eot');
  /* IE9 Compat Modes */
  src: local(''), url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-600.woff') format('woff'), /* Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-600.svg#Oswald') format('svg');
  /* Legacy iOS */
}

/* oswald-700 - latin */

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-700.eot');
  /* IE9 Compat Modes */
  src: local(''), url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-700.woff') format('woff'), /* Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/wp-content/themes/fpsilos/assets/fonts/oswald/oswald-v35-latin-700.svg#Oswald') format('svg');
  /* Legacy iOS */
}

/* open-sans-300 - latin */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-300.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'), url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-300.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

/* open-sans-italic - latin */

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-italic.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-italic.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

/* open-sans-regular - latin */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-regular.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

/* open-sans-600 - latin */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-600.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-600.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

/* open-sans-600italic - latin */

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-600italic.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-600italic.woff') format('woff'), /* Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-600italic.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

/* open-sans-800 - latin */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-800.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-800.woff') format('woff'), /* Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-800.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

/* open-sans-800italic - latin */

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-800italic.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-800italic.woff') format('woff'), /* Modern Browsers */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/wp-content/themes/fpsilos/assets/fonts/open-sans/open-sans-v18-latin-800italic.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

:root {
  --color-primary: #0473C9;
  --color-primary-text: white;
  --color-primary-light: #5ca1fd;
  --color-primary-dark: #004898;
  --color-secondary: #424242;
  --color-secondary-light: #6d6d6d;
  --color-secondary-dark: #1b1b1b;
  --color-secondary-text: white;
  --color-secondary-bg: #dadada;  
  --color-bling: #ff9800;
  /* --color-secondary: #ffbc4d;
  --color-secondary-light: #ffee7e;
  --color-secondary-dark: #c88c18; */
  /* --color-secondary: #dba322;
  --color-secondary-light: #ffd457;
  --color-secondary-dark: #a57500; */
  --color-grey-1: #bdbdbd;
  --color-grey-1-light: #dadada;
  --color-grey-1-dark: #8d8d8d;
  --color-grey-2: #424242;
  --color-grey-2-light: #6d6d6d;
  --color-grey-2-dark: #1b1b1b;
  --color-alpha-white: rgb(255 255 255 / 20%);
  --color-h1: #000000;
  --color-h2: #333333;
  --color-h3: #666666;
  --color-h4: #666666;
  --color-h5: #666666;
  --color-h6: #666666;
  --color-p: #333333;
  --color-outline: #dadada;
  --font-display: "Oswald", serif;
  --font-main: "Open Sans", "sans-serif";
  --pane-radius: 5px;
  --page-padding: 1em;
  --footer-height: 5rem;
  --text-shadow-dark: 1px 1px 2px var(--color-secondary-light);
}


.page-container {
  margin-bottom: calc(var(--footer-height) + 1em);  
}

html, body {
  height: 100%;
  font-size: 16px;
  margin: 0;
}

/* body {
  min-height: 100%;
 } */

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  font-weight: 300;  
}

p, span, a, td, li {
  font-family: var(--font-main);
  font-weight: 500;
}

a {
  color: var(--color-primary)
}

h1 {
  font-size: 2em;
  color: var(--color-primary);

  padding: 0.3em;
  border-bottom: solid;

}

h2 {
  font-size: 1.5em;
  color: var(--color-h2);
}

h3 {
  font-size: 1.17em;
  color: var(--color-h3);
}

h4 {
  font-size: 1em;
  color: var(--color-h4);
}

h5 {
  font-size: 0.83em;
  color: var(--color-h5);
}

h6 {
  font-size: 0.67em;
  color: var(--color-h6);
}

p {
  font-size:  1em; 
  color: var(--color-p);   
}

footer {
  display: none;
  background-color:var(--color-grey-1-light);
  width: 100%;
  height: var(--footer-height);
  position: fixed;
  bottom: 0;
}


/* MAIN CONTENT WRAPPER, HELPS ANCHOR FOOTER */
#wrapper {
  display: flex;
  flex-direction: column;
  /* flex-basis: 100%; */
}

/* POSSIBLE SIDEBAR */
.side {
  flex-basis: 20%;
}


/* GLOBAL CHANGES */
/* REMOVE H1 MARGIN AND PADDING  */
@media all and (max-width: 865px) { 
  /* html {
    font-size: 14px;
  } */
  #wrapper h1 {
    /* margin: 16px; */
    padding: 0;
  }
}