/*
Theme Name: Wendy Smith
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wendy-smith
Tags:

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.

Wendy Smith is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
   * Remove default margin.
   */
body {
  margin: 0; }

/* HTML5 display definitions
     ========================================================================== */
/**
   * Correct `block` display not defined for any HTML5 element in IE 8/9.
   * Correct `block` display not defined for `details` or `summary` in IE 10/11
   * and Firefox.
   * Correct `block` display not defined for `main` in IE 11.
   */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
   * 1. Correct `inline-block` display not defined in IE 8/9.
   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
   */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
   * Prevent modern browsers from displaying `audio` without controls.
   * Remove excess height in iOS 5 devices.
   */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
   * Address `[hidden]` styling not present in IE 8/9/10.
   * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
   */
[hidden],
template {
  display: none; }

body {
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #222222;
  background: #9dc693;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle; }

select {
  width: 100%;
  border-radius: 3px; }
  
 /*------------nav-------------*/

* {
  box-sizing: border-box;
}


/* Advanced Checkbox Hack */
body {
  -webkit-animation: bugfix infinite 1s;
}

@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

label {
  xdisplay: none;
  cursor: pointer;
  user-select: none;
}

/* background for li / select */
/* custom-dropdown */
nav[role="custom-dropdown"] {
  position: relative;
  width: 100%;
}
nav[role="custom-dropdown"] a,
nav[role="custom-dropdown"] label {
  color: #f2f2f2;
  text-decoration: none;
  font: 1.2em sans-serif;
  transition: color .3s ease-in-out;
}
nav[role="custom-dropdown"] ul {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  list-style: none;
}
nav[role="custom-dropdown"] ul > li {
  float: left;
  padding: .55em .55em;
  width: 16.66%;
  background-color:#578e4a;
  xbackground-image: url(https://raw.github.com/TimPietrusky/mantisbt-is-a-rockstar/master/rockstar/img/bg_dark_grey.png);
  text-align: center;
  transition-duration: .3s;
  transition-timing-function: ease-in-out;
  transition-property: box-shadow, color;
  box-shadow: 0 0.05em 0.25em 0 rgba(0, 0, 0, 0.35);
  cursor: pointer;
}
nav[role="custom-dropdown"] ul > li:hover {
  xbackground-color: rgba(0, 0, 0, 0.85);
  color: #fff;
  box-shadow: 0 0.05em 0.25em 0 rgba(0, 0, 0, 0.35), inset 0 0 0 2em rgba(0, 0, 0, 0.3);
}
nav[role="custom-dropdown"] ul > li:hover > a {
  color: #fff;
}
.menu-toggle {
	display:none
	}




/* small screens */
@media screen and (max-width: 40em) {
  html,
  body {
    margin: 0;
  }
  
  #nav-mobile{
	background-color:#578e4a;
	width:100%  
  }
  
  nav[role="custom-dropdown"] ul > li {
	float:none;
	width:100%  
  }

  nav[role="custom-dropdown"] ul {
    display: none;
    height: 100%;
  }
  nav[role="custom-dropdown"] label {
    position: relative;
    display: block;
    width: 100%;
    min-height: 2.25em;
    padding: .45em;
    font-size: 1.1em;
    margin: 0;
    border: 0.15em solid rgba(60, 60, 60, 0.2);
	  background-color:#578e4a;

    xbackground-image: url(https://raw.github.com/TimPietrusky/mantisbt-is-a-rockstar/master/rockstar/img/bg_dark_grey.png);
  	
  }
  nav[role="custom-dropdown"] label:after {
    position: absolute;
    right: .25em;
    top: 0;
    content: "\2261";
    font-size: 1.8em;
  }
  nav[role="custom-dropdown"] input[type=checkbox]:checked ~ label:after {
    color: #222;
  }
  nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul {
    display: block;
  }
  nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li {
    width: 100%;
    opacity: .8;
    text-align: left;
  }
  nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li:after {
    position: absolute;
    right: .25em;
    content: "\203A";
    font: bold 1.4em sans-serif;
  }
  
.menu {
	display:block
}

.menu.active {
	display:block
}

.menu-toggle {
    cursor: pointer;
    display: inline-block;
    font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
    margin: 0;
}


.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active {
    background: none;
    border: none;
    color: white;
    width: 100%;
    padding: 12px 0 12px 20px;
}


}

/*---foundation grid--*/
.row {
  max-width: 62.5rem;
  margin-left: auto;
  margin-right: auto; }
  .row::before, .row::after {
    content: ' ';
    display: table; }
  .row::after {
    clear: both; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row .row {
    margin-left: -0.625rem;
    margin-right: -0.625rem; }
    @media screen and (min-width: 40em) {
      .row .row {
        margin-left: -0.9375rem;
        margin-right: -0.9375rem; } }
    .row .row.collapse {
      margin-left: 0;
      margin-right: 0; }
  .row.expanded {
    max-width: none; }
    .row.expanded .row {
      margin-left: auto;
      margin-right: auto; }

.column, .columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left; }
  @media screen and (min-width: 40em) {
    .column, .columns {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem; }}
  .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right; }
  .column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left; }

.small-1 {
  width: 8.33333%; }
.small-2 {
  width: 16.66667%; }
.small-3 {
  width: 25%; }
.small-4 {
  width: 33.33333%; }
.small-5 {
  width: 41.66667%; }
.small-6 {
  width: 50%; }
.small-7 {
  width: 58.33333%; }
.small-8 {
  width: 66.66667%; }
.small-9 {
  width: 75%; }
.small-10 {
  width: 83.33333%; }
.small-11 {
  width: 91.66667%; }
.small-12 {
  width: 100%; } 

@media screen and (min-width: 40em) {
  .medium-1 {
    width: 8.33333%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-3 {
    width: 25%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-6 {
    width: 50%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-9 {
    width: 75%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-12 {
    width: 100%; }
	
	
   }

@media screen and (min-width: 64em) {
  .large-1 {
    width: 8.33333%; }
  .large-2 {
    width: 16.66667%; }
  .large-3 {
    width: 25%; }
  .large-4 {
    width: 33.33333%; }
  .large-5 {
    width: 41.66667%; }
  .large-6 {
    width: 50%; }
  .large-7 {
    width: 58.33333%; }
  .large-8 {
    width: 66.66667%; }
  .large-9 {
    width: 75%; }
  .large-10 {
    width: 83.33333%; }
  .large-11 {
    width: 91.66667%; }
  .large-12 {
    width: 100%; }


   }

/*-----------------------------------
Header
-----------------------------------*/

.wrapper {
	max-width:1000px;
	width:100%;
	margin:0 auto;
    background: #fff;
	box-shadow:1px 1px 15px 4px #777;
	}
.logo {text-align:center}
	
a:hover, .footer ul li a:hover {color:blue}
	

.header h1 {
	color:purple;
	font-family: 'Marck Script', sans-serif;
	text-align:center
	}
.header h1 span {font-size:10px;font-family:sans-serif}
h2, h3, h4, h5, h6 {color:purple;}

.head-space {margin:0}
	
/*-----------------------------------
Main-content
-----------------------------------*/

section {padding:20px}

.main-content, .footer {
	font-size:14px;
	color:#444
	}
.page-title {
	text-align:center;
	color:purple
	}
div {
  box-sizing: border-box;
  }
	
#post-20 h1 {
	display:none
	}
.history {margin-bottom:25px}

p {margin-top:0}

p span {width:174px; height:25px}

.profile {
		float:right; padding:5px 10px;
		}
.about-pro {
		float:left;
		padding:5px 20px 15px 0;	
	}
.featured-img {text-align:center;padding:15px 0}
	
.divider {padding:20px;}

.updated {
	display:none
	}
	
.sidebar ul {
	padding-left:12px
	}

.indent {padding-left:20px}
	
.comments-link {display:none}

.screen-reader-text {font-size:medium}

.blog {padding:20px}

/*-----------------------------------
Footer
-----------------------------------*/


.footer {
	background: #ccc;
    border-top: 1px solid #999;
	}

.footer ul {
	list-style:none;
	padding:0;
	}
.footer ul li a {
	color:purple
	}

.copyright {
	background:#ccc;
	font-size:11px;
	text-align:center;
	padding:10px;
	}
.cr-left {text-align:left}
.cr-right {text-align:right}



@media screen and (max-width:40em) {
	h1 {text-align:center;font-size:1.8em}
	.profile, .featured-img {text-align:center;float:none}
	.about-pro {float:none;text-align:center}
	.bq {display:block}
	

}