/*
Theme Name: iDea - Clean & Powerful Bootstrap Theme
Version: 1.0.0 
Created: August 2014
License URI: http://wrapbootstrap.com
File Description: Place here your custom CSS styles
*/

.dropdown-toggle.dropdown > a:before {
	font-family: none;
	content: none;
	position: none;
	left: none;
	top: none;
}

.dropdown .dropdown > a:before {
	font-family: none;
	content: none;
	position: none;
	left: none;
	top: none;
}

.dropdown-toggle::after {
	content: none;
}

.test::after {
	font-family: "FontAwesome";
	content: "\f107";
	color: #D1D1D1;
}


.sakerhet > .askBanner {
	background-color: #E1E9EB;
}

.krisberedskap > .askBanner {
	background-color: #F9F9F9;
}

.mBla {
	color: #023047 !important;
}

.meBla {
	background-color: #28778F !important;
}

.meBlaText {
	color: #28778F !important;
}


.lBla {
	background-color: #E1E9EB !important;
}

.lBlaText {
	color: #E1E9EB !important;
}

.orange {
	background-color: #E87722 !important;
}

.layer.title {
	background-color: RGB(255 239 220 / 75%)
}

.orangeText {
	color: #E87722 !important;
}

.lOrangeText {
	color: #FFEFDC !important;
}

.lOrange {
	background-color: #FFEFDC !important;
}

.vit {
	color: #fff !important;
}

.mGra {
	background-color: #666366 !important;
}

.mGraText {
	color: #666366 !important;
}

.lGra {
	background-color: #F9F9F9 !important;
}

.lGraText {
	color: #F9F9F9 !important;
}

.askBanner a:hover {
	color: white !important;
}

.svart {
	color: #000 !important;
}

.askBanner {
	height: 100%;
	margin-bottom: 5rem;
}

a.active {
	color: #E87722 !important;
}

.artikel-header {
	margin: 0 -15px;
}

.artikel-header img {
	width: 100% !important;
	height: 75vh !important;
	object-fit: cover;
}

.artikel-content {
	margin: 1rem 9rem;
}

.artikel-content ul {
	list-style: disc !important;
}

.contact-top {
	display: flex;
}

.contact-top-left {
	display: flex;
	width: 40%;
	background-color: #FFEFDC !important;
	padding: 2rem;
	color: #E87722 !important;
}

.contact-top-left p {
	width: 50%;
}

.contact-top-left a {
	color: #E87722 !important;
}

.contact-top-right {
	display: flex;
	width: 60%;
	background-color: #F9F9F9 !important;
	padding: 2rem;
	color: #E87722 !important;
}

.contact-top-right p {
	width: 30%;
}

.contact-top-right a {
	color: #E87722 !important;
}

.contact-cards-container {
	padding: 0 2rem;
}

.contact-card {
	padding: 1rem;
	width: 20%;
}

.contact-card h3 {
	font-size: 2rem;
}


.contact-card-img {
	width: 100% !important;
	height: auto !important;
}

.artikel-content h1, h2, h3, h4, h5 {
	font-size: 2.8rem;
}

.artikel-content p {
	font-size: 1.3rem
}

.artikel-content li {
	font-size: 1.3rem
}

.container-fluid .various {
	margin: 0 9rem;
}


.askBannerText {
	padding: 4rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 1.3rem;
	height: auto !important;
}

.askBannerText a {
	background-color: #E87722;
	color: white;
	border-radius: 5px;
	padding: 0.5rem 1rem;
}

.askBannerImg {
	height: 100%;
	padding: 0;
}

.askBannerImg p {
	height: 100%;
	margin: 0;
}

.askBannerImg img {
	height: 100% !important;
	width: 100% !important;
	object-fit: contain;
}

.extra {
}

.w-30 {
	width: 30%;
}

.fs-2 {
	font-size: 2rem;
}

/* Make slide a positioning context */
.carousel-item { position: relative; }

/* Overlay container */
.layers{
  position:absolute;
  inset:0;              /* top/right/bottom/left 0 */
  pointer-events:none;  /* optional */
}

/* Base layer style */
.layer{
  position:absolute;
  opacity:0;
  transform: translate3d(0,0,0);
  will-change: transform, opacity;
}

/* Example positioning (replace with your x/y) */
.layer.title { left: 100px; bottom: 115px; color:#E87722; padding:12px 18px; font-size:44px; font-weight:700; }
.layer.bottom-left { left: 100px; bottom: 115px; color:#E87722; padding:12px 18px; font-size:44px; font-weight:700; }
.layer.bottom-right { right: 100px; bottom: 115px; color:#E87722; padding:12px 18px; font-size:44px; font-weight:700; }
.layer.top-right { right: 100px; top: 0px; color:#E87722; padding:12px 18px; font-size:44px; font-weight:700; }
.layer.check { left: 80px; top: 200px; width:44px; height:44px; background:#f26522; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; }
.layer.line  { left: 140px; top: 200px; background: rgba(255,255,255,.9); padding:10px 14px; font-size:20px; }
.layer.cta   { left: 80px; top: 430px; background:#f26522; color:#fff; padding:10px 18px; font-size:22px; font-weight:700; }

/* Stack subsequent lines (example) */
.carousel-item .layer.check:nth-of-type(3),
.carousel-item .layer.line:nth-of-type(4){ top: 260px; }
.carousel-item .layer.check:nth-of-type(5),
.carousel-item .layer.line:nth-of-type(6){ top: 320px; }

/* Initial ¿offscreen¿ states by animation type */
.layer[data-anim="fromLeft"]{ transform: translateX(-40px); }
.layer[data-anim="fromUp"]  { transform: translateY(20px); }


/* When the slide is active, animate layers in */
.carousel-item.active .layer{
  opacity:1;
  transform: translateX(0) translateY(0);
  transition:
    transform 600ms ease,
    opacity   600ms ease;
  transition-delay: var(--delay, 0ms);
}

.g-4 > [class*="col-"] {
	padding: 20px;
}

.row-gap-fix {
	margin: -10px;
}

.row-gap-fix > [class*="col-"] {
	padding: 10px;
}

.dropdown > a:before {
	right: -3px;
}

.dropdown-submeny > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -0.25rem;
}

.dropdown-submenu > a:after {
	float: right;
	margin-left: .5rem;
}

@media (max-width: 991.98px) {
	.dropdown-submenu > .dropdown-menu {
		left: 0;
		margin-left: 0;
		margin-right: 0;
	}
}

.har-finns-vi   {margin-left:20px;}

article {margin-bottom: 25px;}

article a img {border-color:#000000;}

.isotope-container {margin-bottom:-10px;}



/* Large devices (Large desktops 1200px and up) */
@media (min-width:768px) {
	.box-style-1 {
		min-height: 386px;
	}
}



@media (max-width: 767px)
.navbar-default .navbar-nav > li > a, .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus 
    {
        color: #ec6e24;
        background-color: #fff;
    }

.har-finns-vi   {margin-left:0px;}

.navbar-default .navbar-nav > li > a,  navbar-nav > li > a:visited, navbar-nav > li > a:active, navbar-nav > li > a:hover
{
    background: #fff;
    color: #666666;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 20px 12px 19px;
    z-index: 102;
    border: 1px solid transparent;
    bottom: -1px;
    x-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus {
                                                                                                color: #ec6e24;
                                                                                                background-color: #ffffff;
                                                                                                
                                                                                            }

#navbar-collapse-1 
                    {
                        xbackground-color: #fff;
                    }
                    
                    
.footer {
    padding: 10px 0;
    padding-top: 5px;
    background-color: #023047;
    border-top: 1px solid #3a3a3a;
    border-bottom: 1px solid #333333;
	color: #fff !important
}

.footer h2 {
	color: #fff;
}

.footer-content .nav-pills > li > a {
	color: #fff;
}

.footer-content .nav-pills > li.active > a {
	color: #fff;
}

.subfooter {
    padding: 10px 0;
    xpadding-top: 5px;

}


/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	/* Mobile menu
	------------------------------ */
	
	
	/* active items */
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus 
	
	{
		color: #e84c3d;
		background-color: #fff;
	}
	
	/* first level items */
	.navbar-default .navbar-nav > li > a {
		border-bottom: 1px solid #f1f1f1;
	}
	.subfooter .navbar-default .navbar-nav > li > a {
		border-bottom: 1px solid #141414;
	}
	.light .subfooter .navbar-default .navbar-nav > li > a {
		border-bottom: 1px solid #ddd;
	}
	.navbar-default .navbar-nav > li:last-child > a {
		border-bottom: 1px solid transparent;
	}
	
	
	.dropdown-menu {background-color:#fff;}
	
	
	/* first level items when opened */
	.main-navigation .navbar-nav > .open > a,
	.main-navigation .navbar-nav > .open > a:hover,
	.main-navigation .navbar-nav > .open > a:focus {
		background-color: #fff;
		border-color: transparent;
		-moz-box-shadow: none;
		-o-box-shadow: none;
		x-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	/* first level items hover and focus states */
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus {
		color: #e84c3d;
		background-color: #fff;
	}
	
	/* second level menu */
	.navbar-default .navbar-nav .open .dropdown-menu {
		background-color: #ffffff;
	}
	
	/* second level items */
	.navbar-default .navbar-nav .open .dropdown-menu > li > a,
	.navbar-default .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 12px 15px 12px 40px;
		color: #666666;
		border-color: #f6f6f6;
		background-color: #fff;
		}
	
	/* second level items on hover/focus */
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #e84c3d;
		background-color: #fff;
	}
	
	/* third level items */
	.navbar-nav .open .dropdown-menu .dropdown-menu > li > a {
		padding-left: 60px;
		background-color: #fff;
	}
	
	/* four level items */
	.navbar-nav .open .dropdown-menu .dropdown-menu .dropdown-menu > li > a {
		padding-left: 80px;
		background-color: #fff;
	}
	
	/* Arrows for parent menu items */
	.dropdown>a:before {
		right: 32px;
	}
	.dropdown .dropdown>a:before {
		right: 36px;
	}
}


.cycle-slideshow {margin-bottom:15px;}

.panel-title {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 24px;
    color: inherit;
}


/* FORTSÄTT JUSTERA LINJERING PÅ LOGGA/MENY HÄR 

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #e7e7e7;
  margin-top: 18px;
}*/