/*
Theme Name: Preston Market
Theme URI: http://prestonmarket.com.au
Author: Michael Urquhart
Author URI: http://littlebig.marketing/
Description: Theme developed for Preston Market based on _tk
Version: 1.1.10

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

This theme is the most seamless and minimalistic integration of Twitter Bootstrap Framework into
the _s starter theme from Automattic, the guys behind WordPress.

_s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc. Twitter Bootstrap

Credits:

1. Bootstrap

 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c)
 * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c

2. wp_bootstrap_navwalker

* Class Name: wp_bootstrap_navwalker
* GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker

3. Glyphicons

 * http://getbootstrap.com/components/

*/

/* My Minimal WordPress Styling comes here */

/* This is a small security for too long strings titles */
body {
	word-wrap: break-word;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;    
	display: flex;
    flex-wrap: wrap;
}
.gallery figure {
    margin-bottom: 25px;
}
@media (min-width: 768px) {
	.gallery.gallery-columns-2 figure {
		width: 50%;
	}
	.gallery.gallery-columns-3 figure {
		width: 33.33%;
	}
	.gallery.gallery-columns-4 figure {
		width: 25%;
	}
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
.gallery-caption {
	display: block;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/* Content */
.main-content-inner {
	padding-bottom: 1.5em;
}
.hentry {
	margin: 0 0 1.5em;
}
.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}


/* Clearing */
.clear {
	clear: both;
}

/* Navigation */

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }

/**
* Some WP Theme Repository requirements
*/

.sticky {
}

.gallery-caption {

}

.bypostauthor {

}

.entry-meta {
	clear: both;
}


/* styles for _tk_pagination und _tk_link_pages */
nav form.tk-page-nav,
nav .input-group,
nav .input-group-btn,
nav .form-control {
    display: inline;
}

/*
red: #ed1b2b (237,27,43)
light grey: #dfdcdc
*/

body {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 16px;
	line-height: 1.66;
}

.h2, h2 {
	color: #ed1b2b;
}

a {
    color: #ed1b2b;
}
a:focus, a:hover {
    color: #000;
    text-decoration: underline;
}

p {
    margin: 0 0 30px;
}

.more {
	font-size: .9em;
	text-transform: uppercase;
	border-bottom: 3px solid #ed1b2b;
}
.more:focus, .more:hover {
	border-bottom-color: #000;
	text-decoration: none;
}
.more.black {
	border-bottom-color: #000;
}
.more.black:focus, .more.black:hover {
	color: #ed1b2b !important;
	border-bottom-color: #ed1b2b;
}
.red {
	color: #ed1b2b !important;
}
.black {
	color: #000 !important;
}

.btn {
    border-radius: 0;
}
.btn-primary {
    background-color: #ed1b2b;
    border-color: #ed1b2b;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:focus:hover {
    background-color: #000;
    border-color: #000;
}

ul.grey {
	margin: 0;
	padding: 0;
}
ul.grey li {
    margin: 0;
    font-size: 2.5em;
    font-weight: 600;
    color: #dfdcdc;
    list-style: none;
}

.container {
    margin-right: 15px;
    margin-left: 15px;
}

@media (min-width: 768px) {
	.h2, h2 {
		font-size: 40px;
	}
	.h3, h3 {
		font-size: 30px;
	}
	.container {
		margin-right: auto;
		margin-left: auto;
	}
}

/*
** Header
*/

#masthead .container-fluid{
	padding-bottom: 0;
}

#masthead .col-logo,
#masthead .col-nav {
	margin-top: 20px;
}

#masthead .site-branding {
	text-align: center;
}

#masthead .col-times {
	padding-right: 0;
	padding-left: 0;
}
#masthead .times {
	font-size: 14px;
	display: block;
	background: url(images/red.png);
	color: #fff;
	padding: 20px 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .2em;
    mix-blend-mode: darken;
}

#times {
	/*display: none;*/
    background: #ed1b2b;
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99;
	color: #fff;
    padding: 60px;
	margin-right: -100vw;
}
#times .close {
    color: #fff;
    opacity: 1;
    font-weight: 400;
    font-size: 2.5em;
}
#times h3 {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-weight: normal;
}
#times ul {
	margin: 40px 0;
	padding: 0;
}
#times ul li {
    font-size: 20px;
    list-style: none;
    margin: 10px 0;
    padding: 0;
    float: left;
    clear: both;
}
#times ul li.current {
    border-bottom: 3px solid #fff;
	font-weight: 600;
}

.site-navigation-inner {
	text-align: center;
}
.navbar-default {
    background-color: transparent;
    border: 0;
	display: inline-block;
    float: none;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
    font-weight: 600;
	font-size: 14px;
	border-bottom: 3px solid transparent;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #ed1b2b;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #ed1b2b;
    background-color: transparent;
	border-bottom: 3px solid #ed1b2b;
}
.navbar-default .dropdown-menu {
    border: 0;
}
.navbar-default .dropdown-menu li a:hover, .navbar-default .dropdown-menu li a:focus {
    background: #ed1b2b !important;
}
.nav>li>a:focus, .nav>li>a:hover {
    background-color: #ed1b2b;
	color: #000;
}

.navbar-default .navbar-toggle {
    float: none;
	margin-right: 0;
	border: 2px solid #ed1b2b;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #ed1b2b;
}

.red-text.hero-header .col-sm-12  {
    position: absolute;
    left: 0;
    width: 100%;
}
.red-text.hero-header .col-sm-12 .page-title {
	color: #ed1b2b;
	font-weight: 600;
	letter-spacing: 0;
	margin: 0;
}

#breadcrumbs {
	font-size: .8em;
	margin-bottom: 60px;
}
#breadcrumbs a {
	color: #999;
}

@media (min-width: 768px) {
	#masthead {    
		background: url(images/bg-pattern.jpg) center top repeat scroll;
		position: fixed;
		width: 100%;
		z-index: 99;
	}
	.main-content {
	    padding-top: 100px;
	}
	#masthead .site-branding {
		margin-left: 30px;
		text-align: right;
	}
	.navbar-nav>li>a {
		padding: 20px 0 5px;
		margin-left: 15px;
		margin-right: 15px;
	}
	#masthead .times {
		padding: 40px 0;
}
	#times {
		width: 50vw;
		left: auto;
		margin-right: -50vw;
	}
	#times ul li {
		font-size: 30px;
	}
	
	.red-text.hero-header .col-sm-12 {
		width: 70%;
	}
	
	#breadcrumbs a {
		margin-right: 15px;
	}
	#breadcrumbs span span span {
		padding-left: 15px;
	}
}
@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		text-align: center;
	}
}


/*
** Main
*/

#content, .sidebar {
	margin-top: 90px;
	margin-bottom: 90px;
}
#content > div > header > .page-title,
#content > article > header > .page-title {
	margin-bottom: 60px;
}

.entry-content h1 {
	font-size: 50px;
	color: #ed1b2b;
	margin-bottom: 30px;
}
.entry-content h2 {
    font-size: 32px;
	color: #000;
}
.entry-content h3 {
    font-size: 22px;
	color: #ed1b2b;
	margin-bottom: 20px;
}
.entry-content h4 {
    font-size: 22px;
}
.entry-content ol, .entry-content ul {
    padding-left: 20px;
}

.box-white-outer {
	margin-bottom: 30px;
	overflow: hidden;
}
.box-white {
	padding: 30px;
	background-color: #ed1b2b;
	background-position: center center;
	background-size: cover;
	transition: all 1s;
}
.box-white .box-white-inner {
	display: block;
	background: rgba(255,255,255,.8);
	min-height: 300px;
	padding: 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
	transition: all 1s;
}
.box-white h2 {
	font-size: 30px;
	color: #000;
}
.box-white a {
	color: #000;
}
.box-white-outer:hover .box-white,
.box-white-outer:focus .box-white {
	transform: scale(1.1);
}
.box-white-outer:hover .box-white .box-white-inner,
.box-white-outer:focus .box-white .box-white-inner {
	transform: scale(.9);
}

@media (min-width: 768px) {
	#content, .sidebar {
		margin-top: 120px;
	}
}

/*
** Page
*/

.hero-header {
	background-position: center center;
	background-size: cover;
}
.hero-header-inner {
	min-height: 200px;
	background-position: center center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#header-tpm {
	display: none;
    position: absolute;
    width: 255px;
    height: 270px;
    right: 0;
    margin-top: -135px;
    background: url(images/the-peoples-market.png) top left no-repeat;
    background-size: cover;
    mix-blend-mode: darken;
    z-index: 9;
}

.page .page-title, .hero-header .page-title {
	font-size: 40px;
    font-weight: 500;
    letter-spacing: .2em;
}

.column-image {
	min-height: 300px;
    display: flex;
    flex-direction: column;
	align-items: center;
    justify-content: center;
}

#grid {
	margin-bottom: 60px;
}
.grid-title {
	margin-bottom: 30px;
}

.seasonautumnnot {
	background-color: #ffffff;
}
.seasonautumn {
	background-color: #ff97f4;
}
 .seasonspringnot {
	background-color: #ffffff;
}
.seasonspring {
	background-color: #b3d229;
}
 .seasonwinternnot {
	background-color: #ffffff;
}
.seasonwinter {
	background-color: #95dce0;
}
 .seasonsummernot {
	background-color: #ffffff;
}
.seasonsummer {
	background-color: #febb00;
}

@media (min-width: 768px) {
	
	.hero-header-inner {
		min-height: 300px;
	}
	#header-tpm {
		display: block;
	}

	.page .page-title, .hero-header .page-title {
		font-size: 72px;
	}
}


/*
** Single
*/

.pagination>li>a, .pagination>li>span {
    color: #000;
}
.pagination form {
    display: none !important;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #ed1b2b;
    border-color: #ed1b2b;
}


/*
** Home
*/

#slider .slide {  
	background-position: center center;
	background-size: cover;
}
#slider .slide-inner {      
    background-image: url(images/bg-slider-trans.png);    
	min-height: 300px;
    display: flex;
    flex-direction: column;
	align-items: center;
    justify-content: center;
}
#slider .slide h2 {  
	color: #000;
	max-width: 1200px;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 40px;
    font-weight: 500;
    letter-spacing: .15em;
}
#slider .slide p {  
    width: 100%;
	max-width: 1200px;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 1.2em;
}

.home.page #breadcrumbs {
	display: none;
}

.home.page .page-title {
	font-size: 40px;
    font-weight: 500;
    letter-spacing: 0;
	margin-bottom: 60px;
}

.home.page #content {
	margin-bottom: 0;
}

.home.page .recent-posts {
	margin-top: 60px;
}

@media (min-width: 768px) {
	#slider .slide-inner {       
		min-height: 500px;
	}
	#slider .slide h2 {  
		font-size: 72px;
	}

	.home.page .page-title {
		font-size: 50px;
	}
}
@media (min-width: 1200px) {
	#slider .slide h2 {  
		max-width: 650px;
		margin-right: 600px;
	}
}


/*
** Blog
*/

.blog #content {
    margin-top: 90px;
}

.entry-meta {
	font-size: .7em;
	color: #999;
}
.entry-meta a {
	color: #999;
	text-decoration: underline;
}

@media (min-width: 768px) {
	
}

/*
** Events
*/

#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a, .tribe-block__tickets__buy {
    background-color: #ed1b2b !important;
}

.single .tribe-events-tickets {
	margin-bottom: 60px;
}
.tribe-events-tickets .woocommerce .quantity input {
	border: 1px solid #dfdfdf;
    border-radius: 0;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    border-radius: 0;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .2em;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #ed1b2b;    
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #000;
}

.woocommerce-checkout .woocommerce .col2-set .col-1, .woocommerce-checkout .woocommerce .col2-set .col-2{
    float: none;
    width: 100%;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    padding: 8px 4px;
}

.tribe-button, .gform_button {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    background-image: none;
    border: 1px solid transparent;
    background-color: #ed1b2b;
    border-radius: 0;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .2em;
    color: #fff;
}

.woocommerce table.shop_table {
    border-radius: 0;
}
.woocommerce table.shop_table th {
    background: rgba(0,0,0,.1);
}

.woocommerce-cart .product-thumbnail .woocommerce-placeholder {
	display: none;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    border-radius: 0;
}

/*
** Trader Directory
*/

.btn-map {
    border-radius: 0;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .2em;    
}
	
.post-type-archive-trader-directory #content,
.tax-trader-category #content {
    margin-top: 90px;
}

.post-type-archive-trader-directory .trader-category h2 {
	color: #000;
}

.tax-trader-category .trader,
.tax-trader-location .trader {
	font-size: .7em;
    line-height: 1.5em;
	margin-bottom: 30px;
}
.tax-trader-category h1.page-title,
.tax-trader-location h1.page-title {
	font-size: 50px;
}
.tax-trader-category h2.page-title,
.tax-trader-location h2.page-title {
	font-size: 2em;
}
.tax-trader-category h2.page-title a,
.tax-trader-location h2.page-title a {
	color: #000;
}
.trader-info {
	font-size: 1.2em;
}
.trader-info p {
	margin-bottom: 5px;
}
.trader-info i {
	color: #000;
	font-size: 20px;
	padding-right: 10px;
}

@media (min-width: 768px) {
	.btn-map {
		float: right;
	}
}

/*
** Footer
*/

#page-lower .container {
	padding-bottom: 0;
}

#page-lower .section-title:after {
  content: "";
  display: inline-block;
  width: 100%;
}

#page-lower .section-title {
	display: block;
	margin-left: -15px;
	margin-right: -15px;
	text-align: justify;
	color: #ed1b2b;
    margin-bottom: 60px;
    overflow: hidden;
}

#page-lower img {
    margin-bottom: 0;
}

#pre-footer {
	padding-top: 120px;
	padding-bottom: 60px;    
	background: url(images/bg-pattern.jpg) center top repeat;
}
#pre-footer .row {   
	padding-bottom: 60px;
}
#pre-footer .widget {
	text-align: center;
}
#pre-footer > .container > .row {
	background: url(images/preson-market-logo-mono.png) bottom center no-repeat;
}

#pre-footer .widget-title {
	color: #ed1b2b;
}
#pre-footer .nav>li>a {
    padding: 2px 0;
	color: #000;
	font-weight: 500;
}
#pre-footer .nav>li>a:focus, #pre-footer .nav>li>a:hover {
    background-color: transparent;
	color: #ed1b2b;
}
#pre-footer .socials {
    font-size: 40px;
}

#pre-footer > .container > .row > .widget:nth-child(4) .widget-title {
	font-size: 18px;
	font-weight: 400;
	color: #000;
	text-transform: uppercase;
	padding-right: 15px;
    letter-spacing: .2em;
}
#pre-footer .form-control {
    border: 1px solid #fff;
	border-radius: 0;
	text-align: center;
}
#pre-footer .btn {
	border-radius: 0;
	font-weight: 400;
	text-transform: uppercase;
    letter-spacing: .2em;
}

#footer-tpm {
	position: absolute;
    width: 200px;
    height: 200px;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
    background: url(images/the-peoples-market.png) top left no-repeat;
    background-size: contain;
	mix-blend-mode: darken;
}

.site-footer {
	padding-top: 40px;
	padding-bottom: 30px;
	background: #fff;
	color: #8c8c8c;
    font-size: .8em;
} 

.site-footer .copyright {
	margin-top: 10px;
    margin-bottom: 10px;
	text-align: center;
}
.site-footer .footer-logos img {
	padding-left: 30px;
	text-align: center;
}

@media (min-width: 768px) {
	
	#pre-footer {
		padding-top: 60px;
	}
	#pre-footer .row {   
		padding-bottom: 0;
	}
	#pre-footer .widget {
		text-align: left;
		margin-bottom: 0;
	}
	#pre-footer > .container > .row > .widget:nth-child(3),
	#pre-footer > .container > .row > .widget:nth-child(4) {
		float: right;
		text-align: right;
		width: 50%;
	}
	#pre-footer > .container > .row > .widget:nth-child(4) {
		margin-top: 128px;
	}
	
	#pre-footer .form-control {
		text-align: left;
	}

	.site-footer .copyright {
		text-align: left;
	}
	.site-footer .footer-logos img {
		padding-left: 60px;
		text-align: left;
	}
	
}