/* 
Theme Name:		 Web Devs House
Theme URI:		 https://webdevshouse.com
Description:	 We are one of the most effective web design and development companies for digital transformation, specialising in web design, development, management, and ongoing support.
Author:			 Web Devs House
Author URI:		 https://webdevshouse.com
Template:		 hello-elementor
Version:		 1.0.0
Email            info@webdevshouse.com
Text Domain:	 webdevshouse
*/


/*
    Add your custom styles here
*/

/* Global Styling Start*/


html{
	overflow-x:hidden;
}
/* Desktop */
.sec-padd , .sec-padd-v , .sec-padd-t{
	padding-top:80px!important;
}
.sec-padd , .sec-padd-v , .sec-padd-b{
	padding-bottom:80px!important;
}
.sec-padd , .sec-padd-h , .sec-padd-l{
	padding-left:20px!important;
}
.sec-padd , .sec-padd-h , .sec-padd-r{
	padding-right:20px!important;
}
.e-con-boxed.gap>div , .gap{
	gap:24px !important;
}
/* Laptop */
@media screen and (max-width:1366px){
.sec-padd , .sec-padd-v , .sec-padd-t{
	padding-top:80px!important;
}
.sec-padd , .sec-padd-v , .sec-padd-b{
	padding-bottom:80px!important;
}
.e-con-boxed.gap>div , .gap{
	gap:20px !important;
}
}
/* Tablet */
@media screen and (max-width:1023px){
.sec-padd , .sec-padd-v , .sec-padd-t{
	padding-top:65px!important;
}
.sec-padd , .sec-padd-v , .sec-padd-b{
	padding-bottom:65px!important;
}
.sec-padd , .sec-padd-h , .sec-padd-l{
	padding-left:15px!important;
}
.sec-padd , .sec-padd-h , .sec-padd-r{
	padding-right:15px!important;
}
.e-con-boxed.gap>div , .gap{
	gap:20px !important;
}
}
/* Mobile */
@media screen and (max-width:767px){
.sec-padd , .sec-padd-v , .sec-padd-t{
	padding-top:50px!important;
}
.sec-padd , .sec-padd-v , .sec-padd-b{
	padding-bottom:50px!important;
}
.e-con-boxed.gap>div , .gap{
	gap:15px !important;
}

}
/* Global Styling End*/


/* Disappearing Header Start */
.scrollingHeader{
    z-index: 10;
    transition:top 0.25s linear !important;
    left: 0;
}
.fixed{
     position: fixed !important;
    top: 0px;
    background-color: rgb(from var(--e-global-color-secondary) r g b / 0.92);



}
.invisible{
    top: -110px;
}

.main-logo img , .scroll-logo img{
	transition: height 0.1s linear;
}
.fixed .main-logo img{
	height:0 !important;
}
.fixed .scroll-logo img{
	height:25px !important;
}
/* Disappearing Header End */



/* Fixed Header Start*/
.fixedHeader{
	position:fixed !important;
	z-index:999 !important;
}
.fixedHeader .logo-light{
	display:none;
}
.fixedHeader.scrolled{
	background-color:#fff !important; 
	 box-shadow:0 10px 15px rgba(0, 0, 0, 0.15);
}
.fixedHeader.scrolled .logo-light{
	display:block !important;
}
.fixedHeader.scrolled .logo-dark{
	display:none !important;
}
.fixedHeader.scrolled .menu-item a , .fixedHeader.scrolled .social-icons svg{
	color: var(--e-global-color-primary) !important;
	fill: var(--e-global-color-primary) !important;
}
.fixedHeader .menu-item a:hover , .fixedHeader .social-icons svg:hover{
	color: var(--e-global-color-accent) !important;
	fill: var(--e-global-color-accent) !important;
}
/* Fixed Header End */

.icon-box svg,
.icon-box .elementor-icon{
	transition all 0.15s linear;
}

.icon-box:hover .elementor-icon{
    background: var(--e-global-color-secondary) !important;
}

.icon-box:hover .elementor-icon svg{
    fill: #fff !important;
}


/* ===== EU Regulatory Monitor — Impact badge colors ===== */

/* High Impact → Red */
.imp-badge[data-Impact="<span>High Impact</span>"]{background:rgba(196,61,61,0.08);border:1px solid rgba(196,61,61,0.2); }
.imp-badge[data-Impact="<span>High Impact</span>"] span{color:#B83030;}

/* Medium → Yellow (dark text) */
.imp-badge[data-impact="<span>Medium</span>"]{background:rgba(212,168,67,0.1);border:1px solid rgba(212,168,67,0.25); }
.imp-badge[data-impact="<span>Medium</span>"] span{color:#A07820;}
/* Monitor → Gray */
.imp-badge[data-impact="<span>Monitor</span>"]{background:rgba(150,163,181,0.12);border:1px solid rgba(150,163,181,0.3);}
.imp-badge[data-impact="<span>Monitor</span>"] span{color:#5E6E82;}