/** * Resets */
 #backstage_icon {
    display: none !important;
}

 .journal {
    font-size: .625em !important;
    text-align: left !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
    line-height: 1.2em;
    display: block;
    font-weight: 100;
    margin-top: -60px;
}

 .journal img {
     margin-bottom: 0;
     display: block;
     margin-top:60px 
}

 .main-containerz {
     width: 100%;
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     padding: 0 20px;
     height: 100vh;
     overflow-y: scroll;
     overflow-x: hidden;
     -webkit-overflow-scrolling: touch;
}
 .home-link {
     cursor: pointer;
     color: #000 !important;
     text-decoration: none !important;
     font-family: 'Playfair Display SC', serif;
    font-size: .8675em;
}
 .social {
     color: hotpink !important;
     text-decoration: none !important;
}
 .back {
     cursor: pointer;
     font-size: .675em;
     text-transform: uppercase;
     color: #000 !important;
     text-decoration: none !important;
     letter-spacing: .04em;
     margin-bottom: 5px;
     display: block;
}
 .back:hover {
     color: #1f668a !important;
}
 .name-link {
     cursor: pointer;
     color: #000 !important;
     text-decoration: none !important;
     letter-spacing: .04em;
}
 .name-link:hover {
     color: #1f668a !important;
}
 .image-wrapz {
     display: block;
     position: relative;
     overflow: hidden;
}
 .image-wrapz img {
     width: 100%;
}
 .image-wrapz .hover-name {
     position: absolute;
     top:0;
     height: 100%;
     background: rgba(255,255,255,.7);
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0;
     text-transform: uppercase;
     letter-spacing: .04em;
     transition: opacity 1s;
    font-size: .75em;
}
 .image-wrapz:hover .hover-name {
     opacity: 1;
     transition: opacity 1s;
}
 small.contact-small {
     line-height: 1.5em !important;
     font-size: .675em !important;
    font-family: "Source Sans Pro", Social;
}
 * {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 ::-moz-selection {
     background-color: #09f;
     color: #fff;
}
 ::selection {
     background-color: #09f;
     color: #fff;
}
 :focus {
     outline: 0;
}
 customhtml > * {
     position: relative;
     z-index: 10;
}
/** * Global */
 body, html {
     min-height: 100vh;
     margin: 0px;
     padding: 0px;
}
 html {
     position: relative;
}
 body {
     background: #fff;
     color: #000;
}
 a:active {
     opacity: 0.7;
}
/** * Backdrop */
 #backdrop {
     display: none !important;
     position: fixed;
     right: 0;
     top: 0;
     bottom: 0;
     max-width: 100%;
     z-index: 1;
}
 .default.homepage #backdrop {
     display: block !important;
}
/** * Container */
 main {
     background: #fff;
     clear: both;
     overflow: hidden;
     position: absolute;
     max-width: 100%;
     width: 90%;
     z-index: 2;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-align-items: center;
     -moz-align-items: center;
     -ms-align-items: center;
     align-items: center;
}
 main > div {
     -moz-flex: 1 0 auto;
     -webkit-flex: 1 0 auto;
     flex: 1 0 auto;
     width: 100%;
}
 .subpage_overlay {
     display: block;
     pointer-events: none;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 1;
}
 body.homepage .subpage_overlay {
     display: none;
}
/** * Content */
 i, em {
     font-style: italic;
}
 b, strong {
     font-weight: bold;
     font-size: 1.5em;
}
 ul, ol {
     margin: 0;
     padding: 0 0 0 1em;
}
 sup {
     top: -0.4em;
     vertical-align: baseline;
     position: relative;
}
 sub {
     top: 0.3em;
     vertical-align: baseline;
     position: relative;
}
 s {
}
 .slideshow-nav {
     margin-bottom: 0.5em;
}
 img {
     border: 0;
     padding: 0;
}
 blockquote {
     margin: 0;
     padding: 0 0 0 2em;
}
 hr {
     background: rgba(127, 127, 127, 0.2);
     border: 0;
     height: 0.08em;
     display: block;
}
 .bodycopy {
     display: none;
}
 .container {
     min-height: 100%;
     background:transparent;
     height: 100vh;
     overflow: hidden;
}
 .content img {
     float: none;
     margin-bottom: 1em;
}
 .clear:after {
     content: "";
     display: table;
     clear: both;
}
 .loading[data-loading] {
     display: none;
     position: fixed;
     top: 8px;
     left: 8px;
     z-index: 100;
}


/** * Editor styles */
main {
     background-color: rgba(0, 255, 14, 0);
     text-align: center;
     min-height: 100vh;
     -webkit-align-items: center;
     align-items: center;
     left: 0;
     right: 0;
     justify-content: center;
     width: 55%;
}
.content_padded {
     padding: 10px 40px;
}
 .default.homepage .content_width {
     width: 40% !important;
     padding: 20px !important;
}
 .default.homepage .content_width, .default.mobile.homepage .content_width {
     right: 0;
     left: auto;
     height: auto;
}
.content_width {
     width: 100%;
     height: 100vh;
}
#backdrop {
     width: calc(100% - 40%);
     left: 0 ;
}
main {
     font-size: 2.5em;
     font-weight: 400;
     color: rgb(0, 0, 0);
     font-family: "Source Sans Pro", Social;
     font-style: normal;
     line-height: 1.2;
}
 main a {
     color: rgb(0, 0, 0);
     padding-bottom: 0.05em;
     border-bottom: 0.07em solid rgba(255, 255, 255, 0.4);
     text-decoration:none ;
     transition: color 0.5s ease;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    letter-spacing: .04em;
}
 main a:hover {
     color: rgba(0,0,0,.7);
     transition: color 0.5s ease;
}
 main a.image-link, main a.icon-link, main a.image-link:hover, main a.icon-link:hover {
     border-bottom: 0;
     padding-bottom: 0;
}
h1 {
     font-family: 'Playfair Display SC', serif;
     font-style: normal;
     font-weight: 400;
     padding: 0;
     margin: 0;
     font-size: 1.3em;
     line-height: 1.2;
     color: rgb(0, 0, 0);
     text-rendering: optimizeLegibility;
    text-transform: uppercase;
}
 h1 a {
     color: rgba(255, 255, 255, 1);
}
 h2 {
   font-family: "Source Sans Pro", Social;
   font-style: normal;
   font-weight: 100;
   padding: 0;
   margin: 0;
   letter-spacing: .04em;
   color: rgb(0, 0, 0);
   font-size: .75em;
   line-height: 1.2;
   text-rendering: optimizeLegibility;
}
 h2 a {
     color: rgb(255, 255, 255);
}
small {
     display: inline-block;
     font-size: .825em;
     line-height: 1.5;
     font-style: normal;
     font-weight: 300;
    letter-spacing: .02em;
     color: rgb(0, 0, 0);
    font-family: "Source Sans Pro", Social;
}
 small a {
     color: rgb(0, 0, 0);
     border-bottom-width: 0.1em;
     transition: color 0.5s ease;
}
 .subpage_overlay {
     background-color: initital;
}

 #backstage_icon {
    display: none !important;
}



 @media screen and (max-width: 767px) {
   .mobile #plugin, 
   .mobile #backdrop, 
   .mobile #backdrop, .mobile #plugin {
       position: relative;
       height: 40vh;
       min-width: 100%;
       width: 100%;
       top: 0;
       bottom: auto;
       left: 0;
  }
   .mobile main, .mobile main {
       position: relative;
       max-width: 100%;
       width: 100%;
  }
   .mobile main.content_width {
       max-width: 100%;
       width: 100% !important;
       position: relative;
  }
   .mobile main.content_width .content_padded {
         position: absolute;
         top: 20px;

   }

     
   .default.homepage.mobile main.content_width, 
   .mobile main.content_width {
       margin-top: 0;
       overflow-y: scroll;
       overflow-x: hidden;
       padding-top: 0;
       width: 100% !important;
  }
   .mobile main b, strong{
       display: block;
       font-size: 1em;
       margin-top: 130px;
  }
   .mobile main .main-containerz {
       padding: 0 10px;
  }
}