/**
 * @version		1.0.3
 * @package		Hipster template for Joomla! 3.x
 * @author		JoomlaXTC http://www.joomlaxtc.com
 * @copyright	Copyright (C) 2014 Monev Software LLC. All rights reserved.
 * @license		http://www.joomlaxtc.com/license JoomlaXTC Proprietary Use License
 */
/* ----------------------------------------------*/
/* B 00 - Body
/* ----------------------------------------------*/
@media(max-width:550px){
body.frontpage {background:fffurl('https://www.greenpike.ru/templates/hipster/images/backgrounds/') right 35% top no-repeat fixed;color:#002003;background-size: auto 100%;}}
@media(min-width:550px){
body.frontpage {background:fffurl('https://www.greenpike.ru/templates/hipster/images/backgrounds/') right 35% top no-repeat fixed;color:#002003;background-size: cover;}}
.com_users {background:fffurl('https://www.greenpike.ru/templates/hipster/images/backgrounds/') right 35% top no-repeat fixed;color:#002003;background-size:cover;}
body{background:fff url('https://www.greenpike.ru/templates/hipster/images/backgrounds/') right 35% top no-repeat fixed;color:#002003;}

/* ----------------------------------------------*/
/* B 01 - Heading,links and titles
/* ----------------------------------------------*/
.contentheading {color:#002003;}
.componentheading,.componentheadingnowrap,.pagetitle,span.subheading-category {color:#002003;}
.loginpagetitle  {color:#FFFFFF}
a,input.button {color:#777777;}
a:hover {color:#002003;}
a:active {color:#777777;}
h1 {color:#002003;}
h2 {color:#002003;}
h3 {color:#002003;}
h4 {color:#002003;}
h5 {color:#002003;}
h6 {color:#002003;}
/* ----------------------------------------------*/
/* B 02 - Basecolor styles, used in JXTC Walls and 3rd party components
/* ----------------------------------------------*/
.basecolor_1 {color:#95837f;}
.basecolor_2 {color:#FFFFFF;}
.basecolor_3 {color:#999;}
.basecolor_4 {color:#002003;}
.basecolor_5 {color:#A68D9F;}
.basecolor_6 {color:#87a5c8;}
.basecolor_7 {color:#071848;}
.basecolor_8 {color:#6897c8;}
/* ----------------------------------------------*/
/* G 00 - Header,logo,menu
/* ----------------------------------------------*/
#headerwrap {background:rgba(7, 24, 72, 1) ;}
.frontpage #headerwrap:hover, .loginbg #headerwrap:hover {background: rgba(7, 72, 14, 1)!important;}
.frontpage #headerwrap, .loginbg #headerwrap {background:rgba(7, 24, 72, 0.56);}
#header{background:transparent ;}
#logo a{background:url(https://www.greenpike.ru/templates/hipster/images/logos/hip-logo-red.png) no-repeat 0 0;height: 50px;width:113px;margin:0;}
#search input{-moz-box-shadow: -1px -1px 0px rgba(0,0,0,0.3), 1px 1px 0px rgba(255,255,255,0.075); -webkit-box-shadow: -1px -1px 0px rgba(0,0,0,0.3), 1px 1px 0px rgba(255,255,255,0.075); box-shadow: -1px -1px 0px rgba(0,0,0,0.3), 1px 1px 0px rgba(255,255,255,0.075);}
/* XTC Menu */
#menuwrap {background: transparent;}
#menu {background: transparent;}
/* Top Level */
#menuwrap ul.menu > li,span.separator {background-color: transparent!important;}
#menuwrap ul.menu > li a,span.separator {color:#fff!important;}
#menuwrap ul.menu > li.deeper.parent.xtcHover,#menuwrap ul.menu > li:hover {background-color: transparent!important;z-index:999999999999!important;position:relative!important;}
#menuwrap ul.menu > li:hover a {color:#fff!important;}
#menuwrap ul.menu > li.active {background-color: transparent!important;}
#menuwrap ul.menu > li.deeper.parent.active {background-color: transparent!important;}
#menuwrap ul.menu > li.deeper.parent.active.xtcHover {background-color: transparent!important;}
#menuwrap ul.menu > li.active a{color:#fff!important;}
/* Drop Level */
.frontpage #menuwrap ul.menu li.parent > ul {background-color: rgba(7, 72, 14, 1)!important;}
#menuwrap ul.menu li.parent > ul {background-color: rgba(7, 24, 72, 1)!important;}
#menuwrap ul.menu li.parent > ul > li {text-align:left; background: !important;}
#menuwrap ul.menu li.parent > ul > li > a {color:#ebebeb!important;}
#menuwrap ul.menu li.parent > ul > li:hover {background:rgba(255,255,255,0.3)!important;}
#menuwrap ul.menu li.parent > ul > li > a:hover {color:#fff!important;}
#menuwrap ul.menu li.parent > ul > li.active {background: transparent!important;}
#menuwrap ul.menu li.parent > ul > li.active:hover {background: transparent!important;}
#menuwrap ul.menu li.parent > ul > li.active > a {color:#fff!important;}
/* Side Menu */
ul.menu.iconside li {text-align:left; background: linear-gradient(to left,rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.2) 50%,  
rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3));background-position: 100% 0;    background-size: 200% 100%;transition: all 3.8s ease-in;}
ul.menu.iconside li:hover {background-position: 0 0;}
/* Main Menu Hover Top Effect */
#header ul.menu > li > a::before {
	position: absolute;top: -70%;left: 40%;color: transparent;content: ':';text-shadow: 0 0 transparent;font-size: 1.2em;
	-webkit-transition: text-shadow 0.3s, color 0.3s;-moz-transition: text-shadow 0.3s, color 0.3s;transition: text-shadow 0.3s, color 0.3s;
	-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);pointer-events: none;
}
#header ul.menu > li > a:hover::before,#header ul.menu > li > a:focus::before {color: #fff;	text-shadow: 10px 0 #fff, -10px 0 #fff;}
#header ul.menu > li > a:hover,#header ul.menu > li > a:focus {color: #fff;}
/* ----------------------------------------------*/
/* G 03 - Region 1
/* ----------------------------------------------*/
#region1wrap{background:transparent ;}
#region1{background:transparent ;}
/* ----------------------------------------------*/
/* G 04 - Region 2
/* ----------------------------------------------*/
#region2wrap{background:transparent ; }
#region2{background:transparent ;}
/* ----------------------------------------------*/
/* G 05 - Region 3
/* ----------------------------------------------*/
#region3wrap{background:transparent ;}
#region3{ background:transparent ;}
#component {background:rgba(255, 255, 255, 0.8);padding:1px!important;}
#left {background:transparent}
#right {background:transparent}

/* ----------------------------------------------*/
/* G 06 - Region 4
/* ----------------------------------------------*/
#region4wrap{background:transparent ;}
#region4{background:#f5f5f5 ;}
/* ----------------------------------------------*/
/* G 07 - Region 5
/* ----------------------------------------------*/
#region5wrap{background:transparent ;}
#region5{background:transparent ;}
/* ----------------------------------------------*/
/* G 08 - Region 6
/* ----------------------------------------------*/
#region6wrap{background:transparent ;}
#region6{background:transparent ; }
/* ----------------------------------------------*/
/* G 09 - Region 7
/* ----------------------------------------------*/
#region7wrap{background:transparent ;}
#region7{background:transparent ;}
/* ----------------------------------------------*/
/* G 10 - Region 8
/* ----------------------------------------------*/
#region8wrap{background:transparent ;}
#region8{background:transparent ;}
/* ----------------------------------------------*/
/* G 11 - Region 9
/* ----------------------------------------------*/
#region9wrap{background:transparent ;}
#region9{background:transparent ;}
/* ----------------------------------------------*/
/* G 12 - Region 10
/* ----------------------------------------------*/
#region10wrap{background:transparent ;}
#region10{background:transparent ;}
/* ----------------------------------------------*/
/* G 13 - Footerwrap
/* ----------------------------------------------*/
#footerwrap{background:#002003;color:#222;}
#footerpad{background:;}
/* ----------------------------------------------*/
/* S 00 - Module Suffixes
/* ----------------------------------------------*/
.module{background: transparent;}
.module h3.moduletitle {background: #1e6670;}
.module h3 span.first_word,#community-wrap .app-box > h3, #community-wrap .app-box-footer a,#community-wrap .app-box-filter a,#community-wrap .cResetList 
span.first_word {color:#fff;font-weight:bold;}
span.rest{color:#fff;}
.module h3 span.rest{color:#fff;}
.basecolor5_box h3, .basecolor5_box h3 span, .basecolor5_box,.basecolor5_box .modulecontent,.basecolor5_box .modulecontent a {background:#A68D9F!important; color:#fff!important; }
.basecolor6_box h3,.basecolor6_box h3 span,.basecolor6_box,.basecolor6_box .modulecontent,.basecolor6_box .modulecontent a {background:#87a5c8!important; color:#fff!important; }
.basecolor7_box h3,.basecolor7_box h3 span,.basecolor7_box,.basecolor7_box .modulecontent,.basecolor7_box .modulecontent a {background:#071848!important; color:#fff!important; }
.basecolor8_box h3,.basecolor8_box h3 span,.basecolor8_box,.basecolor8_box .modulecontent,.basecolor8_box .modulecontent a {background:#6897c8!important; color:#fff!important; }
/* ----------------------------------------------*/
/* C 00 - Content Overrides
/* ----------------------------------------------*/
.pagetitle, .pagetitle a {color:#002003;}
h2.cat_title a,h2.cat_title {color:#002003;}
.itemHeader h2.article_title a,.itemHeader h2.article_title  {color:#002003!important;}
.btn input,.btn button {background:#95837f!important; color:#fff!important;text-shadow:none!important; text-transform:uppercase;}
.btn {background:none!important; border:1px solid rgba(0,0,0,0.3)!important;color:#222!important; font-size:12px!important;padding:10px 32px 11px!important;text-transform:uppercase!important;margin-top:10px!important; display:inline-block!important;border-radius:0px!important;}
.button, button {background:#999!important; color:#fff!important;text-shadow:none!important; text-transform:uppercase;}
.formstyle .button, .formstyle button {background: rgba(255,255,255,0.3) !important; color:#fff!important;text-shadow:none!important; text-transform:uppercase;}
.readmore a {color:#95837f !important;}
.readmore a span {color:#fff;}
.parent-category-name a, .category-name a, .create a, .modified a, .published a, .createdby a, .hits a {color:#071848!important;}
.readmore a:hover {background:#95837f;color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.3); box-shadow: 2px 2px 0 rgba(0,0,0,0.15);}
legend {color:#95837f !important;}
dt.result-title, dt.result-title a {color:#95837f !important; font-weight:normal;}
.search_menu_btn:hover {color:#fff;background:#95837f;cursor:pointer;}
.topsearch .sb-search-input {background:#fff!important;color:#333 !important;}
.items-more h3 {color:#95837f!important;}
.dropcap {color:#95837f!important;}
div.itemFullText h3,.item-page h3 {color:#95837f;}
.items-more ol {margin:0px!important;}
.ImageWrapper {display: block;overflow: hidden;position: relative;}
.ImageWrapper .PStyleNe {position: absolute;background: url(https://www.greenpike.ru/templates/hipster/images/icons/plus.png) no-repeat scroll top left / 100% 100% #222222;width: 100%;height: 100%;z-index: 199;-webkit-background-origin: padding-box, padding-box;-moz-background-origin: padding-box, padding-box;-ms-background-origin: padding-box, padding-box;-o-background-origin: padding-box, padding-box;background-origin: padding-box, padding-box;background-position: bottom center;background-repeat: no-repeat;-webkit-background-size: 10px 10px, 100% 100%;-moz-background-size: 10px 10px, 100% 100%;-ms-background-size: 10px 10px, 100% 100%;-o-background-size: 10px 10px, 100% 100%;background-size: 10px 10px, 100% 100%;opacity: 0;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .PStyleNe {opacity: .6;-webkit-background-size: 60px 60px, 100% 100%;-moz-background-size: 60px 60px, 100% 100%;-ms-background-size: 60px 60px, 100% 100%;-o-background-size: 60px 60px, 100% 100%;background-size: 60px 60px, 100% 100%;visibility: visible;background-position: center center;}
div.blog-post {position: relative;}
.cat-item input[type="radio"] + label:hover {background:#333;color:#fff;}
.cat-item input[type="radio"] + label:active {background:#923935;color:#fff;}
.bottom .modulecontent ul li {border-bottom-color: rgba(255,255,255,0.05)}
/* ----------------------------------------------*/
/* C 01 - Typography
/* ----------------------------------------------*/
.numbered:after, .numbered-medium:after, .numbered-small:after {border-color:transparent;}
.bargraphv,.bargraphv a:hover {background-color:#95837f!important;}
.circletag {background-color:#95837f!important;}
.circlebottom {border-top-color: #95837f!important;}
.cloud_tag1 {background-color:#fff!important;}
.bargraphv,.bargraphv a {background-color:#95837f!important;font-weight:400!important;} 
/* ----------------------------------------------*/
/* Virtuemart 
/* ----------------------------------------------*/
.vmcatwrap {background:#fff;}
span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button {background: #071848!important;}
.featured-view .product-price, .latest-view .product-price, .topten-view .product-price, .recent-view .product-price {margin:0px 0px 30px!important;font-size: 18px !important;text-transform: uppercase;
letter-spacing: 0px !important;}
.general-bg, input.custom-attribute, .manufacturer-product-link a,  input.vm-default, button.default {background: #071848!important;}
a.ask-a-question {}
input.quantity-input {}
.vmcatwrap a.product-details, .vmhpcatwrap a.product-details {background: #071848!important;}
.vmcatwrap a.product-details:hover, .vmhpcatwrap a.product-details:hover {background: #002003!important;}
.cart-view input.default {background: #071848!important; color:#fff!important;}
span.details-button input.details-button {background: #071848!important;}
.vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited {background: #071848!important;}
/* ----------------------------------------------*/
/* M 03 - J2 Store
/* ----------------------------------------------*/
.j2store_cart_button {background: #071848!important; color:#fff!important; text-shadow:none!important; box-shadow:none!important;}
.j2store_cart_button:hover {background: #071848!important;}
.j2store .btn {background: #071848!important; color:#fff!important; text-shadow:none!important; box-shadow:none!important;}
/* ----------------------------------------------*/
/* M 00 - Custom HTML
/* ----------------------------------------------*/
.sitebadge {background: url('https://www.greenpike.ru/templates/hipster/images/backgrounds/hip-badge-med.png') 50% 50% no-repeat!important;background-size:100%!important;}
.embellishment p {color:#45443f;}
.embellishment .btn {border-color: #333!important;}
/* Menu Right 1 and 2 */
#menuright1 i,#menuright2 i {color:#fff!important;}
/* ----------------------------------------------*/
/* M 02 - Acymailing
/* ----------------------------------------------*/
#user_name_formAcymailing,#user_email_formAcymailing {background:#666!important;}
.acymailing_form .btn-primary  {background: #95837f!important;}
/* ----------------------------------------------*/
/* RESPONSIVE
/* ----------------------------------------------*/
/* MOBILE */
.mobilebtn {background: url('https://www.greenpike.ru/templates/hipster/images/icons/menu-icon-lt.png') 50% 50% no-repeat!important;margin:0 0 0 -8px;opacity:0.75;}
.mobilebtn select {background:#fff!important;}
.mobiletools a {display:inline-block; width:30px; height:30px; color:#fff; opacity:0.75;}