/*
	These are styles that need to be implemented in Sass eventually.
	Please leave detailed comments for each rule or set of rules.
*/

/**
 * After removing the secondary white nav the
 * green tertiary nav needs some adjustment.
 */
section.blog-header-green {
	margin-top: 0;
	padding-bottom: 0;
	z-index: 10;
}

/* There is a 1-pixel range where the font size increases but
the green nav remains stacked which makes it taller than normal */
@media (max-width: 760px) and (min-width: 760px) {
	section.blog-header-green {
		padding-top: 80px;
	}
}

/* This is where the top nav is wide and some text wraps to a second line */
@media (min-width: 761px) {
	section.blog-header-green {
		position: fixed;
		top: 72px;
		width: 100%;
	}

	body .index-wrap {
		padding-top: 185px;
	}
}

/* This is where the top nav is wide and all text is on one line */
@media (min-width: 1120px) {
	section.blog-header-green {
		padding-bottom: 14px;
	}

	body .index-wrap {
		padding-top: 185px;
	}

	/* Add a little padding to the first post so the date is not
	up against the menu */
	.post:first-of-type {
		padding-top: 20px;
	}
}
.single-wrap {
    padding-top: 185px;
}
@media all and (max-width: 760px) {
  .single-wrap {
    padding-top: 50px;
  }
  iframe {
    max-width: 100% !important;
  }
}