/* Assignment 4 - David Morgan */
/* 	******* CHECKERBOARD FRAMEWORK ******* 
	This is a simple 6-column CSS framework with a 'checkerboard' flair.  It includes
	a standardized color schmeme, grid layout, media (screensize) breakpoints, and is completely
	mobile-compatible.
*/
/* line 18, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/_variables.scss */
:root {
  --base-font-size: 1em;
  --standard-padding: .5em;
  --standard-margin: .5em;
}

/* line 3, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/_typescale.scss */
body {
  font-size: var(--base-font-size);
}

/* line 7, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/_typescale.scss */
body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 {
  font-size-adjust: 0.5;
}

/* line 11, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/_typescale.scss */
#page {
  font-size: 1em;
  /* equivalent to 16px */
  line-height: 1.25;
  /* equivalent to 20px */
}

@media (min-width: 43.75em) {
  /* line 19, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/_typescale.scss */
  #page {
    font-size: 1em;
    /* equivalent to 16px */
    line-height: 1.375;
    /* equivalent to 22px */
  }
}

/* line 27, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/_typescale.scss */
h1 {
  font-size: 2em;
  /* 2x body copy size = 32px */
  line-height: 1.25;
  /* 45px / 36px */
}

@media (min-width: 43.75em) {
  /* line 35, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/_typescale.scss */
  h1 {
    font-size: 2.5em;
    /* 2.5x body copy size = 40px */
    line-height: 1.125;
  }
}

@media (min-width: 56.25em) {
  /* line 43, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/_typescale.scss */
  h1 {
    font-size: 3em;
    /* 3x body copy size = 48px */
    line-height: 1.05;
    /* keep to a multiple of the 20px line height and something more appropriate for display headings */
  }
}

/* line 51, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/_typescale.scss */
h2 {
  font-size: 1.625em;
  /* 1.625x body copy size = 26px */
  line-height: 1.15384615;
  /* 30px / 26px */
}

@media (min-width: 43.75em) {
  /* line 59, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/_typescale.scss */
  h2 {
    font-size: 2em;
    /* 2x body copy size = 32px */
    line-height: 1.25;
  }
}

@media (min-width: 56.25em) {
  /* line 67, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/_typescale.scss */
  h2 {
    font-size: 2.25em;
    /* 2.25x body copy size = 36px */
    line-height: 1.25;
  }
}

/* line 74, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/_typescale.scss */
h3 {
  font-size: 1.375em;
  /* 1.375x body copy size = 22px */
  line-height: 1.13636364;
  /* 25px / 22px */
}

@media (min-width: 43.75em) {
  /* line 82, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/_typescale.scss */
  h3 {
    font-size: 1.5em;
    /* 1.5x body copy size = 24px */
    line-height: 1.25;
  }
}

@media (min-width: 56.25em) {
  /* line 90, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/_typescale.scss */
  h3 {
    font-size: 1.75em;
    /* 1.75x body copy size = 28px */
    line-height: 1.25;
  }
}

/* line 97, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/_typescale.scss */
blockquote {
  font-size: 1.25em;
  /* 20px / 16px */
  line-height: 1.25;
  /* 25px / 20px */
}

@media (min-width: 43.75em) {
  /* line 105, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/_typescale.scss */
  blockquote {
    font-size: 1.5em;
    /* 24px / 16px = */
    line-height: 1.45833333;
    /* 35px / 24px */
  }
}

/* line 11, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-wrapper {
  max-width: 100em;
  width: 90%;
  margin-left: 5%;
}

/* line 16, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
a {
  color: #d7d3c2;
  -webkit-transition: all 0.5s ease;
}

/* line 20, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
body {
  font-family: 'Lato', sans-serif;
  margin: 0 auto;
}

/* line 24, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
h1, h2, h3 {
  font-family: 'Acme', sans-serif;
  color: #b8ad7a;
}

/* line 28, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
footer {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  height: 2.8em;
  background-color: #aea784;
  text-align: center;
  border-top: .1em black solid;
  clear: both;
}

/* line 39, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
#menu-icon {
  display: none;
  float: right;
  width: 1.5em;
  height: 1.5em;
  padding: .5em 2em .5em 0;
  background: url(../images/menu-icon.png) center;
}

/* line 47, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
a:hover#menu-icon {
  background-color: #444;
  border-radius: 0.33em;
}

/* *** 6-Column Grid System *** */
/* line 53, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
[class*="cb-row"] {
  width: 100%;
  margin-bottom: 1em;
  overflow: auto;
}

/* line 56, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
[class*="cb-row"] [class*="cb-col"]:first-of-type {
  margin-left: 4%;
}

/* line 61, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
[class*="cb-col-"] {
  margin-left: 2%;
  float: left;
  padding: 1em;
  min-height: 15em;
}

/* line 66, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
[class*="cb-col-"] img {
  max-width: 100%;
}

/* line 68, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-col-1, .cb-card-1 {
  width: 12%;
}

/* line 71, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-col-2, .cb-card-2 {
  width: 28%;
}

/* line 74, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-col-3, .cb-card-3 {
  width: 44%;
}

/* line 77, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-col-4, .cb-card-4 {
  width: 60%;
}

/* line 80, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-col-5, .cb-card-5 {
  width: 76%;
}

/* line 83, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-col-6, .cb-card-6 {
  width: 92%;
}

/* line 86, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-col-null {
  width: 0%;
  margin: 0;
}

/* *** Navigation *** */
/* line 92, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-nav {
  background-color: #aea784;
  padding-top: .5em;
  padding-bottom: .5em;
  width: 100%;
  border-bottom-left-radius: 0.33em;
  border-bottom-right-radius: 0.33em;
}

/* line 101, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
nav ul {
  list-style-type: none;
  margin: 0;
  padding-left: 1em;
}

/* line 106, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
nav li {
  display: inline-block;
}

/* line 109, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
nav a {
  color: black;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  text-decoration: none;
  padding: 0.2em 0.5em;
}

/* line 116, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
nav a:nth-type(n+1) {
  margin-left: 1em;
}

/* line 119, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
nav a:hover {
  color: black;
  background-color: #d7d3c2;
  border-radius: 0.33em;
}

/* line 125, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-nav-active {
  background-color: #8a835b;
  border-radius: 0.33em;
  padding: 0.5em;
}

/* *** Media Breakpoints *** */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  /* line 134, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
  :root {
    --base-font-size: .75em;
    --standard-padding: .3em;
    --standard-margin: .3em;
  }
  /* line 139, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
  .cb-col-1, .cb-card-1 {
    width: 42%;
  }
  /* line 142, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
  .cb-col-2, .cb-card-2 {
    width: 92%;
  }
  /* line 145, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
  .cb-col-3, .cb-card-3 {
    width: 92%;
  }
  /* line 148, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
  .cb-col-4, .cb-card-4 {
    width: 92%;
  }
  /* line 151, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
  .cb-col-5, .cb-card-5 {
    width: 92%;
  }
  /* line 154, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
  .cb-col-6, .cb-card-6 {
    width: 92%;
  }
  /* line 157, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
  footer {
    font-size: .8em;
    background-color: #ccc8b2;
  }
}

@media only screen and (max-width: 479px) {
  /* line 165, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
  :root {
    --base-font-size: .5em;
    --standard-padding: .33em;
    --standard-margin: .33em;
  }
  /* line 170, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
  [class*='cb-col-'] {
    width: 90%;
  }
  /* line 173, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
  [class*='cb-card-'] {
    width: 90%;
  }
  /* line 176, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
  .cb-right-aside {
    margin-top: var(--standard-margin);
    width: 90%;
  }
  /* line 180, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
  footer {
    font-size: .6em;
    background-color: #ebe9e0;
  }
  /* line 186, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
  #menu-icon {
    display: inline-block;
  }
  /* line 189, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
  nav {
    float: right;
  }
  /* line 192, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
  nav ul, nav:active ul {
    display: none;
    padding: 1.5em;
    background: #fff;
    border: .2em solid black;
    right: 1.5em;
    top: 5em;
    width: 50%;
    border-radius: 0.33em;
  }
  /* line 202, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
  nav li {
    text-align: center;
    width: 100%;
    padding: .7em 0;
    margin: 0;
  }
  /* line 208, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
  nav:hover ul {
    display: block;
  }
  /* line 211, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
  a {
    color: #4C9CF1;
    text-decoration: none;
    font-weight: bold;
  }
  /* line 216, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
  a:hover {
    color: #444;
  }
  /* line 219, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
  img {
    width: 100%;
  }
}

/* *** Style Elements *** */
/* line 225, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-header {
  background-color: #848bae;
  color: white;
  width: calc(100%-1em);
  font-size: 2em;
  padding-left: 1em;
}

/* line 232, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.form, .cb-aside, .cb-aside-right, .cb-aside-left {
  background-color: #848bae;
  margin: 0 auto;
  margin-top: 1em;
  border-radius: 0.66em;
  margin-bottom: 3em;
  padding: .7em;
  color: #d7d3c2;
}

/* line 240, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.form h2, .cb-aside h2, .cb-aside-right h2, .cb-aside-left h2, .form h3, .cb-aside h3, .cb-aside-right h3, .cb-aside-left h3 {
  color: yellow;
  padding-top: var(--standard-padding);
  padding-bottom: calc(var(--standard-padding)*.5);
  margin-top: var(--standard-margin);
  margin-bottom: calc(var(--standard-margin)*.5);
}

/* line 247, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.form *:focus, .cb-aside *:focus, .cb-aside-right *:focus, .cb-aside-left *:focus {
  border-color: #aea784;
  box-shadow: 0 0 1em #d7d3c2;
}

/* line 251, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.form legend, .cb-aside legend, .cb-aside-right legend, .cb-aside-left legend, .form label, .cb-aside label, .cb-aside-right label, .cb-aside-left label {
  color: #292c3e;
}

/* line 255, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-aside, .cb-aside-right, .cb-aside-left {
  padding: .5em;
  background-color: #292c3e;
}

/* line 259, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-aside h2, .cb-aside-right h2, .cb-aside-left h2 {
  padding: 0;
  margin: 0;
}

/* line 263, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-aside ul, .cb-aside-right ul, .cb-aside-left ul {
  list-style: none;
  padding: 0;
}

/* line 267, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-aside li, .cb-aside-right li, .cb-aside-left li {
  padding-left: 1.3em;
  padding-bottom: 1em;
}

/* line 270, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-aside li a, .cb-aside-right li a, .cb-aside-left li a {
  color: #3e3a29;
}

/* line 275, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-aside-right {
  float: right;
}

/* line 279, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-aside-left {
  float: left;
}

/* line 301, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
[class*="cb-card-"] {
  margin-left: 2%;
  float: left;
  min-height: 14em;
  padding: 1em;
  margin-bottom: 1em;
  background-color: #848bae;
  border-radius: 0.66em;
  box-shadow: .33em .33em .66em;
}

/* line 310, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
[class*="cb-card-"] img {
  width: 100%;
}

/* line 313, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-row-a [class*="cb-card-"]:nth-child(odd) {
  background-color: #e0e2eb;
}

/* line 318, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-row-b [class*="cb-card-"]:nth-child(even) {
  background-color: #e0e2eb;
}

/* line 322, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
[class*="cb-card-"] .cb-row [class*="cb-col-"] {
  margin-left: 0;
}

/* line 325, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-button-red {
  color: darkred;
  background-color: pink;
  border-color: darkred;
}

/* line 330, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-button-green {
  color: darkgreen;
  background-color: lightgreen;
  border-color: darkgreen;
}

/* line 335, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-button-blue {
  color: darkblue;
  background-color: lightblue;
  border-color: darkblue;
}

/* line 340, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
[class*="cb-button-"] {
  padding: 1em;
  margin: 1em;
  border-radius: 0.33em;
  font-size: 1em;
  font-weight: 400;
  box-shadow: .2em .2em .5em black;
}

/* line 348, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-button-large {
  font-size: 2em;
}

/* line 351, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-button-xl {
  font-size: 3em;
}

/* line 354, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-center {
  text-align: center;
}

/* line 357, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-bold {
  font-weight: 600;
}

/* line 360, /Users/dm/Dropbox/School/Harvard/DGMDe27/Assignment4/scss/checkerboard.scss */
.cb-image-smaller {
  width: 60%;
  display: block;
  margin: 0 auto;
}

/*# sourceMappingURL=../css/checkerboard.map */