/* Simon Roberts Music - custom styles (loaded after theme, demo and skin CSS) */

/* Header logo */
#header .header-logo img {
	width: auto;
	height: 56px;
	max-width: 100%;
}
@media (max-width: 575px) {
	#header .header-logo img {
		height: 44px;
	}
}
#offCanvasLogo img {
	width: auto;
	height: 56px;
}

/* Hero: portrait inside the mask shape */
.srm-hero-portrait img {
	width: 100%;
	max-width: 620px;
}

/* Hero: large mark text sizes (reused from the demo custom element) */
.custom-el-1 p {
	letter-spacing: -3px;
}

/* Feature box icons rendered with Font Awesome instead of SVG files */
.srm-feature-icon {
	position: relative;
	top: 6px;
	font-size: 2.6rem;
	line-height: 1;
	color: var(--dark);
}

/* Video cards */
.srm-video-card {
	background: var(--light);
}
.srm-video-card .ratio {
	background: var(--dark);
}
.srm-video-card iframe {
	border: 0;
}

/* Stacked logo in the About section, with the decorative blob kept behind it */
.srm-about-logo {
	max-width: 340px;
	width: 100%;
}
#about .srm-about-blob {
	max-width: 460px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/* Dark slide logo (owl carousel forces slide images to 100% width, so override it) */
.srm-slide-logo,
.owl-carousel .owl-item img.srm-slide-logo {
	display: inline-block;
	width: auto;
	max-width: 100%;
	height: 220px;
}
@media (max-width: 991px) {
	.srm-slide-logo,
	.owl-carousel .owl-item img.srm-slide-logo {
		height: 150px;
	}
}

/* Contact page portrait */
.srm-contact-portrait {
	width: 100%;
	max-width: 420px;
}

/* Footer logo */
#footer .srm-footer-logo {
	width: 100%;
	max-width: 240px;
	height: auto;
}

/* Privacy page lists */
.srm-policy ul {
	padding-left: 1.2rem;
	margin-bottom: 1rem;
}
.srm-policy ul li {
	margin-bottom: 0.4rem;
	line-height: 1.7;
}