@charset "UTF-8";
/*
Theme Name: Blueline Prime FSE
Template: prime-fse
*/ 


.air-datepicker {
	--adp-color: #000;
	/*--adp-color-current-date: var(--wp--preset--color--color-1);*/
	--adp-cell-background-color-selected:  var(--wp--preset--color--color-1);
	--adp-cell-background-color-selected-hover: var(--wp--preset--color--color-1);
	--adp-day-name-color: var(--wp--preset--color--color-1);
}

html, body { scroll-behavior: smooth; }

body.page .aos,
body.single .aos { visibility:hidden; } 

body.home .wp-site-blocks header  {
	position:fixed !important;
	top:0;
	left:0;
	width:100%;
	z-index:1;

}

body.admin-bar .wp-site-blocks header {
    top: 32px !important;
}

body.home .wp-site-blocks header .wp-block-group { 
	background-color: transparent !important;
	border-bottom:none;
	transition: background-color 0.5s ease;
}

body.home .wp-site-blocks header .wp-block-group.color { 
	background-color: rgba(0,0,0,0.85) !important;
}

/*
 * Ändra färg på site-title och hamburger på startsida desktop och mobil
 */
 
body.home .wp-site-blocks header .wp-block-site-title a,
body.home .wp-site-blocks header .wp-block-navigation__responsive-container-open {
	color:#fff;
}

/*
 * Ändra färg endast på huvudmenyalternativen och endast på desktop och startsida
 */

html:not(.has-modal-open) body.home .wp-block-navigation ul:first-child > li,
html:not(.has-modal-open) body.home .wp-block-navigation ul:first-child > li > .wp-block-navigation-item__content:not(:hover) {
  color: #FFF;
}


body.home .wp-site-blocks header  {
	position:fixed !important;
	top:0;
	left:0;
	background-color: transparent !important;
	width:100%;
	z-index:9999;
}



input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
input[type="number"], 
input[type="tel"], 
input[type="range"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select {
    border: 1px solid var(--wp--preset--color--color-7, #adadad);
	font-size:1rem;
}


/* ************************************************************ */
/* Block customization */
/* ************************************************************ */

.gb-button-text.selected {
	background-color:#ccc !important;
}

/* Allid rund avatar */
.wp-block-post-author__avatar img { 
	border-radius:50%;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

@media screen and (min-width: 768px) {
	
	.wp-block-navigation-link a {
		margin-left:30px;
	
	}
}
/* ************************************************************ */
/* Ultilities */
/* ************************************************************ */

.asbolute-top-left { position:absolute; top:0; left:0; }
.asbolute-top-right { position:absolute; top:0; right:0; }
.cursour-pointer { cursor:pointer; }

/* Shadows */
.shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
.shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); }
.shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); }
.shadow-inset {  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); }
.shadow-dark-inset { box-shadow: inset 2px 3px 5px #000000, 0px 1px 1px #333; }
.shadow-dark { box-shadow: 0 20px 25px -5px #000, 0 8px 10px -6px #000; }

/* Hover effects */
.hover-dark { filter: brightness(100%); transition: filter 0.2s; }
.hover-dark:hover { filter: brightness(50%); }
.hover-light { opacity: 1; transition: opacity 0.2s; }
.hover-light:hover { opacity: .7; }
.hover-shine  { position: relative; overflow: hidden; }
.hover-shine::before {
	content: '';
	position: absolute;
	top: 0;
	left: -500px;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right,fade_out(#fff, 1) 0%,fade_out(#fff, 0.7) 100%);
	transform: skewX(-30deg);
	cursor:pointer;	
}

.hover-shine:hover::before,
.hover-shine:focus::before {
	animation: shine 0.5s;
}
  
@keyframes shine {
	100% {
		background: rgba(255, 255, 255, 0.2);
		left: 500px;
	}
}

.rotate-up a { transition: transform 0.5s; }
.rotate-up a:hover { transform: rotate(-45deg); }

.highlight a { 
	background-color:#24C0D4; 
	color:#fff !important;
	border-radius:20px;
	padding:15px 20px !important;
}

.highlight a:hover { 
	background-color:#000; 
	color:#fff;
}

/* ************************************************************ */
/* Contact Form 7 – Grundstil                                   */
/* ************************************************************ */

.wpcf7-form {
    border: 0;
    border-radius: 0;
    padding: 0;
    background: none;
}

/* Inmatningsfält */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="phone"],
.wpcf7-form input[type="password"],
.wpcf7-form input[type="date"],
.wpcf7-form textarea,
.wpcf7-form select {
    border-radius: 10px;
    color: #6c727a;
    width: 100%;
}

/* ************************************************************ */
/* Radiofält – gör knappen synlig och radlayout stabil          */
/* ************************************************************ */

/* Varje radio-alternativ */
.wpcf7-list-item {
    display: block;
    margin-bottom: 10px;
}

/* ************************************************************ */
/* Knapp + validering                                            */
/* ************************************************************ */

.wpcf7-form .wpcf7-submit {
    background: #000;
    color: #fff;
    padding: 20px 40px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
}

.wpcf7 input[type="submit"]:hover {
    background-color: #4d4d4d;
}

.wpcf7-not-valid-tip {
    color: #ccc;
}

.wpcf7 form .wpcf7-response-output {
    padding: 0.5em 1em;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #E3AC15;
    background: #E3AC15;
    color: #fff;
    border-radius: 10px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #999;
    background: #333c;
    color: #FFF;
    border-radius: 10px;
}


/* ************************************************************ */
/* Toggle slideshow */
/* ************************************************************ */

.wp-block-getwid-content-slider.toggle {
	cursor:pointer;
	overflow:hidden;
	border-radius:15px;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.wp-block-getwid-content-slider.toggle .wp-block-getwid-content-slider-slide__wrapper {
	position: relative;
	aspect-ratio: 3/3.1;
}

.wp-block-getwid-content-slider.toggle .wp-block-getwid-content-slider-slide__wrapper img {
	aspect-ratio: 3/3.1;
}

.wp-block-getwid-content-slider.toggle .wp-block-getwid-content-slider-slide__wrapper::after {
	position:absolute;
	top:20px;
	left:20px;
	z-index:9999;
	content:'\21BA';
	color:#fff;
	opacity:.6;
	font-size:1.2rem;
}

.wp-block-getwid-content-slider.toggle .wp-block-getwid-content-slider-slide__wrapper:hover::after {
	color:#ccc;
}

.wp-block-getwid-content-slider.toggle .wp-block-getwid-content-slider-slide__wrapper > * {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}

.wp-block-getwid-content-slider.toggle .slick-slider[aria-hidden="true"] {
    display: none;
}

/* Klass för snyggare färg på länkar i rubriker (rosa) */
.my-heading a:hover {
    color: #e6145c;
}


/* 
   Rollovereffekt för utvald bild (featured image).
   Används endast där klassen .featured-hover är tillagd.
   Zoomar in bilden mjukt vid hover.
*/
.featured-hover img {
    transition: transform 0.4s ease;
}

.featured-hover img:hover {
    transform: scale(1.05);
}

/* Endast headerknappen WP-originalknapp */
header .wp-block-button__link {
    background-color: #e6145c; /* rosa */
    color: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
    transition: 
        background-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

/* Hover-effekt */
header .wp-block-button__link:hover {
    background-color: #000;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}


/* Stänger av underline på H3-länker och fixar rollver på Getwid Advanced headring*/
h3 a {
    text-decoration: none;
}

.wp-block-getwid-advanced-heading h3 a {
    color: #000; /* svart */
    text-decoration: none;
}

.wp-block-getwid-advanced-heading h3 a:hover {
    color: #e91e63; /* LantEvent-rosa */
}

/* Nolla ALLA WordPress-block-indrag runt listan */
.le-pricelist,
.le-pricelist.wp-block-list,
.le-pricelist .wp-block-list,
.le-pricelist.wp-block-group,
.le-pricelist .wp-block-group,
.le-pricelist.wp-block-column,
.le-pricelist .wp-block-column {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Nolla UL/OL */
.le-pricelist ul,
.le-pricelist ol {
    list-style: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Nolla ::marker och temats egna listbullets */
.le-pricelist li::marker {
    content: "" !important;
}
.le-pricelist li::before {
    content: none !important;
}

/* Grundstil för varje rad */
.le-pricelist li {
    position: relative;
    margin-left: 0 !important;
    padding-left: 1.4rem;
    margin-bottom: 0.35rem;
    font-size: 0.9rem;
    line-height: 1.3;
}

/* ✔️ Checkmark istället för bullets */
.le-pricelist li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0.15rem;
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%234A7A4C' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'><polyline points='20 6 9 17 4 12'/></svg>");
}

/* Footer länkar – normal och hover  */
footer a {
    text-decoration: none;
    color: #333;
    text-underline-offset: 3px;
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

footer a:hover {
    color: #e6145c; 
    text-decoration: underline;
}