/*
 Theme Name:   Twenty Fourteen Child
 Theme URI:    http://example.com/twenty-fourteen-child/
 Description:  Twenty Fourteen Child Theme
 Author:       David Parker
 Author URI:   http://bikespokestudios.ca
 Template:     twentyfourteen
 Version:      1.0.0
 Tags:         light, dark, three-columns, left-sidebar, responsive-layout, accessibility-ready, googlemaps javascript api 				   v3 integration
 Text Domain:  twenty-fourteen-child
*/


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


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

html, body, #map-canvas { 
      	height: 100%; 
      	margin: 0; 
      	padding: 0;
		width: 100%;
}

#map-canvas {
	height: 560px;
}

.page-content {
	margin: 0 auto;
	max-width: 974px;
}

.home .entry-header {
	display: none;
}

#content #bodyContent > p {
	margin-top: 7px;
      	margin-bottom: 7px;
}

h1#firstHeading.firstHeading, h1.firstHeading {
	margin-top: 5px;
}

/** FIX for Bootstrap and Google Maps Info window styes problem **/
/** from: http://stackoverflow.com/questions/18387287/infowindow-closing-icon-not-showing-in-google-map **/
img[src*="gstatic.com/"], img[src*="googleapis.com/"] {
max-width: none;
}
/**
* Color fixes as requested by CFRC, Nov 13th, 2014.
*/

.site-header {
	background-color: #370806;
}

.page-links a {
	background: #370806;
}

#secondary {
	background-color: #370806;
	border-top: 1px solid #370806;
}

.widget mark,
.widget ins {
	color: #370806;
}

.content-sidebar .widget .widget-title {
	border-top: 5px solid #370806;
	color: #2b2b2b;
}

.content-sidebar .widget_twentyfourteen_ephemera .widget-title:before {
	background-color: #370806;
}

.site-footer {
	background-color: #370806;
}

.featured-content {
	background: #370806;
}

.featured-content .entry-header {
	background-color: #370806;
}

.slider-control-paging {
	background-color: #370806;
}

.slider-direction-nav a {
	background-color: #370806;
}

div.search-box, div.search-toggle {
	background-color: #664D47;
}

/**** SITE IMPROVEMENTS NOVEMBER 2018 by David Parker ****/

/* Make a new height for the map on 'Explore' pages */
#map-canvas-explore {
	height: 760px;
}

/* Playing with top banner image display, setting background color to pink*/

#site-header {
	background-color: #FFEFEF;
}

.home-image {
	width: 24px;
	height: 24px;
	margin-left: 5px;
}

/* Making the main content fill the available white space (remove max-width), to make two wide columns */
.site-content .entry-header, 
.site-content .entry-content, 
.site-content .entry-summary, 
.site-content .entry-meta, 
.page-content {
	max-width: none;
}

/* Playing with the font and typeface of the subtitle in the main horizontal menu area (assuming it's not used for menus */

div.menu-horizontal-menu-container ul li a {
	font-size: larger;
	letter-spacing: 3px;
}

div.menu-horizontal-menu-container ul li a:hover { 
	background-color: #370806;
}

/**** Color corrections after updating Twenty Fourteen Theme November 2018 ****/

/* Make the webpage full width for large screens */
.site { max-width: none; }
.site-header { max-width: none; }

/* Fix sidebar background color turning black below sidebar content  */


a {
	color: #664D47;
}

a:active,
a:hover {
	color: #841313;
}

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */
::selection {
	background: #664d47 !important;
}

::-moz-selection {
	background: #664d47 !important;
}

.site-navigation .current_page_item > a, 
.site-navigation .current_page_ancestor > a, 
.site-navigation .current-menu-item > a, 
.site-navigation .current-menu-ancestor > a {
	color: #fff;
}

/* Fix color of selected menu text in smaller windows when vertical menu appears below main content */

.site-navigation a:hover {
	color: #fff;
	background-color: #664d47;
}

/* SUBTITLE in NAV BAR */

div.nav-subtitle {
	display: none;
}

div.nav-subtitle ul li a {
	font-size: larger;
	letter-spacing: 3px;
}

div.nav-subtitle ul {
	list-style: none;
}

/* Buttons */

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #664d47;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #8f1313;
}

button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #8f1313;
}   

/*  ^ End buttons ^  */

.search-toggle:hover,
.search-toggle.active {
	background-color: #8f1313;
}

.search-toggle {
	background-color: #664d47;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #664d47;
}

.hentry .mejs-overlay:hover .mejs-overlay-button {
	background-color: #664d47;
}

.hentry .mejs-controls .mejs-button button:hover {
	color: #8f1313;
}

.paging-navigation .page-numbers.current {
	border-top: 5px solid #664d47;
}

.paging-navigation a:hover {
	border-top: 5px solid #8f1313;
}

.widget button,
.widget .button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
	background-color: #664d47;
}

.widget_calendar tbody a {
	background-color: #664d47;
}

.content-sidebar .widget a {
	color: #664d47;
}

.content-sidebar .widget a:hover {
	color: #8f1313;
}

.content-sidebar .widget input[type="button"],
.content-sidebar .widget input[type="reset"],
.content-sidebar .widget input[type="submit"] {
	background-color: #664d47;
}

.slider-control-paging a:hover:before {
	background-color: #8f1313;
}

.slider-control-paging .slider-active:before,
.slider-control-paging .slider-active:hover:before {
	background-color: #664d47;
}

.slider-direction-nav a:hover {
	background-color: #664d47;
}

/* Fix the street view figure icon not displaying in my google map */

div.gm-svpc div img { max-width: none; }

/* Caption text styles, removing italics, grey, and small size. */
.wp-caption {
	color: black;
}

.wp-caption-text {
	font-size: 13px;
	font-style: normal;
}

.mejs-controls, .mejs-inner {
	z-index: 0 !important;
}

a.imprint:hover, a.imprint:active {
	color: #841313;
}

/* Fixing Laura Murray's vertical old map image on her Swamp Ward Intro Page */

#attachment_3053 {
	float: left;
	margin-right: 6%;
	margin-bottom: 0px;
}

/* ABOUT page styles */

.entry-content div.aboutAnchor {
	height: 20px;	
}

/* Footnotes styles for smaller fonts for footnotes inside the div */
.footnotes ul li *, div.footnotes * {
	font-size: 14px;
}

/**
 * MEDIA QUERIES
 * ---------------------
*/

@media screen and (min-width: 401px) {}
@media screen and (min-width: 594px) {}
@media screen and (min-width: 673px) {}

@media screen and (min-width: 783px) {
	
	/* remove the menu for desktop and laptop views */
	div.menu-mobile-menu-container {
		display: none;
	}
	
	div.nav-subtitle {
		display: block;
	}

	.primary-navigation ul ul {
		background-color: #664d47;
	}

	.primary-navigation li:hover > a, 
	.primary-navigation li.focus > a {
		background-color: #841313;
	}
}

@media screen and (min-width: 810px) {
	
	.attachment .entry-attachment .attachment {
    	margin-right: initial;
    	margin-left: initial;
	}
}
@media screen and (min-width: 846px) {}

@media screen and (min-width: 1008px) {

	.site:before {
		background-color: #370806; 
	}

	.secondary-navigation ul ul {
		background-color: #664d47;
	}

	.secondary-navigation li:hover > a,
	.secondary-navigation li.focus > a {
		background-color: #664d47;
	}

	.secondary-navigation ul ul a:hover,
	.secondary-navigation ul ul li.focus > a {
		background-color: #8f1313;
	}
}

@media screen and (min-width: 1040px) {}
@media screen and (min-width: 1080px) {}
@media screen and (min-width: 1110px) {}
@media screen and (min-width: 1218px) {}
@media screen and (min-width: 1260px) {}