/*
Theme Name:   Laura Jansen
Theme URI:    http://
Description:  Description
Version:      1.0
Author:       JW
*/






/* ==============================================================================
	CSS RESET
============================================================================= */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,  dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody ,tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}









/* ==============================================================================
	GENERAL
============================================================================= */

*, *::before, *::after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

html {
	width: 100%;
	height: 100%;
}

body {
	font-size: 16px;
	font-family:'Lato', sans-serif;
	font-weight:400;
	color:#333333;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	height:100%;
	background:#ffffff;
	padding-right:6.25rem;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

a {
	display: block;
	-webkit-transition: all 0.4s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.4s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.4s cubic-bezier(0.67, 0, 0.34, 1);
	outline:none;
	text-decoration: none;
}

a:hover,
a:focus {

}







/* ==============================================================================
	WORDPRESS
============================================================================= */

p > img {
  display: inline-block;
}

img.aligncenter {
  display: block; margin: 0 auto;
}

img.alignleft {
  float: left;
  margin-right: 1em;
}

img.alignright {
  float: right;
  margin-left: 15px;
}





/* ==============================================================================
	FONTS & TEXT
============================================================================= */
@font-face {
    font-family: 'Botanica';
    src: url('media/fonts/BotanicaRegular.eot');
    src: url('media/fonts/BotanicaRegular.eot?#iefix') format('embedded-opentype'),
        url('media/fonts/BotanicaRegular.woff2') format('woff2'),
        url('media/fonts/BotanicaRegular.woff') format('woff'),
        url('media/fonts/BotanicaRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


h1,
h2,
h3,
h4,
h5,
h6 {
}

h1 {
    font-family: 'Botanica';	
    font-size: 6.25rem;
	line-height: 7rem;
	color:#F4EFE3;
	color:#F4EFE3;
	letter-spacing:1rem;
}

h1 span {
	display:block;
}

h1 span:last-child {
	margin-left:4.5rem;
}

h2 {
	font-family;'Lato', sans-serif;	
    font-size: 2.5rem;
    font-weight:700;
	line-height:3.25rem;
	color:#000000;
}

h3 {
	font-family: 'Botanica';
	font-size: 1.75rem;
	line-height: 2.5rem;
	color:#000000;
	letter-spacing:.125rem;
}

h4 {
    font-size: 1.25rem;
    line-height: 1;
    text-transform: none;
}

h5 {
	font-family;'Lato', sans-serif;	
    font-size: 1rem;
    line-height: 1.75rem;
    text-transform: none;
    font-weight:400;
    color:#000000;
}

h6 {
    font-size: .875rem;
    line-height: 1;
}


p, li {
	font-size:1rem;
	font-weight:400;
	line-height:1.75rem;
	margin:2rem 0;
	color:#999999;
}

p:last-child {
	margin:0;
}

p > a {
	display: inline;
	text-decoration: none;
	color:#222222;
}

p > a:hover {
	opacity:.5;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

.center {
	text-align:center;
}




/* ==============================================================================
	HEADER // NAV
============================================================================= */
#navigation {
	position:fixed;
	top:0;
	right:0;
	height:100%;
	width:6.25rem;
	background:#ffffff;
	z-index: 99;	
	border-left:1px solid #f7f7f7;
}

#navigation .container,
#navigation .container .row,
#navigation .navigation-inner {
	position: relative;
	height:100%;
	width:100%;
	margin:0 !important;
	z-index:9999;
}

.navigation-inner {
	display:flex;
	align-items:center;
	justify-content: space-between;
	flex-direction: column;
}

#navigation .navigation-top {
	position: relative;
}

#navigation .navigation-social .social-list {
	display:flex;
	align-items:center;
	justify-content: center;
	flex-direction: column;
}

#navigation .navigation-social .social-list a {
	font-size:1.125rem;
	color:#000000;
	opacity:.5;
	transition:all .25s ease-in-out;
	padding:1rem;
}

#navigation .navigation-social .social-list a:hover {
	opacity:1;
}

.navigation-right {
	position: relative;
	z-index:-1;
}

.menu-icon {
	padding:2rem 1rem 1rem 1rem;
	display:flex;
	align-items:center;
	justify-content: center;
	flex-direction: column;
}

.menu-icon span {
	font-size:.5rem;
	letter-spacing:.125rem;
	font-weight:600;
}

.navbar-toggle {
	display:block;
	position:relative;
	width:30px;
	height:30px;
	margin-top:1em;
	margin-right:1rem;
	outline:none;
	-webkit-appearance: none;
	border:0;
	background:transparent;
	z-index:99999;
}

.navbar-toggle:focus,
.navbar-toggle:active {
	outline:none;
	background:transparent;
}

.navbar-toggle .icon-bar {
	display:block;
	position:absolute;
	border-radius:1px;
	height:2px;
	background:#000000;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
        transform-origin: center center;
    -webkit-transition: all 0.3s 0s cubic-bezier(0.76, 0.17, 0.27, 0.88);
    -o-transition: all 0.3s 0s cubic-bezier(0.76, 0.17, 0.27, 0.88);
    transition: all 0.3s 0s cubic-bezier(0.76, 0.17, 0.27, 0.88);
    outline:none;
}

.navbar-toggle.active .icon-bar {
    -webkit-transition: all 0.3s 0.3s cubic-bezier(0.76, 0.17, 0.27, 0.88);
    -o-transition: all 0.3s 0.3s cubic-bezier(0.76, 0.17, 0.27, 0.88);
    transition: all 0.3s 0.3s cubic-bezier(0.76, 0.17, 0.27, 0.88);
}

.navbar-toggle span:nth-child(1) {
	top:0;
	width:30px;
}

.navbar-toggle span:nth-child(2) {
	top:7px;
	width:25px;
}
	
.navbar-toggle.active span:nth-of-type(1) { 
	-webkit-transform: translate(0, 10px) rotate(45deg); 
	-ms-transform: translate(0, 10px) rotate(45deg); 
	    transform: translate(0, 10px) rotate(45deg);
	-webkit-transition-delay:;
	     -o-transition-delay:;
	        transition-delay: 
}

.navbar-toggle.active span:nth-of-type(2) { 
	-webkit-transform: translate(0, 3px) rotate(-45deg); 
	-ms-transform: translate(0, 3px) rotate(-45deg); 
	    transform: translate(0, 3px) rotate(-45deg); 
	    width:30px;
}

nav {
	border-left:1px solid #f7f7f7;
	opacity:0;
	visibility:hidden;
	-webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
            transform: translate(100%, 0);
    background:#ffffff;
	width:25rem;
	height:100%;
	position:fixed;
	top:0;
	right:0;
	z-index:-1;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}
	
.nav-open nav {
	opacity:1;
	visibility:visible;
	-webkit-transform: translate(0, 0);
	    -ms-transform: translate(0, 0);
	        transform: translate(0, 0);
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}

nav ul {
	width:100%;
	max-width:80%;
	margin:0 auto;
	z-index:99999;
	background:transparent;
	max-height:100%;
}

nav ul li {
	display:block;
	margin:0;
	text-align:center; 
}

nav ul li a {
	max-width:100%;
	margin:0 auto;
	padding:.75rem 0;
	display:block;
	color:#000000;
	line-height:1.5rem;
	letter-spacing:.25rem;
	font-size:1.125rem;
	font-family:'Botanica';
}

nav ul li a:hover,
nav ul li a.active {
	letter-spacing:.375rem;
}

.navigation-scroll {
    height: 9.375rem;
    padding-top: 6.25rem;
}

.navigation-scroll a.scroll-link {
	position: relative;
	display:flex;
	align-items:center;
	justify-content: center;
	transition: all .5s ease-in-out;
}

.navigation-scroll a.scroll-link:hover {
	transform:translate(0, 1rem);
}

.navigation-scroll .scroll-link div {
	position:absolute;
	transform:rotate(270deg);
	display:flex;
	align-items:center;
	justify-content: center;
	width:8.25rem;
}

.navigation-scroll .scroll-link div span:first-child {
	width:2.125rem;
	height:1px;
	background:#979797;
	margin:.5rem;
}

.navigation-scroll .scroll-link div span:last-child {
	font-size:.5rem;
	font-weight:600;
	color:#000000;
	letter-spacing:.125rem;
}

#navigation.scroll .navigation-scroll a.scroll-link {
	opacity:0;
	visibility: hidden;
}

.overlay {
	position: fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000000;
	opacity:0;
	visibility: hidden;
	z-index:90;
	transition:all .35s ease-in-out;
}

.nav-open .overlay {
	opacity:.85;
	visibility: visible;
}



/* ==============================================================================
 	HOME
============================================================================= */
header {
	position:relative;
	height:100vh;
	border-radius:0 0 1rem 0;
	overflow: hidden;
}

header .container,
header .row {
	height:100%;
}

.title-row {
	margin-bottom:5rem;
}

header.hero-small {
	height:32rem;
}


/* MUSIC */
#music {
	padding:9.375rem 0 6.25rem 0;
}

.album {
	position: relative;
	display:flex;
	align-items:center;
	justify-content: center;
	flex-wrap:wrap;
	margin-bottom:3.125rem;
}

.album-image {
	width:100%;
	height:21.75rem;
	margin-bottom:1rem;
	box-shadow: 5px 10px 30px 0 rgba(0,0,0,0.10);
}

.album-content {
	display:flex;
	align-items:center;
	justify-content: center;
	flex-direction: column;
}

.album-content span.year {
	font-size:.625rem;
	color:#999999;
	display:block;
	margin:.25rem 0 1rem 0;
}

.album-content span.spot {
	font-size: .75rem;
	color:#555555;
}

.album:hover .album-content span.spot {
	color:#000000;
}


/* ADVOCACY */
#advocacy {
	position: relative;
	padding:9.375rem 0;
	background:#F4EFE3;
}

#advocacy .container {
	position: relative;
}

#advocacy h3 {
	margin-bottom:2rem;
}

#advocacy p {
	max-width:85%;
}

#advocacy .image-right-1 {
	position: absolute;
	right:0;
	top:30%;
	width:10.25rem;
	height:auto;
}

#advocacy .image-right-2 {
	position: absolute;
	right:6.25rem;
	bottom:-3.125rem;
	width:10.25rem;
	height:auto;	
}


/* BIO */
#bio {
	padding:9.375rem 0;	
}

#full-bio {
	max-width: 50vw;
    padding: 3.125rem;
}

/* BOOK */
#book {
	background: #5c7b82;
	padding:9.375rem 0;
}

#book h3 {
	margin-bottom:2rem;
	color:#ffffff;
}

#book h2 {
	color:#ffffff;
}

#book p {
	color:#ffffff;
	opacity:.75;
	margin:2rem 0;
	-webkit-column-count:2;
	-webkit-column-gap: 2rem;
}

#book img {
	box-shadow: 5px 10px 30px 0 rgba(0,0,0,0.21);	
}

#book a {
	background:#ffffff;
	padding:.5rem 1rem;
	border-radius:.125rem;
	display:inline-flex;
	margin-top:0;
}



/* VIDEO PHOTO */
#video {
	position: relative;
	padding:9.375rem 0 6.25rem 0;
	background:#F4EFE3;	
}

#video .container {
	position: relative;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#photo {
	background:#F4EFE3;
}

#photo h3 {
	margin-bottom:3.125rem;
}

#photo .container-full,
#photo .row,
#photo .box-md-4 {
	padding:0;
	margin:0;
}

#photo a {
	position:relative;
	padding: 37.5% 0;
}

.photoalbum .photoalbum-cover {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
}

.photoalbum .photoalbum-cover > img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center center;
	object-position: center center;
    -webkit-transition: all 0.45s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.45s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.45s cubic-bezier(0.67, 0, 0.34, 1);
}

.photoalbum:hover .photoalbum-cover > img {
	-webkit-backface-visibility: hidden; 
    -ms-transform: translateZ(0) scale(1.05);
    -webkit-transform: translateZ(0) scale(1.05);
    transform: translateZ(0) scale(1.05); 
}

.photoalbum .photoalbum-cover span.arrow-link {
	position:absolute;
	opacity:0;
	top:50%;
	left:50%;
	z-index:9;
	transform:translate(-50%, -50%);
	padding:1rem 2rem;
	background:#ffffff;
	border-radius:2rem;
    -webkit-transition: all 0.45s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.45s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.45s cubic-bezier(0.67, 0, 0.34, 1);
}

.photoalbum:hover .photoalbum-cover span {
	opacity:1;
}

.photoalbum .photoalbum-cover span.album-title {
	position:absolute;
	width:100%;
	text-align: center;
	opacity:0;
	top:45%;
	left:50%;
	z-index:9;
	transform:translate(-50%, -50%);
	padding:0;
	color:#ffffff;
	font-size:1.25rem;
	font-weight: 600;
	text-shadow:0 0 1rem rgba(0,0,0,.5);
    -webkit-transition: all 0.45s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.45s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.45s cubic-bezier(0.67, 0, 0.34, 1);
}

.photoalbum:hover .photoalbum-cover span {
	opacity:1;
}

.album-slider {
	width:100vw;
	height:100vh;
}

.album-slider .slick-track,
.album-slider .slick-list,
.album-slider .slick-slide {
	height:100%;
}

.album-slider .slick-slide {
	display:flex !important;
	align-items:center;
	justify-content: center;
	background:#000000;
}

.album-slider .slick-slide img {
	height:100vh;
	width:auto;
}

.slider-nav {
	position: absolute;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	top:50%;
	z-index: 9;
}

.slider-nav div {
	width:4rem;
	height:4rem;
	border-radius:4rem;
	background:#ffffff;
	color:#000000;
	display:flex;
	align-items:center;
	justify-content: center;
}

.slider-nav .prev {
	margin-left:2rem;
}

.slider-nav .next {
	margin-right:2rem;
}

.slick-dots {
	display: flex;
	justify-content: center;
	margin: 3.125rem 0 0 0;
	padding: 1rem 0;
	list-style-type: none;
}

.slick-dots li {
	margin: 0 1rem;
}
	
.slick-dots li button {
	display: block;
	width: .5rem;
	height: .5rem;
	padding: 0;
	border: none;
	border-radius: .5rem;
	background-color: #ffffff;
	text-indent: -9999px;
	outline:none;
	opacity:.25;
	transition:all .25s ease-in-out;
}

.slick-dots li:hover button,
.slick-dots li.slick-active button {
	opacity:1;
}

.video-slider .slick-list {
	overflow:visible !important;
}

#video {
	overflow:hidden;
}

#video .slick-dots {
	margin-top:2rem;
}

#video .slick-dots li {
	margin:0 .5rem;
}

#video .slick-dots li button {
	background:#333333;
	width:.75rem;
	height:.75rem;
	border-radius:.75rem;
}

.close {
	position: absolute;
	right:1rem;
	top:1rem;
	width:2rem;
	height:2rem;
	font-size:1.5rem;
	display:flex;
	align-items:center;
	justify-content: center;
	color:#ffffff;
	z-index: 9;
}

.single .slick-dots {
	position: absolute;
	bottom:1rem;
	width:100%;
}

.single .slick-dots li {
	margin:0 .5rem;
}

.single .slick-dots li button {
    width: .75rem;
    height: .75rem;
    border-radius: .75rem;
}

/* AGENDA */
#tourdates {
	padding:9.375rem 0 18.75rem 0;
}

.table-heading h4 {
	color:#ffffff;
	text-transform: uppercase;
}

.agenda__item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:start;
	    -ms-flex-align:start;
	        align-items:flex-start;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	padding:1rem 0;
	border-bottom:1px solid #eeeeee;
	-webkit-transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);	
}

.agenda__item span,
.agenda__item a {
	font-family: 'Lato', sans-serif;
	font-size:.75rem;
	text-transform: uppercase;
	font-weight:700;
	color:#333333;
	letter-spacing:.125rem;
	text-align: right	
}

.agenda__item a:hover {
	color:#999999;
}

.agenda__item:last-child {
	border:none;
	padding-bottom:0;
}

#contact {
	position: relative;
	padding:9.375rem 0;
	background:#F4EFE3;
}

#contact .box-md-4 {
	position: relative;
}

#contact .box-md-4 img {
	position: absolute;
	left:0;
	bottom:0;
}

#contact h3 {
	font-size:1.5rem;
	margin-bottom:3.125rem;
	color:#000000;
}

#contact p {
	color:#555555;
}


.arrow-link {
	position: relative;
	display:flex;
	align-items:center;
	color:#000000;
	font-weight:600;
	font-size:.875rem;
	margin-top:2rem;
}

.arrow-link::after {
	content:"";
	width:.5rem;
	height:1rem;
	background:url(media/images/angle-right.svg) no-repeat center center;
	margin-left:.75rem;
	-webkit-transition: all 0.25s .1s ease-in-out;
	-o-transition: all 0.42s .1s ease-in-out;
	transition: all 0.25s .1s ease-in-out;
}

.arrow-link:hover::after {
	transform:translate(.5rem, 0);
}

.blog-card {
	margin-top:3.125rem;
	margin-bottom:3.125rem;
	background:#F4EFE3;
	border-radius:.625rem;
	overflow:hidden;
}

.blog-image {
	width:100%;
	height:18rem;
	border-radius:.625rem .625rem 0 0;
}

.blog-content {
	padding:2.5rem;
}

.blog-content h2 {
	margin:0;
	font-size:1.75rem;
	line-height:2.375rem;
}

.blog-content span {
	color:#000000;
	height:2.75rem;
	line-height:2.75rem;
	border-radius:2.75rem;
	border:1px solid #000000;
	display:inline-block;
	padding:0 1.5rem;
	opacity:.5;
	-webkit-transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
}

.blog-content span i {
	font-size:.625rem;
	margin-left:.5rem;
	-webkit-transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);	
}

.blog-card:hover .blog-content span {
	opacity:1;
}

.blog-card:hover .blog-content span i {
	transform:translate(.25rem, 0);
}

.single-content {
	padding:6.25rem 0;
}

.single-content .button {
	color:#000000;
	height:2.75rem;
	line-height:2.75rem;
	border-radius:2.75rem;
	border:1px solid #000000;
	display:inline-block;
	padding:0 1.5rem;
	opacity:.5;
	-webkit-transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
	margin-top:3.125rem;	
}

.single-content .button i {
	font-size:.625rem;
	margin-right:.5rem;
	-webkit-transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);	
}

.single-content .button:hover {
	opacity:1;
}

.single-content .button:hover i {
	transform:translate(-.25rem, 0);
}


/* ==============================================================================
	MEDIA QUERIES
============================================================================= */
@media all and (max-width: 64em) {
	
}



@media all and (max-width: 48em) {

	body {
		padding-right:4rem;
	}

	#navigation {
		width:4rem;
	}
	
	header {
		height:50vh;
	}
	
	h1 {
		font-size: 4.25rem;
		line-height: 5rem;
	}
	
	.album-image {
	    height: 16.25rem;
    }
    
    #music,
    #advocacy,
    #book,
    #video,
	#contact {
	    padding:6.25rem 0;
    }
    
    #music .box-md-4:last-child {
	    margin-top:3.125rem;
    }
    
    #tourdates {
	    padding: 6.25rem 0 12.5rem 0;
	}
	
	#contact .box-md-4 img {
		bottom:6.25rem;
	}
	
	.photoalbum .photoalbum-cover span {
		opacity:1;
		padding:1rem;
		margin-top:0;
	}
	
	.slick-slide img {
		height:auto;
	}
	
	#full-bio {
		max-width: 75vw;
	    padding: 2rem;
	}
	
	.photoalbum .photoalbum-cover span.arrow-link {
		top:57%;
		opacity: 1;
		min-width: 10rem;
	}
	
	.photoalbum .photoalbum-cover span.album-title {
		top:39%;
		opacity: 1;
	}


}


@media all and (max-width: 36em) {

	nav {
		width:100%;
	}
	
	header {
	    height: 18rem;
	}
	
	h1 {
		font-size:2rem;
		line-height:2.5rem;
		text-align: right;
	}
	
	h1 span:first-child {
		margin-right:2.5rem;
	}
	
	h1 span:last-child {
		margin-left:2.5rem;
	}
	
	#music, #advocacy, #book, #video, #contact {
	    padding:3.125rem 0;
	}

	.title-row {
	    margin-bottom: 3.125rem;
	}
	
	#music .title-row {
		margin-bottom:0;
	}

	#music .box-md-4 {
	    margin-top:3.125rem;
    }
    
    #advocacy h3,
    #book h3 {
	    margin-top:3.125rem;
    }
    
    #advocacy p {
    	max-width: 100%;
	}
	
	#bio {
		padding:3.125rem 0;
	}
	
	#bio img {
		margin-bottom:2rem;
	}
	
	#book p {
		-webkit-column-count:1;
		-webkit-column-gap: 0;
	}
	
	#contact .box-md-4 img {
		position: relative;
		bottom:auto;
		margin-bottom:2rem;
	}
	
	#tourdates {
	    padding: 3.125rem 0 6.25rem 0;
	}
	
	.agenda__item {
		flex-direction: column;
		padding:1.75rem 0;
	}
	
	.agenda__datetime span {
		display:block;
		margin-bottom:.5rem;
		font-size:.625rem;
	}
	
	.agenda__tickets a {
		display:block;
		margin-top:1rem;
	}
	
	#contact h3 {
		margin-top:1rem;
		margin-bottom:1rem;
	}
	
	#contact .box-md-3 {
		margin-bottom:3.125rem;
	}
	
	.slider-nav .next {
		margin-right:1rem;
	}
	
	.slider-nav .prev {
		margin-left:1rem;
	}
	
	.slider-nav div {
	    width: 3rem;
	    height: 3rem;
    }
    
    #full-bio {
		max-width: 96vw;
	    padding: 1rem;
	}
	
	.blog-card {
		margin-bottom:0;
	}
	
	.blog-image {
		height:12rem;
	}
	
	.blog-content {
    	padding: 1.5rem;
	}
	
	.blog-content h2 {
	    font-size: 1.125rem;
	    line-height: 1.875rem;
	}
	
	.blog-content p {
		margin:1rem 0;
	}
		
	header.hero-small {
		height: 14rem;
	}
	
	.single-content h2 {
		font-size: 2rem;
		line-height: 2.75rem;
	}
		
	.single-content {
		padding:3.125rem 0;
	}
    
}