/*------------------------------------
    MAIN CONTENT
------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body {
    font-family: "Open Sans";
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color:#000;
}

h1 {
    font-size: 24px;
}

a {
    color: #000000;
}

/* Move asterix down on Create Account page */
.form-horizontal .has-feedback .form-control-feedback {
    padding-top: 10px;
}

/* Remove alternative Paypal shipping option from Shopping Cart page */
.or_option {
  display:none;
}

.paypal_payment {
  display:none;
}

/* Change boxes to TLS blue and box font */

.panel-default>.panel-heading{
color:#fff;
background-color:#6baae2;
}

.panel-heading a {
color: #fff;
background-color: #6baae2;
}

.panel-body {
    padding: 10px;
}

.panel-heading {
    text-align: center;
}

.breadcrumb   {
background-color: #6baae2;
}

.breadcrumb > li > a > span {
  color:#fff;
}

/* Sort line gaps in category box */
#columnLeft > .panel > .panel-body .nav > li > a {
  padding: 1px 5px;
}

/* Change colour of view buy on Home Page */
.btn-success {
    background-color: #6baae2;
    border-color: #2EC0F9;
}

.btn-success:hover {
    background-color: #2EC0F9;
    border-color: #6baae2;
}

/* Widen side column when they appear to thin */
@media (min-width: 992px) and (max-width: 1265px) {

.col-md-pull-8 {
    right: 60%;
}

.col-md-push-2 {
    left: 20%;
}

.col-md-2 {
    width: 20%;
}

.col-md-8 {
    width: 60%;
}
}

/* Center Logo in Tablet Mode */
@media (max-width:770px) {
#storeLogo a img {
    margin: 0 auto;
}
}

/* Hide unrequired boxes on tablet/mobile view */  
@media (max-width: 991px) {
#columnLeft > div:nth-child(1) {
  display:none;
}

#columnLeft > div:nth-child(3) {
  display:none;
}

#columnRight > div:nth-child(1) {
  display:none;
}

#columnRight > div:nth-child(2) {
  display:none;
}
#columnRight > div:nth-child(3) > div.panel-body > ul {
  text-align:center;
}
#columnRight > div:nth-child(4) {
  display:none;
}
}

/* Copyright and Payment in Footer */ 
.footer-extra {
    background: #fff;
}

/*------------------------------------
    PRODUCT PAGES
------------------------------------*/

.page-header > h1 > a > span {
  color:#000;
}

.page-header > h1 > small > span {
  color:#000;
}

/* Remove filter by on Category and Distributors Page */
#bodyContent > .contentContainer > div > div.well.well-sm {
  display:none;
}

.piGal {
    width: 100px !important;
}

/* Decrease large gap on Product Pages */
.page-header {
    margin: 0 !important;
    border-bottom: 0;
}

/* Turn off your product has been added to Shopping Cart alert */
.page-header + .alert.alert-success.alert-dismissible {
  display:none;
}

/*------------------------------------
    NAVIGATION & HAMBURGER MENU
------------------------------------*/

i.fa.fa-chevron-down {
    float: none;
}

i.fa.fa-bars {
    float: left;
    position: relative;
    top: 3px;
}

/* Full width dropdown hamburger menu */
.navbar-default .navbar-toggle {
    width: 97% !important;
    margin: 1.5% 1.5%;
    float: none !important;
    margin-right: 0 !important;
}

/* Color of mobile drop-down select bar */
.navbar-default .navbar-toggle {
    background-color: #6baae2 !important;
    color: white;
}

.navbar-default {
    background-color: white;
    border-color: #ccc;
}

/* Tablet Menu Color */
@media (max-width: 991px) and (min-width: 768px) {
.navbar-default .navbar-nav > li > a {
    color: #fff;
}

#bs-navbar-collapse {
    background-color: #6baae2;
}
}

/* Widen side column when they appear to thin */
@media (min-width: 768px) and (max-width: 991px) {
.navbar-nav {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
    flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
    justify-content: center;
	-ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.navbar-nav > li ::before {
	content:"\25aa";
	padding-right: 5px;
}

.nav>li>a {
    padding: 10px 10px !important;
}
}

@media (min-width: 768px) and (max-width: 800px) {
.nav>li>a {
    padding: 10px 7px !important;
}
}

@media (min-width:992px) {
/* Turn off top category menu on full page display */
#catMenu {
    display: none;
}
}

/*------------------------------------
    CHECKOUT/CART HEADER BUTTONS
------------------------------------*/

#headerShortcuts {
    margin-top: 10px;
}

.accountLinkList > li {
    padding-left: 12px;
}

/* Slightly smaller cart buttons in top right of page */
@media (min-width:768px) and (max-width:1150px) {
#headerShortcuts {
    width: 40%;
    margin-bottom: 10px;
    margin-top: 12px;
    padding: 0;
}

#headerShortcuts > .btn-group {
    width: 100%;
    padding-bottom:10px;
    
}
}

@media (min-width:768px) and (max-width:850px) {
#headerShortcuts > .btn-group {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
    justify-content: center;
	-ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.btn-group>.btn {
    font-size: 11px !important;
}

#storeLogo {
    padding-top: 7px;
}
}

@media (max-width:768px) {
#headerShortcuts {
    margin-bottom: 10px;
}
}

/* Add FlexBox to header shortcuts to allow for when user is logged in */
#headerShortcuts > .btn-group {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
    flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
    justify-content: center;
	-ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.btn-group>.btn {
    position: relative;
    float: left;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 13px;
}

/*------------------------------------
    HOME PAGE OFFERS
------------------------------------*/

/* Home Page Offers */
.linuxoffers {
  margin:0 auto;
  width:610px;
  height:320px;
}

.starterpack {
    float: left;
}

.freekeyring {
    float: right;
}

.linuxonusb {
    float: left;
    clear: left;
    padding-top:15px;
}

@media (min-width: 990px) and (max-width: 1090px) {
.linuxoffers {
    width:100%;
    margin: 0 auto;
	height:auto;
}
  
.freekeyring {
    float: right;
    display:none;
}
.starterpack {
    float: none;
}

.linuxonusb {
    float: none;
    clear:both;
}
}

@media (max-width: 770px) {
.linuxoffers {
    width:100%;
    margin: 0 auto;
	height:auto;
}
  
.freekeyring {
    float: right;
    display:none;
}
.starterpack {
    float: none;
}

.linuxonusb {
    float: none;
    clear:both;
}
}

/*------------------------------------
    FOOTER - Currently switched off, set no products offline
------------------------------------*/
.footer-extra A {
    color: #000;
}

/*------------------------------------
    TABLET (View/Buy Buttons) [Bundle offers spill over from 1086px to 1200px]
------------------------------------*/

@media (min-width: 991px) and (max-width: 1200px) {
  
/* Remove View/Buy Buttons on Home Page for Tablets */
.col-sm-12.new-products .btn.btn-default {
    display: none;
}

.col-sm-12.new-products .btn.btn-success {
    display: none;
}
  
/* Remove Price/Buy Buttons on Category/Manufacturer Page for Tablets and center text */
#products .btn-group {
    display: none;
}

#products .btn-success {
    display: none;
}
  
.productHolder.equal-height {
    text-align:center;
}
}

/* Change odd background colour on Shopping Cart */
.table-striped>tbody>tr:nth-of-type(odd) {
 background-color: #fff;
}

/* 
	MARCH 17 CHANGES TO TABLET/MOBILE CURRENT 0.74
	Hide unrequired boxes on tablet/mobile view
*/  
@media (max-width: 991px) {
	
.breadcrumb {
  display: none;
}

#columnLeft > div:nth-child(2) {
  display:none;
}

#columnLeft > div:nth-child(4) {
  display:none;
}

#columnRight > div:nth-child(3) {
  display:none;
}
}

/* Move Add to Cart Button */
@media (max-width: 768px) {
.buttonSet.row > div.col-xs-6.text-right {
   position:absolute;
   top: 5%;
   right:1%;
}
}

/* Remove alert when just using one payment method on checkout_payment page */
form[name="checkout_payment"] .alert-info { 
  display:none;
}

/* Make upgrade links on product pages blue rather than black link colour */
div[itemprop="description"] a {
   color: #337ab7;
}

/* Home Page Offers */
.linuxoffers img {
  border-radius: 20px;
  box-shadow:
      1px 2px 2px hsl(220deg 60% 50% / 0.2),
      2px 4px 4px hsl(220deg 60% 50% / 0.2),
      4px 8px 8px hsl(220deg 60% 50% / 0.2),
      8px 16px 16px hsl(220deg 60% 50% / 0.2),
      16px 32px 32px hsl(220deg 60% 50% / 0.2);
}