/*
 Theme Name:   Twenty Fourteen Child BPU
 Theme URI:    http://backpackersunion.com/twenty-fourteen-child-m/
 Description:  Twenty Fourteen Child BPU Theme 
 Author:       Carl Hassett
 Author URI:   http://backpackersunion.com
 Template:     twentyfourteen
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fourteen-child-bpu
*/

@import url("../twentyfourteen/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/* everything else */


/* logo and description */
img#site-logo {
	max-height: 42px;
	max-width:100%;
}
.site-title {
	position: relative;
	left: -16px;
}
h2.site-description {
	position: relative;
	left:33px;
	bottom: 3px;
}
/* fixes logo jumping off screen */
@media only screen 
and (max-width : 672px) {
	.site-title {
		left: -6px;
		bottom: 2px;
	}
}

.site {
	background-image: url(http://movie.backpackersunion.com/wp-content/uploads/sites/13/2014/11/noisy.png);
}

header#masthead.site-header {
	position: absolute;
	top: -48px;
}

/* BEFORE thumbnails show up */
@media screen and (min-width: 401px) {
	.post-thumbnail {
		display: none;
	}
}

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta, .page-content {
 /* Original max-width: 474px */
 	padding-top: 5px;
 	max-width: 80%;
 	padding-bottom: 10px;
}

/* Remove thumbnail image space formatting on individual posts */
.full-width .site-content .has-post-thumbnail .entry-header,
.full-width.singular .site-content .hentry.has-post-thumbnail {
	margin-top: 0px;
}

/* BEFORE thumbnails show up */
@media screen and (min-width: 1040px) {
	/* post spacing */
	.list-view .site-content .hentry.has-post-thumbnail {
		padding-top: 48px;
	}
}

/* BEFORE thumbnails show up */
@media screen and (min-width: 846px) and (max-width: 1007px) {
	/* post spacing */
	.list-view .site-content .hentry.has-post-thumbnail {
		padding-top: 48px;
	}
}

/* BEFORE thumbnails show up */
@media screen and (min-width: 594px) and (max-width: 672px) {
	/* post spacing */
	.list-view .site-content .hentry.has-post-thumbnail {
		padding-top: 48px;
	}
}

/* AFTER thumbnails show up */
@media screen and (max-width: 400px) {
	.list-view .site-content .hentry.has-post-thumbnail {
		border-top: none !important;
		padding-top: 4px;
		padding-bottom: 2px;
	}
	
	.list-view .site-content .post-thumbnail img {
		margin: 8px 10px 3px 0;
	}
	
	.list-view .site-content .entry-title {
		margin-top: -9px;
	}
	
	.list-view .site-content .post-thumbnail img {
		margin: 8px 10px 10px 0;
		width: 110px;
	}
	
	div#secondary {
		display: none;
	}
	
	.list-view .site-content .entry-header {
		border-top-left-radius: none !important;
		border-top-right-radius: none !important;
		box-shadow: none !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
	}
	
	.gmw-single-post-sc-wrapper {
		display:none;
	}
}

/* removed space between map and menu bar */

#page.hfeed.site {
	top: -6px;
}

@media only screen 
and (max-width : 1007px) {
	header#masthead.site-header {
		top: 0px;
	}
}

/* comment section */
h3#reply-title.comment-reply-title {
	margin-bottom: 0px;
}

textarea#comment {
	height:160px;
}

form#commentform.comment-form p.logged-in-as {
	margin-bottom: 10px;
}

form#commentform.comment-form p.form-allowed-tags {
	display:none;
}

/* adds blue bubble */
div.comment-content p {
	display: table;
	color: black;
	background-color: rgba(101, 202, 233, 0.16);
	border-radius: 2px 14px 14px 14px;
	padding: 2px 10px 4px 10px;
	-webkit-box-shadow: inset -1px -1px 3px 0px #757575;
		-moz-box-shadow:inset -1px -1px 3px 0px #757575;	
			box-shadow: inset -1px -1px 3px 0px #757575;
}

.comment-list article {
	margin-bottom: 26px;
	padding-top: 26px;
}

/* remove jump in header margin same as primary domain */
@media (max-width:672px) and (min-width:594px) {
    header.entry-header {
		padding-left: 10px !important;
		padding-right: 10px !important;
    }
}

/* Makes fancy box mobile friendly */
@media only screen 
and (max-width : 600px) {
	#fancybox-wrap {
		left: 0px !important;
		padding: 0px !important;
	}

	#fancybox-wrap {
		width: 100% !important;
		z-index: 1000001 !important;
	}

	div#fancybox-content {
		border-width: 0px !important;
	}

	#fancybox-close {
		top: -28px !important;
		right: 0px !important;
	}

	#fancybox-content {
		width: 100% !important;
		height: auto !important;
		max-height: 100% !important;
	}

	#fancybox-bg-ne, #fancybox-bg-e, #fancybox-bg-se {
		display: none !important;
	}

	#fancybox-overlay {
		opacity: 0.8 !important;
		background-image: none !important;
		z-index: 1000000 !important;
	}
}

/* moves close button away from admin bar */
#fancybox-content {
	margin-top: 8px;
}

/* fixes the image alignment off screen */
.full-width .site-content .wp-caption.alignright {
	margin-right: 0px;
}

.full-width .site-content .wp-caption.alignleft {
	margin-left: 0px;
}

/* increase post width for mobile */
@media only screen 
and (max-width : 782px) {
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta, 
.page-content {
 /* Original max-width: 474px */
 	max-width: 90%;
 	padding-bottom: 5px;
	}
}
/* Above is good */

/* New */

.entry-header .entry-meta {
margin-left:0px !important;
margin-bottom:0px;
}

.entry-header .entry-title {
	font-weight: 500;
}

div#gmw-map-wrapper-1.gmw-map-wrapper.gmw-map-wrapper-1.gmw-gmpt-map-wrapper {
	height: 500px !important;
}

img.gmw-map-loader.gmw-gmpt-map-loader {
	width: 110px;
}

@media only screen 
and (max-width : 868px) {
	div#main-content.main-content {
		margin-top: 48px;
	}
}

/* For Fun  */

.site-content .entry-header {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.498438) 0px 0px 6px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.498438) 0px 0px 6px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.498438) 0px 0px 6px 0px;
}

.site-content .entry-content {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.498438) 0px 4px 6px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.498438) 0px 4px 6px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.498438) 0px 4px 6px 0px;
	z-index: 1 !important;
	position: relative !important;
}

.entry-header .entry-meta,
#content footer.entry-meta {
	background-color: transparent;
}

/* category widget style */
aside#categories-2.widget.widget_categories h1.widget-title {
	border-bottom: 1px solid white;
	font-size: 13px;
	font-weight: 400;
}

aside#categories-2.widget.widget_categories ul {
	color: lightgreen;
	text-transform: uppercase;
}

li#menu-item-285.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-285 a:hover {
	background: url(http://backpackersunion.com/wp-content/uploads/2014/10/about-o.png) no-repeat left center !important;
	background-size: 26px 26px !important;
	background-position: 137px 3px !important;
	background-color: #24890d !important;
}

li#menu-item-285.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-285 {
	background: url(http://backpackersunion.com/wp-content/uploads/2014/10/about-o.png) no-repeat left center !important;
	background-size: 22px 22px !important;
	background-position: 138px 5px !important;
}

#site-logo:hover {
	opacity: .80;
}

#fancybox-outer {
	background-color:black !important;
}

nav.navigation.site-navigation.secondary-navigation {
	margin-top: 50px;
	margin-bottom: 16px;
}

#content.site-content .entry-header .entry-meta {
	padding-bottom: 0px;
}

#content.site-content .archive-header,
#content.site-content .page-header {
	margin: 0px 0px 0px 32%;
}

#content.site-content .entry-summary {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.498438) 0px 4px 6px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.498438) 0px 4px 6px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.498438) 0px 4px 6px 0px;
	z-index: 1 !important;
	position: relative !important;
}

/* fixes the img align issue */
.full-width .site-content .wp-caption.alignright {
	margin-right: 0px;
}

.full-width .site-content .wp-caption.alignleft {
	margin-left: 0px;
}

.gmw-single-post-sc-wrapper .map-wrapper {
	border: none;
	padding: 0px;
}

#content.site-content .entry-header .entry-meta .cat-links a {
	color: rgb(139, 139, 139);
}
#content.site-content .entry-header .entry-meta .cat-links a:hover {
  	color: #41a62a;
}