/**
 * @version		1.0.0
 * @package		JoomlaXTC Motoblog for Joomla 3.x
 * @author		JoomlaXTC http://www.joomlaxtc.com
 * @copyright	Copyright (C) 2016 Monev Software LLC. All rights reserved.
 * @license		http://www.joomlaxtc.com/license JoomlaXTC Proprietary Use License
 */
/* ----------------------------------------------*/
/* GLOBAL TYPOGRAPHY
/* ----------------------------------------------*/
body, #component p, input, button, select, textarea {
 font-family:'Archivo Narrow', sans-serif!important;
 font-size:16px;
 direction:ltr;
	line-height: 1.56;
	font-weight: 200;
}
.page-header h1, h1, h2, h3, h4, h5, h6 {
	font-family: 'Archivo Narrow', sans-serif;
}
h1 {
 font-size:72px;
	line-height: 112%;
	letter-spacing: -2px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h2 {
 font-size:52px;
	line-height: 100%!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 400;
}
h3 {
 font-size:32px;
	line-height: 120%!important;
	font-weight: normal!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h4 {
 font-size:24px;
	line-height: 100%!important;
	font-weight: normal!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h5 {
 font-size:16px;
	font-weight: normal!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h6 {
 font-size:14px;
	font-weight: normal!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
td {
	font-size: 100%
}
th {
	font-weight: 700;
	padding: 5px;
	text-align: left
}
sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 80%;
	color: #F06
}
sup {
	bottom: 1ex
}
sub {
	top: .5ex
}
del {
	text-decoration: line-through
}
small {
	font-size: 8px
}
pre {
	border-left: 3px solid #999;
	font: 1em/1.5 "Courier News", monospace;
	margin: 5px 0 15px;
	padding: 10px 15px;
	background: #efefef
}
ol {
	list-style-type: upper-roman
}
hr {
	border-color: #ededed;
	border-style: solid;
	border-width: 1px 0 0;
	height: 1px;
	margin: 2px 0
}
fieldset {
	border: 0 solid #999
}
legend {
	padding: .2em 0;
	border: 0 solid #333;
	color: #aaa;
	font-size: 100%;
	font-weight: 700;
	margin: 0;
	text-transform: uppercase
}
abbr[title] {
	border-bottom: 1px dashed #999;
	cursor: help
}
big {
	font-size: 150%
}
center {
	text-align: center
}
em {
	font-style: normal
}
a {
	text-decoration: none
}
a:hover {
	text-decoration: none
}
.typowrap {
	background: #fafafa;
	padding: 30px;
	border-radius: 5px;
	margin-bottom: 30px
}
#multicolumnelement {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-width: 15em;
	-moz-column-count: 15em;
	column-count: 15em;
	-webkit-column-gap: 1em;
	-moz-column-gap: 1em;
	column-gap: 1em;
	-webkit-column-rule: 1em solid #000;
	-moz-column-rule: 1em solid #000;
	column-rule: 1em solid #000
}
#iconlistwrap {
	margin-top: 30px
}
ul.column li {
	margin: 0 0 30px;
	text-align: center
}
ul.pagenav li {
	padding: 3px!important
}
.textlarge {
	font-size: 54px!important
}
.textlarge1 {
	font-size: 38px!important
}
.nolh h1, .nolh h2, .nolh h3, .nolh h4, .nolh h5, .nolh h6, .nolh p {
	line-height: 0!important;
}
/* ----------------------------------------------*/
/* MENU TYPOGRAPHY
/* ----------------------------------------------*/
#menuwrap .nav>li>a, #menuwrap .nav>li>a.active > a, #menuwrap .nav>li>a:hover > a, #menuwrap ul.nav span.separator {
 font-family:'Archivo Narrow', sans-serif!important;
 font-size:18px;
	text-transform: uppercase;
	font-weight: 800;
	padding-top: 23px;
	padding-bottom: 22px;
}
#menuwrap .dropdown-menu a, #menuwrap ul.nav .dropdown-menu span.separator {
 font-family:'Archivo Narrow', sans-serif!important;
 font-size:13px;
	font-weight: 100;
	letter-spacing: 1px;
	text-transform: uppercase;
}
/* ----------------------------------------------*/
/* COMPONENT TYPOGRAPHY
/* ----------------------------------------------*/
.page-header h1, .componentheading, .pagetitle, span.subheading-category, .componentheading span, h1.pagetitle span, .itemListCategory h1.pagetitle span, .pagetitle span, #component h1.pagetitle span {
 font-family: 'Archivo Narrow', sans-serif;
 font-size:72px!important;
	line-height: 120%;
	display: block;
	font-weight: 800!important;
}
.com_content .item-page .page-header h2 a, .com_content .item-page .page-header h2 {
 font-family:'Archivo Narrow', sans-serif;
 font-size:52px;
	line-height: 100%;
	padding: 0px;
	text-align: left;
	font-weight: bold!important;
	letter-spacing: -4px;
}
.com_content .blog .page-header h2 a, .com_content .blog .page-header h2, .com_content .featured-blog .page-header h2 a, .com_content .featured-blog .page-header h2, .com_k2 .catItemHeader h3.catItemTitle {
 font-family:'Archivo Narrow', sans-serif;
 font-size:52px;
	line-height: 100%;
	font-weight: 800!important;
	letter-spacing: -2px;
}
.com_content .blog .span3 .page-header h2, .com_content .blog .span3 .page-header h2 a {
	font-size: 22px;
	letter-spacing: -1px;
}

@media screen and (max-width: 900px) {
.com_content .blog .span3 .page-header h2, .com_content .blog .span3 .page-header h2 a {
 font-size:52px;
}
}
ul {
	list-style-position: inside;
}
/* ----------------------------------------------*/
/* MODULE TYPOGRAPHY
/* ----------------------------------------------*/

h3.moduletitle,span.first_word,span.rest {
 font-size:28px !important;
 line-height:28px!important;
 font-family:'Archivo Narrow', sans-serif!important;
	letter-spacing: -1px;
}
h3.fa {
font-size:28px !important;
 line-height:28px!important;
}
h3.fa::before {
	margin-right: 12px;
	font-family: FontAwesome;
}
span.rest, h3.moduletitle span.rest {
	font-weight: 900!important;
	margin-left: -3px;
}
div.joomla div.description {
	font-size: 18px;
	line-height: 20px;
}
.breadcrumb>li {
 font-size:12px!important;
}
div.breadcrumbs a.pathway {
	font-size: 11px!important;
}
/*Be nice, IE fix below*/
/*
div,a,a:link {font-family:'Archivo Narrow', sans-serif;}
*/

/* ----------------------------------------------*/
/* TYPO STYLES
/* ----------------------------------------------*/
/* Drop Cap and Quotes Styles */
.dropcap {
	float: left;
	padding: 0 8px 0 0;
	display: block;
	color: #999;
	font: 80px/60px Times, serif
}
quotes {
	padding: 1em 40px 1em 15px;
	font: 16px Arial;
	color: #777
}
.quotetxt {
	font-weight: 100!important
}
blockquote.opensmall {
 background:url(http://goniadz-biebrza.pl/templates/motoblog/images/typo/openquote.gif) no-repeat 0 0;
	border: 0;
	padding: 0 0 0 6px;
	text-align: justify
}
blockquote.opensmall p {
 background:url(http://goniadz-biebrza.pl/templates/motoblog/images/typo/closequote.gif) no-repeat 100% 100%;
	padding: 0 0 0 15px;
	font: 16px Arial;
	color: #777
}
blockquote.openlarge {
 background:url(http://goniadz-biebrza.pl/templates/motoblog/images/typo/oquote_lg.png) no-repeat 0 0;
	border: 0;
	padding: 0;
	text-align: justify
}
blockquote.openlarge p {
 background:url(http://goniadz-biebrza.pl/templates/motoblog/images/typo/equote_lg.png) no-repeat 100% 100%;
	padding: 10px 0 10px 50px;
	font: 18px Arial;
	line-height: 28px;
	color: #777
}
/* Div Styles */
.highlight {
	padding: 12px;
	background: #ffc;
	color: #333;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
}
.code {
	background: #f4f4f4;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 12px;
	color: #333
}
.note {
 background:#feef9c url(http://goniadz-biebrza.pl/templates/motoblog/images/typo/note.gif) no-repeat right bottom;
	font-size: 1em;
	color: #000!important;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 15px
}
/* P Class Styles */
p.error {
	padding-left: 25px;
	color: #f10033;
 background:url(http://goniadz-biebrza.pl/templates/motoblog/images/typo/error.gif) no-repeat top left
}
p.message {
	color: #069;
 background:url(http://goniadz-biebrza.pl/templates/motoblog/images/typo/info.gif) no-repeat top left;
	padding-left: 25px
}
p.ideas {
	padding-left: 25px;
	color: #ee9600;
 background:url(http://goniadz-biebrza.pl/templates/motoblog/images/typo/lightbulb.gif) no-repeat top left
}
p.download {
 background:url(http://goniadz-biebrza.pl/templates/motoblog/images/typo/download.gif) no-repeat 5px center;
	padding-left: 25px
}
p.asterisk
 {
 background:url(http://goniadz-biebrza.pl/templates/motoblog/images/typo/icon-asterisk_sm.png) no-repeat 5px center;
	padding-left: 25px
}
p.com {
 background:url(http://goniadz-biebrza.pl/templates/motoblog/images/typo/ext_com.png) no-repeat 5px center;
	padding-left: 35px
}
p.mod {
 background:url(http://goniadz-biebrza.pl/templates/motoblog/images/typo/ext_mod.png) no-repeat 5px center;
	padding-left: 35px
}
p.plug {
 background:url(http://goniadz-biebrza.pl/templates/motoblog/images/typo/ext_plugin.png) no-repeat 5px center;
	padding-left: 35px
}
p.lang {
 background:url(http://goniadz-biebrza.pl/templates/motoblog/images/typo/ext_lang.png) no-repeat 5px center;
	padding-left: 35px
}
p.rss {
 background:url(http://goniadz-biebrza.pl/templates/motoblog/images/typo/rss.png) no-repeat 5px center;
	padding-left: 25px;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0
}
.ulwrap {
	background: #f4f4f4;
	border: 1px solid #ddd;
	margin: 0 0 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}
h3.wraptitle {
	padding: 0;
	margin: 0;
	font-size: 16px;
	color: #666;
	line-height: 100%
}
.h3large h3.moduletitle {
	font-size: 28px!important
}
/* UL Icons */
ul.icons {
	list-style: none;
	padding: 12px 0;
	margin: 0
}
ul.icons li span {
	padding-right: 10px
}
ul.icons li span i.icon-ok {
	color: #5ea62a
}
ul.icons li span i.icon-star {
	color: #eec523
}
ul.icons li span i.icon-remove-sign {
	color: #900
}
ul.icons li span i.icon-comments {
	color: #5e8bc9
}
ul.icons li span i.icon-play-circle {
	color: #222
}
/* Button Colors */
.btnblue {
	background: #6791e7!important;
	color: #fff!important;
	border: 0!important;
	padding: 8px 12px!important
}
.btnred {
	background: #e52644!important;
	color: #fff!important;
	border: 0!important;
	padding: 8px 12px!important
}
.btngreen {
	background: #1b3647!important;
	color: #fff!important;
	border: 0!important;
	padding: 8px 12px!important
}
.btnorange {
	background: #ff5353!important;
	color: #fff!important;
	border: 0!important;
	padding: 8px 12px!important
}
.btnyellow {
	background: #ffbc48!important;
	color: #fff!important;
	border: 0!important;
	padding: 8px 12px!important
}
.btngrey {
	background: #222!important;
	color: #fff!important;
	border: 0!important;
	padding: 8px 12px!important
}
/* Blog Bubbles */
.blog-red, .blog-blue, .blog-green, .blog-cyan, .blog-tan, .blog-yellow, .blog-grey, .blog-pink {
	line-height: 133%;
	margin-bottom: 15px!important;
	position: relative;
	padding: 30px!important;
	font-size: 14px;
	color: #fff;
	color: rgba(255,255,255,0.85);
	font-weight: 700;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 0
}
.blog-red+p, .blog-blue+p, .blog-green+p, .blog-cyan+p, .blog-tan+p, .blog-yellow+p, .blog-grey+p, .blog-pink+p {
	margin: 15px 0 2em 85px!important;
	font-style: italic
}
.blog-red:after, .blog-blue:after, .blog-green:after, .blog-cyan:after, .blog-tan:after, .blog-yellow:after, .blog-grey:after, .blog-pink:after {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50px;
	border-width: 0 20px 30px 0;
	border-style: solid;
	display: block;
	width: 0
}
.blog-red {
	background: #590c0d
}
.blog-red:after {
	border-color: transparent #590c0d
}
.blog-blue {
	background: #587faf
}
.blog-blue:after {
	border-color: transparent #587faf
}
.blog-green {
	background: #90892f
}
.blog-green:after {
	border-color: transparent #90892f
}
.blog-tan {
	background: #87785e
}
.blog-tan:after {
	border-color: transparent #87785e
}
.blog-cyan {
	background: #21ceda
}
.blog-cyan:after {
	border-color: transparent #21ceda
}
.blog-yellow {
	background: #c8a446
}
.blog-yellow:after {
	border-color: transparent #c8a446
}
.blog-grey {
	background: #7a7a7a
}
.blog-grey:after {
	border-color: transparent #7a7a7a
}
.blog-pink {
	background: #b12d4c
}
.blog-pink:after {
	border-color: transparent #b12d4c
}
/* Disable Bootstrap Glyph Icons in favor of Font Awesome */
[class^="icon-"], [class*=" icon-"] {
	background: none!important;
}
/* Font Awesome Demo Content Styling */
/* TYPOGRAPHY DEMO */
.pagetitle1 i {
	margin-right: 6px;
}

.fontawesome-icon-list div {
	width: 33%;
	display: inline-block;
	text-align: left;
	padding: 10px 0;
}
  @media screen and (max-width: 900px) {
.items-leading.xtc-leading.row-fluid .span3 .cat_title, .xtc-intro.clearfix.row-fluid .span3 .cat_title {
font-size:52px!important;
}
}
