/*
Theme Name:     Kleo Child
Theme URI:
Description:    Child theme for Kleo
Author:         SeventhQueen
Author URI:     http://seventhqueen.com
Template:       Kleo
Tags:  one-column, two-columns, right-sidebar, fluid-layout, custom-menu, featured-
images, 
post-formats, sticky-post, translation-ready
License: GNU General Public License
License URI: license.txt
*/

/*
* 
turqoise:
100%: #41BFBC;
75%:  #71cfcd;
50%:  #a0dfdd;
25%:  #cfefee;
16%:  #e0f5f4;

grey:
100% #585D5E 585d5d
75% #828686
50% #abaeae
25% #d5d6d7

light grey in tabs:
#eeeeed
even lighter 
#f0f0f0

orange:
100% #F26D21
50%  #f9b995
25%: #fcdac7
20%: #fce2d3
16%: #fde8db
13%: #fdece2
*/



/* 
background color:

#f6f6f6
#f7f7f7

*/

:root {
	--site-width-min: 90vw;
	--site-width-max: 1280px;
	--scrollbar-width: 0px;
    --site-width: min(var(--site-width-min, 90vw), var(--site-width-max, 1280px));
    --site-padding: calc((100vw - var(--scrollbar-width) - var(--site-width)) / 2);
    --section-padding: max(3.25rem, min(8.6666666667vw, 5.5rem));

    --button-bg: transparent;
    --button-color: #00EED7;
    --button-border-color: #00EED7;
    --button-bg-hover: #00EED7;
    --button-color-hover: #020315;
    --button-border-color-hover: #00EED7;

	--button-padding-x: 13px;
	--button-padding-y: 10px;

	--button-font-size: 14px;
	--button-font-family: "Inter", sans-serif;
	--button-font-weight: 400;
	--button-letter-spacing: 0;
	--button-line-height: 1;
	--button-font: var(--button-font-weight) var(--button-font-size)/var(--button-line-height) var(--button-font-family);

	--button-border-width: 1px;
	--button-border-radius: 8px;
}

@import url("../kleo/style.css");

@font-face {
    font-family: Lato;
    src: url(http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext);
}

body {
    font-family: 'Inter', sans-serif !important;
}

body p {
    font-family: 'Inter', sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Stolzl', sans-serif !important;
}

#main {
    border-width:0px;
}

/* Override container styles from kleo theme */

.container:not(.section-container) {
  padding-right: 0px;
  padding-left: 0px;
}

.row {
  margin-right: 0;
  margin-left: 0;
}

@media (min-width: 768px) {
  .container {
    max-width: var(--site-width);
  }
}

@media (min-width: 992px) {
    .container {
        max-width: var(--site-width);
    }

    .navbar-nav {
      gap: 10px;
    }

  .navbar-transparent .navbar-nav .dropdown-menu li a {
    color: #000 !important;
  }
}

/* Header override default styling */
#header .kleo-main-header {
   border-bottom: 1px solid #e6e6e6;
    transition: all 0.4s ease;
}

#header .kleo-main-header.header-lp .container::before,
#header .kleo-main-header.header-lp .container::after {
    display: none;
}

#header .kleo-main-header.header-lp .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#header .kleo-main-header.header-lp {
    --button-color: #020315;
    --button-border-color: #020315;
    --button-bg-hover: #020315;
    --button-color-hover: #FFF;
    --button-border-color-hover: #020315;
}

html:not(.has-scrolled-down) .kleo-navbar-fixed.navbar-transparent #header .kleo-main-header:not(:hover).header-lp {
    --button-color: #00EED7;
    --button-border-color: #00EED7;
    --button-bg-hover: #00EED7;
    --button-color-hover: #020315;
    --button-border-color-hover: #00EED7;
}

.kleo-navbar-fixed.navbar-transparent #header .kleo-main-header {
    position: fixed !important;
    top: 0 !important;
    left: 0;
    right: 0;
    background-color: transparent;
    transition: background-color 0.4s ease;
    border-bottom: none;
}

.kleo-main-header .logo a,
.kleo-main-header .navbar-header {
    display: flex;
    align-items: center;
    padding: 0;
}

.kleo-main-header .navbar-header::before,
.kleo-main-header .navbar-header::after {
    display: none;
}

.kleo-main-header .logo a svg {
    height: 28px;
}

.kleo-main-header .logo a img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7463%) hue-rotate(46deg) brightness(107%) contrast(108%);
    height: 29px;
}

.kleo-navbar-fixed.navbar-transparent #header .kleo-main-header .logo a img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(304deg) brightness(108%) contrast(101%);
}

html.has-scrolled-down .kleo-navbar-fixed #header .kleo-main-header {
    --button-color: #020315;
    --button-border-color: #020315;
    --button-bg-hover: #020315;
    --button-color-hover: #FFF;
    --button-border-color-hover: #020315;

    background-color: #f6f6f6;
}

html.has-scrolled-down .kleo-navbar-fixed.navbar-transparent #header .kleo-main-header .logo a img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7463%) hue-rotate(46deg) brightness(107%) contrast(108%);
}

html.has-scrolled-down .kleo-navbar-fixed.navbar-transparent #header .kleo-main-header .nav > li > a {
    color: #000;
}

.header-color .caret:after {
    color: #000;
    transition: rotate 0.4s ease;
}

.kleo-navbar-fixed.navbar-transparent #header .kleo-main-header {
    box-shadow: none;
}

.kleo-main-header .nav > li > a {
    font-size: 16px;
    color: #000;
    line-height: 1.5 !important;
}

.kleo-main-header .nav > li.current-menu-item {
    box-shadow: none;
    background-color: inherit;
}

.kleo-main-header .nav > li.active > a {
    box-shadow: none;
}

.kleo-main-header .nav > li .dropdown-menu {
    display: block;
    opacity: 0;
    box-shadow: none;
    background-color: #f6f6f6;
    border: none;
    padding: 35px 0 20px 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.25s linear;
}

.kleo-main-header .nav > li .dropdown-menu li {
    border-bottom: none;
}

.kleo-main-header .nav > li .dropdown-menu li a {
   color: #000;
   font-family: inherit;
   font-size: 16px;
   font-weight: 300;
}

.kleo-main-header .nav > li.open .caret::after {
    rotate: 180deg;
}

.kleo-navbar-fixed.navbar-transparent #header .kleo-main-header .nav > li .dropdown-menu {
    background-color: #f6f6f6;
}

.kleo-navbar-fixed.navbar-transparent #header .kleo-main-header .nav > li .dropdown-menu li {
    border-bottom: none;
    font-size: 16px;
}

@media (max-width: 991px) {

    .kleo-navbar-fixed.navbar-transparent #header .kleo-main-header.header-lp,
    .kleo-navbar-fixed #header .kleo-main-header.header-lp .nav-container {
        position: fixed !important;
        left: 0;
        right: 0;
    }

    #header .kleo-main-header.header-lp .container,
    .kleo-navbar-fixed #header .kleo-main-header.header-lp .navbar-header {
        height: 49px !important;
        line-height: 49px !important;
    }

    .kleo-main-header .navbar-collapse {
        overflow: hidden;
        max-width: var(--site-width);
        margin-inline: auto;
    }

    .kleo-main-header .navbar-collapse.collapse {
        display: block !important;
        transition: none !important;
        height: auto !important;
        overflow: visible !important;
    }

    .kleo-main-header .navbar-collapse.collapse.collapsing {
        height: auto !important;
        transition: none !important;
    }

    html.has-scrolled-down .kleo-navbar-fixed #header .kleo-main-header.header-lp {
        position: fixed !important;
    }

    .kleo-navbar-fixed #header .kleo-main-header.header-lp .navbar-header {
        max-width: var(--site-width);
        margin-inline: auto;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .kleo-navbar-fixed #header .kleo-main-header.header-lp .nav-container {
        bottom: 0;
        top: 45px;
        background-color: #020315;
        opacity: var(--menu-open, 0);
        max-height: var(--menu-open, 0);
        transition: all 0.3s linear;

        display: grid;
        padding: 20px 20px 32px;
        visibility: var(--menu-open, hidden);
    }

    body.hs-web-interactives-top-banner-open .kleo-navbar-fixed #header .kleo-main-header.header-lp .nav-container {
        top: calc(114px + 45px) !important;
    }

    .kleo-navbar-fixed #header .kleo-main-header .header-lp-btn {
        align-self: end;
    }

    .kleo-navbar-fixed #header .kleo-main-header .header-lp-btn > a.button {
        --button-color: #00EED7;
        --button-border-color: #00EED7;
        --button-bg-hover: #00EED7;
        --button-color-hover: #020315;
        --button-border-color-hover: #00EED7;

        width: 100%;
    }

    #header .navbar-nav {
        margin: 0;
    }

    #header .navbar-nav::before {
        display: none;
    }

    .kleo-navbar-fixed #header .kleo-main-header .navbar-nav > li {
        width: 100%;
    }

    .kleo-navbar-fixed #header .kleo-main-header .navbar-nav > li a {
       margin: 0;
    }

    .kleo-navbar-fixed #header .kleo-main-header .navbar-nav > li a,
    .kleo-navbar-fixed.navbar-transparent #header .kleo-main-header .navbar-nav.nav > li a,
    .kleo-navbar-fixed.navbar-transparent #header .kleo-main-header.menu-open .navbar-nav > li a,
    .kleo-navbar-fixed #header .kleo-main-header .navbar-nav > li > a > .caret::after,
    .kleo-navbar-fixed.navbar-transparent #header .kleo-main-header.menu-open .caret:after, .header-color .caret:after,
    html.has-scrolled-down .kleo-navbar-fixed.navbar-transparent #header .kleo-main-header .navbar-nav.nav > li > a, 
    .kleo-navbar-fixed.navbar-transparent #header .kleo-main-header.menu-open .nav > li > a,
    .kleo-navbar-fixed #header .kleo-main-header .navbar-nav > li .sub-menu li a  {
        color: #fff;
    }

    .kleo-navbar-fixed #header .kleo-main-header .navbar-nav li.current-menu-item {
        background: none;
    }

    .kleo-navbar-fixed #header .kleo-main-header .navbar-nav > li > a > .caret::after {
        content: "\e8a1";
    }

    .kleo-navbar-fixed #header .kleo-main-header .navbar-nav .dropdown-menu li > a:before {
        display: none;
    }

    .kleo-navbar-fixed #header .kleo-main-header .navbar-nav > li:not(.open) .sub-menu {
        max-height: 0;
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
    }

    .kleo-navbar-fixed #header .kleo-main-header .navbar-nav > li.open .sub-menu {
        max-height: 100%;
        opacity: 1;
        pointer-events: all;
        padding-bottom: 2.5rem;
        padding-top: 1rem;
        visibility: visible;
        line-height: 2.5;
    }

    .kleo-navbar-fixed #header .kleo-main-header .navbar-nav > li > a {
        text-transform: none;
        font-weight: normal;
        font-size: 14px;
        margin: 0 -10px 0 0;
    }

    .kleo-navbar-fixed #header .kleo-main-header .navbar-nav > li .sub-menu > li a {
        font-size: 12px;
        margin: 0;
    }

    .kleo-navbar-fixed #header .kleo-main-header .navbar-nav > li .sub-menu > li a::before {
        display: none;
    }

    .kleo-navbar-fixed #header .kleo-main-header.header-lp .logo {
        margin: 0;
        height: 29px;
    }

    .kleo-navbar-fixed #header .kleo-main-header.header-lp .logo a {
        height: 35px
    }

    html.has-scrolled-down .kleo-navbar-fixed #header .kleo-main-header.header-lp .logo a img,
    html.has-scrolled-down .kleo-navbar-fixed #header .kleo-main-header .navbar-toggle .icon-bar,
    .kleo-navbar-fixed #header .kleo-main-header.menu-open .navbar-toggle .icon-bar,
    .kleo-navbar-fixed #header .kleo-main-header.menu-open .logo a img,
    .kleo-navbar-fixed.navbar-transparent #header .kleo-main-header .logo a img,
    .kleo-navbar-fixed.navbar-transparent #header .kleo-main-header.menu-open .logo a img  {
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(304deg) brightness(108%) contrast(101%);
    }

    html.has-scrolled-down .kleo-navbar-fixed #header .kleo-main-header.header-lp
    .kleo-navbar-fixed #header .kleo-main-header.header-lp .header-lp-btn {
        --button-color: #00EED7;
        --button-border-color: #00EED7;
        --button-bg-hover: #00EED7;
        --button-color-hover: #020315;
        --button-border-color-hover: #00EED7;
    }

    html.has-scrolled-down .kleo-navbar-fixed #header .kleo-main-header,
    .kleo-navbar-fixed #header .kleo-main-header.menu-open,
    .kleo-navbar-fixed.navbar-transparent #header .kleo-main-header .nav > li .sub-menu {
        background-color: #020315;
    }

    /* Hamburger toggle */
    .kleo-navbar-fixed #header .kleo-main-header .navbar-toggle {
        background-color: none;

        position: relative;
        width: 25px;
        height: 20px;
        cursor: pointer;
        border: none;
        background: none;
        padding: 0;
    }

    .kleo-navbar-fixed #header .kleo-main-header .navbar-toggle .icon-bar {
        display: block;
        height: 3px;
        width: 100%;
        background-color: #000;
        border-radius: 2px;
        transition:
            transform 0.3s ease,
            opacity 0.3s ease,
            background-color 0.3s ease;
    }

    /* Animation hamburger */
    .kleo-main-header.menu-open .navbar-toggle .icon-bar:nth-child(3) {
        opacity: 0;
    }

    .kleo-main-header.menu-open .navbar-toggle .icon-bar:nth-child(2) {
        transform: translateY(9px) rotate(45deg);
    }

    .kleo-main-header.menu-open .navbar-toggle .icon-bar:nth-child(4) {
        transform: translateY(-6px) rotate(-45deg);
    }

    .site-footer .footer-bottom {
        flex-direction: column;
        gap: 20px;
    }

    .site-footer .footer-top {
        gap: 30px;
    }

    .site-footer .footer-top nav > ul#menu-footer-primary-menu {
        gap: 32px 80px;
    }
}

@media (max-width: 620px) {
    body.hs-web-interactives-top-banner-open .kleo-page #header .kleo-main-header {
        top: 114px !important;
    }
}

@media (min-width: 621px) and (max-width: 767px) {
    body.hs-web-interactives-top-banner-open .kleo-page #header .kleo-main-header {
        top: 86px !important;
    }
}

@media (min-width: 768px) {
    body.hs-web-interactives-top-banner-open .kleo-page #header .kleo-main-header {
        top: 58px !important;
    }
}

@media (min-width: 992px) {
    .kleo-navbar-fixed #header .kleo-main-header .nav-container {
        display: contents;
    }

    body.hs-web-interactives-top-banner-open .kleo-page #header .kleo-main-header {
        top: 68px !important;
    }

    .kleo-navbar-fixed #header .kleo-main-header:hover {
        --button-color: #020315;
        --button-border-color: #020315;
        --button-bg-hover: #020315;
        --button-color-hover: #FFF;
        --button-border-color-hover: #020315;

        background-color: #f6f6f6;
    }

    .kleo-main-header .nav > li:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }

    .kleo-navbar-fixed.navbar-transparent #header .kleo-main-header .nav > li:hover .dropdown-menu li a {
        background: none !important;
    }

    .kleo-navbar-fixed.navbar-transparent #header .kleo-main-header .nav > li:hover .dropdown-menu li a:hover {
        color: #777777 !important;
    } 

    .kleo-navbar-fixed.navbar-transparent #header .kleo-main-header .nav > li .dropdown-menu li a {
        padding: 5px 0;
    }

    .kleo-navbar-fixed.navbar-transparent #header .kleo-main-header:hover .logo a img {
        filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7463%) hue-rotate(46deg) brightness(107%) contrast(108%);
    }

    .kleo-navbar-fixed.navbar-transparent #header .kleo-main-header:hover .nav > li > a {
        color: #000;
    }

    html.has-scrolled-down .kleo-navbar-fixed.navbar-transparent #header .kleo-main-header .caret:after, 
    .kleo-navbar-fixed.navbar-transparent #header .kleo-main-header:hover .caret:after {
        color: #000;
        transition: rotate 0.4s ease;
    }

    .kleo-main-header .nav > li:hover .caret::after {
        rotate: 180deg;
    }

    .site-footer .footer-bottom {
        align-items: center;
        gap: 35px;
    }

    .site-footer .footer-top {
        gap: 40px;
        flex-direction: row;
    }

    .site-footer .footer-top > div > a.site-logo {
        margin-bottom: 40px;
    }

    .site-footer .footer-nav > ul > li > a {
        margin-bottom: 20px;
    }

    .site-footer .footer-top nav > ul#menu-footer-primary-menu {
        gap: 96px;
    }
}

/* Invise custom footer */
.site-footer {
    padding: var(--section-padding) var(--site-padding);
    background: #020315;
    color: #fff;
}

.site-footer p,
.site-footer .footer-bottom-nav > ul li a,
.site-footer .footer-top nav > ul#menu-footer-primary-menu > li > a {
    font-size: 14px;
    margin: 0;
}

.site-footer .footer-top nav > ul#menu-footer-primary-menu > li > a {
    display: block;
    color: #00EED7;
    margin-bottom: 10px;
}

.site-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-footer ul li.current-menu-item {
    font-size: 16px;
    background: none;
    box-shadow: none;
}

.site-footer a {
    color: #fff;
}

.site-footer a:not(.site-logo):not([href="#"]):hover {
    text-decoration: underline;
}

.site-footer a[href="#"] {
    cursor: default;
}

.site-footer .footer-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.site-footer .footer-top > div > a.site-logo {
    display: block;
    margin-bottom: 30px;
}

.site-footer .footer-top > div > a.site-logo img {
   height: 30px;
}

.site-footer .footer-top nav > ul#menu-footer-primary-menu {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.site-footer .footer-top nav > ul#menu-footer-primary-menu li ul.sub-menu li a{
    font-size: 16px;
}

.site-footer .footer-bottom {
    display: flex;

    border-top: 1px solid #00EED7;
    padding-top: 35px;
    margin-top: 80px;
}

/* Invise custom Hero */
.invise-hero {
    position: relative;
    padding: calc(var(--section-padding) + 130px) var(--site-padding) var(--section-padding);
    margin-top: -50px;
    margin-inline: calc(var(--site-padding) * -1 - 30px);
    text-align: left;
    height: 95vh;
    max-height: 800px;

    display: grid;
    justify-content: start;
    align-items: center;
}

.invise-hero > header {
    position: relative;
    z-index: 2;
}

.invise-hero > header > h1,
.invise-hero > header > p {
    color: #fff;
}

.invise-hero > header > h1 {
    margin: 0 0 26px 0;
}

.invise-hero > header > p {
    margin: 0 0 30px 0;
}

.invise-hero::before {
    content: "";
    display: block;
    position: absolute;
    inset: -15px;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.35);
    transition: all 0.3s ease;
}

.invise-hero > figure {
    position: absolute;
    inset: -15px;
    overflow: hidden;
    z-index: 0;
    margin: 0;
}

.invise-hero > figure > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.invise-hero.text--black > header > h1,
.invise-hero.text--black > header > p {
    color: #000;
}

/* Buttons */
.button.button--primary {
	background: var(--button-bg);
	box-sizing: border-box;
	display: inline-block;
	padding: var(--button-padding-y) var(--button-padding-x);
	vertical-align: middle;

	font-size: var(--button-font-size);
	font-family: var(--button-font-family);
	font-weight: var(--button-font-weight);

	letter-spacing: var(--button-letter-spacing);
	line-height: var(--button-line-height);

	text-decoration: none;
	text-align: center;
	color: var(--button-color);

	cursor: pointer;

	border: var(--button-border-width) solid var(--button-border-color);
	border-radius: var(--button-border-radius);

	transition: .3s cubic-bezier(0.6, 0.2, 0.4, 0.8);
	transition-property: background-color, border-color, color;
}

.button.button--primary:hover {
	background: var(--button-bg-hover);
	border-color: var(--button-border-color-hover);
	color: var(--button-color-hover);
	text-decoration: none;
}

/*hallare topmenu */
.kleo-navbar-fixed .kleo-main-header
{
/*    border-color:#cfefee;*/

}


.top-bar{
    
    color:white !important;
}


.header-color
{

}



.social-header
{
    color:white !important;

}

.social-header.header-color
{
background:#f7f7f7;

}

/* breadcrumb contact info */

a.breadcrumb-email:link, a.breadcrumb-email:visited, a.breadcrumb-email:active
{
    color: rgb(179, 179, 179);
    font-weight:700;
    color:red !important;
}

.icon-linkedin
{
    height:15px;
    color: rgb(179, 179, 179);

}

.share-links .icon-linkedin 
{
     height:15px;
}

/* styr hela content */

    /*
    border-left-width : 2px;
    overflow:visible;

    margin-left:0px;
   */

/* main menu med logo */
.kleo-main-header.header-normal{
   
  /*  vertical-align:middle; */


}

.front-page-band-box1 h2
{
    
    line-height:48px;
    font-size:44px !important;
}



@media only screen and (max-width : 460px) {

    .front-page-band-box1 h2
    {

        line-height:34px;
        font-size:32px !important;
    }
}



.front-page-band-box1OmApplicon
{
    line-height:46px;
    font-size:44px !important;
}


.front-page-band-box2
{
    
    line-height:24px;
}


.front-page-band-box3, .front-page-band-box3 a:link
{
    font-size:18;
    line-height:28px;
    color:white !important;
    text-decoration:none !important;
}




.front-page-line
{
        background-color:#fcdac7;
    background-color :#585D5E
;

    min-height:5px;
    max-height:5x;

    margin:0;
    padding:0;
    overflow:hidden;
}


.page{
    
    vertical-align:middle;
    padding-top:0px;
}

.message-box 
{
    
    color:black;
}


.contact_box
{
    text-size:22px !important;
}









.caroufredsel_wrapper {
height: 342px;
}



hr{

height: 5px;
}




h1 {
/*     
    gamla formateringen:
    max-width: 100%;
    color: white !important;
    margin-top:32px;
    padding-top:50px;
    padding-left:25px;
    margin-left:-6px;
    position:initial;
     height:220px; 
     width:2100px; 
    background-size:cover; 
    font-size:2.0em;

*/


}





/* h1 for Posts titles */
h1
{
    font-size: 55px;
    padding-bottom:4px;
    color: #020315; /* midnight blue */

    margin-bottom:10px;
    margin-top:0x;
    vertical-align:middle;
}

@media (max-width: 768px) {
    h1 {
        font-size: 45px;
    }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and 
(orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and 
(orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and 
(orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and 
(orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and 
(orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and 
(orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and 
(orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and 
(orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and 
(orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and 
(orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and 
(orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and 
(orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and 
(orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and 
(orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and 
(orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and 
(orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and 
(orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and 
(orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

















h2 {
    padding-bottom:4px;
    color: #020315 !important; 

    margin-bottom:10px;
    margin-top:0x;
    vertical-align:middle;

}

@media only screen and (max-width : 460px) {


h2{
    padding-bottom:4px;
    margin-bottom:10px;
    margin-top:0x;
    vertical-align:middle;
    font-size:26px;
    line-height:30px;
}
}




h3{

/* color:#484c4d !important; */
}


h3.feature-title{

/*text-transform: uppercase;*/
border:hidden;
border-top-style:solid !important;
border-top-color:#d5d6d7 !important;
border-width:1px !important;
padding-top:25px !important;
margin-left:30px !important;
margin-right:30px !important;
text-align:center !important;
font-size:12px !important;



}



/* overview grid titles */
.feature-item.default-icons-size .feature-title
{
    font-size:26px !important;
    text-align:center;
    color:#464646 !important;
}



.post_meta{
    min-height:20px !important;
}

.entry-date{
    

}

.post-time
{
    

   
}



.outter-title{

font-size:14px;
}



/* header for posts i posts grid */
h3.post-title{
    
    border-left-color:#41BFBC !important;
    
    
}

h4.post-title 
{
    font-size:18px !important;
    line-height:22px;
}


@media screen and (max-width: 520px) {

    h4.post-title 
    {
        font-size:14px !important;
        line-height:16px;
    }
}

.article-meta
{
    float:left;
    height:60px;
}


.post-info
{
    min-height:100px;
}

.masonry-listing .post-content 
{
border:none;

}




h4.widget-title{
    font-size:20px;
}

/* header aktuellt boxar */
h4.post-title{
    
    font-size:1.2em;

}


h4
{

}

.page-title{
    


}



.feature-text{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
    margin-left:20px;
}

.feature-item{
    margin-bottom:0;
    padding-bottom:0;

}

h5{

    color:#5c5c5c !important;
    border-bottom:7px !important;
}

h6
{

    text-transform:uppercase;

    padding-bottom:2px;

}

.panel-title
{
    color:#111111 !important;
    font-weight:300 !important;
}






.front-band-text
{
    font-size:1.6em;
    line-height:1.4em;
    font-weight:300;
    color:white;
}





/* dropdown menu */

.dropdown-menu
{
    font-size:14px !important;
	
	
	
}



/*force displace of bullet */
.kleo-carousel li:before
{
    display:none;

    
}

/*hide bullets in side menu */
.menu li {
  list-style: none;
}






.sidebar-main ul li{
	
/*
  content:"\2022";
  display: none;
  */
    list-style: none;

  /*
  position: absolute;
 /* width: 7px; */
/*	width:1em; */
 /*  height: 7px; */
/*  height:1em;  */
/*  left: -21px;
/* top: 2px; */
/*  color:black !important;
/*   background-image: url(http://testwp.applicon.se/wp-content/uploads/2020/11/bullet.png );  */

/*  background-position: 7px 7px; /* or whatever offset you want */ 


}

.dropdown .pull-right .tabdrop,
.kleo-tabs .tabdrop>a.dropdown-toggle, .kleo-tabs .tabdrop>a.dropdown-toggle:hover, 
.kleo-tabs 
.tabdrop>a.dropdown-toggle:focus
{
    color:black !important;
    background-color:#FFF !important;


    border-bottom:0px;
    border-bottom:1px;
    
}



















































/* ikoner */
.feature-icon, .feature-icon:hover, .feature-icon:visited, .feature-icon:link, 
.feature-
icon:active

{
   /*color:#41BFBC; */
    border:0px;
     border:hidden !important;
     
     border-bottom:1px;
     border-color:black !important;
     margin-bottom:7px !important;
     margin-top:8px !important;




}


/* handling of centered icon on small screens */
@media only screen and (max-width : 700px) {
    

.feature-icon, .feature-icon:hover, .feature-icon:visited, .feature-icon:link, 
.feature-
icon:active,

.feature-item.default-icons-size.center-icons .feature-icon, .feature-item.big-icons-
size.center-icons .feature-icon,


.feature-item.default-icons-size.center-icons .feature-icon, .feature-item.big-icons-
size.center-icons .feature-icon,


.feature-item.big-icons-size.center-icons,

.feature-item.default-icons-size.center-icons .feature-icon {
     left:0% !important;
}    
    
}
    
    


.feature-item.big-icons-size.center-icons {
    display: block;




}




.article-image
{
  
}



/* colored band on article page */
.article-colored-box{
    font-size:40px !important;
    color:white !important;

    font-weight:300 !important;
    line-height:1.2em;
    padding-left:15px;
    padding-right:15px;
    margin-bottom:0px !important;
    
}


@media screen and (max-width: 520px) {

    /* colored band on article page */
    .article-colored-box{
        font-size:26px !important;
        color:white !important;
    
        font-weight:300 !important;
        line-height:1.2em;
        padding-left:15px;
        padding-right:15px;
        margin-bottom:0px !important;
        
    }

}




.share-links
{
    margin-top:30px;
bottom:0;
}

/* dela post */
.hr-title{
    bottom:0;
    font-size:0.8em;
    padding-bottom:0;
}

.breadcrumb, .page-info
{
    font-size:14px !important;
}


/* share page/post container */
abbr{
    background: url("http://www.applicon.se/wp-content/uploads/2014/11/logo_mini1.png")no-repeat ;
    padding-left:37px !important;
    margin-left:7px;
    margin-top:4px;
    min-height:12px !important;
    max-height:12px !important;
    margin-bottom:-7px !important;
}

.share-links div.hr-title
{

margin-bottom:0px !important;

}



.kleo-page
{
    bottom:0px;
    min-height:100%;

}


.kleo-block{
    margin-bottom: 0;
    padding-bottom:0;
    margin-left:20px;
    margin-right:20px;
}




/* knapp */
.btn.btn-default{
    

font-size:17px;
font-weight:500 !important;
color:#585D5E  !important;
padding:8px 14px 8px 14px;
background-color:#eeeeed;
}

.btn.btn-default:hover{
    
    /*
background-color: #71cfcd !important;
color:white !important;
*/
}



/* knapp */

/*
.btn.btn-default:hover{
background:#41BFBC !important; 
background:#a0dfdd !important;
background:#41BFBC !important;
background-color:#d5d6d7;
color:white;
}

*/




/* knapp */
.btn-highlight{
/* background:#cfefee; */
}


.header_color .main_menu ul:first-child > li.current-menu-ancestor > a {
color: #A882BD !important;
}


/* footer topphallare  */
.footer-color.border-top{
/*    border-color:#41BFBC;  */

    border-top:22px;
    /* font-size:10px !important; */
    color:white !important;
}


.widget_search{   

    background:white;
}



.frontpageboxes{

font-weight:300;
font-size:20px;
line-height:29px;

}




.frontpageboxes h3{

font-weight:400;
font-size:26px;
}

.frontpageboxes-btn-default{
    
    color:red !important;
}






.main{
/*
    min-height:100%;
    bottom:150px;
    */

}


.divider_frontpage
{
    font-size:16px;
}


#socket{
    height:350;
    bottom:0px;

clear:both;

width:100%;
}









/* vertikal linje vanster om main content */

.wrap-content{ 
 
/*
    border-style: none;
    border-top:none;
    border-bottom:none;
    border-left:  #d2d2d2;
    border-left-style:none;
    border-width:1px;

    padding-left: -6px; 
    padding-top: 0px;
    padding-right:0px;
    margin-left:0px;
    margin-right:-20px
    padding-right:0px;

    z-index:-8; 

*/
}


.sticky-wrapper{



}



/* alert ruta bottom, default blue */

.alert{
    
        background-color:#e8e7e8;
}






/* hallare for styra content */
.template-page
{
    padding-left:0px;
    padding-top:0px;
    overflow:visbible;
    padding-right:0px;
    padding-bottom:0px;
    margin-right:0;
}





/* hallare for (ram runt) content, denna skar av lutande orange bard, ocksa 
bakgrundfarg hela 
innehallsdelen */
.container-wrap
{





}












/* denna styr artikel content, varje del blir separat - primar!!! */

.column_container{
    
    padding-left:10px;
    padding-right:10px;
    margin:0px;
    padding-top:0px;
    
}





#main-container
{

/*
margin-top:0px;
overflow:visible;
*/
/*padding-top:-20px; */



}


.main-color.container-wrap{

    /* margin och padding paverkar front page */
}

.main-color{


}

.main-container.container
{


}

.main-container
{
    /*
    padding-left:0px;
    padding-right:0px;

    padding-top:0px;
    */
    /*    padding-top:-50px;  */
}




container-wrap main-title alternate-color  border-bottom breadcrumbs-container

{
	border-width:0px;
}



/*hallare for hela article omradet */
#main-container.container
{

}




.article-content .container-wrap
{
position:initial !important;

}


.container.wrap.main-color{
 
}

.section.container-wrap.main-color
{

    
}

.main-color.container-wrap{
    

}

.main-container
{

margin-left:10px;
margin-right:10px;
}




.tab-content{

    padding-bottom:40px;
    
    background:#f0f0f0 !important;
     padding-left:30px !important;
    padding-right:30px !important;

}





.panel
{
    background:#f0f0f0 !important;
    background:red;

}






.sidebar{
    
    border:0;
    margin:0;
}


.sidebar-right
{
    margin-top:-10px;
    padding-left:15px;
}



.section-container{

}


.sidebar-main
{
/*
margin-top:-5px;
margin-left:0px;
padding-left:15px;
*/

}

/* satter ram, matt runt sidebar menu, fargsattning exkl aktivt val*/
/* 2020 */
.widgets-container{

/* padding-bottom:20px; */
padding-left:20px;
margin:0;

}




.menu-sidebar{
color:white !important;
}




/* aktiv side menu menu item */
.widgets-container 
li.current_page_item > a:active {
    background-color:yellow;
    color:#000000;
}


li {
  list-style: none;
  position: relative;
}


ul {
  list-style: none;
    position: relative;
}

/* new 2020 */
/* bullet in body */
ul li::before {
  content:"\2022";
  display:  inline-block;
  position: absolute;
 /* width: 7px; */
	width:1em;
 /*  height: 7px; */
 /* height:1em; */
  left: -1em;
/* top: 2px; */
  color:black;
  
   background-image: none /* url(http://testwp.applicon.se/wp-content/uploads/2020/11/bullet.png ) ; */

/*  background-position: 7px 7px; /* or whatever offset you want */ 
}

/* new 2020 */
/* no bullet in sidebar */
.sidebar li:before {
  content:"";
  display:  block;
  position: absolute;
 /* width: 7px; */
	width:1em;
 /*  height: 7px; */
  height:1em;
  left: -21px;
/* top: 2px; */
  color:black !important;
  
 /*  background-image: url(http://testwp.applicon.se/wp-content/uploads/2020/11/bullet.png ); */
background-image:none;
/*  background-position: 7px 7px; /* or whatever offset you want */ 

}










.nav.nav-tabs.responsive-tabs.tabs-style-default li:current  > a
{

}



/* active panel tab style: default */

.main-color .btn-default, .main-color .btn-default:hover, .main-color .nav-pills > 
li.active > 
a, .main-color .nav-pills > li.active > a:hover, .main-color .nav-pills > li.active > 
a:focus, 
.main-color .tabs-style-square > li > a, .main-color .nav-tabs > li.active > a, 
.main-color 
.nav-tabs > li.active > a:hover, .main-color .nav-tabs > li.active > a:focus, .main-
color 
.panel-default, .main-color #wp-calendar thead th, .main-color #wp-calendar tbody td, 
.main-
color .widget_tag_cloud a, .main-color #respond .form-submit input#submit, .main-
color .mejs-
container .mejs-controls, .main-color .form-control:focus, .main-color .portfolio-
filter-tabs 
li.selected a, .main-color #buddypress div.activity-comments form .ac-textarea, 
.main-color 
#search-members-form, .main-color #search-groups-form, .main-color #buddypress 
.standard-form 
input[type=text]:focus, .main-color .bbp-topics ul.sticky, .main-color .bbp-submit-
wrapper 
button.button, .main-color #bbpress-forums form#bbp-search-form, .main-color 
.rtmedia-container 
.drag-drop, .main-color .rtmedia-activity-container .drag-drop, .main-color 
#buddypress 
div.rtmedia-activity-container .drag-drop, .main-color .rtmedia-container .rtmedia-
editor-main 
dl.tabs dd.active > a, .main-color .rtmedia-activity-container .rtmedia-editor-main 
dl.tabs 
dd.active > a, .main-color #buddypress div.rtmedia-activity-container .rtmedia-
editor-main 
dl.tabs dd.active > a, .main-color .rtmedia-container .rtmedia-editor-main dl.tabs dd 
> 
a:hover, .main-color .rtmedia-activity-container .rtmedia-editor-main dl.tabs dd > 
a:hover, 
.main-color #buddypress div.rtmedia-activity-container .rtmedia-editor-main dl.tabs 
dd > 
a:hover
{
    background:#f0f0f0 !important;
    font-weight:400;
    color:none;
    padding-left:-2px;
    padding-right:-2px;
	
	
}









/* active tab panel style: line */

.popover.bottom .arrow, .popover.bottom .arrow:after, .main-color .kleo-tabs .tabs-
style-line > 
li.active > a, .main-color .kleo-tabs .tabs-style-line > li.active > a:hover, .main-
color 
.kleo-tabs .tabs-style-line > li.active > a:focus, .main-color .pricing-table 
.popular .panel-
heading h3
{
    border:none;
}


.main-color a, .main-color .navbar-nav .dropdown-menu li a, .main-color .dropdown-
menu > li > 
a:hover, .main-color .dropdown-menu > li > a:focus, .main-color .dropdown-
submenu:hover > a, 
.main-color .dropdown-submenu:focus > a, .main-color .dropdown-menu > .active > a, 
.main-color 
.dropdown-menu > .active > a:hover, .main-color .dropdown-menu > .active > a:focus, 
.main-color 
.form-control:focus, .main-color .wrap-canvas-menu .widget_nav_menu .offcanvas-menu 
.dropdown-
menu > li > a, .main-color #buddypress a.button.unfav, .main-color 
.widget_bp_groups_widget 
.item-options a.selected, .main-color .widget_bp_core_members_widget .item-options 
a.selected, 
.main-color .widget_bp_core_friends_widget .item-options a.selected, .main-color 
.tabs-style-
line > li.active > a, .main-color #buddypress #profile-edit-form ul.button-nav 
li.current a, 
.main-color .read-notifications td.notify-text a:hover, .main-color .unread-
notifications 
td.notify-text a:hover
{

}






.nav.nav-tabs>li>a
{
font-size:18px;
padding-right:35px;
padding-left:35px;
}

.nav.nav-tabs.responsive-tabs.tabs-style-default li:active  > a

{

/*    	box-shadow:  0px -1px 0px 0px #41BFBC !important; 
    	box-shadow:none !important;
        border-top-color: #41BFBC !important; */
        background-image: url( ); 
        background-position: 999px 999px; /* or whatever offset you want */
     

}


.nav.nav-tabs.responsive-tabs.tabs-style-default.tabs-centered li:before,
.nav.nav-tabs.responsive-tabs.tabs-style-line li:before ,
.nav.nav-tabs.responsive-tabs.tabs-style-default li:before 
{
/*    	box-shadow:  0px -1px 0px 0px #41BFBC !important; 
    	border-top-color: # !important; */


/* needs to be empty to avoid bullet from default li */
    display:initial;
    background:none;
	
	/*new 2020 */
	background-image:none;
	content:"";
	display:  block;
	position: absolute;

}




.nav.nav-tabs.responsive-tabs.tabs-style-default.tabs-centered li:active,
.nav.nav-tabs.responsive-tabs.tabs-style-line li:active 
{



/* needs to be empty to avoid bullet from default li */


}



.nav.nav-tabs.responsive-tabs.tabs-style-default.tabs-centered li:link 
{
    	box-shadow:  0px -1px 0px 0px #fcdac7 !important;
    	border-top-color: #fcdac7 !important;
        


}




/*
.nav.nav-tabs.responsive-tabs.tabs-style-default.tabs-centered ul > li:before 
{
    width: 1px;
    height: 1px;     
    display:none !important;
}
*/

.nav-tabs.tabs-centered  ul > li:active
{



}






/* forcing height of main menu */
.navbar-nav li:before
{

align:middle;

/* to avoid inheritance of default bullet */
      background-image: url( ); 
  background-position: 999px 999px; /* or whatever offset you want */

}


/* hallare hela sidebaren inkl ev. contact */
.inner-content.widgets-container
{
    
padding-left:0px;
    
}









/* primar sidebar menu, items, text color... */
/* Media Queries */
/* @media screen and (min-width: 1008px) {  */
    

/* NY2020 */
/* hallare side menu */
.widget_nav_menu {

    padding-left:20px;
	padding-top:0px;	
    /* background-color:#E8E7E8; */
    /* background:white; */
    font-size: 1em;
    margin: 0px 0px 48px -15px;
    margin: 0px 0px 0px 0px;
	
    border:none;
/*    padding-left:15px;
    padding-bottom:25px; */

    
}




.widget_nav_menu h5, .widget_kleo_recent_posts h5 {
    color:#F26D21 !important;
    /* text-transform:uppercase; */
    font-weight:800 !important;
    padding-top:0px;
    padding-bottom:7px;
    margin-top:0px;


    height:45px;
    vertical-align:middle;
/*    padding-top:10px !important; */
    padding-left:10px;
   }



 @media screen and (min-width: 1008px) {  
    

.widget_nav_menu h5{
    color:#F26D21 !important;
    /* text-transform:uppercase; */
    font-weight:800 !important;
    padding-top:0px;
    padding-bottom:7px;
    margin-top:0px;


    height:45px;
    vertical-align:middle;
    padding-top:10px !important;
    padding-left:10px;
   }
}

.widget_nav_menu ul {
  list-style: none outside none;
  margin: 0;
}







.widget_nav_menu li {

  position: relative;    
  padding-bottom: 0 !important;
      padding-left:10px;
}



.widget_nav_menu a {
  padding: 8px 1px !important;
  display: block;
  border:none;

}

.sidebar.ul
{


}



	
  .widget_nav_menu .widget-title {
    margin: 22px 0px 30px 18px;
    border:none;


    }
	
	/* ej aktiva menyval */
  .widget_nav_menu li {

    position: relative;
  }
	
	
  .widget_nav_menu li.active{

  }	
	
	
	/* side bar, enskilda menyval, single text link color */
  .widget_nav_menu a {
    padding: 0px 30px 0px 15px;
    font-size:1.1em;
    padding-left:20px;
    font-weight:500;
    color:#585D5E !important;  /* gray */ 
/*    color: #41BFBC !important; turqoise */
  }
	
  .widget_nav_menu li:hover > a,
  .widget_nav_menu li.focus > a {
 /* color: #41BFBC !important; */ /* borttaget 2020-05-20 */

  }

/* nedan bortkommenterat avslut for ev. responsive side menuhantering */
/* } */

.widget_nav_menu ul > li.active > a {
    background-color: #cfefee;
    /* color: #41BFBC !important;

}




.widget_nav_menu active
{

background-color:#cfefee;
}



.widget_nav_menu li.active > a{
    background-color: #cfefee;
/* color: #41BFBC !important; */

}




@media screen and (min-page-: 1080px) {
  .widget_nav_menu {

  }
}


/* hallare for menyval */
.menu{
   padding-left:-20px;

}


.btn-frontpage
{
    background-color:#f7f7f7;
}


#active a
{
display: block;


padding: .2em .8em;
text-decoration: none;
color:#cfefee;

}
.page_item {

}

/*hallare lankar */
.sidebar-right .inner-content
{
    padding-left:0px;
    margin-left:0px;   
}


/* hallare side menu titel, bara background color no-change */
.menu
{

}


/*hallare side menu */
.inner-content{
    
    margin:0px;
    padding:0px;
    padding-left:30px;
}


/*hallare side menu */
.widgets-container
{
    margin:9px;
 padding-left:20px;
 color:black;

}









h3
{
	color:#494e4f !important;
}

.footer-sidebar{
    border-style:none;
}


/* widget for footer text */ 
.footer-color

{
    border-style:none;

}

.textwidget{
    line-height:1.6em;
    font-size:14px !important;
	color:white !important;

}


.widget_kleo_recent_posts
{
    font-size:14px;
    line-height:1.2em;
}

.widget-title
{
    margin-bottom:2px !important;
}

/* iframe properties for google maps link on Contact page */ 
iframe
{
/*  min-height:500px !important;    */
}    





.socket-color{
    
    border-style:none;
    border:hidden;
}





/* Highlight top border of parent item in main menu. No changes in dropdown menu */


#menu-main-menu {
    
    margin-left:10px;

}





#menu-main-menu 
/* .current_page_item a, .current_page_item a:visited, .current_page_parent a , */
/* .current_page_item a,  */
.current-page-ancestor  ,
.current-page-item ,
.current-menu-item 
/*.current_page_item a */
{
	/* color:#41BFBC; */
	box-shadow: inset 0px 3px 0px 0px !important;
    font-weight: 400;
}


#menu-main-menu 
.current-menu-item a:hover
/*.current_page_item a */
{
	/* color:#41BFBC; */
	box-shadow: inset 0px 0px 0px 0px #FFFFFF !important;

}

#menu-main-menu 
.current-page-ancestor a:hover
/*.current_page_item a */
{
	/* color:#41BFBC; */
	box-shadow: inset 0px 0px 0px 0px #FFFFFF !important;
	/* force empty background for not inheriting default li */

}

/* new 2020 */
.nav li:before {
	
	  content:"";
background-image:none !important;
list-style:none;
color:red;
}