/* 
Theme Name: Ung Omsorg®
Theme URI: http://falkboman.se/
Description: Behöver ingen beskrivning 
Author: Stefan FalkBoman
Author URI: http://falkboman.se/
Version: 1.0 

  _    _                ____                                
 | |  | |              / __ \                               
 | |  | |_ __   __ _  | |  | |_ __ ___  ___  ___  _ __ __ _ 
 | |  | | '_ \ / _` | | |  | | '_ ` _ \/ __|/ _ \| '__/ _` |
 | |__| | | | | (_| | | |__| | | | | | \__ \ (_) | | | (_| |
  \____/|_| |_|\__, |  \____/|_| |_| |_|___/\___/|_|  \__, |
                __/ |                                  __/ |
               |___/                                  |___/  

----- B ---- */
html{overflow-x:hidden; font-family: "Lato", Arial, Helvetica, sans-serif;}
body{font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 300 !important;
font-size: 140% !important;
text-align: left;
background: #fff;
overflow-x: hidden;
padding-top: 74px;}
#main-container{text-align: justify; font:110%/1em"Lato", Arial, Helvetica, sans-serif !important;}
@media (max-width: 767px) and (min-width: 320px) {body{padding-top: 0px;}}
@media (max-width: 320px) {body{padding-top: 0px;}}

/* ---- P ---- */
.aligncenter{text-align: center !important;}
.icon-white{color: #c4e5df;}
.icon-red{color: #e12e29;}

/* ---- H ---- */
h1,h2,h3,h4,h5,h6{color:#000; font-family: "Lato", Arial, Helvetica, sans-serif;}

/* ---- CONTENT ---- */
.spacing {margin:30px 0;}

/* ---- NAV ---- */
.navbar {border-bottom: none; background: #fff;
-webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);}
.navbar ul.nav li a{font-size: 0.9em;}
.navbar .current_page_item a{background-color: #eae8e8 !important; color: #000 !important;}
.navbar .current_page_item a span.fa-stack .fa-circle{color: #ee3a36 !important;}
.navbar ul.nav li span.fa-stack .fa-circle{color: #7d7d7d;}
span.down_arrow{width: 100%; background: url("img/navbar_down_arrow2@2x.png") center top no-repeat; display: block; height: 17px; position: absolute; top: 73px; background-size: 23px 17px;}
span.down_arrow{background: url("img/navbar_down_arrow2.png") no-repeat\9;}
/* iPhone Portrait */
@media (max-width: 429px) {
	.navbar-fixed-top{position: relative !important; margin-bottom: 0px;}
	.navbar ul.nav{margin: 0px auto !important; width: 320px;}
	.navbar ul.nav li{width: 72px; float: left; height: 40px !important;}
	.navbar ul.nav li a{font-size: 0.8em; height: 40px !important; padding: 10px 0px 0px 0px !important; text-align: center; color: #777;}
	.navbar ul.nav li a span.fa-stack{display: none;}
	span.down_arrow{top: 39px !important; background-size: 23px 17px;}
}
/* iPhone Landscape */
@media (max-width: 767px) and (min-width: 430px) {
	.navbar-fixed-top{position: relative !important; margin-bottom: 0px;}
	.navbar ul.nav{margin: auto auto !important; width: 500px;}
	.navbar ul.nav li{width: 120px; float: left; height: 40px !important;}
	.navbar ul.nav li.nav_kontakt{width: 112px;}
	.navbar ul.nav li.nav_media{width: 147px;}
	.navbar ul.nav li.nav_ungomsorg{width: 114px;}
	.navbar ul.nav li.nav_ungomsorg a{padding: 0px;}
	.navbar ul.nav li a{height: 40px !important; padding-top: 10px !important; background-image: none !important; text-align: center; color: #777;}
	span.down_arrow{top: 39px !important; background-size: 23px 17px;}
	.navbar ul.nav li a span.fa-stack{font-size: 11px; margin: -5px 3px 0 0;}
}
/* Middle */
@media (min-width: 768px) and (max-width: 993px) {
	li.nav_ungomsorg a,li.nav_kontakt a,li.nav_jobb a,li.nav_media a{text-align: center; min-width: 105px;padding-top: 10px; padding-bottom: 10px; color: #848484;}
	.navbar ul.nav li a span.fa-stack{
		top: 0px;
		margin: auto auto;width: 100%;		
		text-align: center;
	}
}
/* Wide */
@media (min-width: 994px) {
	.navbar ul.nav li span.fa-stack{
		position: absolute;
		top: 19px; left: 12px;
	}
	li.nav_ungomsorg a,li.nav_kontakt a,li.nav_jobb a,li.nav_media a{text-align: left; min-width: 105px;padding-top: 26px; padding-bottom: 28px; padding-left: 50px; color: #848484;}
}
/* Hover */
.navbar ul.nav li a,.navbar ul.nav li a span.fa-stack .fa-circle,.navbar ul.nav li a span.fa-stack{
-webkit-transition-property:color, background, top;
	-webkit-transition-duration: 0.2s, 0.2s, 0.08s; 
	-webkit-transition-timing-function: linear, ease-out, ease-out;}
.navbar ul.nav li a:hover{
	background: #f6f3f3;
	color: #111;}
.navbar ul.nav li a:hover span.fa-stack .fa-circle{color: #ee3a36;}
/* Middle */ @media (min-width: 768px) and (max-width: 980px) {.navbar ul.nav li a:hover span.fa-stack{top: -3px;}}
/* Wide */ @media (min-width: 981px) {.navbar ul.nav li a:hover span.fa-stack{top: 17px;}}

/* Logo */
.navbar-brand{width: 259px; height: 40px; background: url("img/logo2@2x.png") 0px 2px no-repeat; background-size: 100%; margin: 20px 0 0 0;}
.navbar-brand{background: url("img/logo2.png") 0px 2px no-repeat\9;}
@media (max-width: 767px) {
	div.navbar-header{height: 65px;}
	a.navbar-brand{height: 65px; width: 100%; background-size: 259px 38px; background-position: center 16px; margin-top: 0px !important; position: absolute; border-bottom: 1px solid #f3f3f3;}
}
@media (min-width: 768px) and (max-width: 1200px) {
	.navbar-brand{margin-left: 2px !important;}
}
@media (min-width: 1200px) {
	.navbar-brand{margin-left: 2px !important;}
}

/* ---- INDEX ---- */
#indexhead {
min-height: 410px; padding:5% 0 10% 0; text-align:center; border-bottom: 1px solid #CCC; background-image:url(img/indexPic.jpg); background-size:100%;
height:auto !important\9; 
height: 100px\9;
padding: 0 0 0 0\9;}
#indexhead h1{font-family: "Lato", Helvetica, arial, sans-serif !important; font-weight: 300; font-size: 3.2em; line-height: 1em; text-shadow: 1px 2px 0px #222, 0px 0px 8px #000; filter: progid:DXImageTransform.Microsoft.Shadow(color=#222,direction=45); padding-bottom: 20px; color: #fff; margin-top: 100px;  margin-left: auto; margin-right: auto;}
/* iPhone */
@media (max-width: 767px) {
	#indexhead {min-height: 310px; background-size:160%; background-position-x: center;}
	#indexhead h1{font-size: 2.5em; margin: 80px 20px 0 20px;}
}
/* iPhone Landscape */
@media (max-width: 767px) and (min-width: 430px) {
	#indexhead {min-height: 310px; background-size:120%; background-position-x: center;}
}
/* Wide */
@media (min-width: 994px) and (max-width: 1199px) {
	#indexhead {background-size:120%; background-position-x: center; margin-top: -300px; padding-top: 400px;}
	#indexhead h1{margin: 50px 20px 40px 20px;}
	#indexhead h1{margin-bottom: 0px\9;}
}
/* Extra Wide */
@media (min-width: 1200px) {
	#indexhead {min-height: 510px; background-size:100%; background-position-x: center; margin-top: -300px; padding-top: 400px;
	/*IE-HACK*/min-height: 200px\9; padding: 400px 0 30px 0\9;
	}
}

/* Koncept */
.index_emph span{font:150%/1.2em"Lato", sans-serif !important; font-weight: 900 !important; text-align: left !important;}
p.intro_text{margin-top: 10px;font-size: 2em; line-height: 100%; text-align: center; font-family: "Lato", Helvetica, arial, sans-serif !important;}
p.intro_text span{color: #e12e29;}
i.aligncenter{text-align: center; display: block; margin-bottom: 30px;}
.index_well1{background: #fcf9f9 url("img/well1.jpg") center -69px no-repeat !important;}
.index_well2{background: #fcf9f9 url("img/well4.jpg") center -69px no-repeat !important;}
.index_well3{background: #fcf9f9 url("img/well3.jpg") center -69px no-repeat !important;}
.karriar_well1{background: #fcf9f9 url("img/karriar_well1.jpg") center -69px no-repeat !important;}
.karriar_well2{background: #fcf9f9 url("img/karriar_well2.jpg") center -69px no-repeat !important;}
.karriar_well3{background: #fcf9f9 url("img/karriar_well3.jpg") center -69px no-repeat !important;}
.karriar_well4{background: #fcf9f9 url("img/karriar_well4.jpg") center -69px no-repeat !important;}
.well div.wpb_raw_code.wpb_content_element.wpb_raw_html {margin-bottom: 0px;}
/* Historia */
#history{margin-bottom: 4px;}
.historia_headline{background: #fcf9f9; padding: 10px; text-align: center; border-bottom: 4px solid #eee; border-color: #efecec;}
.historia_headline h2{font-family: "Lato", Helvetica, arial, sans-serif !important; font-weight: 300; margin-bottom: 2px;}
.historia_headline small{color: #e12e29;}
.historia_img img{min-width: 100%; height: auto;}
.historia_content{padding: 10px; text-align: justify; border: 1px solid #efecec; border-top: none; background: white;}
.historia_distance{display: block; width: 1px; height: 60px; margin: 0px auto; border-left: 3px dashed #efecec;}
/* Media */
.page-id-10 .thumbnail{margin-bottom: 20px;}
.page-id-10 a.thumbnail:hover{border-color: #e12e29;}
/* Kontakt */
.fa-ul{font-size: 0.9em;}
/* tabs */
.nav-tabs > li, .nav-pills > li {float:none;display:inline-block;*display:inline; /* ie7 fix */zoom:1; /* hasLayout ie7 trigger */font-size: 1.5em;
}
#indexTab li a {padding: 20px; background-color: #f6f3f3 !important; color: #aaa; border-bottom:1px solid #ccc;
/* Gradient */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 90%, rgba(0,0,0,0.12) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(90%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.12))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 90%,rgba(0,0,0,0.12) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 90%,rgba(0,0,0,0.12) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 90%,rgba(0,0,0,0.12) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 90%,rgba(0,0,0,0.12) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1f000000',GradientType=0 ); /* IE6-9 */
/* Transition */
-webkit-transition-property:color, background, border; 
-webkit-transition-duration: 0.4s, 0.2s, 0.2s; 
-webkit-transition-timing-function: linear, ease-out;}
#indexTab li.active a {background: #fff !important; color: #111; border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-top: 1px solid #ccc; border-bottom: 1px solid #fff;}
#indexTab li.active a:hover{border-bottom: 1px solid #fff;}
#indexTab li a:hover{border: 1px solid #ee3a36; border-bottom: 1px solid #ccc; color: #888;}
.nav-tabs, .nav-pills {text-align:center;}
ul#indexTab {margin: -72px 0 30px 0; border: none;}

/* ----------- Image Head Template ----------- */
#imagehead {
min-height: 250px; padding: 10px 0 30px 0; text-align:center; border-bottom: 1px solid #CCC; background-size:100%; margin-bottom: 20px;}
#imagehead h1{font-family: "Lato", Helvetica, arial, sans-serif !important; font-weight: 300; font-size: 3.2em; line-height: 1em; text-shadow: 1px 2px 0px #222, 0px 0px 8px #000; filter: progid:DXImageTransform.Microsoft.Shadow(color=#222,direction=45); padding-bottom: 20px; color: #fff; margin-top: 100px; font-family: "Lato", Arial, Helvetica, sans-serif;}

/* iPhone */
@media (max-width: 767px) {
	#imagehead {min-height: 70px; background-size:170%; background-position-x: center;}
	#imagehead h1{font-size: 2.5em; margin: 80px 20px 0 20px;}
}
@media (min-width: 768px) {
	#imagehead h1{max-width: 720px; margin-left: auto; margin-right: auto;}
}

/* ----------- Samarbeten ----------- */
.samarbeta_span{
	color: white;
	font-size: 3em;
	padding: 30px 0 62px 0;
	text-shadow: 1px 2px 0px #222, 0px 0px 8px #000; filter: progid:DXImageTransform.Microsoft.Shadow(color=#222,direction=45);
}

/* ----------- Partners ----------- */
#partners {background:#f7f7f7 url("img/footbg.png") center 0px no-repeat; background-size:100%; padding: 20px 0 15px 0; 
-webkit-box-shadow: 0px -1px 5px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px -1px 5px rgba(50, 50, 50, 0.25);
box-shadow:         0px -1px 5px rgba(50, 50, 50, 0.25);
background-image: none\9;
}
@media (max-width: 994x) {#partners{background-size:140%;}}
@media (max-width: 767px) {#partners{background-size:200%;}}
span.huvudpartner{color: #e12e29; line-height: 1.4em; font-family: "Lato", Helvetica, arial, sans-serif !important; font-size: 140%;}
/* Main BG/Pos/Z*/
.partner{background-color:rgba(255,255,255,1.0);}
.mainpartner{background-color:#fff;}
.mainpartner p{padding: 14px; text-align: left; font-size: 0.9em; line-height: normal;}
li.partner{display:inline-block; width: 250px; margin-right: 3px; vertical-align: top;}
/* Style */
#partners img{border-bottom: 1px solid #eee;}
li.partner h3{display: none;color:#fff;font-size: 1.2em; margin-bottom: 0px; text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.9); text-transform: uppercase; text-align: center;}
li.partner p{padding: 14px; font-size: 0.9em; white-space: normal !important; max-height: 150px; overflow: hidden; line-height: 1.4em;}
#partnerScroller{margin-top: 0px !important;}

/* ---- FOOTER ---- */
footer {height:70px;background-color: #e12e29;}
footer .ud_slogan p{display: none;}
footer .ud_slogan{
	display:block;height: 32px;
	background: url("img/slogan@2x.png") center center no-repeat;
	background-size: 449px 32px;
	background: url("img/slogan.png") center center no-repeat\9;}
span.ud_symbol{
	background: url("img/symbol@2x.png") 0px 2px no-repeat;
	background-size: 126px 98px;
	background: url("img/symbol.png") 0px 2px no-repeat\9;
	display: block; position: relative;
	margin: auto auto; margin-top: -90px;
	width: 126px; height: 110px;}
@media (max-width: 767px) {
	footer .ud_slogan{background-size: 240px auto;}
	footer .ud_symbol{background-size: 100px auto; width: 100px; margin-top: -70px; height: 90px;}
}

/* ---- Responsive Video ---- */
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* ---- WP ---- */
.entry-content img{margin:0 0 1.5em;}
.alignleft,img.alignleft{margin-right:10px;display:inline;float:left;}
.alignright,img.alignright{margin-left:10px;display:inline;float:right;}
.aligncenter,img.aligncenter{margin-right:auto;margin-left:auto;display:block;clear:both;}
.wp-caption{margin-bottom:1.5em;text-align:center;padding-top:5px;}
.wp-caption img{border:0 none;margin:0;padding:0;}
.wp-caption p.wp-caption-text{line-height:1.5;font-size:10px;margin:0;}
.wp-smiley{max-height:1em;margin:0!important;}
blockquote.left{margin-right:20px;text-align:right;margin-left:0;width:33%;float:left;}
blockquote.right{margin-left:20px;text-align:left;margin-right:0;width:33%;float:right;}

/* ---- We ☠ Hate IE ---- */
.browsehappy{position:fixed; bottom:0; left:0; width:100%; height:40px; background-color:#e12e29; border-top: 1px solid #a90d0d; z-index: 999999999;}
.browsehappy p{text-align: center; margin-top: 10px; color: white;}.browsehappy a{color: white; font-weight: bold; text-decoration: underline;}

/* ---- BOOTSTRAP OVERRIDES ---- */
.well{background: #fcf9f9; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; text-align: left;}
.wpcf7-form .control-group p {line-height: 1px;margin: 0;}
label.control-label{text-align: left !important;}

.img-responsive{display:block;height:auto;max-width:100%}
@media \0screen {.img-responsive { width: auto }} /* Prevent height distortion in IE8. */