/* ==========================================================================
   Fonts
   ========================================================================== */
@font-face {
    font-family: 'callunaregular';
    src: url('../fonts/calluna-regular-webfont.eot');
    src: url('../fonts/calluna-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/calluna-regular-webfont.woff2') format('woff2'),
         url('../fonts/calluna-regular-webfont.woff') format('woff'),
         url('../fonts/calluna-regular-webfont.ttf') format('truetype'),
         url('../fonts/calluna-regular-webfont.svg#callunaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'crimson_textregular';
    src: url('../fonts/crimsontext-regular-webfont.eot');
    src: url('../fonts/crimsontext-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/crimsontext-regular-webfont.woff2') format('woff2'),
         url('../fonts/crimsontext-regular-webfont.woff') format('woff'),
         url('../fonts/crimsontext-regular-webfont.ttf') format('truetype'),
         url('../fonts/crimsontext-regular-webfont.svg#crimson_textregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ParaTypeFuturaPTMedium';
    src: url('../fonts/ParaTypeFuturaPTMedium.eot');
    src: url('../fonts/ParaTypeFuturaPTMedium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ParaTypeFuturaPTMedium.woff2') format('woff2'),
         url('../fonts/ParaTypeFuturaPTMedium.woff') format('woff'),
         url('../fonts/ParaTypeFuturaPTMedium.ttf') format('truetype'),
         url('../fonts/ParaTypeFuturaPTMedium.svg#ParaTypeFuturaPTMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}








/* ==========================================================================
   Global Styles
   ========================================================================== */

* {
	margin: 0; 
	padding: 0;
	box-sizing: border-box;
}

html, body {
	width: 100%;
	height: 100%;
    text-decoration: none;
    -webkit-font-smoothing:antialiased; 
    -moz-osx-font-smoothing: grayscale;
    margin: 0; 
    padding: 0;
    background-color: #1a1917;
}

::selection {
    background: rgba(23, 85, 240, 1.0);
}

/* clearfix */
.clear {
	clear: both;
}

.jld-site-container {
	width: 1416px;
	height: 100%;/* sets height to 100% of viewport must have on parent or body */
    margin: 0 auto;
    padding: 0;
}

a {
    color: #5e5e5c;
    text-decoration: none;
}

a:visited {
    color: #5e5e5c;
}

a:hover {
    color: #5e5e5c;
    padding-bottom: 2px;
    border-bottom: 1px solid #5e5e5c;
}

ul {
    list-style: none;
}

li a {
    color: #5e5e5c;
    text-decoration: none;
}

li a:visited {
    color: #5e5e5c;
}

li a:hover {
    color: #5e5e5c;
    border-bottom: 1px solid #5e5e5c;
}

p {
    font-family: 'crimson_textregular',serif;
    font-style: normal;
    font-weight: normal; 
    font-size: 24px;
    line-height: 33px;
    letter-spacing: .025em;
    text-align: left;
    color: #5e5e5c;
    text-decoration: none;
    -webkit-font-smoothing:antialiased; 
    -moz-osx-font-smoothing: grayscale;
    margin: 0; 
    padding: 0;
}

h1 {
    font-family: 'callunaregular',serif;
    font-style: normal;
    font-weight: normal; 
    font-size: 32px;
    line-height: 46px;
    letter-spacing: .015em;
    text-align-last: center;
    color: #5e5e5c;
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

h2 {
    font-family: 'callunaregular',serif;
    font-style: normal;
    font-weight: normal; 
    font-size: 66px;
    line-height: 74px;
    text-align: center;
    color: #5e5e5c;
}

h3 {
    font-family: 'callunaregular',serif;
    font-style: normal;
    font-weight: normal; 
    font-size: 66px;
    line-height: 74px;
    text-align: center;
    color: #5e5e5c;
}








/* ==========================================================================
   Header
   ========================================================================== */

.jld-header {
    max-width: 1416px;
    width: 100%;
    height: 73px;
    margin: 112px 0 311px 0;
    padding: 0;
    float: left;
}

.jld-menu-container {
    float: left;
}

.jld-menu-contact {
    float: right;
    padding-top: 20px;
}

.jld-logo-header {
    height: 84px;
    width: 153px; /* This size is good leave as px instead of % */
}

a.jld-contact-top {
    text-align: right;
    padding-top: 21px;
}

a:visited.jld-contact-top {
    color: #5e5e5c;
}

a:hover.jld-contact-top {
    color: #5e5e5c;
    padding-bottom: 2px;
    border-bottom: 1px solid #5e5e5c;
}

.jld-contact-top-mobile {
    height: 24px;
    text-align: right;
    font-family: 'callunaregular',serif;
    font-style: normal;
    font-weight: normal; 
    font-size: 22px;
    line-height: 32px;
    letter-spacing: .0375em;
}









/*==========================================================================
   Content Section
   ========================================================================== */

.jld-content-container {
    width: 100%;
    float: left;
}

#jld-large-portrait, #jld-large-portrait-tablet-device, #jld-large-portrait-mobile-device, #jld-large-portrait-mobile-device-crop {
    max-width: 1040px;
    margin: 0 auto 500px auto;
}

img.jld-cross-portrait-img, img.jld-cross-portrait-img-tablet-device, img.jld-cross-portrait-img-mobile-device, img.jld-cross-portrait-img-mobile-device-crop {
    width: 100%;
    text-align:center;
    display:block;
}

#jld-content-headers-container{
    width: 100%;
    max-width: 1416px;
    height: 100%;
    float: left;
    display: flex;
    flex-direction: row;  
}

.jld-content-headers {
    width: 48.305084745762712%;
    max-width: 684px;
    margin: 0px 12px;
}

.bio-header-flex-spacer-col{
    width: 23.305084745762712%;
    max-width: 330px;
    margin: 0px 12px; 
}

#jld-content-3-column-container {
    width: 100%;
    max-width: 1416px;
    height: 100%;
    float: left;
    display: flex;
    flex-direction: row;
}

.jld-bottom-align-flex {
    align-self: flex-end;
    width: 23.305084745762712%;
    max-width: 330px;
    margin: 0px 12px;
}

.jld-top-align-flex {
    align-self: flex-start;
    width: 23.305084745762712%;
    max-width: 330px;
    margin: 0px 12px;
}

.jld-biography-body {
    width: 48.305084745762712%;
    max-width: 684px;
    margin: 0px 12px; 
}

p.jld-section-heading, p.jld-section-heading-contact-instagram {
    font-family: 'ParaTypeFuturaPTMedium',sans-serif;
    font-style: normal;
    font-weight: normal; 
    font-size: 20px;
    line-height: 32px;
    letter-spacing: .095em;
    text-transform: uppercase;
    color: #5e5e5c;
    text-decoration: none;
    -webkit-font-smoothing:antialiased; 
    -moz-osx-font-smoothing: grayscale;
}

p.jld-section-heading {
    text-align: center;
    margin-bottom: 96px;
}

p.jld-section-heading-contact-instagram {
    text-align: left;
    margin-bottom: 32px;
}

p.left-top-align-indent-body, p.left-top-align-body {
    font-family: 'crimson_textregular',serif;
    font-style: normal;
    font-weight: normal; 
    font-size: 24px;
    line-height: 33px;
    letter-spacing: .025em;
    text-align: justify;
    color: #5e5e5c;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

p.left-top-align-indent-body {
    text-indent: 36px;
}

p.jld-section-contact-instagram {
    font-family: 'crimson_textregular',serif;
    font-style: normal;
    font-weight: normal; 
    font-size: 24px;
    line-height: 33px;
    letter-spacing: .025em;
    text-align: justify;
    color: #5e5e5c;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

h1.header-1-body-top, h1.header-1-body-bottom, p.jld-contact-large-email-phone {
    font-family: 'callunaregular',serif;
    font-style: normal;
    font-weight: normal; 
    font-size: 32px;
    line-height: 47px;
    letter-spacing: .015em;
    color: #5e5e5c;
}

h1.header-1-body-top {
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin: 96px 0px 56px 0px;  
}

h1.header-1-body-bottom {
    text-align: justify;
    text-align-last: center;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    overflow-wrap: break-word; 
    margin-bottom: 96px;
}

h2.jld-biography-testimonial {
    font-family: 'callunaregular',serif;
    font-style: normal;
    font-weight: normal; 
    font-size: 32px;
    line-height: 47px;
    letter-spacing: .015em;
    text-align-last: left;
    color: #5e5e5c;
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin: 80px 0px 18px 0px;
}

p.jld-biography-testimonial-caption {
    font-family: 'crimson_textregular',serif;
    font-style: normal;
    font-weight: normal; 
    font-size: 21px;
    line-height: 32px;
    letter-spacing: .045em;
    text-align: left;
    color: #5e5e5c;
    text-decoration: none;
    -webkit-font-smoothing:antialiased; 
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 72px;
}

.jld-large-action-image-primary {
    max-width: 1416px;
    float: left;
}

img.jld-action-image-primary {
    width: 1416px;
    max-width: 100%;
    text-align:center;
    display:block;
    margin: 300px auto;
}

.jld-large-action-image-crop {
    max-width: 1416px;
    width: 100%;
    overflow: hidden;
    display: none;
    justify-content: center;
    float: left;
    margin: 300px auto;
}

a.jld-ludwig-link {
    font-family: 'callunaregular',serif;
    font-style: normal;
    font-weight: normal; 
    font-size: 32px;
    line-height: 46px;
    letter-spacing: .015em;
    text-align-last: center;
    color: #5e5e5c;
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;

}

a:visited.jld-ludwig-link {
    color: #5e5e5c;
}

a:hover.jld-ludwig-link {
    color: #5e5e5c;
    border-bottom: 1px solid #5e5e5c;
}











/* ==========================================================================
   Audio Section
   ========================================================================== */

.jld-audio-container {
    width: 100%;
    float: left;
}

/*
  Other styles for audio can be found in app.css
*/








/* ==========================================================================
   Contact Section
   ========================================================================== */

.jld-contact-container {
    width: 100%;
    max-width: 1416px;
    float: left;
    margin: 380px 0 0 0;
}

.jld-contact-information, .jld-contact-form-container {
    width: 100%;
    max-width: 1416px;
    margin: 0;
    padding: 0 25.847457627118644%;
    float: left;
}

.jld-contact-underform {
    width: 100%;
    max-width: 1416px;
    padding: 0 25.847457627118644%;
    float: left; 
}

.jld-contact-additional {
    width: 69.005847953216374%;
    max-width: 472px;
    margin-right: 13.742690058479532%;
    float: left; 
}

.jld-socials-contact-container {
    width: 17.251461988304094%;
    max-width: 118px;
    float: left; 
}

p.jld-contact-large-email-phone {
    text-align: center;
    margin: 0 0 120px 0;
}








/* ==========================================================================
   Contact Form
   ========================================================================== */

form {
    padding: 0;
    margin: 0 0 20px 0;
}

table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
}

tr, td, input, textarea {
    margin: 0;
    padding: 0;
}

tr td:first-child {
    margin: 0;
    padding: 0;
}

.error[generated=true] {
    font-family: 'crimson_textregular',serif;
    font-style: normal;
    font-weight: normal; 
    font-size: 24px;
    line-height: 33px;
    letter-spacing: .025em;
    text-align: left;
    color: rgba(23, 85, 240, 1.0);
    text-decoration: none;
    -webkit-font-smoothing:antialiased; 
    -moz-osx-font-smoothing: grayscale;
}

tr.error td {
    vertical-align: top;
    display: block;
    text-align: left;
    margin-bottom: 24px;
}

input {
    font-family: 'crimson_textregular',serif;
    font-style: normal;
    font-weight: normal; 
    font-size: 24px;
    line-height: 33px;
    letter-spacing: .025em;
    text-align: left;
    color: #5e5e5c;
    text-decoration: none;
    -webkit-font-smoothing:antialiased; 
    -moz-osx-font-smoothing: grayscale;
    height: 48px;
    width: 99.7%;
    margin: 0 0 72px 0;
    padding: 0 0 24px 0;
    float: left;
    -webkit-appearance: none;
    border-radius: 0;
    border: 0;
    outline: 0;
    background: transparent;
    border-bottom: 1px solid #5e5e5c;
}

input:focus {
    outline: none;
    border-color: #5e5e5c;
}

textarea {
    font-family: 'crimson_textregular',serif;
    font-style: normal;
    font-weight: normal; 
    font-size: 24px;
    line-height: 33px;
    letter-spacing: .025em;
    text-align: left;
    color: #5e5e5c;
    text-decoration: none;
    -webkit-font-smoothing:antialiased; 
    -moz-osx-font-smoothing: grayscale;
    width: 99.7%;
    padding: 12px 0px 10px 0px;
    min-height: 264px;
    max-height: 264px;
    float: left;
    -webkit-appearance: none;
    border-radius: 0;
    border: 0;
    outline: 0;
    background: transparent;
    border-bottom: 1px solid #5e5e5c;
}

textarea:focus {
    outline: none;
    border-color: #5e5e5c;
}

textarea {
    height: 240px;
    resize: vertical;
}

input[type=submit] {
    font-family: 'crimson_textregular',serif;
    font-style: normal;
    font-weight: normal; 
    font-size: 24px;
    line-height: 33px;
    letter-spacing: .025em;
    text-align: left;
    color: #5e5e5c;
    text-decoration: none;
    -webkit-font-smoothing:antialiased; 
    -moz-osx-font-smoothing: grayscale;
    -webkit-appearance: none;
    border-radius: 0;
    border: 0;
    outline: 0;
    background: transparent;
}

#response {
    width: 100%;
    font-family: 'crimson_textregular',serif;
    font-style: normal;
    font-weight: normal; 
    font-size: 24px;
    line-height: 33px;
    letter-spacing: .025em;
    text-align: center;
    color: rgba(23, 85, 240, 1.0);
    text-decoration: none;
    -webkit-font-smoothing:antialiased; 
    -moz-osx-font-smoothing: grayscale;
}

span.success {
    height: 48px;
    width: 100%;
    max-width: 684px;
    color: rgba(23, 85, 240, 1.0);;
    margin: 240px auto 336px auto;
    display: block;
}

span.failure {
    height: 48px;
    width: 48.305084745762712%;
    max-width: 684px;
    color: rgba(23, 85, 240, 1.0);
    margin: 240px 0 336px 0;
    display: block;
}

tr td.tdLabel {
    padding: 10px 0px 0px 0px;
    text-align: left;
    vertical-align: top;   
}

tr td.tdSubmit {
    padding: 0px;
    text-align: right;
    vertical-align: top;
}

input#send {
    width: 100%;
    margin: 72px 0 312px 0;
}








/* ==========================================================================
   Footer
   ========================================================================== */

#jld-footer-container {
    width: 100%;
    max-width: 1416px;
    float: left;
    margin: 380px 0 0 0;
    padding: 0 0 144px 0;
}

.jld-footer-information-container {
    width: 100%;
    max-width: 1416px;
    padding: 0 25.847457627118644%;
    float: left; 
}

.jld-footer-information {
    width: 90%;
    float: left; 
}

.jld-back-to-top {
    width: 10%;
    float: right; 
}

section#jld-footer a  {
    color: #5e5e5c;
    text-decoration: none;
}

section#jld-footer a:visited {
    color: #5e5e5c;
}

section#jld-footer a:hover {
    color: #5e5e5c;
    border-bottom: none;
}

.jld-back-top {
    height: 33px;
    width: 13px;
    float: right;
}