/*
Theme Name: JOYOVER
Theme URI: https: //joyover.com/
Description: Custom child theme for Salient
Author: Chris Glubish
Author URI: https: //www.somnia.ca/
Template: salient
Version: 0.1
*/

@import url("../salient/style.css");

.joy-yellow { color:#FFC22C;}
.joy-green {color:#488189;}
.joy-red {color:#A63D40;}
.joy-orange {color:#DC7B6A;}

@media only screen and (max-width: 690px) {
	.joy .main-content {
		padding-left:28px;
		padding-right:28px;
		font-size:85%;
		line-height:1.4;
	}
	.app-badge img { max-width:140px !important;}
}

.header-byline {
	font-size:1.4rem;
	line-height:1.2;
}

.screenshot-v {
	border:12px solid #fff;
}

/* MISC */

.wpb_text_column a, p a {
	color: #DC7B6A;
	text-decoration:underline;
	text-underline-offset:0.22em;
}

a.app-badge:hover img {
	opacity:0.8;
}


/* PAUSE START */
.display-posts-listing { margin:22px 0 !important;}
.display-posts-listing .date {
	display:block;
	font-size:80%;
	color:#aaa;
	line-height:1;
}
.display-posts-listing .listing-item {
	list-style:none !important;
	margin-bottom:15px;
}

.pausebox {
    font-family: 'Libre Baskerville';
    color:#444;
    font-size:100%;
    line-height:1.4;
}
.pausebox iframe {
    width:100%;
    margin: 30px 0 0; 
    background-color: transparent;
}
.pausebox img {
    margin:140px auto 0;
    opacity:0.2;
}

@media only screen and (max-width: 600px) {
  .pause-icon img {
    width:80px;
  }
}

/* POSTS */
.meta-category {display:none;}
.single-post .main-content { max-width:1200px; }

.single-post .related-posts .post-featured-img img { padding:14px; width:100% !important; border-radius:20px !important; }
.single-post .related-posts .inner-wrap { border-radius: 20px !important;}
.single-post .related-post-wrap .row-bg-wrap .row-bg { background:none !important;}
.single-post .related-post-wrap { margin-top: 0 !important;}
.single-post .related-post-wrap .related_title {
	color:#444;
}

.single-post hr {border:0;text-align:center; font-size:200%;}
.single-post hr:before {
	border:0;
	display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font: var(--fa-font-solid);
    content: "\f141"; /* solid elipses */
	content: "\f39b"; /* stroke elipses */
}

a.uncategorized {display:none !important;}
.featured-media-under-header__content {max-width:1100px;}

@media only screen and (min-width: 690px) {
	.row.featured-media-under-header + div.row {
		padding-left:10%;
		padding-right:10%;
	}
}

.joy .featured-media-under-header__featured-media .post-featured-img {
	height: 100% !important;
}

.featured-media-under-header__featured-media {
	border-radius:20px;
	box-shadow: rgba(0,0,0,.04) 0 1px 0, rgba(0,0,0,.05) 0 2px 7px, rgba(0,0,0,.06) 0 12px 22px;	
}

.single-post blockquote {
	font-size:inherit;
	line-height:inherit;
	margin-top:40px;
	padding:8% !important;
	border-radius:20px;
	box-shadow: rgba(0,0,0,.04) 0 1px 0, rgba(0,0,0,.05) 0 2px 7px, rgba(0,0,0,.06) 0 12px 22px;	
}

blockquote:before { border:none !important;}
.single-post figcaption {
	color:#aaa;
	text-align:right;
	margin-top:-15px;
}
@media only screen and (max-width: 690px) {
	.single-post blockquote {margin-top:10px;}
	.single-post figcaption {
		font-size:90%;
	}
}

.single-post h6 {
	text-align:right;
	color:#aaa;
	margin-top:2px !important;
}

.pause_signupbox {
    width:360px;
    height:auto;
    color:#fff;
    padding:100px 32px 0 32px;
    min-height:530px;
    text-align:center;
    font-weight:700;
    line-height:1.2;
    background:url('/wp-content/uploads/2023/04/PAUSE_boxbg_gray1_min.png') no-repeat;
}

.pause_signupbox_text {
    padding:20px 15px 20px 15px;
}

@media only screen and (min-width: 999px) {
  .post-content {padding-right:100px;}
}

.post-content hr {
	margin-top:50px;
	margin-bottom:50px;
}

.post-content .content-inner {padding-bottom:0 !important; margin-bottom:-50px;}

.beehiiv__footer {display:none;}
.beehiiv__body {
	padding-right:50px;
}

.beehiiv__body .blockquote {
    box-shadow: rgba(0, 0, 0, 0.176) 40px 60px 60px -20px;
    background-color: #aca3a0;
    border-radius: 20px;
    padding: 40px;
    max-width: 90%;
    color: #fff;
    font-size: 160%;
    line-height: 130%;
    margin-bottom: 20px;
}

.byline {
    font-weight:700;
    line-height:120%;
    font-size:130%;
}

.pausebox_post {
    font-family: 'Libre Baskerville';
    color:#444;
    font-size:100%;
    line-height:1.4;
	box-shadow: rgba(0,0,0,.04) 0 1px 0, rgba(0,0,0,.05) 0 2px 7px, rgba(0,0,0,.06) 0 12px 22px;
	border-radius:20px;
	padding:50px;
	max-width: 500px;
    margin: 50px auto;
    text-align: center;
}
.pausebox_post iframe {
    width:100%;
    margin: 30px 0 0; 
    background-color: transparent;
}
.pausebox_post img {
    margin:140px auto 0;
    opacity:0.2;
}



/* NAV */
.joy li a .menu-title-text:after {
	border-top-width:3px !important;
}

.joy li.nav1 a .menu-title-text:after {
	border-color:#fece5a !important; /* yellow */
}

.joy li.nav2 a .menu-title-text:after {
	border-color:#488189 !important; /* green */
}

.joy li.nav3 a .menu-title-text:after {
	border-color:#db7d63 !important; /* orange */
}

.joy li.nav4 a .menu-title-text:after {
	border-color:#a63d40 !important; /* red */
}

.joy li.navb span {
	font-size:85% !important;
}