﻿/*
Theme Name: Greenvelope
Theme URI: http://greenvelope.com/blog/
Description: Greenvelope theme using Bootstrap. Walk through here <a href="http://teamtreehouse.com/wordpress-bootstrap-theme-tutorial">Wordpress bootstrap theme tutorial</a>.
Author: Kyle Leesman & Preston Hazelwood
Author URI: http://greenvelope.com/blog/
Version: 1.0
Tags: responsive, white, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

*/


/* BOOTSTRAP - Styles pulled from Bootstrap that were in use */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

a {
  background: transparent;
}

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

b, strong {
  font-weight: bold;
}

img {
  border: 0;
}

button, input, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
}

button, input {
  line-height: normal;
}

  button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
  }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #ffffff;
}

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #428bca;
  text-decoration: none;
}

img {
  vertical-align: middle;
}

p {
  margin: 0 0 10px;
}

.text-right {
  text-align: right;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1, h2, h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h4, h5, h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h1, .h1 {
  font-size: 36px;
}

h2, .h2 {
  font-size: 30px;
}

h3, .h3 {
  font-size: 24px;
}

h4, .h4 {
  font-size: 18px;
}

h5, .h5 {
  font-size: 14px;
}

h6, .h6 {
  font-size: 12px;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

  .container:before, .container:after {
    display: table;
    content: " ";
  }

  .container:after {
    clear: both;
  }

  .container:before, .container:after {
    display: table;
    content: " ";
  }

  .container:after {
    clear: both;
  }

.row {
  margin-right: -15px;
  margin-left: -15px;
}

  .row:before, .row:after {
    display: table;
    content: " ";
  }

  .row:after {
    clear: both;
  }

  .row:before, .row:after {
    display: table;
    content: " ";
  }

  .row:after {
    clear: both;
  }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }

  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 {
    float: left;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-3 {
    width: 25%;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}
/* END BOOTSTRAP - Styles pulled from Bootstrap that were in use */

/* FONTAWESOME - Styles pulled from Bootstrap that were in use */
@font-face {
  font-family: 'FontAwesome';
  src: url('https://www.greenvelope.com/blog/wp-content/themes/greenvelope/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('https://www.greenvelope.com/blog/wp-content/themes/greenvelope/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://www.greenvelope.com/blog/wp-content/themes/greenvelope/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://www.greenvelope.com/blog/wp-content/themes/greenvelope/font-awesome-4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://www.greenvelope.com/blog/wp-content/themes/greenvelope/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://www.greenvelope.com/blog/wp-content/themes/greenvelope/font-awesome-4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-instagram:before {
  content: "\f16d";
}



/* END FONTAWESOME - Styles pulled from Bootstrap that were in use */


/*
@import url('https://cdn.greenvelope.com/blog/wp-content/themes/greenvelope/css/bootstrap.min.css');

@import url('https://cdn.greenvelopetesting.com/blog/wp-content/themes/greenvelope/font-awesome-4.7.0/css/font-awesome.min.css?v=4');
@import url('https://fonts.googleapis.com/css?family=Quicksand');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Dosis');
@import url('https://fonts.googleapis.com/css?family=Nova+Round');
*/


/* Element Styles */
body {color: #333; font-family: "brandon-grotesque",sans-serif; font-size: 13pt;}
a, a:hover, a:active, a:visited {color: #34b475; font-weight: bold;}
blockquote {font-style: italic; background-color: #ebebeb; color: #404040; border-left: none; margin: 20px 15px 0px 40px; padding: 20px 5px 20px 5px;}

/* Reusable Classes*/
.margin-t-10 {margin-top: 10px;}
.margin-t-20 {margin-top: 20px;}
.margin-b-10 {margin-bottom: 10px;}
.margin-b-20 {margin-bottom: 20px;}
.bold {font-weight:bold;}

/* Header */
.burst {position: absolute; top: 0px; right: 0px;}
header {margin-bottom: 40px;}
/* header .title {font-size: 60pt; text-align: center; letter-spacing: .1em; font-family: "hypatia-sans-pro",sans-serif; padding-left: 12px;} */
header .title a {text-decoration:none; color: #333; font-weight: normal;}
header .title img {position:relative;} /*left:-40px;*/
header .subtitle {text-align: center; background-color: #34b475; width: 515px; font-size: 13pt; margin: 0 auto; color: white; padding-top: 7px; padding-bottom: 7px;}
header .subtitle a {color: white; text-decoration:none; font-weight: normal;}
header .menu {margin-top: 10px; text-transform:uppercase; font-size: 11.25pt; letter-spacing: 1px;}
header .menu a {color: #333; font-weight: normal;}
header .menu a[title="Submit Your Event"] {color: #33b475;}
header .menu .current-menu-item, header .menu .current-menu-parent {font-weight: bold;}

/* Footer */
footer {background-color: #34b475;color: white; padding: 13px 20px;}
footer .logo {margin-right: 40px;}
footer .fa {font-size: 24px; margin-right: 10px; vertical-align: middle;}
footer a, footer a:hover, footer a:active, footer a:visited {color: white; font-weight: normal;}
footer .margin-left a {margin-left:40px;}

/* Homepage Promo */
.promo {margin-bottom: 20px;}

/* Sidebar */
.sidebar {margin-top: 25px; padding-left: 30px;}
.sidebar .heading { background-color: #34b475; text-align: center; color: white; padding-top: 5px; padding-bottom: 5px; font-size: 15pt; font-family: "hypatia-sans-pro",sans-serif;}
.sidebar .welcome-text {padding: 15px 0px; line-height: 2; text-align: justify;}
.sidebar .social {text-align: center; margin-top: 10px;}
.sidebar .social .fa {color: #999; font-size: 48px; margin: 6px; width: 45px;}
.sidebar .categories {padding-left: 10px;}
.sidebar .categories div {margin-bottom: 5px;}
.sidebar .categories a {color: #333; font-weight: normal;}
.sidebar .categories .bold a {font-weight:bold;}
.searchform input[type="text"] { width: 180px; padding: 2px; font-size: 16px; padding-left: 8px; }

/* Override Subscribe widget form controls */
.sidebar .social .subscribe input[type="text"] {display: block;width: 100% !important;height: 34px;padding: 6px 12px !important;font-size: 14px;line-height: 1.428571429;color: 555;vertical-align: middle;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

.sidebar .social .subscribe input[type="submit"] { display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 16px;font-weight: normal;line-height: 1.428571429;text-align: center;
white-space: nowrap;vertical-align: middle;cursor: pointer;background-color: #393939;border-color: #393939;border: 1px solid transparent; color: white;}
.sidebar .social .subscribe input[type="submit"]:hover, .sidebar .social .subscribe input[type="submit"]:active, .sidebar .social .subscribe input[type="submit"]:focus { color: #333;background-color: #ebebeb;border-color: #adadad;}

/* Post list */
.post-list {margin-top: 20px; margin-bottom: 40px;}
.post {margin-bottom: 50px; border-bottom: medium double #777; padding-bottom: 20px;}
.post-date {font-size: 16pt;padding-left: 15px; padding-right: 15px; text-transform:uppercase;display:none;}/*07-29-15 - hide post date*/
.bsearch_results_page h1 { font-size: 24pt; font-family: "brandon-grotesque",sans-serif; }
.post-title, .bsearch_results_page h2 {margin-top: 5px; margin-bottom: 5px; font-size: 24pt; font-family: "brandon-grotesque",sans-serif; padding-left: 15px; padding-right: 15px;}
.bsearch_results_page h2 { padding-left: 0; padding-bottom: 5px; padding-top: 15px;}
.post-title a, .bsearch_results_page h2 a {color: #333; font-weight: normal;}
.post-category-container a {color: #333;}
.post-category-container {font-size: 13pt; padding-left: 15px; padding-right: 15px; font-weight: bold;}
.post-category a {font-weight: bold;}
.post-tag a {font-weight: normal; font-style: italic;}
.post-content {margin-top: 20px; line-height: 1.5; text-align: justify;}
.post-content p {padding-left: 15px; padding-right: 15px;}

/* Single Post */
.post-single {margin-top: 20px; margin-bottom: 40px;}

/*Social bar */
.post-social {}
.post-social-image {padding-right: 5px; padding-top: 5px; margin: 0px; background-color: transparent; display: inline-block; border: 0px none; outline: medium none; width: 24px; height: 24px; box-shadow: none; max-width: none; opacity: 1;}


/* Override Bootstrap Styles */
.btn {border-radius: 0px; font-size: 16px;}
.btn-default {color: white; background-color: #393939; border-color: #393939;}

/* Multi-post navigation */
.nav-single {font-size: 24px;}
.nav-single a {color: #34b475;}
.nav-single .nav-prev {}
.nav-single .nav-next {float: right;}


/* More link */
.more-link, .more-link:hover, .more-link:active, .more-link:visited {color: #34b475; margin-top: 15px; display: block;}
.more-link:before {content: '(';}
.more-link:after {content: ')';}

/* Get started image */
@media only screen and (max-width : 800px) { .burst {display: none;}}


/* Author box */
.wp-biographia-pic {padding: 0px !important; border: none;!important}
.wp-biographia-container-none {color: white; padding: 15px;}
.wp-biographia-container-none a {color: white;}
.wp-biographia-text h3 {margin-top: 0px; font-size: 17pt;}
.wp-biographia-text p {padding-left: 0px !important; padding-right: 0px; !important}
ul.wp-biographia-list {padding-left: 0px;}

/* Responsive Images */
img {display: inline-block;height: auto;max-width: 100%;}

/* Image align left/right */
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter, div.aligncenter div img:not(.pin) { display: block; margin-left: auto; margin-right: auto; }
div.aligncenter img:not(.pin) { display: block; margin-left: auto; margin-right: auto; }
div.aligncenter div { display: block !important; } /* This is to correct the positioning of the pinterest image when a photo with a caption is centered. */
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* For image with a caption, override the width it puts on the div surrounding the image. */
.wp-caption { width: 100% !important; }
.wp-caption-text { padding-top: 10px; }
div.aligncenter .wp-caption-text { text-align: center; } /* This is to center the photo caption when the photo is centered */

/* Pin It */
.hupso_c a.pin {display: none !important;}
.bawmrp a.pin {display: none !important;}

#wpstats {display: none !important;}

ul.related_post li div {display: none !important;}
ul.related_post li {margin-right: 20px !important;}


/* Related Posts */
.bawmrp {margin-bottom: 20px; overflow-y:hidden; height:220px;}
.bawmrp ul {padding-left: 0px;}
.bawmrp ul li {border-right: none !important; margin-bottom: 20px; height:220px !important;}
.bawmrp a {color:#333333; font-weight:normal;}

/* WP Quiz */
body .wq_questionTextCtr h4 {font-size:18px;}
.wq_triviaQuestionExplanation .wq-explanation-head-correct {color: #34b475;}
.wq-quiz.wq-skin-flat .wq_singleAnswerCtr.wq_correctAnswer {background-color: #34b475; border-color: #34b475;}
.wq-quiz.wq-skin-flat .wq_singleAnswerCtr.wq_incorrectAnswer {border-color: #FF5722;}
.wq-quiz.wq-skin-flat .wq_singleAnswerCtr {background: none;}
.wq-quiz.wq-skin-flat .wq_singleAnswerCtr:hover {background: #ecf0f1; border: solid 3px #ecf0f1;}

/* WP Forms */
.post-content div.wpforms-container-full {padding-left: 15px; padding-right: 15px;}

/* Better Search */
.searchform .screen-reader-text {display:none;}
.searchform input[type="text"] {width:180px;}
.bsearch_results_page .bsearchform {display:none;}
.bsearch_results_page .heatmap_daily {display:none;}
.bsearch_score {display:none;}
.bsearch_date {display:none;}

h2 a img {min-height: 237px;}

@media screen and (max-width : 767px) 
{  
  h2 a img { min-height: 135px;}
  .mobile-hide { display: none !important; }
}





