/*
 Theme Name:   Elisen Child
 Description:  da.news (Elisen Child) Theme
 Author:       UDVM Gerhard Hill
 Author URI:   https://da.news
 Template:     elisen
 Version:      1.0
 Text Domain:  elisen-child
*/


:root {

	--farbe-marke:            #033EAB;
	--farbe-marke-hell:       #6174B4;

	--farbe-button-bg:        var(--farbe-marke-hell);
	--farbe-button-text:      #ffffff;
	--farbe-button-hover-bg:  var(--farbe-marke);

	--jkd-elisen-heading-font: "PlusJakarta",Tahoma, Arial, sans-serif;
	--jkd-elisen-text-font: "PlusJakarta",Tahoma, Arial, sans-serif;

}

/*  zum Testen (gh):
.jkd-sect-ttl .sect-ttl {
	color: red;
}
*/



main article a:not(.cat-lb) {
	font-weight: bold;
	text-decoration: underline;
}


.footer .copyright-wrp .menu-list li a {
	padding: 20px 15px !important;
	display: block !important;
}

button.scroll-top-button {
	bottom: 50px !important;
}

.dKtejT {
	left: 10px !important;
	button: 10px !important;
}


.usercentricsfooter {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 15px;
	padding: 10px;
}
.usercentricsfooter a {
	color: #999999;
	text-decoration: underline;
}



.single-post-wrp .body-wrp {
	position: relative;
	padding-bottom: 60px;
}
.single-post-wrp .body-wrp .single-sidebar {
	position: absolute !important;
	bottom: 0;
	top: auto !important;
	width: 100% !important;
	max-width: var(--jkd-c-tn-w);
	left: 50%;
	transform: translate(-50%, 0);
	height: 50px;
}


/*  ==========  Button "mehr laden"  ==========  */

.pagination-load-more button {
	background-color: var(--farbe-button-bg) !important;
	color: var(--farbe-button-text) !important;
	font-size: 16px !important;
	padding: 5px 25px !important;
	margin: 0 15px 25px 15px !important;
	transition: all 0.3s;
}
.pagination-load-more button .ti-plus {
	color: var(--farbe-button-text) !important;
	font-size: 18px !important;
	transition: rotate 0.5s;
}
.pagination-load-more button:hover {
	background-color: var(--farbe-button-hover-bg) !important;
}
.pagination-load-more button:hover .ti-plus {
	rotate: 90deg;
}

/*  ==========  /Button "mehr laden"  ==========  */



/*  ==========  Social Media Buttons / Share Buttons  ==========  */

:root {
	--farbe-twitter:                #1D9BF0;
	--farbe-youtube:                rgb(255,0,0);
	--farbe-xing:                   #0698A0;
	--farbe-facebook:               #1877F2;
	--farbe-linkedin:               #0A66C2;
	--farbe-instagram:              #E4405F;
	--farbe-whatsapp:               #22D367;
	--farbe-grau:                   #6a6a6a;
}
	
.share-buttons {
	text-align: right;
}
.share-buttons > .inside {
	display: block;
	height: 50px;
	overflow: hidden;
	display: flex;
	justify-content: right;
}
.share-buttons > .inside > a {
	display: inline-block;
	padding: 7px;
	margin: 5px;
}
.share-buttons a:hover {
	opacity: 0.7;
}
.share-buttons a.xing      { color: var(--farbe-xing); }      .share-buttons a.xing:hover  { color: var(--farbe-grau); opacity: 1; }
.share-buttons a.twitter   { color: var(--farbe-twitter); }   .share-buttons a.twitter:hover  { color: var(--farbe-grau); opacity: 1; }
.share-buttons a.facebook  { color: var(--farbe-facebook); }  .share-buttons a.facebook:hover  { color: var(--farbe-grau); opacity: 1; }
.share-buttons a.instagram { color: var(--farbe-instagram); } .share-buttons a.instagram:hover  { color: var(--farbe-grau); opacity: 1; }
.share-buttons a.linkedin  { color: var(--farbe-linkedin); }  .share-buttons a.linkedin:hover  { color: var(--farbe-grau); opacity: 1; }
.share-buttons a.whatsapp  { color: var(--farbe-whatsapp); }  .share-buttons a.whatsapp:hover  { color: var(--farbe-grau); opacity: 1; }


a.bluesky img {
	width: 32px !important;
	height: auto !important;
	margin: 0;
}
xa.bluesky > svg {
	fill: #fff;
	width: 1em;
	height: 1em;
	margin: 0.3em;
}


/*  ==========  /Social Media Buttons / Share Buttons  ==========  */


.footer .copyright-wrp {
	z-index: 9;
}
.sb-wd-wrp .sidebar-widget {
	position: absolute;
	z-index: 99;
	top: 10px;
	left: 0;
	right: 0;
	bottom: auto;
	align-items: end;
}

.footer .widgets-wrp {
	margin: 0 !important;
	padding: 0 !important;	
	width: auto !important;
}
.footer .widgets-wrp .sb-wd-wrp {
	max-width: none !important;
	min-width: unset !important;
	width: auto !important;
	padding: 0 15px !important;
	width: auto !important;
	margin: 0 !important;
}

.follow-buttons {
	display: inline-block;
}
.follow-buttons p {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.follow-buttons a {
}
.follow-buttons a:hover {
}
.follow-buttons a span.fab::before {
	color: var(--farbe-marke);
	padding: 8px;
	margin: 0 5px;
	border-radius: 12px;
	transition: all 0.5s;
}
.follow-buttons a span.fab:hover::before {
	color: #ffffff;
	background-color: var(--farbe-marke-hell);
}
.follow-buttons span.label {
	width: 0;
	display: inline-block;
	overflow: hidden;
}

@media (max-width: 576px) {
	.footer .copyright-wrp {
		padding-top: 60px !important;
	}
	.sb-wd-wrp .sidebar-widget {
		align-items: center;
	}
}