/*
Theme Name: Tuque
Theme URI: https://vizou.com
Author: Dana Whittle
Author URI: https://vizou.com
Description: Custom theme for the Barras MacNeils
Version: 5000
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Tuque

This theme, like WordPress, is licensed under the GPL.
*/

/* - - - - - - - - - - - - - - - - - - - -TYPOGRAPHY
Montserrat 300 300i 40 500
Hepta Slab 400 500 700
*/

em {
	font-family: Montserrat !important;
	font-style: italic !important;
	font-weight: 300i !important;
}

footer,
.post-edit-link,
.copyright,
.content p a {
	font-family: Montserrat !important;
	font-style: normal !important;
	font-weight: 400 !important;
}

.content p a,
.woocommerce .onsale,
a.more,
button,
.button,
.woocommerce .woocommerce-breadcrumb,
.gigpress-venue a,
.gigpress-soldout,
.gigpress-cancelled,
.gigpress-related a,
.pagination,
small,
h5,
.price,
.products .product h2,
strong,
label,
nav.main ul li a,
ul.tabs li a {
	font-style: normal !important;
	font-family: Montserrat !important;
	font-weight: 500 !important;
}

.wp-caption,
.rl-gallery-caption,
.gallery-caption {
	font-family: "Hepta Slab", sans-serif !important;
	font-style: italic !important;
	font-weight: 400 !important;
}

h4,
.woocommerce .products h2,
h2,
h2 a,
.headline h1 {
	font-family: "Hepta Slab" !important;
	font-style: normal !important;
	font-weight: 500 !important;
}

.gigpress-date,
h1,
h3,
h3 a {
	font-family: "Hepta Slab" !important;
	font-style: normal !important;
	font-weight: 700 !important;

}

/* - - - - - - - - - - - - - - - - - - - -VARIABLES */

:root {
	--overlay: rgba(0, 0, 0, 0.3);
	--overlay-lightbox: rgba(0, 0, 0, 0.6);
	--white: #fff;
	--links: #d6300a;
	--buttons: #f92300;
	--hover: #b2a29a;
	--gray: #d7beb1;
	--black: #333333;
	--dark: #8b3102;
	--medium: #b83406;
	--light: #ffa242;
	--pale: #eed6c0;
	--whisper: #f3edea;
	--alert: #ff4700;
	--border: 1px solid var(--hover);
}

/* - - - - - - - - - - - - - - - - - - - -BASICS */

html {
	font-size: min(max(16px, calc(1rem + (22 - 16) * ((100vw - 320px) / (1920 - 320)))), 22px);
	width: 100%;
	height: 100%;
	min-height: 0vw;
	scroll-behavior: smooth;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	font: normal 100% Montserrat, Helvetica, sans-serif;
	font-weight: 300;
	line-height: 1.4em;
	background: var(--white);
	color: var(--black);
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0 auto !important;
	height: 100%;
	min-height: 100%;
	display: grid;
}

.which-template {
	display: none;
	color: red;
	width: 100%;
}

p {
	margin: 0 0 15px 0;
}

ul {
	list-style: none;
}

ol {
	list-style-type: decimal;
	padding-left: 20px;
}

small {
	font-size: 0.85em;
}

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

a {
	color: var(--links);
	text-decoration: none;
}

a:hover {
	color: var(--hover);
	text-decoration: none;
}

.screen-reader-text {
	display: none;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - NAVIGATION*/

nav.main {
	width: 100%;
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
	padding: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: var(--overlay);
}

.scrolled nav.main {
	background: var(--medium) !important;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

a.toggle-nav {
	display: none;
}

nav.main ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

nav.main ul li {
	list-style: none;
	margin: 0 8px;
}

nav.main ul li a,
nav.main ul li a:visited {
	display: block;
	font-size: 18px;
	text-transform: uppercase;
	color: var(--white);
}

nav.main ul li.active a,
nav.main ul li.current-menu-item a,
nav.main ul li a:hover {
	-webkit-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	border-radius: 3px;
	color: var(--white);
	border: 1px solid var(--white);
	padding: 0 7px;
	margin: 0 20px;
}

.scrolled nav.main ul li.active a,
.scrolled nav.main ul li.current-menu-item a {
	color: var(--light);
	border: 1px solid var(--light);
}

nav.main ul li i {
	font-size: 24px;
}

.scrolled nav.main ul li.nav-icon a,
nav.main ul li.nav-icon a:hover,
nav.main ul li.nav-icon.active a,
nav.main ul li.nav-icon.current-menu-item a {
	border: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	margin: 0;
}

/*- - - - - - - - - - - - - - - - - - - - TABS */

ul.tabs {
	margin: 0 0 2em 0 !important;
	padding: 0 !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

ul.tabs li {
	list-style: none;
	border-right: var(--border);
}

ul.tabs li a {
	display: block;
	font-size: 1em;
	line-height: 1.2em;
	text-transform: uppercase;
	padding: 0 10px;
	color: var(--black);
}

ul.tabs li:last-of-type {
	border: 0;
}

ul.tabs li a:hover,
ul.tabs li.active a {
	color: var(--medium);
}

.tab-container {
	overflow: hidden;
	clear: both;
	width: 100%;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - BACKGROUNDS,HEADLINES*/

.bg {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.bg img.bg-img {
	display: block;
	width: 100%;
	height: 50vh;
	-o-object-fit: cover;
	object-fit: cover;
}

.branding {
	position: absolute;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	height: 100%;
	width: 100%;
	padding: 2em 0 0 3em;
}

.branding img.logo {
	max-width: 500px;
}

/*- - - - - - - - - - - - - - - - - - - -GRID*/

.container {
	width: 100%;
	position: relative;
}

.content {
	grid-area: content;
}

.headline {
	grid-area: headline;
}

.left {
	grid-area: left;
}

.right {
	grid-area: right;
}


.grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-gap: 0;
	grid-template-areas: ". content content content content content .";
	padding: 3em 0;
	width: 100%;
	margin: 0 auto;
}

.grid.home-intro {
	padding-bottom: 1em;
}

.grid.home-news {
	padding-top: 1em;
}

.grid.home-calendar {
	background: var(--whisper);
}

.grid.home-intro p {
	font-size: 1.5em;
	line-height: 1.5em;
}

.grid.home-intro h1 {
	margin-bottom: 10px;
}

.grid-horiz {
	display: grid;
	grid-template-columns: 40% auto;
	grid-template-areas: "left right";
	grid-column-gap: 2em;
	padding: 0;
	margin-bottom: 1em;
	width: 100%;
}

.grid-horiz .left img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 4px;
}

.grid-horiz .left img:hover {
	border: 10px solid var(--gray);
	padding: 10px;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	opacity: 0.6;
}

.grid-horiz .right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	border-top: var(--border);
	padding-top: 1em;
}

a.more {
	display: inline-block !important;
	color: var(--white);
	background: var(--buttons);
	text-transform: uppercase;
	text-align: center;
	font-size: 1em;
	padding: 5px 10px;
	border-radius: 3px;
	max-width: 180px;
	margin-bottom: 1em;
}

a.more:hover {
	background: var(--hover);
}

.grid-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	grid-column-gap: 1em;
	margin: 2em 0 0 0;
}

.card {
	margin: 0 0 1em 0;
	text-align: center;
}

.card img {
	border-radius: 100%;
}

.card img:hover {
	padding: 10px;
	border: 10px solid var(--gray);
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}


/*- - - - - - - - - - - - - - - - - - - -FOOTER*/

footer {
	padding: 2em;
}

.grid-footer {
	background: var(--medium);
	display: grid;
	grid-template-areas: "left right";
	grid-template-columns: 60% 40%;
}

.grid-footer ul li a,
.grid-footer ul li a:visited {
	color: var(--white);
}

.grid-footer ul li a:hover {
	color: var(--light);
}

.grid-footer .left {
	text-transform: uppercase;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: left;
	-ms-flex-align: left;
	align-items: left;
}

.grid-footer .right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

nav.promo ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	list-style: none;
	margin: 0;
	padding: 0;
}

nav.promo ul li {
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
}

nav.promo ul li a {
	font-size: 1.2em;
}

nav.social ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
}

nav.social ul li {
	margin: 0 15px;
}

nav.social ul li:first-of-type {
	margin-left: 0;
}

nav.social ul li a {
	font-size: 24px;
	color: var(--white);
}

nav.social ul li a:hover {
	color: var(--light);
}

.copyright {
	font-size: 0.8em;
	color: var(--white);
}

/* - - - - - - - - - - - - - - - - - - - -PAGINATION */

nav.navigation.pagination {
	position: relative;
	font-size: 1em;
	text-align: center;
	display: block;
	background: none;
	border: 0;
	width: 100%;
	margin: 1.5em auto;
	padding: 20px 0;
	text-transform: uppercase;
}

.nav-links:before {
	content: "Pages";
	padding-right: 10px;
}

.pagination p {
	text-align: center;
	margin: 0;
}

.pagination a {
	color: var(--links);
}

.page-numbers.current,
.pagination a:hover {
	color: var(--hover);
}

.page-numbers {
	padding: 0 10px;
}

.page-numbers i {
	font-size: inherit !important;
}

/* - - - - - - - - - - - - - - - - - - - -HEADERS */

h1,
h2,
h3,
h4 {
	line-height: 1.1em;
	margin: 0;
	color: var(--black);
}

h1 {
	font-size: 2.5em;
	margin: 0 0 40px 0;
}

h2 {
	font-size: 1.8em;
	line-height: 1.1em;
	margin: 25px 0 15px 0;
}

h2:first-of-type {
	margin-top: 0;
}


h3 {
	font-size: 1.4em;
	line-height: 1.2em;
	margin: 20px 0;
}

h4 {
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 10px 0 20px 0;
}

h5 {
	font-size: 1em;
}

/* - - - - - - - - - - - - - - - - - - - -CONTENT */

.photo-credit {
	font-size: 0.65em;
	letter-spacing: 1px;
	color: var(--hover);
	text-transform: uppercase;
	margin-top: 1.5em;
}

a.post-edit-link {
	display: inline-block;
	font-size: 0.65rem;
	text-transform: uppercase;
	text-align: center;
	color: var(--hover);
	padding: 5px;
	max-width: 80px;
}

.post-edit-link:hover {
	color: var(--alert);
	background: yellow;
}

blockquote {
	padding: 5px 15px;
	margin: 10px 0;
	font-size: 1.2em;
	color: var(--medium);
}

/*lists*/

.content ul {
	list-style-type: disc;
	padding-left: 20px;
	list-style-position: outside;
	margin: 10px 0 20px 0;
}

ol li {
	padding: 3px 0;
}

/*images, alignment*/

.content iframe {
	max-width: 100%;
	margin: 20px 0;
}

.alignleft {
	float: left !important;
	margin: 10px 25px 10px 0 !important;
}

.alignright {
	float: right !important;
	margin: 10px 0 10px 25px !important;
}

.aligncenter {
	text-align: center !important;
	margin: 0 auto !important;
}

.alignnone {
	float: none !important;
	margin: 20px 0 !important;
}

.rl-gallery,
.gallery {
	margin: 0.5em 0 !important;
	-webkit-column-break-inside: avoid !important;
	page-break-inside: avoid !important;
	-moz-column-break-inside: avoid !important;
	break-inside: avoid !important;
}

#swipebox-overlay {
	background: var(--overlay-lightbox) !important;
}

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

.rl-gallery-caption,
.gallery-caption,
.wp-caption-text {
	color: var(--color-black);
	font-size: 0.8em;
	line-height: 1em;
	display: block;
	margin: 0 10px;
}

.wp-caption {
	padding-bottom: 10px;
}

/* - - - - - - - - - - - - - - - - - - - - PLAYER */

.wp-playlist-current-item {
	display: none;
}

.wp-playlist {
	border: 0 !important;
	padding: 0 !important;
	margin: 1.5em 0 !important;
}

.wp-playlist-caption,
.wp-playlist-item-title,
.wp-playlist-item-length {
	font-size: 1.1em !important;
}

.wp-playlist .mejs-controls {
	background: var(--medium) !important;
}

/*- - - - - - - - - - - - - - - - - - - - GIGPRESS */

.gigpress-shows {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 15px;
	padding: 1.5em 0;
	width: 100%;
}

.gigpress-show {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	-moz-column-break-inside: avoid;
	break-inside: avoid;
	border-bottom: var(--border);
	padding: 5px 0;
}

.gigpress-empty {
	color: var(--black);
	padding: 5px 15px;
	display: inline-block;
}

.gigpress-show-details {
	margin: 0;
	padding: 8px;
	font-size: 0.9em;
	line-height: 1.2em;
}

.gigpress-date,
.gigpress-venue {
	width: 100%;
	display: block;
}

.gigpress-date {
	font-size: 1.1em;
	margin-bottom: 6px;
	text-transform: uppercase;
}

.gigpress-notes {
	font-size: 0.8em;
	line-height: 1.2em;
	display: block;
	padding: 5px 0;
}

.gigpress-venue {
	color: var(--links);
	text-transform: uppercase;
}

.gigpress-related a,
.gigpress-cancelled,
.gigpress-soldout {
	display: inline-block;
	color: var(--white);
	font-size: 0.65em;
	line-height: 1em;
	text-transform: uppercase;
	background: var(--buttons);
	border-radius: 4px;
	padding: 5px 7px 3px 7px;
}

.gigpress-related a {
	background: var(--links);
}

.gigpress-related a:hover {
	background: var(--hover);
}

.gigpress-related-post .gigpress-date,
.gigpress-related-post .gigpress-venue,
.gigpress-related-post .gigpress-address,
.gigpress-related-post .gigpress-notes {
	display: inline;
	margin-right: 5px;
}

/*past*/

.gigpress-shows.past {
	display: block;
	padding-top: 0;
	font-size: 0.8em;
}

.gigpress-shows.past .gigpress-show-details {
	padding: 3px 0;
}

.gigpress-shows.past .gigpress-date,
.gigpress-shows.past .gigpress-venue {
	width: auto;
	margin: 0 10px 0 0;
	float: left;
}

.gigpress-shows.past .gigpress-soldout,
.gigpress-shows.past .gigpress-cancelled,
.gigpress-shows.past .gigpress-related,
h3.gigpress-artist-heading,
.gigpress-shows.past .gigpress-notes {
	display: none;
}

/* - - - - - - - - - - - - - - - - - - - -WOO */

.woocommerce .woocommerce-ordering,
.woocommerce .product_meta {
	display: none !important;
}

.woocommerce .woocommerce-breadcrumb {
	font-size: 0.8em !important;
	color: var(--links) !important;
	text-transform: uppercase;
	margin-bottom: 1.5em !important;
}

.button {
	font-size: 0.8em !important;
	text-transform: uppercase !important;
	color: var(--white) !important;
	border: 0 !important;
	background: var(--buttons) !important;
	padding: 8px 10px !important;
	border-radius: 3px;
}

.button:hover {
	background: var(--hover) !important;
}

.woocommerce .products .product {
	text-align: center;
}

.products .product h2 {
	font-size: 1em;
	line-height: 1.1em;
	text-align: center;
}

.products img {
	border-radius: 4px;
}

.woocommerce .onsale {
	height: 80px;
	width: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: var(--buttons) !important;
	font-size: 1em !important;
}

h1.product_title {
	font-size: 2.5em;
	text-align: left;
	margin: 20px 0 !important;
	color: var(--color-medium);
	text-shadow: none;
}

.woocommerce-info,
.woocommerce-message {
	border: 0 !important;
}

.woocommerce-info::before,
.woocommerce-message::before {
	color: var(--color-alert) !important;
}

.woocommerce table {
	border: 0 !important;
}

.woocommerce .shop_table td.product-thumbnail img {
	width: 100px;
	height: auto;
}

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

@media only screen and (max-width: 767px) {
	html {
		font-size: 18px;
	}

	.flow {
		-webkit-column-count: 1 !important;
		-moz-column-count: 1 !important;
		column-count: 1 !important;
	}

	.grid-posts,
	.footer,
	.content,
	.left,
	.right {
		display: block;
	}

	.slogan {
		font-size: 36px;
	}

	.bg {
		background-size: 100vmax auto !important;
	}

	.grid-posts {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	.post {
		margin: 1.5em 0 !important;
	}

	nav {
		width: 100%;
	}
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - BREAKPOINTS*/

@media only screen and (max-width: 767px) {
	body {
		display: block;
	}

	.bg img.bg-img {
		margin-top: 80px;
		height: 30vh;
	}

	.branding {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0;
	}

	.branding img.logo {
		max-width: 80%;
	}

	nav.main {
		background: var(--medium);
	}

	a.toggle-nav {
		display: block;
		color: var(--white);
		background: var(--medium);
		font-size: 40px;
		text-align: center;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		padding: 20px;
		height: 80px;
		z-index: 1000;
	}

	a.toggle-nav.nav-active .open,
	a.toggle-nav .close {
		display: none;
	}

	.scrolled a.toggle-nav {
		height: 80px;
		background: var(--dark);
	}

	a.toggle-nav.nav-active .close {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: var(--white);
	}

	nav.main ul.nav-active {
		height: 0px;
		margin-top: -10000px;
	}

	nav.main ul {
		width: 100%;
		height: 100vh;
		display: block;
		margin-top: 80px;
	}

	nav.main ul li {
		width: 100%;
		margin: 0;
		padding: 15px 0;
		text-align: center;
	}

	nav.main ul li a {
		font-size: 1.5em !important;
		padding: 0;
		border: 0;
	}

	nav.main ul li a:active,
	nav.main ul li.current-menu-item a {
		border: 0;
		color: var(--light);
	}

	ul.tabs {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 !important;
	}

	ul.tabs li {
		margin: 8px 0;
	}

	.grid,
	.grid-horiz,
	.grid-cards,
	.gigpress-shows,
	.grid-footer,
	.left,
	.right,
	nav.promo ul {
		display: block;
	}

	.grid {
		padding: 2em;
	}

	nav.pagination {
		display: block;
		padding: 0;
		margin: 0;
	}

	.grid-footer {
		text-align: center;
	}

	nav.social ul li {
		margin: 0;
	}

	.copyright {
		display: block;
		margin: 2em auto 1em auto;
	}

	h1 {
		font-size: 2em;
	}

	h2 {
		font-size: 1.3em;
	}

	.left img,
	.card img {
		margin-bottom: 20px;
	}

	.wp-playlist-caption,
	.wp-playlist-item-title,
	.wp-playlist-item-length {
		font-size: 1em !important;
	}

	.alignnone,
	.alignleft,
	.alignright {
		float: none !important;
		margin: 20px 0 !important;
	}
}