/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 28 2025 | 18:37:30 */
/* Header transparent au départ */
.site-header {
  position: fixed !important;
  top: 0;
  width: 100%;
  background: transparent;
  transition: background 0.3s ease, padding 0.3s ease;
  z-index: 9999;
  /*padding: 30px 0; /* ajuster selon ton header */
}

/* Quand on scroll : fond et padding réduits */
body.scrolled .site-header {
  background: #f8fbfb; /*rgba(255, 255, 255, 0.95); /* blanc semi-opaque */
  /*padding-top: 100px;*/
  /*box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* optionnel : légère ombre */
  box-shadow:	0 4px 24px hsl(195 30% 0% / .08)
}

/* Texte / liens du menu */
.site-header .main-header-menu a {
  /*color: #FFFFFF; /* blanc au départ */
  transition: color 0.3s ease;
}

body.scrolled .site-header .main-header-menu a {
  /*color: #000000; /* texte noir après scroll */
}






/*body { overflow-x: hidden !important;; margin:0px !important; }*/

/*@media screen and (max-width:767px) {
	.container {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}*/

/*scroll to top*/
/*
.scroll-to-top {
    position: fixed;
    right: -50px;
    bottom: 100px;
    transform: rotate(90deg);
    z-index: 99;
}
.scroll-to-top .visible {
    visibility: visible !important;
    opacity: 1 !important;
}

.scroll-to-top .scroll-top-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all cubic-bezier(.4,0,.2,1) .4s;
    -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(.4,0,.2,1) .4s;
}
.scroll-to-top .scroll-bar {
    width: 50px;
    height: 2px;
    margin-right: 10px;
    position: relative;
}
.scroll-to-top .scroll-bar:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #e303b3;
}
.scroll-to-top .scroll-bar .bar-inner {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}
.scroll-to-top .scroll-bar-text {
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 500ms ease;
    color: #999;
}
*/
/*scroll to top end*/
/*
.elementor-fbtn {
	font-weight: 800 !important;
    fill: #fff !important;
    color: #fff !important;
    background-color: #E303BB !important;
    border-style: none !important;
	padding:13px 30px !important;
}

.abb a.elementor-fbtn:hover { 
	color: #032C42 !important;
    background-color: #03C8E3 !important;
}
*/
/*Grab Deal Now Form*/
/*
#uc_simple_popup_elementor_ea63e32 .ue-simple-popup-inner {
}

#uc_simple_popup_elementor_ea63e32 .ue-simple-popup-overlay.uc-active {
}
*/

/*
#wpforms-5179 {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	margin-bottom: 0px !important;
}
*/
/*
#wpforms-5179-field_1-container { 
	width: 300px;
	margin: 0 auto;
	margin-bottom: 30px;
	text-align: left !important;
	box-shadow: none !important;
	background-image: url(https://www.biltopia.se/wp-content/uploads/2025/03/mail-icon-grabdeal.webp) !important;
	background-repeat: no-repeat;
	background-position: 15px 13px;
	padding-left: 54px !important;
	border: 2px solid #C5EEF7 !important;
	border-radius: 6px;
	font-family: poppinsregular !important;
	height: 52px;
	font-size: 16px;
  	color: #0a0a0a !important;
  	background-color: rgb(255, 255, 255);
  	padding-top: 10px;
  	padding-bottom: 10px;
  	padding-right: 15px;
}
input[type="email"]#wpforms-5179-field_1 {
	font-family: Montserrat, Roboto;
	color: #0a0a0a !important;
	padding: 0px !important;
	border-width: 0px !important;
  	border-style: none !important !important;
  	border-color: none !important;
  	border-radius: none !important;
}

#wpforms-5179-field_2-container { 
	width: 300px;
	margin: 0 auto;
	margin-bottom: 5px;
	text-align: left !important;
	box-shadow: none !important;
	background-image: url(https://www.biltopia.se/wp-content/uploads/2025/09/user-icon-grabdeal.webp) !important;
	background-repeat: no-repeat;
	background-position: 15px 13px;
	padding-left: 54px !important;
	border: 2px solid #C5EEF7 !important;
	border-radius: 6px;
	font-family: poppinsregular !important;
	height: 52px;
	font-size: 16px;
  	color: #0a0a0a !important;
  	background-color: rgb(255, 255, 255);
  	padding-top: 10px;
  	padding-bottom: 10px;
  	padding-right: 15px;
}
input[type="text"]#wpforms-5179-field_2 {
	font-family: Montserrat, Roboto;
	color: #0a0a0a !important;
	padding: 0px !important;
	border-width: 0px !important;
  	border-style: none !important !important;
  	border-color: none !important;
  	border-radius: none !important;
}


@media only screen and (max-width: 600px) {
  label#wpforms-5179-field_1-error {
  		margin-top: 0px;
  		font-family: Montserrat, Roboto;
  		font-size: 10px;
	    font-weight: 400;
	}
}

@media only screen and (min-width: 600px) {
	label#wpforms-5179-field_1-error {
	  margin-top: 0px;
	  font-family: Montserrat, Roboto;
	  font-size: 10px;
	  font-weight: 400;
	}
}

@media only screen and (max-width: 600px) {
  label#wpforms-5179-field_2-error {
  		margin-top: 0px;
  		font-family: Montserrat, Roboto;
  		font-size: 10px;
	    font-weight: 400;
	}
}

@media only screen and (min-width: 600px) {
	label#wpforms-5179-field_2-error {
	  margin-top: 0px;
	  font-family: Montserrat, Roboto;
	  font-size: 10px;
	  font-weight: 400;
	}
}

.wpforms-submit-container {
	display: flex !important;
  	justify-content: center !important;
	padding: 0px !important;
}

.skicka {
	width: 70%;
	padding:15px;
	background-color: #E303BB !important;
    font-weight: 800 !important;
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
    border-style: none !important;
	border-radius: 30px !important;
}

.skicka:hover {
	background-color: #03C8E3 !important;
    color: #032C42 !important;
}
*/	

