/* !FONTS */
/* Normal font-face */
@font-face {
    font-family: 'geogtq';
    src: url('../fonts/geogtq-lg-webfont.eot');
    src: url('../fonts/geogtq-lg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geogtq-lg-webfont.woff') format('woff'),
         url('../fonts/geogtq-lg-webfont.ttf') format('truetype'),
         url('../fonts/geogtq-lg-webfont.svg#geogrotesque_lglight') format('svg');
/*     font-weight: normal; */
/*     font-style: normal; */
}

/* Bold font-face */
@font-face {
    font-family: 'geogtq';
    src: url('../fonts/geogtq-md-webfont.eot');
    src: url('../fonts/geogtq-md-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geogtq-md-webfont.woff') format('woff'),
         url('../fonts/geogtq-md-webfont.ttf') format('truetype'),
         url('../fonts/geogtq-md-webfont.svg#geogrotesque_mdmedium') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* Italic font-face */
@font-face {
    font-family: 'geogtq';
    src: url('../fonts/geog-lgit-webfont.eot');
    src: url('../fonts/geog-lgit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geog-lgit-webfont.woff') format('woff'),
         url('../fonts/geog-lgit-webfont.ttf') format('truetype'),
         url('../fonts/geog-lgit-webfont.svg#geogrotesque_lg_itLtIt') format('svg');
    font-weight: normal;
    font-style: italic;
}

/* Bold and Italic font-face */
@font-face {
    font-family: 'geogtq';
    src: url('../fonts/geog-mdit-webfont.eot');
    src: url('../fonts/geog-mdit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geog-mdit-webfont.woff') format('woff'),
         url('../fonts/geog-mdit-webfont.ttf') format('truetype'),
         url('../fonts/geog-mdit-webfont.svg#geogrotesque_md_itMdIt') format('svg');
    font-weight: bold;
    font-style: italic;
}

/* !ELEMENT STYLES */

/* The whole page */
body {
    padding-top: 20px;		/* little marin on page top */
    font-family: geogtq, Helvetica, Arial, sans-serif;	/* Geogrotesque for default font-face */
    font-size: 16px;		/* default font size set to 16px, all other in em's from it */ 
}

/* Titles */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: bold;
  line-height: 1.1;
}

h1, h2, h3, .h1, .h2, .h3 {
  color: #82BF42;
}

h4, h5, h6, .h4, .h5, .h6 {
  color: inherit;
}

/* Lists */
ul {
	padding-left: 3px;
	list-style-position: inside;
}

ul li {
	list-style-type: circle;
	list-style-image: url(../img/list-square.png);
}


/* !UTILITY CLASSES */

/* Center any text */
.center-text {
	text-align: center;
}

/* Text in white */
.inverse {
	color: #ffffff !important;
}

/* Colored */
.branded {
	color: #82bf42 !important;
}

/* gray text */
.shaded {
	color: #696969 !important;
}

/* Receive a line under */
.headline {
	padding-bottom: 0.4em;
	border-bottom: 2px solid #f2f2f2;
}

/* Introductory block has top margin */
.intro {
	margin-top: 50px;
}

/* A little space atop */
.roomy {
	padding-top: 15px;
}

/* Centered block with room under */
.alternative {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
	text-align: center;
	line-height: 3em;
}


/* !Images: */
img.img-framed {
	border: 1px solid #D2D2D2;
}

/* !Links: */
/*
dicrete are not colored, but hover nomal
subtle have colored hover but not underline
ghost don't get any onarment, even when hovered
*/
a.link-discrete,
a.link-subtle,
a.link-ghost,
.link-discrete a,
.link-subtle a,
.link-ghost a {
	color: inherit;
}

a.link-discrete:hover,
.link-discrete a:hover {
	color: #82BF42;
}

a.link-subtle:hover,
.link-subtle a:hover {
	color: #82BF42;
	text-decoration: none;
}

a.link-ghost:hover,
.link-ghost a:hover {
	color: inherit;
	text-decoration: none;
}


/* !NAVBAR CUSTOMIZATION */

/* Background images */
.navbar {
	margin-bottom: 0;
	background-image: url('../img/shadow-top.png'), url('../img/shadow-bottom.png');
	background-repeat: no-repeat, no-repeat;
	background-position: center top, center bottom;
}

/* No rounded corners, not boder left and right */
.navbar-inverse {
	border-radius: 0;
	border-width: 1px 0 1px 0;
}

/* All links a bold */
.navbar-inverse a {
	font-weight: bold;
}

/* Used to float toogle button on the left */
.navbar-toggle-left {
	float: left;
	margin-left: 15px;
	margin-right: 8px;
}

/* Compensating for div-container div.row left gutter */
.navbar-inverse > .container ul {
	margin-left: -15px;
}

/* Making buttons stand out */
.navbar-inverse .navbar-btn,
.navbar-inverse .navbar-toggle {
	border-color: white;
	color: white;
}

/* Fine tuning the toggle button */
.navbar-toggle.navbar-btn {
	font-weight: bold;
	font-size: 16px;
	padding: 5px 12px;
}

/* Allowing toggle button to receive text */
.navbar-btn .icon-bar-group {
	float: left;
	margin-top: 3px;
	margin-right: 8px;	
	margin-bottom: 3px;
}

/* Introducing title and styling it */
.navbar-title {
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	padding: 15px;
	margin: 0;
}


/* !SUB-NAVIGATION BAR */
.subnavbar {
	color: white;
	background-color: #c0c3c2;
	margin-top: 15px;
	margin-bottom: 0;
}

.subnavbar > .container ul {
/* 	margin-left: -15px; */
}

.subnavbar-nav {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.subnavbar-nav > li {
	display: block;
	float: left;
}

.subnavbar-nav > li > a {
	color: white;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	display: block;
	line-height: 20px;
	padding: 8px 15px;
}

.subnavbar-nav > li > a:hover,
.subnavbar-nav > li > a:focus {
	text-decoration: none;
	background-color: #afb2b1;
}

.subnavbar-nav > li.active > a {
	color: black;
	background-color: white;
}

.subnavbar-nav > li.active > a:hover,
.subnavbar-nav > li.active > a:focus {
	color: #82bf42;
	background-color: white;
}


/* !BUTTON CUSTOMIZATION */

/* Forbid italicized buttons */
.btn { font-style: normal; }

/* btn-info text must be black instead of white */
.btn-info { color: #000000; }
.btn-info:hover { color: #000000; }


/* New button inverse */
.btn-inverse {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.open .dropdown-toggle.btn-transparent {
  color: #696969;
  background-color: #ffffff;
}

/* !ICONS */

/* Small icons for footer (white on black) */
.sxicon {
  position: relative;
  display: inline-block;
  top: 0.2em;
  line-height: 1;
  width: 15px;
  height: 15px;
  background-position: 0 0;
  background-size: 15px 30px; /* preparing for retina images */
}

/* Small icons have hovers */
*:hover > .sxicon {
	background-position: 0 15px;
}

/* The different small icons */
.sxicon-marker { background-image: url('../img/icon-marker-combi.png'); }
.sxicon-phone { background-image: url('../img/icon-phone-combi.png'); }
.sxicon-fax { background-image: url('../img/icon-fax-combi.png'); }
.sxicon-email { background-image: url('../img/icon-email-combi.png'); }
.sxicon-twitter { background-image: url('../img/icon-twitter-combi.png'); }
.sxicon-rss { background-image: url('../img/icon-rss-combi.png'); }


/* Medium sized icons */
.sxicon-medium {
	float: left;
	width: 20px;
	height: 20px;
	background-size: 20px 20px; /* preparing for retina images */
}

/* The different medium icons */
.sxicon-medleft { margin-right: 0.5em; }
.sxicon-medright { float: right; margin-left: 0.5em; }
.sxicon-medium-attach { background-image: url('../img/icon-medium-attach.png'); }
.sxicon-medium-chat { background-image: url('../img/icon-medium-chat.png'); }
.sxicon-medium-shop { background-image: url('../img/icon-medium-shop.png'); }
.sxicon-medium-buy { background-image: url('../img/icon-medium-buy.png'); }
.sxicon-medium-email { background-image: url('../img/icon-medium-email.png'); }
.sxicon-medium-user { background-image: url('../img/icon-medium-user.png'); }
.sxicon-medium-send { background-image: url('../img/icon-medium-send.png'); }
.sxicon-medium-download { background-image: url('../img/icon-medium-download.png'); }
.sxicon-medium-road { background-image: url('../img/icon-medium-road.png'); }
.sxicon-medium-train { background-image: url('../img/icon-medium-train.png'); }
.sxicon-medium-airport { background-image: url('../img/icon-medium-airport.png'); }
.sxicon-medium-rss { background-image: url('../img/icon-medium-rss.png'); }
.sxicon-medium-ok { background-image: url('../img/icon-medium-ok.png'); }
.sxicon-medium-job { background-image: url('../img/icon-medium-job.png'); }
.sxicon-medium-phone { background-image: url('../img/icon-medium-phone.png'); }
.sxicon-medium-world { background-image: url('../img/icon-medium-world.png'); }
.sxicon-medium-factory { background-image: url('../img/icon-medium-factory.png'); }
.sxicon-medium-flickr { background-image: url('../img/icon-medium-flickr.png'); }
.sxicon-medium-contact { background-image: url('../img/icon-medium-contact.png'); }
.sxicon-medium-mark { background-image: url('../img/icon-medium-mark.png'); }
.sxicon-medium-mapmark { background-image: url('../img/icon-medium-mapmark.png'); }
.sxicon-medium-globemark { background-image: url('../img/icon-medium-globemark.png'); }
.sxicon-medium-sign { background-image: url('../img/icon-medium-sign.png'); }
.sxicon-medium-organization { background-image: url('../img/icon-medium-organization.png'); }
.sxicon-medium-speaker { background-image: url('../img/icon-medium-speaker.png'); }
.sxicon-medium-ticket { background-image: url('../img/icon-medium-ticket.png'); }
.sxicon-medium-ticketoff { background-image: url('../img/icon-medium-ticketoff.png'); }
.sxicon-medium-thumbsup { background-image: url('../img/icon-medium-thumbsup.png'); }
.sxicon-medium-right-white { background-image: url('../img/icon-medium-right-white.png'); }
.sxicon-medium-right-black { background-image: url('../img/icon-medium-right-black.png'); }


/* Chevron-type icons */
.sxicon-chevron {
	float: left;
	width: 10px;
	height: 20px;
	background-size: 10px 20px; /* preparing for retina images */
}

/* The different chevron icons */
.sxicon-chevleft { margin-right: 0.5em; }
.sxicon-chevright { float: right; margin-left: 0.5em; }
.sxicon-chevron-left-white { background-image: url('../img/icon-chevron-left-white.png'); }
.sxicon-chevron-right-white { background-image: url('../img/icon-chevron-right-white.png'); }
.sxicon-chevron-left-black { background-image: url('../img/icon-chevron-left-black.png'); }
.sxicon-chevron-right-black { background-image: url('../img/icon-chevron-right-black.png'); }


/* Arrow-type icons */
.sxicon-arrow {
  width: 20px;
  height: 20px;
  background-size: 20px 40px; /* preparing for retina images */
}

/* Arrow icons have hovers */
*:hover > .sxicon-arrow {
	background-position: 0 20px;
}

.sxicon-inarrow {
	display: inline-block;
	margin-right: 0.5em;
	position: relative;
	top: 0.25em;
}

.sxicon-arrleft {
	float: right;
	margin-left: 0.5em;
}

.sxicon-arrright { 
	float: left;
	margin-right: 0.5em;
}

.sxicon-arrow-left { background-image: url('../img/icon-arrow-left.png'); }
.sxicon-arrow-right { background-image: url('../img/icon-arrow-right.png'); }
.sxicon-arrow-download { background-image: url('../img/icon-arrow-download.png'); }
.sxicon-arrow-map { background-image: url('../img/icon-arrow-map.png'); }

/* Retina icons */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	.sxicon-marker { background-image: url('../img/icon-marker-combi@2x.png'); }
	.sxicon-phone { background-image: url('../img/icon-phone-combi@2x.png'); }
	.sxicon-fax { background-image: url('../img/icon-fax-combi@2x.png'); }
	.sxicon-email { background-image: url('../img/icon-email-combi@2x.png'); }
	.sxicon-twitter { background-image: url('../img/icon-twitter-combi@2x.png'); }
	.sxicon-rss { background-image: url('../img/icon-rss-combi@2x.png'); }
	.sxicon-medium-attach { background-image: url('../img/icon-medium-attach@2x.png'); }
	.sxicon-medium-chat { background-image: url('../img/icon-medium-chat@2x.png'); }
	.sxicon-medium-buy { background-image: url('../img/icon-medium-buy@2x.png'); }
	.sxicon-medium-shop { background-image: url('../img/icon-medium-shop@2x.png'); }
	.sxicon-medium-email { background-image: url('../img/icon-medium-email@2x.png'); }
	.sxicon-medium-user { background-image: url('../img/icon-medium-user@2x.png'); }
	.sxicon-medium-send { background-image: url('../img/icon-medium-send@2x.png'); }
	.sxicon-medium-download { background-image: url('../img/icon-medium-download@2x.png'); }
	.sxicon-medium-road { background-image: url('../img/icon-medium-road@2x.png'); }
	.sxicon-medium-train { background-image: url('../img/icon-medium-train@2x.png'); }
	.sxicon-medium-airport { background-image: url('../img/icon-medium-airport@2x.png'); }
	.sxicon-medium-rss { background-image: url('../img/icon-medium-rss@2x.png'); }
	.sxicon-medium-ok { background-image: url('../img/icon-medium-ok@2x.png'); }
	.sxicon-medium-job { background-image: url('../img/icon-medium-job@2x.png'); }
	.sxicon-medium-phone { background-image: url('../img/icon-medium-phone@2x.png'); }
	.sxicon-medium-world { background-image: url('../img/icon-medium-world@2x.png'); }
	.sxicon-medium-factory { background-image: url('../img/icon-medium-factory@2x.png'); }
	.sxicon-medium-flickr { background-image: url('../img/icon-medium-flickr@2x.png'); }
	.sxicon-medium-contact { background-image: url('../img/icon-medium-contact@2x.png'); }
	.sxicon-medium-mark { background-image: url('../img/icon-medium-mark@2x.png'); }
	.sxicon-medium-mapmark { background-image: url('../img/icon-medium-mapmark@2x.png'); }
	.sxicon-medium-globemark { background-image: url('../img/icon-medium-globemark@2x.png'); }
	.sxicon-medium-sign { background-image: url('../img/icon-medium-sign@2x.png'); }
	.sxicon-medium-organization { background-image: url('../img/icon-medium-organization@2x.png'); }
	.sxicon-medium-speaker { background-image: url('../img/icon-medium-speaker@2x.png'); }
	.sxicon-medium-ticket { background-image: url('../img/icon-medium-ticket@2x.png'); }
	.sxicon-medium-ticketoff { background-image: url('../img/icon-medium-ticketoff@2x.png'); }
	.sxicon-medium-thumbsup { background-image: url('../img/icon-medium-thumbsup@2x.png'); }
	.sxicon-medium-right-white { background-image: url('../img/icon-medium-right-white@2x.png'); }
	.sxicon-medium-right-black { background-image: url('../img/icon-medium-right-black@2x.png'); }
	.sxicon-chevron-left-white { background-image: url('../img/icon-chevron-left-white@2x.png'); }
	.sxicon-chevron-right-white { background-image: url('../img/icon-chevron-right-white@2x.png'); }
	.sxicon-chevron-left-black { background-image: url('../img/icon-chevron-left-black@2x.png'); }
	.sxicon-chevron-right-black { background-image: url('../img/icon-chevron-right-black@2x.png'); }
	.sxicon-arrow-left { background-image: url('../img/icon-arrow-left@2x.png') }
	.sxicon-arrow-right { background-image: url('../img/icon-arrow-right@2x.png') }
	.sxicon-arrow-download { background-image: url('../img/icon-arrow-download@2x.png') }
	.sxicon-arrow-map { background-image: url('../img/icon-arrow-map@2x.png') }
}



/* !HEADER LAYOUT */
.header-logo p {
	padding-left: 84px;		/* shitfting text away, to match logo text */
	padding-top: 10px;
	font-weight: bold;
	font-size: 1em;
}

.logo-solaronix {
    width: 300px;			/* logo size is 300px by default, and max, but changes with media queries */ 
}

.top-links {
    padding-top: 25px;
}

.search-area {
    padding-top: 25px;
}

/* On tablets the logo is fixed but 50px narrower */
@media (max-width: 767px) {
    .logo-solaronix { width: 250px; }
	.header-logo p { padding-left: 69px; }
}

/* On phones the logo and text are reducted */
@media (max-width: 460px) {
    .logo-solaronix { width: 58%; }
	.header-logo p { padding-left: 16%; font-size: 0.875em; }
}



/* !FOOTER LAYOUT */

/* styling default text and backround */
footer {
	background: #2f2f2f url('../img/pattern-crystals.png');
	font-size: 14px;
	color: #cccccc;
	text-shadow: 0 1px 1px rgba(0,0,0,0.8);
	padding: 0;
	margin-top: 50px;
	border-top: 1px solid #D2D2D2;
}

/* sytling small header */
footer h6 {
	border-bottom: 2px solid #3e3e3e;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}

/* making links white */
footer ul li a {
	color: inherit;
}

/* and greend when hovered */
footer ul li a:hover {
	text-decoration: none;
	color: #82BF42;
}

/* icons rest in the column gutter */
footer .sxicon {
	display: inline-block;
	float: left;
	margin-left: -18px;
}

/* spacing the internal links area */
.quicklinks {
	padding-top: 15px;
	padding-bottom: 15px;
}

.quicklinks ul li {
	list-style: none;
}

/* spacing the coordinates area */
.coordinates {
	padding-top: 15px;
	padding-bottom: 15px;
}

/* making more room on the right when viewed on small devices */
.coordinates div.col-xs-6 {
	padding-right: 0;
}

/* styling the page signature */
.signature {
	background-color: #242424;
	text-align: center;
	color: #9c9b9b;
	border-top: 3px solid #232323;
	padding-top: 7px;
	padding-bottom: 10px;
}

/* giving a size to the logo */
.solaronix-logo-white {
	width: 100px;
	padding-bottom: 1em;
	opacity: 0.85;
}

/* hover style on the logo */
.solaronix-logo-white:hover {
	opacity: 1;
}

/* on small devices, icons aren't shifted in the margin anymore */
@media (max-width: 767px) {
	footer .sxicon { display: inline-block; float: none; margin-left: 0; }
}


/* !FORMs */

.input-like {
	border: 1px solid #cccccc;
	border-radius: 6px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
}

.input-like input[type='file'] {
	display: inline;
}

#message-default {
	display: inherit;
}

#message-info,
#message-warning,
#message-danger,
#message-success {
	display: none;
}

/* !Tables */
.table-products {
	vertical-align: top;
	margin-top: 1em;
	margin-bottom: 1em;
}

.table-products tr {
	margin-top: 1em;
	margin-bottom: 1em;
}

.table-products p,
.table-products h4,
.table-products h5 {
	padding: 5px;	
}

.table-products p {
	font-size: 85%;
}

/* !Divisions */
.box {
	margin: 10px 0 10px 0;
	padding: 15px;
	border: 2px solid #f2f2f2;
	font-style: italic;
	font-size: 0.9em;
}

.box *:first-child {
	margin-top: 0;
}

.box *:last-child {
	margin-bottom: 0;
}


/* !RESPONSIVE MEDIA QUERIES TEMPLATE */

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}