/*
Theme Name: Pensafe Bootstrap v3.3.4
Theme URI:
Description: A simple responsive theme built with Bootstrap v3.3.4 specifically for pensafe.ca
Author: Diette Janssen
Author URI: http://diette.ca/
Version: 1.0
*/

html, body {width:100%}

body {
	 font-family: "Trebuchet MS", Helvetica, sans-serif;
}

h1 {font-size:28px !important;}

h3 {font-size:18px !important;}

img {
  	display: inline-block;
    max-width: 100%;
}

.row {margin:0;}

i.fa {
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 8px;
	font-size:20px;
}

/* PAGE HEADER */

.site-header {padding-top: 30px; padding-bottom:40px;}

#h-widget-woocommerce_product_search-2 {
    float: right;
    margin-top: -30px;
}

.screen-reader-text {
    display: none;
}

/* NAVBAR */
.navbar {border-radius: 0px; margin-bottom: 10px}
.navbar-inverse {
    background-color: #31353e;
    border-color: #fff;
    border:none;
}
.nav-justified > li > a {
    padding: 15px 10px;
    text-transform: uppercase;
    font-weight: 700;
}
.navbar-inverse .nav-justified > li > a {color:#fff;}
.navbar-inverse .nav-justified > li > a:hover,
.navbar-inverse .nav-justified > li > a:focus {color: #e4e4e4; background-color: transparent;}

.navbar-inverse .nav-justified > .active > a,
.navbar-inverse .nav-justified > .active > a:hover,
.navbar-inverse .nav-justified > .active > a:focus,
.navbar-inverse .nav-justified > .current_page_parent > a,
.navbar-inverse .nav-justified > .current_page_parent > a:hover,
.navbar-inverse .nav-justified > .current_page_parent > a:focus,
.navbar-inverse .nav-justified > .current-page-ancestor > a,
.navbar-inverse .nav-justified > .current-page-ancestor > a:hover,
.navbar-inverse .nav-justified > .current-page-ancestor > a:focus {
    color: #31353e;
}

.navbar-inverse .nav-justified > li.active,
.nav-justified li.current_page_parent,
.nav-justified li.current-page-ancestor {background:#fff;}

.navbar .navbar-collapse {text-align: center;}
.navbar-inverse .navbar-toggle {border-color: #31353E;}
.navbar-toggle {background-color: #31353E;}

/* home page - CAROUSEL */
.col-xs-12.carouselRow { padding: 0; }

#dj_carousel_home-page {background-color:#e4e4e4 }
#dj_carousel_home-page .item {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.carousel-control { width: 70px; }
.glyphicon-chevron-left:before {content: url(images/slide-left-chevron.png);}
.glyphicon-chevron-right:before {content: url(images/slide-right-chevron.png);}

.carousel-control.left, .carousel-control.right {background: none;}

.carousel-caption {
    bottom: -290px;
    color: #31363c;
    float: left;
    left: 15px;
    position: relative;
    right: 70%;
    text-align: left;
    text-shadow: none;
    top: 0;
    width: 30%;
}
.carousel-caption h2 { font-size: 50px;}

#dj_carousel_home-page.carousel.slide div.carousel-inner div.item.active div.carousel-caption div.carousel-slide-caption p a {color:#000;}

.carousel-inner > .item > img, .carousel-inner > .item > a > img{
    float:right;
    max-width: 70%;
}
.carousel-indicators {display:none;}

      /* because carousel is outside the container these need to be set for responsive*/
      @media (min-width: 768px) {
        #dj_carousel_home-page .item { width: 750px;}
      }
      @media (min-width: 992px) {
        #dj_carousel_home-page .item { width: 970px; }
      }
      @media (min-width: 1200px) {
        #dj_carousel_home-page .item {width: 1170px; }
      }

/* PRODUCT SLIDER */

.col-xs-12.productSlider {
    background: none repeat scroll 0 0 #f9f9f9;
}

.owl-wrapper-outer {
    padding: 0 40px;
}

.productSlider .owl-carousel div.item {
    margin: 50px;
	width:250px;
	height:250px;
}

.owl-carousel-item-imgoverlay {
    height: 250px;
    margin: 50px 0;
    width: 250px !important;
}

.owl-carousel-item-imgtitle {
    padding: 100px 0;
}

.owl-carousel-item-imgcontent {
    margin-top: -20px;
}

.owl-carousel-item-imgcontent p a {
    color:white;
}

.productSlider .owl-carousel .owl-item img {border:1px solid #e2e2e2;}

.owl-theme .owl-controls .owl-buttons div {
    background: none !important;
}

.owl-prev {
    left: 10px;
    position: absolute;
    top: 45%;
	content:url("images/slide-left-chevron.png");
}

.owl-prev::before {
    content: url("images/slide-left-chevron.png");
}

.owl-next {
    right: 10px;
    position: absolute;
    top: 45%;
}

.owl-next::before {
    content: url("images/slide-right-chevron.png");
}

/* homepage LAYOUT */
.template-wrapper-frontpage .well{
    margin-top: 40px; margin-bottom:40px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 0px;
    box-shadow: none;
    min-height: 20px;
    padding: 19px;
}
.front-page-content{ margin-top:55px; margin-left: 15px}

/* USE AND CARE */
.wp-caption-text {
    font-size: 12px;
    padding: 0 15px;
}

/* about page LAYOUT */

.well {
    background-color: #fff;
}

/* COMPARE PAGE STYLES */

div.woocommerce-products-compare-content.woocommerce table tfoot {display:none;}
div.woocommerce-products-compare-content.woocommerce table tbody tr.sku {display:none;}

.woocommerce-products-compare-content table tbody tr:nth-child(2n+1) {
    background-color: #fff;
}

/* FOOTER & COPYRIGHT */
.section.footer {
    background-color: #f2f2f2;
    color:#6b6b6b;
    padding-top: 25px; padding-bottom:25px;
}

div.section.footer ul li {
 	color: #ea2d10;
}

div.section.footer ul li a {
 	color: #6b6b6b;
	text-transform:uppercase;
}

.section.copyright {
    background-color: #31353e;
    color: #fff;
    padding-top: 25px; padding-bottom:25px;
}
.section.copyright p { font-size:18px; }
.section.copyright img {margin-right: 20px;}
.section.copyright a {color:#fff;}

div.section.copyright div.textwidget h3.col-sm-3 {margin-top:10px;}

#f3-widget-woocommerce_product_categories-2 ul li{color:#dc361c; font-size: 8px}
#f3-widget-woocommerce_product_categories-2 ul li a{
    color:#909090;
    text-transform: uppercase;
    font-size:11px;
}
.input-group-addon {padding:0;}
.form-control {height:36px;}

  /* top rated WOOCOMMERCE WIDGET*/
  #f2-widget-woocommerce_top_rated_products-2 h1{font-size: 18px;}
  .woocommerce .product-title {color:#31353e;}
  .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {padding:10px 25px; }
  .woocommerce ul.product_list_widget li span.posted_in {
      font-size: 10px;
      line-height: 12px;
  }
  .woocommerce ul.product_list_widget li span.posted_in a{
      color: #909090;
      display: inline-block;
      font-weight: 400;
  }
  .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { width:80px;}

  /* list category WOOCOMMERCE WIDGET*/
  .woocommerce ul.product-categories li ul.children {display: none;}

/* WOOCOMMERCE shop pages */

.related.products ul.products li .button.add_to_cart_button {display:none;}

.woocommerce-ordering { display: none; }

.woocommerce .woocommerce-breadcrumb, .woocommerce-breadcrumb a {font-size: 14px}
.woocommerce .page-title {display: none;}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt,
.woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit, .woocommerce a.button,
.woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt[disabled]:disabled,
.woocommerce #respond input#submit.alt[disabled]:disabled:hover,
.woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt[disabled]:disabled, .woocommerce a.button.alt[disabled]:disabled:hover,
.woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt[disabled]:disabled,
.woocommerce button.button.alt[disabled]:disabled:hover,
.woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt[disabled]:disabled,
.woocommerce input.button.alt[disabled]:disabled:hover {
    color: #fff;
    background-color: #2d333f;
    height: 34px;
}
.woocommerce #respond input#submit::before,
.woocommerce a.button::before,
.woocommerce button.button::before,
.woocommerce input.button::before {
    content: "\e116";
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    position:relative;
    height:100%;
    padding: 9px 15px 7px;
    top:2px;
    margin-left:-15px;
    margin-right: 15px;
    background-color: #f55835;
}
.woocommerce #respond input#submit::after,
.woocommerce a.button::after,
.woocommerce button.button::after,
.woocommerce input.button::after {
    background-color: #2d333f;
    content: "";
    height: 100%;
    line-height: 35px;
    margin-top: -9px;
    padding-top: 0px;
    padding-bottom: 34px;
    padding-left:15px;
    position: absolute;
    width: 32px;

    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    transform: skewX(-10deg);
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover,
.woocommerce button.button:hover, .woocommerce input.button:hover {
    color: #ccc;
    background-color: #2d333f;
}

.woocommerce .quantity .qty {
    width: 70px;
}
.woocommerce table.shop_attributes th {display:none;}

  /* check mark */
.woocommerce #respond input#submit.added::after,
.woocommerce a.button.added::after,
.woocommerce button.button.added::after,
.woocommerce input.button.added::after {
    color: #fff;
    margin-left: 0;
}
.woocommerce .wc-proceed-to-checkout, .woocommerce .return-to-shop {
    overflow: hidden;
    height:32px; width:100%;
    margin-top: 20px
}
.woocommerce .return-to-shop.wc-back {
    margin-top: 0px;
    display: inline-block;
    width:50%;
}
.woocommerce a.added_to_cart { padding-left: 26px; }
.woocommerce ul.products li.product .price {display:none;}
.woocommerce ul.products li.product h3 {font-size: 36px; color:#31353e;}
.woocommerce .star-rating span {color:#f26537}
.woocommerce .product-price, .woocommerce .product-subtotal, .woocommerce .price {display:none;}
.panel {
    background-color: #fff;
    border: medium none;
    border-radius: 4px;
    box-shadow: none;
    margin-bottom: 20px;
}
.woocommerce .woocommerce-tabs {padding-top: 100px;}
.woocommerce div.product div.images img {
    width:auto;
    margin-left: auto;
    margin-right: auto;
}
.woocommerce .quantity .qty {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.woocommerce-message {
  display: none !important;
}
.woocommerce-message.message2 {
  display: block !important;
}

/*CHECKOUT BAR*/

.woocommerce .woocommerce-message::before {
    content: none;
}

.woocommerce .woocommerce-message {
    border-top: none;
}

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
    background-color: #fff;
}

/**/
.woocommerce .product-total .amount {display:none;}
  /* checkout form */
.woocommerce .woocommerce-billing-fields .form-row input,
.woocommerce .woocommerce-shipping-fields .form-row input {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.woocommerce .woocommerce-billing-fields .form-row input:focus,
.woocommerce .woocommerce-shipping-fields .form-row input:focus {
  border-color: #66afe9;
  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.woocommerce .woocommerce-billing-fields .form-row input.input-checkbox,
.woocommerce .woocommerce-shipping-fields .form-row input.input-checkbox {
  display: inline-block; width:auto;
}
.woocommerce .woocommerce-shipping-fields .form-row input.input-checkbox {
  margin-left: -20px;
}
#tax_exempt_checkbox_field label.checkbox {padding-left: 20px}
.woocommerce ul.order_details li.total {display:none;}
.woocommerce .shop_table .product-total {display: none;}
.woocommerce .shop_table tfoot {display:none;}

/*related products*/

.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product {
	max-width: 160px;
}

/* header login */
.login-bar-m {
	padding: 5px 0 0 5px;
}
.login-bar-dt {
	text-align: right;
}

@media (max-width:1198px) {
#h-widget-woocommerce_product_search-2 { margin-top: 0; margin-bottom:-10px; }
}

@media (max-width:988px) {
/* TOP HOME CAROUSEL*/
.carousel-caption h2 { font-size: 26px; }
.carousel-caption { width: 25%; }
}

@media (max-width:767px) {
#h-widget-woocommerce_product_search-2 { display:none;}
.navbar-inverse { border:none !important;}
}

@media (max-width:750px) {

/* TOP HOME CAROUSEL*/
.img-responsive.carousel-img { width: 100%; }
.carousel-caption {
    color: #fff;
    position: absolute;
    text-align: center;
    text-shadow: 0.5px 0.5px 0.5px #000;
    width: 80%;
	margin:0 10%;
	padding-top:0;
}
.carousel-caption h2 { font-size: 20px; margin-top:5px; }
.carousel-slide-caption > p { font-size: 12px; }
#dj_carousel_home-page.carousel.slide div.carousel-inner div.item.active div.carousel-caption div.carousel-slide-caption p a {color:#fff; text-decoration:underline;}


/* HIDE PRODUCTS ON MOBILE .row.productRow {display:none;} */
.row.productRow .productSlider .owl-carousel .owl-wrapper-outer div.owl-wrapper div.owl-item a .item img {max-width:80%;}

}
@media (max-width:768px) {
  /* navbar */
	.navbar-header {background-color:#fff;}
	.navbar .nav-justified {display: block;	}
	.navbar .navbar-collapse {
	  text-align: left;
    padding-left: 0; padding-right: 0;
	}
  .nav-justified > li > a { padding: 10px 15px; text-align: left;}
	.navbar-brand {padding: 5px; width: 78%;}
	.navbar-brand a img {max-height: 40px;width: auto;}
	.navbar-inverse {border-bottom: thick solid #31353e;}

  /* carousel */
  .carousel-inner > .item > img, .carousel-inner > .item > a > img{max-width: 100%;}
}

@media (max-width:466px) {
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 100%;
}
}
