/* Custom Help Scout StyleSheet - by Devan Sabaratnam (founder of HR Partner - www.hrpartner.io) */
/* Color pallette chosen from https://coolors.co/54494b-7e8287-9da39a-b98389-db2955 */

@import url('https://fonts.googleapis.com/css?family=Lato:100,200,300,350,400,400i,500,700');
/* */

body {
	background: #fbfbfc;
}

/* Pasek na gorze (Header) */

a.brand > img {
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	height: 40px;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: auto;
}

/*.navbar .navbar-inner {
	/* background: #ffffff;
	height: 60px;
}
*/

/*.navbar .navbar-inner .container-fluid {
	padding: 0;
	height: 60px;
}
*/
.navbar .brand {
	float: left;
	display: block;
	padding: 0px;
	margin-left: -20px;
	font-size: 20px;
	font-weight: 200;
	color: #777;
	text-shadow: 0 1px 0 #fff;
}

/* Home Page - jakies dodatkowe style paska na gorze */

.navbar .nav {
    top: 0;
}

.navbar .nav li {
	display: inline-flex;
	height: 100%;
	float: none;
	font-family: "Lato", sans-serif;
	font-size: 13px;
	letter-spacing: .1em;
}
.navbar .nav li a, .navbar .icon-private-w {
	font-size: 14px;
    font-weight: 500;
}

/* Home Page - Tytul 'W czym mozemy Ci pomoc?' */

#docsSearch h1 {
	font-size: 32px;
	font-weight: 400;
	text-align: center;
	margin-top: .4em;
	font-family: "Lato", sans-serif;
	color: #112438;
	padding: 10px;
}

/* Home Page - Wyszukiwarka - Tlo */

/*#docsSearch {
	background: #ffffff;
	border-top: 1px solid #dadada;
	margin-bottom: 3em;
	padding: 1.5em 0;
}*/

#docsSearch {
    height: 240px;
    background-image: url(https://carrier.vanway.com/assets/mapka.svg);
    background-repeat: no-repeat;
    margin-bottom: 50px;
    background-size: cover;
}

/* Home Page - Input wyszukiwarki */

input.search-query {
	padding-right: 14px;
	padding-right: 4px \9;
	padding-left: 14px;
	padding-left: 4px \9;
	margin-bottom: 0;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	font-family: "Lato",
	sans-serif;
	font-weight: 300;
	letter-spacing: 1px;
}

/* Home Page - Guzik 'Szukaj' */

#searchBar button {
	color: #fff;
	text-shadow: 0 0px 0px rgba(255,255,255,.0);
	background: #112438;
	border-radius: 0 5px 5px 0;
	border: 1px solid #112438;
	font-size: 18px;
	padding: 0 1.5em;
	height: 50px;
	position: absolute;
}
#searchBar button:hover {
	background: #263f5b;
	text-shadow: 0 0px 0px rgba(255,255,255,.0);
	border: 1px solid #263f5b;
}
input, button, select, textarea {
	font-family: "Lato",
	sans-serif,
	"Helvetica Neue",
	Helvetica,
	Arial,
	sans-serif;
}

/* Home Page - Nazwy kolekcji */

.collection-category h2 {
    font-weight: 500;
    margin: 0 0 20px;
    text-align: center;
    padding-left: 0%;
    font-family: "Lato", sans-serif;
    /* text-transform: uppercase; */
    color: #7e8287;
    font-size: 22px;
    letter-spacing: 1px;
}

.collection-category h2 a {
    color: #112438;
}

.collection-category .category-list {
    margin: 0 0 4em;
    text-align: center;
}

/* Home Page - Kategorie - Tytul kategorii */

.category-list h3 {
	color: #112438;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.3em;
	font-family: "Lato", sans-serif;
}

/* Home Page - Kategorie - Pozostale style kategorii */

.category-list .category p {
	color: #7e8287;
	font-family: "Lato", sans-serif;
	font-weight: 100;
	font-size: 15px;
	letter-spacing: 0.25px;
}
.category-list .category {
	background-color: #fff;
	background-position: top 20px center !important;
	background-repeat: no-repeat !important;
	background-size: 100px auto !important;
	box-shadow: 0 7px 4px -5px rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
	min-height: 183px;
	padding: 120px 20px 15px;
	position: relative;
	width: 31.5%;
	transition: all 0.2s;
}
.category-list .category:hover {
	text-decoration: none;
	background: #f7f7f9;
}

/* Home Page - Kategorie - Obrazki kategorii */

/*
  Here is where you determine the images to be used just above each section of your Help Scout main page.
  You have to create one #category-xxx CSS selector for each separate category in your Help Scout collection.
  To get your category xxx number, simply visit the relevant category in your Help Scout docs and
  check the URL bar for the 3 digit category number.

  Then you have to specify an image located on a shared server somewhere on the internet that can
  serve up the images so Help Scout can display them.
*/


/* Pierwsze kroki */
#category-24 {
	background-image: url(https://carrier.vanway.com/assets/pic_drivers.svg);
}

/* Moje zlecenia */
#category-25 {
  background-image: url(https://carrier.vanway.com/assets/pic_boxes.svg);
}

/* Rozliczenia */
#category-4 {
  background-image: url(https://carrier.vanway.com/assets/pic_doc.svg);
}

/* Karty paliwowe */
#category-5 {
	background-image: url(https://carrier.vanway.com/assets/pic_fuel.svg);
}

/* Kody QR */
#category-79 {
	background-image: url(https://carrier.vanway.com/assets/pic_mobile_qr_code.svg);
}

/* Doladowanie salda */
#category-10 {
	background-image: url(https://carrier.vanway.com/assets/pic_wallet.svg);
}

/* Korzystanie z Pomocy */
#category-26 {
	background-image: url(https://carrier.vanway.com/assets/pic_break.svg);
}

/* Moje konto */
#category-27 {
	background-image: url(https://carrier.vanway.com/assets/pic_account.svg);
}

/* Fakturowanie KSeF */
#category-103 {
	background-image: url(https://carrier.vanway.com/assets/pic_transfer_data.svg);
}

/* Pierwsze kroki - Kierowca */
#category-15 {
	background-image: url(https://carrier.vanway.com/assets/pic_driver.svg);
}

/* Moje zlecenia - Kierowca */
#category-16 {
	background-image: url(https://carrier.vanway.com/assets/pic_documents.svg);
}

/* Karty paliwowe - Kierowca */
#category-88 {
	background-image: url(https://carrier.vanway.com/assets/pic_mobile_qr_code.svg);
}





/* Home Page - linki */

#serp-dd .result a, #serp-dd .result>li.active, #full-Article strong a, .collection a, .contentWrapper a, .most-pop-articles .popArticles a, .most-pop-articles .popArticles a span, .category-list .category .article-count, .category-list .category .article-count, .contentWrapper a {
	font-weight: 500;
	letter-spacing: .25px;
	color: #747474;
	margin-top: 15px;
	/*text-transform: capitalize;*/
	text-decoration: none;
	font-family: "Lato",
	sans-serif;
	font-weight: 500;
}
#serp-dd .result a:hover, #serp-dd .result>li.active, #full-Article strong a, .collection a, .contentWrapper a, .most-pop-articles .popArticles a, .most-pop-articles .popArticles a:hover span, .category-list .category .article-count, .category-list .category:hover .article-count, .contentWrapper a {
	font-weight: 500;
	letter-spacing: .25px;
	color: #D68D00;
	margin-top: 15px;
	/*text-transform: capitalize;
	text-decoration: underline; */
	font-family: "Lato",
	sans-serif;
	font-weight: 500;
}

/* Side Bar - pasek boczny obok listy artykulow w danej kategorii */

#sidebar .nav-list a {
	display: inline-block;
	color: #747474;
	font-size: 14px;
	padding: 6px 15px 6px 0;
	line-height: 20px;
	margin-left: 0;
	font-family: "Lato",
	sans-serif;
	font-weight: 300;
}
#sidebar .nav-list .active a, #sidebar .nav-list .active a:hover, #sidebar .nav-list .active a:focus {
	font-weight: 500;
	color: #112438;
	background: 0 0;
	text-shadow: none;
	text-decoration: underline;
}
#sidebar h3 {
	text-transform: uppercase;
	font-size: 16px;
	color: #7e8287;
    font-weight: 400;
	margin-bottom: 4px;
	font-family: "Lato",
	sans-serif;
	letter-spacing: 2px;
}

/* Article Styles 

#main-content {
    background: none;
    float: right;
    margin-bottom: 2em;
    padding: 32px 0 0 28px;
}

#fullArticle img {
    display: block;
    margin: 1em 0 2em;
    padding: 4px;
    border-radius: 4px;
    box-sizing: border-box;
}

#fullArticle .title, .contentWrapper h1 {
	margin: 0 30px .5em 0;
	font-family: "Lato",
	sans-serif;
	color: #112438;
	font-weight: 700;
}
#fullArticle .printArticle {
	position: absolute;
	right: 46px;
	top: 40px;
}
#fullArticle, #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table {
	color: #747474;
	font-family: "Lato",
	sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: .01em;
}
#categoryHead .sort select {
	width: 150px;
	height: 24px;
	margin: 0;
	line-height: 24px;
	font-size: 11px;
	color: #7e8287;
	font-family: "Lato",
	sans-serif;
	font-weight: 300;
}
/* Style this one if you want bolded article text to have a different color 

#fullArticle strong {
	color: #7e8287;
}
#fullArticle h2 {
	font-size: 24px;
	font-family: "Lato",
	sans-serif;
	font-weight: 400;
	color: #db2955;
}
#fullArticle h3 {
	font-size: 20px;
	font-family: "Lato",
	sans-serif;
	font-weight: 700;
	color: #db2955;
}
#fullArticle h4 {
	font-size: 16px;
	font-family: "Lato",
	sans-serif;
	font-weight: 300;
	color: #7e8287;
    font-style: italic;
}
.contentWrapper p {
	margin-top: -4px;
	word-wrap: break-word;
	font-family: "Lato",
	sans-serif;
	color: #7e8287;
	font-weight: 300;
	font-size: 16px;
	letter-spacing: .01em;
} */

article a:hover {
	text-decoration: underline;
  }

/* Article Footers */

.articleFoot p, .articleFoot time {
	color: #7e8287;
	display: inline-block;
	font-family: "Lato",
	sans-serif;
	font-weight: 300;
	font-style: italic;
}

/* Page Footers */

footer p a {
	color: #7e8287;
	font-family: "Lato",
	sans-serif;
	font-weight: 300;
}

/* Contact Modal */

#contactModal h2, .abuse h2 {
	background: #fff;
	margin: 0;
	padding: 11px 0 10px 18px;
	font-size: 22px;
	border-bottom: 1px solid #ccc;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-family: "Lato",
	sans-serif;
	color: #58A4B0;
	font-weight: 300;
}
#contactModal .control-label {
	width: 110px;
	font-family: "Lato",
	sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #7e8287;
}

.btn {
	color: #ffffff;
	text-shadow: 0 0px 0px #ffffff;
	background: #ffffff;
	border-radius: 5px;
	border: 1px solid #112438;
	font-size: 14px;
	padding: .5em;
	/* height: 50px; */
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    color: #fff;
	text-shadow: 0 0px 0px rgba(255,255,255,.0);
	background: #747474;
  	border: 1px solid #747474;
}

#search-query .btn:hover {
	color: #fff;
	text-shadow: 0 0px 0px rgba(255,255,255,.0);
	background: #8fa7c2;
	border-radius: 5px;
	border: 1px solid #9da39a;
	font-size: 18px;
	padding: 0 1.5em;
	height: 50px;
}

.category-list {
    text-align: center;
}

/* Fix for making homepage category gallery go smoothly from 3 to 2 to 1 column */

@media screen and (max-width: 1105px) {
	section.category-list .category {
		width: 48.2%;
	}
}
@media screen and (max-width: 760px) {
	section.category-list .category {
		box-sizing: border-box;
		margin: 0 0 20px;
		padding: 120px 20px 15px;
		width: 100%;
	}
}
/* RESPONSIVE */

@media (max-width: 768px) {
	.navbar .btn-navbar {
		/*margin-top: 16px;*/
		right: -10px;
	}
	.related {
		padding: 30px 25px 25px;
	}
	.related ul {
		margin-left: 0;
	}
	.related h3 {
		padding-left: 0;
	}
	.related ul>li a {
		margin-left: 0;
	}
}
@media (max-width: 480px) {
    #searchBar button {
        color: transparent;
        text-shadow: 0;
        background: transparent;
        border-radius: 0 5px 5px 0;
        border: 0;
        font-size: 18px;
        padding: 0 1.5em;
        height: 50px;
        position: absolute;

        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
    }

    #searchBar button span {
        display: none;
    }

    #searchBar button .icon-search {
        display: block;
        text-shadow: none;
        margin-top: 0px;
    }
    #searchBar button:hover .icon-search:hover {
        display: block;
        text-shadow: none;
        margin-top: 0px;
        background-color: transparent;
    }
}

/* Tytuly kolekcji  */
.collection-category h2 a {
    color: #54494b;
}

.collection-category h2 {
    font-weight: 400;
    margin: 0 0 20px;
    padding-left: .65%;
    font-family: "Lato",
    sans-serif;
    text-align: center;
}