﻿/* modified for Intuition use 2023 with some customization */
/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/

/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/

img
{
	height: auto;
}
	
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container 
{	
	position: relative;	
	margin: 0 auto;
	box-sizing: border-box; 	
}

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.8em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.2; }

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0px;
}
h1 { font-size: 4.2rem; line-height: 1.2;  }
h2 { font-size: 3.7rem; line-height: 1.2; }
h3 { font-size: 3.2rem; line-height: 1.2; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

p {
  margin-top: 0; }

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button {
  display: inline-block;
  height: auto;
  padding: 10px 30px;
  font-size: 2.0rem;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box; 
}
@media (min-width: 480px) 
{
	.button {
		font-size: 2.4rem;
	}	
}	

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */

label {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {  
	list-style: none; }
ol {  
	list-style: none; }
ol, ul {
    padding-left: 0;
    margin-top: 0; 
	margin-bottom:23px;  
}
ul ul {
  margin: 1.5rem 0 1.5rem 1rem;
}
ul ol {
  margin: 1.5rem 0 1.5rem 3rem;
}
ol ol {
  margin: 1.5rem 0 1.5rem 2.5rem;
}
ol ul {
  margin: 1.5rem 0 1.5rem 0.5rem;
}

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button {
  margin-bottom: 1rem; }
input {
  margin-bottom: 1.5rem; }
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0; }

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after {
  content: "";
  display: table;
  clear: both; }