/*
Theme Name: Doge Theme
Author: Nick Chong
Author URI: https://nickcho.ng/
Description: Choose Pure, Choose Zero
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.
Template: dt-the7
*/
:root {	
	--doge-blue-1: #7685b7;
	--doge-blue-2: #ccdaf4;
	--doge-blue-3: #2d6ec2;
	--doge-menu-letter-spacing: 2px;
	--doge-body-font: 'Quiet Sans', system-ui,-apple-system,"Segoe UI";
	--bs-body-font-family: var(--doge-body-font);
	--bs-body-color: var(--the7-base-color);
	--bs-body-font-weight: 500;
}


.sub-nav .menu-item i.fa,
.sub-nav .menu-item i.fas,
.sub-nav .menu-item i.far,
.sub-nav .menu-item i.fab {
	text-align: center;
	width: 1.25em;
}

.masthead {
	min-height:60px;
}
.header-zero-impurities {
    min-width: 40px;
    height: auto;
}
@media (min-width:993px){
	.masthead {
		min-height:90px;
	}
	.header-zero-impurities {
    min-width: 50px;
	}
}

.first-switch-logo-center.first-switch-menu-left .mobile-header-bar .mobile-branding, #phantom .logo-box, .header-bar .branding {
    max-width: 250px;
    min-width: 150px;
    order: 3;
}
#phantom .menu-box, #primary-menu {
    order: 2;
}


.inline-header .header-bar > .mini-widgets, .inline-header .widget-box .mini-widgets {
    padding: 0px 0px 0px 30px;
    padding-left: 0;
    min-width: 40px;
		order:1;
}

.header-bar {
	display:flex;
}

#phantom .menu-text, .mobile-main-nav li.menu-item > a .menu-text, #footer .menu .menu-item a, #primary-menu.main-nav .menu-item a {
    letter-spacing: var(--doge-menu-letter-spacing);
}

#phantom.inline-header.center .main-nav, #phantom:not(.split-header) .main-nav, .masthead:not(.side-header).full-height .main-nav {
    justify-content: space-around;
}

@font-face {
    font-family: 'Quiet Sans';
    src: url('fonts/flat-it_-_quietsans-light-webfont.woff2') format('woff2'),
         url('fonts/flat-it_-_quietsans-light-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Quiet Sans';
    src: url('fonts/flat-it_-_quietsans-regular-webfont.woff2') format('woff2'),
         url('fonts/flat-it_-_quietsans-regular-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Quiet Sans';
    src: url('fonts/flat-it_-_quiet_sans_bold-webfont.woff2') format('woff2'),
         url('fonts/flat-it_-_quiet_sans_bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Quiet Sans';
    src: url('fonts/flat-it_-_quietsans-extrabold-webfont.woff2') format('woff2'),
         url('fonts/flat-it_-_quietsans-extrabold-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}


.fw-light {
	font-weight:400;
}

.fw-regular {
	font-weight:500;
}

.fw-bold {
	font-weight:700;
}

.fw-xbold {
	font-weight:900;
}

.wf-wrap {
	width:1300px;
}
.wp-admin .doge-content {
	overflow-x:hidden;
}

.dt-mobile-menu-icon {
    transform: translateX(-9px);
}
@media screen and (max-width: 992px){
	body:not(.transparent) .masthead:not(.side-header) {
		 background-color: #e7e7e7;
	}
}
.masthead .mobile-header-bar .mobile-mini-widgets>.first,
.masthead-mobile-header .mobile-mini-widgets>.first {
	margin-left:0px;
}
@media(max-width:767px) {
	#main .content .wf-wrap {
		padding-left:20px;
		padding-right:20px;
	}
}

#footer-ref {
	background-color:#e7e7e7;
}
#nav_menu-2 #menu-primary-menu,
.wf-container-bottom {
	font-size:1rem;
}
#footer-ref .wf-wrap {
	width:1300px;
	max-width:100%;
}
@media screen and (max-width: 778px) {
	#footer-ref .wf-wrap {
		padding: 0 20px 0 20px;
	}
}

#phantom ul.main-nav,
ul#primary-menu {
	margin-bottom:0px;
}
img {
	display:block;
	max-width:100%;
}
.page-title-responsive-enabled.page-title h1 sup,
sup {
	font-size:0.75em;
	top: -0.48em;
	font-family: monospace;
	line-height: 0.75em;
	font-weight:300;
}

sup.doge-cross {
    top: -0.48em;
    left: 0em;
	font-weight:300;
	
}

.btn.btn-accent {
	color:#fff;
	/* font-family: Raleway, Helvetica, Arial, Verdana, sans-serif; */
	font-weight:700;
	background-color:var(--wp--preset--color--accent);
	border-radius:0;
	text-transform:uppercase;
}

.page-title.solid-bg .accent,
h1 .accent,
.accent {
	color:var(--wp--preset--color--accent);
}
h3 {
	font-weight:900;
}
h1,
h2 {
	font-weight:900;
	line-height:normal;
}
p {
	line-height:normal;
}
.nowrap {
	white-space:nowrap;
}
.main-nav > li > a {
	padding:0;
	margin: 18px 7px 18px 7px;
}

#phantom .main-nav,
#primary-menu {
	flex-wrap: nowrap;
}

.menu-item-text {
	white-space:nowrap;
}

#branding-bottom {
	max-width:300px;	
}

@media(max-width:767px) {
	#branding-bottom {
		max-width:290px;	
	}
}


.second-switch-logo-center.second-switch-menu-left .mobile-header-bar .mobile-navigation {
	flex:unset;
	margin-right:0;
}
.second-switch-logo-center.second-switch-menu-left .mobile-header-bar .mobile-mini-widgets,
.mobile-mini-widgets,
#phantom .widget-box,
.header-bar .mini-widgets{
	order:1;
	justify-content: flex-start;
	
}


@media(min-width:993px) {
	#phantom .logo-box, .header-bar .branding,
	.header-bar .branding {
		margin-left: 28px;
		/* min-width: 210px; */
	}
}

.ph-wrap, #phantom .ph-wrap.boxed, .boxed .top-bar.line-content:before, .boxed .classic-header.content-width-line .navigation:before,
.masthead:not(.side-header):not(.side-header-menu-icon) .header-bar {
    max-width: 1300px;
}
@media (min-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1300px;
	}
}
#phantom .logo-box img,
.mobile-header-bar .mobile-branding img,
.header-bar .branding img {
	width: 242px;
}
#branding-bottom img {
	width:290px;
}
.mobile-branding {
	max-width:150px;
}
@media(max-width:450px) {
	#phantom .logo-box img, .mobile-header-bar .mobile-branding img, .header-bar .branding img {
		width: 200px;
	}
}
.doge-no-padding #main {
	padding:0;
}



p.post-references > span {
    display: block;
    margin-bottom:0.5rem
    
}

p.post-references,
.references h5,
.references p {
	color: var(--bs-body-color);
	margin-bottom:0;
	font-size:0.8em;
	font-weight:400;
}

p.post-references sup:first-child,
.references p >sup:first-child {	
	/* margin-right:0.4em;
	min-width:11px;
	display: inline-block; */
}
.doge-full-width #main > .wf-wrap {
	max-width:unset;
	padding:unset;
	margin:unset;
	width:unset;
}

#footer .menu {
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
}

.footer .widget {
	display:block;
}
#footer .menu .menu-item {    
    text-transform:uppercase;
    margin:0;
	padding:0;
    border:0;
	display: flex;
	align-items: center;
}
.mobile-main-nav>li:first-child {
	margin-top:50px;
}
.mobile-main-nav>li {
	margin-bottom:20px;
}


#footer .menu .menu-item a {
	color:var(--wp--preset--color--accent);
	font-weight:500;
	padding: 2px 0;
}

#footer .menu  {
	justify-content:center;
}


h1,
body:not(.single-post) .content h1,
body:not(.single-post) .content h2,
body:not(.single-post) .content h3 {
	letter-spacing:3px;
}



h2.smaller-1,
.content h2.smaller-1 {
	font-size:1.2em;
}
@media(min-width:1300px) {
	h1,
	body:not(.single-post) .content h1,
	body:not(.single-post) .content h2,
	body:not(.single-post) .content h3 {
		letter-spacing:5px;
	}
}
@media (min-width:768px) and (max-width:1300px) {
	.special-content h1,
	.special-content h2 {
		font-size:2.5vw;
	}
	.special-content p {
		font-size:2vw;
	}
}
@media (min-width:1301px) {
	.special-content h1,
	.special-content h2 {
		font-size:40px;
	}
	.special-content p {
		font-size:23.5px;
	}
}

@media(min-width:768px) {
	#footer .menu .menu-item:first-child {
		padding-left:0;
	}
}

.bottom-bar-textarea-menu {
	display: flex;
    flex-wrap: nowrap;
    margin: 0;
    justify-content: center;
    padding: 0;
	line-height: normal;
}



.doge-hr.blue-1 {
	background-color: var(--doge-blue-1);
}
#footer-ref {
    padding: 1rem 0;
    bottom: 0;
    position: fixed;
    z-index: 9;
    max-width: 100%;
    right: 0;
    left: 0;
}
#bottom-bar {
	padding-bottom:4em;
}
#footer > .wf-wrap, #footer #bottom-bar > .wf-wrap {
	max-width:100%;
}
.bottom-bar-textarea-menu li:not(:first-child):before,
#footer .menu .menu-item:not(:first-child):before {
	content: "\007C";
    padding: 0 5px;
    margin-bottom: 0.1em;
    opacity: 0.5;
}
#footer .menu .menu-item:not(:first-child):before {
	color: var(--the7-title-color);
	line-height: 20px;
}
#footer .menu .menu-item a:hover {
	text-underline-offset: 4px;
	text-decoration-color: rgba(45,110,194,0.5);
}
#footer .menu .menu-item.current-menu-item a {
    text-decoration: underline;
	text-underline-offset: 4px;
	
}

#mobile-menu .current-menu-item {
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}
.page-title.solid-bg {
	background-color:transparent;
}
.page-title.solid-bg .page-title-head {
	order:2;
}
.page-title.solid-bg .page-title-breadcrumbs {
	order:1;
	width: 100%;
    display: block;
    text-align: left;
}


.page-title .breadcrumbs li:before, .page-title .breadcrumbs li:before {
    color: inherit;
}
@media screen and (max-width: 9999px) {
	.page-title.page-title-responsive-enabled .wf-wrap {
		padding-top:0;
		padding-bottom:0;
	}

}
.doge-hr {
	background-color: #fff;
    height: 1px;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
}
.v-shape {
	width: 0;
    height: 0px;
    border-top: 50px solid transparent;
    border-left: 50vw solid #fff;
    border-right: 50vw solid #fff;
    border-bottom: 0;
    background: transparent;
    position: absolute;
    bottom: 0;
	transform: translateY(1px);
}
@media(min-width:1300px) {
	.v-shape {
		border-top-width: 6vw;
	}
}
.wp-admin .v-shape {
	border:0px;
}

.color-blue-1 {
	color:var(--doge-blue-1);
}
.color-blue-2 {
	color:var(--doge-blue-1);
}
.color-blue-3 {
	color:var(--doge-blue-3);
}
.bg-blue-1 {
	background-color:var(--doge-blue-1);
}

.bg-blue-2 {
	background-color:var(--doge-blue-2);
}
.bg-blue-3 {
	background-color:var(--doge-blue-3);
}
.v-shape.blue-1{
	border-left: 50vw solid var(--doge-blue-1);
    border-right: 50vw solid var(--doge-blue-1);
}
.v-shape.blue-2{
	border-left: 50vw solid var(--doge-blue-2);
    border-right: 50vw solid var(--doge-blue-2);
}

.v-shape.blue-3{
	border-left: 50vw solid var(--doge-blue-3);
    border-right: 50vw solid var(--doge-blue-3);
}




.hero p {
	font-weight: 400;
}
.hero h1,
.hero h2 {
	color: #fff;
    
}

@media (max-width:500px) {
	#main .container.wf-wrap {
		padding-left:15px;
		padding-right:15px;
	}
}


.hero sup.doge-cross {
	left: -0.4em;
	margin-right: -0.5em;
}


#page .masthead.sticky-on .header-bar, #phantom.masthead .header-bar, #phantom .ph-wrap {
	min-height:90px;
}

.doge-breadcrumb {
	font-size:14px;
	color: var(--bs-body-color);
}
.doge-breadcrumb a {
	text-decoration:none;
}
.page-title .breadcrumbs, .page-title .breadcrumbs a,
.doge-breadcrumb ol.breadcrumbs {
	padding:0;
	margin:15px 0 30px;
	text-transform:uppercase;
	font-weight:600;
	letter-spacing: var(--doge-menu-letter-spacing);
	font-size:16px;
	color:#606060;
	
}
.breadcrumbs li {
	padding:0;
	margin:0;
}
.breadcrumbs li:before, .fancy-header .breadcrumbs li:before {
	content: ">";
	font-family:monospace;
}
.breadcrumbs > li:not(:first-child):before {
	position:relative;
	margin:0 8px;
}


.video-cont {
    margin:2em 0;
	position:relative;
}

.video-thumb:before {
	transition:background-color 0.5s linear;
	content:"";
	background-color:rgba(255,255,255,0);
	position:absolute;
	top:0;left:0;bottom:0;right:0;
}
.video-thumb.loaded:not(.default):before {
	background-color:rgba(255,255,255,0.75);
}
.video-cont.btn-added .video:after {
	transition:transform 0.4s linear, opacity 0.3s linear;
	transform:scale(1);
	bottom: 5%;
    right: 3%;
}


.video-thumb.btn-added:after,
.video-cont.btn-added .video:after {
	opacity:1;
	content:"";
	background-image:url(img/btn-play.svg);
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	
	width:50px;
	height:50px;
}
.video-thumb:after {
	content:"";
	transition:none;
	bottom:50%;
	right:50%;
	transform:translate(50%,50%) scale(0);
}
.video-thumb.btn-added:after {
	transition:opacity 0.3s linear, transform 0.2s linear;
	bottom:50%;
	right:50%;
	transform:translate(50%,50%) scale(1);
	opacity: 1;
	
}
.video-thumb.btn-added.playing:after {
	opacity: 0;
	transform:translate(50%,50%) scale(0);
}
.video-cont.btn-added .btn-top-left.video:after {
    bottom:unset;
    right:unset;
    top:5%;
    left:3%
}

.video-cont.btn-added.hide-btn .video:after {
	opacity:0;
	transform:translate(-50%,-50%) scale(3);
}

@media(min-width:450px) {
	.video-cont.btn-added .video:after {
		width:75px;
		height:75px;
	}
}
@media(max-width:767px) {
	.video-thumb.btn-added:after {
		width:35px;
		height:35px;
	}
}
@media(min-width:767px) {
	.video-cont.btn-added .video:after {
		width:100px;
		height:100px;
	}
}
@keyframes spinner {
	to {transform: rotate(360deg);}
}
.video-thumb:not(.loaded):not(.btn-added):before,
.video-cont:not(.loaded):not(.btn-added) .video:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    border-radius: 50%;
    border-top: 3px solid #07d;
    border-right: 3px solid transparent;
    z-index: 2;
    animation: spinner .6s linear infinite;
  }

.video-thumb:not(.loaded):not(.btn-added):after,
.video-cont:not(.loaded):not(.btn-added) .video:after {
	content:"";
	background-color:rgba(255,255,255,0.3);
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.video {
	position:relative;
    background-repeat:no-repeat;
	background-size:contain;
	background-position:50% 50%;
    padding-bottom:54.85232067510549%;
}
.video-thumb.loaded:hover,
.video-cont.loaded .video:hover {
	cursor:pointer;
}
.video.ratio-2 {
    padding-bottom:55.7815223707147%;
}
.video.ratio-3 {
    padding-bottom:56.15384615384615%;
}
.video.ratio-4 {
    padding-bottom: 56.22254758418741%;
}
.video.ratio-5 {
    padding-bottom: 56.25%;
}

.doge-yt-video {
	transition:opacity 1s linear;	
	position:absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	opacity:0;
	visibility: hidden;
	
}
iframe.doge-yt-video {
	max-width: 100% !important;
	height: 100%;
    width: 100%;
}

.video-cont.show .doge-yt-video {
	visibility: visible;
	opacity:1;
}
.bottom-bar-textarea-menu,
.bottom-bar-textarea-para {
	font-weight:400;
}

.doge-style-2 a.btn {
	text-align: center;
	display: block;
	letter-spacing: 4px;
	font-weight: 900;
	border-radius: 15px;
	max-width: 100%;
	margin: 2em auto 0;
    color:#fff;
	padding: 16px;
}

@media(min-width:768px) {
	.doge-style-2 a.btn{
		text-align:left;
		padding: 20px 80px;
	}
}

.single-wpsl_stores .wpsl-locations-details > span:first-child strong {
	font-size:1.5em;
	text-transform:uppercase;
}

.single-wpsl_stores #page .page-title-head h1.entry-title {
	color:#fff;
}

.post-password-required * {
    margin:0 !important;
    border:0;
}
.post-password-required {
    text-align: center;
}
.post-password-required p {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: calc( 100vh - 358.14px - 24.39px );
    
}
input[type="submit"]:hover,
button:hover,
a:hover {
	cursor:pointer;
}
.post-password-required input[name="post_password"] {
    display: block;
    height: 30px;
    border-radius: 8px;
    text-align: center;
    max-width: 150px;
    font-size: 25px;    
}
.archive .post.bg-on h3 a {
	color:#fff;
	letter-spacing:0;
	text-transform:uppercase;
}
.archive .post.bg-on {
	background-color:var(--doge-blue-3);
	color:#fff;

}
.single-post #main .wf-wrap > .wf-container-main {
	width: 950px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.single-post .entry-content {
    width: 750px;
    /* margin-left: auto;
	margin-right: auto; */
    max-width: 100%;	
}
.single-post #main {
	padding:0px;
}
.single.single-post .entry-content {
	margin-bottom:2rem
}
.single-related-posts {
    border-top: 3px solid var(--doge-blue-3);
    border-bottom: 0;
    padding-bottom: 0;
}

.single-post .page-title-head h1 {
	font-size: 1.3em;
    font-weight: 900;
    color: var(--doge-blue-3);
    line-height: normal;
    margin-bottom: 1em;
}
.single-post article figure {
	margin: 1.5rem 0 2rem;
}
.single-post article p {
	font-weight:300;
	margin-bottom:1.3em;
}
.single-post article p strong {
	font-weight:700;
}
.single-post article h3 {
	font-size:1em;
	font-weight:700;
	margin-bottom:0;
}

.single-post article .single-related-posts > h3 {
    letter-spacing: 3px;
    font-weight: 900;
    margin: 1.5em 0;
    font-size: 1.2em;
}

.single-post p.post-references {
    border-top: 1px solid var(--bs-body-color);
    padding-top: 2em;
    margin-top: 2em;
}



article.post-format-standard {
    flex-direction: column;
    /* width: 100%; */
    background-color: var(--doge-blue-3);
    color: #fff;
}

.single-related-posts .items-grid {margin: 0 -10px;}
.single-related-posts .items-grid>.related-item {
    margin: 10px 0;
    padding: 10px;
}

.single-post .single-related-posts .items-grid>.related-item {
    width: 50%;
	margin:0;
}
#page .single-related-posts .post-content>a:active,
#page .single-related-posts .post-content>a:hover,
#page .single-related-posts .post-content>a {
	color: #fff;
    padding: 15px;
    line-height: 1.2;
	font-size: 0.8rem;
	text-transform:uppercase;
	font-weight:700;
}


@media(min-width:700px) {
	.single-post .single-related-posts .items-grid>.related-item {
		width: 33%;
	}
	#page .single-related-posts .post-content>a:active,
	#page .single-related-posts .post-content>a:hover,
	#page .single-related-posts .post-content>a {
		font-size: 1rem;
	}
}
@media(min-width:800px) {
	.single-related-posts .items-grid {margin: 0 -25px;}
	.single-related-posts .items-grid>.related-item {
		margin: 25px 0;
		padding: 25px;
	}
	#page .single-related-posts .post-content>a:active,
	#page .single-related-posts .post-content>a:hover,
	#page .single-related-posts .post-content>a {
		font-size: 1.1rem;
		letter-spacing:2px;
	}
}


.single-post .items-grid .alignleft {
    margin: 0 !important;
}

.single-post .single-related-posts img {
    width: 100%;
}

.single-post .single-related-posts .mini-post-img {
    flex: unset;
}



@media screen and (max-width: 9999px) {
	.archive #main,
	.blog #main {
		padding:0;
	}
	.articles-list {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -10px;
	}
	.layout-list .blog-content, .layout-list .blog-media, .layout-list .project-list-content, .layout-list .project-list-media {
		float: none !important;
		width: 100% !important;
	}
	.layout-list .articles-list .post.bg-on:last-child,
	.layout-list .post.bg-on {
		padding:0;
		background-color:var(--doge-blue-3);
		width: calc( 50% - 20px );
		margin: 0 10px 20px;
		
	}
	.blog.layout-list .post a.alignleft {
		margin:0;
	}
	.layout-list .bg-on .blog-content h3.entry-title {
		margin:0;
	}
	.layout-list .bg-on .blog-content h3.entry-title a {
		color: #fff;
		padding: 15px;
		line-height: 1.2;
		font-size: 0.8rem;
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing:0;
		display:block;
	}

	.layout-list .bg-on .blog-content {
		padding:0;
	}

	.layout-list .articles-list .post.bg-on:first-child {
		width: calc( 100% - 20px );
		position:relative;
	}

	.layout-list .more-link {
		color:#fff;
		padding: 0 15px;
		text-transform: uppercase;
		font-size:0.7em;
	}
	.details:after {
		content:"";
		content:unset;
	}

}

@media(min-width:700px) {
	.blog .details.more-link {
		background-image: url(img/read-more.png);
		background-repeat: no-repeat;
		background-size: contain;
		color: var(--doge-blue-3);
		padding: 14px 35px 9px 15px !important;
		margin: 0;
		background-position-y: bottom;
		font-size: 1em;
	}
	.layout-list .articles-list .post.bg-on:first-child .blog-content {
		position:absolute;
		bottom:0; left:0; right:0;
	}
	
	.layout-list .articles-list .post.bg-on:first-child h3.entry-title a {
		color:var(--doge-blue-3);
		text-shadow: 0 0 40px #fff, 0 0 30px #fff, 0 0 20px #fff;
		width:800px;
		max-width:100%;
		line-height:normal;
		font-size:1.2em;
		padding-bottom:0;
	}
	.layout-list .articles-list .post.bg-on:last-child,
	.layout-list .post.bg-on {
		width: calc( 33% - 20px );
	}
	.layout-list .bg-on .blog-content h3.entry-title a {
		font-size:1rem;
	}
	.layout-list .articles-list .post.bg-on:first-child {
		width: calc( 99% - 20px );
	}	
	
}
@media(min-width:800px) {
	.articles-list {
		margin: 0 -25px;
	}
	.layout-list .articles-list .post.bg-on:last-child,
	.layout-list .post.bg-on {
		width: calc( 33% - 50px );
		margin: 0 25px 50px;
	}
	.layout-list .bg-on .blog-content h3.entry-title a {
		font-size:1.1rem;
		letter-spacing:2px;
	}
	.layout-list .articles-list .post.bg-on:first-child {
		width: calc( 99% - 50px );
	}
}
.slideshow-doge {
	position:relative;
}
.slideshow-doge > .slide:not(.current) {
	display:none;
}
.slideshow-doge .nav {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	text-decoration:none;
}
.slideshow-doge .prev {
	left:0;
}
.slideshow-doge .next {
	right: 0;
	border-radius: 3px 0 0 3px;
}
.slideshow-doge .prev:hover, .slideshow-doge .next:hover {
	background-color: #b6cae5;
}

.slideshow-doge .numbertext {
	color: #ffffff;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
	z-index:1;
}

.slide-dots .dot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}
.slide-dots.line .dot {
	height: 3px;
	width: 25px;
	border-radius: 0%;
}

.slide-dots .dot.active, .slide-dots .dot:hover {
	background-color: var(--doge-blue-3);
}

.doge-fade {
	animation-name: doge-fade;
	animation-duration: 1.5s;
}
@keyframes doge-fade {
	from {opacity: .4}
	to {opacity: 1}
}