/**
 * Theme Name:     QuickWin
 * Author:         Danco Vision
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor Child
 * Theme URI:      https://dancovision.com
 * Author URI:     https://dancovision.com
 * Version:        1.2
 */

.header-logo div{
	align-content: center;
}

.header-login-btn .elementor-button-wrapper, .header-login-btn a,
.header-register-btn .elementor-button-wrapper, .header-register-btn a,
.header-side-menu-btn .elementor-button-wrapper, .header-side-menu-btn a{
	height: 100%;
	align-content: center;
}

.header-login-btn span,
.header-register-btn span{
	transform: skew(5deg);
}

.header-login-btn span{
	text-shadow: 0 1px 0 #171721,0 1px 12px rgba(255,255,255,.7);
}

.header-register-btn span{
	text-shadow: 0 1px 0 #a54708,0 1px 12px rgba(250,234,200,.6);
}

.header-login-btn:hover a::after{
	content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(101.32% 69.49% at 51.19% 100.69%, rgba(248, 15, 31, .8) 0%, rgba(0, 0, 0, 0) 75%);
    background-size: 100% 150%;
	background-position: 100% 75%;
}

.header-login-btn:hover{
	cursor: pointer;
}

.header-container-col{
	width: fit-content !important;
}

.header-register-btn a::after{
	content: "";
    position: absolute;
    inset: 0;
    background-size: 100% 200%;
    background-position: 100% 30%;
    background-image: radial-gradient(84.17% 57.73% at 51.19% 100.69%, rgba(255, 236, 65, .8) 4.97%, rgba(0, 0, 0, 0) 90.07%);
	transition: background-position 0.2s ease;
}

.header-register-btn:hover a::after{
    background-position: 100% 75%;
}

.header-register-btn a{
	border-bottom: 2px solid #ffe71d !important;
    margin-bottom: -4px;
}

.show-more-footer-btn a{
	box-shadow: 0 0 16px #8a83a3, 2px 2px 0 #8a83a3, inset 0 0 16px #8a83a366 !important;
	background-color: transparent !important;
    border: 2px solid #8a83a3;
}

.show-more-footer-btn:hover a{
	box-shadow: 0 0 24px #8a83a3e6, 2px 2px 0 #8a83a3, inset 0 0 24px #8a83a3e6 !important;
}

.footer-main-container{
	background: url(/wp-content/uploads/2025/02/dots.webp),linear-gradient(180deg,#05010a 60%,#11151f 100%) !important;
	background-size: 15px 15px, auto !important;
}

.sidebar-menu-item .elementor-icon-list-text{
	text-shadow: 0 2px 0 #000000;
	transition: transform 0.2s ease !important;
}

.sidebar-menu-item a{
	padding: 9px 10px 9px 22px;
}

.sidebar-menu-item a:hover .elementor-icon-list-text{
	transform: translateX(4px);
	transition: transform 0.2s ease;
}

.sidebar-menu-item::after{
	content: "";
    display: block;
    margin: -10px 0 15px;
    width: 100%;
    height: 6px;
    background: #252d42;
    clip-path: polygon(0 calc(100% - 2px), calc(100% - 10px) calc(100% - 2px), calc(100% - 3px) calc(100% - 10px), calc(100% - 3px) calc(100% - 7px), calc(100% - 9px) 100%, 0% 100%);
}

.sidebar-menu-item.last::after{
	display: none;
}

.sidebar-menu-item.ferrari a::before{
	content: '';
    background-image: url(/wp-content/uploads/2025/02/ferrari-text.svg);
    width: 74px;
    height: 100%;
    top: 10px;
    left: 55px;
    position: absolute;
    background-repeat: no-repeat;
	transition: transform 0.2s ease;
}

.sidebar-menu-item.ferrari .elementor-icon-list-text{
	padding-top: 15px;
}

.sidebar-menu-item.ferrari .elementor-icon-list-icon svg{
	height: 27px;
	margin: 13px 0 !important;
}

.sidebar-menu-item a:hover::before{
	transform: translateX(4px);
	transition: transform 0.2s ease;
}

.sidebar-scroll-container{
	overflow-y: scroll !important;
	height: calc(100vh - 135px)!important;
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;
}

.sidebar-scroll-container::-webkit-scrollbar { 
	display: none;
}

.sidebar-lang-selector-container:hover .sidebar-lang-selector p.elementor-icon-box-title{
	color: #f80f1f;
	transition: all 0.2s ease;
}

.lang-btn-container.active .elementor-widget-container{
	background: #8a83a3 !important;
	border: 1px solid #8a83a3 !important;
}

.lang-btn-container:not(.active) .elementor-widget-container:hover .elementor-icon-box-title span{
	color: #fff;
}

.lang-btn-container.active .elementor-icon-box-title span{
	color: #fff;
}

.lang-btn-container:not(.active) .elementor-widget-container:hover {
	border: 1px solid #8a83a3 !important;
}

.lang-btn-container:not(.active) .elementor-widget-container:hover::before{
	background: #8a83a3;
}

.lang-btn-container .elementor-widget-container::before{
	position: absolute;
    background: #252d42;
    right: 5px;
    bottom: -3px;
    width: 1.5px;
    height: 16px;
    transform: rotate(45deg);
    content: "";
}

.lang-btn-container.active .elementor-widget-container::before{
	background: #8a83a3;
}

.lang-popup .dialog-close-button{
	padding: 8px;
}

.lang-btn-container .elementor-widget-container::after{
	position: absolute;
    right: -1px;
    bottom: -1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 12px 12px;
    border-color: transparent transparent #11151f transparent;
    content: "";
}

/* .site-main, footer{
	padding-left: 230px;
} */

.sidebar-menu.collapsed{
	width: 84px;
}

.sidebar-menu.collapsed .live-chat{
	display: none;
}

.sidebar-menu.collapsed .sidebar-lang-main-container{
	width: 84px;
}

.sidebar-menu.collapsed .elementor-icon-box-title, .sidebar-menu.collapsed .elementor-icon-list-text{
	display: none !important;
}

.sidebar-menu.collapsed a:hover .elementor-icon-list-text{
	display: block !important;
}

.sidebar-menu.collapsed .sidebar-scroll-container{
	overflow: visible !important;
}

.sidebar-menu.collapsed a:hover .elementor-icon-list-text{
	position: absolute;
    background: #252d42;
    padding: 9px 10px;
    transition: none !important;
    transform: none !important;
    top: 50%;
    inset-inline-start: calc(100% + 4px);
    overflow: visible;
	white-space: nowrap;
}

.sidebar-menu.collapsed a:hover .elementor-icon-list-text::before{
	content: "";
    position: absolute;
    top: 0;
    right: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 7px 0;
	border-color: #00000000 #252d42 transparent transparent;
}

.sidebar-menu.collapsed .sidebar-menu-item.ferrari a::before{
	display: none;
}

#sidebar-toggle:hover{
	cursor: pointer;
}

.footer-lang-btn, .footer-chat-btn, .cat-filter-btn{
	background: #171c29;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #fff;
	transform: skew(-10deg);
}

.footer-lang-btn span.elementor-button-text::before{
	content: '';
    background-image: url(/wp-content/uploads/2025/02/en.svg);
	background-size: contain;
    width: 23px;
    height: 100%;
    top: 10px;
    left: 24px;
    position: absolute;
    background-repeat: no-repeat;
	transition: transform 0.2s ease;
	transform: skewX(10deg);
}

.footer-lang-btn.deutsch span.elementor-button-text::before{
	background-image: url(/wp-content/uploads/2025/02/de.svg);
}


.footer-lang-btn span.elementor-button-text::after{
	content: '';
    background-image: url(/wp-content/uploads/2025/03/caret-bottom.svg);
    background-size: contain;
    width: 16px;
    height: 100%;
    top: 11px;
    right: 10px;
    position: absolute;
    background-repeat: no-repeat;
    transition: transform 0.2sease;
}

.footer-lang-btn a, .footer-chat-btn a, .cat-filter-btn a{
	background-image: radial-gradient(85% 60% at 51.19% 100%,rgba(140,140,140,.6) 5%,rgba(0,0,0,0) 80%);
}

.footer-lang-btn:hover, .footer-chat-btn:hover, .cat-filter-btn:hover{
	border-color: #f80f1f;
}

.footer-lang-btn:hover a, .footer-chat-btn:hover a, .cat-filter-btn:hover a{
	background-image: radial-gradient(173.13% 117.95% at 51.19% 100.69%,rgba(248,15,31,.4) 4.97%,rgba(0,0,0,0) 81.07%);
}

.footer-chat-btn span.elementor-button-text::before{
	content: '';
    background-image: url(/wp-content/uploads/2025/03/chat-icon.svg);
	background-size: contain;
    width: 23px;
    height: 100%;
    top: 10px;
    left: 24px;
    position: absolute;
    background-repeat: no-repeat;
	transition: transform 0.2s ease;
	transform: skewX(10deg);
}

.header-register-btn.colored span{
	color: #05010a;
    text-shadow: 0 1px 0 #fff, 0 1px 12px #ffffffe6;
}

.header-register-btn.colored a{
	background: url(/wp-content/uploads/2025/03/register-btn-bg.png);
    background-size: 100% 200%;
    background-position: 100% 40%;
}

.header-register-btn.colored:hover a{
	background-position: 100% 15%;
}

.header-register-btn.colored a::after{
	display: none;
}

.sidebar-menu .sidebar-menu-item:not(.ferrari) a{
	height: 40px;
}

/* .sidebar-menu.collapsed .elementor-icon-list-item a:hover::after{
	content: attr(data-tooltip);
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    background: #333;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 14px;
    z-index: 1000;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s ease-in-out;
} */

.gradient-button a{
	background: linear-gradient(180deg,rgba(252, 246, 186, 1) 0%, rgba(252, 246, 186, 1) 40%, rgba(221, 112, 3, 1) 75%, rgba(230, 210, 0, 1) 100%);
}

.go-back-btn:hover{
	cursor: pointer;
}

.elementor-post-navigation__next a:hover span,
.elementor-post-navigation__prev a:hover span{
	color: #fff !important;
	fill: #fff !important;
}

.splash-card-gradient{
	background: linear-gradient(90deg,rgba(17, 7, 27, 1) 0%, rgba(99, 0, 1, 1) 50%, rgba(17, 7, 27, 1) 100%);
}

span.red-line-text::after {
    content: "";
    width: 100%;
    height: 8px;
    background: #DA0003;
    bottom: 7px;
    left: 0px;
    position: absolute;
    z-index: -1;
}

span.red-line-text{
	position: relative;
}

.splash-card-gradient::after {
    content: "";
    width: 25%;
    height: 2px;
    background: #DA0003;
    left: 50%;
    position: absolute;
    bottom: -1px;
    transform: translateX(-50%);
}

.splash-img-card img{
	aspect-ratio: 3 / 1;
	object-fit: cover;
	object-position: center;
}

.splash-img-card.bottom img{
	object-position: bottom;
}

.container-403{
	max-width: 585px;
}

.container-403 .text-403 a{
	color: #FFE71D !important;
}

.gradient-button-card span{
	background-image: linear-gradient(180deg, rgba(252, 246, 186, 1) 0%, rgba(252, 246, 186, 1) 40%, rgba(221, 112, 3, 1) 75%, rgba(230, 210, 0, 1) 100%);
    font-family: "Roboto", Sans-serif;
    font-size: 1rem;
    font-weight: 900;
    text-transform: uppercase;
    fill: #0D0D0D;
    color: #0D0D0D;
    padding: 15px 40px 15px 40px;
    border-radius: 3px;
}

.card-blog{
	border: 1px solid transparent;
	border-radius: 0px 0px 5px 5px;
}

.card-blog:hover{
	background: #05010ac4;
    border: 1px solid #747474;
    border-radius: 0px 0px 5px 5px;
}

#searchbox {
    transition: all 320ms cubic-bezier(0.18, 0.88, 0.32, 1.27);
    transform-origin: top center;
    transform: translateY(5px) scaleY(0.5);
    opacity: 0;
     height: 0;
    overflow: hidden;
    visibility: hidden;
}

#searchbox.visible {
    opacity: 1;
    visibility: visible;
    height: auto;
    overflow: visible;
    transform: translateY(10px) scaleY(1);
}

.table_of_content__title p{
	color: #fff;
    font-weight: 700;
    font-size: 1.5rem;
}

.table_of_content{
	padding: 20px 0;
}

@media only screen and (min-width: 1280.2px){
	.page-content{
		padding-left: 250px !important;
	}
}

@media only screen and (max-width: 1280px){
	.container-403{
		max-width: 420px;
	}
}

@media only screen and (min-width: 768px){
	br.br-mobile{
		display: none;
	}
}

@media only screen and (max-width: 768px){
	.header-left-col, .header-right-col{
		width: fit-content !important;
	}
	
	.header-main-col{
		justify-content: space-between !important;
	}
	
	.header-login-btn:hover a::after{
		display: none;
	}
	
	.footer-legal-menu ul{
		flex-direction: column;
        gap: 10px;
	}
	
	.filter-btns-ct{
		flex-wrap: nowrap !important;
		overflow-x: scroll !important;
		width: max-content !important;
    	max-width: none;
		margin: 0 auto !important;
	}
	
	.cat-filter-btn{
		width: min-content;
		white-space: nowrap;
	}
}