/*!
Theme Name: Mine Cookies
Theme URI: http://shiftcph.dk/
Author: Shift ApS
Description: A theme for minecookies.org
Version: 1.0
Text Domain: mc
Domain Path: /languages/

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/
/* =Global
----------------------------------------------- */
/* line 1, sass/_global.scss */
html {
  font-size: 100%;
}

/* line 5, sass/_global.scss */
body {
  margin: 0;
  padding: 0;
  background: white url(images/bg-tracks.jpg) fixed no-repeat 0 0;
  font-family: "raleway", arial, sans-serif;
}

/* line 12, sass/_global.scss */
figure {
  margin: 0;
}

/* line 16, sass/_global.scss */
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
  border: 0;
}

/* Links */
/* line 23, sass/_global.scss */
a {
  color: #049fe0;
  text-decoration: underline;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* line 30, sass/_global.scss */
a:visited {
  color: #35c1fb;
}

/* line 36, sass/_global.scss */
a:hover,
a:focus,
a:active {
  color: white;
  background: #049fe0;
  text-decoration: none;
}

/* line 42, sass/_global.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 47, sass/_global.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 52, sass/_global.scss */
.container-width {
  max-width: 1024px;
  margin: 0 auto;
}

/* =Global
----------------------------------------------- */
/* Headings */
/* line 2, sass/_typo.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: "roboto slab", georgia, serif;
  font-weight: 400;
  line-height: 1.2;
  color: #049fe0;
  margin: 0;
  padding: .5em 0 1em;
}

/* line 12, sass/_typo.scss */
h1 {
  font-size: 36px;
  font-size: 2.25rem;
  padding: .5em 0 .7em;
}
/* line 15, sass/_typo.scss */
h1:first-child {
  padding-top: 0;
}
@media screen and (min-width: 48em) {
  /* line 12, sass/_typo.scss */
  h1 {
    font-size: 40px;
    font-size: 2.5rem;
  }
}

/* line 23, sass/_typo.scss */
h2 {
  font-size: 28px;
  font-size: 1.75rem;
}
@media screen and (min-width: 48em) {
  /* line 23, sass/_typo.scss */
  h2 {
    font-size: 32px;
    font-size: 2rem;
  }
}

/* line 30, sass/_typo.scss */
h3 {
  font-size: 24px;
  font-size: 1.5rem;
}
@media screen and (min-width: 48em) {
  /* line 30, sass/_typo.scss */
  h3 {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

/* line 37, sass/_typo.scss */
h4 {
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 48em) {
  /* line 37, sass/_typo.scss */
  h4 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

/* line 44, sass/_typo.scss */
h5, h6 {
  font-size: 16px;
  font-size: 1rem;
}

/* line 48, sass/_typo.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin-top: 3rem;
  margin-bottom: 1rem;
  padding: 0;
}

/* Text elements */
/* line 59, sass/_typo.scss */
p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
  padding-bottom: 1.5em;
}

/* line 66, sass/_typo.scss */
ul, ol {
  margin: 0;
  padding: 0 0 1em 1.2em;
}

/* line 71, sass/_typo.scss */
ul {
  list-style: disc;
}

/* line 75, sass/_typo.scss */
ol {
  list-style: decimal;
}

/* line 79, sass/_typo.scss */
li {
  margin: 0;
  padding: 0 0 .5em;
}

/* line 84, sass/_typo.scss */
b, strong {
  font-weight: bold;
}

/* line 88, sass/_typo.scss */
dfn, cite, em, i {
  font-style: italic;
}

/* line 92, sass/_typo.scss */
blockquote {
  display: block;
  border-left: 8px solid #cccccc;
  margin-bottom: 1em;
  margin-left: 0;
  padding-left: 2.0em;
  font-style: oblique;
  line-height: 1.6;
  color: #565656;
}
/* line 101, sass/_typo.scss */
blockquote p:last-child {
  padding-bottom: 0;
}

/* line 106, sass/_typo.scss */
address {
  margin: 0 0 1.5em;
}

/* line 110, sass/_typo.scss */
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

/* line 122, sass/_typo.scss */
code, kbd, tt, var {
  font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

/* line 126, sass/_typo.scss */
abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

/* line 131, sass/_typo.scss */
mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

/* line 137, sass/_typo.scss */
sup,
sub {
  font-size: 12px;
  font-size: 0.75rem;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 145, sass/_typo.scss */
sup {
  bottom: 1ex;
}

/* line 149, sass/_typo.scss */
sub {
  top: .5ex;
}

/* line 153, sass/_typo.scss */
small {
  font-size: 12px;
  font-size: 0.75rem;
}

/* line 157, sass/_typo.scss */
big {
  font-size: 20px;
  font-size: 1.25rem;
}

/* =Header/footer
----------------------------------------------- */
/* line 1, sass/_header-footer.scss */
#masthead {
  display: block;
  padding: 10px 10px 0;
  background: #30c1f3;
  min-height: 1px;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #059fe0;
  border-bottom: 1px solid rgba(4, 159, 224, 0.85);
}
/* line 11, sass/_header-footer.scss */
#masthead a[rel='home'] {
  text-decoration: none;
  background: none;
}
@media screen and (min-width: 25em) {
  /* line 14, sass/_header-footer.scss */
  #masthead a[rel='home'] .site-branding {
    background: url(images/logo-triangle@2x.png) no-repeat 0 0;
    background-size: 49px 44px;
    min-height: 49px;
  }
}
@media screen and (min-width: 48em) {
  /* line 14, sass/_header-footer.scss */
  #masthead a[rel='home'] .site-branding {
    background-size: 64px 57px;
    min-height: 57px;
  }
}
/* line 27, sass/_header-footer.scss */
.lt-ie9 #masthead a[rel='home'] .site-branding {
  background: url(images/logo-triangle.png) no-repeat 0 0;
  min-height: 57px;
}
/* line 32, sass/_header-footer.scss */
#masthead a[rel='home'] .site-branding h1, #masthead a[rel='home'] .site-branding h2 {
  color: #fff;
  text-decoration: none;
  background: none;
  padding: 0;
}
@media screen and (min-width: 25em) {
  /* line 32, sass/_header-footer.scss */
  #masthead a[rel='home'] .site-branding h1, #masthead a[rel='home'] .site-branding h2 {
    padding-left: 59px;
  }
}
@media screen and (min-width: 48em) {
  /* line 32, sass/_header-footer.scss */
  #masthead a[rel='home'] .site-branding h1, #masthead a[rel='home'] .site-branding h2 {
    padding-left: 74px;
  }
}
/* line 46, sass/_header-footer.scss */
.lt-ie9 #masthead a[rel='home'] .site-branding h1, .lt-ie9 #masthead a[rel='home'] .site-branding h2 {
  padding-left: 74px;
}
/* line 51, sass/_header-footer.scss */
#masthead a[rel='home'] .site-branding h1 {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.2em;
}
@media screen and (min-width: 48em) {
  /* line 51, sass/_header-footer.scss */
  #masthead a[rel='home'] .site-branding h1 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1;
  }
}
/* line 61, sass/_header-footer.scss */
.lt-ie9 #masthead a[rel='home'] .site-branding h1 {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1;
}
/* line 68, sass/_header-footer.scss */
#masthead a[rel='home'] .site-branding h2 {
  margin: 5px 0;
  font-family: "raleway", arial, sans-serif;
  color: #fff;
  font-size: 11px;
  font-size: 0.6875rem;
}
@media screen and (min-width: 48em) {
  /* line 68, sass/_header-footer.scss */
  #masthead a[rel='home'] .site-branding h2 {
    margin: 5px 0;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
/* line 79, sass/_header-footer.scss */
.lt-ie9 #masthead a[rel='home'] .site-branding h2 {
  margin: 5px 0;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 48em) {
  /* line 11, sass/_header-footer.scss */
  #masthead a[rel='home'] {
    float: left;
  }
}
/* line 90, sass/_header-footer.scss */
.lt-ie9 #masthead a[rel='home'] {
  float: left;
}
/* line 97, sass/_header-footer.scss */
#masthead a#mobile-nav {
  position: absolute;
  right: 10px;
  top: 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  display: block;
  height: 44px;
  width: 44px;
  text-indent: 100%;
  overflow: hidden;
  line-height: 44px;
  background: url(images/icon-nav@2x.png) no-repeat 50% 50%;
  background-size: 22px 15px;
  border: 2px solid #fff;
  border-radius: 50%;
}
@media screen and (min-width: 32em) {
  /* line 1, sass/_header-footer.scss */
  #masthead {
    background: rgba(48, 193, 243, 0.85);
  }
}
@media screen and (min-width: 48em) {
  /* line 1, sass/_header-footer.scss */
  #masthead {
    padding: 40px 32px;
  }
  /* line 122, sass/_header-footer.scss */
  #masthead a#mobile-nav {
    display: none;
  }
}
/* line 127, sass/_header-footer.scss */
.lt-ie9 #masthead {
  background: url(images/30c1f3-0.85.png);
  padding: 40px 32px;
}
/* line 131, sass/_header-footer.scss */
.lt-ie9 #masthead a#mobile-nav {
  display: none;
}

/* line 139, sass/_header-footer.scss */
#site-footer {
  background: #ededed;
  padding: 0 10px;
}
/* line 143, sass/_header-footer.scss */
#site-footer p {
  padding: 1em 0;
  color: #049fe0;
}
@media screen and (min-width: 48em) {
  /* line 143, sass/_header-footer.scss */
  #site-footer p {
    padding: 1.5em 0;
  }
}
@media screen and (min-width: 60em) {
  /* line 143, sass/_header-footer.scss */
  #site-footer p {
    padding: 2em 0;
    text-align: center;
  }
}
/* line 156, sass/_header-footer.scss */
.lt-ie9 #site-footer p {
  padding: 2em 0;
  text-align: center;
}
@media screen and (min-width: 48em) {
  /* line 139, sass/_header-footer.scss */
  #site-footer {
    padding: 0 2em;
  }
}
/* line 166, sass/_header-footer.scss */
.lt-ie9 #site-footer {
  padding: 0 2em;
}

/* =Content */
/* line 1, sass/_content.scss */
#content {
  background: rgba(255, 255, 255, 0.8);
  padding: 30px 10px;
  min-height: 1px;
  overflow: hidden;
}
@media screen and (min-width: 48em) {
  /* line 1, sass/_content.scss */
  #content {
    padding: 2em;
  }
}
/* line 10, sass/_content.scss */
.lt-ie9 #content {
  background: url(images/ffffff-0.8.png);
  padding: 2em;
}
@media screen and (min-width: 60em) {
  /* line 15, sass/_content.scss */
  #content #primary {
    float: left;
    width: 65%;
    margin-right: 5%;
  }
}
/* line 22, sass/_content.scss */
.lt-ie9 #content #primary {
  float: left;
  width: 65%;
  margin-right: 5%;
}
/* line 28, sass/_content.scss */
#content #primary.full-width {
  width: 100%;
  margin: 0;
  float: none;
}
/* line 36, sass/_content.scss */
#content #secondary {
  display: none;
}
@media screen and (min-width: 60em) {
  /* line 36, sass/_content.scss */
  #content #secondary {
    display: block;
    float: left;
    width: 30%;
  }
}
/* line 45, sass/_content.scss */
.lt-ie9 #content #secondary {
  display: block;
  float: left;
  width: 30%;
}
@media screen and (min-width: 60em) {
  /* line 54, sass/_content.scss */
  #content:after {
    content: '';
    display: table;
    clear: both;
  }
}

/* =Forms
----------------------------------------------- */
/* line 4, sass/_forms.scss */
button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */
  *vertical-align: middle;
  /* Improves appearance and consistency in all browsers */
}

/* line 13, sass/_forms.scss */
.gform_wrapper ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 18, sass/_forms.scss */
.gform_wrapper ul li {
  margin: 0 0 1.5em;
}
/* line 21, sass/_forms.scss */
.gform_wrapper ul li .gfield_description {
  padding: .2em;
  font-size: .85em;
}
/* line 26, sass/_forms.scss */
.gform_wrapper ul li label {
  display: block;
  margin: 0 0 .25em;
  padding: 0;
  font-size: .75em;
  font-weight: bold;
  text-transform: uppercase;
}
/* line 36, sass/_forms.scss */
.gform_wrapper ul li input[type='text'],
.gform_wrapper ul li input[type='email'] {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  background: #f8f8f8;
  border-radius: 4px;
  width: 100%;
  padding: .5em;
  outline: 0;
}
/* line 45, sass/_forms.scss */
.gform_wrapper ul li input[type='text']:focus,
.gform_wrapper ul li input[type='email']:focus {
  border-color: #049fe0;
  background: #fff;
}
/* line 53, sass/_forms.scss */
.gform_wrapper .gform_footer {
  margin: 0 0 1.5em;
}
/* line 57, sass/_forms.scss */
.gform_wrapper .validation_error {
  margin: 0 0 1.5em;
  padding: 1em;
  border: 2px solid #f00;
  color: #f00;
  border-radius: 4px;
}
/* line 65, sass/_forms.scss */
.gform_wrapper .validation_message {
  padding: .2em;
  font-size: .85em;
  color: #f00;
  font-style: italic;
}
/* line 73, sass/_forms.scss */
.gform_wrapper input[type='submit'],
.gform_wrapper input[type='button'] {
  border: 1px solid #049fe0;
  background: #049fe0;
  border-radius: 4px;
  padding: .5em;
  color: #fff;
  cursor: pointer;
}
/* line 82, sass/_forms.scss */
.gform_wrapper input[type='submit']:hover, .gform_wrapper input[type='submit']:focus,
.gform_wrapper input[type='button']:hover,
.gform_wrapper input[type='button']:focus {
  background: #090;
}

/* line 89, sass/_forms.scss */
.gform_confirmation_wrapper {
  margin: 0 0 1.5em;
  padding: 1em;
  border: 2px solid #049fe0;
  border-radius: 4px;
  font-weight: bold;
}

/* Alignment */
/* line 42, sass/style.scss */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

/* line 48, sass/style.scss */
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

/* line 54, sass/style.scss */
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

/* Text meant only for screen readers */
/* line 61, sass/style.scss */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

/* line 68, sass/style.scss */
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */
}

/* =Menu
----------------------------------------------- */
@media screen and (max-width: 48em) {
  /* line 5, sass/_nav.scss */
  .js #site-navigation ul.nav-menu {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .75s ease;
    transition: all .75s ease;
  }
  /* line 10, sass/_nav.scss */
  .js #site-navigation ul.nav-menu.toggled {
    max-height: 1000px;
  }
  /* line 17, sass/_nav.scss */
  .no-js #site-navigation ul.nav-menu:target {
    display: block;
  }
}
/* line 23, sass/_nav.scss */
#site-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 29, sass/_nav.scss */
#site-navigation ul > li:first-child {
  margin-top: 10px;
}
/* line 36, sass/_nav.scss */
#site-navigation ul li {
  margin: 0;
  padding: 0;
  border-top: 1px solid #98e0f9;
}
/* line 41, sass/_nav.scss */
#site-navigation ul li:last-child {
  border-bottom: 1px solid #98e0f9;
  margin-bottom: 10px;
}
/* line 46, sass/_nav.scss */
#site-navigation ul li a {
  display: block;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
  text-decoration: none;
  padding: .3em 0;
}
@media screen and (min-width: 48em) {
  /* line 46, sass/_nav.scss */
  #site-navigation ul li a {
    padding: 20px 10px;
    border-radius: 4px;
  }
  /* line 58, sass/_nav.scss */
  #site-navigation ul li a:hover {
    background: rgba(4, 159, 224, 0.66);
  }
}
/* line 63, sass/_nav.scss */
.lt-ie9 #site-navigation ul li a {
  padding: 20px 10px;
  border-radius: 4px;
}
/* line 67, sass/_nav.scss */
.lt-ie9 #site-navigation ul li a:hover {
  background: rgba(4, 159, 224, 0.66);
}
@media screen and (min-width: 48em) {
  /* line 76, sass/_nav.scss */
  #site-navigation ul li.current-menu-item a, #site-navigation ul li.current-menu-parent a {
    position: relative;
  }
  /* line 78, sass/_nav.scss */
  #site-navigation ul li.current-menu-item a:after, #site-navigation ul li.current-menu-parent a:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 8px;
    width: 0;
    height: 0;
    margin-left: -8px;
    border-top: 8px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-radius: 2px;
  }
}
/* line 96, sass/_nav.scss */
.lt-ie9 #site-navigation ul li.current-menu-item a, .lt-ie9 #site-navigation ul li.current-menu-parent a {
  position: relative;
}
/* line 98, sass/_nav.scss */
.lt-ie9 #site-navigation ul li.current-menu-item a:after, .lt-ie9 #site-navigation ul li.current-menu-parent a:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 8px;
  width: 0;
  height: 0;
  margin-left: -8px;
  border-top: 8px solid transparent;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  border-radius: 2px;
}
/* line 116, sass/_nav.scss */
#site-navigation ul li ul {
  margin: 0;
}
/* line 119, sass/_nav.scss */
#site-navigation ul li ul li {
  border: 0 !important;
  margin: 0 !important;
}
/* line 123, sass/_nav.scss */
#site-navigation ul li ul li a {
  padding: .3em;
}
/* line 125, sass/_nav.scss */
#site-navigation ul li ul li a:before {
  content: "- ";
}
@media screen and (min-width: 48em) {
  /* line 36, sass/_nav.scss */
  #site-navigation ul li {
    float: left;
    margin: 0 !important;
    padding: 0;
    border: 0 !important;
  }
}
/* line 139, sass/_nav.scss */
.lt-ie9 #site-navigation ul li {
  float: left;
  margin: 0 !important;
  padding: 0;
  border: 0 !important;
}
@media screen and (min-width: 48em) {
  /* line 1, sass/_nav.scss */
  #site-navigation {
    float: right;
    margin: 0;
  }
  /* line 156, sass/_nav.scss */
  #site-navigation ul ul {
    display: none;
  }
}
/* line 161, sass/_nav.scss */
.lt-ie9 #site-navigation {
  float: right;
  margin: 0;
}
/* line 165, sass/_nav.scss */
.lt-ie9 #site-navigation ul ul {
  display: none;
}

/* subnav */
/* line 173, sass/_nav.scss */
#masthead + div.submenu {
  background: #059fe0;
  background: rgba(4, 159, 224, 0.95);
  padding: 0 2em;
}
/* line 178, sass/_nav.scss */
#masthead + div.submenu ul {
  max-width: 1024px;
  margin: 0 auto;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  min-height: 1px;
  overflow: hidden;
}
/* line 185, sass/_nav.scss */
#masthead + div.submenu ul li {
  float: left;
  margin: 0 1em 0 0;
  padding: 0;
}
/* line 190, sass/_nav.scss */
#masthead + div.submenu ul li a {
  display: block;
  padding: .5em .75em;
  color: #fff;
}
/* line 194, sass/_nav.scss */
#masthead + div.submenu ul li a:hover {
  background: none;
}
@media screen and (max-width: 48em) {
  /* line 173, sass/_nav.scss */
  #masthead + div.submenu {
    display: none;
  }
}

/* =Sidebar
----------------------------------------------- */
/* widget generic */
/* line 2, sass/_sidebar.scss */
#secondary {
  font-size: 14px;
  font-size: 0.875rem;
}
/* line 6, sass/_sidebar.scss */
#secondary p {
  font-size: 1em;
}
/* line 10, sass/_sidebar.scss */
#secondary .widget {
  margin: 0 0 2em;
}
/* line 13, sass/_sidebar.scss */
#secondary .widget h1, #secondary .widget h2, #secondary .widget h3 {
  font-size: 1.75em;
}

/* image widget */
/* line 24, sass/_sidebar.scss */
.widget_simpleimage a,
.widget_simpleimage a:hover,
.widget_simpleimage a:focus {
  background: none;
}
/* line 28, sass/_sidebar.scss */
.widget_simpleimage p.simple-image {
  padding: 0 10%;
}
/* line 32, sass/_sidebar.scss */
.widget_simpleimage img {
  width: 100%;
}

/* =Tables
----------------------------------------------- */
/* line 1, sass/_tables.scss */
table {
  font-size: 14px;
  border: 0;
  padding: 0;
  border-spacing: 0;
  border-collapse: collapse;
}
/* line 7, sass/_tables.scss */
table.mc-members {
  width: 100%;
}
/* line 9, sass/_tables.scss */
table.mc-members td {
  padding: .2em .4em;
  border: 1px solid #ccc;
}

/* Make sure embeds and iframes fit their containers */
/* line 103, sass/style.scss */
embed,
iframe,
object {
  max-width: 100%;
}