/*--
    Theme Name: Squeaky Clean
    Theme URI: http://www.joshbroton.com/squeakyclean
    Description: A fast and clean responsive WordPress boilerplate
    Author: Josh Broton
    Author URL: http://www.joshbroton.com
--*/
/*
  ---- ---- ---- ---- VARIABLES ---- ---- ---- ----
*/
/*
  ---- ---- ---- ---- MIXINS ---- ---- ---- ----
*/
/*
  ---- ---- ---- ---- RESET STYLESHEET ---- ---- ---- ----
*/
html, body {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, time, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1.2;
  font-family: inherit; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, time {
  display: block; }

audio[controls], canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*
  ---- ---- ---- ---- FONT-FACE DECLARATIONS ---- ---- ---- ----
*/
/*
  ---- ---- ---- ---- ALL VIEWPORTS AND SIZES ---- ---- ---- ----
*/
/* BODY */
@-webkit-viewport {
  width: device-width; }

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

html {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  width: 100%;
  height: 100%;
  background: transparent;
  font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 125%;
  line-height: 1.2em;
  color: black; }

/* TYPOGRAPHY */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-family: PT Serif, Cambria, Georgia, Times, Times New Roman, serif;
  font-weight: bold;
  color: #152057;
  line-height: 1.35em;
  text-rendering: optimizeLegibility; }

h1,
.h1 {
  margin-bottom: 0.68571em;
  font-size: 2em; }

h2,
.h2 {
  margin-bottom: 0.8em;
  font-size: 1.5em; }

h3,
.h3 {
  margin-bottom: 0.68571em;
  font-size: 1.25em; }

h4,
.h4 {
  margin-bottom: 0.68571em;
  font-size: 1.125em; }

h5,
.h5 {
  margin-bottom: 0.6em;
  font-size: 1em; }

h6,
.h6 {
  margin-bottom: 0.6em;
  font-size: 1em;
  font-weight: normal; }

p,
ol,
ul,
dl,
address {
  margin-bottom: 1.2em;
  line-height: 1.44em; }

small {
  font-size: .875em; }

ul,
ol {
  padding: 0 0 0 20px; }

blockquote {
  margin: 0 20px 1.2em 15px;
  border-left: 5px solid #bfbfbf;
  font-family: PT Serif, Cambria, Georgia, Times, Times New Roman, serif;
  font-style: italic; }

dl,
dd {
  margin-bottom: 1.2em; }

dt {
  font-weight: bold; }

b,
strong {
  font-weight: bold; }
  b a,
  strong a {
    font-weight: bold; }

dfn,
em {
  font-style: italic; }

ins {
  background-color: #e6e6e6;
  color: red;
  text-decoration: none; }

mark {
  background-color: #e6e6e6;
  color: red;
  font-style: italic;
  font-weight: bold; }

pre,
code,
kdb,
samp {
  padding: 5px;
  background-color: #e6e6e6;
  font-family: Monaco, Courier New, monospace;
  font-size: .875em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

sub,
sup {
  position: relative;
  font-size: .75em;
  line-height: 0;
  vertical-align: 1.2em; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* LINKS */
a {
  color: #3359d9;
  text-decoration: none;
  cursor: pointer; }
  a:hover {
    color: #264ccc;
    text-decoration: underline;
    border: 0;
    outline: 0; }
  a:visited {
    color: #2244b7; }
  a:focus, a:active {
    color: #1e3ca1;
    border: 0;
    outline: 0; }
  a img {
    border: 0;
    outline: 0; }

/* SELECTION */
::-moz-selection {
  background-color: gray;
  color: white;
  text-shadow: none; }

::selection {
  background-color: gray;
  color: white;
  text-shadow: none; }

/* ELEMENTS */
hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  background-color: #bfbfbf; }

img {
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic; }

figure {
  margin-bottom: 1.2em; }

figcaption {
  display: block;
  margin: 0 0 1.2em 0;
  padding: 0;
  font-weight: normal; }

/* FORMS */
label {
  font-size: .875em;
  color: #404040; }

input[type="text"],
input[type="date"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="url"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="file"],
select,
textarea,
.textbox {
  display: block;
  width: 100%;
  max-width: 768px;
  padding: 5px;
  margin-bottom: 1.2em;
  background-color: white;
  border: 1px solid #bfbfbf;
  color: gray;
  font-size: .875em; }
  input[type="text"]:active, input[type="text"]:focus,
  input[type="date"]:active,
  input[type="date"]:focus,
  input[type="time"]:active,
  input[type="time"]:focus,
  input[type="datetime"]:active,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:active,
  input[type="datetime-local"]:focus,
  input[type="url"]:active,
  input[type="url"]:focus,
  input[type="email"]:active,
  input[type="email"]:focus,
  input[type="number"]:active,
  input[type="number"]:focus,
  input[type="search"]:active,
  input[type="search"]:focus,
  input[type="file"]:active,
  input[type="file"]:focus,
  select:active,
  select:focus,
  textarea:active,
  textarea:focus,
  .textbox:active,
  .textbox:focus {
    border-color: gray; }

input[type="checkbox"],
input[type="radio"] {
  margin: 3px 0;
  padding: 0;
  *width: 13px;
  *height: 13px; }

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  width: auto;
  heigth: auto;
  background-color: #3359d9;
  border: 1px solid #2244b7;
  color: white;
  font-size: .875em;
  cursor: pointer; }

input[type="hidden"] {
  display: none; }

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  cursor: not-allowed; }

::-webkit-input-placeholder,
:-moz-placeholder,
:-ms-input-placeholder {
  color: #bfbfbf;
  font-size: .875em; }

/* BUTTON SIZES */
.button-xl {
  padding: .875em 1.75em;
  font-size: 1.25em;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box; }

.button-lg {
  padding: .5em 1em;
  font-size: 1em;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box; }

.button-med {
  padding: .375em .75em;
  font-size: .875em;
  line-height: 1em;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box; }

.button-xs {
  padding: .25em .5em;
  font-size: .75em;
  line-height: .875em;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box; }

/* TABLES */
table {
  height: 100%;
  width: 100%;
  margin-bottom: 0.6em;
  background-color: transparent;
  border-spacing: 0; }

th,
td {
  padding: 0 .5em;
  vertical-align: middle;
  border-top: 1px solid #bfbfbf;
  line-height: 1.2em;
  text-align: left;
  font-size: .875em; }

th {
  font-weight: bold; }

thead th {
  vertical-align: bottom; }

thead:first-child tr:first-child th,
thead:first-child tr-first-child td {
  border-top: 0; }

tbody tr td,
tbody tr th {
  -webkit-transition: background-color 0.25s 0 ease;
  -moz-transition: background-color 0.25s 0 ease;
  -ms-transition: background-color 0.25s 0 ease;
  -o-transition: background-color 0.25s 0 ease;
  transition: background-color 0.25s 0 ease; }

tbody tr:hover td,
tbody tr:hover th {
  background-color: #bfbfbf; }

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #e6e6e6; }

/* PAGE LAYOUT */
#oldIeWarning {
  position: fixed;
  z-index: 1000000;
  width: 100%;
  background-color: red;
  display: none;
  text-align: center;
  color: white; }

.warning_content {
  width: 80%;
  padding: .5em 10%;
  margin: 0 auto; }

.warning_content a {
  color: white;
  font-weight: bold; }

#close_ie_warning {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 20px;
  background: url(images/cancel.png) no-repeat 0 50%;
  text-indent: -100000px; }

.lt-ie9 #wrapper {
  max-width: 750px;
  margin: 0 auto; }

header.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  padding: .5em;
  background-color: #3359d9;
  *zoom: 1; }
  header.fixed:before, header.fixed:after {
    display: table;
    content: ""; }
  header.fixed:after {
    clear: both; }

.communications {
  display: inline-block; }
  .communications a {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: .25em;
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: background-position 0.1s ease;
    -moz-transition: background-position 0.1s ease;
    -ms-transition: background-position 0.1s ease;
    -o-transition: background-position 0.1s ease;
    transition: background-position 0.1s ease; }
    .communications a.facebook {
      background-image: url(images/facebook.png); }
    .communications a.linkedin {
      background-image: url(images/linkedin.png); }
    .communications a.twitter {
      background-image: url(images/twitter.png); }
    .communications a.googleplus {
      background-image: url(images/googleplus.png); }
    .communications a.contact {
      background-image: url(images/contact.png); }
    .communications a:hover {
      background-position: 0 -32px; }

#openMenu {
  float: right;
  padding: .25em;
  font-weight: bold;
  color: white; }

/*    nav#mobile {
        display: inline-block;
        float: right;

        select {
            display: inline-block;
            width: auto;
            margin-bottom: auto;
        }

        &.panel {
            position: absolute;
            float: none;
            left: 0;
            right: 0;
            top: 100%;
            background: $blue;

            ul {
                padding: 0;
                margin-bottom: 0;
            }

            li {
                list-style: none;
            }

            a {
                display: block;
                padding: 1em .5em;
                color: white;
                border-top:1px solid lighten($blue, 10%);

                &:hover,
                &:active {
                    @include horizontal(darken($blue, 5%), $blue);
                    font-weight: bold;
                    text-decoration: none;
                }
            }
        }
    }*/
#wrapper {
  padding-top: 60px; }

section.main {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto; }

.logo {
  max-width: 300px;
  margin: 0 auto; }

nav.primary {
  display: none; }

.content {
  width: 100%;
  padding: 0 2%; }

.image_size_info {
  font-size: .75em;
  font-style: italic;
  text-align: center; }

.image_wrapper {
  margin-bottom: 20px;
  padding: .5em;
  padding-bottom: 0;
  border: 1px solid #bfbfbf; }

.next_event {
  margin-top: 2em; }
  .next_event h2 {
    margin-bottom: .125em; }
    .next_event h2 a {
      font-weight: bold; }
  .next_event time {
    font-weight: bold;
    font-style: italic;
    font-size: .75em; }
  .next_event .location_wrapper {
    font-weight: bold;
    margin: .75em 0; }
    .next_event .location_wrapper a {
      font-weight: bold; }

.hdiv {
  width: 100%;
  padding: 0 2%;
  margin: 2em 0; }
  .hdiv div {
    height: 1px;
    background-color: #bfbfbf; }

.sidebar {
  text-align: center;
  font-size: .875em; }
  .sidebar article {
    width: 100%;
    padding: 0 2%;
    margin-bottom: 2em; }
    .sidebar article header,
    .sidebar article .body {
      border: 2px solid gray; }
    .sidebar article header {
      border-bottom: 0; }
    .sidebar article .body {
      border-top: 0; }
    .sidebar article:last-child {
      margin-bottom: 0; }
  .sidebar header {
    padding: .5em 0;
    background-color: gray; }
    .sidebar header h3 {
      margin-bottom: 0;
      color: white; }
  .sidebar .body {
    padding: 5%; }

.upcoming .body {
  border-left: 10px solid #e6e6e6;
  padding: 5%;
  text-align: left; }
.upcoming .title {
  font-size: 1.25em;
  font-weight: bold; }

.sponsors a {
  display: block;
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #bfbfbf; }
  .sponsors a:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0; }

.meeting_location a {
  font-weight: bold; }

footer.main {
  padding: 2em;
  background-color: #3359d9;
  color: white;
  text-align: center; }
  footer.main a {
    color: white;
    font-weight: bold; }

@media only screen and (min-width: 48em) {
  html,
  body {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bbe5f5), to(#e7f6fc));
    background-image: -webkit-linear-gradient(top, #bbe5f5, #e7f6fc);
    background-color: #e7f6fc;
    background-image: -moz-linear-gradient(top, #bbe5f5, #e7f6fc);
    background-image: -ms-linear-gradient(top, #bbe5f5, #e7f6fc);
    background-image: -o-linear-gradient(top, #bbe5f5, #e7f6fc);
    background-image: linear-gradient(top, #bbe5f5, #e7f6fc);
    background-repeat: repeat-x;
    min-height: 100%; }

  #wrapper {
    padding-top: 48px;
    max-width: 1180px;
    margin: 0 auto;
    background-color: white; }

  .logo {
    width: 100%;
    height: 168px;
    max-width: 100%;
    background: url(images/header.jpg) no-repeat top left; }
    .logo h1 {
      padding-right: 20px;
      text-align: right; }

  nav.primary {
    display: block;
    margin-top: -4px;
    background-color: black; }
    nav.primary ul {
      margin-bottom: 0; }
    nav.primary li {
      display: inline-block;
      list-style: none; }
      nav.primary li a {
        display: inline-block;
        padding: .5em;
        font-weight: bold;
        font-size: 1.125em;
        color: white; }
    nav.primary .current a {
      color: #3359d9; }

  .sidebar {
    *zoom: 1; }
    .sidebar:before, .sidebar:after {
      display: table;
      content: ""; }
    .sidebar:after {
      clear: both; }
    .sidebar article {
      float: left;
      width: 50%;
      padding: 0 2%; }
    .sidebar .sponsors {
      float: right; }

  footer.main {
    padding: 1em; } }
@media only screen and (min-width: 61.9em) {
  body {
    font-size: 100%; }

  .hdiv {
    display: none; }

  /*    section.main {
          @include clearfix();
          padding: 2% 0;
      }
  
          .content {
              float: right;
              @include eightcol();
          }
  
          .sidebar {
              float: left;
              @include fourcol();
  
              article {
                  float: none;
                  width: 100%;
                  margin-left: 0;
                  margin-right: 0;
              }
  
              .sponsors {
                  float: none;
                  margin-left: 0;
              }
          }*/
  /*    section.main {
          display: table;
          padding: 2% 0;
      }
  
          .content {
              display: table-cell;
              @include eightcol();
          }
  
          .sidebar {
              display: table-cell;
              @include fourcol();
  
              article {
                  float: none;
                  @include twelvecol();
              }
  
              .sponsors {
                  float: none;
                  @include twelvecol();
              }
          }*/
  /*    section.main {
          display: -webkit-flex;
          -webkit-flex-flow: row nowrap;
          padding: 2%;
      }
  
          .content {
              -webkit-order: 2;
              -webkit-flex: 1 1 39%;
          }
  
          .sidebar {
              -webkit-order: 1;
              -webkit-flex: 1 1;
  
              article {
                  float: none;
                  @include twelvecol();
              }
  
              .sponsors {
                  float: none;
                  @include twelvecol();
              }
          }*/ }
