/*
Theme Name: Prism Quartet Theme
Theme URI:
Description:
Version: 1.0
Author: Dinkuminteractive
Author URI: www.dinkuminteractive.com
Tags:
*/


/**************************************************** GLOBAL STYLES ****/

@import url('css/bootstrap.css');
@import url('css/jquery.megamenu.css');
@import url('css/jquery.selectBox.css');
@import url('css/jqtransform.css');
@import url('css/bootstrap-lightbox.min.css');
@import url('css/jquery.fancybox.css');
@import url('css/general.css');
@import url('css/custom.css');

.responsive-table {
	/*display: flex;
	flex-wrap: wrap;*/
	display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
	padding-bottom: 1rem;
}

.table-border {
	padding: 1rem;
    border: 1px solid #ccc;
    margin: -1px 0 0 -1px;
    box-sizing: border-box;
	display: grid;
	align-content: space-between;
}

.table-border h3{
	font-size: 18px;
	line-height: 1.2;
}

.table-border form {
	margin: 0;
}

.woocommerce .cart-collaterals .cart_totals {
	width: 40%;
}
.cart-collaterals .total-price {
	text-align: right;
}
.cart_totals table tr td:last-child {
	text-align: right;
}

article.the-content {
	display: inline-block;
}
article img.alignleft {
	float: left;
}
article img.alignright {
	float: right;
}
form.woocommerce-checkout input[type=text],
form.woocommerce-checkout input[type=email],
form.woocommerce-checkout input[type=tel],
form.woocommerce-checkout textarea {
	padding: 10px;
	height: auto;
}
.select2-container a.select2-choice {
	padding: 4px;
	font-size: 14px;
}
.select2-results .select2-result-label {
	font-size: 13px;
}
.woocommerce-shipping-fields #ship-to-different-address {
	position: relative;
	padding-left: 28px;
}
.woocommerce-shipping-fields #ship-to-different-address label {
	margin: 0;
	padding: 0;
}
.woocommerce-shipping-fields #ship-to-different-address #ship-to-different-address-checkbox {
	position: absolute;
	left: 2px;
	top: 3px;
	width: 20px;
	height: 20px;
	margin: 0;
}
#order_review_heading {
	margin-top: 30px;
}
#order_review .woocommerce-checkout-review-order-table,
#order_review #payment  {
	width: 48%;
	float: left;
	font-size: 16px;
}
#order_review .woocommerce-checkout-review-order-table {
	margin-right: 1%;
}
#order_review #payment {
	margin-left: 1%;
}
#place_order {
	border-radius: 5px;
    padding: 5px 10px;
    color: #fff;
    font: 12px/23px 'TitilliumWeb-SemiBold';
    text-transform: uppercase;
    display: block;
    display: inline-block;
    margin-top: 10px;
    min-width: 145px;
    text-align: left;
    position: relative;
    padding-right: 28px;
    background: #4b4b4b url(images/ico-arrow-right.png) right 10px top 10px no-repeat;
}
.woocommerce-message,
.woocommerce-info {
	font-size: 14px;
}
.woocommerce-message:before,
.woocommerce-info:before {
	top: 1.3em!important;
}
.woocommerce {
	font-size: 14px;
}
.wc_payment_method {
	margin-bottom: 15px!important;
}
.wc_payment_method label {
	display: inline-block;
}
.social ul li a.icon-cart {
	background: none;
	text-indent: 0;
	position: relative;
}
.social ul li a.icon-cart span {
	position: absolute;
	right: -10px;
	top: -10px;
	color: #fff;
	background-color: red;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	text-align: center;
	line-height: 15px;
}
.icon-cart:before {
	content:"";
	display: block;
	width: 24px;
	height: 24px;
	background: transparent url(img/cart.png) center center no-repeat;
}
.cycloneslider-template-prism-quartet .cycloneslider-slide img {
	height: 100%;
}
/* ==================================================================
						Landscape phones and down
===================================================================== */    

@media (max-width: 480px) {
	* {
		box-sizing:border-box;
	}
	/* nav */
	#nav ul li a {
		width: 100%;
	}
	/* logo */
	#header .logo {
		height: auto;
		padding-bottom: 10px;
	}
	.social ul {
		text-align: center;
	}
	.social ul li {
		display: inline-block;
	}
	/* cyclone */
	.cycloneslider-template-prism-quartet .cycloneslider-pager-wrap {
		top: auto!important;
		bottom: 5px;	
	}

	#slideshow .cycloneslider-template-prism-quartet .cycloneslider-pager span {
		width: 20px!important;
		text-align: center!important;
		margin: 0!important;
		background-position: center top 10px!important;
	}
	#slideshow .cycloneslider-template-prism-quartet .cycloneslider-pager span:hover, 
	#slideshow .cycloneslider-template-prism-quartet .cycloneslider-pager span.cycle-pager-active {
		background-position: center top -32px!important;
	}

	#slideshow .cycloneslider-template-prism-quartet .caption {
		padding-bottom: 5px;/*20px;*/
	}
    
	.caption p, .caption p b{
		font: 14px/16px 'TitilliumWeb-Regular';
	}
	
	#home-content {
		padding: 20px 15px;
		box-sizing:border-box;
	}
	#home-content img.home-blog-img {
		max-width: 120px;
		height: auto;
		margin-right: 20px;
	}
	#home-content .blog-posts {
		display: inline-block;
	}

	/* detail-blog */
	article div.wp-caption {
		max-width: 100%;
	}
	.prevnext-posts a {
		display: block;
		width: 100%!important;
	}

	/* touring */
	.tour-img-block a .touring-img-wrapper{
		text-align: center;
	}
	.tour-img-block a .touring-img-wrapper img {
		display: block;
		margin: 0 auto;
	}

	/* concert */
	#contabsnav ul li a {
		height: auto;
	}
	.condesc .date, 
	.condesc .time {
		width: 100%;
	}
	.date a {
		width: 30%;
		line-height: 17px;
	}
	.tabscontent2 img {
		width: auto;
		max-width: 100%;
	}
	iframe {
		max-width: 100%;
	}
	#main-content #supporter-thumb .supporter {
		height: auto;
		width: 100%;
	}
	#main-content #supporter-thumb .supporter img {
		display: block;
		margin: 0 auto!important;
	}
	/* residencies */
	.testimony {
		width: 100%;
	}
	.collapseomatic {
		width: 50%;
	}
	/* recordings */
	.con-series ul {
		left: 0;
		padding: 0;
		font-size: 0;
	}
	.con-series ul li {
		margin: 0;
		width: 50%;
		float: none;
		display: inline-block;
	}
	.con-series ul li:first-child {
		border-right: none;
	}
	.con-series ul li:last-child {
		border-left: none;
	}
	
	#review-expand {
		column-count: 1;
	}
	/* blog-posts */
	.blog-posts {
		margin: 20px 0;
	}
	/*contact-wrap*/
	.contact-wrap {
		padding: 0;
		width: 100%;
	}
	.contact-wrap .contact-details,
	.contact-wrap .contact-forms {
		padding: 0;
		width: 100%;
	}
		.responsive-table {
  grid-template-columns: repeat(2, 1fr);
}
}

/* ==================================================================
					Landscape phone to portrait tablet
===================================================================== */    

@media (max-width: 767px) and (min-width: 481px) {
	.tabscontent2 img {
		width: auto;
		max-width: 100%;
	}
	#contabsnav ul li a {
	    height: auto;
	    font: 14px/24px 'TitilliumWeb-Bold';
	}
	
	.condesc .date, 
	.condesc .time {
		width: 100%!important;
	}
	
	#review-expand {
		column-count: 1;
	}
}
/*@media (min-width: 481px) and (max-width: 767px) {*/
@media (max-width: 979px) and (min-width: 768px) {
	* {
		box-sizing:border-box;
	}
	.page-recordings #main-content {
		margin: 0;
		width: 100%;
	}
	.page-recordings #main-content .rec-title-top {
		margin: 0;
		margin-top: -45px;
		width: calc(100% + 60px);
		margin-left: -30px;
		padding: 20px 30px;
	}
	#wrapper .bder {
		border: none;
	}
	.con-series ul {
		left: auto;
	}
	.tabscontent2 img {
		width: auto;
		max-width: 100%;
	}
}

@media (min-width: 980px) and (max-width: 1199px) {
	.page-recordings #main-content .rec-title-top {
		margin: 0;
		margin-top: -45px;
		margin-left: -104px;
		width: 710px;
		padding-left: 105px;
	}
	.tabscontent2 img {
		width: auto;
		max-width: 100%;
	}
}