/*
Theme Name: Purple Deals
Theme URI: http://www.purple-deals.com
Author: purple-deals.com
Author URI: http://www.purple-deals.com
Description: Purple Deals Bootstrap Theme
Version: 1.1
*/

/* basic document */

body {
	//padding-top: 50px; /* to offset fixed nav */
	//background-color: grey;
	background-image: linear-gradient(#ececec, #fcfcfc 40%, #f0f0f0);
}

h1 { font-size: 24px; }

.container {
	max-width: 970px;
}
.site_logo { height: 76px; height: 60px; }


.box {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
}
.main { background-color: white; }

.container-footer { margin-top: 10px; }

.page-header { margin-top: 0px; }

.dl-horizontal dt {
	float: left;
	width: 140px;
	clear: left;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.dl-horizontal dd {
	margin-left: 160px;
}

ol.breadcrumb { background-color: #ffffff; margin-bottom: 0px; padding: 8px 0; margin-top: -15px; font-size: 90%; }



/* white navbar */

.navbar-custom {
  background-color: #ffffff;
  border-color: #eeeeee;
	height: 76px;
	box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.15);
	border-radius: 0px; 
}
.navbar-custom .navbar-brand {
  color: #000000;
	padding-top: 8px;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #000000;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #000000;
}
.navbar-custom .navbar-nav > li > a {
  color: #000000;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #c0c0c0;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #c0c0c0;
  background-color: #eeeeee;
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #ededed;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #eeeeee;
  color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #000000;
  border-bottom-color: #000000;
}
@media (max-width: 767) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #000000;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #c0c0c0;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #c0c0c0;
    background-color: #eeeeee;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-custom .navbar-link {
  color: #000000;
}
.navbar-custom .navbar-link:hover {
  color: #c0c0c0;
}




/* navbar menus */

#menu-brand-logos li a { padding: 25px; }

#menu-brand-logos img { height: 26px; }


/* product branch */

.page-template-product-branch h1 { font-size: 24px; }
.page-template-product-branch .container-fluid { padding-bottom: 30px; }
.page-template-product-branch .product-image { height: 250px; margin-top: 45px; }
.page-template-product-branch .product-image img { max-height: 250px; }
/*
.page-template-product-branch .col-lg-6 .product-image { height: 350px; margin-top: 45px; }
.page-template-product-branch .col-lg-6 .product-image img { max-height: 350px; }
*/
.page-template-product-branch h2 { font-size: 14px; text-align: center; margin-top: 35px; padding-right: 10%; padding-left: 10%; }
.page-template-product-branch .starting-price { padding-left: 10%; padding-right: 10%; text-align: center; font-size: 12px; }

/* product branch featured deal */

.page-template-product-branch-featured-deal .well h3 { margin-top: 10px; }
.page-template-product-branch-featured-deal .coupon_prices { line-height: 150%; //padding-right: 0px; }
.page-template-product-branch-featured-deal .coupon_prices .coupon_prices-bottom_line { font-size: 115%; }
.page-template-product-branch-featured-deal .coupon_prices .coupon_prices-title { font-weight: bold; float: left; }
.page-template-product-branch-featured-deal .coupon_prices .coupon_prices-price { float: right; }
.page-template-product-branch-featured-deal .coupon_prices  hr { margin-top: 2px; margin-bottom: 2px; }
.page-template-product-branch-featured-deal .coupon_prices  a.btn { margin-top: 5px; }
.page-template-product-branch-featured-deal .product-image img { max-height: 150px; }
.page-template-product-branch-featured-deal hr.or:after { background-color: white; content: 'OR'; padding: 10%; position: relative; top: -11px; font-size: 11px; }
.page-template-product-branch-featured-deal h3.featured-coupon { background-color: #d9edf7; margin-left: -15px; margin-right: -15px; text-align: center; padding: 10px; font-size: 165%; }
.page-template-product-branch-featured-deal h3.featured-coupon .featured-coupon-code { border: 2px dashed; font-weight: bold; padding: 0px 0.5%; color: #31708f; line-height: 150%; }
.page-template-product-branch-featured-deal .featured-logo { height: 1.6em; }
.page-template-product-branch-featured-deal h4.top-callout { margin-top: 20px; margin-bottom: 0px; font-size: 125%; }
.page-template-product-branch-featured-deal h4.top-callout:before, .page-template-product-branch-featured-deal h4.top-callout:after { content: '* * *'; vertical-align: -4px; padding: 9px; }
.page-template-product-branch-trending-deals .deal-title { height: 60px; }

/* product page */

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background-color: whitesmoke; }
.page-template-panels .product-image { margin: 25px auto; max-height: 300px;}
.page-template-panels  h1 { font-size: 24px; }
.page-template-panels  h1 small { display: block; padding-top: 5px; }
.page-template-panels .well { border-radius: 10px; border-width: 4px; }
.page-template-panels .well legend { text-transform: uppercase; color: gray; font-weight: bold; }
.page-template-panels .panel-primary { background-color: whitesmoke; }
.page-template-panels .panel-primary .panel-body { border-radius: 4px; }
.page-template-panels .panel-primary .panel-heading .nav-tabs li a { color: white; }
.page-template-panels .panel-primary .panel-heading .nav-tabs li.active a  { color: #555555; }
.panel-slim .col { padding: 0px; }
.panel-slim-col { background-color: white; height: 44px; margin: 2px; padding: 7px; line-height: 30px; text-align: center;}
.panel-slim-col img { max-height: 30px; max-width: 100%; }
.panel-slim .btn { height: 44px; line-height: 32px; margin: 2px; }
.panel-slim.has_coupon .original_price { text-decoration: line-through; }
.panel-slim.has_coupon .coupon_price { color: green; margin-left: 5px; }

.popover.panel-slim-popover.bottom { display: block; position: relative; box-shadow: none; max-width: 100%; margin-bottom: 5px; margin-top: 15px; }
.popover.panel-slim-popover.bottom .arrow { left: 62.5%; }
.popover.panel-slim-popover.bottom p { text-align: center; margin: 5px; font-weight: bold; }
.popover.panel-slim-popover.bottom p .coupon_code { color: red; }


/*
.panel-slim  ul { list-style: none; padding: 0px; }
.panel-slim  ul li { float: left; background-color: white; height: 50px; }
.panel-slim  ul li img { max-width: 100%; max-height: 100%; }
*/

/* helper styles */

.yellow-highlight {
  text-shadow: 
    -3px 0px 3px yellow,
     3px 0px 3px yellow,
     6px 0px 6px yellow,
    -6px 0px 6px yellow;
}
.cross {
	position: relative;
}
.cross::before, .cross::after {
	content: '';
	width: 100%;
	position: absolute;
	right: 0;
	top: 50%;
}
.cross::before {
	border-bottom: 2px solid red;
	-webkit-transform: skewY(-10deg);
	transform: skewY(-10deg);
}

.vcenter > .col {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.padding-top-10px { padding-top: 10px; }
.padding-bottom-10px { padding-bottom: 10px; }
.padding-left-10px { padding-left: 10px; }
.padding-right-10px { padding-right: 10px; }

.coupon-code-cut { 
		border: 1px dashed;
		font-size: 220%;
		padding: 0% 10%;
		color: red;
		margin-top: 2%;
		display: inline-block;
		font-weight: bold;
}

/*
.coupon-code-cut:before {
    content: "\e226";;
    margin: 0 5px;
    font-family: 'Glyphicons Halflings';
		vertical-align: middle
}
*/

/* wp stuff */

.admin-bar .navbar-fixed-top {
	margin-top: 32px;
}

/* Tabs Right */
.tabs-right .nav-tabs {
  border-bottom: 0;
	border-left: 1px solid #ddd;
}
.tabs-right .nav-tabs > li {
  float: none;
}
.tabs-right .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}
.tabs-right .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right .nav-tabs > li > a:hover,
.tabs-right .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right .nav-tabs .active > a,
.tabs-right .nav-tabs .active > a:hover,
.tabs-right .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover { 
outline: 0;
}

/*==========  Panels  ==========*/

.panel-featured4 { background-color: white; margin-left: 2px; margin-bottom: 10px; }

.panel-featured4 .logo { height: 50px; margin: 10px; margin-top: 0px; padding-bottom: 10px; border-bottom: 1px solid whitesmoke; text-align: center; }
.panel-featured4 .logo img { max-height: 100%; max-width: 100%; }
.panel-featured4 .coupon { 
	display: inline-block;
	background-color: white;
	padding-top: 5px;
	padding-bottom: 5px;
}
.panel-featured4 .coupon_description {
	font-weight: bold;
	text-align: center;
}
.panel-featured4 .coupon_code { 
	color: #e61610; 
	font-size: 250%; 
	line-height: 110%; 
}

.panel-featured4 .coupon_prices { line-height: 150%; }
.panel-featured4 .coupon_prices .coupon_prices-bottom_line { font-size: 120%; }
.panel-featured4 .coupon_prices .coupon_prices-title { font-weight: bold; float: left; }
.panel-featured4 .coupon_prices .coupon_prices-price { float: right; }
.panel-featured4 .coupon_prices  hr { margin-top: 2px; margin-bottom: 2px; }
.panel-featured4 .coupon_prices  a.btn { margin-top: 5px; }
/* Small devices (tablets, 768px and up) */

@media (max-width: 450px) { .panel-featured4 { font-size: 13px; } }
@media (max-width: 400px) { .panel-featured4 { font-size: 12px; } }
@media (max-width: 380px) {  }
@media (max-width: 360px) { .panel-featured4 { font-size: 10px; } }
@media (max-width: 340px) { .panel-featured4 { font-size: 9px; } }
@media (max-width: 320px) { .panel-featured4 { font-size: 8px; } }


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

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



/*==========  Non-Mobile First Media Queries  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {


}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.tab-content > .tab-pane { display: block; }

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.page-template-product-branch-featured-deal { font-size: 10px; }
	h1 { font-size: 16px; }
	.btn-group-lg > .btn, .btn-lg  { font-size: 12px; }
	.panel-slim.has_coupon .panel-slim-col.price { padding: 5px; line-height: 17px; }
	.panel-slim.has_coupon .coupon_price { margin-left: 0px; }
	
	.tab-content > .tab-pane { display: block; }
	

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
		
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px){
	
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px){

	.white-transparent-xs-50-50 {
		background: rgba(255,255,255,0);
		background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));
		background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,)) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
		background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
	}

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px){

	.white-transparent-sm-50-50 {
		background: rgba(255,255,255,0);
		background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));
		background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,)) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
		background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
	}
	.panel-featured4 .coupon_prices { border-left: 1px solid whitesmoke; line-height: 150%; }


}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px){

	.white-transparent-md-50-50 {
		background: rgba(255,255,255,0);
		background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));
		background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,)) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
		background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
	}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px){

	.white-transparent-lg-50-50 {
		background: rgba(255,255,255,0);
		background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));
		background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,)) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
		background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
	}


}

@media(max-width: 767 px) {
.site_logo {
    height: 55 px;
  }
}

.navbar-custom {
  z-index: 1000;
}

.navbar-collapse.in {
  background-color: #fff;
}

@media(max-width: 767 px) {
.navbar-nav li {
    background-color: #fff;
    border-color: #fcfcfc;
  }
}