/*
Theme Name:	JUH Deck Theme
Description:	JUH Deck Theme
Author:	Fabio Thoma
Author URI:	https://www.fabio-thoma.de
Template:	hello-elementor
Version:	1.0
*/

.home-icon {
    width: 100%;
    text-align: center;
}
    
.home-icon button {
    height: 8em;
    width: 8em;
    border-radius: 20px;
    color: white;
	transition: all .2s ease-in-out;
}

.home-icon button:hover {
	transform: scale(1.05);
}
    
.home-icon span {
    font-size: 13px;
	font-weight: 600;
    width: 100%;
    display: block;
    padding-top: 7px;
}
    
.home-icon-red button {
    background: #EB0C3C;
    border-color: #EB0C3C;
	box-shadow: 5px 5px 15px 5px rgba(235,12,60,0.3);	
}
.home-icon-red button:hover {
	background: #EB0C3C;
    border-color: #EB0C3C;
}

.home-icon-blue button {
    background: #000548;
    border-color: #000548;
	box-shadow: 5px 5px 15px 5px rgba(0,5,72,0.3);
}
.home-icon-blue button:hover {
    background: #000548;
    border-color: #000548;
}

.home-icon-disabled button {
    background: #cbcbcb;
    border-color: #e3e0e0;
	cursor: not-allowed;
}
.home-icon-disabled button:hover {
    background: #cbcbcb;
    border-color: #cbcbcb;
    cursor: not-allowed;
}


.coming-soon-badge {
	position: absolute;
    right: 4em;
    top: 0;
	transform: rotate(45deg);
    background: #000548;
    padding: 2px 10px;
    border: 1px solid;
    border-color: #000548;
    border-radius: 5rem;
    color: white;
    font-size: 0.8em;
	z-index: 100000;
}

.juh-darkmode {
    min-height: 100vh;
}
.juh-darkmode, .juh-darkmode main .page-content, .juh-darkmode .juh-header {
    background: #121212 !important;
}

.juh-darkmode  .home-icon-red button {
    background: #EB0C3C;
    border-color: #EB0C3C;
	box-shadow: 5px 5px 15px 5px rgba(235,12,60,0.3);	
}
.juh-darkmode  .home-icon-red button:hover {
	background: #EB0C3C;
    border-color: #EB0C3C;
}

.juh-darkmode .home-icon-blue button {
    background: #002f82;
    border-color: #002f82;
	box-shadow: 5px 5px 15px 5px rgba(0,5,72,0.3);
}
.juh-darkmode .home-icon-blue button {
    background: #002f82;
    border-color: #002f82;
	box-shadow: 5px 5px 15px 5px rgba(0,5,72,0.3);
}

.juh-darkmode .home-icon span, .juh-darkmode h2, .juh-darkmode h1 {
    color: #f2f2f2 !important;
}