/* CUSTOM CSS - this is where you add your own css rules !!

***********************************************************/
body {
	font-size:15px; 
	line-height:21px;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;	
}
header,
.chaser {background: #795373; background-color: #795373 !important;}
header.style2 #logo a, header.style2 a#logo {background: transparent;}
#page_header.dark-blue {background-color: #345370; display: none;}
#header, #header #logo a, #header a#logo {height: 70px; line-height: 70px;}

/* Offline-sida */
.containerbox #logo img {max-width: 150px}

/* Länkar */
.tab-content a:link, .tab-content a:visited {text-decoration: none; color: #1394d9 !important;}

/* Tabb-ruta */
.tab-content > .active, .pill-content > .active {
    padding-right: 25px;
}

/* Boxar på startsidan */
.mc-header-box {text-align: center; margin-top: 2%; margin-bottom: 2%;}
.mc-header-box h4 {font-size: 30px; line-height: 60px; color: #795373}
.mc-box {background: #999; padding: 1rem 1.5rem; color: #fff; text-align: center;}
.mc-box b {font-size: 1.2rem;}

/* Grå bakgrundsfärg i box */
.box_gray_bg {display:block;background-color:#f5f5f5;padding:20px;}

.custom.content-callout {position: relative; top: -1rem; width: 95%; padding: 1rem; height: auto; margin-bottom: 0rem;
/*background: #fcfdff url(../images/headerbg.png); background-repeat: repeat-x; background-position: center bottom;*/}

/* Loggan */
#header.style1, 
#header.style2 #logo a, 
#header.style2 a#logo, 
#header.style3 #logo a, 
#header.style3 a#logo, 
.tabs_style1 > ul.nav > li.active > a {border-top: 0px solid #1394d9;border-bottom:0px;}



/* Sidfot (först) */
#footer {}
#footer2 .social_links ul {list-style: none !important; text-align: center;}
#footer2 .social_links ul li {margin-right: 17px; display: inline-block; width: 53px; height: 53px;}
#footer2 .social_links ul li a.facebook {background: url(../images/phformula_social.svg) no-repeat 0 0;}
#footer2 .social_links ul li a.instagram {background: url(../images/phformula_social.svg) no-repeat -70px 0;}
#footer2 .social_links ul li a.twitter {background: url(../images/phformula_social.svg) no-repeat -142px 0;}
#footer2 .social_links ul li a {width: 53px; height: 53px; display: block; text-indent: -999em;}
#footer2 .social_links ul li a:hover {opacity: 0.7}

ul.topnav.navRight li a {color:#555;}
#loginBtn {background-color:#1394d9;}
.readmore a {color: #1394d9;}
.readmore a:hover {color: #999;}

/* Rubrik i pageheader */
.header-titles h2 {text-shadow:0px 0px 0 rgba(0,0,0,0.5); line-height:1.3; margin-top: 20px; padding:0 10px;}
h1.page-title,
.item-page h2.page-title,
.header-titles h2,
.gallery h2
{
	font-family: Source Sans Pro, Arial, Tahoma, sans-serif;
	line-height:46px;
	font-weight:300;
	font-size:40px;
	color:#555;
}
h4 {
	font-family: Source Sans Pro, Arial, Tahoma, sans-serif;
	line-height:30px;
	font-weight: 300;
	font-size:24px;
	margin-bottom:0px;
}
h6 {
	font-family: Source Sans Pro, Arial, Tahoma, sans-serif;
	line-height:24px;
	font-weight: 300;
	font-size:18px;
}
/* Citat */
.testimonial_box[data-theme=light] blockquote {
    background: #fff;
    border: 3px solid #dedede;
    border-radius: .5rem;
    font-size: 1.2rem;
    color: #343434;
}
.testimonial_box[data-align=bottom] blockquote:after {
    left: 50%;
    bottom: -41px;
    font-size: 1.2rem;
    height: 25px;
}
.testimonial_box[data-align=bottom] .details {
    position: absolute;
    left: 48%;
    /* right: 50%; */
    top: 100%;
    z-index: 1;
}
/* Rutor på startsidan */
.brands-container.first {padding-top: 50px;}
.brand-item {margin-bottom: 20px;}
.brands-container p {margin: 0 !important}
.image-container {border: 1px solid #ccc; border-bottom: 0px;}	
.link-container {padding: 10px 0; text-align: center; background: #795373; transition: background .4s ease; margin-top: 0px; color: #e0e0e0;}	
.link-container:hover {background: #996A92;}
.link-container a:link,
.link-container a:visited {color: #e0e0e0; text-decoration: none !important; border-bottom: 0px !important; transition: color: .50s ease;}
.link-container a:hover {color: #fff;}
.image-container img {min-height: 272px;	object-fit: cover;}
/* Bild med popup-länk */
.brand-item a.jcepopup img {border: 0px solid #fff !important;}
.brand-item a.jcepopup img:hover {border: 0px solid !important;}

/* När sidan laddas */
#page-loading {position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/loader_light.gif) no-repeat center center #dedede !important; z-index:999999;}

/* MAIN NAVIGATION - SUPERFISH */
/* Huvudmeny */
nav#main_menu.noTopNav {margin-top: 10px;}
nav#main_menu > ul.sf-menu > li > a {color: #fff !important;}
nav#main_menu {float:right;}
nav#main_menu.clearRight {clear:right;}
nav#main_menu > ul.sf-menu {margin:15px 0; padding:0; list-style:none;}
nav#main_menu > ul.sf-menu > li {float:left;  margin-top:3px; margin-left:2px;}
nav#main_menu > ul.sf-menu > li:first-child {margin-left:0;}
nav#main_menu > ul.sf-menu > li > a {font-size:18px; font-weight:400; color:#999; padding: 0 12px 0; margin:0 0 5px; display: block; border: 0; line-height: 1; position:relative;
-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
nav#main_menu > ul.sf-menu > li.active > a,
nav#main_menu > ul.sf-menu > li > a:hover,
nav#main_menu > ul.sf-menu > li:hover > a {color:#ffffff;background-color:#cd2122; padding: 6px 12px 5px; margin:-6px 0 0 0; }
/*2nd lev */
nav#main_menu > ul.sf-menu > li:hover > ul,
nav#main_menu > ul.sf-menu > li.sfHover > ul {top:19px;}
nav#main_menu > ul.sf-menu.sprf > li:hover > ul,
nav#main_menu > ul.sf-menu.sprf > li.sfHover > ul {top:28px;}
nav#main_menu > ul.sf-menu ul {background:#f5f5f5; padding: 6px 0;
border: 1px solid #fff; border: 1px solid rgba(255, 255, 255, 0.8);
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0, 0.4); -moz-box-shadow: 0px 0px 4px rgba(0,0,0, 0.4); box-shadow: 0px 0px 4px rgba(0,0,0, 0.4);
-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
position: absolute;
}
nav#main_menu > ul.sf-menu > li > a.sf-with-ul .sf-sub-indicator {background: #CCC; background: rgba(255, 255, 255, 0.4); height: 1px; width: 7px; left: 17px; top: auto; bottom: -3px; }
nav#main_menu > ul.sf-menu > li.sfHover > a.sf-with-ul .sf-sub-indicator {display:none; }
nav#main_menu > ul.sf-menu ul li {line-height:27px;}
nav#main_menu > ul.sf-menu > li > ul:after {content:"";top:-10px; position:absolute; left:14px; border: 6px solid transparent; border-bottom-width: 5px; border-bottom-color:#f5f5f5;}
/*3rd lev */
nav#main_menu > ul.sf-menu ul ul {margin-left:10px;}
nav#main_menu > ul.sf-menu ul ul.reversed {margin-right:10px; margin-left:0;}
nav#main_menu > ul.sf-menu > li > ul ul:after {content:"";top:6px; position:absolute; left:-10px; border: 5px solid transparent; border-right-color:#f5f5f5;}
nav#main_menu > ul.sf-menu > li > ul ul.reversed:after { right:-10px; left:auto; border-left-color:#f5f5f5; border-right-color:transparent;}
nav#main_menu > ul.sf-menu ul li a {color:#535353; line-height:27px; font-size:12px; padding:0 12px; }
nav#main_menu > ul.sf-menu ul li.active > a,
nav#main_menu > ul.sf-menu ul li.sfHover > a,
nav#main_menu > ul.sf-menu ul li a:hover {color:#323232; background:rgba(0,0,0,0.04); padding-left:14px }
nav#main_menu > ul.sf-menu ul .sf-sub-indicator {background:#ccc; height:1px; width:7px; top: 50%; margin-top: -1px;}
/*2nd lev */
nav#main_menu > ul.sf-menu.dark_nav ul {background:#0A0A0A;
border: 1px solid #000; border: 1px solid rgba(0, 0, 0, 0.8);}
nav#main_menu > ul.sf-menu.dark_nav > li > ul:after {border: 6px solid transparent; border-bottom-width: 5px; border-bottom-color:#0A0A0A;}
/*3rd lev */
nav#main_menu > ul.sf-menu.dark_nav > li > ul ul:after {border: 6px solid transparent; border-right-width: 5px; border-right-color:#0A0A0A;}
nav#main_menu > ul.sf-menu.dark_nav ul li a {color:#ACACAC;}
nav#main_menu > ul.sf-menu.dark_nav ul li.active > a,
nav#main_menu > ul.sf-menu.dark_nav ul li.sfHover > a,
nav#main_menu > ul.sf-menu.dark_nav ul li a:hover {color:#ACACAC; background:rgba(255,255,255,0.04); }
nav#main_menu > ul.sf-menu.dark_nav ul .sf-sub-indicator {background:#333;}

/* Chaser, toppmeny som visas vid scrollning */
.chaser {background-color:#1394d9;font-weight:600;}

/* Innehåll */
#page_header {}
.system-messages {}
section#content {margin-top:10px;}
#mainbody {margin-top: 5rem;}
#mainbody ul.actions {margin:0 0 10px 0 !important;}
#mainbody ul.actions > li a:hover {background:#1394d9; background:rgba(19,148,217,0.6);}


/* accordions style3 */
.acc-group.style3 { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5; }
.acc-group.style3 > button {display: block; width: 100%; text-align: left; position:relative; margin:0; padding:10px 10px 10px 60px; background:none; border:0; font-size:16px}
.acc-group.style3 > button:after {content:'-'; position:absolute; left:0; top:0; width:20px; height:20px; font-size:40px; background:#eee; color:#cd2122; padding:7px 6px 13px 14px; text-shadow:0 1px 0 #fff;}
.acc-group.style3 > button:hover { color:#1394d9 !important; }
.acc-group.style3 > button:hover:after { color:#1394d9 !important; background:#e9e9e9;}
.acc-group.style3 > button.collapsed:after {color:#b5b5b5; content:'+'; padding:10px;  font-size:35px;}
.acc-group.style3 > button.collapsed {color:#505050;}
.acc-group.style3 .content {padding: 10px 15px; }
/*.acc-group.style3 .content p:last-child {margin-bottom:0;}*/

/* Bild med popup-länk */
a.jcepopup img {border:5px solid #fff;}
a.jcepopup img:hover {border:5px solid;}

/* Sidfot */
#footer1 {border-top: 0px solid #1394d9; font-size: 80%; padding-top: 20px;}
#footer {background:#2f2f2f; padding: 0; color:#fff;}
#footer .bottom {padding-top: 0; border-top: 0px solid #484848; color: #fff;}
/* Sidfot modul */
h4.footer-title {color:#fff; margin:30px 0 10px; font-size:20px;}
#footer a {color: #fff;}
#footer a:hover {color: #fff;}

/* Pilen under page_header */
#page_header:before {display:none;}
#page_header > .shadowUP {display:none !important;}

/* Modul produktmeny "Fler produkter" */
.moduletable_product_menu_right {margin-left:5%; margin-top:15px;}
.moduletable_product_menu_right h3 {font-weight:400;height:30px; width:100%; display:block; text-align:center; font-size:14px; line-height:30px; text-transform:uppercase; background-color:#1394d9; color:#ffffff; margin-bottom:10px;}
.moduletable_product_menu_right a {color:#1394d9;/*#368FC2;*/}
.moduletable_product_menu_right a:hover {color:#555555;}

/* Bild i portfolio-meny */
.hg-portfolio-item .img {max-height: 15rem; width: auto;}
.inner-item {text-align: center;}
.inner-item img {max-height: 15rem; width: auto;}

/* Modul: Högermeny för inloggad återförsäljare */
#mainbody .sidebar ul.menu ul{
    list-style-type: none;
	margin-top: 2px;
}
#mainbody .sidebar ul.menu li ul {
    list-style: none;
}
#mainbody .sidebar ul.menu li ul li{
	margin-bottom: 2px;
}
#mainbody .sidebar ul.menu li.active a, #mainbody .sidebar ul.menu li a:hover {
    background: #bbb;
    color: white;
}

@media screen and (min-width: 1200px){
	body.res1170 #footer1 .row {
		margin-left: 0 !important;
	}
}

/*
# ------------------------------------------------------------------------
# Extensions for Joomla 2.5 - Joomla 3.x
# ------------------------------------------------------------------------
# Copyright (C) 2011-2014 Ext-Joom.com. All Rights Reserved.
# @license - PHP files are GNU/GPL V2.
# Author: Ext-Joom.com
# Websites:  http://www.ext-joom.com 
# Date modified: 22/03/2014 - 13:00
# ------------------------------------------------------------------------
*/

ul.ext_accordion {
    margin-left: 0 !important; 
    padding-left: 0 !important;
	margin-top:10px;
}
ul.ext_accordion li {
	list-style-type: none !important; 
	padding-bottom: 8px !important;	
	margin-bottom:10px;
	border-bottom: 1px solid #ddd;	
}
ul.ext_accordion li ul li {
	list-style-type: none !important; 
	padding-bottom: 0px !important;	
	margin-bottom: 10px;
	border-bottom: 0px solid #ddd;	
}
.ext_accordion .handle {
    background: none;
    cursor: pointer;
    font-weight: normal;
	font-size: 120%;
    padding: 5px 15px;
	border: 0px solid #ddd;
	color: #333;
	text-transform:uppercase;
	text-align:left;
	margin-left:50px;
	position:relative;
	top:-10px;
	left:-15px;
}
.ext_accordion .handle:hover {
	color:#1394d9;
}
.ext_accordion .static .handle,
.ext_accordion_html .static .handle:hover {
    background: none;
}
.ext_accordion .panel {
    padding: 5px;
	border-left: 0px solid #ddd;
	margin-left:20px;
	margin-top:5px;

}
.ext_accordion .handle::before {
	content:"+";position:relative;top:8px;font-size:40px;color:#bbb;padding:0px 10px 0px 10px;line-height:40px;background-color:#e9e9e9;margin-left:-50px;margin-right:10px;
}
.ext_accordion .handle:hover::before {
	content:"+";position:relative;top:8px;font-size:40px;color:#1394d9;padding:0px 10px 0px 10px;line-height:40px;background-color:#e9e9e9;margin-left:-50px;margin-right:10px;
}
.ext_accordion .open .handle::before {
	content:"-";position:relative;top:8px;font-size:40px;color:#1394d9;padding:0px 14px 0px 14px;line-height:40px;background-color:#e9e9e9;margin-left:-50px;margin-right:10px;
}
.ext_accordion .open .handle {
	color:#1394d9;
}

/* Formulär */
#rp_name,
#rp_email,
#rp_subject,
#rp_message {width:75%;max-width:400px;min-width:150px;}

/* Team member */
.team_member {}
.team_member h6 {font-size:80%;font-weight:600;}
.details {font-size:125%;}
.desc {font-size:125%;padding-bottom:20px;}
.details a,
.desc a {color: #1394d9;}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
	  #mainbody {margin-top: 0;}
  }