/*
Theme Name: TWG Default
Theme URI: http://twg.ca/
Description: TWG's theme
Version: 4.0
Author: TWG
Author URI: http://twg.ca/
*/

/* bundle exec cap production deploy */

@import url('assets/css/application.css');

/* =========================================================================== */
/*   Responsive Formatting
/* =========================================================================== */

/* add header logo */
header a.logo {
  background: url('images/twg-blog.jpg') 0px 0px no-repeat;
}

/* ensure the site container is flexible (no fixed width) */
.container{
  width: auto;
  max-width: 1024px;
}

/* ensure header and footer are flexible (no fixed widths) */
header .inner, footer .inner{
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden;
  width: auto;
  max-width: 1024px;
}
header{
  z-index: 100;
}

/* allow blog post thumbnails to scale */
.index-thumb{
  width: auto;
  height: auto;
  max-width: 150px;
  margin-right: 20px;
}
.index-thumb img{
  width: auto;
  height: auto;
  max-width: 100%;
}

/* ensure all images can scale (and maintain their aspect ratios) */
img{
  max-width: 100%;
  height: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* ensure long articles titles don't break layout */
article h1,
article h2{
  word-wrap: break-word;
  padding-right: 20px;
}

/* allow meta info to have a flexible height */
article .meta{
  height: auto;
}

/* fix formatting of post comments */
#comments img{
  display: block;
  margin: 0 0 10px 0;
}
.comment-author{
  padding-right: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  word-wrap: break-word;
}
.comment{
  padding-bottom: 15px !important;
}
#comments input,
#comments textarea{
  width: 95%;
  max-width: 350px;
  -webkit-appearance: none;
  border: 1px solid #ccc;
  border-radius: 0;
}

/* fixed events formatting */
.container #tribe-events-pg-template{
  max-width: none;
  padding: 0;
  padding-top: 20px;
}

@media only screen and (max-width : 885px) {
  /* stack the sidebar under the content area */
    .container > .fluid-row > .col-70
  , .container > .fluid-row > .col-30
  {
    display: block;
    float: none;
    width: 100%;
  }

  /* tweak the sidebar when its near the footer */
  aside .padding{
    padding-right: 20px;
  }
  #sidebar{
    border-left: 0;
  }
  #sidebar > li{
    padding-left: 0px;
  }
  aside .widget_recent_entries li{
    left: 0;
  }
}

@media only screen and (max-width : 570px) {
  /* un-fix and tighten up header */
  header{
    position: relative;
    padding: 20px 0;
    height: auto;
  }
  .container{
    padding-top: 0;
  }
}

@media only screen and (max-width : 530px) {
  /* tighten-up padding globally */
  .padding-20,
  .single-post .padding,
  aside .padding{
    padding: 0;
  }
}

@media only screen and (max-width : 500px) {
  /* stack the thumbnail above the blog post title */
    article.post .col-30
  , article.post .col-70
  {
    display: block;
    float: none;
    width: 100%;
  }
  article.post .col-30{
    margin-bottom: 20px;
  }

  /* stack avatar and comment (in post comments section)*/
  .commentlist .comment-box,
  .commentlist .comment-author{
    float: none;
    display: block;
    width: 100%;
    word-wrap: break-word;
  }
}

/* =========================================================================== */
/*   Visual Design Updates
/* =========================================================================== */

header{
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: auto;
  padding: 40px 0;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
}

body{
  border-top: 6px solid #97C21C;
}

section.articles{
  padding-top: 0;
}

aside{
  padding-top: 0;
}

.container{
  padding-top: 60px;
}

header a.logo {
  background: url('images/new-logo.png') 0px 0px no-repeat;
  width: 150px;
  /*width: 210px;*/
  height: 42px;
  /*height: 60px;*/
  background-size: 100%;
}

a{
  color: #98C23D;
}

article .meta{
  background: none;
  padding-left: 0;
  margin-left: 0;
}

article a{
  text-decoration: underline;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}

article a:hover{
  color: #3CB5AC;
}

article .meta p{
  color: ##777777;
  font-weight: 600;
  font-size: 15px;
  font-style: normal;
  font-family: 'Source Sans Pro', sans-serif;
  margin: 0;
}

.padding-20{
  padding: 0;
}

.index-thumb{
  padding: 0;
  border: 0;
  max-width: none;
  margin-right: 40px;
}

.index-thumb img{
  width: 100%;
}

.index-thumb:hover{
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

article h1 a,
article h1 a:visited,
article h1 a:hover,
article h1 a:active,
article h2 a,
article h2 a:visited,
article h2 a:hover,
article h2 a:active{
  display: block;
  background: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  line-height: 26px;
  left: 0;
  padding: 0;
  font-family: "Montserrat", sans-serif;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  font-size: 26px;
  letter-spacing: 0;
  text-transform: capitalize;
  font-size: 18px;
  color: #979797;
  color: #222222;
}

article h1 a,
article h1 a:visited,
article h1 a:hover,
article h1 a:active{
  font-size: 36px;
  line-height: 50px;
}

article h1{
  padding-top: 0;
  margin-top: 0;
}

article h2{
  margin-bottom: 15px;
}

article h1 a:hover,
article h2 a:hover{
  color: #98C23D;
}

article h3, article h2{
  line-height: 26px;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0;
  text-transform: capitalize;
  font-size: 18px;
  color: #222222 !important;
}

article h2 strong{
  font-weight: normal;
}

article h3 em{
  font-style: normal;
}

#sidebar{
  border-left: 0;
  margin-left: 40px;
}

#sidebar > li{
  border-bottom: 0;
  padding: 0;
  margin: 0;
}

aside .widget_recent_entries li{
  background: none;
  padding: 0;
  left: 0;
}

aside ol{
  margin: 0;
  padding: 0;
}

ol h4{
  padding: 0;
  margin: 0;
}

aside .tribe-events-list-widget ol li{
  margin: 0;
  padding: 0;
}

aside p{
  margin: 0;
}

aside .widget li{
  padding: 0;
}

aside *{
  font-size: 14px !important;
  color: #909091;
  font-weight: 300 !important;
  letter-spacing: 0.5;
  font-family: 'Source Sans Pro', sans-serif;
}

#searchform input{
  margin: 0;
}

aside .widgettitle{
  color: #979797 !important;
  text-transform: uppercase;
}

#sidebar > li{
  margin-bottom: 30px;
}

#sidebar li li{
  margin: 12px 0;
}

.container{
  padding-top: 20px;
}

.articles.col-70{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 30px;
}

aside a:hover{
  text-decoration: none;
  color: #97C21C;
}

header{
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
}

aside .widgettitle{
  font-size: 13px !important;
  color: #909091 !important;
  margin-bottom: 0;
  padding: 0;
  letter-spacing: 3px;
  text-transform: uppercase;
}

#searchform input{
  border-radius: 0;
}

.articles .meta p{
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  font-style: normal;
  margin-bottom: 20px;
  color: #ccc;
}

article p{
  line-height: 22px;
  font-size: 15px;
}

footer{
  background: #232323;
  color: white;
  height: auto;
  margin-bottom: -1px;
}

footer *{
  font-size: 16px !important;
  font-family: 'Source Sans Pro', sans-serif !important;
  font-weight: normal !important;
}

footer .inner h3 a{
  color: #97C21C;
  text-decoration: none;
}

footer .inner h3 a:hover{
  color: #BABABA;
}

footer .border{
  display: none;
}

.pagination{
  overflow: hidden;
}

.pagination .page-numbers{
  background: none;
  color: #97C21C;
  font-weight: bold;
  font-size: 17px;
}

.index-thumb{
  margin-right: 0;
}

.post-content.col-70 > *{
  margin-left: 40px;
}

.back{
  margin-top: 0;
  padding-top: 0;
}

#comments input[type="submit"]{
  width: auto;
  color: white;
  background: #93B84E;
  border: 0;
  border-radius: 8px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 1px;
  padding: 25px 75px;
  font-size: 18px;
  font-size: 14px;
  padding: 15px 50px;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#comments input[type="submit"]:hover{
  background-color: #77973c;
}

#reply-title{
  background: none;
  padding: 0;
  text-indent: 0;
}

@media only screen and (max-width : 885px) {
  #sidebar{
    margin-left: 0;
  }
  aside .padding{
    padding: 0;
  }
  .pagination{
    margin-bottom: 30px;
  }
}

@media only screen and (max-width : 500px) {
  .index-thumb{
    max-width: 150px;
  }

  .post-content.col-70 > *{
    margin-left: 0;
  }

  header{
    padding: 20px 0 10px 0;
  }

  article h1 a,
  article h1 a:visited,
  article h1 a:hover,
  article h1 a:active{
    font-size: 26px;
    line-height: 40px;
  }
}

article li,
.single-post article p{
  font-size: 18px;
  font-family: "Source Sans Pro", arial, sans-serif;
  font-weight: 400;
  color: #515152;
}

.single-post article h3{
  margin-top: 50px;
}

.single-post article img{
  padding: 0;
  border: 0;
}

.post-meta .tags{
  min-height: 16px;
}

.post-meta-wrapper{
  padding-right: 0;
}

.fluid-row.single-header{
  position: absolute;
  top: -80px;
  right: 20px;
  z-index: 9999;
  margin: 0;
  padding: 0;
  border: 0;
  display: none;
}

h2.category-title, .search-no-results h2{
  background: none;
  padding: 0;
  margin: 0;
  font-size: 36px;
  line-height: 50px;
  font-family: "Montserrat", sans-serif;
  text-transform: capitalize;
  height: auto;
  border: 0;
  margin-bottom: 50px;
}

.search-no-results h2{
  margin-bottom: 25px;
}

h2.category-title em{
  font-style: normal;
}

.container #tribe-events-pg-template{
  padding-top: 0;
  max-width: 700px;
}

#tribe-events .tribe-events-content p, .tribe-events-before-html p, .tribe-events-after-html p, .search-no-results p{
  font-size: 18px;
  font-family: "Source Sans Pro", arial, sans-serif;
  line-height: 1.5em;
}

.pagination-links{
  border-top: 1px dotted #cccccc;
  margin-top: 50px;
  padding-top: 35px;
  overflow: hidden;
}

.pagination-links a:last-child{
  float: right;
  text-decoration: none;
}

.pagination-links a:first-child{
  float: left;
  text-decoration: none;
}

header nav.primary{
  margin: 0;
  margin-top: 10px;
  padding: 0;
}

nav.primary ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

nav.primary li{
  display: inline-block;
  margin-right: 20px;
  padding: 0;
}

nav.primary li:last-child{
  margin-right: 0;
}

header nav.primary a{
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal;
  padding: 0;
  margin: 0;
  color: #666666;
  -moz-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}

header nav.primary a:hover{
  color: #97C21C;
}

@media only screen and (max-width: 703px) {
  header nav.primary a{
    font-size: 12px;
  }
}

.navbar-trigger{
  display: none;
}

@media only screen and (max-width: 40em) {
  header nav.primary{
    margin: 0 !important;
    position: fixed;
    background: #383838;
    padding: 15px;
    width: 100%;
    top: -216px;
    left: 0;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  header nav.primary li{
    display: block;
    margin: 0;
    padding: 0;
  }
  header nav.primary a{
    display: block;
    text-align: center;
    color: white;
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    padding: 8px;
    font-size: 12px;
  }

  .navbar-trigger{
    position: fixed;
    right: 0;
    top: 0;
    margin-top: 15px;
    margin-right: 10px;
    background: #98c23d;
    color: white;
    display: block;
    padding: 5px 10px;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
  }
  .navbar-trigger:hover{
    background: #A1C11A;
    color: white;
    text-decoration: none;
  }

  body{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }

  body.is-navigating{
    margin-top: 216px;
  }

  body.is-navigating header nav.primary{
    top: 0;
  }

  body.is-navigating .navbar-trigger{
    top: 216px;
  }
}

#sidebar .tribe-events-list-widget{
  padding: 15px;
  border: 1px dotted #cccccc;
  margin-bottom: 25px;
}

#sidebar .tribe-events-list-widget a{
  color: #97C21C;
  font-weight: bold !important;
}

#sidebar .tribe-events-list-widget a:hover{
  color: #3CB5AC;
}

.meta a{
  text-decoration: none;
}

header .inner, footer .inner, .container{
  max-width: 960px;
}

header nav.primary{
  margin-top: 14px;
  margin-right: 20px;
}

header{
  padding-top: 10px;
}

body{
  border-top: 0;
}

.container{
  min-height: 0 !important;
}

#comments{
  margin-top: 60px;
}

body .syntaxhighlighter .line.alt1,
body .syntaxhighlighter .line.alt2{
  background: transparent !important;
}

body .syntaxhighlighter{
  background: #F7F7F7 !important;
  padding: 15px !important;
  border-radius: 2px !important;
  width: auto !important;
}

body .syntaxhighlighter a,
body .syntaxhighlighter div,
body .syntaxhighlighter code,
body .syntaxhighlighter table,
body .syntaxhighlighter table td,
body .syntaxhighlighter table tr,
body .syntaxhighlighter table tbody,
body .syntaxhighlighter table thead,
body .syntaxhighlighter table caption,
body .syntaxhighlighter textarea{
  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace !important;
}

.single-post article .wp-post-image{
  margin-bottom: 30px;
  padding: 0;
  border: 0;
}

@media only screen and (max-width : 550px) {
	.pagination .page-numbers{
      display: none;
    }
  	.pagination .page-numbers.prev, .pagination .page-numbers.next{
    	display: block;
    }
  	.pagination .page-numbers.next{
      float: right;
      margin-right: 0;
    }
}

@media only screen and (max-width : 885px) {
  .articles.col-70{
    padding-right: 0;
  }
}

article ul p{
	margin: 0;
}

article hr{
  margin: 55px 0;
}

.syntaxhighlighter table td.code .line{
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

article .syntaxhighlighter .plain, article .syntaxhighlighter .plain a{
  color: #616f6f !important;
}

.hide-for-medium-up{
  display: none !important;
}

@media only screen and (max-width: 40em) {
  .hide-for-medium-up{
    display: block !important;
  }
}