html {
	scroll-behavior: smooth;
}


/* ============================
Dans Papers specific overrides
=============================== */
body.wp-theme-digitalsilk #grid-wrapper {
	.vf-commentscount.text-color-white a {
		color: white !important;
	}
	.bkg-accent {
		background-color: var(--primary-color2);
	}
	 .vf-widget-wrapper .conversation-header .section-title {
		font-size: 2.25rem;
		font-weight: 700;
		
		i {
			margin-right: .4rem;
			color: var(--primary-color2);
		}
	}
	.comments-meta.vf-commentscount {
		font-size: unset;
	}
	.post-info__author .comments-meta {
		i {
			color: var(--primary-color2);
			margin-right: .4rem;
		}
	}
	.post-info__author { 
		gap: 0 10px;
		align-items: center;
		.estimated-reading-time {
			display: none;
		}
	}
	.nav-menu-notif-bell button {
		color: var(--primary-color2);
	}
	.single-article .post-info__data {
		gap: 15px;
   		white-space: nowrap;
	}
	.acct__fallback {
		display: flex;
		gap: 1.5rem;
    }
}


/* ============================
Other site-specific overrides
=============================== */


/* ============================
Main styles
=============================== */
.hero-section .article-container .context-box .metabox {
	.hero-container.card &, .hero-container.archive & {
		justify-content: center;
	}
}

#grid-wrapper {
	/* ============================
	General overrides for VF defaults
	=============================== */
	.viafoura {
		font-family: 'Nunito', sans-serif !important;
	}
	.vf-label.vf-label-upper feed__header__title {
		letter-spacing: .1pt;
	}
	.notice[data-when-logged-out] {
		border: none;
		margin-top: 1rem;
		padding: 0;
		background: transparent;
		text-align: center;
	}
	.viafoura .vf-flex-nav {
		word-break: keep-all;
		
	}
	.viafoura  .vf-tray .vf-flex-nav {
		white-space: nowrap;
	}
	.vf-widget-wrapper {
		background: white;
		padding:0 10px;
		@media screen and (min-width: 729px){
			padding:.8rem 1rem 1rem !important;
			border-left: 0px solid transparent;
			border-right: 0px solid transparent;
			border-top: 4px solid var(--plain-color, black);
			border-bottom: 4px solid var(--plain-color, black);
		}
	}
	.viafoura .vf-label {
		font-size: .8em;
	}
	.viafoura .vf3-conversations-footer {
		min-height: calc(var(--base-font-size, .625rem) * 3) !important;
	}
	
	
	/* ============================
	Recirc / Trending widget
	=============================== */
	.viafoura  {
		.vf-comments-trending-articles .vf-trending-articles__header {
			font-size: 1rem !important;
		}
		.vf-editors-pick_background-icon, .vf-conversation-background-icon {
			display: none;
		}
		.vf-trending-article-list__item {
			filter: none;

			.vf-trending-article {
				border-radius: 0;
				border-bottom: 4px solid var(--plain-color, black);
			}
		}
		.vf-trending-articles__header {
			padding-bottom: 5px;
		}
	}
	.content-section .component-container.viafoura-trending-component {
		padding: 0;
		.viafoura.vf-recirc {
			padding: 0;
		}
	}
	.viafoura.vf-recirc {
		background-color: transparent;
		width: 100%;
		margin: 1rem auto 1rem;
		padding: 0 10px 0;
		border-width: 0;
	}
	.viafoura.vf-recirc .vf-trending-articles__content-wrapper {
		border-top: 4px solid var(--plain-color, black);
		background-color: transparent;
		border-bottom: 0 solid var(--plain-color, black);
	}

	
	/* ============================
	Comment count
	=============================== */
	.article-container .context-box .metabox {
		display: flex;
		gap: .5rem 1.5rem;
		flex-flow: row wrap;
	}
	.comments-meta {
		white-space: nowrap;
	}
	.metabox .comments-meta a {
		color: var(--accent-color, var(--primary-link-color));
	}
	.metabox .comments-meta a i {
		color: var(--accent-color-light, var(--accent-color, var(--primary-link-color)));
	}
	.comments-meta.vf-commentscount {
		display: flex;
		font-size: .8rem;
		cursor: pointer;

		padding: .3rem 1rem .2rem;
		color: white;
		border-radius: .8rem;
		order: 3;
		font-weight: bold;

		&:hover {
			background: var(--plain-color, black);
		}

		&> a {
			display: flex;
			gap: .3rem
		}

		i {
			display: flex;
			justify-content: center;
			align-items: center;
			margin-right: 0;
		}
	}

	/* ============================
	Conversation widget
	=============================== */
	.conversation-header .section-title {
		font-size: 1.4rem;
		
		body.theme-child-schnepstheme-bxtimes & {
			font-size: 1.7rem;
			border-bottom-width: 0;
		}
	}
	.conversation-header {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: center;
	}
	.conversation-blurb a {
		text-decoration: underline;
	}
	.vf-comment-header .vf-heading-text {
		display: none;
	}
	.viafoura .vf3-conversations-list li:last-child .vf-thread {
		border-bottom-width: 0 !important;
	}	
	.viafoura-conversation-wrapper.vf-widget-wrapper {
		margin-top: 1rem;
		@media screen and (max-width: 728px){
			padding:10px 10px;
		}
	}

	/* ============================
	Conversation starter widget
	=============================== */
	.viafoura.vf-starter {
		padding: 1rem;
		background: white !important;
		
		.vf-editors-pick_background-icon {
			display: none;
		}
	}
	.vf-conversation-starter_actions {
		text-align:center;
	}
	.vf-conversation-starter_actions a {
		max-width: auto;
	}
	.vf-conversation-starter__header {
		display: none !important;
	}
	.viafoura .vf-conversation-starter__content-wrapper {
		border-bottom-width: 0 !important;
		padding-bottom: 0 !important;
		min-height: 160px !important;
		justify-content: space-around !important;
	}
	.viafoura.vf-starter.vf-widget-wrapper {
		min-height: 160px !important;
	}
	.viafoura .vf-conversation-starter {
		max-width: 600px;
		margin: 0 auto;
	}
	
	/* ============================
	Notification tray bell
	=============================== */
	.standard-header-container header.header-standard .nav-menu-notif-bell {
		display: none;
	}
	.nav-menu-notif-bell .viafoura {
		background-color: transparent;
	}
	.nav-menu-notif-bell {
		width: 40px;
		height: 40px;
	}
	.standard-header-container .nav-menu-notif-bell .viafoura, .standard-header-container #vf-tray-trigger, .standard-header-container #vf-tray-trigger  {
		color: white;
	}	
}	
#theStickyNavBar .sticky-nav-vf-bell .viafoura {
    color: white;
    background-color: transparent;
}

/* ============================
Mobile styles
=============================== */
@media screen and (min-width: 729px){
	.mobile-only {
		display: none !important;
	}
}
@media screen and (max-width: 728px){
	.desktop-only {
		display: none !important;
	}
	
	#grid-wrapper {
		.hero-section .article-container .context-box .metabox {
			justify-content: center;
		}
		.standard-header-container header.header-standard .nav-menu-notif-bell {
			display: block;
			margin-top: 3px;
		}
		.standard-header-container header.header-standard .nav-menu-notif-bell .viafoura,
		.standard-header-container .nav-menu-notif-bell .viafoura,
		.standard-header-container #vf-tray-trigger
		{
			color: black;
		}

		.vf-tabbed-nav .vf-flex-nav button[id^="all__button"] .vf-nav-tab-button__text {
			display: none;
		}
		.vf-tabbed-nav .vf-flex-nav button[id^="all__button"] .vf-nav-tab-button {
			&:before {
				content: "All";
			}
		}

		.vf-tabbed-nav .vf-flex-nav button[id^="featured__button"] .vf-nav-tab-button__text {
			display: none;
		}

		.vf-tabbed-nav .vf-flex-nav button[id^="featured__button"] .vf-nav-tab-button {

			&:before {
				content: "Featured";
			}
		}
	}
}