/*
Theme Name: Trefadder Builder
Theme URI: https://www.trefadder.no
Version: 2.0
Description: Theme for trefadder.com.
Author: Strand & Lund
Author URI: https://strandlund.no
template: bb-theme
*/

/* Add your custom styles here... */


.sl-tag-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.sl-tag-pill-link {
	text-decoration: none;
}

.sl-tag-pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 20px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.92);
	color: #355646;
	font-weight: 500;
	line-height: 1;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
  font-size: 14px;
}

.sl-tag-pill i {
	line-height: 1;
	font-size: 16px;
}

.sl-tag-pill-text {
	line-height: 1.2;
}

.fl-visible-mobile.sticky {
    position: fixed;
    z-index: 999999;
    bottom: 30px;
    width: 100%;
}

.page-id-12944 .fl-visible-mobile.sticky {
    display: none;
}

.fl-rich-text h2 {
    font-size: 25px;
    margin-top: 30px;
}

.fl-rich-text img {
    border-radius: 20px;
}

.wp-caption {
    background: transparent;
    border: none;
    max-width: 100%;
    padding: 0;
    text-align: left;
}

figcaption.wp-element-caption {
    text-align: left;
}

figure.wp-block-image {
    margin: 40px 0;
}

.uabb-blog-posts a:hover img,
.uabb-blog-post-inner-wrap:hover .uabb-post-thumbnail img {
    transform: scale(1.02, 1.02);
}

.uabb-post-thumbnail {
    overflow: hidden;
}

.uabb-blog-posts img,
.uabb-post-thumbnail img {
transition: all 0.3s ease-in-out;
}


.uabb-post-thumbnail {
	position: relative;
	overflow: hidden;
}

.uabb-post-image-tags {
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.uabb-post-image-tag {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 20px;
	border-radius: 999px;
	background: rgba(255,255,255,0.92);
	color: #355646;
	font-weight: 500;
	line-height: 1;
	box-shadow: 0 4px 18px rgba(0,0,0,0.08);
}

.uabb-post-image-tag i {
	font-size: 12px;
	line-height: 1;
}

span.uabb-post-image-tag-text {
    font-size: 12px;
}

blockquote p {
    font-size: 20px !important;
}

blockquote:before {
    font-family: 'Font Awesome 7 Pro';
    content: "\f10e";
    font-size: 40px;
    font-weight: 700;
}

.wp-block-quote {
	border-left: none;
}

hr, hr.wp-block-separator {
    border-top: solid 1px !important;
    color: #4c7f65 !important;
}

.fl-rich-text a {
    border-bottom: solid 1px;
}

.fl-rich-text a:hover {
   text-decoration: none;
}

.uabb-post-thumbnail {
    border-radius: 20px 20px 0 0;
}

.img-ticker {
  overflow: hidden;
  width: 100%;
}

.img-track {
  display: flex;
  width: max-content;
  gap: 40px;
  animation: tickerScroll 60s linear infinite;
}

.img-item img {
  display: block;
  height: 250px;
  width: auto;
  border-radius: 40px;
}

/* 👇 Pause ved hover */
.img-ticker:hover .img-track {
  animation-play-state: paused;
}

@keyframes tickerScroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.fl-video.fl-wp-video {
    border-radius: 20px;
}


.has-prefix {
    position: relative;
}

.has-prefix {
    position: relative;
}

.has-prefix .ginput_container {
    position: relative;
}

@media (min-width: 600px) {
    .has-prefix .ginput_container:before {
        content: "DKK";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        color: #fff;
        font-size: 25px;
        line-height: 1;
        pointer-events: none;
        z-index: 2;
    }

    .has-prefix input {
        padding-left: 65px !important;
        color: #fff !important;
        font-size: 25px !important;
    }
}

.has-prefix input {
    color: #fff !important;
    font-size: 25px !important;
}

 .gform_confirmation_message {
     font-size: 1.3em !important;
 }