custom.css

/*

This is the Custom CSS for the WordCamp Los Angeles 2014 site.
We'll develop the theme first, and then take the compiled CSS
and add it to the site using Jetpack's Custom CSS module.

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.

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Variables
	1.1 - Fonts
	1.2 - Colors
2.0 - Typography
	2.1 - Header
3.0 - Elements and layout
	3.1 - Elements
	3.2 - Layout
	3.3 - Subpage layouts
4.0 - Forms
5.0 - Navigation
	5.1 - Links
	5.2 - Menus
	5.3 - Secondary toggle
6.0 - Widgets

--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - Variables
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Variables
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.1 Fonts
--------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
/*--------------------------------------------------------------
1.2 Colors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.3 Mixins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.0 - Typography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.0 - Typography
--------------------------------------------------------------*/
/* line 5, sass/_typography.scss */
body,
button,
input,
select,
textarea {
  color: #555e68;
  font-family: "Montserrat", sans-serif; }

/* line 14, sass/_typography.scss */
h1, h2, h3, h4, h5, h6 {
  color: #fd7e23;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase; }

/* line 22, sass/_typography.scss */
h1.entry-title {
  font-size: 48px;
  font-size: 4.8rem; }

/* line 28, sass/_typography.scss */
h4 {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  margin: .5em 0; }

/*--------------------------------------------------------------
3.0 - Elements and Layout
--------------------------------------------------------------*/
/*--------------------------------------------------------------
3.1 - Elements
--------------------------------------------------------------*/
/*--------------------------------------------------------------
3.2 - Layout
--------------------------------------------------------------*/
/* line 4, sass/_layout.scss */
body {
  background: url("http://2014.la.wordcamp.org/files/2014/05/wcla14_tileBG-footer.png") center bottom repeat-x; }

/* Header */
/* line 9, sass/_layout.scss */
#masthead hgroup,
#masthead nav div > ul {
  float: none;
  margin: 0 auto;
  width: 1100px; }

/* line 17, sass/_layout.scss */
#masthead {
  background: url("http://2014.la.wordcamp.org/files/2014/05/wcla14_header-bgSub.jpg") center top no-repeat black;
  height: 400px;
  position: relative; }
  /* line 22, sass/_layout.scss */
  .home #masthead {
    background: url("http://2014.la.wordcamp.org/files/2014/05/wcla14_header-bgImg-fade.jpg") center top no-repeat black;
    height: 620px; }
  /* line 27, sass/_layout.scss */
  #masthead .site-title {
    text-align: center; }
    /* line 30, sass/_layout.scss */
    #masthead .site-title a {
      content: url("http://2014.la.wordcamp.org/files/2014/05/wcla14_logo.png");
      font-size: 0px;
      margin: 0 auto;
      height: 300px; }
      /* line 36, sass/_layout.scss */
      .home #masthead .site-title a {
        height: 527px; }
  /* line 42, sass/_layout.scss */
  #masthead .site-description {
    display: none; }

/* Content & Sidebar */
/* line 49, sass/_layout.scss */
#page {
  background: url("http://2014.la.wordcamp.org/files/2014/05/wcla14_tileBG-features.png") center 400px repeat-x; }
  /* line 52, sass/_layout.scss */
  .home #page {
    background: url("http://2014.la.wordcamp.org/files/2014/05/wcla14_tileBG-features.png") center 620px repeat-x; }

/* line 57, sass/_layout.scss */
#main {
  margin: 0 auto;
  width: 1100px; }

/* line 62, sass/_layout.scss */
#colophon {
  clear: both;
  margin: 0 auto;
  width: 1100px; }

/* line 68, sass/_layout.scss */
#primary {
  float: left;
  width: 820px; }

/* line 73, sass/_layout.scss */
#secondary {
  float: right;
  width: 250px; }

/* Footer */
/* line 79, sass/_layout.scss */
#colophon {
  padding: 20px 0; }
  /* line 82, sass/_layout.scss */
  #colophon .site-info-generator {
    display: block;
    text-align: center; }
    /* line 86, sass/_layout.scss */
    #colophon .site-info-generator:before {
      content: url("http://2014.la.wordcamp.org/files/2014/05/wcla14_greyW-transparentBg.png");
      display: block; }
  /* line 92, sass/_layout.scss */
  #colophon .site-info-network {
    position: absolute;
    top: 12px; }

/*--------------------------------------------------------------
3.3 - Subpage layouts
--------------------------------------------------------------*/
/* Organizers Page */
/* line 6, sass/_subpages.scss */
.wcorg-organizers {
  clear: both;
  overflow: hidden; }
  /* line 10, sass/_subpages.scss */
  .wcorg-organizers .wcorg-organizer {
    float: left;
    padding: 1%;
    width: 23%; }
    /* line 15, sass/_subpages.scss */
    .wcorg-organizers .wcorg-organizer img {
      margin: 1em 0;
      display: block;
      width: 80%;
      padding: 10%;
      background: #dde3e6; }

/*--------------------------------------------------------------
4.0 - Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.0 - Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.0 - Navigation
--------------------------------------------------------------*/
/* line 4, sass/_navigation.scss */
nav.main-navigation {
  background: white;
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  bottom: 0; }
  /* line 15, sass/_navigation.scss */
  nav.main-navigation .menu {
    height: 65px;
    line-height: 65px; }
    /* line 20, sass/_navigation.scss */
    nav.main-navigation .menu li a {
      color: #000;
      font-weight: 700;
      font-size: 18px;
      font-size: 1.8rem;
      padding: 0 16px;
      text-shadow: 1px 1px 1px #fff;
      text-transform: uppercase;
      -webkit-transition: all 200ms ease-in-out;
      -moz-transition: all 200ms ease-in-out;
      -ms-transition: all 200ms ease-in-out;
      -o-transition: all 200ms ease-in-out;
      transition: all 200ms ease-in-out; }
    /* line 31, sass/_navigation.scss */
    nav.main-navigation .menu li:hover > a {
      background: white;
      background: rgba(255, 255, 255, 0.5); }
    /* line 36, sass/_navigation.scss */
    nav.main-navigation .menu li ul {
      background: white;
      background: rgba(255, 255, 255, 0.9);
      top: 65px; }
      /* line 41, sass/_navigation.scss */
      nav.main-navigation .menu li ul li:hover > a {
        background: #45ead2; }

/* line 49, sass/_navigation.scss */
.main-small-navigation {
  background: white;
  background: rgba(255, 255, 255, 0.7);
  display: block;
  padding: 1em 0;
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%; }
  /* line 59, sass/_navigation.scss */
  .main-small-navigation .menu-toggle {
    font-size: 24px;
    font-size: 2.4rem;
    text-align: center; }

/*--------------------------------------------------------------
5.1 - Links
--------------------------------------------------------------*/
/* line 72, sass/_navigation.scss */
a,
a:active,
a:visited {
  color: #fd7e23;
  text-decoration: none; }

/* line 79, sass/_navigation.scss */
a:hover {
  color: #ffc097; }

/* line 84, sass/_navigation.scss */
#colophon a,
#colophon a:active,
#colophon a:visited {
  color: #555e68;
  text-shadow: 1px 1px 1px #fff; }
/* line 91, sass/_navigation.scss */
#colophon a:hover {
  color: #555e68; }
/* line 95, sass/_navigation.scss */
#colophon a.site-info-network {
  color: #ffc097;
  text-shadow: 1px 1px 1px #000; }

/*--------------------------------------------------------------
6.0 - Widgets
--------------------------------------------------------------*/
/* line 4, sass/_widgets.scss */
#primary-sidebar aside h1 {
  background: #fd7e23;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 12px;
  padding: 24px 0 0 0;
  text-align: center;
  text-transform: uppercase; }
/* line 15, sass/_widgets.scss */
#primary-sidebar aside a {
  text-decoration: none; }
/* line 19, sass/_widgets.scss */
#primary-sidebar aside ul {
  list-style: none;
  margin: 0 0 1.5em 0; }
  /* line 23, sass/_widgets.scss */
  #primary-sidebar aside ul li {
    padding: .5em; }

/* After Header Widgets */
/* line 31, sass/_widgets.scss */
#after-header-widgets {
  clear: both;
  margin: 40px auto;
  overflow: hidden;
  width: 1100px; }
  /* line 37, sass/_widgets.scss */
  #after-header-widgets .widget {
    float: left;
    text-align: center;
    width: 25%; }
    /* line 42, sass/_widgets.scss */
    #after-header-widgets .widget img {
      -webkit-transition: all 200ms ease-in-out;
      -moz-transition: all 200ms ease-in-out;
      -ms-transition: all 200ms ease-in-out;
      -o-transition: all 200ms ease-in-out;
      transition: all 200ms ease-in-out; }
    /* line 46, sass/_widgets.scss */
    #after-header-widgets .widget:hover img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }

/*--------------------------------------------------------------
7.0 -
--------------------------------------------------------------*/
/*--------------------------------------------------------------
8.0 -
--------------------------------------------------------------*/
/*--------------------------------------------------------------
9.0 -
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.0 -
--------------------------------------------------------------*/
/*--------------------------------------------------------------
11.0 -
--------------------------------------------------------------*/
/*--------------------------------------------------------------
12.0 -
--------------------------------------------------------------*/