/*
 Theme Name:   Twenty Fourteen (carlalexander.ca)
 Description:  Twenty Fourteen for carlalexander.ca
 Author:       Carl Alexander
 Author URI:   https://carlalexander.ca
 Template:     twentyfourteen
*/

/**
 * Homepage
 */
.home .content-area,
.home .content-sidebar {
  padding-top: 0;
}

/**
 * Widgets
 */
.widget .widget-title {
  margin: 0 0 12px 0;
}
.widget_text ul {
  margin: 0 0 0 12px;
  list-style: none;
}

.widget_text li {
  padding: 0;
}

/**
 * Content width
 */
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content,
#disqus_thread {
  margin: 0 auto;
  max-width: 574px;
}

.post-navigation, .image-navigation {
  margin: 24px auto 48px;
  max-width: 574px;
  padding: 0 10px;
}

.comments-area {
  margin: 48px auto;
  max-width: 574px;
  padding: 0 10px;
}

/**
 * Headerbar
 */
.headerbar-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 0px;
  overflow: hidden;
  z-index: 1;
}

.headerbar-content {
  background-color: #24890d;
  color: #fff;
  padding: 12px 6px;
  text-align: center;
}

.headerbar-content p {
  margin-bottom: 0;
}

.headerbar-content a {
  color: #fff;
  text-decoration: underline;
}

/**
 * Blockquotes
 */
.full-width .site-content blockquote.alignleft,
.full-width .site-content blockquote.alignright {
  width: -webkit-calc(50%);
  width: calc(50%);
}

/**
 * Code
 */
code {
  background: #f5f7f8;
  border: solid 1px #e4e4e4;
  border-radius: 3px;
  padding: 4px 4px 1px;
  font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  font-size: 14px;
  word-wrap: break-word;
}

/**
 * Links
 */
.entry-content a, .entry-summary a, .page-content a, .comment-content a {
  text-decoration: none;
  border-bottom: 1px solid #24890d;
}
.entry-content a:hover, .entry-summary a:hover, .page-content a:hover, .comment-content a:hover {
  text-decoration: none;
  border-bottom-color: transparent;
}
.entry-content a.button, .entry-summary a.button, .page-content a.button, .comment-content a.button {
  border-bottom: 0;
}

/**
 * Seperator
 */
.home span + .comments-link:before {
  content: "";
}

/**
 * Widgets
 */
.widget .button:hover {
    background-color: #41a62a;
    color: #fff;
}


/**
 * Secondary navigation
 */
.secondary-navigation {
  display: none;
}

.secondary-navigation + .primary-sidebar {
  padding-top: 48px;
}

/**
 * Title
 */
.entry-title {
  font-size: 31px;
}

/**
 * oEmbeds
 */
.oembed.oembed-speaker-deck {
  text-align: center;
}

/**
 * Images
 */
img.circle {
    border-radius: 50%;
}

/**
 * Call to action
 */
.site-content .call-action {
  border-top: 5px solid #000;
  border-left: 40px solid #000;
  padding-left: 15px;
  text-transform: uppercase;
}

/**
 * Creative commons license
 */
.site-info .license {
  float: right;
}

/**
 * Media Queries
 */
@media screen and (max-width: 320px) {
  .headerbar-wrapper {
    font-size: 11px;
  }
}

@media screen and (max-width: 400px) {
  .hidden-mobile {
      display: none;
  }

  .oembed.oembed-speaker-deck iframe {
    width: 300px;
    height: 232px;
  }
}

/**
 * iPhone 6 plus in portrait
 */
@media screen and (device-width: 414px) and (orientation: portrait) {
  .oembed.oembed-speaker-deck iframe {
    width: 394px;
    height: 285px;
  }
}

@media screen and (min-width: 401px) {
  .site-content .byline span:before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font: normal 16px/1 Genericons;
    text-decoration: inherit;
    vertical-align: text-bottom;
    content: "\f304";
  }
}

@media screen and (min-width: 321px) and (max-width: 499px) {
  .headerbar-wrapper {
    font-size: 12px;
  }
}

@media screen and (min-width: 783px) {
  .headerbar-wrapper {
    position: absolute;
	top: 48px;
  }
  .full-width.home .site-content .hentry.has-post-thumbnail {
    margin: 0 0 48px;
  }
}

@media screen and (min-width: 1008px) {
  #primary-navigation {
    display: none;
  }

  #secondary {
    position: fixed;
    left: 0;
    top: 48px;
    margin: 0;
  }

  .secondary-navigation {
    display: block;
  }

  .secondary-navigation + .primary-sidebar {
    padding-top: 0;
  }

  .headerbar-wrapper {
    padding-left: 182px;
  }

  .oembed.oembed-speaker-deck iframe {
    width: 574px;
    height: 386px;
  }
  
  .headerbar-wrapper {
    padding-left: 222px;
  }

  .primary-sidebar .widget_text li {
    padding: 0;
  }

  .primary-sidebar .widget .widget-title {
    margin-bottom: 12px;
  }
}