/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Fonts */

@font-face {
    font-family: 'HelveticaNeue';
    src: url('/wp-content/themes/bb-theme-child/assets/font/helveticaneue-thin-webfont.woff2') format('woff2'),
         url('/wp-content/themes/bb-theme-child/assets/font/helveticaneue-thin-webfont.woff') format('woff'),
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('/wp-content/themes/bb-theme-child/assets/font/helveticaneue-light-webfont.woff2') format('woff2'),
         url('/wp-content/themes/bb-theme-child/assets/font/helveticaneue-light-webfont.woff') format('woff'),
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('/wp-content/themes/bb-theme-child/assets/font/helveticaneuemedium-webfont.woff2') format('woff2'),
         url('/wp-content/themes/bb-theme-child/assets/font/helveticaneuemedium-webfont.woff') format('woff'),
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('/wp-content/themes/bb-theme-child/assets/font/helveticaneuebold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/bb-theme-child/assets/font/helveticaneuebold-webfont.woff') format('woff'),
    font-weight: bold;
    font-style: normal;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,h2,h3,h4,h5,h6 {
    /* font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif; */
	font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin-top: 5px;
}

body {
    /* font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif; */
	font-family: Helvetica, Arial, sans-serif;
    font-weight: 300;
	font-weight: 400;
}

blockquote {
    font-size: 14px;
}

.large-p p,
p.large-p {
    font-size: 17px;
}

/* Global */

.fl-button,
.fl-button:hover {
    transition: 0.4 ease;
}

#menu-main-navigation .styled-header-link.primary a {
	background-color: #E87308;
	color: white !important;
}

#menu-main-navigation .styled-header-link.primary a:hover {
	background-color: rgba(0,0,0,0) !important;
	color: #E87308 !important;
}

/*body {
    overflow-y: hidden;
}*/

@media all and (max-width: 767px) {

    .fl-col-small {
        max-width: 100% !important;
    }

}


/* Header */

#menu-main-navigation .styled-header-link a {
    border: 2px solid #E87308;
    border-radius: 100px;
    padding: 14px 24px;
    color: #E87308 !important;
    transition: 0.4s;
}

#menu-main-navigation .styled-header-link a:hover {
    background-color: #E87308 !important;
    color: #EEEEF1 !important;
    transition: 0.4s;
}

#menu-main-navigation-1 .styled-header-link a {
    border: 2px solid #E87308;
    border-radius: 100px;
    padding: 10px 24px;
    background-color: #E87308 !important;
    color: #EEEEF1 !important;
    transition: 0.4s;
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 68px;
    text-align: center !important;
}

#menu-main-navigation-1 a {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

#menu-main-navigation-1 .styled-header-link a:hover {
    background-color: rgba(0,0,0,0) !important;
    color: #E87308 !important;
    transition: 0.4s;
}

.header-container .fl-col-content {
    display: inline-block;
    font-size: 0;
}

.header-logo {
    display: inline-block;
    font-size: 0;
    max-width: 249px;
    vertical-align: top;
}

.header-menu {
    display: inline-block;
    font-size: 0;
    max-width: calc(100% - 249px);
    vertical-align: top;
}

.light-section-image::after {
    content: '';
    width: 115%;
    position: absolute;
    left: 50%;
    bottom: -30px;
    transform: translateX(-50%);
    height: 30px;
    background-color: #eeeef1;
}
.fl-callout .fl-photo-content {
    min-height: 46px;
}

#menu-main-navigation li > a {
    color: #474747;
}

@media all and (min-width: 850px) {
    
    .mobile-header {
        display: none;
    }
    
    .desktop-header {
        display: inline-block;
    }
    
}

@media all and (max-width: 849px) {
    
    .mobile-header {
        display: inline-block;
    }
    
    .desktop-header {
        display: none;
    }
    
    .hamburger {
        padding-right: 0px !important;
        transition: 0.4s;
        margin-left: -20px;
    }
    
    .hamburger:hover {
        transition: 0.4s;
    }
    
    .fl-menu-mobile-flyout {
        background-color: #F1D09F !important;
        padding: 10px 10px;
    }
    
    .fl-menu-mobile-flyout a {
        font-size: 16px !important;
    }
    
    .mobile-header .fl-module-content {
        margin: 10px 20px;
    }
    
    .svg-container {
        height: 33px !important;
        width: 81px !important;
        background-image: url(./assets/images/meny-button.png);
        background-size: 81px 33px;
        background-repeat: no-repeat;
        transition: 0.4s;
    }
	
	html[lang="fi"] .svg-container {
        background-image: url(./assets/images/meny-button-fi.png);		
	}
    
    .svg-container:hover {
        height: 33px !important;
        width: 81px !important;
        background-image: url(./assets/images/meny-button-hover.png);
        background-size: 81px 33px;
        background-repeat: no-repeat;
        transition: 0.4s;
    }
	
	html[lang="fi"] .svg-container:hover {
		background-image: url(./assets/images/meny-button-fi.png);			
	}
    
    .hamburger-menu {
        display: none;
    }
    
    .fl-menu-mobile-close {
        height: 33px !important;
        width: 81px !important;
        margin-top: 14px;
        margin-right: 14px;
        background-image: url(./assets/images/stang-button.png);
        background-size: 81px 33px;
        background-repeat: no-repeat;
        transition: 0.4s;
    }
	
	html[lang="fi"] .fl-menu-mobile-close {
        background-image: url(./assets/images/stang-button-fi.png);		
	}
    
    .fl-menu-mobile-close:hover {
        height: 33px !important;
        width: 81px !important;
        margin-top: 14px;
        background-image: url(./assets/images/stang-button-hover.png);
        background-size: 81px 33px;
        background-repeat: no-repeat;
        transition: 0.4s;
    }
	
	html[lang="fi"] .fl-menu-mobile-close:hover {
        background-image: url(./assets/images/stang-button-fi.png);	
	}
    
    .fl-menu-mobile-close i {
        display: none;
    }
    
    .fl-menu-mobile-close,
    .fl-menu-mobile-close:hover {
        float: right !important;
        padding: 20px 14px 10px 6px;
    }
    
}


/* Hero */
.hero-section.fl-row {
    background-color: #EEEEF1;
}

.hero-section .fl-row-content-wrap {
    margin-left: 60px;
    margin-right: 60px;
}


/* Orange Section */

@media all and (min-width: 768px) {

    .orange-section-container .fl-col-content {
        display: inline-block;
        font-size: 0;
    }
    
    .orange-section-text {
        display: inline-block;
        font-size: 0;
        max-width: calc(100% - 188px);
        vertical-align: middle;
    }
    
    .orange-section-button {
        display: inline-block;
        font-size: 0;
        max-width: 188px;
        vertical-align: middle;
    }
    
    .light-section-container .fl-col-content {
        position: relative;
        display: inline-block;
        width: 100%;
        font-size: 0;
    }
    
    .light-section-text {
        display: inline-block;
        font-size: 0;
        max-width: 50%;
        vertical-align: middle;
    }
    
    .light-section-text p {
        font-size: 16px;
    }
    
    .light-section-image {
        position: absolute;
        bottom: 0px;
        right: 170px;
        z-index: 9;
    }
    
    .light-section-button {
        display: inline-block;
        font-size: 0;
        max-width: 50%;
        min-width: 50%;
        vertical-align: middle;
        z-index: 99;
        position: -webkit-sticky;
        position: sticky;
    }

}

.orange-section-button a.fl-button > span {
    color: #e87308 !important;
}

.orange-section-button.white-text .fl-button-text {
    color: #fff !important;
}

.orange-section-button.white-text .fl-button-wrap:hover a > .fl-button-text {
    color: #e87308 !important;
}

/* Tab Module */

.uabb-tabs-nav .uabb-tab-current a {
    border-bottom: 3px solid #E87308 !important;
}

.uabb-tabs-nav li a {
    border-bottom: 3px solid #D4D4D4 !important;
}

.uabb-content {
    border: 0px !important;
    padding: 0px !important;
}

.fl-accordion-button-label, .fl-accordion-button {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.fl-accordion-button {
    padding: 0px !important;
}

.fl-accordion-button-label {
    font-weight: bold;
}

.fl-accordion-item {
    border-bottom: solid 1px #D4D4D4 !important;
}

.fl-accordion-button-icon {
    opacity: 1 !important;
    color: #E87308 !important;
    font-size: 20px;
}

.uabb-module-content .fl-builder-content {
    padding: 25px 0px 0px !important;
}

.fl-accordion-content {
    padding: 0px 0px 10px 0px !important;
}

@media all and (min-width: 768px) {
    
    .uabb-tabs-nav li:first-child {
        margin-right: 0px !important;
    }
    
    .uabb-tabs-nav li:last-child {
        margin-left: 0px !important;
    }
    
    .accordion-container {
        position: relative;
    }
    
    .accordion-floating-image {
        position: absolute;
        /*top: 20%;*/
        top: 60px;
        right: 0px;
        z-index: 99;
    }
    
    .accordion-floating-image .fl-module-content {
        margin: 0px !important;
    }
    
    .accordion-floating-image img {
        max-width: 35vw !important;
    }
    
}

@media all and (max-width: 767px) {
    
    .uabb-tabs-nav ul {
        display: inline-block;
        font-size: 0;
    }
    
    .uabb-tabs-nav li {
        display: inline-block;
        width: 50%;
    }
    
    .uabb-tabs-nav h4,
    .uabb-tabs-nav a {
        vertical-align: bottom;
        height: 100%;
    }
    
    .uabb-tabs-nav a {
        padding-bottom: 8px;
    }
    
    .uabb-tabs-nav .uabb-tab-title {
        white-space: normal;
        display: block !important;
    }
    
    .accordion-floating-image .fl-module-content {
        margin-right: 0px !important;
    }

    .accordion-floating-image {
        margin-right: 0px;
    }
    
    .accordion-floating-image img {
        max-width: calc(100vw - 20px) !important;
    }
    
    .uabb-tabs-nav li:first-child {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    
    .uabb-tabs-nav li:last-child {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

}



/* Two Column Post Grid */

.two-column-grid .wp-post-image {
    border-radius: 100px;
    height: 142px;
    width: 142px;
    margin-top: -60px;
}

.two-column-grid .fl-post-image {
    margin-top: 60px;
    text-align: center;
}

.two-column-grid .full-container {
    background-color: #fff;
    height: calc(100% - 80px) !important;
    border-radius: 9px;
    -webkit-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.15);
    margin: 10px;
}

.two-column-grid .fl-post-grid-post {
    background: rgba(255,255,255,0) !important;
    border: 0px;
}

.two-column-grid .fl-post-text {
    text-align: center;
    padding: 20px 30px;
}

.two-column-grid .fl-post-text h2 {
    font-size: 22px;
}

.two-column-grid .fl-post-column {
    padding: 0px !important;
}


/* Callout */

@media all and (max-width: 767px) {

    .fl-callout-content {
        text-align: center !important;
    }

}


/* Four Column Post Grid */

.four-column-grid .wp-post-image {
    display: none;
    border-radius: 100px;
    height: 142px;
    width: 142px;
}

.four-column-grid .fl-post-image {
    display: none;
    text-align: center;
}

.four-column-grid .fl-post-grid-post {
    background: rgba(255,255,255,0) !important;
    border: 0px;
}


.four-column-grid .fl-post-text {
    padding: 30px;
    background-color: #fff;
    border-radius: 9px;
    text-align: center;
}

.four-column-grid .fl-post-text h2 {
    font-size: 16px !important;
    margin-bottom: 5px;
}

.four-column-grid .fl-post-column {
    padding-bottom: 15px !important;
}

.four-column-grid .fl-post-content p {
    margin-bottom: 5px !important;
}


/* Om Oss Section */

@media all and (min-width: 768px) {
    
    .image-right-container {
        position: relative;
		overflow: hidden;
    }
    
    .image-right-floating {
        width: 42vw;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        right: 0px;
        z-index: 99;
    }
    
    .image-right-floating .fl-module-content {
        margin: 0px !important;
    }
    
    .image-right-floating img {
        max-width: 45vw !important;
    }
    
}

@media all and (max-width: 767px) {
    
    .image-right-floating .fl-module-content {
        margin-right: 0px !important;
    }

    .image-right-floating {
        margin-right: 0px;
    }
    
    .image-right-floating img {
        max-width: calc(100vw - 20px) !important;
    }
    
    .image-right-floating .fl-photo-content {
        max-width: calc(100vw - 20px) !important;
    }

}


/* Hotspot */

.uabb-hotspot-tooltip-content {
    border-radius: 9px;
    -webkit-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.15);
    text-align: left !important;
}
    
.desktop-hotspot .uabb-image-content img {
    opacity: 0;
}

.desktop-hotspot .uabb-tooltip-style-classic.uabb-tooltip-top .uabb-hotspot-tooltip-content {
    opacity: 1 !important;
}

.desktop-hotspot .uabb-hotspot-item-3 .uabb-tooltip-style-classic.uabb-tooltip-top .uabb-hotspot-tooltip-content {
    bottom: -45px !important;
    margin-right: 10px !important;
    margin-bottom: 0px !important;
    left: -110px !important;
}

.desktop-hotspot .uabb-hotspot-item-3 .uabb-tooltip-style-classic.uabb-tooltip-top .uabb-hotspot-tooltip-content::after {
    top: calc(50% - 10px) !important;
    left: 100% !important;
    transform: rotate(270deg);
    margin-left: 0px !important;
}

.mobile-hotspot .uabb-hotspot-item-0 .uabb-tooltip-style-classic.uabb-tooltip-top .uabb-hotspot-tooltip-content {
    bottom: -200px !important;
    left: -7px !important;
    width: 280px !important;
    transform: translateX(0%)!important;
}

.mobile-hotspot .uabb-hotspot-item-1 .uabb-tooltip-style-classic.uabb-tooltip-top .uabb-hotspot-tooltip-content {
    bottom: -200px !important;
    left: -155px !important;
    width: 280px !important;
    transform: translateX(0%)!important;
}

.mobile-hotspot .uabb-hotspot-item-2 .uabb-tooltip-style-classic.uabb-tooltip-top .uabb-hotspot-tooltip-content {
    bottom: -200px !important;
    left: -267px !important;
    width: 280px !important;
    transform: translateX(0%)!important;
}

.mobile-hotspot .uabb-hotspot-item-3 .uabb-tooltip-style-classic.uabb-tooltip-top .uabb-hotspot-tooltip-content {
    bottom: 30px !important;
    left: -100px !important;
    width: 280px !important;
    transform: translateX(0%)!important;
}

.mobile-hotspot .uabb-hotspot-item-4 .uabb-tooltip-style-classic.uabb-tooltip-top .uabb-hotspot-tooltip-content {
    bottom: 30px !important;
    left: -207px !important;
    width: 280px !important;
    transform: translateX(0%)!important;
}

.mobile-hotspot .uabb-hotspot-item-0 .uabb-tooltip-style-classic.uabb-tooltip-top .uabb-hotspot-tooltip-content::after {
    top: -20px;
    transform: rotate(180deg);
    left: 30px;
}

.mobile-hotspot .uabb-hotspot-item-1 .uabb-tooltip-style-classic.uabb-tooltip-top .uabb-hotspot-tooltip-content::after {
    top: -20px;
    transform: rotate(180deg);
    left: 50%;
}

.mobile-hotspot .uabb-hotspot-item-2 .uabb-tooltip-style-classic.uabb-tooltip-top .uabb-hotspot-tooltip-content::after {
    top: -20px;
    transform: rotate(180deg);
    left: calc(100% - 30px);
}

.mobile-hotspot .uabb-hotspot-item-3 .uabb-tooltip-style-classic.uabb-tooltip-top .uabb-hotspot-tooltip-content::after {
    left: calc(50% - 10px);
}

.mobile-hotspot .uabb-hotspot-item-4 .uabb-tooltip-style-classic.uabb-tooltip-top .uabb-hotspot-tooltip-content::after {
    left: calc(100% - 50px);
}

@media all and (min-width: 768px) {
    
    .mobile-hotspot {
        display: none !important;
    }
    
    .desktop-hotspot {
        display: block !important;
    }
    
}

@media all and (max-width: 767px) {
    
    .mobile-hotspot {
        display: block !important;
    }
    
    .desktop-hotspot {
        display: none !important;
    }
    
}


/* Light Orange Section */

@media all and (min-width: 768px) {
    
    .mobile {
        display: none;
    }
    
    .desktop {
        display: block;
    }
    
    .fl-builder-edit .mobile {
        display: block;
    }
    
}

@media all and (max-width: 767px) {
    
    .mobile {
        display: block;
    }
    
    .desktop {
        display: none;
    }

    .image-behind-button {
        z-index: 9;
    }
    
    .image-behind-button img {
        margin-top: -60px !important;
    }
    
    .button-infront-image {
        z-index: 99;
        margin-top: -40px;
        position: -webkit-sticky;
        position: sticky;
    }

}

/*Frida Feedback Nextstate Oct 2019*/
.two-column-grid .kontakta_oss .fl-post-text h2 {
    display: none;
}

@media all and (min-width: 850px) {
    
    #menu-main-navigation li:last-of-type {
        margin-left: 15px;
    }
    
    h1 {
        line-height: 1.3 !important;
    }
    
    h2 {
        line-height: 1.2 !important;
    }
    
    .hero-section .fl-row-content-wrap {
        min-height: calc(100vh - 60px) !important;
    }
    
    .fl-node-5d88c0e43ca16 p {
        font-size: 16px !important;
    }
    
    .fl-callout p {
        line-height: 1.5 !important;
    }
    
    .light-section-text p {
        margin-bottom: 0px;
    }
    
    .fl-col .fl-node-5d88de10d17eb {
        font-size: 18px;
    }
    
    .two-column-grid .kontakta_oss .fl-post-text h5 {
        font-size: 20px;
        min-height: 84px;
    }
    
    .two-column-grid .kontakta_oss .fl-post-text p {
        font-size: 16px;
    }
    
    .fl-node-5d890d7d2f83e p {
        font-size: 16px;
    }
    
    #om-oss p {
        font-size: 16px;
    }
    
}

@media all and (max-width: 849px) {
    
    .fl-col.fl-node-5d88c11c50d72 p {
        font-size: 16px;
        text-align: center;
    }
    
    .fl-callout p {
        font-size: 16px;
    }
    
    .orange-section-text h5 {
        font-size: 18px;
    }
    
    #om-oss h2,
    #om-oss p {
        text-align: center;
    }
    
}

.orange-section-button .fl-button {
    box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.25);
}

.fl-accordion-button-label:focus,
.fl-accordion-button-label:active {
    outline: none;
}

.fl-accordion-button-label,
.fl-accordion-content {
    font-size: 16px;
}

.fl-node-5d88b8487ba78 .fl-menu-mobile-flyout {
    box-shadow: none;
    transition-duration: .4s;
}

.fl-menu-mobile-close,
.fl-menu-mobile-close:hover {
    background-position: bottom;
    padding-bottom: 40px !important;
    transition: 0.0s !important;
    margin-top: 0px;
}

/* Single Post */
.single-post .fl-builder-content {
    background-color: #EEEEF1;
}

/* YouTube overlay */
#yt-player {
    position: relative;
}

#yt-player .embed-container,
#yt-player .play-button,
#yt-player > .play-button-disabled {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

#yt-player > .play-button-disabled {
    height: 0;
    padding-bottom: 56.25%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*#yt-player > .play-button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    opacity: 1;
    transition: .3s ease-in-out;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#yt-player > .play-button > .play-button__btn {
    background-image: url("/wp-content/themes/bb-theme-child/assets/images/play-button.svg");
    width: 125px;
    height: 125px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}*/

#yt-player > .play-button.playing {
    opacity: 0;
}

@media screen and (max-width: 767px) {
    #yt-player {
        margin-right: 20px;
    }
}


/* NYHETER POST GRID */
.nyheter-post-grid .fl-post-image {
    height: 0;
    padding-bottom: 55%;
    margin: 30px 30px 0px;
    border-radius: 7px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

.nyheter-post-grid .fl-post-grid-post {
    position: relative;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    box-shadow: -1px 1px 20px 0px rgba(0,0,0,0.14);
    -webkit-box-shadow: -1px 1px 20px 0px rgba(0,0,0,0.14);
    -moz-box-shadow: -1px 1px 20px 0px rgba(0,0,0,0.14);
    transition: 0.4s;
}

.nyheter-post-grid .fl-post-grid-post:hover {
    margin-bottom: 20px;
    margin-top: 0px;
    transition: 0.4s;
    box-shadow: -1px 1px 30px 0px rgba(0,0,0,0.14);
    -webkit-box-shadow: -1px 1px 30px 0px rgba(0,0,0,0.14);
    -moz-box-shadow: -1px 1px 30px 0px rgba(0,0,0,0.14);
}

.nyheter-post-grid .fl-post-text {
    padding: 25px 30px 65px;
}

.nyheter-post-grid .fl-post-title {
    padding-bottom: 10px;
}

.post-category {
    text-transform: uppercase;
    margin-bottom: 5px;
    color: #7B868C;
}

.nyheter-post-grid .fl-post-more-link {
    position: absolute;
    padding: 0px 30px;
    bottom: 30px;
}

.nyheter-post-grid .fl-post-more-link p {
    margin-bottom: 0px;
    color: #E87308;
    font-weight: bold;
    padding-right: 20px;
    background-image: url(./assets/images/arrow-right.png) !important;
    background-size: 14px 11px !important;
    background-repeat: no-repeat !important;
    background-position: 100% calc(50% + 1px) !important;
}

.nyheter-post-grid .fl-post-column {
    padding-bottom: 10px !important;
}

.nyheter-post-grid .post-link {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 9;
}

.nyheter-post-grid a.fl-button {
    padding: 0px 20px 8px 0px !important;
    background-color: rgba(0,0,0,0);
    border-bottom: solid 3px #e87308 !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    background-image: url(./assets/images/arrow-down.png) !important;
    background-size: 11px 14px !important;
    background-repeat: no-repeat !important;
    background-position: 100% calc(50% - 4px) !important;
}

.nyheter-post-grid a.fl-button:hover {
    background-color: rgba(0,0,0,0);
}

.nyheter-post-grid a.fl-button span {
    color: #E87308;
}

.nyheter-post-grid .fl-post-image.webinar {
    position: relative;
}

.nyheter-post-grid .fl-post-image.webinar::after {
    content: "";
    background-image: url("/wp-content/themes/bb-theme-child/assets/images/play-button.svg");
    width: 16.42%;
    height: 0;
    padding-bottom: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

/* NYHETER SINGULAR */
.singular-meta {
    display: inline-block;
    width: 100%;
    font-size: 0;
}

.nyheter-cat {
    text-transform: uppercase;
}

.arrow-left {
    font-size: 14px;
    margin-bottom: 0px;
    color: #E87308;
    font-weight: bold;
    padding-left: 20px;
    background-image: url(./assets/images/arrow-left.png) !important;
    background-size: 14px 11px !important;
    background-repeat: no-repeat !important;
    background-position: 0% calc(50% + 1px) !important;
    display: inline-block;
    width: 50%;
}

.date-right {
    text-align: right;
    font-size: 14px;
    display: inline-block;
    width: 50%;
}

.single-post h1 {
    font-size: 36px;
}

.single-post h2 {
    font-size: 26px;
}

@media screen and (min-width: 768px) {
    .single-post h1 {
        font-size: 39px;
    }
}

@media screen and (min-width: 992px) {
    .title-section .fl-col-content {
        max-width: 540px;
        margin-left: 0;
    }

}

.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span {
    border-radius: 100px;
    padding: 6px;
}

.addtoany_list a:first-of-type {
    padding-left: 0px;
}

.nyheter-content {
    max-width: 800px;
    margin: 0 auto;
    float: none;
}

.nyheter-content-container {
    position: relative;
}

.social-link-container {
    max-width: 800px;
}

.social-link-container .fl-html h4 {
    padding-right: 20px;
}

.social-link-container .fl-html h4,
.social-link-container .fl-html .addtoany_shortcode {
    display: inline-block;
    vertical-align: middle;
} 

@media all and (min-width: 875px) {
    
    .social-link-container {
        padding-top: 10px;
        position: absolute;
        top: 0px;
        left: 0px;
    }
    
    .nyheter-content {
        width: calc(100% - 320px);
    }
    
    .social-link-container .fl-html h4 {
        padding-right: 0px;
    }
    
    .social-link-container .fl-html h4,
    .social-link-container .fl-html .addtoany_shortcode {
        display: block;
        vertical-align: middle;
    } 
    
}