/* tabs - generic */

.circular-container {padding-left: 15px; padding-right: 15px; margin-left:auto, margin-right: auto}
.circular-name {
	margin-top: 5px;
}

  .circular-aside .list-group{
    overflow-x: hidden;
    overflow-y: auto;
  }
  
/*
  .circular-name {
    display: none;
  }
*/
.circular-info {
	margin-top: 20px;
}

.circular-item-info-trigger {
	margin: 15px 0px;
}

.circular-nav-content {
  padding-top: 0px;
  padding-left: 15px;
  padding-right: 15px;
  border-color: #ccc;
  border-style: solid;
  border-width: 0;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-top: 0;
  margin-bottom: 20px;
}

.circular-nav-content-pages {
  border-top-left-radius: 0;
}

.circular-nav-pages-item {
	border-color: #ccc;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px;
}

.circular-dates {
	font-size: 0.9em;
}

.circular-nav-pages-item-last {
	border-bottom: none;
}

.circular-aside.affix {
	top: 65px;
}
.circular-aside.affix-bottom {
	position: absolute;
}

.CircularDateNotCur, span.CircularDateNotCur { color: #c00; font-size: inherit;}

@media (max-width: 992px) {
	.circular-nav-pages-item-last.even.left {
		border-color: #ccc;
		border-style: solid;
		border-width: 0;
		border-bottom-width: 1px;
	}

}


.is-collapsed {
  display: none;
}
.is-not-collapsed {
  display: inline;
}

.collapsed .is-collapsed {
  display: inline;
}
.collapsed  .is-not-collapsed {
  display: none;
}

.shopping-list-buttons {
	margin-top: 10px;
	margin-bottom: 10px;
}

.circular-heading {
  margin-bottom: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #eee;
  border-color: #ccc;
  border-style: double;
  border-width: 0;
  border-top-width: 3px;
  border-bottom-width: 3px;
}
.circular-heading-title {
  margin: 0;
  text-align: center;
}

.circular-fimg {
  margin-bottom: 20px;
}

.circular-image-modal-button,
.circular-image-modal-button-FIMG,
.circular-image-modal-button-SIMG {
  margin: 0;
  padding: 0;
  border: 0;
  border: none;
}

/** Location
 ****************/
.circular-address-city::after {
  content: ",";
}

.circular-address-street {
  display: block;
}

@media (min-width: 768px) {
  .circular-address-street {
    display: inline;
  }
  .circular-address-street::after {
    content: ",";
  }
}

/** Navigation
 ****************/
.circular-nav .nav-tabs {
  clear: both;
}

@media (min-width: 768px) {
  .circular-nav .nav-tabs {
    clear: none;
  }
	.circular-nav-pages-right {
		border-left-color: #ccc;
		border-left-style: solid;
		border-left-width: 1px;
	}
}

.mobile-tab.btn {padding: 6px 6px; text-align: center}
.more-pages.mobile-tab.btn {text-align: center; width: 100%; padding-top: 10px; padding-bottom: 10px;}

/** brands
 ****************/
.brands-hit-list {
	margin-bottom: 20px;
}

/** departments
 ****************/
.dept-hit-list {
	padding-top: 20px;
	margin-bottom: 20px;
}

/** search
 ****************/
.search-container {
	padding-top: 20px;
}



/** circular-item
 ****************/

.circular-item {
  border-width: 0;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #ccc;
  padding-bottom: 15px;
  padding-top: 15px;

}

.circular-item-non-digital-coupon {
  border-style: dashed;
  border-color: #090;
  border-width: 2px;
  padding-left: 10px;
  padding-right: 2px;
}

.row > .circular-item:first-child {
  border-right-width: 1px;
}
.circular-item-images {
  padding: 0;
  padding-top: 2px;
  margin: 0;
  min-height: 1px;
}

.circular-item-images,
.circular-item-qty-group {
  padding-right: 15px;
  float: left;
  width: 100px;
  display: block;
}

.circular-item-image {
  padding: 0;
  margin: 0;
  width: 85px;
  height: 83px;
}

.circular-item-info-trigger {
  margin-bottom: 0;
}

/* Makes the 2nd column to sit next to the first without wrapping under. */
.circular-item-text-col {overflow: hidden;}

/* Prevents whitespace between the spans from affecting the display */
.circular-item-price-wrapper {font-size: 0;}
.circular-item-price-text {
  font-size: 24px; /* standard Bootstrap size is 14px */
  vertical-align: text-top;
}
.circular-item-price-dollars,
.circular-item-price-cents {
  font-size: 60px;
  line-height: 60px;
}
.circular-item-price-dollars,
.circular-item-price-cents,
.circular-item-price-change {
  font-weight: bold;
}

.circular-item-heading,
.circular-item-title,
.circular-item-description,
.circular-item-expiration-date,
.circular-item-sale-dates,
.circular-item-more-info,
.circular-item-recipe {
  margin-top: 2px;
  margin-bottom: 2px;
}

.circular-item-shopping-list-wrapper {
  min-height: 52px;
  display: block;
}

.circular-item-shopping-list-form {
  padding-top: 8px;
}

.circular-item-shopping-list-alert {
  margin-bottom: 0;
}

.circular-item-qty-group .input-group-addon {
	padding: 6px 8px;
}

.circular-item-recipe {
  clear: left;
}

.circular-title.one-page{font-size: 1.143em;}

.circular-FIMG, .circular-SIMG, .circular-adsc {margin: 5px 0 5px 0}

@media (min-width: 768px) {
  .popover-title::after {
    content: "X";
    float: right;
  }
}
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {color: #555}
.btn.btn-primary {text-shadow: none;}

/*** View printable ad ****/
.view_printable_ad button, .view_printable_ad.button {
    padding: 10px 10px;    
    margin: 0px 0px 10px 0px;
    width: 100%;
    border: 1px solid #337ab7;
    border-color: #337ab7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    text-shadow: 0px 0px 0 #333;
	font-size: 1.214em;
    font-weight: 700;
    letter-spacing: 0.6px;
    font-family: 'Lato', sans-serif;
    -webkit-box-shadow: 0px 0px 0px #ccc;
    -moz-box-shadow: 0px 0px 0px #ccc;
    box-shadow: 0px 0px 0px #ccc;
    color: #FFFFFF;
    background: #337ab7;
    }
    
.view_printable_ad button:hover, .view_printable_ad.button:hover, .view_printable_ad.button:active, .view_printable_ad.button:focus {
    color: #337ab7;
    background: #FFFFFF;
    text-decoration: underline;
}


/*** Static ad styling ****/
	#carousel-static-ad {margin-top: 30px; margin-left: 10px; margin-bottom: 30px;}
	.carousel-caption{ top:-33px; color: #000; text-shadow: none;}
	.carousel-control{ color: #000; opacity: 100%;}
	.carousel-indicators {top: 18px;} 
	.carousel-indicators li {background-color: #000; border: 1px solid #000; border-radius: 7px;}
	.static-ad-dates {margin: 10px 0 0 25px;}
	#carousel-static-ad div.item img {
		display: block;
		margin: 0 auto;
	}
	
	@media(max-width: 767px) {
		.left.carousel-control {background: transparent}
		.right.carousel-control{background: transparent;}
		.view-more-pages {margin-top: 15px;}
		#departments-top-btn, #departments-bottom-btn {width: 35%}
		#brands-top-btn, #departments-bottom-btn {width: 30%}
		#search-top-btn, #search-bottom-btn {width: 31%}
	}

	@media(min-width: 768px) and (max-width: 992px) {
		.left.carousel-control {background: transparent; position:fixed; top:65%; left: 5%; transform: translateX(-65%)}
		.right.carousel-control{background: transparent;position:fixed; top: 65%; left: 100%; transform: translateX(-65%)}	
	}
	@media(min-width: 993px) {
		.left.carousel-control { background: transparent; position: fixed; top: 55%; left: 5%; transform: translateX(-55%)}
		.right.carousel-control{background: transparent; position: fixed; top: 55%; left: 97%; transform: translateX(-55%)}
	}
	.carousel-control .glyphicon-chevron-left {background: transparent; border-radius: 7px; width: 40px; height: 40px; padding: 5px; top: 5px;}
	.carousel-control .glyphicon-chevron-right {background: transparent; border-radius: 7px; width: 40px; height: 40px; padding: 5px; top: 5px;}

	#static_printable_ad_button{ margin: 5px 0 0 20px}