/*
 Theme Name:   
 Theme URI:    http://www.sourcemusicservices.com
 Description:  A Primer child theme 
 Author:       Source Music Services
 Author URI:   mailto:info@sourcemusicservices.com
 Template:     primer
 Version:      1.0.0
*/
 
@import url("../primer/style.css");

/* Layout */

.site-header, .main-navigation-container, .main-navigation.open, .main-navigation ul ul, .main-navigation .sub-menu, .site-footer, .site-info-wrapper, .hentry, .comments-area, .widget, #page > .page-title-container {background-color:transparent!important} 

body { color:transparent!important; background: linear-gradient(337deg, rgba(66,63,63,1) 0%, rgba(109,104,104,1) 100%);}

/** .site-header-wrapper, .page-title-container .page-header, .site-content, .footer-widget-area {max-width:1500px} **/

#page {min-height:100vh}
.site-title-wrapper {padding: 1rem 0; width:65%}
.hero {width: 36%; margin-right: 0; padding: 0; top: 10px; right: 10px; position: absolute; z-index: 1000;}
.hero blockquote {border-left:0}

.page-title-container .page-header h1, .page-title-container .page-header .page-title {padding-left: 0}

.hentry {padding:0!important}
.home .page-title-container {height:0; overflow:hidden; visibility: hidden;}
.home .home-image {width: 100%; margin: 0 auto;}
.home .recording {width:100%; min-height:0}
.home .recording h2 {margin-top:0em!important}
.home .wp-block-navigation-item__label {color:#95BAFF; font-weight:bold}
.home .wp-block-navigation-item__label:hover {color:#fff}
/** .home #page {background-color:black} **/

.site-content, .page-content {margin-top:0}



.category-recordings.layout-two-column-default .content-area {width:94%}
.recording {width:31%; padding:2%; display:inline-block; float:left;min-height: 40em;}
.recording img, .work_image, .submenu.recordings img {width:90%; height:auto; border:thin solid #fff}
.recording h2 {}
.recording p {margin-bottom: 1em}
.category-recordings.single .page-header {display: none}
.submenu.recordings {position: relative; float: right; right: -5%; width: 30%; margin-left: 0; left: auto;}

@media only screen and (max-width: 61.062em) {
    .submenu.recordings {float: none; width: 100%; margin-left: 0; }
    .submenu.recordings a {width:30%; float:left;margin-right:1%; height:260px}
}

.worklink::after {content:','}
.worklink:last-of-type::after {content:'.'}


@media only screen and (min-width: 61.063em) {
	.home .featured {float:left}
	.home .featured h3 {font-size: 1em}
	.home .news {width:24%}
	
	.home .works, .home .recordings, .home .other {width:23%; padding-left:2%; margin-left:2%; border-left:solid rgba(255,255,255,0.50) 1px}
	.home .featured .featured div {padding-bottom:2em;}
	.home .works img {width:100%}
	.home .recordings .recording {width:100%; min-height:0;}
	.home .featured.container {width: 100%; margin: auto; float: none;}
	.home .featured.other iframe {padding-bottom:100%; margin-bottom:-100%}
	.layout-two-column-default.single-format-standard .content-area {width: 63.88889% !important;
float: left;}
}


@media only screen and (max-width: 61.063em) {
	.menu-toggle {position:relative; float:right}
	#page > .page-title-container {float:left!important; white-space:nowrap!important;}
	#secondary {text-align: center;}
	#secondary li {display:inline; padding: 0.25rem 1rem;}
	.recording {width:48%;}
	.caption {opacity:0.7!important; color:#fff; background-color:#fff}
}

@media only screen and (min-width: 61.063em) {
    .layout-two-column-default .content-area {width:69.8889%}
    .layout-two-column-default #secondary {width:20.8889%}
}

/* Fonts */

h1 {font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0.1em;}

#main, h1, h2, h3, h4, p, ul, .wp-block-image figcaption {color:#fff}

.wp-block-image figcaption {text-align: left}

h2 {font-size: 1.5em; font-weight:500!important; letter-spacing: 1px}

.page-content a, .page-content a:visited, .page-content  .entry-title a:hover, .page-content  .entry-title a:visited:hover {color:#95BAFF!important}

a, a:visited, a.wp-element-button, a.wp-element-button:visited {color:#fff!important}

button, a.button, a.button:visited, input[type="button"], input[type="reset"], input[type="submit"], .site-info-wrapper .social-menu a:hover {background-color: #819FD9!important; color:#fff!important}

.site-title {font-family: 'Cairo', sans-serif!important;font-size:4.2em; letter-spacing: 0.1em; font-weight: 400}
.page-title, h1, h2 {font-family: 'Cairo', sans-serif!important; color:#fff; font-weight:400!important}
.main-navigation {text-align:center}
.main-navigation ul {display: inline-block}
.site-description {display:none}
.hero p {font-family: 'Roboto Condensed', sans-serif; text-align: right}
.main-navigation, .main-navigation ul li a, .main-navigation ul li a:visited {font-family: 'Cairo', sans-serif!important; font-weight: 200; font-size: 1.1em; letter-spacing: 0.11em;}
.main-navigation ul li a {padding: 1.2rem 1.25rem;}
@media only screen and (max-width: 81.063em) {.main-navigation ul li a {padding: 1.2rem 1rem;}}
@media only screen and (max-width: 73.063em) {.main-navigation ul li a {padding: 1.2rem 0.5rem;}}
@media only screen and (max-width: 68.063em) {.main-navigation ul li a {padding: 1.2rem 0.25rem;}}
.main-navigation .menu-main-menu-container {float:none; margin-left:0}
#secondary ul li a, a.wp-block-navigation-item__content {font-family: 'Cairo', sans-serif!important; font-size: 1.38em; letter-spacing: 0.11em; white-space: nowrap;}
a.wp-block-navigation-item__content {font-size:1.25em}
.wp-block-navigation__container {}
a:hover {color:#fff!important}
.composition-list {margin-bottom:2em}
.composition-list .title {font-family: 'Roboto Condensed', sans-serif; font-size:1.75em; text-transform: capitalize;}
.submenu {font-size: 1.5em}
ul {margin:0}
li {list-style: none}

blockquote {font-size: 100%;}
blockquote strong {font-size:120%; quotes: "“" "”" "‘" "’"}
.wp-block-cover:not blockquote strong::before {content: open-quote; font-size:150%}
blockquote strong::after {content: close-quote;  font-size:150%; vertical-align: text-top}

button, a.button, a.button:visited, input[type="button"], input[type="reset"], input[type="submit"] {padding: 0.25em 0.75em;}

.sub-menu li {background-color:rgba(0,0,0,0.70); font-size: 80%;}
.sub-menu li a {line-height: 120%; padding: 0.75rem;}

#menu-main-menu a {font-weight:400;}
#menu-works-menu li a {color:#fff!important}
#menu-works-menu li a:hover, #menu-main-menu li a:hover, a.wp-block-navigation-item__content:hover {color:#95BAFF!important}

.div.wpcf7-response-output {color:#fff}

hr.wp-block-separator {background-color: rgba(255, 255, 255, 0.2); border-top:0px; border-bottom:0px}

/* Tables */

table {table-layout: fixed}
tbody {width:100%}
td img {width:90%}

/* Events */

.news-item {padding-bottom:1.5em}
.news-item p {margin-block-start:0;}
.news-title {font-weight:600}
.location-region, .location-country {display:inline-block;}

/* Timeline */
.timeline-container {overflow:scroll}
.timeline {table-layout: auto}
.timeline td {display:table-cell; min-width:300px; vertical-align: top}
.timeline hr {margin-top: 1.5em;}
.hentry table tr:hover td {background-color:transparent!important}
.hentry table.timeline td:hover {background-color:rgba(255,255,255,0.1)!important}
/* .hentry table.timeline th:nth-last-of-type(odd), .hentry table.timeline td:nth-last-of-type(odd) {background-color:rgba(255,255,255,0.1)!important} */
.hentry table.timeline th, .hentry table.timeline td {border-top:none}
/* Misc */

#envirabox-title {visibility: hidden!important}
.caption {visibility:hidden!important}
#envira-gallery-wrap-668 .caption {visibility:visible!important; opacity: 1!important}
.caption a{visibility:visible!important; color:#fff!important; font-weight:500!important; background-color:rgba(0,0,0,0.50); padding: 1px; }
.single-post.category-works .page-title-container {display:none}
.collapseomatic {background-image:none; padding: 0.25em 0.75em;}
.collapseomatic:hover {text-decoration: none}
.quotescollection-quote p {margin-bottom:0.5em}
figure {margin:1em 0}
iframe {border:none}
.wp-block-button__link {color:#fff!important; background-color:#819FD9; padding:0px 15px}
.wp-block-column h2 {margin-top:3em!important}
.wp-block-column h2:nth-child(1) {margin-top:0.2em!important}

/** misc **/

.quotescollection-quote-wrapper p
{margin-bottom:0}
cite {font-style:normal; font-size:85%}

.aligncenter div {text-align:center}

h3 {font-size:1rem}

article .wp-block-cover:not blockquote {
	background-color: #504D4D;
padding: 1em;
	margin:0 5%;
}

article blockquote p {
  quotes: "“" "”" "‘" "’";
	font-weight:600;
}
article blockquote p::before {
  content: open-quote;
	font-size: 150%;
	line-height: 80%;
	vertical-align: bottom;
}
article blockquote p::after {
  content: close-quote;
	font-size: 150%;
	line-height: 80%;
	vertical-align: bottom;

}

.wp-block-media-text .wp-block-media-text__content {align-self:start}

.widespaced li {padding-right:20px!important}

iframe {display:block; clear:both}