/*
Theme Name: bweststrap WordPress - 2015/03/16
Theme URI: http://sandbox.bwest.ca
Description:  Custom WordPress theme built using Twitter Boostrap 3.3.4
Author: bWEST Interactive
Author URI: http://bwest.ca
Version: 2.2
*/


/* ===================================================
  Start things off with the body formatting,
  typography and a few miscellaneous bits
====================================================== */

#identify-images img {
	width:200px;
	height:auto;
}

/* potential quick fix for image stretch in IE 8 

.attachment-product-img {
	width:100%;
}

*/

img {max-width: 100%; height:auto; } /* sets all images to be repsonsive instead of using the .img-responsive class */

body {
    font-family: 'PT Sans', sans-serif;
    color:#565555;
}

.entry a {
  color:#0a6ddb;
  text-decoration: underline;
}

a {
  transition: all 0.2s;
}



/* ===================================================
 Header
====================================================== */

header {
    
    background-size: cover;
}

#header-inner {
    position: relative;
}

#logo {
    background: url('img/bg-header.jpg') no-repeat top center;
    background-size: cover;
}

#logo h1 {
    width: 50%;
    margin: 22px auto 0;

}

#header-right {
  background-color: #1c4182;
}

#header-right h3, .navbar-brand {
  color: #fff;
}


#header-right h3, .navbar-brand {
  color: #fff;
  font-size: 13px;
  width: 73%;
  padding: 0;
  margin: 7px 0 0 15px;
  height: auto;
}


/* ===================================================
 Navigation
====================================================== */

.navbar {
  margin-bottom: 0;
}

.navbar-toggle {
    border:1px solid #fff;
outline: none;
}

.navbar-toggle .icon-bar {
  background-color: #fff;
outline: none;
}

.navbar-brand a {
    color: #fff;
outline: none;
}

#menu-main-navigation .caret {
    display: none;
outline: none;
}

.navbar-inner {
    background-color: transparent;
    background-image: none;
    background-repeat: repeat-x;
    filter: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding-right:0;
outline: none;
}

.navbar-inner > .container {
    
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
outline: none;
}


.navbar .nav > li > a {
      color: #a8a9a9;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #a8a9a9;
outline: none;
}

.navbar .nav > li > a:hover {
    color: #fff;
    background: transparent;
outline: none;
}

.dropdown-menu li > a  {
outline: none;
    
}

.navbar .nav li.dropdown.open > .dropdown-toggle, 
.navbar .nav li.dropdown.active > .dropdown-toggle, 
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: transparent;
outline: none;
    
}

.dropdown-menu {
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	outline: none;
	width: 100%;
  text-align: center;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
    text-decoration:none;
    color:#ffffff;
    background-color:transparent;
    background-image:none;
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:hover, 
.dropdown-menu>.active>a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #133165;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu li > a {
  background-color: #133165 !important;
  margin-bottom: 5px;
  color: #b4afab;
  font-weight: bold;
}

.dropdown-menu li > a:hover {
  color:#fff;
}

/*
.dropdown:hover > ul.dropdown-menu{
    display: block;
}
*/

.dropdown-submenu:hover>.dropdown-menu{
    display: block;
}


.dropdown-submenu>.dropdown-menu {
  top: 0;
  right: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu>.dropdown-menu li {
  ;
}
.dropdown-submenu>.dropdown-menu li a {
  background: #565455;
}

.navbar-right > .dropdown-menu {
  right: auto;
}


.navbar-collapse.in {
  overflow-y: initial;
}



/* ===================================================
 Feature
====================================================== */
.flexslider {
	background: transparent;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
}

.flexslider li {
	
}

#home-carousel .slides img {
  padding: 0 15px;
  border-left: 1px solid #5f5e5e;
}

#home-carousel li:first-child img {
	border-left:none;
	
}

#home-carousel h4 {
	font-weight:bold;
	padding:0 15px;
}

#home-carousel p {
	padding:0 15px;
	line-height: 15px;
}

#home-carousel h4 a,
#home-carousel p a{
	color:#565555;
	text-decoration:none;
}



/* ===================================================
 Content
====================================================== */

#main {
    background: #5f5e5e;
}

#content {
    background: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
	background-size: cover;
}

.entry-title,
.entry h1:first-child {
    color: #565555;
    font-weight: bold;
}



/* ===================================================
 Sidebar
====================================================== */

#sidebar {
    
}

.product-cat-list {
    margin:0; 
    padding:30px 0 20px 0; 
    list-style:none;
}

.product-cat-list li {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #bdbebf;
    padding:8px 0 7px 0;

}

.product-cat-list li:last-child {
    border:none;
}

.product-cat-list li a {
    color:#bdbebf;
}

.product-cat-list li a:hover {
    color:#fff;
    text-decoration: none;
}

.product-cat-list .children,
.product-cat-list .sub-menu {
    padding:0; 
    margin-top:10px;
}

.product-cat-list .children li,
.product-cat-list .sub-menu li {
    font-weight: normal;
    font-size: 12px;
    border-bottom: none;
    padding-top: 0;
}

.product-cat-list li.current-cat > a,
.product-cat-list ul.children li.current-cat a,
.product-cat-list li.current-menu-item  > a,
.current_page_parent > a,
.current_page_item a,
.current-menu-parent > a {
    color:#fff !important;
}

/* Contact */

#main-contact p strong {
  display: block;
}


#main-contact h1 {
  background: url('img/icon-phone2.png');
}

#email-contact h1 {
  background: url('img/icon-mouse.png');
}

#warranty-contact h1 {
  background: url('img/icon-pen.png');
}

#main-contact h1,
#email-contact h1,
#warranty-contact h1 {
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: top left;
  padding-left:50px;
}

.gform_wrapper input[type=email], 
.gform_wrapper input[type=number], 
.gform_wrapper input[type=password], 
.gform_wrapper input[type=tel], 
.gform_wrapper input[type=text], 
.gform_wrapper input[type=url],
.gform_wrapper  textarea{
  border-radius: 5px;
  border: 1px solid #bebec0;
}

.gform_footer input[type=submit] {
  border: 1px solid #414142;
  border-radius: 13px;
  padding: 5px 20px;
  color: #000;
  text-transform: lowercase;
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #fff, #dddee0); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:         linear-gradient(to bottom, #fff, #dddee0); /* Chrome 26, Firefox 16+, IE 10+, Opera */
}

/* Order Form */

.gravity-forms-section-tabs-head a {
	width:50%;
	text-align:center;
	font-size:11px;
}


#gform_3 .gfield_checkbox li {
	float: left;
    width: 45%;
    position: relative;
	padding:8px !important;
	border:1px solid #ccc;
	margin-right:5%;
	min-height:185px;
}

#gform_3 .gfield_checkbox li input {
	position:absolute;
	top: 116px;
}

#gform_3 .gfield_checkbox li label {
	line-height:1;
}

#gform_3 .gfield_checkbox li label img {
	max-height:108px;
	margin: auto;
    display: block;
}

#gform_3 .gfield_checkbox li label p {
	margin-top:5px;
	font-size: 12px;
}

.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, 
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, 
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=radio], 
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
    margin-left: 0.086em;
}


/* ===================================================
 Footer
====================================================== */

footer {
    background:#373535;
    color:#fff;
    padding:40px 0 30px;
    text-align: center;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #fff;
}

#footer-address {
    font-size: 12px;

}

#footer-address span {
    font-size: 14px;
    font-weight: bold;
    display: block;
}

#footer-cta {
    background: url('img/icon-mouse2.png') no-repeat top  center;
    background-size: 50px;
    padding-top: 50px;
    font-size: 19px;
    font-weight: bold;
}

#footer-cta span.footer-num {
    font-size: 24px;
    display: block;
}

#footer-social img {
    width: 60px;
    display: block;
    margin: 15px auto 20px;
}

#footer-logo  {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#footer-logo img {
    width: 50%;
    margin: auto;
    display: block;
}

#footer-credits,
#footer-credits a {
    color: #bdbebf;
    font-size: 11px;
}


/* ===================================================
 Page Specific
====================================================== */

/* products */

.related-title{
  text-transform: uppercase;
  margin-bottom: 20px;
	
}

.related-products {
  padding: 0;
  margin:0;
}

.related-products li {
  text-transform: uppercase;
  list-style-type: none;
  font-size: 16px;

    line-height: 23px;
}

.related-products li a {
  text-decoration: underline;
  color:#565555;
  font-size: 12px;
}

.related-products li a.active {
  color:#0468da;
}

.related-products li a:hover {

}

.product-img,
.attachment-product-img {
  border:0px solid #acacae;
}

.archive .entry-title {
  font-size: 24px;
}

/* Accessories */

.caption-title {
  font-weight: bold;
  font-size: 16px;
  margin: 10px 0 0;
}

#related-accessories h3 {
	border-bottom:1px solid #565555;
}
	
.accessory-info {
  padding:0;
  margin:0;
}

.accessory-info li {
  list-style-type: none;
  padding: 10px 0;
  border-bottom: 1px solid #565555;
}

#related-accessories .related-products li {

}

.related-products li.active a,
.tax-product_cat .related-products li:first-child a {
	color:#0a6ddb;
}


.order-btn {
	margin-top:15px;
	display: block;
}


/* FAQ */

.page-id-290 .entry p {

}

.page-id-290 .entry strong {
  
}

.page-id-290 .entry em {
  font-weight: bold;
  font-style: normal;
  color:#0a6ddb;
}

/* Instructions */

.page-id-288 .entry,
.page-id-291 .entry,
.page-id-289 .entry {
  text-transform: uppercase;
}

/* Videos & Diagrams*/

#videos .embed-responsive,
#diagrams .diagram-image {
  display: none;
}

#videos a,
#diagrams a {
  cursor: pointer;
  display:block;
}


/* ===================================================
 Default Wordpress
====================================================== */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* ===================================================
 Media Queries
====================================================== */



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

    /* ===================================================
     Header:768
    ====================================================== */

header {
    background: url('img/bg-header.jpg') no-repeat top center;
  background-size: cover;
} 

#logo {
    background-image: none;
}   

#logo h1 {
  width: 35%;
}

#header-right {
  background-color: transparent;
}

#header-right h3 {
  color: #fff;
  font-size: 20px;
  width: auto;
  padding: 0;
  margin: 0;
  text-align: center;
}

#header-right h3 span {
    display: block;
    font-size: 14px;
    margin-top: 5px;
}


    /* ===================================================
     Navigation:768
    ====================================================== */

#menu-main-navigation {
    text-align: center;
    float: none;
    margin-top: 15px;
}

#menu-main-navigation.nav>li {
    position: relative;
    display: inline-block;
    float: none !important;
    display: inline-block;
}

.navbar .nav > li > a {
  padding: 0 10px;
  border-bottom: none;
  border-left: 1px solid #a8a9a9;
}

.navbar .nav > li > a:first-child {
    border: none;
}

.dropdown-submenu>.dropdown-menu {
    left: auto;
  right: 100%;

}

.dropdown-submenu>.dropdown-menu li {
  margin-right: 10px;
  width: 100%;
}

.dropdown-submenu>.dropdown-menu {
  margin-top: -5px;
  margin-right: 1px;	
}

.dropdown-menu {
	width: auto;
  text-align: left;
}


.dropdown:hover > ul.dropdown-menu{
    display: block;
}


    /* ===================================================
     Feature:768
    ====================================================== */




    /* ===================================================
     Content:768
    ====================================================== */

#content {
  padding-left: 35px;
}


    /* ===================================================
     Sidebar:768
    ====================================================== */




    /* ===================================================
     Footer:768
    ====================================================== */

#footer-cta {
  background-position: top left;
  background-size: 50px;
  padding-top: 0;

}


    /* ===================================================
     Page Specific:768
    ====================================================== */

/* Contact */

.page-id-8 #content {
  padding-left: 85px;
}

#main-contact h1,
#email-contact h1,
#warranty-contact h1 {
  margin-left: -50px;
}

}

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

    /* ===================================================
     Header:992
    ====================================================== */

header {
  padding-top: 65px;
}


#logo h1 {
  width: 75%;
  margin: 0;
}

#header-right h3 {
  text-align: right;
  font-weight: bold;
  font-size: 22px;
}


    /* ===================================================
     Navigation:992
    ====================================================== */

#menu-main-navigation {
  text-align: right;
}

.navbar-collapse {
  padding-right: 0;
}

#menu-main-navigation > li:last-child a {
  padding-right: 0;
}

#header-right .navbar .container-fluid {
  padding-right: 0;
}


    /* ===================================================
     Feature:992
    ====================================================== */




    /* ===================================================
     Content:992
    ====================================================== */




    /* ===================================================
     Sidebar:992
    ====================================================== */




    /* ===================================================
     Footer:992
    ====================================================== */

#footer-address {
  text-align: left;
}

#footer-cta {
  text-align: left;
  padding-left: 60px;
}

#footer-logo img {
  width: 25%;
}


    /* ===================================================
     Page Specific:992
    ====================================================== */

/* products */

.product-img {
  border: 1px solid #acacae;
  margin: 25px 0 0 -15px;
}

.archive .entry-title {
  margin-top: 0;
}

/* order form */

.gravity-forms-section-tabs-head a {
	width: 33%;
	font-size:14px;
}


#gform_3 .gfield_checkbox li {
    width: 24%;
    margin-right: 1%;
    min-height: 177px;
}

#gform_3 .gfield_checkbox {
	
}

#gform_3 .gfield_checkbox li label {
	
}

#gform_3 .gfield_checkbox li label img {
	
}

#gform_3 .gfield_checkbox li label p {
	margin-top:5px;
	font-size: 12px;
}


}

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

    /* ===================================================
     Header:1200
    ====================================================== */

#header-right h3 {

}


    /* ===================================================
     Navigation:1200
    ====================================================== */

.navbar .nav > li > a {
  font-size: 16px;
}


    /* ===================================================
     Feature:1200
    ====================================================== */




    /* ===================================================
     Content:1200
    ====================================================== */

#sidebar {
	width:238px;
	right: 932px;
}

#content {
	width:932px;
	left: 238px;;
}



    /* ===================================================
     Sidebar:1200
    ====================================================== */
.product-cat-list li {
  font-size: 15px;
}

.product-cat-list .children li,
.product-cat-list .sub-menu li  {
  font-size: 10px;
}


    /* ===================================================
     Footer:1200
    ====================================================== */

#footer-cta {
  line-height: 17px;
}


#footer-cta span.footer-break {
    display: block;
}

#footer-cta span.footer-num {
  margin-top: 10px;
}


#footer-social img {
  margin: 0;
}

#footer-logo img {
  width: 60%;
  margin: 10px 0 0 auto;
}

#footer-credits {
  text-align: left;
}



    /* ===================================================
     Page Specific:1200
    ====================================================== */
	
	
/* home */

#home-feature-image {
	margin-top:13%;
}

/* order form */

#gform_3 .gfield_checkbox li {
    min-height: 167px;
}

.gravity-forms-section-tabs-head a {
    width: 25%;
}
 

}