/* CUSTOM */
	
	html { height: 100%; }
	body { background: #222727; min-height: 100%; }
	body, h1, h2, h3 { font-family: "Montserrat"; color: #333; }
	h1, h2, h3 { font-weight: 300; }
	a { color: #06C; }
	
	legend {
		padding: 10px 20px;
		font-weight: 700;
		font-size: 22px;
	}
	
	section div, section p { overflow-wrap:break-word; }
	table tbody td:first-child { font-weight: 700; }
	em { font-style: normal; font-weight: 500; }
	textarea { min-height: 250px; }
	
	main { background: #FDFDFD; }
	
	.page-content { padding: 15px; }
	
	ins { background: transparent; }

	article img { display: block; margin: 35px auto; max-width: 100%; }
	article div img { display: inline-block; margin: 35px auto; max-width: 100%; }
	
	.animation { transition: 0.3s; }
	.animation-fade-hover:hover { filter: opacity(0.5); }
	
	.item { margin: 10px 0; cursor: pointer; }
	.item-active { border: 2px solid blue; }
	
	ul.list-style-none { list-style: none; }
	
	.display-none { display: none; }
	
	.container { max-width: 1200px; margin: auto; }
	
	.page { background: #EEE; }

	.no-js { position: fixed; height: 100%; width: 100%; background: rgba(0,0,0,0.8); z-index: 10000; }

	footer { background: #222727; padding: 20px 0; font-size: 12px; color: #CCC; }
	footer a { color: #CCC; }
	footer a:hover { color: #D30; }
	
	#offcanvas ul { list-style-type: none; margin: 0; padding: 0; }
	#offcanvas li { display: block; padding: 15px 10px; }
	#offcanvas li:hover { background: #555; }
	
	#header-top { background: linear-gradient(90deg, orange, white); text-align: right; color: white; }
	#header-top a { color: indianred; font-size: 14px; }
	#header-top a:hover { text-decoration: none; color: white; }
	
	#header-nav { background: linear-gradient(90deg, orange, white); }
	#header-nav .menu ul { margin: 5px; list-style-type: none; }
	#header-nav .menu li { padding-left: 15px; padding-right: 15px; transition: 0.3s all; }
	#header-nav .menu li:hover { }
	#header-nav .menu a { color: indianred; }
	#header-nav .menu a:hover { text-decoration: none; color: white; }
	
	.navbar-fh { height: 40px; }
	
	.menu-right { margin-left: auto; }
	.menu-right a { color: white; }
	.menu-right a:hover { color: #E80; }
	
	.account > div { background: white; padding: 20px 30px; border-radius: 5px; border: 0px; margin: 10px; box-shadow: 1px 1px 10px #CCC; }
	
	@media screen and (max-width: 640px) {
		.account > div { width: 100%; }
	}
	
	/* TITLES */
	
	.website-title, .website-item-menu { font-size: 24px; font-weight: 700; }
	.website-title:hover, .website-item-menu:hover { color: #E80; }
	.website-item-menu { margin-left: auto; }
	.title { font-size: 24px; font-weight: 700; margin-bottom: 15px; }
	.subtitle { font-size: 20px; font-weight: 700; margin-bottom: 15px; }
	.ssubtitle { font-size: 16px; font-weight: 700; margin-bottom: 15px; }
	.article-title { font-size: 32px; font-weight: 700; margin-bottom: 35px; }
	
	/* COLORS */
	
	.white { color : white; }
	.black { color : black; }
	.banana { color : #EC2; }
	.tomato { color : #E33; }
	.granit { color : #3A3; }
	.olive { color : #792; }
	.seagreen { color : #396; }
	.darkgreen { color : #070; }
	.lightblue { color: #08B; }
	.darkblue { color: #235; }
	
	/* BACKGROUNDS */

	.bg-tomato { background : #E33; }
	.bg-banana { background : #EC2; }
	.bg-granit { background : #3A3; }
	.bg-olive { background : #792; }
	.bg-seagreen { background : #396; }
	.bg-darkgreen { background : #070; }
	.bg-white { background-color: white; }
	.bg-grey { background-color: #DDD; }
	.bg-lightgrey { background-color: #EEE; }
	.bg-lightblue { background-color: #08B; }
	.bg-darkblue { background-color: #235; }
	
	/* WIDTH */
	
	.min-width-small { min-width: 150px; }
	.square-xxs { width: 30px; height: 30px; }
	.square-xs { width: 50px; height: 50px; }
	.square-sm { width: 75px; height: 75px; }
	.square-md { width: 200px; height: 200px; }
	
	/* ADMIN */
	
	.new-address { border: 3px dashed #CCC; cursor: pointer; margin: 10px; }
	.address { border: 1px solid #CCC; margin: 10px; }
	.address .info { color: #666; padding: 10px; }
	.address-default { border: 2px solid #333; }
	
	/* BUTTONS */
	
	.btn { transition : 0.3s; border-radius: 3px; }
	.btn-full { width: 100%; }
	.btn-tag { background: #EEE; border-radius: 5px; margin: 5px; }
	.btn-fb { background: #369; color: white; }
	.btn-tw { background: #5BE; color: white; }
	.btn-gg { background: #D54; color: white; }
	.btn-bondi { background: #489; color: white; }
	.btn-success { background: #6C6; color: white; }
	.btn-darkgreen { background: #070; color: white; }
	.btn-primary { background: #08B; color: white; }
	.btn-brown { background: #743; color: white; }
	.btn-tomato { background : #E33; color : white; }
	.btn-black { background : #333; color : white; }
	.btn-fb:hover,.btn-tw:hover,.btn-gg:hover,.btn-bondi:hover,.btn-success:hover,.btn-darkgreen:hover,.btn-primary:hover,.btn-brown:hover,.btn-tomato:hover,.btn-black:hover {
		background : #111; color : white;
	}
	
	.btn-price { background: #D80; color: white; border: 0px; transition : 0.3s; }
	.btn-price:hover { background : #111; color : white; }
	
	.btn-friend { font-size: 0.9rem; font-weight: 700; }
	
	/* PLUGIN GALLERY */
	
	.gallery-une {  height: 225px; cursor: pointer; box-shadow: 3px 0px 5px #AAA; border: 1px solid white; }
	.gallery-une .uk-overlay { padding: 20px; }
	.gallery-une-elm {  transition: 0.5s; }
	.gallery-une:hover > .gallery-une-elm { transform: scale(1.1); }
	.gallery-une:hover .gallery-une-txt { color: #E70; }
	.gallery-une-txt { font-weight: 700; text-transform: uppercase; }
	
	/* PLUGIN SOCIAL */
	
	.friend-list { background: white; padding: 10px 0; }
	.friend-list .title { font-size: 0.9rem; font-weight: 700; padding: 0 20px 10px 20px; border-bottom: 1px solid #EEE; }
	.friend-list .body { padding: 0 20px; }
	.friend-list .friend { border-bottom: 1px solid #EEE; padding: 10px 0; }
	.friend-list .friend a { font-weight: 700; }
	
	.social-profile-header { position: relative; padding-bottom: 30px;}
	.social-profile-header div { z-index: 10; }
	.social-profile-header:after { content: ""; position: absolute; display: block; bottom: 0; left: 0; right: 0; width: 100%; height: 50%; background: linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.3)); }
	
	.social-messaging { position: absolute; top: 40px; bottom: 0; left:0; right: 0; background: white; }
	.social-messaging a { outline: none; }
	.social-messaging .messages { overflow-y: auto; font-size: 0.9em; position: absolute; top: 80px; bottom: 70px; width: 100%; border-bottom: 1px solid #CCC; }
	.social-msg-users .user { font-weight: 700; color: #111; font-size: medium; }
	.social-messaging .date { font-size: small; color: #08B; }
	.social-msg-users .msg { white-space: nowrap; }
	.social-msg-users { overflow-y: scroll; }
	.social-msg-users > div { padding: 15px; transition: 0.2s; text-overflow: ellipsis; overflow: hidden; font-size: small; color: #AAA; }
	.social-msg-users > div.active { border-left: 5px solid #E80; background: #F8F8FC; }
	.social-msg-users > div:hover { background: #F8F8FC; cursor: pointer; }
	.social-msg-users .date { float: right; }
	
	.social-messaging .messages .from { max-width: 55%; margin: 10px; padding: 10px; background: #EEE; float: right; border-radius: 10px; }
	.social-messaging .messages .to { max-width: 55%; margin: 10px; padding: 10px; background: #08B; float: left; color: white; border-radius: 10px; }
	.social-messaging .messages .msg:after { content: ""; display: table; clear: both; }
	.social-messaging .contact { position: absolute; top: 0; right:0; left:0; height: 80px; }
	.social-messaging .send-panel { border-right: 1px solid #CCC; position: absolute; bottom: 0; width: 100%; height: 70px; }
	.social-messaging .send-panel #msg-input { width: 100%; height: 50px; min-height: 50px; border: 0; resize: none; font-size: medium; padding: 0px margin: 0; }
	
	.social-messaging .info { border-bottom: 1px solid #CCC; }
	
	/* PLUGIN SHOP */
	 
	#cart { font-size: 14px; }
	#cart .uk-modal-header { background: #070; padding: 0px; border: 0; }
	#cart .uk-modal-title { color: white; font-size: 15px; padding: 10px; font-weight: 700; }
	#cart .uk-modal-body {  padding: 15px; }
	#cart .uk-modal-footer {  border: 0; text-align: right; }
	
	.slider-items { justify-content: middle; }
	.slider-items .dsc { margin: 5px; }
	.slider-items .title { font-size: 14px; }
	.slider-items .img { text-align: center; }
	.slider-items .img img { max-height: 150px; }
	.slider-items .price { color: #B32; font-weight: 700; }
	.slider-items .old { color: #111; font-weight: normal; margin-right: 10px; text-decoration: line-through; }
	.slider-items .options { font-size: 14px; color: #070; }
	.slider-items .stock { font-size: 12px; color: #B32; }
	.slider-items .cart { text-align: center; }
	
	.item-th { box-shadow: 0 0 2px black; border: 1px solid transparent; }
	.item-th:hover { border: 1px solid #E80; }
	
	.item-preview img { max-height: 100px; }
	.item-preview div:first-child { text-align: center; }
	
	.price { color: #B32; }
	.stock-ok { color: #060; }
	.stock-no { color: #811; }
	.rating-stars { color : #DA1; }
	
	.bid-input-meta { padding: 5px; position: absolute; left: 0; top: 0; width: 75px; text-align: center; line-height: 45px; }
	.bid-input, .bid-input-meta { height: 55px; font-size: 20px; }
	.bid-input { padding-left: 75px; font-weight: 700; box-sizing: border-box; }
	
	.shopitemtitle { font-size: 24px; padding: 15px; background: #369; }
	.shopitemsubtitle { font-size: 20px; padding: 15px; }
	
	
	/* UI */
	
	.uk-thumbnail { max-height: 100px; border: 3px solid white; border-radius: 50%; }
	.uk-slidenav { background: rgba(50,50,50,0.7); color: #EEE; } 
	.uk-text-x-medium { font-size: 1.1rem; line-height: 1.3rem; }
	.uk-text-large { font-size: 1.3rem; line-height: 1.5rem; }
	.uk-button { text-transform: none; }
	.uk-button-home { padding: 10px 20px; background: #060; color: white; }
	.uk-button-home:hover { color: #E80; }
	.uk-table { table-layout: fixed; }
	.uk-navbar-container .uk-navbar-nav a { color: white; }
	.uk-table td { overflow: hidden; text-overflow: ellipsis; }
	.uk-box-shadow-small { box-shadow: 0px 5px 5px rgba(0,0,0,0.2); }
	.uk-pagination { display: flex; justify-content: center; }
	.uk-pagination li { padding: 5px; margin: 10px; border: 1px solid #EEE; }
	.uk-form-label { font-weight: 700; }
	
	.uk-table caption {
		color: white;
		padding: 10px;
		background: #369;
	}
	.uk-table th { font-weight: 700; }

	/* SIMPLE MDE */

	.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) { background: transparent!important; }