/*
Theme Name: The Chopin Project Child
Theme URI: http://underscores.me/
Author: The Chopin Project
Author URI: http://rosebrook.media
Template: chopin_project
Description: Site for The Chopin Project - Child Theme based on Underscores
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: chopin_project
*/
/*********************************************
	Default font settings and typography.
	The font-size percentage is of 16px. (0.75 * 16px = 12px)
*********************************************/
html {
	font-size: 100.01%;
}
body {
	font-size: 18px;
	line-height: 1.7;
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	background-color: #F9E7C5;
	background-image: url('imgs/background.png');
	background-position: top left;
	background-repeat: repeat-x;
}
body.home {
	background-image: url('imgs/background2.png');
}
input, select, textarea {
	font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6, p, blockquote, pre, img, q, ul, ol, dl {
	margin-top: 1em;
}
h1, h2, h3, h4, h5, h6, blockquote, pre, q {
	font-family: adobe-garamond-pro, serif;
}
h1 {
	margin-top: 0;
}
a img {
	margin: 0;
}
a {
	color: #BF170C;
    text-decoration: none;
}
a:hover {
	color: #9C1519;
}
a:visited,
a:focus {
	color: #BF170C;
}
.btn, button, input[type="button"], input[type="reset"], input[type="submit"], a.wp-block-button__link {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #F8E6C5 !important;
    background: #BF170C;
    padding: .75rem;
    font-size: 1rem;
    line-height: 1;
    border: none;
	border-bottom: 2px solid #9C1519;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
    border-radius: .25rem;
}
a.btn {
	text-decoration: none;
}
a:visited.btn,
a:focus.btn {
	color: #F8E6C5;
}
a.wp-block-button__link:hover {
    color: #F8E6C5 !important;
    text-decoration: none;
}
a.btn.btn-block,
.btn-block {
    width: 100%;
}
/*********************************************
	Navigation
*********************************************/
.main-navigation {
	background: #BF170C;
	background-size: cover;
	clear: both;
	margin-bottom: -1px;
	font-family: adobe-garamond-pro, serif;
	min-height: 107px;
}
.logo-in-nav img {
    max-height: 88px;
    padding: .5rem;
}
.chopin-in-nav {
	padding-left: 0;
	background-image: url('imgs/chopin-face@2x.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 1px;
	background-position: top left;
	/* Because it's not close to universal yet - would be perfect if so
		background-blend-mode: multiply;
    background-color: #BF170C;
    */
    height: 107px;
}
.logo-in-nav{
	background: url('imgs/logo.svg');
	background-size: 80% 80%;
	background-repeat: no-repeat;
	margin-bottom: 1px;
	background-position: center center;
	height: 107px;
}
.main-navigation li a {
    color: #F9E7C5;
}
ul#primary-menu {
    display: table;
    margin: auto;
}
.main-navigation li {
    text-align: center;
    padding: 6px;
    display: inline-block;
    line-height: 1.5;
    font-size: 18px;
    text-transform: uppercase;
}
.main-navigation li a:hover {
	text-decoration: none;
}
/*.main-navigation ul > li:hover,
.main-navigation ul > li:active{
	background: rgba(249,231,197,0.95);
    color: #BF170C;
}
.main-navigation ul li a:hover,
.main-navigation ul li a:focus,
.main-navigation ul li a:focus-within,
.main-navigation ul li a:active {
	color: #BF170C;
}*/
.main-navigation ul ul {
	background: rgba(249,231,197,0.95);
    color: #BF170C;
    margin-left: -10px;
}
.main-navigation ul ul li a {
    color: #BF170C;
    border-bottom: 1px solid #BF170C;
    text-align: left;
    padding-left: 10px;
    font-size: 14px;
    line-height: 2.5;
}
.main-navigation ul ul li {
    padding: 0;
}
/*********************************************
	Home Slider
*********************************************/
.slide-image,
.homeslide {
	position: relative;
}
.slide-text {
	position: absolute;
}
.slide-text h2 {
	font-variant: small-caps;
	margin: 0;
}
.main-text p {
    margin: 0;
}
.cta-text a.btn {
    color: #F8E6C5;
    background: #BF170C;
}
.slide-text.vbottom {
    bottom: 5%;
}
.slide-text.vtop {
    top: 5%;
}
.slide-text.vmiddle {
    top: 25%;
}
.slide-text.align-left {
    left: 10%;
}
.slide-text.align-right {
    right: 10%;
    max-width: 45%;
}
.slide-text.align-center {
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0 15%;
}
.dark-slide {
	color: #F9E7C5;
}
.main-text h3 {
    margin: .75em 0 .25em 0;
}
.slide-text h2 {
	text-transform: uppercase;
}
.dark-slide h2 {
	color: #D7C08A;
}
.slide-text a.btn,
.slide-text .wp-block-buttons {
    margin-top: 1em;
}
.slider_thumbs.carousel-indicators {
	position: relative;	
}
li.slidethumb {
    width: initial;
    height: initial;
    text-indent: initial;
    position: relative;
    opacity: 1;
    border: none;
    margin: 0;
}
.home-slides .homeslide ul {
    margin-left: 0;
}
.slider_thumbs.carousel-indicators,
.slider_thumbs.carousel-indicators [data-bs-target] {
    position: static;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    left: initial;
    width: initial;
    margin-left: initial;
    margin-right: initial;
    margin-top: 0;
    margin-bottom: 0;
    clear: both;
    cursor: pointer;
    opacity: 1;
    text-indent: unset;
    border-top: 0;
    background-color: transparent;
    background-clip: unset;
    border-bottom: none;
    transition: unset;
    flex: unset;
    box-sizing: unset;
    height: revert;
}
.slide_thumb img {
	margin: 0;
	vertical-align: top;
	border: 0;
	position: relative;
}
.slide_thumb_title {
    position: absolute;
    bottom: 0;
    width: 25%;
    text-align: center;
    color: #BF170C;
    text-transform: uppercase;
    font-weight: 600;
    z-index: 2;
}
.date-bar {
    display: block;
    width: 100%;
    height: 30px;
    background: url('imgs/bg2.jpg');
    background-size: cover;
    margin-top: -30px;
    z-index: 1;
    position: relative;
    
}
.carousel-control-next, .carousel-control-prev {
	bottom: 65% !important;
	top: 15%;
	font-size: 56px;
    color: #BF170C;
    width: 8%;
}
svg.svg-inline--fa.fa-ticket-alt {
    transform: rotate(135deg);
    padding-left: 4px;
}
/*********************************************
    New slider
*********************************************/
.sliderfont {
        font-family: adobe-garamond-pro, serif !important;
    }
/*********************************************
	Forms
*********************************************/
.gform_footer input[type=submit] {
    display: block !important;
    width: 98% !important;
}
/*********************************************
	Social & Title Bars
*********************************************/
.titlebar {
	background: #BF170C;
    display: block;
    width: 100%;
    position: relative;
    padding: 1rem;
    color: #F8E6C5;
    clear: both;
    text-align: center;
    font-size: 1.5rem;
    font-family: adobe-garamond-pro, serif;
    text-transform: uppercase;
    letter-spacing: 6px;
}
.social-bar {
    background: #BF170C;
    display: block;
    width: 100%;
    position: relative;
    padding: 1rem;
    clear: both;
}
p.site-description,
span.placeholders {
	margin-top: 0;
    margin-bottom: 0;
    text-align: left;
    line-height: 2.5;
    color: #F8E6C5;
    clear: right;
    font-size: 16px;
}
.social-links a {
    color: #F8E6C5;
}
nav#social-nav-top li,
nav#social-nav-foot li {
    display: inline;
    font-size: 28px;
    padding: 0 4px;
    line-height: 1.5;
    margin-right: 0;
}
ul#menu-social-menu {
    margin: 0;
    padding: 0;
}
.chopinprojectiOS a .fa-mobile {
    color: #F8E6C5;
    font-size: 40px;
    vertical-align: top;
    margin-right: 4px;
}
.social-container,
.social-bar {
    display: flex;
    width: 100%;
    clear: both;
    overflow: hidden;
}
.social-bar-col {
    padding-left: .8rem;
    line-height: 1;
}
.email_signup, 
.searchmodal {
    float: left;
    margin: 0 4px;
}
.social-bar .btn,
.social-footer .btn,
button.chopinDaily.btn {
    border: 2px solid #F8E6C5;
    padding: 10px;
}
.email_signup {
    color: #000000;
}
.chopinDaily {
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 8px;
    text-align: left;
    /* line-height: 2.5; */
    color: #F8E6C5;
    clear: right;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    background: #000000;
}
.spotify-oftheday iframe {
    max-height: 80px;
    max-width: 230px;
}
.dailyTrack.social-bar-col.ms-auto {
    margin-right: 12%;
}
.cookiePolicy.sc-background-light {
    display: none;
}
/*********************************************
	Footer
*********************************************/
.footer-container {
	color: #F8E6C5;
	font-weight: 300;
}
ul#menu-social-menu-1 {
    padding: 0;
    margin: 0;
}
footer.site-footer {
    background: #BF170C;
    box-shadow: 0 50vh 0 50vh #BF170C;
    padding-bottom: 4rem;
}
.footer-navlinks a {
    color: #F8E6C5;
}
.footer-interactions.row.justify-content-center {
    margin-top: 1rem;
}
.site-footer p,
.site-footer address {
	margin-bottom: 0;
	margin-top: 0;
}
.footer-row.row {
    margin-top: 1rem;
}
footer.site-footer:before {
    content: '';
    width: 100%;
    height: 12px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background-image: url('imgs/bg2.jpg');
    background-size: cover;
}
/*********************************************
	General
*********************************************/
.top-feat-img img {
    margin: 0;
    vertical-align: top;
    width: 100% !important;
}
h1.entry-title {
    margin-top: 0;
    margin-bottom: 0;
}
.wp-block-image figcaption,
figcaption {
    font-size: 70%;
}
figure.alignleft.is-resized {
    padding-right: 1rem;
}
/*********************************************
	Home Layout
*********************************************/
h3.blog-home-title,
h3.news-title {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
a h3.blog-home-title,
a h3.news-title {
    color: #000000;
    
}
.cont-btn {
    margin-top: 1em;
}
ul.wpra-item-list.rss-aggregator.wpra-item-list--bullets.wpra-item-list--default {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}
ul.wpra-item-list.rss-aggregator {
	padding-left: 0;
    margin-left: 0;
    font-size: 15px;
    font-weight: 300;
}
.wprss-feed-meta {
    display: inline-block;
}
.page-id-210 ul.wpra-item-list.rss-aggregator {
        list-style: disc;
    }
.wpra-item.feed-item a {
    color: #000000;
}
span.feed-date {
    color: #BF170C;
}
.tickets-and-info-home {
    margin-top: 1rem;
}
.ticket-btn {
    margin: 2px;
}
.container.home-row-top {
    max-width: 100%;
    margin: 0 auto;
}
.row.home-top-large-header {
    background: #BF170C;
    color: #F8E6C5;
    padding-top: .75rem;
}
.home-top-content {
	max-width: 1147px;
    margin: -60px auto 1rem auto;
}
.cr-presents-container {
    background-image: url('imgs/bg2.jpg');
    max-width: 100%;
    margin: 1rem auto;
    padding: 1rem;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.cp-presents-row {
    max-width: 960px;
    margin: 0 auto;
}
#homecontent h2 {
	margin-bottom: .5rem;
	margin-top: 0;
	text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 24px;
}
.home-top-content h2 {
    margin-top: 0;
    margin-bottom: 1rem;
    padding: 1rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 24px;
    background: #BF170C;
    color: #F8E6C5;
}
.home-recordings-row {
	position: relative;
}
.home-recording {
    width: 39.5%;
    display: inline-block;
    float: left;
    position: relative;
    transition: z-index .6s linear;
}
.home-recordings-row .wc-block-grid__product-image {
    width: 64%;
    margin: 6px 12% !important;
}
#homeRecord0 {
    z-index: 4;
}
#homeRecord1,
#homeRecord2,
#homeRecord3 {
    margin-left: -20%;
}
#homeRecord1 {
	z-index: 3;
}
#homeRecord2 {
	z-index: 2;
}
#homeRecord3 {
	z-index: 1;
}
#homeRecord1:hover,
#homeRecord2:hover,
#homeRecord3:hover {
    z-index: 5;
}
.col-sm.home-top-column,
.home-row .wp-block-column {
    min-height: 385px;
    position: relative;
    padding-bottom: 1rem;
}
.home-top-cont.cont-btn,
.home-row .wp-block-buttons.is-content-justification-center {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.works-genre-home {
    text-align: center;
}
.works-genre-home:nth-child(5) {
    opacity: .75;
}
.works-genre-home:nth-child(6) {
    opacity: .5;
}
.works-genre-home:nth-child(7) {
    opacity: .0;
}
.works-genre-home:nth-child(8),
.works-genre-home:nth-child(9) {
    opacity: 0;
}
h2.crp-title {
    margin-bottom: .5rem;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 30px;
}
.home-concert.col-sm {
    padding: 0;
}
h4.home-concert-subtitle {
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-size: 16px;
    font-weight: 300;
    /*text-transform: lowercase; */
    margin: 0 0 4px 0;
}
.home-concert-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    margin: 12px 0;
}
ul.home-blogs-list,
ul.home-news-list {
    margin-left: 0;
    border-top: 1px solid #000000;
    padding-left: 0;
    list-style: none;
}
.home-content-bottom-col {
    position: relative;
    min-height: 520px;
}
.home-recordings-row .wc-block-grid__product-image {
    margin-bottom: 0;
}
.home-recordings-row li.wc-block-grid__product {
    border-bottom: 0;
}
.wc-block-grid.wp-block-product-category.wc-block-product-category.has-2-columns.has-multiple-rows.has-aligned-buttons.home-recordings-row {
    max-width: 250px;
    margin: 0 auto;
}
.wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(1),
.wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(2) {
    border-bottom: 0;
}
.wp-block-group.works-group {
    background-image: url('imgs/worksbg.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
	margin-bottom: 20px;
}
p.has-text-align-center.works-full {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 10px;
}
/*********************************************
	Content
*********************************************/
.content-wrapper {
    padding: 2rem;
    margin: 0 auto;
    max-width: 960px;
    position: relative;
}
/*.content-wrapper:after {
	content: '';
	top: 0;
	left: 0;
	position: absolute;
	right: 0;
	bottom: 0;
	background-image: url('imgs/bg2.jpg');
	background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.75;
    z-index: -1;
}*/
.page-content, .entry-content, .entry-summary {
    margin: 0 auto;
    padding: 0 1rem;
}
div#homecontent {
    max-width: 100%;
    background: none;
    margin: 0;
    padding: 0;
    border-top: 60px solid #BF170C;
}
footer.entry-footer,
nav.navigation.post-navigation {
    max-width: 960px;
    margin: 0 auto;
    padding-bottom: 1rem;
}
.nav-links {
    padding-top: 2rem;
}
h5.postnavtitle {
    border-top: 2px solid #BF170C;
    max-width: 960px;
    margin: 1rem auto;
    text-align: center;
    padding: 1rem;
}
.archive-row.row {
    max-width: 960px;
    margin: 1rem auto;
}
main#main {
    margin: 1rem;
    padding: 1rem;
}
.home .container {
    max-width: 1140px;
}
/* Width of "wide" blocks */
    .wp-block[data-align='wide'] {
        max-width: 1080px;
    }
     
    /* Width of "full-wide" blocks */
    .wp-block[data-align='full'] {
        max-width: none;
    }
.aligncenter .jetpack-video-wrapper>iframe,
.alignfull .jetpack-video-wrapper>iframe,
.alignwide .jetpack-video-wrapper>iframe {
  margin: 0 auto !important;
}
/*********************************************
	Works Pages
*********************************************/
h3.works-widget {
    font-size: 22px;
}
.genreWorkTitle {
    text-align: center;
}
ul.opusList,
ul.PublishDateList,
ul.genreList {
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
    list-style: none;
    font-size: 16px;
}
.work-footer.row {
    margin-top: 1rem;
    border-top: 2px solid #BF170C;
}
/*.works-player iframe {
    max-width: 280px;
    max-height: 360px;
}*/
.works-sidebar iframe {
    max-height: 152px;
}
.work-meta {
    font-style: oblique;
    font-family: adobe-garamond-pro, serif;
    font-size: 20px;
    margin-bottom: .5rem;
}
h3.archive-title {
	margin-top: 0;
}
input#swpquery {
    padding-bottom: 8px;
    padding-left: 8px;
}
/*********************************************
	WooCommerce Pages
*********************************************/
.columns-3 {
    margin: 0 auto;
    max-width: 960px;
    padding: 1rem;
}
ul.page-numbers {
    list-style: none;
    padding: 6px 0 6px 10px;
    font-size: 16px;
    margin-left: 0px;
    line-height: 1.4;
    text-decoration: none;
    background-color: transparent;
    text-align: center;
}
.page-numbers li a, .page-numbers li span {
    position: relative;
    padding: 6px 10px;
    font-size: 16px;
    margin-left: 0px;
    line-height: 1.4;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #BF170C;
    text-align: center;
}
.page-numbers > li {
    display: inline-block;
}
.page-numbers.current,
.page-numbers li a:hover {
    z-index: 2;
    color: #F8E6C5;
    cursor: default;
    background-color: #BF170C;
}
.page-numbers li a:hover {
	cursor: pointer;
}
li.product {
    text-align: center;
}
h2.woocommerce-loop-product__title {
    font-size: 22px !important;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    text-decoration: none;
}
.product {
    padding: 2rem;
    margin: 0 auto;
    max-width: 960px;
    position: relative;
}
/*
.product:after {
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url(imgs/bg2.jpg);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.75;
    z-index: -1;
}
*/
li.product:after {
	content: none;
}
.product-body {
	display: table;
	clear: both;
	margin-bottom: 1rem;
}
.wc-sidebar {
    max-width: 300px;
	display: inline-block;
    float: right;
    margin-left: 3rem;
    text-align: center;
}
.track-listing ol {
    margin-left: 0;
}
.wc-summary h2,
.wc-summary h3,
.wc-summary h4 {
	display: inline-block;
	margin-top: .5rem;
}
.related.products {
    clear: both;
    margin-top: 2rem;
}
.cart > button.button {
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
input.qty {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border: 0;
	text-align: center;
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
	background-color: transparent !important;
    font-size: 125%;
    font-style: italic;
}
.woocommerce .table td, .woocommerce .table th {
    border-top: 1px solid #BF170C;
}
.woocommerce .table thead th {
	border-bottom: 1px solid #BF170C;
}
.woocommerce-input-wrapper {
    display: block;
    clear: both;
    width: 100%;
}
p#billing_company_field {
    clear: both;
}
ul.wc_payment_methods.payment_methods.methods {
    list-style: none;
    padding: 0;
    margin: 0;
}
.woocommerce-product-gallery__image {
    display: inline-block;
}
table.shop_table_responsive tr td:before {
    content: '' !important;
}
.woocommerce-product-gallery__image {
    display: inline-block;
    padding-top: 2px;
    padding-left: 1px;
    padding-right: 1px;
}
.product_cat-recordings.product-type-external .price,
.product_cat-sheet-music.product-type-external .price {
    display: none;
}
.product_cat-recordings.product-type-external .single_add_to_cart_button::before,
.product_cat-recordings.product-type-external .button::before {
    font-family: "Font Awesome 5 Duotone"; 
    font-weight: 900; 
    content: "\f144";
    padding-right: 4px;
    display: none;
}
.product_cat-recordings.product-type-external svg.svg-inline--fa:first-child,
.product_cat-sheet-music.product-type-external svg.svg-inline--fa:first-child {
    padding-right: 4px;
}
.product_cat-recordings.product-type-external svg.svg-inline--fa:nth-child(2),
.product_cat-sheet-music.product-type-external svg.svg-inline--fa:nth-child(2){
    display: none;
}
.product_cat-sheet-music .single_add_to_cart_button::before,
.product_cat-sheet-music .button::before {
    font-family: "Font Awesome 5 Duotone"; 
    font-weight: 900; 
    content: "\f8b6";
    padding-right: 4px;
    display: none;
}
/*********************************************
	Concert Page Styles
*********************************************/
.concert-header,
.shop-header {  
	display: block;
	text-align: center;
	padding: 1rem;  
	background-image: url('imgs/bg2.jpg');
	background-size: cover;
} 
h1.concert-title,
.shop-header h1.entry-title {
	margin-bottom: 0rem;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 24px;
}
h2.concert-subtitle {
	margin: 0;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 20px;
}
.concert > .content-wrapper:after {
	display: none;
}
.concert .content-wrapper {
	padding: 0;
}
.concert-date-list {
	font-weight: 600;
	font-size: 16px;
}
.venue-line,
.concertaddress {
	font-size: 12px;
}
.ticket-col a.btn.ticket-btn {
    font-size: 14px;
    padding: 10px;
}
h3.artistname {
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    font-size: 20px;
    padding-top: 6px;
    color: #BF170C;
}
.concertsub {
    font-size: 16px;
    font-style: italic;
    /* text-transform: lowercase;*/
    margin-bottom: 1.5rem;
}
.concertaddress address {
    margin-bottom: 0;
}
.concert-info h2 {
	margin-top: 0;
}
.concert-page_col.col {
    padding-bottom: 2rem;
}
.concert-page_col.col-sm-4 {
    padding-bottom: 2rem;
}
ul.venue-details {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    display: inline-block;
}
/*********************************************
	QuotePage Styles
*********************************************/
.chopin-quotes .nav-pills .nav-link.active, 
.chopin-quotes .nav-pills .show>.nav-link,
.chopin-quotes .nav-pills .nav-link {
    background: #BF170C;
    color: #F9E7C5;
}

ul#myClassicTab,
ul#secondClassicTab {
    margin-left: 0;
    margin-top: 0;
}
ul#secondClassicTab {
	margin-top: 1rem;
}
.chopin-quotes li.nav-item {
    margin: 0 .25rem !important;
}
.classic-tabs li a {
    color: #F9E7C5;
}
/*********************************************
	Various Tweaks Styles
*********************************************/
.fa-ul {
	margin-left: 1.5em !important;
	display: inline-block;
}
.chopin-currents-page li {
    font-size: 18px;
    font-weight: 400;
}
.404text {
	font-family: 'adobe-garamond-pro' serif;
	font-size: 80px;
	font-weight: 600;
	text-shadow: -7px 1px #BF170C;
	letter-spacing: 25px;
}
.posts-navigation {
    max-width: 960px;
    margin: 2.5rem auto 1rem auto !important;
    padding: 1rem;
}
.nav-links a {
    padding: 10px;
    border: 2px solid #BF170C !important;
    border-radius: 0.25rem;
}
.complete_works li {
    animation-name: animateIn;
    animation-duration: 250ms;
    animation-delay: calc(var(--animation-order) * 50ms);
    animation-timing-function: ease-in-out;
}
@keyframes animateIn {
  0% {
    opacity: 0;
    transform: scale(0.6) translateY(-8px);
  }
  
  100% {
    opacity: 1;
  }
}
/*********************************************
	Tablet/Mobile Styles
*********************************************/
svg:not(:root).svg-inline--fa:nth-child(2) {
    display: none;
}
#site-navigation .nav-menu svg.svg-inline--fa {
    margin-left: 6px !important;
}
.main-navigation li a:hover {
    text-decoration: none;
}
.main-navigation ul li:hover > ul{
	display:block!important;
}
@media only screen and (min-width: 1400px) {
    .slider_thumbs.carousel-indicators, .slider_thumbs.carousel-indicators [data-bs-target] {
        max-height: 450px;
    }
    .slide-text.align-right {
        right: 30%;
        max-width: 80%;
    }
}
@media only screen and (min-width: 1780px) {
    .chopin-in-nav {
        background-size: contain;
        background-position: top right;
    }
}
@media only screen and (max-width: 960px) {
	.main-navigation li {
		font-size: 16px;
	}

}
@media only screen and (max-width: 880px) {
	.main-navigation li {
		font-size: 15px;
	}
	.title-col {
		display: none;
	}
}
@media only screen and (max-width: 830px) {
	button#main-menu-toggle {
	    border: none;
	    text-align: center;
	    width: 100%;
	    font-size: 18px;
	    text-transform: uppercase;
	    line-height: 2.5;
	    margin-top: 1rem;
	}
	ul#primary-menu {
		display: none;
	}
	.menu-toggle, 
	.toggled ul#primary-menu {
		display: block;
	}
	.menu-main-menu-container {
		padding-top: 0;
	}
	.main-navigation li {
		font-size: 18px;
	}
	.toggled li {
		display: block;
		width: 100%;
	}
	.main-navigation.toggled ul ul,
	.main-navigation.toggled ul ul ul,
	ul.sub-menu.dropdown-menu {
	    position: relative;
	    left: 0;
	    width: 100%;
	    padding: 0;
	    box-shadow: none;
	    border: none;
	    border-radius: 0;
	    margin-left: 0;
	}
	.main-navigation .dropdown-menu li a {
	    width: 100%;
	    display: block;
	    text-align: center;
	}
	.main-navigation.toggled ul ul li:hover > ul, 
	.main-navigation.toggled ul ul li.focus > ul {
		left: 0;
	}
	.main-navigation.toggled ul li.menu-item-has-children > a:after,
	.main-navigation.toggled ul ul li.menu-item-has-children > a:after {
	    content: '\f329';
	    font-family: 'Font Awesome 5 Pro';
	    padding-left: 1em;
	    font-size: 13px;
        display: none;
	}
	ul.sub-menu.dropdown-menu {
	    min-width: 225px;
	}
	li.focus.open .sub-menu.dropdown-menu
	{
		display:block !important;
	}
	.home-content-bottom-col .home-top-cont.cont-btn {
    position: relative !important;
    width: 100%;
    margin-top: 30px;
}
	.main-navigation.toggled ul ul{
		display:none;
	}
	.main-navigation.toggled ul li.focus ul{
		display:block;
	}	
}
@media only screen and (max-width: 720px) {
	.slide-text h2 {
		font-size: 20px
	}
	.cta-text a.btn {
	    font-size: 14px;
		padding: .5rem;
	}
	.slide_thumb_title {
	    font-size: 12px;
	    bottom: 4px;
	}
}
@media only screen and (max-width: 670px) and (min-width: 576px) {
	nav#social-nav-top li, 
	nav#social-nav-foot li {
		font-size: 23px;
	}
}
@media only screen and (max-width: 576px) {
    .slide-text.align-right {
        max-width: 65%;
    }
	span.modal-widget-text {
	    display: none;
	}
	.interactions.social-bar-col {
		display: none;
	}
	nav#social-nav-top li, 
	nav#social-nav-foot li {
		font-size: 26px;
	}
	.slide-text h2 {
	   font-size: 16px;
	}
	.main-text p {
		font-size: 14px;
	}	
	.cta-text a.btn {
	    font-size: 12px;
	    padding: .25rem;
	}
	.row.home-top-large-header {
		display: none;
	}
	.slide-text.vmiddle {
	    top: 2%;
	}
	.main-text h3 {
	    font-size: 1rem;
	    margin-bottom: 0;
	}
	.slide-text a.btn {
	    margin-top: 0;
	    font-size: 14px;
	    padding: 10px;
	}
	.carousel-control-next, .carousel-control-prev {
		font-size: 34px;
	}
	.slide_thumb_title {
		display: none;
	}
	.date-bar {
		display: none;
	}
	.col-sm.home-top-column {
		min-height: 245px;
		margin-bottom: 1rem;
	}
	.sheet-music-row.row {
	    min-height: 245px;
	}
	.cp-presents-row .col-sm {
	    margin-top: 1rem;
	}
	.home-content-bottom-col.col-sm {
	    position: relative;
	    min-height: 500px;
	    margin-bottom: 1rem;
	}
    #homecontent h2 {
        font-size: 18px;
    }
    .wc-block-grid.wp-block-product-category.wc-block-product-category.has-2-columns.has-multiple-rows.has-aligned-buttons.home-recordings-row {
        max-width: 320px;
        margin: 0 auto;
    }
    .social-links.social-bar-col.justify-content-sm-center {
        width: 100%;
        text-align: center;
    }
    .chopinDaily {
        width: 100%;
    }
    .home-top-cont.cont-btn, .home-row .wp-block-buttons.is-content-justification-center {
        position: relative;
    }
}

@media only screen and (max-width: 480px)
{
	#post-308 .content-wrapper
	{
		max-width:100%;
		padding:0;
	}
}
/* Form Styling CSS */

.modal-body .frm_forms .frm_primary_label {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}
.frm_forms .frm_description {
    font-size: 15px !important;
    padding-top: 5px !important;
    color: #000 !important;
}
.modal-body .frm_forms .frm_button_submit, .contact-form .frm_forms .frm_button_submit {
    width: 100% !important;
    font-size: 18px !important;
    font-weight: 500 !important;
}
.modal-body .frm_forms input, .contact-form .with_frm_style input[type=text], .contact-form .with_frm_style input[type=email],
 .contact-form .frm_forms.frm_full textarea 
{
	min-height:38px;
	box-shadow: none;
}
.contact-form h3 {
    font-size: 1.25em;
    font-weight: 700;
    letter-spacing: normal!important;
    margin: 10px 0 6px;
    padding-bottom: 30px;
}
.contact-form .frm_forms .frm_primary_label
{
	font-size: 20px;
	font-weight:700;
	color:#000;
}
.frm_checkbox label
{
	font-size:.875em !important;
	color:#000 !important;
}
.frm_forms input:focus, .with_frm_style input[type=text]:focus, .with_frm_style input[type=email]:focus,
.frm_forms textarea:focus
{
	outline:2px solid;
	border-color: transparent !important;
    color: var(--text-color) !important;
    box-shadow: none !important;
}
.contact-form .frm_checkbox input[type=checkbox] {
    min-width: 14px !important;
    height: 14px !important;
    border-radius: 2px !important;
    width: 14px !important;
}
.contact-form .frm_checkbox input[type=checkbox]:before
{
	height:8px;
	width:8px;
}
.contact-form .frm_checkbox input[type=checkbox]:focus
{
	outline:none;
}
.home-content-bottom-col .home-top-cont.cont-btn
 {
    position: absolute;
    width: 100%;
    top: 98%;
	 margin-top:0;
}