jen-studio from Nightlight Theme

Header Injection...

<style>
div#speechkit-player {
    width: 82% !important;
    margin: 0 auto 1em !important
    }
    
.article-excerpt {
    margin: 0 0 1rem;
    font-size: 1rem;
    line-height: 1.2em;
    opacity: .6;
}
    
.kg-bookmark-description {
    font-size: unset;
}
    
.kg-audio-thumbnail,
.kg-audio-title {
    display: none;
    }
    
.kg-audio-card {
    min-height: 40px;
    }
    
/* added to style-jens.min.css */
    /*
    body, #mainContainer, #container, .wookmarkWrap, #wookmark, #postMain {
        background: #fffaf7 url(https://jen.studio/content/images/bg-wallpaper.png) repeat !important;
    }
    */

.gh-portal-triggerbtn-container .with-label {
    background: #4e0050bf !important;
    height: 50px !important;
}
   
html, 
body,   
    /* 
#mainContainer,
#wrapper,   
#container, 
 */
    
#container {
  height: 100%;
}
 
.wookmarkWrap {
    height: 100%;
}

    
.wookmarkWrap {
 /*   background: #e2e5eb; */
}
    
@media only screen and (max-width: 680px) {
#postMain .postContent {
    margin-top: 0;
    }
}
    
/*body, */ 
    


#mainContainer {
    height:100vh;
overflow-x: hidden; 
    
    /* background: #e2e5eb; */
    /*    background: radial-gradient(30% 55.51% at 50% 70%, #FFD3C7 0%, rgba(255, 211, 200, 0.04) 100%), radial-gradient(30% 80% at 94% 96%, #C8EAFF 0%, rgba(230, 245, 255, 0) 70%), radial-gradient(44% 80% at 4% 94%, rgba(107, 110, 154, 0.8) 0%, rgba(225, 225, 234, 0) 100%), #FFFFFF !important; */
    /*    background-attachment: fixed !important;
    -webkit-animation: fadeIn 1s !important;
    -moz-animation: fadeIn 1s !important;
    animation: fadeIn 1s !important; */
}
#newsFeed {
    background: transparent;
}
#newsFeed #feed {
  /*  background: #00466730; */
    background: #e2e5eb
}
#newsFeed .noResults h1, #newsFeed .previewContainer h1 {
    color: #ffffff;
}
    
#newsFeed .noResults h1, #newsFeed .previewContainer h1 {
    color: #4e0050;
    font-weight: 800;
    /* font-family: -webkit-pictograph; */
}
    
#newsFeed .noResults .dateStamp, #newsFeed .previewContainer .dateStamp {
    color: #000000;
}
    
nav #mainNav .menu {
    background: #0c3040;
    position: fixed;
    top: 68px;
    z-index: 999999;
}    

nav #mainNav li .title {
    font-size: 24px;
    font-family: yanone kaffeesatz,sans-serif;
}   
.wookmarkWrap #wookmark .item {
    border-radius: 5px;
    box-shadow: -1px 3px 15px -4px #624c4c;
}
audio {
    box-shadow: -1px 3px 15px -4px #624c4c;
}
    
.wookmarkWrap #wookmark .item .content {
    margin: 20px 20px 0;
}
    
.wookmarkWrap #wookmark .item footer,
.wookmarkWrap #wookmark .item .dateStamp {
    display: none;
}

.wookmarkWrap #wookmark .item .content {
    text-align: center;
    margin: 30px;
}

@media only screen and (max-width: 490px) {
.wookmarkWrap #wookmark .item {
position: absolute;
    /*
    top: 20px !important;
    left: 20px !important;
    */
    
    }
}

    .tagShare .share {
    position: relative;
    margin: 0;
    left: -100px !important;
}
.tagShare .shareIcon {
    background: #6fa3c096;
    border-radius: 0 50% 50% 0;
}
.shareIcon:hover~.share, .share:hover {
    position: relative;
    right: 20px;
    padding-left: 120px;
    display:block;
}
#postMain .postContent a.icon-twitter:hover,
#postMain .postContent a.icon-facebook:hover {
    margin: 0;
    padding: 5px;
    border: 1px solid #6fa3c0;
}
.tagShare {
    color: #000;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    line-height: 15px;
}
#wookmark .tagShare {
    position: relative;
}
    
#wookmark .shareIcon,
#wookmark .share {
    display:none;
}
    
.tagShare .tags {
    background: transparent;
    /* height:25px; */
    /* padding: 10px 10px 10px; */
    padding: 0 10px 10px;
    font-family: yanone kaffeesatz,sans-serif;
    width: -webkit-fill-available;
    width: -moz-available;
}
    

    
.tags a, #postMain .postContent .tags a {
    letter-spacing: .030em;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    /* font-weight: 200; */
    /* padding: 3px 7px 1px 7px; */
    /* margin: 0 5px; */
    display: inline-block;
    /* box-shadow: 0px 0px 1px 1px #e2e5eb; */
    /* box-shadow: 0px 0px 20px 5px #e2e5eb; */
}

.tagShare a {
    color: #6fa3c0;
    padding: 3px 5px 1px;
    /* margin-bottom: 5px; */
}
    

nav .logoContain .logo img {
    -moz-box-shadow: -1px 3px 15px -4px #624c4c;
    -webkit-box-shadow: -1px 3px 15px -4px #624c4c;
    box-shadow: -1px 3px 15px -4px #624c4c;
}
    
#postMain img {
    border-radius: 5px;
    -moz-box-shadow: -1px 3px 15px -4px #624c4c;
    -webkit-box-shadow: -1px 3px 15px -4px #624c4c;
    box-shadow: -1px 3px 15px -4px #624c4c;
}
    
#postMain .postContent {
    text-align: left;
}
p #postMain .postContent a {

    }

#postMain .postContent ol, #postMain .postContent ul {
    border-left: solid 10px #c1c1c15c;
}
    
#postMain .postContent a,
a.kg-bookmark-container {
    /*
    letter-spacing: .030em;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    color: #3495db;
    border-radius: 4px;
    box-shadow: 0px 0px 20px 5px #e2e5eb;
    display: inline-block !important;
    padding: 1px 5px 0 5px;
    /* box-shadow: -1px 3px 15px -4px #624c4c; */
    /* box-shadow: 0px 2px 7px -3px #624c4c; */
    /* margin: 0 -4px; */
    /* white-space: nowrap; */
    /* font-weight: 600; */
}
    
    
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a /*, a.kg-bookmark-container */ {
    letter-spacing: .030em;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    color: #3495db;
    border-radius: 4px;
    /* box-shadow: -1px 3px 15px -4px #624c4c; */
    box-shadow: 0px 2px 7px -3px #624c4c;
    /* box-shadow: 0px 0px 20px 5px #e2e5eb; */
    display: inline-block !important;
    padding: 8px 9px 3px 10px !important;
    /* margin: 0 -4px; */
    /* white-space: nowrap; */
    /* font-weight: 600; */
}
    
    
    

#postMain .postContent a:hover,
#postMain .postContent a:active,
.kg-bookmark-card a:hover,
.kg-embed-card a:active,
a.kg-bookmark-container a:hover,
a.kg-bookmark-container a:active {
    color: #009a49;
    background: transparent !important;
}

#newsFeed #tags ul a,
#newsFeed #tags ul a:hover,
#newsFeed #tags ul a:active,
#newsFeed #filters input[type=radio]+label,
#postMain .postContent a,
#postMain .postContent a:hover,
#postMain .postContent a:active {
    filter: drop-shadow(1px 4px 2px rgba(0,0,0,0.2));
    /* color: #009a49 !important; */
}
    
#newsFeed #tags ul a:hover,
#newsFeed #tags ul a:active,
#postMain .postContent a:hover,
#postMain .postContent a:active {
    background: transparent;
    color: #009a49 !important;
}
    
#postMain .postContent .jqcloud-word a {
    box-shadow: none;
    color: unset;
    background: unset;
    }    
    
#postMain .postContent .jqcloud-word a:hover,
#postMain .postContent .jqcloud-word a:active {
    color: unset;
    background: unset;
    }

.tagCloud {
    margin: 0 auto;
    width: auto;
    height: 250px;
    margin-left: 0;
    margin-right: 0;
    background-color: #fff;
    border-width: 1px;
    border-color: #e11e1e;
    border-radius: 4px 4px 0 0;
    box-shadow: 0px 2px 7px -3px #624c4c;
}    
    
#postMain .tagShare {
    margin: 0;
}

#postMain .postContent .tags {
margin-bottom:20px
}
    
#postMain .postContent .tags,
figcaption {
    text-align: center;
    padding: 0;
    font-family: yanone kaffeesatz,sans-serif;
}
   
   

    
    
    
#postMain .postContent h1.postTitle {
    margin-bottom: 5px !important;
}    
    
#postMain .postContent .dateStamp, .dateStamp a {
    margin: 0 0 7px !important; 
    display: none;
}


    
#postMain .postContent hr {
    background: #ebebeb;
    height: 3px;
}

        
.kg-image-card { float: right }
    
    /* 
.kg-bookmark-card,
.kg-embed-card
    */
    /*
.kg-card {
    box-shadow: -1px 3px 15px -4px #624c4c;
    background: #fff;
}    
    */

#newsFeed #filters {
    border-bottom: 4px solid #e0e0e0;
    color: #459fe2;
    font-family: yanone kaffeesatz,sans-serif;
    font-size: 20px;
}
#newsFeed #filters #navUnderline {
    margin-top: -20.5px;
    line-height: 7px;
    height: 7px;
}    
#newsFeed #filters input[type=radio]:nth-of-type(3):checked+label~#navUnderline #highlight {
    margin-left: 65%;
    width: 35%;
}
#newsFeed #filters input[type=radio]:nth-of-type(2):checked+label~#navUnderline #highlight {
    margin-left: 23%;
    width: 35%;
}
#newsFeed #filters input[type=radio]:nth-of-type(1):checked+label~#navUnderline #highlight {
    margin-left: -5px;
    width: 20%;
}
#newsFeed #tags ul {
    font-size: 18px;
    letter-spacing: 1px;
    box-shadow: 0px 2px 7px -3px #624c4c;
    background: #fff
}
    
    
    
#newsFeed .noResults .dateStamp,
#newsFeed .noResults h1,
#newsFeed .noResults p,
#newsFeed .previewContainer .dateStamp,
#newsFeed .previewContainer h1,
#newsFeed .previewContainer p {
    padding-left: 10px;
}
#newsFeed .noResults .content,
#newsFeed .previewContainer .content {
    padding: 10px 0;
}
#newsFeed .noResults h1, #newsFeed .previewContainer h1 {
    margin-top: 5px;
    line-height: 17.5px;
    font-size: 13px;
}
    
    
.cursor {
	position: relative;
}
.cursor i {
    position: absolute;
    width: 3px;
    height: 20px;
    background-color: #ef6752;
    left: 5px;
    top: 5px;
    animation-name: blink;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    opacity: 1;
}
.cursor input:focus + i {
	display: none;
}
@keyframes blink {
	from { opacity: 1; }
	to { opacity: 0; }
}
    
#newsFeed #search input[type=text] {
    color: #404e56;
    padding: 7px 0 5px 5px;
    font-size: 13px;
    font-family: "PT Sans","Myriad Pro",sans-serif;
}
#newsFeed #search input~label {
    display: none;
}    
    
    
    
@media only screen and (max-width: 680px) {
#postMain .postContent {
    margin-top: 0;
    }
}    
  
    
@media only screen and (min-width: 681px) {
#postMain .showHeroImage {
    margin: 7px 0 0 10px;
    width: 50%;
    float:right;
    height:auto;
    }
}

@media only screen and (min-width: 681px) {
#postMain .postContent.doubleColumn .showHeroImage {
    margin: 7px 0 0 10px;
    width: 50%;
    float:right;
    height:auto;
    }
}
    
    
  
    
    
    
    
    
    
/* Add padding around Hero background image on author-template */
/*
    .author-template .author-jen #postMain div.heroImage.showHeroImage {
    box-sizing: border-box;
    background-origin: content-box;
    padding: 50px;
}
*/
    
.author-template #postMain div.heroImage.showHeroImage {
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 200px;
    margin: 0 auto;
}
#postMain section.postContent.authorColumn {
    text-align:center;
}
    
    
    
.featuredContainer #controls .left,
.featuredContainer #controls .right {
    background: #00000020
}
nav .logoContain,
.featuredContainer #controls .left:hover,
.featuredContainer #controls .right:hover,
.featuredContainer .readMore:hover {
    background: #4e0050
}
nav .logoContain,
nav .logoContain .logo,
nav .logoContain .copy {
    height: 68px;
    line-height: 68px;
    margin: 0;
}
nav .logoContain .logo img {
    width: 60px;
    padding: 4px 5px 4px 3px;
}
nav .logoContain .copy img {
    padding: 10px;
    height: 50px;
    width: auto;
    opacity: .9;
}
nav #mainNav {
    margin-bottom: 68px;
    top: 68px;
    bottom: -68px;
    color: #cfd2d8;
    background: #15232b;
}




</style>
    


<style>
    /*
.soundcite-loading:before {
    border: 2px solid #fff !important;
}
.light-mode .soundcite-loading:before {
    border: 2px solid #000 !important;
}
.soundcite-loaded {
    background-color: #ffffff26 !important;
}
.light-mode .soundcite-loaded {
    background-color: rgba(0,0,0,.15) !important;
}
.soundcite-play:before {
    border-left: 0.75em solid white !important;
}
.light-mode .soundcite-play:before {
    border-left: 0.75em solid black !important;
}
.soundcite-pause:before {
    border-left: .75em double white !important;
}
.light-mode .soundcite-pause:before {
    border-left: .75em double black !important;
}
    */
    
.soundcite-loaded {
    line-height: 1.3em !important;
    background-color: #ffffff26 !important;
}
.light-mode .soundcite-loaded {
    line-height: 1.3em !important;
    background-color: #0000000d !important;
}
.soundcite-loaded:before {
    vertical-align: -10% !important;
    margin-right: -2px !important;
}
.soundcite-play:before {
    font-size: 0.8em !important;
    top: -.07em !important;
    border: 0.5em solid transparent !important;
    border-left: 0.7em solid green !important;
}
.soundcite-pause:before {
    font-size: 0.8em !important;
    position: relative !important;
    top: -.07em !important;
    height: 1em !important;
    border-right: .5em solid transparent !important;
    border-left: .7em double red !important;
}

    /*
@media only screen and (min-width: 491px) {
.wookmarkWrap {
    padding: 10px !important;
    }
}    
    */
    

    
</style>

<style>
.sp-wrapper {z-index:999999999999}
.sp-wrapper .content {padding: 1em} 
.sp-wrapper .sp-close-button::before {
    content: 'X';
    color: red;
    opacity: 50%;
    font-size: 42px;
    font-weight: 800;
    top: 60%;
    left: 35%;
    z-index: 9;
    }

</style>