/*
	--------------------
	Default skin
	--------------------

	Colours Used:
	#3b3a3c (Texts)
	#26abe1 (Länkar)
	#26abe2 (Menu, footer header etc.)
	#3e3e3f (Footer body etc.)
	#53b7e8 (Some buttons, hover etc.)
*/

body 
{
    background-color: #fff;
    color: #3b3a3c;
}

h1, h2, h3, h4, h5, h6, h5 a 
{
    color: #3b3a3c;
}

a 
{
	color: #26abe1;
    text-decoration: underline;
}

a:hover, a:active 
{
    color: #26abe1;
    text-decoration: none;
}

li.menu-level-2:hover, li.menu-level-3:hover 
{
	background-color: #26abe2;
}

.white
{
	color: #ffffff;
}

.custom-btn 
{
    border-color: #26abe2;
}

.custom-btn:hover, .custom-btn:active, .custom-btn:focus 
{
	color: #fff !important;
    border-color: #53b7e8 !important;
    background-color: #53b7e8 !important;
}

.vp-btn {
    color: #26abe2;
    border-color: #26abe2;
    background: #26abe2;
}

.vp-btn:hover, .vp-btn:active, .vp-btn:focus 
{
	color: #fff !important;
    border-color: #53b7e8;
    background: #53b7e8;
}


/* Navbar */

.navbar 
{
    background: #26abe2;
    background: #26abe2;
}

.navbar-collapse 
{
	background-color: #53b7e8;
}

.navbar a
{
    text-decoration: none;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus 
{
	background-color: #26abe2;
}

@media screen and (min-width : 768px) 
{
    .navbar .navbar-collapse 
	{
        background: #26abe2;
    }
}

.dropdown-menu 
{
    background-color: #53b7e8;
}

.menu-level-1:hover, .menu-level-1:focus, .menu-level-1:active 
{
    background: #53b7e8;
}


/* Customer logo bar */

#customer-logo-bar 
{
    background: #3e3e3f;
}


/* Footer */

#footer-body 
{
    background: #3e3e3f;
}

#footer-copyright 
{
    color: #ffffff;
}

#footer-wrapper 
{
    background: #3e3e3f;
}

#footer-header 
{
    background: #26abe2;
}

#footer-bottom 
{
    background: #26abe2;
}

#footer-header-triangle 
{
    background: #26abe2;
}

.footer-info-group i 
{
    color: #26abe2;
}


/* Slideshow */

.slide-item .slide-item-btn 
{
    background: #3e3e3f;
	border-color: #3e3e3f;
}

.slide-item .separator-rectangle, .slide-item .separator-parallelogram 
{
    background-color: #3e3e3f;
}

.slide-item h1, .slide-item h3, .slide-item p 
{
    color: #3b3a3c;
}


/* Puffs */

.puff-section-part .custom-btn 
{
    border-color: #3e3e3f !important;
    color: #3e3e3f !important;
}

.puff-section-part .custom-btn:hover, .puff-section-part .custom-btn:active, .puff-section-part .custom-btn:focus 
{
	border-color: #3e3e3f !important;
    color: #ffffff !important;
    background-color: #3e3e3f !important;
}

.puff-section-part h4 
{
    color: #3b3a3c !important;
}


/* References */

.reference-preview-part-item 
{
    background: #ffffff;
}

.reference-preview-part-item .custom-btn 
{
    color: #3e3e3f !important;
    border-color: #3e3e3f !important;
    background-color: none !important;
}
.reference-preview-part-item .custom-btn:hover, .reference-preview-part-item .custom-btn:active, .reference-preview-part-item .custom-btn:focus 
{
	border-color: #3e3e3f !important;
    color: #ffffff !important;
    background-color: #3e3e3f !important;
}


/* Expander */

.expander
{
    color: #3b3a3c;
}

.expander label
{
    font-weight: bold;
}

.expander label:hover
{
    text-decoration: underline;
}

.expanderIcon 
{
    color: #3b3a3c;
}

.expandable 
{
    background: none;
    padding: 0px;
}


/* Other */

.arrow-tip 
{
    background: #26abe2;
}