/*
------------------------------------------------------------------------------
Child Theme:

Description: Child Theme for the Wellington theme for PianoForteChicago.com
Author: Matthew Ponio
Author URI: mattponio.com
Template: wellington
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
------------------------------------------------------------------------------
Original Theme:

Theme Name: Wellington Child
Theme URI: https://themezee.com/themes/wellington/
Author: ThemeZee
Author URI: https://themezee.com
Description: Wellington is a clean and simple Magazine WordPress theme with beautiful typography and subtle colors. The theme includes two different post layouts, a featured post slider and thoughtful theme settings in the Customizer.
Version: 1.2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wellington
Tags: two-columns, blog, news, custom-background, custom-header, custom-logo, custom-menu, grid-layout, entertainment, editor-style, rtl-language-support, featured-image-header, featured-images, flexible-header, custom-colors, full-width-template, sticky-post, threaded-comments, translation-ready, theme-options, one-column, left-sidebar, right-sidebar, three-columns

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.

Wellington is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
------------------------------------------------------------------------------
*/

/*------------------------------------------------------------------------
 * Global CSS Changes
------------------------------------------------------------------------*/
* {
	font-family: 'Open Sans', sans-serif;
}

.content-area {
  width: 100% !important;
  max-width: 100% !important;
}

a {
	color: #b9812c !important;
	-moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

a:hover {
  color: #3e3e3e !important;
}

.site-title {
  display: none !important;
}

.page-title {
  display: none;
}

.post-navigation {
	display: none;
}

.related {
	display: none;
}

.site {
  margin: 0px !important;
  max-width: none !important;
}

.home {
  padding: 0px;
}

.page {
	padding: 0em;
}

/*------------------------------------------------------------------------
 * Navigation Menu
------------------------------------------------------------------------*/
@media only screen and (min-width: 60em) {

.menu-item:hover {
	background-color: white;
	color: #b9812c !important;
}

.menu-item a {
	background-color: #303030;
}

.menu-item a:hover {
	color: #b9812c !important;
	background-color: white;
}
#main-navigation-wrap {
	text-align: center;
}

#main-navigation {
	display: inline-block;
	padding-top: .5em
}

#main-navigation ul {
	text-align: left;
} 
}

@media only screen and (max-width: 60em) {

.menu-item a:hover {
  background-color: #3e3e3e;
}
}

#main-navigation-wrap {
	z-index: 100;
}

.primary-navigation-wrap a {
	color: white !important;
}

.sub-menu {
	border: 0px !important;
}

/*-------------------------------------------------------------------------------
 *The Events Calendar 
--------------------------------------------------------------------------------*/

/*For the main list of events-----------------------------------------------------------------------------*/

.tribe-events-loop .type-tribe_events {
	background-color: #303030;
	padding: .5em !important;
	border-radius: 10px;
	text-align: center;
}

.tribe-events-loop .tribe-events-list-event-title {
		margin-top: 1em !important;
}

.tribe-events-loop .tribe-events-list-event-title a {
	color: #fff !important;
}

.tribe-events-loop .tribe-events-list-event-title a:hover {
	color: #b9812c !important;
}

.tribe-events-loop .tribe-events-event-meta {
	border-radius: 10px;
	color: #fff;
}

.tribe-events-loop .tribe-events-venue-details a {
	color: #fff !important;
}

.tribe-events-loop .type-tribe_events .ticket-cost {
	margin: auto;
	border-radius: 10px;
	color: #fff;
	background-color: #303030 !important;
}

.tribe-events-loop div.tribe-events-event-image {
	float: none !important;
	margin: auto !important;
}

.tribe-events-loop .tribe-events-event-image img {
	border-radius: 10px;
	max-height: none;
}

@media only screen and (max-width: 1130px) {
	
	.tribe-events-loop div.tribe-events-event-image {
	display: block;
	float: none;
	margin: auto;
	width: 60%;
	}
	
	.tribe-events-loop .tribe-events-event-image img {
		width: 100%;
	 max-height: none;
	}
}

@media only screen and (max-width: 768px) {
	.tribe-events-loop .ticket-cost {
		background-color: #303030;
	}
	.tribe-events-loop .tribe-events-event-meta {
		background-color: #303030;
		border: none;
		padding-bottom: 0px !important;
	}
}


/*THIS IS FOR SINGLE EVENT PAGES---------------------------------------------------------------------------------------------*/
.single-event-header {
	background-color: #303030;
	color: #fff !important;
	padding: 1em;
	border-radius: 5px;
}

.single-event-header .tribe-events-back:hover a {
	color: #fff !important;
}

.tribe-events-single-event-title {
	color: #fff !important;
	text-align: center;
}

.tribe-events-single {
	margin-bottom: .5em !important;
}

.single-event-header .tribe-events-schedule {
	text-align: center;
}

.single-event-header .tribe-events-schedule {
	margin: .5em;
}

@media only screen and (max-width: 768px) {
	.tribe-events-schedule {
		background-color: #303030 !important;
		border: none !important;
	}
}

.ticketsbutton {
	background-color: #b9812c;
	border-radius: 10px;
	border: 1px solid #fff;
	display: block;
	margin: auto;
	font-weight: bold;
	  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

.ticketsbutton a {
	color: #fff !important;
	text-decoration: none !important;
}

.ticketsbutton:hover {
	background-color: #303030;
}

.ticketsbutton:hover a {
	color: #b9812c !important;
}

.tribe-events-related-events-title {
	display: none;
}

.tribe-related-events {
	display: none;
}

/*TESTING*/
.tribe-events-button {
	background-color: #b9821c !important;
	color: white !important;
	border: 1px solid black !important;
}

.tribe-events-sub-nav a {
	background-color: white !important;
}

.tribe-events-list-event-description {display: none !important;}

.tribe-events-list-event-title {
	font-size: 1em !important;
}

.tribe-events-event-meta {
	clear: both;
}

.single-tribe_events .tribe-events-event-image img {
	max-width: 30%;
	float: left;
	margin: 0em 1em 1em 0em;
	border-radius: 5px;
}	

@media only screen and (max-width: 60em) {
.single-tribe_events .tribe-events-event-image img {
	display: block;
	float: none;
	margin: 1em auto 1em auto !important;
	max-width: 100%;
}	
	.single-tribe_events .tribe-events-single-event-description {
		display: block !important;
		clear: left;
	}
}

/*-------------------------------------------------------------------------------
* Top of Site Sale Banners
--------------------------------------------------------------------------------*/
.sale-banner {
	background-color: #303030;
	text-align: center;
}

.sale-banner-text {
	background-color: #303030;
}

.sale-banner img {
	padding-top: 10px;
}

.sale-banner-text {
	background-color: #990000 !important;
	color: #fff !important;
}

.sale-banner-text a {
	color: #fff !important;
}

.piano-sale {
	text-align: center;
	background-color: #990000;
	color: white;
	position: sticky;
	top: 0;
	z-index: 1000;
}

.piano-sale a {
	color: white;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.sale-banner {
    -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s;
}

/*------------------------------------------------------------------------
 * Buttons and Various Button-Like Objects
------------------------------------------------------------------------*/
.button  {
	background-color: #303030 !important;
	border-radius: 10px;
	border: 1px solid #303030 !important;
		-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

a.button {
	color: white !important;
}

.button:hover {
	background-color: #b9812c !important;
	border: 1px solid #303030 !important;
}

input[type=button] {
	background-color: #303030 !important;
	border-radius: 10px;
	border: 1px solid #303030 !important;
		-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

input[type=button]:hover {
	background-color: #b9812c !important;
	border: 1px solid #303030 !important;
}

.buttonlink {
	background-color: #303030 !important;
	color: white !important;
	border-radius: 10px;
	border: 1px solid #303030 !important;
		-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
	padding: .6em 1em;
}

.buttonlink a {
	color: white !important;
}

.buttonlink:hover {
	background-color: #b9812c !important;
	color: white !important;
	border: 1px solid #303030 !important;
}

.contactforpricing {
  display: inline-block;
  margin-bottom: 1em;
  background-color: #b9812c;
  color: #fff !important;
  font-weight: 700;
  border-radius: 5px;
  padding: 11.124px 18px 11.124px 18px;
  border: solid black 1px
}

.contactforpricing:hover {
  background-color: #515151;
  color: #fff !important;
}

/*------------------------------------------------------------------------
 * Anchors for Page Navigation
------------------------------------------------------------------------*/
.pfanchor {
  visibility: hidden;
}

@media only screen and (min-width: 990px) {

.pfanchor {
  display: block; 
  height: 60px; 
  margin-top: -60px; 
  visibility: hidden;
}

}

/*------------------------------------------------------------------------
 * Hero Images for top of Pages
   * Includes Styling for Desktop and Mobile
   * Need to add a Background-Image URL for each Individual Page to the next section in this document.
   * Will also need to add the following to the top of any page:
   * 		<div class="hero-image 'pagetitle'-image">
			<div class="hero-text">
			<h1>'pagetitle'</h1>
			</div>
			</div>
------------------------------------------------------------------------*/
@media only screen and (min-width: 990px) {
.hero-image {
    height: 20em;
    position: relative;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	border-radius: 10px;
	margin-top: 10px;
    border: 1px solid #303030;
	
}

.hero-text h1 {
    text-align: center;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white !important;
    font-size: 400%;
    text-shadow: 4px 4px #000000;
}
}

@media only screen and (max-width: 990px) {
.hero-image {
    height: 10em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
	border-radius: 10px;
	margin-top: 10px;
    border: 1px solid #303030;
}

.hero-text h1 {
    text-align: center;
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white !important;
    font-size: 300%;
    text-shadow: 4px 4px #000000;
}
}


/*------------------------------------------------------------------------
 * Hero Images for Individual Pages
------------------------------------------------------------------------*/
.rental-image {
  background-image: url("/wp-content/uploads/2017/04/Hall-Rental-Gallery-1.jpg");
}

.recording-image {
  background-image: url("/wp-content/uploads/2012/10/Recording-Pictures-19.jpg");
}

.about-image {
  background-image: url("/wp-content/uploads/2017/04/Recording-Pictures-12-Cropped.jpg");
}

.faq-image {
  background-image: url("/wp-content/uploads/2017/04/Recording-Pictures-12-Cropped.jpg");
}

.showroom-image {
  background-image: url("/wp-content/uploads/2019/06/1335-Showroom-Pictures-5.17.196.jpg");
  /*background-position: 50% 85%;*/
}

.concerts-image {
	background-image: url("/wp-content/uploads/2017/04/Hall-Rental-Gallery-2.jpg");
}

/*------------------------------------------------------------------------
 * YAMAHA SPECS TABLES: This is for the Tables on the Yamaha Showroom Pages
------------------------------------------------------------------------*/
#yamahatable .theading1 {
  background-color: #3e3e3e;
  color: #fff;
  text-align: center !important;
  font-size: 110%;
}

#yamahatable .theading2 {
  background-color: #3e3e3e;
  color: #fff;
  font-size: 110%;
}

.entry-meta {
	display: none;
}

/*------------------------------------------------------------------------
 * Individual Event Pages
------------------------------------------------------------------------*/
.ai1ec-post_thumbnail {
  border-radius: 10px;
  box-shadow: 1px 1px 2px #000;
}

.ai1ec-event-avatar img {
  border-radius: 10px;
 }

.ai1ec-event-details {
  display: inline-block;
  min-width: 40%;
  border: 1px solid grey;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 1px 1px 2px #000;
}

.ai1ec-actions {
  width: 100%;
}


.ai1ec-btn-group-vertical {
  float: left;
  box-shadow: 1px 1px 2px #000;
  margin:2px; 
  border-radius: 5px; 
}

.ai1ec-btn {
  border-radius: 5px !important;
}

/*------------------------------------------------------------------------
 * Footer
------------------------------------------------------------------------*/
#footer {
	color: white;
	display: block;
	padding: 1em;
}

.footer {
	padding: 1em;
}

.footer-wrap {
	padding-bottom: 2em !important;
}

.footer1 {
	text-align: left;
}

.footer1 img {
	display: inline-block;
	height: 40px;
	width: 240px;
}

.footer2 {
	display: inline-block;
	text-align: right;
	padding: .25em;
	padding-top: 1.5em;
}

.footer2 .buttonlink {
	background-color: #b9821c !important;
	border: 1px solid #303030 !important;
}

.footer2 .buttonlink:hover {
	background-color: #303030 !important;
	color: white !important;
	border: 1px solid #b9812c !important;
}

.footer3 {
	display: inline-block;
	text-align: right;
	padding: .25em;
	padding-top: 1.5em;
}

.footer3 .buttonlink {
	background-color: #b9821c !important;
	border: 1px solid #3e3e3e !important;
}

.footer3 .buttonlink:hover {
	background-color: #303030 !important;
	color: white !important;
	border: 1px solid #b9812c !important;
}

.footer4 {
	display: inline-block;
	text-align: right;
	padding: .25em;
	padding-top: 1.5em;
}

.footer4 .buttonlink {
	background-color: #b9821c !important;
	border: 1px solid #3e3e3e !important;
}

.footer4 .buttonlink:hover {
	background-color: #303030 !important;
	color: white !important;
	border: 1px solid #b9812c !important;
}

@media only screen and (min-width: 43em) {
	.footer {
		text-align: right;
	}
		
	.footer1 {
		float: left;
		display: block;
	}
	
	.footer1 img {
		display: block;
	}
	
	.footer5 {
		display: none;
	}
}

@media only screen and (max-width: 43em) {
	.footer {
		text-align: center;
	}
	
	.footer1 {
	  display: block;
	  text-align: center;
	  width: 240px;
	  margin: auto;
	}
		
	.footer2 {
		display: block;
		clear: both;
		text-align: center;
	}
		
	.footer3 {
		display: block;
		clear: both;
		text-align: center;
	}
		
	.footer4 {
		display: block;
		clear: both;
		text-align: center;
	}
	
	.footer5 {
		padding: 1em;
	}
}

/*------------------------------------------------------------------------
 * Home Page
------------------------------------------------------------------------*/
.homepageparallax {
    height: 35em;
	/*background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.homepagebutton {
	display: block;
	position: relative;
	top: 40%;
	padding: 1em;
	text-align: center;
}

.homepagebutton a {
	color: white !important;
	font-size: 1.7em;
	font-weight: bold;
	background-color: rgba(48,48,48,.8);
	padding: 1em;
	border: 1px solid white;
	border-radius: 10px;
}

.homepagedivider {
	height: 3em;
	background-color: #303030;
}

.homepage1 {
	background-image: url("/wp-content/uploads/2019/06/1335-Showroom-Pictures-5.17.196.jpg");
}

.homepage2 {
	background-image: url("/wp-content/uploads/2019/05/PianoForte-Sign-1920x1080.jpg");
}

.homepage3 {
	background-image: url("/wp-content/uploads/2018/06/3.HP_.Event-Rental.jpg");
}

.homepage4 {
	background-image: url("/wp-content/uploads/2018/06/4.HP_.Concerts-and-Events.jpg");
}

.homepage5 {
	background-image: url("/wp-content/uploads/2018/06/5.HP_.Recording-Studio.jpg");
}

.homepage6 {
	background-image: url("/wp-content/uploads/2018/06/6.HP_.About-Us.jpg");
}

@media only screen and (max-width: 43em) {
	
  .homepageparallax {
    background-attachment: scroll;
		height: 15em;}
	
	.homepagebutton a {
		font-size: 1em;
	}
}

/*------------------------------------------------------------------------
 * Location Icon (Social Icon)
------------------------------------------------------------------------*/
.header-widget {
	margin: 0px !important;
}

.locationicon {
	background-color: #990000;
	border-radius: 3px;
	height: 36px;
	width: 36px;
	font-size: 18px;
	margin-right: 5px !important;
}

.locationicon a {
	color: white !important;
}

.locationicon p {
	margin: 0px;
	display: block;
	padding-left: 8.5px;
	padding-top: 4px;
}

.locationicon:hover {
	background-color: #666666;
}


@media only screen and (max-width: 60em) {
	.locationicon p {
	  padding-left: 0px;
	}
		
	.locationicon {
	  margin-left: 6px !important;
	}
	
	#logo {
	  margin-bottom: 1em;
	}
}

/*------------------------------------------------------------------------
 * Store Page
------------------------------------------------------------------------*/
.products .product {
	text-align: center;
}

.products .woocommerce img {
	border-radius: 5px;
}

.products .product {
  background-color: rgba(48,48,48,.1);
	border-radius: 10px;
	border: 1px solid rgba(48,48,48,.1);
	padding-bottom: 1em !important;
}

.products .product .woocommerce-loop-product__title {
	color: #3e3e3e;
}

.products .product .woocommerce-loop-product__title:hover {
	color: #b9812c;
}

.products .product a.button {
	border-radius: 10px;
}

.products .woocommercecontactforprice {
  position: relative;
	bottom: .5em !important;
	color: rgba(42,42,42,.8) !important;
	display: block;
	font-size: 88%;
}

.products .woocommercecontactforprice:hover {
	color: #b9812c !important;
}

@media only screen and (max-width: 400px) {
	.products .product .woocommerce-loop-product__title {
	height: 6em;
	}

  .products .product .price {
	height: 2em;
}
	
	.products .product .woocommercecontactforprice {
		height: 0em;
		top: -2.5em
		
	}
}

.storefilter {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.storefilterdigital {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.storefilter1 {
	min-width: 250px;
}

.storefilter2 {
	min-width: 175px;
}

.storefilter3 {
	min-width: 256px;
}

.storefilter4 {
}

@media only screen and (max-width: 1050px) {
	.storefilter {
		justify-content: flex-start;
	}
	.storefilter4 {
		margin-left: 1em;
	}
}

/*For individual product pages*/
.price {
	color: #3e3e3e !important;
}

.stock {
	color: #3e3e3e !important;
}

.product_meta {
	display: none;
}

.woocommerce-breadcrumb {
	display: none;
}

.woocommerce img {
	border-radius: 5px;
}

.woocommerce-product-gallery {
	width: 40% !important;
	max-width: 500px;
}

.woocommerce-product-gallery img{
	max-width: 100%;
}

.summary {
	float: none !important;
	display: inline-block;
	margin-left: 2em;
}

@media only screen and (max-width: 1070px) {
	.woocommerce-product-gallery {
		width: 100% !important;
		max-width: 500px;
	}
	.summary {
		display: block;
		clear: both !important;
		margin-left: 0;
		
	}
	.summary button {
		margin: auto !important;
	}
}


/*------------------------------------------------------------------------
 * Contact Us Page
------------------------------------------------------------------------*/

.contactinfocontactus {
	text-align: center;
}

.contactus900n {
	display: inline-block;
	width: 49%;
	float: left;
	text-align: center;
}

.contactus900n img {
	width: 100%;
	border-radius: 10px;

}

.contactus1335 {
	display: inline-block;
	width: 49%;
	float: right;
	text-align: center;
}

.contactus1335 img {
	width: 100%;
	border-radius: 10px;
}

.formcontactus {

}

@media only screen and (max-width: 37em) {
	.contactus1335 {
		width: 100%;
	}
		
	.contactus900n {
		width: 100%;
	}
}