/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

h1.page-title {
	color: white;
	text-align: left;
}

h3.venue-title {
	color: #0072bc;
	text-align: left;
}


.page-description {
	background: rgba(0.11, 0.28, 0.3, 0.4); 
	font-size: 0.8em;
	color: white;
	width: 50%;
	line-height: 1.5em;
	padding: 15px;
	margin: 25px auto;
}

/*  
	**********************************
	Artists and Venues pages
	**********************************
*/
#artist-search-container {
	height: 65px; 
	display: flex; 
	flex-direction: row; 
	justify-content: center; 
	align-items: center; 
	color: white;
	background-color: #eb943b;
} 


#artist-search-form {
	width: 80%;
}


.artist-search-textbox {
	margin: 0 10px; 
	background-color: white; 
	color: gray; 
	border-style: none;
	padding: 6px 10px;
}

.artist-search-select {
	margin: 0 10px; 
	background-color: transparent; 
	color: white; 
	-webkit-appearance: none;
    -moz-appearance: none;
	border-radius: 0;
	border: none none solid none;
	border-color: transparent;
	border-bottom-color: white;
	border-bottom-width: 1px;
	width: 10%;
	background-image: url("/wp-content/uploads/2020/05/arrow-down.png");
	background-repeat: no-repeat;
	background-position: right center;
}


.artist-search-button {
	background-color: transparent;
	border: 1px solid white;
	color: white;
	padding: 8px 40px;
}


.no-artists-message, .no-venues-message {
	text-align: center;
	font-size: 18px;
	line-height: 35px;
	margin: 0 auto;
}


#artist-container,
.venue-container, 
.affiliated-venue-container, 
#venue-section,
#affiliated-venue-section,
#wayside-exhibits-section {
	display: flex; 
	flex-wrap: wrap; 
	justify-content: flex-start; 
	width: 80%; 
	margin: 30px auto;
}


#affiliated-venue-section, 
#wayside-exhibits-section {
	width: 65%;
	margin: 70px auto;
}


#affiliated-venue-section {
	padding-top: 50px;
}


#wayside-exhibits-section {
	justify-content: space-between;
}


.affiliated-venue-container {
	width: 100%;
	margin: 0 auto;
	justify-content: space-between;
}


#artist-container.less-than-4 {
	justify-content: space-around;
}


.artist-thumbnail, 
.venue-thumbnail,
.affiliated-venue-thumbnail {
	width: 22%; 
	padding: 0;
	margin: 0 10px 20px 10px;
	position: relative;
	box-sizing: border-box;
}


.venue-thumbnail {
	width: 32%;
	margin: 0 5px;
	margin-bottom: 10px;
}


.affiliated-venue-thumbnail {
	width: calc(50% - 20px);
	margin-left: 10px;
	margin-right: 10px;
}


.wayside-exhibits-left {
	width: 45%; 
	background-image: url(/wp-content/uploads/2020/08/Crooked-Road-Wayside-Kiosk-at-Grayson-Highlands-State-Park-Photo-by-Jonathan-Romeo-for-The-Crooked-Road.jpg); 
	background-repeat: no-repeat; 
	background-position: center bottom; 
	position: relative;
}


.artist-thumbnail .artist-name, 
.venue-thumbnail .venue-name, 
.affiliated-venue-thumbnail .venue-name,
.wayside-exhibits-left .venue-name {
	position: relative; 
	height: 60px; 
	padding-left: 3%; 
	color: white; 
	background: rgba(0, 0, 0, 0.7); 
	margin-top: -65px;
	line-height: 60px;
	text-align: left;
	font-size: 0.9em;
	font-weight: 600;
}


.wayside-exhibits-left .venue-name {
	position: absolute;
	margin-top: 0;
	bottom: 0;
	width: 97%;
	height: 100px;
}


.wayside-exhibits-right {
	width: 45%;
}


.wayside-exhibits-right h2 {
	padding: 20px 0;
}


.wayside-exhibits-description {
	padding: 0 20px 15px 0px; 
	font-size: 0.9em; 
	margin-bottom: 0px;
}


.artist-thumbnail .artist-hover, 
.venue-thumbnail .venue-hover,
.affiliated-venue-thumbnail .venue-hover {
	background: rgba(0, 0, 0, 0.6); 
	height: 100%; 
	width: 100%;
	position: absolute;
	top: 0;
	visibility: hidden;
}


.artist-thumbnail:hover .artist-hover, 
.venue-thumbnail:hover .venue-hover,
.affiliated-venue-thumbnail:hover .venue-hover {
	visibility: visible;
}


.artist-hover-container, .venue-hover-container {
	width: 90%; 
	margin: 0 auto; 
	color: white; 
	font-size: 0.8em; 
	padding-top: 5px;
}


.artist-hover-separator, .venue-hover-separator {
	height: 2px; 
	background-color: #f8e70b; 
	margin: 8px 0;
}


.artist-hover-info, .venue-hover-info {
	margin-top: 5px; 
	line-height: 1.2em;
}


.artist-view-profile-button, .venue-learn-more-button {
	background-color: #eb943b; 
	text-align: center; 
	font-weight: 600;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-left: 0;
	color: white;
	height: 60px;
	line-height: 60px;
}


.page-numbers, .page-numbers.current, a.page-numbers:hover {
	font-weight: 600;
	padding: 8px 12px;
	font-size: 0.8em;
}


.page-numbers {
	display: flex;
	list-style: none;
	line-height: 1;
	text-decoration: none;
	color: #0072bc;
}


.page-numbers li {
	border: 2px solid #22b24c;
	margin: 0 12px 0 0;
}


.page-numbers.current,
a.page-numbers:hover {
	background-color: #22b24c;
	color: white;
}


.pagination-links {
	margin: 30px auto;
	list-style: none;
	display: flex;
	justify-content: center;
}


.button-teal, .button-white {
	padding: 12px 45px;
	font-weight: 700;
	border: none;
	font-size: 18px;
	outline: none;
}


.button-teal {
	color: white;
	background-color: #40BFB8;
}


.button-teal:hover {
	background-color: #F77A0C;
	color: white;
}


.button-white,
.woocommerce-page input[type="submit"] {
	color: #22b24c;
	background-color: white;
}

.button-white:hover,
.woocommerce-page input[type="submit"]:hover {
	color: #0072bc;
	background-color: white;
}


.overlap-container {
	position: relative; 
	z-index: 1000; 
	background-color: transparent; 
	margin-top: -230px;
}


.artist-detail-column, .venue-detail-column {
	background-color: white; 
	padding: 30px;
}


.explore-other-artists, .explore-other-venues {
	margin-top: 30px;
}





.other-artists-row, .other-venues-row {
	margin-top: 30px;
}


.other-artists-container, .other-venues-container {
	display: flex; 
	justify-content: flex-start; 
	margin: 0 15%;
}


.affiliated-venue-left-column {
width: calc(33.33333333% - 20px);
    margin: 0 10px 20px !important;
}


.affiliated-venue-left-column-inner {
	background-color: rgba(255, 255, 255, 0.9); 
	margin-bottom: 20px;
}


.affiliated-venue-right-column {
width: 66.666666%;
    margin: 0 0px 20px !important;
}


.affiliated-venue-heading {
	text-align: center; 
	padding: 20px 15px;
}


.affiliated-venue-button-container {
	padding: 0px 0 30px 15px;
}


/*  
	**********************************
	Artist detail page
	**********************************
*/
div.detail-description {
	margin-top: 20px; 
}


.detail-description p {
	font-size: 0.9em;
}


.info-container {
	display: flex; 
	justify-content: flex-start; 
	font-size: 0.8em;
}


.info-label {
	color: #4a4a4a; 
	font-weight: 700; 
	/* line-height: 1.6em; */
}


.subheading {
	color: #0072bc; 
	font-weight: 600;
}


.venues-subheading {
	text-align: center; 
	padding: 40px 0;
}


.venue-description {
	width: 55%; 
	margin: 0 auto 30px auto; 
	text-align: center;
}


.name-detail {
	color: #22b24c; 
	font-size: 1.3em; 
	font-weight: 700; 
	margin-bottom: 10px;
}


.detail-separator {
	background-color: #f8e70b; 
	margin: 30px 0; 
	height: 2px;
}

.affiliated-venue-description {
	padding: 0 15px 20px 15px; 
	text-align: left; 
	color: #4a4a4a; 
	font-size: 0.9em;
}


/*  
	**********************************
	Call to Action  
	**********************************
*/
.cta {
	height: 170px; 
	text-align: center; 
	background-color: #eb943b; 
	color: white;
	padding: 30px; 
	display: flex; 
	flex-direction: column; 
	justify-content: space-around;
}


#cta-form form input[type=text],
#cta-form form input[type=email]
{
	font-size: 18px; 
	padding: 12px 20px; 
	border: none; 
	margin-right: 10px;
	outline: none;
}


.cta h2 {
	color: white;
}


/*  
	**********************************
	WooCommerce  
	**********************************
*/
.container_inner {
	margin: 0;
	width: 100%;
}


.woocommerce-page .content .container .container_inner {
	padding: 0;
}


.page-description {
    margin: 0;
	width: 100%;
	padding: 0;
}


.woocommerce ul.products {
	margin: 0 auto;
	width: 70%;
}


div.related.products ul.products {
	margin: 0px auto 0 auto;
	display: flex;
	width: 100%;
}


div.related.products ul.products li {
	padding: 5px;
}


div.related.products h4 {
	font-size: 28px;
}


div.related.products img {
	max-width: 170px;
}


div.related.products h6 {
	margin-top: 5px;
}


a.product-category.product-info {
	border: 0px solid #707070;
	z-index: 100;
	width: 100%;
	margin: 0px auto 0 auto;
	position: relative;
}


a.product-category.product-info h6 {
	color: #0072bc;
}


a.button.add_to_cart_button {
	background-color: #eb943b;
}


.single-product .product-type-simple {
	z-index: 100;
	background-color: white;
	width: 70%;
	margin: -120px auto 0 auto;
	padding: 30px;
}


.container_inner.default_template_holder {
	background-color: #FAFAFA;
}


.qode-related-upsells-title {
	text-align: center;
}


.woocommerce-Price-amount .amount {
	color: #88BE59;
}


.summary.entry-summary h1 {
	font-size: 26px;
}


.woocommerce-pagination {
	display: flex;
	justify-content: center;
}


.woocommerce-pagination ul.page-numbers li a.prev,
.woocommerce-pagination ul.page-numbers li a.next
{
	display: none;
}


.woocommerce-pagination ul.page-numbers li {
	border: none;
}


.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span.current {
	border: 2px solid #22b24c;
	border-radius: 0;
	background-color: white;
	color: #0072bc;
	margin: 0;
	height: initial;
	width: initial;
	line-height: 1;
	font-size: 0.8em;
}


.woocommerce-pagination ul.page-numbers li a:hover {
	background-color: #22b24c;
	border: 2px solid #22b24c;
	color: white;
}


.woocommerce-pagination ul.page-numbers li span.current {
	background-color: #22b24c;
	color: white;
}


a.merch-filter-button {
	background-color: transparent;
	border-bottom: 2px solid transparent;
	font-size: 1.2em;
	margin: 15px auto !important;
	padding: 0;
	min-width: 80px !important;
	line-height: 40px !important;
}


.merch-filter-button:hover {
	background-color: transparent;
	border-bottom: 2px solid white;
}


.woocommerce-notices-wrapper {
	margin-top: 70px;
}


.woocommerce form.checkout .col2-set p.form-row label {
	display: inline;
}


/*  
	**********************************
	Wayside Exhibits page media player  
	**********************************
*/
.audio-container {
	margin-top: 40px;
}


.mejs-container.wp-audio-shortcode .mejs-controls  {
    background: #fff;
	border-color: #fff;
}


.wayside-document-link-container {
	padding-top: 20px;
}


.wayside-document-link-container a {
	color: white;
}


.wayside-document-link-container a:hover {
	color: #F77A0C;
}


.wayside-exhibits-left .mejs-container, 
.wayside-exhibits-left .mejs-container .mejs-controls, 
.wayside-exhibits-left .mejs-embed, 
.wayside-exhibits-left .mejs-embed body {
	background: transparent !important;
}


.mejs-controls .mejs-button.mejs-volume-button.mejs-mute button {
	background-image: url("https://newcrookedroad.wpengine.com/wp-content/uploads/2020/06/mute.png");
}


.mejs-controls .mejs-button.mejs-volume-button.mejs-unmute button {
	background-image: url("https://newcrookedroad.wpengine.com/wp-content/uploads/2020/06/unmute.png");
}


.wayside-exhibits-left .mejs-controls .mejs-time-rail .mejs-time-hovered, 
.mejs-controls .mejs-time-rail .mejs-time-hovered {
	background: transparent;
}


.wayside-exhibits-left .mejs-controls .mejs-time-rail .mejs-time-float-current, 
.mejs-controls .mejs-time-rail .mejs-time-float-current {
	color: white;
}


@media (max-width: 414px) {
	.info-container {
		line-height: 1.2em;
		padding-bottom: 5px;
	}
}
 

@media (max-width: 768px) {
	.woocommerce-notices-wrapper {
		margin-top: 0;
	}
}
 

@media (max-width: 1366px) {
	.artist-thumbnail .artist-name {
		height: 40px;
		line-height: 40px;
		margin-top: -45px;
	}
}