/**
*
* This file is designed to modify the CarDesigners GoodVibes theme and its main stylesheet
* styles.css.  This stylsheet is implemented by adding a link in HTMLHead.html panel.
*
* @author       John Brewer
* @file         TD.css
* @description  CSS file used for Bigcommerce Theme Good Vibes
* @version      0.1
*
**/

@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&family=Source+Sans+3:wght@400;500;600;700&display=swap');

/** Fix checkout area **/
/* --- reset old float behavior --- */
.CartUpdateBtn,
.CheckoutButton {
    float: none !important;
}

.ProceedToCheckout {
    text-align: left !important;
}

.ProceedToCheckout a,
.CheckoutButton,
.CheckoutButton a {
    float: none !important;
}

/* --- right column --- */
.checkout-right-col {
    float: right;
    width: 300px !important;
}

.checkout-right-col .CheckoutButton {
    margin: 0 0 0 auto !important;
}

.checkout-right-col .SaveCartButtonWrap,
.checkout-right-col .sc-button-container {
    margin: 10px 0 0 auto !important;
}

/* --- stack children --- */
.checkout-right-col > * {
    display: block;
}

/* spacing between buttons */
.checkout-right-col .SaveCartButtonWrap {
    margin-top: 10px !important;
}

/* ensure wrappers don't shrink width */
.checkout-right-col .CheckoutButton,
.checkout-right-col .SaveCartButtonWrap,
.checkout-right-col .sc-button-container {
    width: 100% !important;
}

/* force both buttons to fill column */
.checkout-right-col .CheckoutButton a,
.checkout-right-col .SaveCartButtonWrap button {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* --- SAVE BUTTON: match checkout EXACTLY --- */
.checkout-right-col .SaveCartButtonWrap button {
    height: 39px !important;
    padding: 7px 10px !important;

    border: none !important;
    border-radius: 10px !important;

    -webkit-appearance: none !important;
    appearance: none !important;

    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
    line-height: normal !important;

    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;

    background: #c75 !important;
    color: #fff !important;

    margin: 0 !important;
    float: none !important;
}

.main-checkout-buttons {
    display: flex;
    align-items: flex-start; /* THIS is the fix */
    justify-content: space-between;
    gap: 20px;
}

.cart-trust-inline {
    padding-top: 6px;
}

.CartUpdateBtn {
    flex: 0 0 auto;
}

.checkout-right-col {
    flex: 0 0 260px; /* lock your button column */
}

.cart-trust-inline {
    flex: 1;
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
}

.cart-trust-inline {
    padding-top: 6px;
}

.main-checkout-buttons {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
}

.CartUpdateBtn {
    flex: 0 0 auto;
}

.cart-trust-inline {
    flex: 1 1 auto;
    text-align: center;
    max-width: 380px;
    margin: 0 auto;
    line-height: 1.35;
    padding-top: 6px;
}

.checkout-right-col {
    flex: 0 0 300px;
}

.cart-trust-inline {
    padding-top: 6px;
}

/** Fix some color**/
.bg-color,.Content .nav-tabs li.active,.sexy-search-wrap .search-results img.RatingIMG,#Header #TopMenu .dropdown .cartBtns .CheckoutLink,.left-pane .pane-menu > ul > li:hover > a,.Left #SideCategoryList.CategoryList > div > ul li > ul > li:hover > a,.bg-color-hover:hover,.Left #SideCategoryList.CategoryList > div > ul li > ul li:hover a:hover,.CategoryPagination .FloatRight a:hover,.CategoryPagination .FloatLeft a:hover,.Content .nav-tabs li.active:hover,.Content .ProductList li .ProductActionAdd a:hover,.QuickViewBtn:hover,.CategoryPagination li a:hover,.Left #SideCategoryList.CategoryList > .SideCategoryListFlyout > ul > li.has-sub:hover,.Left #SideCategoryList.CategoryList > div > ul li > ul li:hover,.Left #SideCategoryList.CategoryList > div > ul li > ul > li > ul > li > ul li:hover,.Left #SideCategoryList.CategoryList > div > ul li > ul > li > ul > li:hover,.ProductList li .ProductActionAdd a:hover,.RemoveFromWishlistForm .RemoveBtn:hover,#Header #HeaderLower #SideCategoryList li ul li:hover,.ProductList li .ProductCompareButton:hover,.Submit input,.ML20 input,.btn,.header .actions .btn,.CartUpdateBtn input,.CheckoutButton a,#bottom_payment_button,.ExpressCheckoutContent input[type="submit"],#bottom_payment_button,.Submit input,.plain.btn,#frmGiftCertificate .Submit input[type=button],#frmGiftCertificate .Submit input[type=submit], #Header #TopMenu ul li .dropdown #LoginButton:hover, .icon-social-theme:hover {
	background-color: #d38b5d;
}

.color,a,.Content .nav-tabs li:hover a,.Content a,.Content .tab-content .pagination .glyphicon:hover,#ContainerFooter a:hover,#ContainerFooter #FooterUpper > ul > li > a:hover,#FooterUpper #SideCategoryList li a:hover,.Content .ProductList li .ProductPrice span.SalePrice,.Content .ProductList li .ProductDetails a:hover,.Content .ProductList li .ProductPriceRating span.SalePrice,.sexy-search-wrap .result-link:hover .product-price,#HeaderLower h1.logo a,#Header #HeaderLower #SideCategoryList li a:hover,#Header #HeaderLower #SideCategoryList li:hover a,#Header #HeaderLower #SideCategoryList li a:hover,#Header #HeaderLower #SideCategoryList li li a:hover,#Header #HeaderLower #SideCategoryList li.active a,#Header #HeaderLower #SideCategoryList li.ActivePage a,#Header #TopMenu .dropdown .ProductList em,.ProductList li .ProductDetails a:hover,.ProductList li .ProductPriceRating span,.WishlistProductList li .ProductDetails em span,#currency-chooser #change-currency,.left-pane .pane-menu > ul > li .glyphicon,.color-hover:hover,#ProductDetails .wishlist-button:hover,#ProductDetails .extra-buttons a:hover, #Header #TopMenu ul li a .glyphicon-chevron-down, .rightopen #Header .search-icon, #Header .search-icon:hover, .ProductDetailsGrid .DetailRow.PriceRow .Value em, .Content .ProductMain .ProductPrice {
	color: #d38b5d;
}

.border-color-primary, .Content .ProductList li:hover .ProductDetails, .sexy-search-wrap .search-results li:hover, .Left h1#title, .Right h2, .Left #SideCategoryList.CategoryList > div > ul li > ul li, .SubCategoryList ul li a,.SubBrandList li a, #product-main #SideProductRelated h2 span, #Header #HeaderLower #SideCategoryList li ul, #Header #HeaderLower #SideCategoryList li ul li.has-sub:hover > ul, .left-pane .pane-menu > ul > li:hover > a {
	border-color: #d38b5d;
}

h1 {
  float: none !important;
}



h2 {
  Font-weight: 400;
}

.ProductThumbImage .zoomPad{
	z-index:-5 !important;
}

.Content .nav-tabs li a {
	background: #fbf5f1;
}

.Content .row {
	border-top: 3px solid #d0d0d0;
}

/*Stamped.io fix for stick header at #go-to-reviews*/

#go-to-reviews::before {
    display: block;
    content: " ";
    margin-top: -140px;
    height: 140px;
    visibility: hidden;
    pointer-events: none;
}



/*Hero Replacement */

.hero-main {
  height: 450px;
  background-image: url('https://cdn10.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/homerun.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
}

.hero-main-2 {
  height: 450px;
  background-image: url('https://cdn10.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/homerun.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
}

.full-block {
  position: relative;
  width: 100%;
  height: 100%;
}

.hero-shade {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 52%;
  background-image: -webkit-linear-gradient(270deg, rgba(51, 51, 51, 0) 10%, #333 96%);
  background-image: linear-gradient(180deg, rgba(51, 51, 51, 0.02) 3%, #333 96%);
  text-align: center;
}

.hero-phrase {
  font-family: 'Helvetica Neue',Helvetica,Arial,Sans-Serif;
  font-weight: 700;
  color: #fff;
  font-size: 30px;
  line-height: 0px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 4px;
  margin-top: 14px;
  text-shadow: 0px 0px 80px rgba(0,0,0,1), 0px 0px 70px rgba(0,0,0,1), 0px 0px 60px rgba(0,0,0,1), 0px 0px 50px rgba(0,0,0,1), 0px 0px 40px rgba(0,0,0,1), 0px 0px 30px rgba(0,0,0,1);
  /*text-shadow: 0 2px 2px #000, 0 -1px 0 hsla(0, 0%, 100%, .25);*/
}

.hero-phrase-3 {
  display: none;
  font-family: 'Helvetica Neue',Helvetica,Arial,Sans-Serif;
  font-weight: 700;
  color: #fff;
  font-size: 23px;
  line-height: 0px;
  text-align: center;
  letter-spacing: 2px;
  /*margin-top: 14px;*/
  text-shadow: 0 2px 2px #000, 0 -1px 0 hsla(0, 0%, 100%, .25);
  
}

.hero-phrase-gif {
  font-family: 'Helvetica Neue',Helvetica,Arial,Sans-Serif;
  font-weight: 700;
  color: #fff;
  font-size: 30px;
  line-height: 0px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
  /*margin-top: 14px;*/
  text-shadow: 0 2px 2px #000, 0 -1px 0 hsla(0, 0%, 100%, .25);
}

#selling-gif {
  height: 100%;
  width: 605px;
}


.sell {
  width: 607px;
  margin-right: auto;
  margin-top: 30px;
  margin-left: auto;
}

.h-sell {
  display: none;
  height: 380px;
  padding-top: 40px;
  background: #333333;
}

.x-sell {
  height: 400px;
  padding-top: 40px;
  background: #333333;
}

.order-now-h {
  z-index: 15;
  position: relative;
  bottom: 80px;
  width: 100%;
  margin-top: 10px;
}

.order-now-x {
  z-index: 15;
  position: relative;
  bottom: 80px;
  width: 100%;
  margin-top: 10px;
}

.order-now {
  height: 100px;
  padding-top: 40px;
  background: #333333;
}

.order-button {
  text-align: center;
  width: 300px; 
  display: block; 
  float: none; 
  margin-left: auto; 
  margin-top: 0px; 
  margin-right: auto; 
  font-size: 1.8em;
}

.gif-image {
  border: 3px solid #000;
}

.gif-background {
  position: relative;
  bottom: 43px;
  display: inline-block;
  width: 100%;
  height: 40px;
  /*margin-left: px;*/
  background-color: rgba(0, 0, 0, 0.61);
}

.gif-block {
  position: relative;
  bottom: 90px;
  display: inline-block;
  width: 200px;
  height: 40px;
}

.gif-text {
  width: 100%;
  height: 100%;
  padding-top: 6px;
  color: #fff;
  font-size: 22px;
  text-align: center;
}


.transom-block {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 65px;
  display: none;
  text-align: center;
}

.transom-block-gallery {
  position: absolute;
  display: block;
  left: 0px;
  right: 0px;
  bottom: 65px;
  display: none;
  text-align: center;
}

.transom-header {
  color: #fff;
  letter-spacing: 2px;
  text-shadow: 0 1px 0 #000, 0 -1px 0 hsla(0, 0%, 100%, .25);
}

.houzz-logo {
  height: 25px;
  padding-right: 20px;
  padding-left: 20px;
}

.button-block {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -18px;
  display: block;
}

.smorg-main {
  background: #333333;
  z-index: 1;
}

.smorg-shade {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  /*width: 100%;*/
  height: 50%;
  background-image: -webkit-linear-gradient(270deg, rgba(51, 51, 51, 0) 3%, #333 98%);
  background-image: linear-gradient(180deg, rgba(51, 51, 51, 0) 3%, #333 98%);
  z-index: 5;
}
.smorg-shade2 {

  background-image: linear-gradient(180deg, rgba(51, 51, 51, 0) 3%, #333 98%);
  z-index: 5;
}

.smorg-text {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  padding-bottom: 6px;
  font-family: 'Helvetica Neue',Helvetica,Arial,Sans-Serif;
  font-weight: 200;
  letter-spacing: 3px;
  color: #efefef;
  font-size: 24px;
  text-align: center;
}

.smorg-text-hide {
	display: inline-block;
}


/*Hero Replacement END*/



.BlankPlan {
	min-width: 100%;
	background: #FFF;
	overflow: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	/*height: 400px;*/
}

.BlankPlan .wrap {
	max-width: 800px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	padding: 0;
}

.plan-label {
	display: inline-block;
	margin-bottom: 5px;
	font-weight: normal;
}

.PlanVideo { /*GPT padding-top trick */
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* 16:9 aspect ratio (9 / 16 = 0.5625) */
	height: 0;
	overflow: hidden;
	/*GPT margin-top: 10px;
	margin-bottom: 10px;
	width: 768px;
	height: 432px;*/
	}


.PlanVideo iframe,
.PlanVideo video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.PlanPic {
	padding-top: 20px;
	padding-bottom: 10px;
	}
	
.PlanPic img {
	display: block;
	margin: auto;
	}

.TableLabel {
	vertical-align: top;
	width:60px;
	font-size: 20px;
	line-height: 33px;
	}

.SelectPic img {
	display: block;
	margin: auto;
	}

.PlanTitle {
	padding-bottom: 10px;
	}

.left-border {
  padding-left: 20px;
  border-left: 10px solid #333;
  }

.all-border {
	padding: 20px;
	border: 2px solid #333;
	}
	
.Discover {
	min-width: 100%;
	background: #333333;
	overflow: auto;
	margin-top: 0px;
	
}

.Discover .wrap {
	max-width: 1160px;
	margin: auto;
	padding: 0px 0;
}

.Easier {
	min-width: 100%;
	background: #c1baa6;
	overflow: auto;
	margin-top: 0px;
	/*height: 200px;*/
	
}

.Easier .wrap {
	max-width: 1160px;
	margin: auto;
	padding: 0px 0;
}

.EasierText {
	height: 100px;
}

.EasierTextSize {
	font-size: 2.5em;
}

#Container .slide-show {
	margin: 0 0;
	top: 0px;
}

#shop-love {
	margin: auto;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 30px;
	bottom: 0px;
	z-index: 1;
	display: block;
	text-align: center;
}

#shop-love-sm {
	margin: auto;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 30px;
	bottom: 0px;
	z-index: 1;
	display: block;
	text-align: center;
	width: 400px;
}


.IdeaPic {
	height: 200px;
}	

#IdeaPic1 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/ct-1-4012-loupe.jpg?t=1487103802");
	background-size: cover;
	background-position: top center;
}

#IdeaPic2 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/ts-2-3012-loupe.jpg?t=1487103816");
	background-size: cover;
	background-position: top center;
}

#IdeaPic3 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/ac-6-3016-loupe.jpg?t=1487103797");
	background-size: cover;
	background-position: top center;
}

#IdeaPic4 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/fdg-1-30hr-loupe.jpg?t=1487103807");
	background-size: cover;
	background-position: top center;
}

#IdeaPic5 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/ac-9-3012-loupe.jpg?t=1487103799");
	background-size: cover;
	background-position: top center;
}

#IdeaPic6 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/fdg-8-3016-loupe.jpg?t=1487103810");
	background-size: cover;
	background-position: top center;
}

#IdeaPic7 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/ct-3-3012-loupe.jpg?t=1487103804");
	background-size: cover;
	background-position: top center;
}

#IdeaPic8 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/ct-5-4012-loupe.jpg?t=1487103806");
	background-size: cover;
	background-position: top center;
}

#IdeaPic9 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/fdg-2-30hr-loupe.jpg?t=1487103808");
	background-size: cover;
	background-position: top center;
}

#IdeaPic10 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/td-1-3012-loupe.jpg?t=1487103812");
	background-size: cover;
	background-position: top center;
}

#IdeaPic11 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/ts-1-3012-loupe.jpg?t=1487103815");
	background-size: cover;
	background-position: top center;
}

#IdeaPic12 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/tr-4-4012-loupe.jpg?t=1487103813");
	background-size: cover;
	background-position: top center;
}

.GalleryPic {
	height: 200px;
}	

#GalleryPic1 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/gallery-h.jpg");
	background-size: cover;
	background-position: top center;
}

#GalleryPic2 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/gallery-a.jpg");
	background-size: cover;
	background-position: top center;
}

#GalleryPic3 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/gallery-b.jpg");
	background-size: cover;
	background-position: top center;
}

#GalleryPic4 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/gallery-c.jpg");
	background-size: cover;
	background-position: top center;
}

#GalleryPic5 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/gallery-i.jpg");
	background-size: cover;
	background-position: top center;
}

#GalleryPic6 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/gallery-d.jpg");
	background-size: cover;
	background-position: top center;
}

#GalleryPic7 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/gallery-j.jpg");
	background-size: cover;
	background-position: top center;
}

#GalleryPic8 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/gallery-e.jpg");
	background-size: cover;
	background-position: top center;
}

#GalleryPic9 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/gallery-f.jpg");
	background-size: cover;
	background-position: top center;
}

#GalleryPic10 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/gallery-g.jpg");
	background-size: cover;
	background-position: top center;
}

#GalleryPic11 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/gallery-k.jpg");
	background-size: cover;
	background-position: top center;
}

#GalleryPic12 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/gallery-l.jpg");
	background-size: cover;
	background-position: top center;
}

.tip-image {
  margin-right: 13px;
  float: left;
}

.ups-image {
  margin-right: 13px;
  float: left;
}

.ups-panel {
  height: 120px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #333333;
}

.tip-title {
  display: inline-block;
  padding-top: 20px;
  padding-top: 10px;
  color: #fff;
  font-size: 1.6em;
}

.tip-sub {
  display: inline-block;
  margin-left: 5px;
  color: #fff;
  font-size: 1.5em;
}

.tip-idea-box {
  display: inline-block;
  width: 160px;
  height: 40px;
  margin-top: 10px;
  margin-right: 5px;
  margin-left: 5px;
  border: 2px solid #fff;
  border-radius: 40px;
  text-align: center;
}

.tip-ideas-label {
  margin-top: 6px;
  font-size: 1.1em;
  color: #fff;
}

.tip-sub-rt {
  display: inline-block;
  color: #fff;
  font-size: 1.5em;
}

.tip-box, .ups-box, .tip-box-plan {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.tip-box {
  width: 490px;
}

.tip-box-plan {
  width: 445px;
}

.ups-box {
  width: 460px;
}

.Ideas, .Tip {
	min-width: 100%;
	background: #333333;
	overflow: auto;
	margin-top: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	/*height: 150px;*/	
}

.Ideas, .Tip .wrap {
	max-width: 1160px;
	margin: auto;
	padding: 0px 0;
}

.idea-tip {
	margin: auto;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 1;
	display: block;
}

.idea-tip img {
	display: block;
     margin: auto;
    padding-top: 25px;
  }

.tip-plan-btn {
  text-align: center;
  left: 45px;
  top: 10px;
  width: 200px;
  display: inline-block;
  font-size: 1.5em;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.11), inset 0 0 0 1px hsla(0, 0%, 100%, 0.08), inset 0 1px 0 0 hsla(0, 0%, 100%, 0.16), inset 0 -44px 38px -25px hsla(0, 0%, 100%, 0.09);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.19);
}

.tip-plan-btn:hover {
background: #e3b699 !important;
}

#TapeMeasure img {
	padding-top: 25px;
	padding-bottom: 25px;
	top: 0;
	right: 0;
	height: 200px;
	float: right;
	position: absolute;
	z-index: 3;
}

.NewsLetter {
	margin-top: 0px;
}

#TapeTape img {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 35px;
	height: 200px;
	position: relative;
	float: left;
	z-index: 1;
}

.Process {
	min-width: 100%;
	background: #c1baa6;
	overflow: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 40px;	
}

.process-num {
	display: block;
	margin-left:auto;
	margin-right: auto;
	width: 150px;
}

.miniprocess-num {
	display: block;
	margin-left:auto;
	margin-right: auto;
	width: 100px;
}

.pick-num:hover .col-sm-12 .process-block span {
	color: #FFFFFF !important;
	text-shadow: 1px 1px #333333 !important;
}

.process-block,
.customize-block {
	margin-top: 15px;
}

.miniprocess-block {
	margin-top: 5px;
}

.panel-desc {
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 7px;
	padding-right: 7px;
}

.process-desc {
	color: black;
}

.panel-title {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	margin: auto;
}

.process-title,
.process-title-left {
	color: #764c4e;
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	margin: auto;
}

.shop-all {
	color: #764c4e;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	margin: auto;
}

.process-title-alone {
	color: #764c4e;
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	padding-top: 8px;
	margin: auto;
}

.minipanel-title {
	display: block;
	font-size: 1em;
	/*font-weight: bold;*/
	line-height: 1.1;
	text-align: center;
	margin: auto;
}

.miniprocess-title {
	color: #696969;
}

.miniprocess-title-active {
	color: white !important;
	text-shadow: 1px 1px #333333;
	/*font-weight: bold;*/
}

.Process .wrap {
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto;
}

.PanelTitle {
	font-size: 2.5em;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	/*border: 1px solid black;*/	
}

.IdeaTitle {
	font-size: 2.5em;
	text-align: left;
	padding-top: 60px;
	padding-bottom: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	/*border: 1px solid black;*/	
}

.IdeaSubTitle {
	font-size: 2em;
	text-align: left;
	padding-top: 30px;
	padding-bottom: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	/*border: 1px solid black;*/	
}

.Pointer-text {
	color: #4c4a43;
	display: block;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.Pointer-top {
	margin-top: 30px;
	margin-bottom: 15px;
}

.Pointer-bottom {
	margin-top: 15px;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}

.col-xs-3rds,
.col-sm-3rds,
.col-md-3rds,
.col-lg-3rds {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

.col-xs-3rds {
    width: 33%;
    float: left;
}

.col-lg-5ths {
	width: 20%;
	float: left;
}

.col-lg-3rds {
	width: 33%;
	float: left;
}

.col-xs-9ths,
.col-sm-9ths,
.col-md-9ths,
.col-lg-9ths,
.col-xs-49ths,
.col-sm-49ths,
.col-md-49ths,
.col-lg-49ths {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.col-xs-9ths {
    width: 11%;
    float: left;
}

.col-xs-49ths {
    width: 45%;
    float: left;
}

.col-lg-9ths {
	width: 11%;
	float: left;
}

.col-lg-49ths {
	width: 45%;
	float: left;
}

.Begin {
	min-width: 100%;
	background: #FFFFFF;
	overflow: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 60px;	
}

.Begin .wrap {
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto;
}

.tx {
	width: 200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.tx-name {
	display: block;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}

.tx-price {
	display: block;
	font-size: 12pt;
	text-align: center;
	margin-top: 5px;
}

.grey-box {
  display: block;
  width: 250px;
  height: 250px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 5px;
  background-color: #e6e6e6;
}

.grey-h-box {
  display: block;
  width: 250px;
  height: 250px;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  border: 2px solid #FFF;
  border-radius: 5px;
}

.arrow {
  margin-top: 14px;
  margin-right: 13px;
  float: right;
}

.num-box {
  width: 100%;
  margin-right: 19px;
  float: right;
}

.num1 {
  display: block;
  margin-top: 24px;
}

.productOptionViewRectangle .option.selectedValue label {
 background: #333 !important;
 border-color: #333 !important;
 color: white;
}


.Customize {
	min-width: 100%;
	background: #764c4e;
	overflow: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1px;
}

.Customize .wrap {
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto;
}

.Customize .wrap .col-sm-3 {
	padding-bottom: 57px;

	/*border: 1px solid black;*/
}

.col-lg-5ths .col-lg-3rds .col-sm-12 {
	padding-left: 0px;
	padding-right: 0px;
}


.Customize .wrap .col-sm-3 img {
	width: 200px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}

.Customize .wrap .col-sm-3 .CText {
	color: #FFF;
	padding: 0 10px;
	font-size: 1.6em;
	text-align: center;
}

.customize-title,
.customize-title-left {
	color: white;
}

.cust-image {
	display: block;
}

.customize-desc {display: none;
	color: white;
	display: none;
}

.GetStarted {
	min-width: 100%;
	background: #FFF;
	overflow: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1px;
	/*height: 400px;*/
}

.GetStarted .wrap .col-sm-4 {
	padding-bottom: 57px;
	/*border: 1px solid black;*/
}

.StartIcon {
	/*margin-left: auto;
	margin-right: auto;*/
	padding-bottom: 1px;
}

.StartIcon img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 250px;
	padding-bottom: 30px;
}

.StartText {
	margin-top: -80px;
	font-size: 1.9em;
	text-align: center;
	padding-bottom: 1px;
}

.GetStarted .wrap {
	max-width: 1160px;
	margin: auto;
	padding: 1px 0;
}

.TDNav {
	min-width: 100%;
	background: #c1baa6;
	overflow: auto;
	margin-top: 0px;
	padding-top: 0px; //was 20px
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0px; //was 20px
	height: 180px;	
}

.TDNav-item {
	padding-top: 20px;
	padding-bottom: 20px;
}

.TDNav-selected {
	background-color: #b6af9d;
}

.TDNav .wrap {
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto;
}

.TDNav .PageName {
	color: #764c4e;
	display: block;
	font-size: 6em;
	font-weight: bold;
	line-height: 1.0;
	text-align: left;
	vertical-align: middle;
	line-height: 130px;
	height: 130px;
	width: 442px;
	}

.minipanel-title {
	display: block;
	font-size: 1em;
	text-align: center;
	margin: auto;
}

.minipanel-subtitle {
	color: #696969;
	font-size: 1em;
	text-align: center;
	margin: auto;
	display: none;
}

.pic-tile {
  position: relative;
  display: block;
  width: 250px;
  height: 250px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 10px;
}

.tile-background {
	object-fit: contain;
	height: 250px;
	width: 250px;
	border-radius: 10px;
}

.pic-tile-int-idea-1  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/above-an-opening-250.jpg?t=1503015685');
}

.pic-tile-int-idea-2  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/above-single-door-250.jpg?t=1503021360');
}

.pic-tile-int-idea-3  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/above-double-door-250.jpg?t=1503019213');
}

.pic-tile-int-idea-4  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/between-rooms-250.jpg?t=1503020545');
}

.pic-tile-int-idea-5  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/overhead-in-wall-250.png?t=1505845552');
}

.pic-tile-int-idea-6  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/more-interior-ideas-250.jpg?t=1503022222'); 
}

.pic-tile-int-idea-7  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/replacement-250.jpg?t=150302123');
}

.pic-tile-ext-idea-1  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/over-single-exterior-door-250.jpg?t=1503067280');
}

.pic-tile-ext-idea-2  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/over-double-exterior-door-250.jpg?t=1503068568');
}

.pic-tile-ext-idea-3  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/combo-unit-ext-250.jpg?t=1503080371');
}

.pic-tile-ext-idea-4  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/along-ext-wall-250.jpg?t=1503081324');
}

.pic-tile-ext-idea-5  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/over-exterior-window-250.jpg?t=1526565461');
}

.pic-tile-ext-idea-6  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/over-opening-exterior-250.jpg?t=1506450129');
}

.pic-tile-ext-idea-7  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/replacement-ext-250.jpg?t=1503082334');
}

.pic-tile-room-idea-1  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/bedroom-250.jpg?t=1516893431');
}

.pic-tile-room-idea-2  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/bathroom-250.jpg?t=1516893991');
}

.pic-tile-room-idea-3  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/dining-250.jpg?t=1516894330');
}

.pic-tile-room-idea-4  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/hall-stair-250.jpg?t=1516894786');
}

.pic-tile-room-idea-5  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/kitchen-250.jpg?t=1516895503');
}

.pic-tile-room-idea-6  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/living-area-250.jpg?t=1516895926');
}

.pic-tile-room-idea-7  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/mudroom-laundry-250.jpg?t=1516896183');
}

.pic-tile-room-idea-8  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/porch-250.jpg?t=1516976440');
}

.pic-tile-room-idea-9  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/barn-garage-250.jpg?t=1516976960');
}

.pic-tile-alpha {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 60px;
  padding-top: 18px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: rgba(0, 0, 0, .75);
}

.pic-tile-title {
  color: #fff;
  font-size: 25px;
  line-height: 25px;
  text-align: center;
}

/* This section is for Ideas layout */

body#landing:has(.idea-pic-container) .idea-caption {
  margin: 15px 0 0;
  font-family: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 15.5px;
  line-height: 1.6;
  color: #33302B;
  text-wrap: pretty;
}

body#landing:has(.idea-pic-container) .idea-caption strong {
  font-weight: 400;
}

body#landing:has(.idea-pic-container) .idea-eyebrow {
  display: block;
  font-family: 'Source Sans 3', system-ui, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #C7784B;
  margin: 0 0 10px;
}

body#landing:has(.idea-pic-container) .idea-eyebrow--inline {
  display: inline;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin: 0 14px 0 0;
  position: relative;
  top: -1px;
}

.idea-blurb,
.idea-pic-source,
.idea-pic-container .idea-plan-btn,
.idea-nav .idea-more-pics {
  font-family: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/*Begin Claude*/
.idea-blurb {
  width: auto;
  font-size: 16px;
  line-height: 1.65;
  color: #5C564E;
  text-wrap: pretty;
}



/* remove when jack done*/

body#landing:has(.idea-pic-container) .twentytwenty-container {
  max-width: 925px;
  width: 100%;
  margin: 0;
}

body#landing:has(.idea-pic-container) .twentytwenty-container > img {
  width: 100%;
  height: auto;
}



body#landing:has(.idea-pic-container) .twentytwenty-container.s43  { max-width: 693px; }
body#landing:has(.idea-pic-container) .twentytwenty-container.s11  { max-width: 500px; }
body#landing:has(.idea-pic-container) .twentytwenty-container.s34  { max-width: 420px; }
body#landing:has(.idea-pic-container) .twentytwenty-container.s916 { max-width: 349px; }

body#landing:has(.idea-pic-container) .twentytwenty-container > .idea-pic-container {
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  margin: 0;
  pointer-events: none;
  z-index: 50;
}

body#landing:has(.idea-pic-container) .twentytwenty-container > .idea-pic-container a,
body#landing:has(.idea-pic-container) .twentytwenty-container > .idea-pic-container button {
  pointer-events: auto;
}

body#landing:has(.idea-pic-container) .twentytwenty-container > img {
  width: 100%;
  height: auto;
}

.idea-pic-container {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

.idea-pic-container img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: clamp(360px, 62vh, 560px);
  border: 0;
}

/* Ratio classes — inert until Jack tags the images */
.idea-pic-container.r169 img { width: 100%; max-height: clamp(380px, 72vh, 600px); }
.idea-pic-container.r43  img { max-height: clamp(340px, 58vh, 520px); }
.idea-pic-container.r11  img { max-height: clamp(330px, 56vh, 500px); }
.idea-pic-container.r34  img { max-height: clamp(360px, 62vh, 560px); }
.idea-pic-container.r916 img { max-height: clamp(400px, 66vh, 620px); }

/*End Claude*/
/*Start Claude*/

.idea-pic-container .idea-plan-btn {
  position: absolute;
  bottom: 10px;
  right: 20px;
  background-color: #2F9E3F;
  border: 1px solid #2F9E3F;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 9px 16px;
  border-radius: 999px;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 160ms ease, border-color 160ms ease;
}

body#landing:has(.idea-pic-container) .idea-eyebrow + h2,
body#landing:has(.idea-pic-container) .idea-eyebrow + h1 {
  margin-top: 0;
}

body#landing:has(.idea-pic-container) #Container > #Wrapper:not(:has(*)) {
  display: none;
}
body#landing:has(.idea-pic-container) .idea-pic-container {
  vertical-align: top;
}

body#landing:has(.idea-pic-container) .idea-pic-source {
  margin: 10px 0 0;
}

body#landing:has(.idea-pic-container) .idea-caption {
  margin: 2px 0 0;
}


/* narrow photos need a smaller pill */
.idea-pic-container.r916 .idea-plan-btn,
.idea-pic-container.r34 .idea-plan-btn {
  font-size: 11.5px;
  padding: 8px 12px;
  letter-spacing: 0.05em;
}
/*End Claude*/
.idea-pic-container .idea-houzz-btn {
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 88px;
  height: 20px;
  cursor: pointer;
  background: url("https://cdn10.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/houzz.png") no-repeat center / contain;
}

.idea-pic-container a img {

  content: url("https://cdn10.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/houzz.png");
}

.idea-nav {
	display: block;
	width: 100%;
	height: 100%;
}

.idea-nav .idea-more-pics {
  display: block;
  margin: 0 auto;
  /*transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);*/
  background-color: #815355;
  color: white;
  font-size: 16px;
  padding: 12px 12px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}
/*Start Claude*/
.idea-pic-container .idea-plan-btn:hover {
	background-color: #26812F;
	border-color: #26812F;
}
/*End Claude*/
.idea-nav .idea-more-pics:hover {
	background-color: #555;
}
/*Start Claude*/
.idea-pic-source a {
	color: #6B645B;
	font-size: 12.5px;
	text-decoration: none;
}
/*End Claude*/
.sidebar-title {
	margin-left: 10px;
	}

.sidebar-pick {
	margin-left: 45px;
	}

.product-div-tab {
	color: #fff;
	background: #d38b5d;
	border: none;
	letter-spacing: 1px;
	font-size: 16px;
	text-transform: uppercase;
	padding: 6px 22px;
	position: relative;
	display: inline-block;
	/*width: 300px;*/
    }

	.radio-choice {
		margin-left: -16px !important;
		text-indent: 0px;
		margin-top: 2px !important;
		margin-bottom: 0px !important;
	}

/* 1181 and higher */
@media only screen and (min-width: 1181px) {
  
  .contain-net {
  	padding: 0 30px;
  }
  
  .contain-net .row__inner {
    margin: 30px 0 40px 0;
  }
  
  .contain-net .row__inner:hover {
  -webkit-transform: translate3d(-20px, 0, 0);
          transform: translate3d(-20px, 0, 0);
  }
  
  .contain-net .tile:hover ~ .tile {
  -webkit-transform: translate3d(40px, 0, 0);
          transform: translate3d(40px, 0, 0);
  }
  

	.contain-net .tile {
  		margin-right: 50px;
	}
	
    .contain-net .tile__title {
        font-size: 16px;
        //font-weight: bold;
        padding: 10px;
    }
    
    .contain-net .tile__price {
        font-size: 10px;
        padding: 10px;
    }
    
    .contain-net .tile__details .tx-shop-pattern:before {
  		content: 'Pattern ';
	}
	
	.contain-net .tile__details .tx-shop-price:before {
  		content: 'Sashes from ';
	}

}

.shop-all {
  font-size: 3em;
  padding-top: 47px;
  padding-left: 20px;
  display: block; 
}

/* 1180 and lower */
@media only screen and (max-width: 1180px) {
	.trust-wocs {
		display: flex;
	}
	.Customize .wrap .col-sm-3 .CText {
		font-size: 1.4em;
	}
	
	#TapeTape img {
		padding-left: 60px;
		height: 196px;
	}
	
	#TapeMeasure img {
		height: 196px;
	}
	
	.EasierText {
		height: 97px;
	}
	
	.EasierText {
		padding-left: 30px;
	}
	
	.smorg-text {
	  padding-bottom: 6px;
	  font-size: 20px;
	  letter-spacing: 1px;
	}

  .contain-net {
  	padding: 0 30px;
  }

  .contain-net .row__inner:hover {
  -webkit-transform: translate3d(-20px, 0, 0);
          transform: translate3d(-20px, 0, 0);
  }
  
  .contain-net .tile:hover ~ .tile {
  -webkit-transform: translate3d(40px, 0, 0);
          transform: translate3d(40px, 0, 0);
  }
  
	
	.contain-net .tile {
  		width: 220px;
  		height: 330px;
  		margin-right: 50px;
	}
	
	.contain-net .row__inner {
    margin: 20px 0;
    }
	
	.contain-net .tile__img {
  		width: 220px;
  		height: 330px;
	}
	
	.contain-net .tile__title {
        font-size: 16px;
        //font-weight: bold;
        padding: 10px;
    }

    .contain-net .tile__price {
        font-size: 10px;
        padding: 10px;
    }
    
    .contain-net .tile__details .tx-shop-pattern:before {
  		content: 'Pattern ';
	}
	
	.contain-net .tile__details .tx-shop-price:before {
  		content: 'Sashes from ';
	}
}

/* 1075 and lower */
@media only screen and (max-width: 1075px) {
  .trust-america-text {
    font-size: 16px !important;
  }
	.process-num {
		width: 120px;
	}

	.process-title,
	.process-title-alone,
	.process-title-left {
		font-size: 1.3em;
	}

	.Pointer-text {
		font-size: 1.6em;
	}

	.Customize .wrap .col-sm-3 img {
		width: 150px;
	}
	
	.Customize .wrap .col-sm-3 .CText {
		font-size: 1.2em;
		padding: 0 5px;
	}
	
	.Customize .wrap .col-sm-3 {
		padding: 0 5px 28px 5px;
	}
	
	#TapeTape img {
		height: 192px;
	}
	
	#TapeMeasure img {
		height: 192px;
	}
	
	.EasierText {
		height: 96px;
	}
	
	.PanelTitle {
		padding-top: 30px;
		padding-bottom: 25px;
	}
	
	.EasierTextSize {
		font-size: 2.3em;
	}

	.contain-net .tile {
  		width: 210px;
  		height: 315px;
  		margin-right: 40px;
	}
	
	.contain-net .tile__img {
  		width: 210px;
  		height: 315px;
	}
	
}

/* 1024 and lower */
@media only screen and (max-width: 1024px) {
  .trust-america-text {
    font-size: 14px !important;
  }
.contain-net .tile .tile__details {
  opacity: 1;
  }

.contain-net .tile .tile__details::before {
  opacity: 0;
  }

.contain-net .tile .tile__details::after {
  opacity: 0;
  }

}

/* 1023 and lower */
@media only screen and (max-width: 1023px) {

	.contain-net .tile {
  		width: 200px;
  		height: 300px;
  		margin-right: 40px;
	}
	
	.contain-net .tile__img {
  		width: 200px;
  		height: 300px;
	}

.tx {
	width: 140px;
}

.tx-name {
	font-size: 13pt;
}

.tx-price {
	font-size: 10pt;
}	

.shop-all {
  font-size: 2em;
  padding-top: 58px;
  padding-left: 20px;
  display: block; 
}


.grey-box {
  width: 180px;
  height: 180px;
}

.grey-h-box {
  display: block;
  width: 180px;
  height: 180px;
  }
.num1 {
  width: 100px;
}
.num-box {
  width:100px;
  margin: auto;
  }
.arrow {
  width: 23px
}
}





/* 960 and lower */
@media only screen and (max-width: 991px) {
  .trust-america-text {
    font-size: 12px !important;
  }
.trust-wocs-rec-panel-left-combo {
	display: none;
}

.hero-phrase {

  /*line-height: 0px;
  font-family: 'Helvetica Neue',Helvetica,Arial,Sans-Serif;
  font-weight: 700;
  color: #fff;
  font-weight: 700;
  text-align: center;
  letter-spacing: 4px;
  margin-top: 14px;
  text-shadow: 0px 0px 80px rgba(0,0,0,1), 0px 0px 70px rgba(0,0,0,1), 0px 0px 60px rgba(0,0,0,1), 0px 0px 50px rgba(0,0,0,1), 0px 0px 40px rgba(0,0,0,1), 0px 0px 30px rgba(0,0,0,1);
  text-shadow: 0 2px 2px #000, 0 -1px 0 hsla(0, 0%, 100%, .25);*/
}

.hero-phrase-2 {

  display: none;

}

	/*.fixed-header #Header {
		height: 100px;
		}*/

	.PlanVideo {
		/* GPT width: 672px;
  		height: 378px;*/
	}

	.col-lg-49ths {
	display: none;
	}
	
	.process-num {
	width: 100px;
	}
	
	#TapeTape img {
		height: 184px;
		padding-left: 30px;
	}
	
	#TapeMeasure img {
		height: 184px;
	}
	
	.EasierText {
		height: 92px;
	}
	
	.EasierTextSize {
		font-size: 2.2em;
	}
	
	.StartIcon img {
		width: 200px;
	}
	
	.StartText {
		margin-top: -70px;
		font-size: 1.5em;
	}
	
    .col-md-9ths {
        width: 11%;
        float: left;
    }
    
    .col-md-49ths {
        width: 45%;
        float: left;
    }
    
	.col-md-5ths {
        width: 20%;
        float: left;
    }
    
    .Content .nav-tabs li a {
		font-size: 15px;
		padding:14px 12px;

	}
 
    .contain-net .tile {
  		width: 154px;
  		height: 231px;
  		margin-right: 30px;
	}
	
	.contain-net .tile__img {
  		width: 154px;
  		height: 231px;
	}
	
	.idea-blurb {
		/*width: 420px;*/
	}
	
	.idea-pic-container {
  		width: 400px;
	}
	.Content .ProductMain .ProductPrice {
		font-size: 24px;
	}
	#RoughHeight {
  		display: none;
  		}
  	#RoughWidth {
  		display: none;
  		}
}

/* 900 and lower */
@media only screen and (max-width: 900px) {
  .trust-america-text {
    font-size: 18px !important;
  }
	#RoughHeight {
  		display: inline-block;
  		}
  	#RoughWidth {
  		display: inline-block;
  		}
}

/* 830 and lower */
@media only screen and (max-width: 830px) {
	.trust-cart-multi-text {
		font-size: 14px !important;
	}
	.trust-cart-multi-text-below {
		font-size: 14px !important;
	}	
	.trust-cart-multi-green-check {
  		margin-right: 5px !important;
  		width: 22px !important;
	}
	.trust-wocs-section-label {
	margin-top: 46px !important;
	margin-left: 20px !important;
	}
	
}

/* 767 and lower */
@media only screen and (max-width: 767px) {

/*Checkout page trust signals*/
	.trust-cart-multi-text-below {
		font-size: 16px !important;
	}
	.CartUpdateBtn {
	    width: 100% !important;
	    margin: 0 !important;
	    float: none !important;
	}

	.CartUpdateBtn .btn {
	    display: block !important;
	    width: 100% !important;
	    box-sizing: border-box !important;
	    margin: 8px 0 0 !important;
	    }

    .checkout-right-col {
        flex: 0 0 100%;
    }

    .main-checkout-buttons {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    /* ORDERING */
    .cart-trust-inline {
        order: 1;
        text-align: center;
    }

    .checkout-right-col {
        order: 2;
        width: 100% !important;
        float: none !important;
    }

    .CartUpdateBtn {
        order: 3;
        width: 100%;
    }

    /* FULL-WIDTH BUTTONS */
    .checkout-right-col .CheckoutButton a,
    .checkout-right-col .SaveCartButtonWrap button,
    .CartUpdateBtn .btn {
        width: 100% !important;
        box-sizing: border-box;
    }

    /* STACK RIGHT COLUMN BUTTONS */
    .checkout-right-col {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    table.CartContents thead tr th,table.CartContents tr td {
    padding: 10px 5px;
    }

    div.table-responsive {
    border: 0px solid #fff;
    }
/*end*/

.Customize {
  height: 440px;
}

.hero-main-2 {
  display:none;
}

.h-sell {
  display: block;
}

.order-now {
  display: none;
}

.shop-all {
  font-size: 2.0em;
  padding-top: 28px;
  padding-left: 20px;
  display: block; 
}


.grey-box {
  width: 150px;
  height: 150px;
}

.arrow {
  width: 17px
}

.num1 {
  width: 80px;
}

.num-box {
  width:100px;
  margin: auto;
  }


	.PlanVideo {
		/*GPT width: 512px;
  		height: 288px;*/
	}
	
	.process-num {
	width: 80px;
	float: right;
	}
	
	.process-block {
	  margin-top: 0px;
	}
	
	.process-desc {
	  margin-top: 0px;
	
	}
	
	.Customize .wrap .col-sm-3 {
		padding: 0 5px;
	}
	
	.Customize .wrap .col-sm-3 img {
		width: 60px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-right: 0px;
		margin-left: auto;
	}
	
	.Customize .wrap .col-sm-3 .CText {
		height: 80px;
		line-height: 80px;
		color: #FFF;
		padding: 0 10px;
		font-size: 1.6em;
		text-align: left;
	}
	
	.Customize .wrap .col-sm-3 .col-sm-12 {
		padding: 0 5px;
	}
	
	.PanelTitle {
		font-size: 2.4em;
		padding-top: 30px;
		padding-bottom: 10px;
	}
	
	.EasierTextSize {
		font-size: 2.2em;
	}
	
	.EasierText {
		padding-left: 0px;
		height: 55px;
	}
	
	.col-lg-5ths {
        width: 100%;
        float: left;
    }
 
 	.col-lg-3rds {
        width: 100%;
        float: left;
    }
    
    .col-sm-9ths {
        width: 11%;
        float: left;
    }
    
    .col-sm-49ths {
        width: 45%;
        float: left;
    }
    
	.tip-title {
	  font-size: 1.5em;
	}
	.tip-sub {
	  font-size: 1.4em;
	}
	.tip-sub-rt {
	font-size: 1.4em;
	}	
	
	.tip-box {
	  width: 460px;
	}

	

	
	.hero-main {
		display: none;
	}

	.hero-main-2 {
		/*display: none;*/
	}
		
	.smorg-text-hide {
		display: none;
	}
	
	.transom-block {
		display: block;
		}
	
	.customize-shift {
	  height: 75px;
	  width: 100%;
	  line-height: 85px;
	  text-align: right;
	}

	.process-shift {
	  height: 70px;
	  width: 100%;
	  line-height: 70px;
	  text-align: right;
	}
	
	.process-num {
	  height: 60px;
	  width: 60px;
	  vertical-align: top;
	  margin-top: 5px;
	}
	
	.process-shift,
	.customize-shift img {
	  vertical-align: center;
	}
	
	.process-title,
	.process-title-left,
	.customize-title,
	.customize-title-left {
	  text-align: left;
	  display: inline-block;
	}
	
	.Begin {
	  padding-bottom: 30px;
	}
	.process-title-alone {
	/*font-size: 14px;*/
	}

	.customize-title,
	.customize-title-left {
	  margin-top: 6px;
	  font-size: 28px;
	  font-weight: normal;
	}
	
	.process-title-left,
	.process-title {
		font-size: 14px;
		}
	
	.process-title-left,
	.customize-title-left {
	  margin-left: 7px;
	}

	#the-finger {
		display: none;
	}
	.customize-desc {
	  margin-left: 0px;
	  margin-top: 0px;
	  font-size: 12px;
	  display: hidden;
	}
	
	.panel-desc {
	  margin-right: 15px;
	  }
	  
    .contain-net .tile {
  		width: 132px;
  		height: 198px;
  		margin-right: 20px;
	}
	
	.contain-net .tile__img {
  		width: 132px;
  		height: 198px;
	}
  
  	.contain-net .tile__style {
	  opacity: 0;
	}
	
}


/* 640 and lower */
@media only screen and (max-width: 640px) {

  .trust-wocs {
    height: 190px !important;
  }

  .trust-wocs-section-label {
    display: none !important;
  }

  .trust-wocs-floater {
    width: auto !important;
    height: auto !important;
    margin: 10px 2.5%;
    padding: 10px;
    margin-top: 20px !important;
    position: relative;
  }

  .trust-wocs-rec-panel.trust-wocs-rec-panel-left-combo, .trust-wocs-rec-panel.trust-wocs-rec-panel-right-combo, .trust-wocs-quote-circle {
    display: none !important;
  }

  .trust-wocs-heading {
    width: 92% !important;
    margin-top: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    position: relative !important;
  }

  .trust-wocs-heading-text {
    text-align: center;
    font-size: 19px  !important;
    line-height: 24px  !important;
  }

  .trust-wocs-micro {
    width: 92% !important;
    height: 70px !important;
    margin-top: 10px !important;
    margin-left: 11px !important;
    margin-right: auto;
    position: relative !important;
  }

.trust-wocs-rec-panel-note {
  inset: auto 0% -20px !important;
}

	
#Header #HeaderLower #SideCategoryList li a {
padding: 2px 6px 2px;
}


    a[href*="/install"] {
        display: none !important;
    }

.Customize {
  height: 380px;
}


#Header {
  background-position: 0 -40px !important;
  height: 116px; !important;
}

#HeaderLower {
  min-height: 90px !important;
}

#selling-gif {
  height: 100px;
  width: 302.5px;
}

.ups-panel {
  height: 100px;
}

.order-now-x {
  bottom: 50px;
}

.order-now-h {
  bottom: 50px;
}

.sell {
  width: 304.5px;
  margin-right: auto;
  margin-top: 30px;
  margin-left: auto;
    /*position: relative;
   bottom: -30px;*/
}

.gif-image {
  border: 3px solid #000;
}

.gif-background {
  position: relative;
  bottom: 21.5px;
  display: inline-block;
  width: 100%;
  height: 20px;
  /*margin-left: px;*/
  background-color: rgba(0, 0, 0, 0.61);
}

.gif-block {
  position: relative;
  bottom: 52px;
  display: inline-block;
  width: 99px;
  height: 20px;
}

.gif-text {
  width: 100%;
  height: 100%;
  padding-top: 6px;
  color: #fff;
  font-size: 12px;
  text-align: center;
}

.hero-phrase-1,
.hero-phrase-2 {
  display: none;
}

.hero-phrase-3 {
  display: block;
}

.h-sell {
  height: 230px;
  background: #333333;
  padding-top: 30px;
  margin-top: 20px;
}

.x-sell {
  height: 230px;
  background: #333333;
  padding-top: 25px;
}


.order-now {
  margin-top: 20px;
}


.tip-plan-btn {
  padding: 4px 0px;
  left: 25px;
  top: 10px;
  width: 180px;
  font-size: 1.3em;
}

.tip-image {
	width: 56px;
	height: 82px;
	}
	
.ups-image {
	width: 65px;
	}

	.ups-box {
	  width: 370px;
	}
	
	.idea-pic-container .idea-plan-btn {
		padding: 6px 6px;
		bottom: 10px;
	}
	
	.tip-image {

	}

	.tip-title {
	  font-size: 1.4em;
	}
	.tip-sub {
	  font-size: 1.3em;
	}
	.tip-sub-rt {
	font-size: 1.3em;
	}	
	

	.tip-idea-box {
	  width: 123px;
	  height: 35px;
	  //margin-top: 10px;
	  //margin-right: 5px;
	  //margin-left: 5px;
		}

	.tip-ideas-label {
	font-size: 0.8em;

	}

	.tip-sub-rt {
	font-size: 1.3em;

	}

	.tip-box {

	}		
	
	#SideCategoryList {
		Display: inline-block !important;
	}
	
	.PlanVideo {
		/* GPT width: 448px;
  		height: 252px;*/
	}

	.Customize .wrap .col-sm-3 img {
		width: 50px;
	}
	

	.customize-block {
	  margin-top: 0px;
	
	}
	
	.PanelTitle {
		font-size: 1.7em;
	}
	
	.EasierTextSize {
	  font-size: 1.6em;
	}
	
	.customize-block {
	  margin-top: 8px;
	}
	.cu
	.EasierTextSize {
		font-size: 2.0em;
	}
	
	.smorg-text-hide {
		display: none;
	}
	

	.customize-shift {
	  height: 60px;

	}

	.customize-title,
	.customize-title-left {
	  margin-top: 11px;
	  font-size: 22px;
	}

/*	.customize-title,
	.customize-title-left {
	  text-align: left;
	  display: inline-block;
	  font-size: 12.5px;
	}
	.customize-title-left {
	  margin-left: 7px;
	}*/
	.process-desc,
	.customize-desc {
	  margin-left: 0px;
	  margin-top: 0px;
	  font-size: 10pt;
	}
	
	.process-title,
	.process-title-left {
		margin-top: 15px;
		font-size: 1.1em;
	}
	
	.process-title-alone {
	  font-size:1em;
	}
	.process-desc {
	  display: none;
	}

	
	.miniprocess-num {
	width: 50px;
	}
	
	.minipanel-title {
	display: none;
	}
	
	.minipanel-subtitle {
	display: block;
	}
	
	.TDNav {
	  height: auto;
	  padding-bottom: 0px;
	}

	.contain-net {
		padding-left: 0px;
		padding-right: 0px;
	}	
	
	.contain-net .row__inner {
    margin: 0px 0;
    }

	.contain-net .tile {
  		width: 86px;
  		height: 129px;
  		margin-right: 10px;
	}
	
	.contain-net .tile__img {
  		width: 86px;
  		height: 129px;
	}	
	
  .contain-net .row__inner:hover {
  -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0);
  }
  
  .contain-net .tile:hover ~ .tile {
  -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
  }
  
  .contain-net .tile__title {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
  }
    .contain-net .tile__price {
        font-size: 11px;
        text-align: center;
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
    }
    
	.contain-net .tile__details .tx-shop-price:before {
  		content: 'From ';
	}
}

/* 640 and lower */
@media only screen and (max-width: 640px) {
  .trust-america-text {
    font-size: 14px !important;
  }

	.PlanVideo {
		/*GPTwidth: 336px;
  		height: 189px;*/
	}
		.EasierTextSize {
		font-size: 24px;
	  }
	  	.idea-blurb {
		width: 95%; /*width: 370px;*/
	}
	
	.idea-pic-container {
  		width: 350px;
  	}
  	/*hide R/O heights on small screen*/
  	#RoughHeight {
  		display: none;
  		}
  	#RoughWidth {
  		display: none;
  		}
	.tip-title {
	  font-size: 1.3em;
	}
	.customize-title,
	.customize-title-left {
	  margin-top: 11px;
	  font-size: 18px;
	}
  .trust-product-badges-slogan-text {
    font-size: 14px !important;
  }

}



/* 413 and lower */
@media only screen and (max-width: 413px) {
	.trust-wocs-micro-quote {
	font-size: 11px !important;
	}

	.trust-wocs-micro-credit {
	font-size: 11px !important;
	}
.Content .ProductMain .productAttributeList label {
  margin-bottom: 10px;
}


.product-div-tab {
  font-size: 15px;
}


.ups-panel {
  height: 90px;
}

.ups-image {
	width: 55px;
	}
	.ups-box {
	  width: 310px;
	}
	.tip-plan-btn {
	  padding: 2px 0px;
	  left: 7px;
	  top: 10px;
	  width: 180px;
	  font-size: 1.3em;
	}

	.tip-image {
	width: 48px;
	height: 75px;
	}

	.tip-title {
	  font-size: 1.1em;
	}

	.tip-sub {

	  font-size: 1.0em;
	}

	.tip-idea-box {
	  width: 100px;
	  height: 27px;
	  margin-top: 5px;
	  //margin-right: 5px;
	  //margin-left: 5px;
		}

	.tip-ideas-label {
	font-size: 0.7em;
	margin-top: 3px;

	}

	.tip-sub-rt {
	font-size: 1.0em;

	}

	.tip-box {

	}

	.tip-plan-btn {
	
	}

	.PlanVideo {
		/*GPTwidth: 240px;
  		height: 135px;*/
	}
	.contain-net {
		padding-left: 0px;
		padding-right: 0px;
	}	
	
	.contain-net .row__inner {
    margin: 0px 0;
    }

	.contain-net .tile {
  		width: 78px;
  		height: 117px;
  		margin-right: 10px;
	}
	
	.contain-net .tile__img {
  		width: 78px;
  		height: 117px;
	}
	.contain-net .tile__details .tx-shop-pattern:before {
  		content: '';
	}
	
	  .contain-net .tile__title {
		  font-size: 14px;
		  font-weight: bold;
		  text-align: center;
		  padding-left: 5px;
		  padding-right: 5px;
		  width: 100%;
  }
	  	.idea-blurb {
		/*width: 350px;*/
	}
	
	.idea-pic-container {
  		width: 340px;
	}		
}

/* 374 and lower */
@media only screen and (max-width: 374px) {

	.PanelTitle {
		font-size: 1.4em;
	}
	.EasierTextSize {
		font-size: 18px;
	  }

	.contain-net {
		padding-left: 0px;
		padding-right: 0px;
	}	
	
	.contain-net .row__inner {
    margin: 0px 0;
    }

	.contain-net .tile {
  		width: 64px;
  		height: 96px;
  		margin-right: 10px;
	}
	
	.contain-net .tile__img {
  		width: 64px;
  		height: 96px;
	}	
	  	.idea-blurb {
		width: 290px;
	}
	
	.idea-pic-container {
  		/*width: 280px;*/
	}
	.customize-title,
	.customize-title-left {
	  margin-top: 17px;
	  font-size: 14px;
	}

	
}	
	
//Begin Netflix like navigation//
.contain-border {
  margin-left: 15px;
  margin-right: 15px;
  }
  
.contain-net {
  //padding: 0 10px;
  margin: 0;
  background: #ffffff; //#0e0f11
  color: #ecf0f1;
  font-family: 'Open Sans', sans-serif;
  min-height: 10vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
    -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.contain-net a:link,
.contain-net a:hover,
.contain-net a:active,
.contain-net a:visited {
  -webkit-transition: color 150ms;
  transition: color 150ms;
  color: #95a5a6;
  text-decoration: none;
}
.contain-net a:hover {
  color: #7f8c8d;
  text-decoration: underline;
}
.contain-net .row {
  overflow: scroll;
  border-top: 3px solid #d0d0d0;
  width: 100%;
}
.contain-net .row__inner {
  -webkit-transition: 450ms -webkit-transform;
  transition: 450ms -webkit-transform;
  transition: 450ms transform;
  transition: 450ms transform, 450ms -webkit-transform;
  font-size: 0;
  white-space: nowrap;
  //margin: 25px 0;
  padding-bottom: 10px;
  width: 100%;
}
.contain-net .tile {
  position: relative;
  display: inline-block;
  //width: 235px;
  //height: 353px; //375px;
  //margin-right: 50px;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: 450ms all;
  transition: 450ms all;
  -webkit-transform-origin: center left;
          transform-origin: center left;
}
.contain-net .tile__img {
  //width: 235px;
  //height: 353px; //375px;
  -o-object-fit: cover;
     object-fit: cover;
}
.contain-net .tile__details {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  font-size: 10px;
  opacity: 1;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
  background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.4) 15%, rgba(0,0,0,0) 35%,rgba(0,0,0,0) 95%,rgba(0,0,0,0.05) 97%,rgba(0,0,0,.1) 100%);
  -webkit-transition: 450ms opacity;
  transition: 4ms opacity;
}
.contain-net .tile__details:after,
.contain-net .tile__details:before {
  content: '';
  position: absolute;
  top: 80%;
  left: 50%;

}
.contain-net .tile__details:after {
  margin-top: -25px;
  margin-left: -75px;
  width: 150px;
  height: 35px;
  border: 3px solid #ecf0f1;
  line-height: 50px;
  text-align: center;
  border-radius: 10px;
  background: rgba(0,0,0,0.8);
  z-index: 1;
}
.contain-net .tile__details:before {
  content: 'Customize';
  left: 0;
  width: 100%;
  height: 35px;
  font-size: 15px;
  margin-left: 2px;
  margin-top: -18px;
  text-align: center;
  color: #fff;
  z-index: 2;
}

//.contain-net .tile__details .tx-pattern:before {
//  content: 'Pattern ';
//}

.contain-net .tile:hover .tile__details {
  opacity: 1;
  }

.contain-net .tile__style {
  position: absolute;
  bottom: 50px;
  padding: 10px;
  color: #fff;
  font-size: 16px;
  z-index: 2;
}

.contain-net .tile__title {
  position: absolute;
  bottom: 15px;
  //padding: 10px;
  color: #fff;
  //font-size: 15px;
  z-index: 2;
}
.contain-net .tile__price {
  position: absolute;
  bottom: 0;
  //padding: 10px;
  color: #fff;
  //text-align: right;
  //font-size: 10px;
  z-index: 2;
}

.contain-net .row__inner:hover .tile {
  opacity: 0.3;
}
.contain-net .row__inner:hover .tile:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  opacity: 1;
}

.shop-pattern {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3; 
}

//End Netflix like navigation//

//Begin accordian //

/* The accordion stuff handles the installation tips and summaries of planning videos */
.accordion {
  border-color: white;
  padding: 0px;
  outline: none;
  display: inline-block;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  border-color: white;
}

/*since accordion button is manifested as a div, change cursor to pointer on rollover */
.accordion:hover {
  cursor: pointer;
}

/*This style covers the tips headers */
.acc-header {
  font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,Sans-Serif;
  text-transform: capitalize;
  color: #333333;
  font-size: 24px;
  font-weight: 300;
}

/*This style covers the video summary headers */
.acc-sum-header {
  font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,Sans-Serif;
  text-transform: capitalize;
  color: #d68961;
  font-size: 16px;
  font-weight: 300;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.col-sm-12 .xactive, .accordion {
  border-color: white;
  padding: 0px;
  outline: none;
  display: inline-block;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  border-color: white;
}

/* Style for installation tips panel. Note: hidden by default */
.acc-panel {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.acc-sum-panel {
  margin-top: 8px;
}

/*places plus symbol after acc-header for tip*/
.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 24px;
  color: #777;
  float: right;
  margin-left: 5px;
}

/*places plus symbol after acc-header for tip*/
.acc-sum:after {
  font-size: 16px;

}

/*changes plus symbol to minus after selected*/
.xactive:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

/* Tooltips only on laptops */
@media(hover: hover) and (pointer: fine) {
	.ttooltip {
	  font-weight: bold;
	  position: relative;
	  display: inline-block;
	  border-bottom: 1px dotted black;
	}

	.ttooltip .ttooltiptext {
	  visibility: hidden;
	  width: 240px;
	  background-color: black;
	  color: #fff;
	  text-align: center;
	  border-radius: 6px;
	  padding: 5px 5px;
	  position: absolute;
	  z-index: 1;
	  top: 150%;
	  left: 50%;
	  margin-left: -120px;
	}

	.ttooltip .ttooltiptext::after {
	  content: "";
	  position: absolute;
	  bottom: 100%;
	  left: 50%;
	  margin-left: -5px;
	  border-width: 5px;
	  border-style: solid;
	  border-color: transparent transparent black transparent;
	}

	.ttooltip:hover .ttooltiptext {
	  visibility: visible;
	}
}

/* Tooltips handling on touch */
@media (hover: none){
	.ttooltip {
	  font-weight: bold;
	  /*position: relative;
	  display: inline-block;*/
	}

	.ttooltip .ttooltiptext {
	  display: none;
	}

}
/* ── Ideas pages restyle ─────────────────────────────── */

body#landing:has(.idea-pic-container) #Container {
  background: #FBF7F1;
}

body#landing:has(.idea-pic-container) #Outer {
  background: #FFFFFF;
}

/* ── Ideas pages restyle ─────────────────────────────── */

body#landing:has(.idea-pic-container) h1,
body#landing:has(.idea-pic-container) h1.secondary-font-family {
  font-family: 'Newsreader', Georgia, 'Times New Roman', serif !important;
  font-weight: 400 !important;
  font-size: 40px !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em !important;
  max-width: 30ch;
  color: #16305F !important;
  text-wrap: pretty;
}

body#landing:has(.idea-pic-container) h2,
body#landing:has(.idea-pic-container) h2.secondary-font-family {
  font-family: 'Newsreader', Georgia, 'Times New Roman', serif !important;
  font-weight: 400 !important;
  font-size: 32px !important;
  line-height: 1.12 !important;
  letter-spacing: -0.015em !important;
  max-width: 34ch;
  color: #2B2823 !important;
  text-wrap: pretty;
}

body#landing:has(.idea-pic-container) .color,
body#landing:has(.idea-pic-container) .Content a,
body#landing:has(.idea-pic-container) a {
  color: #C7784B;
}

body#landing:has(.idea-pic-container) .bg-color,
body#landing:has(.idea-pic-container) .border-color-primary {
  background-color: #C7784B;
}
body#landing:has(.idea-pic-container) .idea-chips {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(251, 247, 241, 0.94);
  backdrop-filter: blur(6px);
  border-bottom: 1px solid #E9DFCE;
  margin: 22px 0 30px;
  padding: 12px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

body#landing:has(.idea-pic-container) .idea-chips-label {
  font-family: 'Source Sans 3', system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8A8378;
  margin-right: 4px;
}

body#landing:has(.idea-pic-container) a.idea-chip {
  font-family: 'Source Sans 3', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #6B645B;
  background: #FFFFFF;
  border: 1px solid #E9DFCE;
  border-radius: 999px;
  padding: 7px 14px;
  text-decoration: none;
  transition: background-color 150ms ease, color 150ms ease;
}

body#landing:has(.idea-pic-container) a.idea-chip:hover {
  background: #F1E9DC;
  color: #2B2823;
}

/* ── Ideas: responsive pass ──────────────────────────────────── */

body#landing:has(.idea-pic-container) {
  --td-header-h:       160px;
  --td-chips-h:         60px;
  --td-chips-overlap:    0px;
  --td-chips-label-w:  108px;
}

/* The theme's header-bg.png carries a translucent band at its lower
   edge — a divider meant to read against white. #Header sets no
   background-color, so on Ideas pages that band composites over
   cream and moving photographs instead. Painting white underneath
   restores the intended divider and stops the leak. Full-width,
   which the 925px chip row could never be. */
body#landing:has(.idea-pic-container) #Header {
  background-color: #FFFFFF;
}

body#landing:has(.idea-pic-container) .idea-chips {
  top: calc(var(--td-header-h) - var(--td-chips-overlap));
  background: #FBF7F1;
  backdrop-filter: none;
  padding: 12px 0 12px var(--td-chips-label-w);
  row-gap: 8px;
}

/* Label out of flow, its width reserved as container padding, so
   wrapped chip rows all start on the same left edge instead of
   running back under the label. The container is already
   position:sticky, which anchors the absolute positioning. */
body#landing:has(.idea-pic-container) .idea-chips-label {
  position: absolute;
  left: 0;
  top: 12px;
  height: 32px;
  display: flex;
  align-items: center;
  margin-right: 0;
}

body#landing:has(.idea-pic-container) .idea-section {
  scroll-margin-top: calc(var(--td-header-h) + var(--td-chips-h) + 16px);
}

/* Neutralizes three pre-restyle rules still live in the theme's
   991 / 640 / 413 blocks (width 400 / 350 / 340px). They pin the
   container, and the image inside is max-width:100% OF THAT
   CONTAINER — so photos were capped well below the column at every
   size under 991. Overridden by specificity, not deleted: those
   blocks hold unrelated rules and editing in place risks braces. */
body#landing:has(.idea-pic-container) .idea-pic-container {
  width: auto;
}

@media only screen and (max-width: 900px) {
  body#landing:has(.idea-pic-container) .Left { display: none; }
  /* 5px gutter each side once the 235px sidebar gutter is gone —
     otherwise photos and captions run to the viewport edge. */
  body#landing:has(.idea-pic-container) .Content.left {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 767px) {
  body#landing:has(.idea-pic-container) { --td-chips-h: 0px; }
  body#landing:has(.idea-pic-container) .idea-chips { display: none; }

  body#landing:has(.idea-pic-container) h1,
  body#landing:has(.idea-pic-container) h1.secondary-font-family {
    font-size: 34px !important;
    line-height: 1.12 !important;
  }
  body#landing:has(.idea-pic-container) h2,
  body#landing:has(.idea-pic-container) h2.secondary-font-family {
    font-size: 27px !important;
    line-height: 1.16 !important;
  }
  
/* "shop now" in the interstitial sales band. Targets .order-button
   rather than .button: that div carries button + bg-color + btn +
   order-button, and the first three are site-wide theme classes.
   Must live outside any media query — the band is display:none
   below 991, so a rule in a mobile block is unreachable. */
body#landing:has(.idea-pic-container) .order-button {
  font-size: 24px;
  width: 200px;
}
}

/* Theme unfixes the header at 640 (relative, 80px tall), so nothing
   overlays the page and the scroll offset collapses. Type steps down.
   Own block on purpose — TD.css has two max-width:640 blocks already. */
@media only screen and (max-width: 640px) {
  body#landing:has(.idea-pic-container) { --td-header-h: 0px; }
  body#landing:has(.idea-pic-container) .idea-caption    { font-size: 15px; }
  body#landing:has(.idea-pic-container) .idea-blurb      { font-size: 15px; }
  body#landing:has(.idea-pic-container) .idea-eyebrow    { font-size: 11px; }
  body#landing:has(.idea-pic-container) .idea-pic-source { font-size: 12px; }

  /* Display sizes are set for a 925px column; at 390 they cost
     four lines where two will do. */
  body#landing:has(.idea-pic-container) h1,
  body#landing:has(.idea-pic-container) h1.secondary-font-family {
    font-size: 29px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.015em !important;
  }
  body#landing:has(.idea-pic-container) h2,
  body#landing:has(.idea-pic-container) h2.secondary-font-family {
    font-size: 26px !important;
    line-height: 1.18 !important;
    letter-spacing: -0.012em !important;
    margin-bottom: 9px !important;
  }

  /* Bind the section head to its heading and the heading to its
     blurb, so each placement reads as one block. */
  body#landing:has(.idea-pic-container) .idea-eyebrow:not(.idea-eyebrow--inline) {
    margin: 0 0 4px;
  }
  body#landing:has(.idea-pic-container) .idea-blurb   { margin: 0 0 18px; }

  body#landing:has(.idea-pic-container) .idea-pic-source { margin: 7px 0 0; }
  body#landing:has(.idea-pic-container) .idea-caption    { margin: 0; }
}

/* Slider drag must not select page text. Desktop only — TwentyTwenty
   binds mousemove to the document, so once a drag starts the pointer
   can leave the image and the browser begins selecting captions.
   Touch drags scroll rather than select, so this never applies there. */
@media (hover: hover) and (pointer: fine) {
  body#landing:has(.idea-pic-container) .twentytwenty-container,
  body#landing:has(.idea-pic-container) .twentytwenty-container * {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
  }

body#landing:has(.twentytwenty-container.active) {
    -webkit-user-select: none;
    user-select: none;
    cursor: ew-resize;
  }
}

/* ── Vertical rhythm ─────────────────────────────────────────────
   The credit line inherited the body's ~1.5 line-height and sat
   above a caption at 1.6, so leading opened a gap the margins
   couldn't close. Setting it tight is what actually moves them
   together. Applies at all sizes; the 640 block goes tighter. */

body#landing:has(.idea-pic-container) .idea-pic-source {
  line-height: 1.35;
  margin: 9px 0 0;
}

body#landing:has(.idea-pic-container) .idea-caption {
  margin: 1px 0 0;
}

/* :not() is required — the inline caption eyebrow carries both
   classes, and an unqualified .idea-eyebrow rule strips the
   margin-right that separates it from the sentence. */
body#landing:has(.idea-pic-container) .idea-eyebrow:not(.idea-eyebrow--inline) {
  margin: 0 0 6px;
}

body#landing:has(.idea-pic-container) h2,
body#landing:has(.idea-pic-container) h2.secondary-font-family {
  margin-bottom: 12px !important;
}

body#landing:has(.idea-pic-container) .idea-blurb {
  margin: 0 0 22px;
}

/* ── Sidebar block title, Ideas pages ────────────────────────────
   "More Ideas!" — a div#title.shop-by, not a heading. The theme
   rule is #Container .Left div.shop-by, so the selector needs both
   the id and the class to outrank it, and its letter-spacing: -1px
   has to be replaced rather than left to inherit. */
body#landing:has(.idea-pic-container) .Left div#title.shop-by {
  font-family: 'Newsreader', Georgia, 'Times New Roman', serif !important;
  font-weight: 400 !important;
  font-size: 26px !important;
  line-height: 1.15;
  letter-spacing: -0.015em;
  color: #2B2823;
  padding: 0 0 10px;
  margin: 0 0 16px;
  border-bottom: 1px solid #E9DFCE;
}