/*Här kan du lägga till egen styling av din hemsida.*/

/* **Start** Vit Meny. */

#header{
    top: 0px;
    background-color: white;
    padding: 30px;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .15);
}

#header .logo {
    color: black;
}

#header .logo {
	min-width: 180px!important;
	min-height: 54px!important;
}
@media screen and (max-width: 1440px) {
	
	#header .logo {
		min-width: 180px!important;
		min-height: 54px!important;
	}
}

/* **Slut** Vit Meny. *//* **Start** Custom Primary. */

.hero .bg-wrap .bg:before {
    background: linear-gradient(to bottom, #e6e7f9 0,#e6e7f9 50%, #e6e7f9 100%);
    opacity: 0.5;
}

.hero-page .bg-wrap .bg:before {
    background: linear-gradient(to bottom, #e6e7f9 0,#e6e7f9 50%, #e6e7f9 100%);
    opacity: 0.5;
}

.hero .bg-wrap-mobile .bg:before {
    background: linear-gradient(to bottom, #e6e7f9 0,#e6e7f9 50%, #e6e7f9 100%);
    opacity: 0.5;
}

.project-area .wrap .item .bg-wrap:before {
    background: linear-gradient(to top, #e6e7f9 0,rgba(3,31,47,0) 80%);
}

/* **Slut** Custom Primary. *//* **Start** Custom Secondary. */

.project-area .wrap .item:hover .bg-wrap:before {
    background: linear-gradient(to top, #9db1be 0,rgba(3,31,47,0) 80%);
}

.project-area .wrap .item .bg-wrap .bg {
	filter: blur(2px) sepia(0.5) contrast(0.5);
}

#wrapper .uppercase { text-transform: none; }

/* **Slut** Custom Secondary. *//* **Start** Custom Background. */

#wrapper{
    background-color: #ffffff;
}

/* **Slut** Custom Background. *//* **Start** Custom Titles. */
h1, h2, h3, h4, h5 {
    color: #009fea !important
}

/* **Slut** Custom Titles. *//* **Start** Custom Blurb Titles. */

#header .logo {
    color: #ffffff !important;
}

.project-area .wrap .item .content h3{
    color: #ffffff !important;
}

.hero .content h1 {
    color: #fff !important;
}

/* **Slut** Custom Blurb Titles. *//* **Start** Custom Text. */

p {
    color: #474343 !important;
}

/* **Slut** Custom Text. *//* **Start** Custom Blurb Text. */

.project-area .wrap .item .content p {
    color: #ffffff !important;
}

.hero .content p {
    color: #365488 !important;
	font-size: 5rem;
	line-height: 1.2; 
	margin-top: 0;
	font-weight: 500;
}
.project-area .wrap .item:hover .bg-wrap:before 
{
	height: 100%;
}
/* **Slut** Custom Blurb Text. *//* **Start** Custom Menu Links. */

#header nav>ul>li a {
    color: #009fea !important;
}
#header nav>ul>li.active > a, #header nav>ul>li.active > .submenu > li.active a {
    color: #365488 !important;
}

#wrapper .arrow:after { border-color: #009fea; }
#wrapper .arrow-down { border-color: #009fea; }


@media screen and (min-width: 1024px)
{
#wrapper #header nav>ul>li>ul {
padding: 40px 25px 15px;
    background: rgb(255, 255, 255);
    border-radius: 9px;
    margin-left: -20px;
    font-size: 95%;
    border-bottom: 1px solid #999;
}
}
#wrapper #header nav>ul>li>ul a {
	padding-top: 3px; padding-bottom: 3px;
}
#wrapper .standard-page h1 {
color: #365488 !important;
}
#wrapper .news-title {
	
    font-weight: 500;
    line-height: 1.2;
    margin-top: -6.5rem;
    z-index: 99;
    background: rgba(255,255,255,0.6);
    width: 100%;
    padding: 2rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #365488!important;
}
#wrapper .standard-page .container , #wrapper .standard-page .container-small { z-index: 9; }
/* **Slut** Custom Menu Links. *//* **Start** Custom Links. */

#wrapper .news-date p { color: #6ea6c1 !important; }

#wrapper #header .hamburger span {
	background-color: #009fea;
}
.news-archive {
	margin-top: 15rem;
}
@media screen and (max-width: 1024px)
{
	#wrapper #header .hamburger span {
		background-color: #009fea;
	}
	#wrapper .hero .title {
		padding-top: 15rem;
	}
}


@media screen and (max-width: 550px) {
    #header .logo {
        font-size:3.5rem;
        margin-top: 0
    }

    #header .logo img {
        max-width: 180px
    }

}

a {
    color: #009fea !important;
}

a:hover{
    opacity: 0.7;
}

.related-link{
    color: #009fea !important;
}

/* **Slut** Custom Links. */