/*
 Theme Name:   M6K
 Description:  Twenty Fourteen Extension
 Author:       John Canfield
 Template:     twentyfourteen
 Version:      0.0.1
*/

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

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

/**************************************************************

							NOTES
				
***************************************************************
Current customizations are for full-width view of the site
	Researching the mobile side of it (moving PHP methods, etc.)
Issues:
	Abstract:
		PROS
			Blog++ design
				Long-sell strategy offering unique info
				Build confidence in our style
		CONS
			Very similar to the 2014 vanilla
				need to add more flavor and differentiate from other sites
	Header:
		PROS
			Desktop: follows you around
		CONS
			Mobile: stays static up top
					should follow you, easy navigation
					mobile pages are LONG, need to be easy to navigate
					need to have user remember they are on the M6K site
	Mobile View:
		Product images are ABOVE product text
			Product text must be first thing, then images
		Dynamic add-to-cart sidebar widget is on BOTTOM of page
			this needs to be part of the hovering navbar or something
			ALWAYS see what is in your cart
		In general shit goes to the bottom when it should stay up top

Notes:
	need to do a lot with @media screen min and max width stuff
		this is highly used in 2014
	
*/

/**************************
	HEADER STUFF
***************************/
#site-header {
	background-color: #000;
}

#site-header img {

}

/**************************
	DARK ACCENT ELEMENTS
***************************/
a {
	color: #105b9b;
}

::selection {
	background: #105b9b;
}

::-moz-selection {
	background: #105b9b;
}

button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #105b9b;
}

.search-toggle {
	background-color: #105b9b;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #105b9b;
}

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

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

.widget_calendar tbody a {
	background-color: #105b9b;
}

.content-sidebar .widget a {
	color: #105b9b;
}

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

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

.slider-direction-nav a:hover {
	background-color: #105b9b;
}

@media screen and (min-width: 783px) {
	.primary-navigation ul ul {
		background-color: #105b9b;
	}

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

@media screen and (min-width: 1008px) {
	/*
		#page and body. fix the silly left-align issues with the 2014 theme
	*/
	#page {
		margin: auto;
	}
	
	.secondary-navigation ul ul {
		background-color: #105b9b;
	}
	
	.secondary-navigation li:hover > a,
	.secondary-navigation li.focus > a {
		background-color: #105b9b;
	}
}


/***************************
	END DARK ACCENT
****************************/

/***************************
	LIGHT ACCENT ELEMENT
****************************/

a:active,
a:hover {
	color: #328bbb;
}

button:hover,
button:focus,
.contributor-posts-link:hover,
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: #328bbb;
}

.search-toggle:hover,
.search-toggle.active {
	background-color: #328bbb;
}

.search-box {
	background-color: #328bbb;
}

.site-navigation a:hover {
	color: #328bbb;
}

.entry-title a:hover {
	color: #328bbb;
}

.entry-meta a:hover {
	color: #328bbb;
}

.cat-links a:hover {
	color: #328bbb;
}

.entry-meta .tag-links a:hover {
	background-color: #328bbb;
}

.entry-meta .tag-links a:hover:before {
	border-right-color: #328bbb;
}

.entry-content .edit-link a:hover {
	color: #328bbb;
}

.page-links a:hover {
	background: #328bbb;
	border: 1px solid #328bbb;
}

.post-navigation a:hover,
.image-navigation a:hover {
	color: #328bbb;
}

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

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
	color: #328bbb;
}

.comment-reply-title small a:hover {
	color: #328bbb;
}

.widget a:hover {
	color: #328bbb;
}
.widget input[type="button"]:hover,
.widget input[type="button"]:focus,
.widget input[type="reset"]:hover,
.widget input[type="reset"]:focus,
.widget input[type="submit"]:hover,
.widget input[type="submit"]:focus {
	background-color: #328bbb;
}

.widget-title a:hover {
	color: #328bbb;
}

.widget_calendar tbody a:hover {
	background-color: #328bbb;
}

.widget_twentyfourteen_ephemera .entry-meta a:hover {
	color: #328bbb;
}

.content-sidebar .widget a:hover {
	color: #328bbb;
}

.content-sidebar .widget input[type="button"]:hover,
.content-sidebar .widget input[type="button"]:focus,
.content-sidebar .widget input[type="reset"]:hover,
.content-sidebar .widget input[type="reset"]:focus,
.content-sidebar .widget input[type="submit"]:hover,
.content-sidebar .widget input[type="submit"]:focus {
	background-color: #328bbb;
}

.content-sidebar .widget .widget-title a:hover {
	color: #328bbb;
}

.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover {
	color: #328bbb;
}

.site-info a:hover {
	color: #328bbb;
}

.featured-content a:hover {
	color: #328bbb;
}

.slider-control-paging a:hover:before {
	background-color: #328bbb;
}

@media screen and (min-width: 783px) {
	.primary-navigation ul ul a:hover,
	.primary-navigation ul ul li.focus > a {
		background-color: #328bbb;
	}
	
	.secondary-navigation ul ul a:hover,
	.secondary-navigation ul ul li.focus > a {
		background-color: #328bbb;
	}
	
	.primary-navigation ul ul {
		font-size: 80%;
	}
}

/***************************
	END LIGHT ACCENT
****************************/

/***************************
	HIGHLIGHTS
****************************/

button:active,
.contributor-posts-link:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #56b0d6;
}

.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: #56b0d6;
}

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

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


/***************************
	END HIGHLIGHTS
****************************/


/***************************
	Thinner Width Stuff
****************************/
/* JC -- What is this? */
/*

@media screen and (min-width: 1008px) {
	.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img {
		width: 60px;
	}

}

*/


/***************************
	Search Bar Customizations
****************************/

/* JC -- what is this?
#search-container .search-box {
	box-shadow: 0 4px 2px -2px #444;
}
*/

/****************************
	CONTENT
*****************************/
/*
	reduce white space height before content
*/
.content-area, .content-sidebar {
	padding-top: 1.75em;
}

/***************************
	DEPARTMENT BANNERS
****************************/
.entry-content .dept-header-image {
	border-radius: 0.4em;
}

/*************************
	Contact Card Stuff
**************************/
#m6k-logo {
	margin-top: -2em;
	width: 38%; /* JC -- make it disappear at certain sizes */
	float: right;
}


/**************************
	NAVBAR
***************************/

/* site title margin */

header h1.site-title {
	margin-right: 0.5em;
}

/* 2015-6-16 deleted some weird mods */

@media screen and (min-width: 783px) {
	.primary-navigation li .menu-item-has-children > a,
	.primary-navigation li .page_item_has_children > a {
		width: 136px;
	}
	
	.primary-navigation ul ul a {
		width: 136px;
	}
	
	.primary-navigation li {
		font-size: 112%;
	}
	
	/* JC -- not working
	.primary-navigation .menu-item-has-children > a:after,
	.primary-navigation .page_item_has_children > a:after {
		padding: 0 4em;
	}
	*/
}



/**************************
	POSTS CONTENT
***************************/

.entry-title {
	font-weight: 400;
}

/* make the blockquote text in articles smaller text */
.site-content blockquote.alignleft p, .site-content blockquote.alignright p {
	font-size: 88%;
}
/*
round the header cards for articles (jazz it up!)
*/
.site-content .has-post-thumbnail .entry-header {
	border-radius: 0.8em;
}

/****************************
	SIDEBAR
*****************************/

/* reduce margin */
.widget {
	margin-bottom: 42px;
}

/******************************
	OTHER
*******************************/

/* JC -- MUST RESEARCH WHAT I DID HERE! */
.post .entry-content .product.woocommerce {
	width: 33%;
	float: right;
	margin: 0 0 1em 1em;
}

/*********************************
	WOOCOMMERCE
**********************************/
/* larger image for left-sidebar cart widget */
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget.cart_list li img {
	width: 66px;
}

/* full width sub-total table */
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
	width: 100%;
}

/* slightly widen the left half of the cart subtotal table */
.woocommerce .cart-collaterals .cart_totals table th, .woocommerce-page .cart-collaterals .cart_totals table th {
	width: 40%;
}

/* fix the funky hyphen shipping h2 */
.woocommerce .cart-collaterals .shipping_calculator h2 {
	font-size: 100%;
	margin-top: 1em;
}

/*
	single line on left-sidebar cart widget
*/
.woocommerce.widget_shopping_cart .total, .woocommerce .widget_shopping_cart .total, .woocommerce-page.widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total {
	border-top: 1px solid #aaa;
}

/* reduce related products image size */
.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {
	width: 25%;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	width: 100%;
}

/*
	WooCommerce Buy Widget
*/
.entry-content .product.woocommerce {
	border: none;
}



.page .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before {
	background-color: #328BBB;
}



.page .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {
	border-top: 3px solid #328BBB;
}


/*******************************
	Brands Stuff
********************************/

#post-85 img.size-full, img.size-large, .wp-post-image, .post-thumbnail img {
	width:100%;
}

#post-85 table, th, td {
	border: none;
	vertical-align: bottom; /* JC -- test this */
}

#post-85 .easy-table caption + thead tr:first-child th, .easy-table caption + thead tr:first-child td, .easy-table colgroup + thead tr:first-child th, .easy-table colgroup + thead tr:first-child td, .easy-table thead:first-child tr:first-child th, .easy-table thead:first-child tr:first-child td {
	vertical-align: bottom;
}
#post-85 thead tr {
	border: none; /* JC -- doesn't work */
}

/*******************************
	Easy Table
********************************/
table.easy-table caption {
	font-size: 120%;
	margin-bottom: 0.5em;
}

table.easy-table th {
	text-transform: none;
	font-weight: normal;
}

table.easy-table thead th {
	vertical-align: top;
}

/*******************************
	Featured Content
********************************/

.jc-tags {
	float: right;
	display: none;
}

/******************************
	Teachers Page Customizations
******************************/

/* JC -- REDO for NEW SITE */

#post-65 .entry-content h1 {
	background-color: #f9f9f9;
	padding: 0.25em;
	border-radius: 0.25em;
}

/******************************
	Article Image Rounding
*******************************/
#primary #content article .entry-content img {
	border-radius: 0.33em;
}

/*****************************
	Right align logo media query
*****************************/

/* JC -- not working */

/*
@media screen and (max-width: 874) {
	#m6k-logo {
		display: none;		
	}
}

@media screen and (max-width: 673) {
	#m6k-logo {
		display: inherit;
	}
}
*/

/*****************************
	Contact Table
******************************/
.m6k-contact-table {
	border: none;
}

/*************************
	Remove Hyphenation
*************************/

.page .entry-content, .entry-summary, .page-content {
	-moz-hyphens: none;
	-ms-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
	word-wrap: normal;
}

/**********************
	Change single product layout
************************/

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
	float: none;
	width: 100%;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
	float: none;
	width: 100%;
}

.woocommerce div.product p.stock, .woocommerce #content div.product p.stock, .woocommerce-page div.product p.stock, .woocommerce-page #content div.product p.stock {
	display: none;
}

.woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price {
	float: left;
	display: inline;
	padding-right: 1em;
}

.woocommerce div.product form.cart:before, .woocommerce div.product form.cart:after, .woocommerce #content div.product form.cart:before, .woocommerce #content div.product form.cart:after, .woocommerce-page div.product form.cart:before, .woocommerce-page div.product form.cart:after, .woocommerce-page #content div.product form.cart:before, .woocommerce-page #content div.product form.cart:after {
	float: left;
	display: inline;
}

.woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product .product_meta {
	clear: both;
}

#page .woocommerce .woocommerce-result-count, .woocommerce-page p.woocommerce-result-count {
	display: none;
}

.woocommerce .archive-title, h1.page-title {
	margin-bottom: 1em;
}

.woocommerce #tab-description h2 {
	display: none;
}


/* JC -- consider box-shadow: none */
#page .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
	border-radius: 0.5em;
}

#page .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images img {
	border-radius: 0.5em;
}

.woocommerce nav.woocommerce-breadcrumb {
	display: none;
}

.tfwc h1.page-title {
	display: none;
}

.woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a {
	width: 23.5%;
	margin-right: 2%;
}

.product_meta .tag-links a {
	background-color: #767676;
	border-radius: 0 2px 2px 0;
	color: #fff;
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2727272727;
	margin: 2px 4px 2px 10px;
	padding: 3px 7px;
	position: relative;
	text-transform: uppercase;
	text-decoration: none;
}

.product_meta .tag-links a:hover {
	background-color: #328bbb;
	color: #fff;
}

.product_meta .tag-links a:before {
	border-top: 10px solid transparent;
	border-right: 8px solid #767676;
	border-bottom: 10px solid transparent;
	content: "";
	height: 0;
	position: absolute;
	top: 0;
	left: -8px;
	width: 0;
}

.product_meta .tag-links a:hover:before {
	border-right-color: #328bbb;
}

.product_meta .tag-links a:after {
	background-color: #fff;
	border-radius: 50%;
	content: "";
	height: 4px;
	position: absolute;
	top: 8px;
	left: -2px;
	width: 4px;
}

@media print {
	.entry-meta .tag-links a {
		color: #fff;
	}
}

/* attempt to add tag icon thing to WC unsuccessful thus far
.product_meta .tag-links a:before {
	border-bottom: 10px solid rgba(0, 0, 0, 0);
	border-right: 8px solid #767676;
	border-top: 10px solid rgba(0, 0, 0, 0);
	text-decoration: none;
}

.product_meta .tag-links a:hover:before {
	border-right-color: #328bbb;
	text-decoration: none;
}
*/

.jc-social-icon-container {
	text-align: center;
	margin-bottom: 1.5em;
}

.jc-social-icon img {
	width: 2.1em;
	padding-right: 0.25em;
}

/*
	WC Checkout
*/
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
	width: 100%;
}

.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {
	width: 48%;
}

.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img {
	width: 40%;
}

input#searchsubmit {
	display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs {
	display: none;
}

.woocommerce-tabs #tab-description h1 {
	margin-top: 0;
}

#primary #content article .entry-content img {
	margin: 1em 0 1em 0;
}

/* post navigation */

nav.post-navigation {
	display: none;
}

.main .woocommerce span.onsale, .woocommerce-page span.onsale {
	font-size: 28pt;
	top: 215px;
	left: -15px;
	padding: 0.3em;
	vertical-align: middle;
}



#main .woocommerce div.product form.cart .variations select, .woocommerce #content div.product form.cart .variations select, .woocommerce-page div.product form.cart .variations select, .woocommerce-page #content div.product form.cart .variations select {
	width: 60%;
}

#main .woocommerce div.product form.cart table, .woocommerce #content div.product form.cart table, .woocommerce-page div.product form.cart table, .woocommerce-page #content div.product form.cart table {
	border: none;
}

.site-main .site-content .has-post-thumbnail .entry-header {
	margin-top: 0;
}

#jc-store-hours p {
	color: #ffffff;
	text-align: left;
	height: 1.75em;
	margin-top: 0.25em;
	margin-left: 2.8em;
	margin-bottom: 0;
	font-size: 105%;
}

/* kill uppercase headers site-wide */
article header h1.entry-title {
	text-transform: none;
}

/* kill hyphens */
div.entry-content, .entry-summary, .page-content {
	-moz-hyphens: none;
	word-wrap: normal;
}

/* lessen margin */
#content article.hentry {
	margin: 0 auto 36px;
}

/* Used Grid Customizations */
.add_posts h6 {
	font-size: 18pt;
}

.add_posts_content h6 a {
	text-decoration: none;
}

.jc_grid_image {
	float: left;
	clear: right;
	margin-right: 3px;
	max-width: 147px;
	min-height: 301px;
}

.add_posts .jc_grid_image h6 {
	display: inline block;
	font-size: 11pt;
	clear: both;
	margin-bottom: 2px;
	text-align: center;
}

.jc_grid_image .jc_grid_content p {
	font-size: 80%;
	padding: 0 0.2em 0.2em 0.2em;
	text-align: center;
	margin-bottom: 2px;
}

div.add_posts div.add_posts_content {
	display: inline;
}

/* decrease size / remove grid item's text title, etc */

#featured-content header.entry-header {
	height: 96px;
	display: none;
}

/* customize new grid aesthetic */
.featured-content a.post-thumbnail {
	border-bottom: 0.75em solid #000;
}

/* set min height for grid thing */

.add_posts_content.jc_grid_image {
	height: 19em;
}