/*
Theme Name: KA Webbyrå
Theme URI: http://kawebb.se
Description: Ett tema skapat av KA Webbyrå till Lots Crew
Author: KA Webbyrå
Author URI: http://www.kawebb.se
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

/* Setting up defaults */
	* {box-sizing:border-box}
	:root, html { font-size: 16px; }
	h1 {font-size: 2.2566rem}
	h2 {font-size: 1.8166rem}
	h3 {font-size: 1.5625rem}
	h4 {font-size: 1.3333rem}
	p  {font-size: 1rem}
	::selection {background: #ffa000; text-shadow: none}

/* -----------------------------------------------

				Header

----------------------------------------------- */
header.fixed {
	position:fixed !important;
}
.page_header {
	position:fixed;
}
.header_bottom{
	background:none;
}
.title_subtitle_holder {
	padding-top:100px;
}
.title_subtitle_holder *{
	line-height: 1.2
}

.wrapper_inner > .content.content_ttop_marginop_margin {
	margin-top:0 !important;
}

.header_top, .fixed_top_header .top_header, .fixed_top_header nav.mobile_menu, header.fixed.scrolled .header_top {
    background-color: rgba(236,160,24,1) !important;
    color: #fff;
}

.header_top a, .fixed_top_header .top_header, .fixed_top_header nav.mobile_menu, header.fixed.scrolled .header_top {
    background-color: rgba(236,160,24,1) !important;
    color: #fff;
}
/* ----------------------
		Logo
---------------------- */



/* ----------------------
		Menu
---------------------- */
	#nav-menu-item-99 a {
		color:#ffa000 !important;
	}
	.menu-item a, .mobile_menu a {
		color:#ddd !important;
		font-weight: 400 !important;
		font-size: 1rem !important;
	}
	.menu-item.active a, .mobile_menu.active a {
		color:#fff !important;
		font-weight: 600 !important;
	}
	.mobile_menu ul li a {
		font-size: 1rem !important;
		line-height: 2 !important
	}
	.mobile_menu_button {
		float:right;
	}
	.title_subtitle_holder span {
		font-size: 2.5rem;
	}
	.title_subtitle_holder h1 + span {
		display: none !important;
	}
	.main_menu ul li a {
		padding: 0 5px !important;
	}
	.main_menu ul li a:after {
		content:'/';
		color: #eee;
		padding-left: 10px
	}
	.main_menu ul li:last-child a:after {
		display: none;
	}

/* -----------------------------------------------

				Body

----------------------------------------------- */
/* Home */
	#home-fold {
	  min-height:600px;
	  height: 75vh;
	  display:flex;
	  flex-wrap:wrap;
	  align-items:center;
	}
	.opening-paragraph {
	  align-self:center;
	  margin-top:15vh !important;
	  color:#fff;
	  line-height:1.25;
	  text-align: center;
	  max-width: 675px !important
	}
	.opening-paragraph p {
	  font-size:1.5rem;
	}
	#home-tjanster .tjanster-icons {
	  text-align:center;
	  font-size:1.1rem;
	  color:#000;
	}

	#home-tjanster .tjanster-icons i {
	  font-size:6.5rem;
	  display:inline-block;
	}


	#home-tjanster .tjanster-icons h3 {
	  font-size:1.5625rem;
	  font-weight:400;
	  margin:1.5rem 0;
	  color:#000;
	}

	#home-tjanster .tjanster-icons a {
	  font-size:1.333rem;
	  margin:2.25rem 0 5.8rem;
	  display:inline-block;
	  color:#000;
	  border:2px solid #333;
	  padding:8px 20px;
	  font-weight: 300 !important;
	  text-transform: lowercase;
	}


	#home-tjanster .tjanster-icons a:hover  {
	  background: #ffa000;
	  color: #fff;
	  border-color: #ffa000;
	}
	#home-tjanster .tjanster-icons a:after {
	  content:'»';
	  margin-left:.5rem;
	}
/* Tjanster */

	#lostning, #fjarrkorning, #distributionskorning {

	}
	#lostning i, #fjarrkorning i, #distributionskorning i {
		font-size:7rem;
		text-align: center;
		line-height:12rem;
		width:100%;
		display:inline-block;
	}
	#lostning h2, #fjarrkorning h2, #distributionskorning h2 {
		margin:0 0 2rem 0;
		text-align: center !important;
	}	

/* Våra Kunder */
	.kund-list {
	  list-style:none;
	  display:flex;
	  flex-wrap:wrap;
	  text-align:center;
	  justify-content:space-between;
	  margin-bottom:100px;
	}
	.kund-list li {
	  flex:1;
	  min-width:50%;
	  padding:50px 10px;
	  border:1px solid #eee;
	}
	.kund-list li:hover {
	  background:#ffa000;
	  color:#fff;
	}

/* Kontakta Oss */
	#contact-info {
		padding-top:20px;
	}
	#contact-info h3 {
		margin-bottom:1rem;
		font-weight: 400;
   	 	font-size: 20px;
   	 	text-transform: capitalize;
	}
	#contact-info ul {
		list-style: none;
	}
	#contact-info ul li {
		font-size: 1rem;
		color:#000;
		margin:.25rem 0 .25rem .75rem;
	}
	#contact-info h3 + ul + h3 {
		margin:3rem 0 1rem;
	}
	.tabs-nav {
		width:100%;
	}
	.tabs-nav li {
		text-align: center !important;
		background: #fff;
		width:50%;
	}
	.tabs-nav li a {
		color:#333 !important;
	}
	.tabs-nav li.active a {
		background: #ffa000;
		color:#fff !important;
		width:100%;
	}
	/* Contact Form */
	.gform_footer {
		padding-bottom:100px;
		display:inline-block;
	}
	.gform_footer input[type="submit"] {
		float:left;
		font-size: 1.25rem !important;
		padding:5px 20px !important;
		height:auto !important;
		text-align: center !important;
		max-width: 290px;
	}
	.gform_footer input[type="submit"]:hover {
		background: #ffa000 !important;
		border-color:#ffa000 !important;
	}

	.gform_body input {
		padding:15px !important;
	}
	.gform_body input:focus, .gform_body textarea:focus {
		background:#232C36 !important;
		color:#fff !important;
	}
	.gfield_label {
		color:#333;
		font-size: 1rem !important;
	}
	.gfield_radio {
		display: flex;
		flex-wrap: wrap;
	}
	.gfield_radio > li {
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		-o-flex: 1;
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.gform_wrapper ul#input_2_5 li {
		padding: 30px 5px 10px 5px !important;
	}
	.gform_wrapper ul#input_2_5 > li:hover {
		background:#eee;
	}

	.gform_wrapper ul#input_2_5 > li ~ [type="radio"]:checked {
		background: #aaa
	}

	.gfield_radio > li:hover label{
		color:#232C36;
	}

	.gfield_radio label {
		padding:15px !important;
		font-size: 1rem !important;
		font-weight: 300 !important;
		width: 120% !important;
		color:#333;
	}
	.gfield_radio li {
		margin-bottom: 0 !important
	}
	.gform_confirmation_message {
		color:#000;
		font-size:1.75rem;
		font-weight: 300;
		line-height: 1.25;
		text-align: center;
	}
	.gform_confirmation_message a {
		text-transform: uppercase;
		background: #FFA000;
		color:#fff;
		padding: 5px 12px;
		border:1px solid #FFA000;
	}
	.gform_confirmation_message a:hover {
		background:none;
		color:#ffa000;

	}

/* -----------------------------------------------

				Slider

----------------------------------------------- */



/* -----------------------------------------------

				Content

----------------------------------------------- */

ul.kund-list img {
    margin-top: 10px;
}

ul.kund-list a {
    line-height: 14px;
}

ul.kund-list a:hover {
    color: #fff;
}

.content-margins {
	padding:50px 0;
}

.content-margins p, .content-margins h2 {
	margin-bottom:20px !important;
}

/* -----------------------------------------------

				Footer

----------------------------------------------- */
.footer_bottom_holder > .footer_bottom_columns{
	max-width:1200px !important;
	margin:0 auto;
	align-self: center;
}
.footer_bottom_holder {
	padding-left:30px;
	padding-right:30px;
	display:flex;
	width:100%;
	padding-bottom:100px;
}
.logo-footer {
	width:320px;
	margin:0 auto;
}
.footer_bottom_holder .column1 p {
	font-size:1.15rem;
	line-height: 1.5;
	margin-bottom:3rem;
}
.seo-nap li, .footer-cta li {
	display:block !important;
	text-align:left;
	margin-left:3.25rem;
	line-height: 2rem;
	margin-bottom:.5rem;
	font-size: 1.3rem;
}
.seo-nap li h3 {
	color: #fff;
	margin-left:-38px;
	margin-top: 40px;
	text-transform: none;
	font-weight: 400;
}
.seo-nap li i {
	font-size:1.5rem;
	line-height:2rem;
	margin-left: -2.25rem;
	position: absolute;
}
.footer-cta {
	margin-top:30px;
}
.footer-cta li {
	float: left;
	margin:0 0 30px 0 !important;
	padding:0;
	width:47.5%;
}
.footer-cta li a {
	padding:10px 20px;
	border:1px solid #ffa000;
	width: 100% !important;
	display: inline-block;
	text-align: center;
}
.footer-cta li a:hover {
	background:#ffa000;
	color:#fff !important;
}
.footer-cta li:last-child {
	margin-left: 5% !important;
}
footer aside {
	display:inline-block;
	width:100%;
	background:#ECA018;
	bottom:0;
	padding:50px;
	text-align: center;
	color:#fff;
	font-size: 1rem;
}
footer aside a {color:#fff}
footer aside a:hover {color:#fff;text-decoration: underline;}


/* -----------------------------------------------

				Custom post types

----------------------------------------------- */



/* -----------------------------------------------

				Forms

----------------------------------------------- */



/* -----------------------------------------------

				Fonts

----------------------------------------------- */



/* -----------------------------------------------

				Responsive

----------------------------------------------- */

/* ----------------------
		Desktop
---------------------- */
@media screen and (min-width: 1200px) {
	
}

@media only screen and (min-width: 1000px) {
	header:not(.scrolled) .header_bottom {
		padding-top:1rem;
		padding-bottom:0;
	}
	header:not(.scrolled) .logo_wrapper > div > a img {
		width:300px !important;
		height:auto !important;
		margin-top: 0;
	}
	header #menu-main-menu {
		margin-top: 12px
	}
	header:not(.scrolled) #menu-main-menu {
		margin-top: 33px
	}
	.opening-paragraph {
		text-align: left;
		max-width: 50vw;
  		margin-top:-10vh;
	}
	.opening-paragraph p {
		font-size: 2.85rem;
	}
	#home-fold {
	  padding:100px;
	}

	.kund-list li {
	  min-width:33.33333%;
	}
	.title_subtitle_holder {
		padding-top:100px;
	}
}

/* ----------------------
		Tablet
---------------------- */

@media screen and (max-width: 1200px) {
	
	.menu-item a {
		font-size: .9rem !important;
	}

	.main_menu ul li a {
		padding: 0 5px !important;
	}

	.main_menu ul li a:after {
		display: none;
	}
}

@media screen and (max-width: 999px) {
	
}

/* ----------------------
		Mobile
---------------------- */

@media screen and (max-width: 767px) {
	.gform_footer input[type="submit"] {
		float: none;
		margin:0 auto !important;
		display: block !important;
	}
}

@media screen and (max-width: 479px) {
	.seo-nap li h3 {
		text-align: center;
		margin-left:0;
	}
	.tabs-nav {
		margin-top: 60px !important;
	}
	.title_size_small {
		background: #fff;
	}
}
@media screen and (max-width: 400px) {
	.footer-cta li, .footer-cta li a {
		width:100%;
		display:inline-block;
		text-align: center;
	}

	.footer-cta li:last-child {
		margin-left: 0 !important;
	}
	
	.header_top .left {
		display: none;
	}
	
	.header_top, .header_top a {
		line-height: 24px;
	}

}

/* 'Cookie Notice
---------------------------------------------------------------------------- */

#cookie-notice #cn-accept-cookie.button {
    background-color:#ffa000 !important;
    color:white !important;
}

#cookie-notice {
    font-size: 14px;
    background:#ececec !important;
    color:#222 !important;
}

#cookie-notice .button {
    border-radius: 0 !important;
    text-shadow: none !important;
    border:none !important;
    padding: 6px 12px !important;
    color:#222 !important;
    background:#fff !important;
    font-weight: 600 !important;
    transition: all 0.2s ease-in-out !important;
    font-size: 13px !important;
}

#cookie-notice .button:hover {
    background:#fff !important;
    color:#222 !important;
    opacity: 0.9 !important;
}

.cookie-notice-container {
    padding:15px !important;
}

@media (max-width:767px) {
    .cookie-notice-container {
        padding:30px 20px !important;
    }
    #cn-notice-text {
        display: block !important;
        margin-bottom: 15px !important;
    }
}