/*
Theme Name: Recond Child Theme
Theme URI: http://recond.like-themes.com/
Author: Like Themes
Author URI: http://like-themes.com/
Description: Blank Child Theme for Recond
Template: recond
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: four-columns, right-sidebar, full-width-template
Text Domain: recond

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.
*/


/* General styles */

h3, h4 {
	clear:none;
}

h3 {
	font-size: 24px;
	margin: 8px 0 20px 0;
}

h4 {
	font-size: 18px;
	margin: 8px 0 20px 0;
}

.inner-page a {
	color: #DC2751;
}

.inner-page h1 {
	font-size: 30px;
}

.inner-page h2 {
	font-size: 28px;
}

.inner-page h1 a, 
.inner-page h2 a, 
.inner-page h3 a {
	color:#000;
}

a.button,
a.btn, 
a.add_to_cart_button,
a.wp-block-button__link {
	color:#fff;
	padding: 22px 45px;
}

p, 
.text-page p {
	margin-bottom: 10px;
}


.ltx-go-top.floating {
	bottom: 88px;
	right: 12px;
}

form.mc4wp-form p label {
	color:#000;
	font-weight:700;
	padding-left: 15px;
}

th.label {
	color:#000;
	font-size:18px;
	padding:0;

}

th.label label {
	font-size: 18px;
	padding:0px;
}

form.wpcf7-form {
	padding: 10px 25px;
}


/* Blog stuff... */

.ltx-post-headline .ltx-cats,
.blog-info-post-top .ltx-cats,
.ltx-post-headline .ltx-cats-i,
.ltx-post-headline .icon-fav,
.blog-info-post-top .icon-fav,
.ltx-post-headline .ltx-date::after,
.blog-info-post-top .ltx-date::after
 {
	display:none;
}


.sticky {
	border:none;
}

/* WooCommerce */

ul.products li.product::before {
	border:none !important;
}

h3.wc-block-components-product-name {
	font-size:16px;
}

.woocommerce-page ul.products li.product .ltx-btn-wrap {
	display:none !important;
}

.woocommerce span.wc-label-new {
	background-color:#DC2751;
	color:#fff;
	opacity:.9;
	border-radius:5px;
	border-color:#fff;
	right:5px;
}

/* Performance Post Type Stuff */


/* PERFORMANCE CALENDAR STUFF */


body.single-performance .sub_page_header {
	display:none;
}

body.single-performance .top-header {
	height:120px; /* this might cause problems. check it! */
}

body.page-template-tpl-performances  {
	
}

.concert_list {
	margin-top:75px;
	width: 100%;
}

.performance_thumbnail {
	width:auto;
	height:auto;
	margin-top:8px;
}

.concert_info { /* this is the wrapper */
	display: flex;
	column-gap: 20px;
	margin-bottom:30px;
	padding-bottom:30px;
	
	/* Align all columns at the top */
	align-items: flex-start;
}

.concert_info .concert_date { /* column 1 */
	flex: 0 0 25%;
	text-align:right;
}

.concert_details { /* Column group */
	display: flex;
	flex: 1;
	gap: 20px;
	
	/* Align all columns at the top */
	align-items: flex-start;
}

.concert_info .concert_details_column { /* column 2 */
	flex: 1 1 0;
}

.concert_info .concert_thumbnail_column { /* column 3 */
	flex: 1 1 0;
}


.concert_info .concert_date,
.concert_info .concert_thumbnail, 
.concert_info .concert_thumbnail_column,
.concert_info .concert_details_column {
	/* flex: 1; */
}


.concert_details_column h2 {
	margin-top: 0;
	padding-top: 0;
}

.concert_details_column h2 a {
	text-decoration: none;
}



.concert_date .weekday {
	text-transform:UPPERCASE;
	font-size: 1.2em;
}

.concert_date .year {
	
}

.concert_date .date {
	color:#e6aa21;
	color:#ddd;
	font-size:2.4em;
	font-family: "Hind", sans-serif;
	text-transform:UPPERCASE;
	font-weight: bold;
	line-height: .9;
}

.concert_date .date_divider {
	color:#ccc;
	font-style:italic;
	margin: 8px 5px;
}

.concert_date .time {
	margin-top:20px;
	font-size:1.4em;
}

.concert_location {
	/*background-color:#eee;
	border-radius: 5px;
	padding:10px 15px;*/
	margin-bottom:15px;
	font-size:1.2em; 
}

.navigation {
	text-align: center;
}

@media (min-width: 1200px) {
  .col-lg-8 {
  	width:85%;
  }
  
}


/* 📱 Tablet behavior */
@media (max-width: 900px) {

	/* Only stack 2 and 3, reverse order */
	.concert_details {
		flex-direction: column-reverse;
		gap:0;
	}
	
	.performance_thumbnail {
		margin-top:0px;
	}

}

/* 📱 Mobile behavior */
@media (max-width: 768px) {

	figure.alignright,
	figure.alignleft {
		max-width:45%;
	}

}