/*
* Theme Name: v3
* Theme URI: http://www.webvine.co.nz
* Author: Web Vine
* Author URI: http://www.webvine.co.nz
* Description: Customised layout, built on Bootstrap usability
* Version: 3.16.5
* License: GNU General Public License v2 or later
* License URI: http://www.gnu.org/licenses/gpl-2.0.html
* Tags: two-columns, left-sidebar, responsive-layout, accessibility-ready, editor-style
* Text Domain: v3
* Domain Path: /languages

*/


img {
	max-width: 100%;
	height: auto;
}

/**
 * 2.0 - Genericons
 */

.social-navigation a:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.comment-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before,
.image-navigation a:before,
.image-navigation a:after,
.format-link .entry-title a:after,
.entry-content .more-link:after,
.entry-summary .more-link:after,
.author-link:after {
	display: inline-block;
	font-family: "Genericons";
}




/**
 * 8.0 Alignments
 */

.alignleft {
	display: inline;
	float: left;
	clear: both;
}

.alignright {
	display: inline;
	float: right;
	clear: both;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
	margin-top: 0;
	margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	margin-bottom: 1.2em;
}

/**
 * 12.1 Posts and pages
 */

.hentry {
	position: relative;
}

.hentry + .hentry {
	border-top: 1px solid rgba(51, 51, 51, 0.1);
}

.post-thumbnail {
	border: 0;
	display: block;
	margin-bottom: 2.4em;
}
.post-thumbnail img {
	display: block;
	margin: 0 auto;
}

a.post-thumbnail:hover,
a.post-thumbnail:focus {
	opacity: 0.85;
}

.entry-content > :last-child,
.entry-summary > :last-child {
	margin-bottom: 0;
}

.entry-content a img,
.entry-summary a img,
.page-content a img,
.comment-content a img {
	display: block;
}

.entry-content .more-link,
.entry-summary .more-link:after {
	white-space: nowrap;
}

.entry-content .more-link:after,
.entry-summary .more-link:after {
	content: "\f429";
	font-size: 16px;
	position: relative;
	top: 5px;
}

.author-info {
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	margin: 0 4%;
	padding: 7.6923% 0;
}

.author-info .avatar {
	float: left;
	height: 36px;
	margin: 0 1.6em 1.6em 0;
	width: 36px;
}

.author-heading {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	letter-spacing: 0.04em;
	margin-bottom: 1.5em;
	text-transform: uppercase;
}

.author-title {
	clear: none;
}

.author-bio {
	font-size: 0.8em;
	line-height: 1.5;
	overflow: hidden;
	padding-bottom: 1px;
}

.author-description > :last-child {
	margin-bottom: 0;
}

.author-link {
	white-space: nowrap;
}

.author-link:after {
	content: "\f429";
	position: relative;
	top: 1px;
}

.entry-footer {
	background-color: #f7f7f7;
	padding: 10px 20px;
	margin: 1em 0;
	border-radius: 10px;
}

.sticky-post {
	background-color: #333;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.04em;
	padding: 0.25em 0.5em;
	position: absolute;
	top: 0;
	text-transform: uppercase;
}

.updated:not(.published) {
	display: none;
}

.sticky .posted-on {
	display: none;
}

.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before {
	margin-right: 2px;
	position: relative;
}

.posted-on,
.byline,
.cat-links,
.tags-links,
.comments-link,
.entry-format,
.full-size-link {
	margin-right: 1em;
}

.format-aside .entry-format:before {
	content: "\f101";
}

.format-image .entry-format:before {
	content: "\f473";
}

.format-gallery .entry-format:before {
	content: "\f103";
}

.format-video .entry-format:before {
	content: "\f104";
}

.format-status .entry-format:before {
	content: "\f105";
}

.format-quote .entry-format:before {
	content: "\f106";
}

.format-link .entry-format:before {
	content: "\f107";
}

.format-chat .entry-format:before {
	content: "\f108";
}

.format-audio .entry-format:before {
	content: "\f109";
}

.posted-on:before {
	content: "\f307";
}

.byline:before {
	content: "\f304";
}

.cat-links:before {
	content: "\f301";
}

.tags-links:before {
	content: "\f302";
}

.comments-link:before {
	content: "\f300";
}

.full-size-link:before {
	content: "\f402";
}

.edit-link:before {
	content: "\f411";
}

.comments-link,
.edit-link {
	white-space: nowrap;
}

.taxonomy-description {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	padding-top: 0.4em;
}

.taxonomy-description > :last-child {
	margin-bottom: 0;
}

.page-content {
	background-color: #fff;
	padding: 7.6923%;
}

.page-content > :last-child {
	margin-bottom: 0;
}


.entry-attachment {
	margin-bottom: 1.6em;
}


.entry-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	line-height: 1.5;
	padding-top: 0.5em;
}

.entry-caption > :last-child {
	margin-bottom: 0;
}


/**
 * 12.2 Post Formats
 */

.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3333;
	margin-bottom: 1.3333em;
}

.format-link .entry-title a:after {
	content: "\f442";
	font-size: 24px;
	height: 24px;
	position: relative;
	top: 0;
	width: 24px;
}

.blog .format-status .entry-title,
.archive .format-status .entry-title {
	display: none;
}


/**
 * 12.3 Comments
 */

.comments-area {
	background-color: #fff;
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	padding: 7.6923%;
}

.comments-area > :last-child {
	margin-bottom: 0;
}

.comment-list + .comment-respond {
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
	padding-top: 1.6em;
}

.comments-title,
.comment-reply-title {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3333;
}

.comments-title {
	margin-bottom: 1.3333em;
}

.comment-list {
	list-style: none;
	margin: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	padding: 1.6em 0;
}

.comment-list .children {
	list-style: none;
	margin: 0;
}

.comment-list .children > li {
	padding-left: 0.8em;
}

.comment-author {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	margin-bottom: 0.4em;
}

.comment-author .avatar {
	float: left;
	height: 24px;
	margin-right: 0.8em;
	width: 24px;
}

.bypostauthor > article .fn:after {
	content: "\f304";
	position: relative;
	top: 5px;
	left: 3px;
}

.comment-metadata,
.pingback .edit-link {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}

.comment-metadata a,
.pingback .edit-link a {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .edit-link a:hover,
.pingback .edit-link a:focus {
	color: #333;
}

.comment-metadata {
	margin-bottom: 1.6em;
}

.comment-metadata .edit-link {
	margin-left: 1em;
}

.pingback .edit-link {
	margin-left: 1em;
}

.pingback .edit-link:before {
	top: 5px;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 1.6em 1.3333em;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}

.comment-content > :last-child {
	margin-bottom: 0;
}

.comment-list .reply {
	font-size: 12px;
	font-size: 1.2rem;
}

.comment-list .reply a {
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: inline-block;
	margin-top: 2em;
	padding: 0.4167em 0.8333em;
	text-transform: uppercase;
}

.comment-list .reply a:hover,
.comment-list .reply a:focus {
	border-color: #333;
	color: #333;
	outline: 0;
}

.comment-form {
	padding-top: 1.6em;
}

.comment-form label {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-weight: 700;
	display: block;
	letter-spacing: 0.04em;
	line-height: 1.5;
	text-transform: uppercase;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form input[type="submit"] {
	width: 100%;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	line-height: 1.5;
	margin-bottom: 2em;
}

.no-comments {
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-weight: 700;
	padding-top: 1.6em;
}

.comment-navigation + .no-comments {
	border-top: 0;
}

.form-submit {
	margin-bottom: 0;
}

.required {
	color: #c0392b;
}

.comment-reply-title small {
	font-size: 100%;
}

.comment-reply-title small a {
	border: 0;
	float: right;
	height: 32px;
	overflow: hidden;
	width: 26px;
}

.comment-reply-title small a:before {
	content: "\f405";
	font-size: 32px;
	position: relative;
	top: -3px;
}


/**
 * 14.0 Media
 */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

audio,
canvas {
	display: inline-block;
}

embed,
iframe,
object,
video {
	margin-bottom: 1.6em;
	max-width: 100%;
	vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
	margin-bottom: 0;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
	font-size: 15px;
	font-size: 1.5rem;
	margin-top: 0;
	margin-bottom: 1.6em;
}

.wp-playlist.wp-playlist {
	padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
	margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
	border-bottom: 0;
	padding: 10px 0;
}

.wp-playlist-item .wp-playlist-item-length {
	top: 10px;
}


/**
 * 14.1 Captions
 */

.wp-caption {
	margin-bottom: 1.6em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption-text {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	padding: 0.5em 0;
}


/**
 * 14.2 Galleries
 */

.gallery {
	margin-bottom: 1.6em;
}

.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	line-height: 1.5;
	padding: 0.5em 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


/* ============================================================
 *	CUSTOM THEME STYLES GO HERE
 */


@media (min-width:768px){
	.flexbox {
		position: relative;

		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
	}
}

@media (max-width: 767px){
	
}
@media (min-width: 768px) and (max-width: 991px){
	
}
@media (min-width: 992px) and (max-width: 1199px){
	
}
@media (min-width: 1200px){
	
}

/* ------------------------------------------------------------
 * Typography
 */
#page-header, #page-wrapper, #page-footer {
	font-family: 'Roboto', sans-serif;
	/*font-family: 'Didact Gothic', sans-serif;*/
	font-weight: 100;
	font-size: 18px;
}
.h2, h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 1rem;
}
#page-wrapper a {
	color: black;
}

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

#page-header .navbar-brand {
	margin-left: auto;
	margin-right: auto;
	width: 34%;
}
@media (max-width: 768px){
	#page-header .navbar-brand {
		margin-left: auto;
		margin-right: auto;
		width: 50%;
	}
}
.header-hero-title {
	text-align: center;
	font-size: 1.8em;
}
#page-header .header-hero-title {
	padding-top: 20px;
    padding-bottom: 20px;
}
.header-hero-title span {
	display: inline-block;
	padding-right: 0.6em;
	padding-left: 0.6em;
}

@media (max-width: 549px){
	.header-hero-title span {
		display: block;
		width: 100%;
		height: 1px;
		overflow: hidden;
	}
}

@media (min-width: 550px) and (max-width: 767px){
	.header-hero-title {
		font-size: 1.2em;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	.header-hero-title {
		font-size: 1.5em;
	}
}
@media (min-width: 992px) and (max-width: 1199px){
}
@media (min-width: 1200px){
	
}

/* ------------------------------------------------------------
 * Menu
 */

/* Search Form */
@media (min-width: 768px){
	#page-navbar .search-form {
		min-width: 500px;
	}
	#page-navbar .search-field {
		min-width: 388px;
	}
}
#page-navbar .search-form{
	padding: 10px 15px;
}
#page-navbar .search-form span.screen-reader-text {
	display: none;
}

/* Social Media Buttons */
.navbar-nav>li>a.social-media-glyphicon {
	padding-top: 13px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 5px;
}
.glyphicon-facebook, .glyphicon-twitter {
	background-image: url(images/icons.png);
	height: 20px;
	width: 20px;
}
.glyphicon-facebook {
	background-position: 0 0;
}
.glyphicon-twitter {
	background-position: -50px 0;
}

/* Customisation */
ul.navbar-nav .dropdown > a {
	cursor: default;
}
@media (min-width: 768px){
	#main-navbar-collapse {
		padding-left: 0;
	}
}


/* ------------------------------------------------------------
 * Footer
 */
#page-footer {
	padding-bottom: 50px;
} 
 
/* ------------------------------------------------------------
 * Content
 */
.title-over-image-above,
.title-over-image-below {
	position: relative;
}
.title-over-image-above .widget-title,
.title-over-image-below .widget-title {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	padding: 40px 40px;
	
	color: white;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
.title-over-image-above .widget-title {
	top: 0;
}
.title-over-image-below .widget-title {
	bottom: 0;
}

@media (max-width: 767px){
	.title-over-image-above .widget-title,
	.title-over-image-below .widget-title {
		padding: 15px 30px;
		font-size: 1em;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	.title-over-image-above .widget-title,
	.title-over-image-below .widget-title {
		padding: 30px 30px;
		font-size: 1.6em;
	}
}
@media (min-width: 992px) and (max-width: 1199px){
	.title-over-image-above .widget-title,
	.title-over-image-below .widget-title {
		font-size: 1.8em;
	}
}
@media (min-width: 1200px){
	.title-over-image-above .widget-title,
	.title-over-image-below .widget-title {
		font-size: 2em;
	}
}

@media (min-width: 768px){
	.content-padding {
		padding-left: 20%;
		padding-right: 20%;
	}
}

/* ------------------------------------------------------------
 * 
 */