/* ── Registry family — Design System v2 "Warm Modern" (UI v2 Phase 5/6, 2026-07-23) ──
   Token rewrite of style/registry.css. Same selectors (registry.js / myRegistry.js bind
   to many of these classes — do NOT rename), colors/fonts/radii via headerStyle.php
   tokens. Shared by registry.php, registryForm.php, myRegistry.php.
   Pastel event tints (baby/wedding/charity) kept as one-off art direction — they are
   functional color-coding matched by registryCategories.php. */

a{text-decoration:none;}
img{border-style:none;}

.RegistryMainDiv{background:var(--tch-surface-warm); font-family:var(--tch-font-body); color:var(--tch-text);}

.RegistryBanner{background:url("https://cdn.theclassyhome.com/newimages/site/registry-banner.jpg") no-repeat center top; min-height:1020px; padding:4% 0; font-family:var(--tch-font-body); color:var(--tch-ink); font-size:20px; text-shadow:1px 1px 1px #fff;}
.TitleBannerLeft{font-family:var(--tch-font-display); font-size:26px; font-weight:400; color:var(--tch-ink);}
.TitleBannerLeft h1{font-size:clamp(var(--tch-text-2xl), 5vw, 70px); font-family:var(--tch-font-display); font-weight:600; margin:20px 0; line-height:1.1;}
.TitleBannerLeft b{font-size:var(--tch-text-xl); font-weight:600;}

.FindRegistry{background:var(--tch-surface-sand); color:var(--tch-ink); font-family:var(--tch-font-body); padding:var(--tch-space-6) 0;}
.FindRegistry .GiftFind{position:relative;}
.FindRegistry h2{font-size:var(--tch-text-xl); font-weight:500; margin:0; font-family:var(--tch-font-display);}
.FindRegistry p{margin:10px 0; font-size:var(--tch-text-md); font-weight:400; width:70%; color:var(--tch-ink-2);}
.FindRegistry .atag{position:absolute; right:0; top:30px; background:var(--tch-brand); border-radius:var(--tch-radius-pill); font-family:var(--tch-font-body); color:#fff; font-size:var(--tch-text-md); font-weight:600; padding:14px 28px; box-shadow:var(--tch-shadow-sm); transition:background .2s ease;}
.FindRegistry .atag:hover{background:var(--tch-brand-dark); color:#fff;}
.MyRegisteryRight .FormRow .colum2 date{border:1px solid var(--tch-line); width:96%; padding:0 2%; height:40px;}

.RegistryForm{margin:5% auto; max-width:520px; font-family:var(--tch-font-body);}
.RegistryForm .AnyQuestions{text-align:center; font-size:var(--tch-text-base); line-height:30px; color:var(--tch-ink-2);}
.RegistryForm .AnyQuestions b{font-size:var(--tch-text-md); font-weight:600; color:var(--tch-ink);}

.CreateForm{background:var(--tch-surface); width:100%; padding:var(--tch-space-5); border-radius:var(--tch-radius-lg); border:1px solid var(--tch-line); box-shadow:var(--tch-shadow-sm);}
.CreateForm a.skip{color:var(--tch-ink); font-size:var(--tch-text-md); font-weight:600; text-decoration:underline;}
.CreateForm a.skip:hover{text-decoration:none;}
.CreateForm.Wedding{background:#cbebae;}
.CreateForm.Baby{background:#d6edf5;}
.CreateForm.Charity{background:#ecdaf1;}

.CreateForm .FormTitle{text-align:center; color:var(--tch-ink);}
.CreateForm .FormTitle h2{font-weight:500; font-size:var(--tch-text-3xl); margin:0 0 15px 0; font-family:var(--tch-font-display);}
.CreateForm .FormTitle b{font-weight:600; font-size:var(--tch-text-xl); font-family:var(--tch-font-display);}
.CreateForm .FormTitle p{font-weight:400; font-size:var(--tch-text-lg); margin:5px 0 25px 0;}
.CreateForm .FormPartRow{overflow:hidden;}
.CreateForm .FormPartRow .FormPartLeft{float:left; width:50%;}
.CreateForm .FormPartRow .FormPartLeft input{width:95%; float:left;}
.CreateForm .FormPartRow .FormPartRight{float:left; width:50%;}
.CreateForm .FormPartRow .FormPartRight input{width:95%; float:right;}
.CreateForm .Checkbox label{text-align:center; font-size:var(--tch-text-base); font-weight:normal; padding-bottom:20px;}
.CreateForm .AllSetIcon{text-align:center;}
.CreateForm .AllSetText{text-align:center; font-size:var(--tch-text-md);}
.CreateForm .AllSetText b{font-size:var(--tch-text-lg); font-weight:600;}
.CreateForm.Wedding h2{font-weight:600;}

.FormFields{font-size:var(--tch-text-base); text-align:center; color:var(--tch-text);}
.FormFields input[type=text],
.FormFields input[type=date]{border:1px solid var(--tch-line); border-radius:var(--tch-radius); background:var(--tch-surface); padding:10px 0; width:100%; text-indent:10px; margin-top:20px; font-size:var(--tch-text-base); color:var(--tch-text); font-family:var(--tch-font-body); height:42px; box-sizing:border-box; transition:border-color .15s ease, box-shadow .15s ease;}
.FormFields input[type=text]:focus,
.FormFields input[type=date]:focus{border-color:var(--tch-brand); box-shadow:0 0 0 3px rgba(191,91,45,.15);}

.CreateForm .FormPartRow .FormPartLeft select{float:left; border:1px solid var(--tch-line); border-radius:var(--tch-radius); background:var(--tch-surface); padding:10px 0; width:95%; margin-top:20px; text-indent:10px; font-size:var(--tch-text-base); color:var(--tch-text); font-family:var(--tch-font-body); height:62px;}

.FormFields select{width:100%; border:1px solid var(--tch-line); border-radius:var(--tch-radius); background:var(--tch-surface); padding:10px; text-indent:10px; font-size:var(--tch-text-base); color:var(--tch-text); font-family:var(--tch-font-body); height:62px; box-sizing:border-box;}

.FormFields button{border:1px solid var(--tch-brand); border-radius:var(--tch-radius-pill); padding:0 var(--tch-space-5); height:44px; margin-top:15px; font-size:var(--tch-text-md); font-weight:600; color:#fff; background:var(--tch-brand); font-family:var(--tch-font-body); cursor:pointer; transition:background .2s ease, border-color .2s ease;}
.FormFields button:hover{border-color:var(--tch-brand-dark); background:var(--tch-brand-dark);}
.FormFields .Calendar{width:100%;}

.CelebrateMilestone{padding:4% 0; text-align:center; font-family:var(--tch-font-body); color:var(--tch-ink);}
.CelebrateMilestone .SiteContainer{max-width:1550px;}
.CelebrateMilestone h2{font-size:var(--tch-text-2xl); font-weight:500; margin:0; font-family:var(--tch-font-display);}
.CelebrateMilestone p{font-size:var(--tch-text-md); font-weight:400; margin:10px 0; color:var(--tch-muted);}

.CelebrateMilestone ul{margin:30px 0 0 0; text-align:left; padding:0; display:flex; flex-wrap:wrap; justify-content:space-between; color:var(--tch-ink);}
.CelebrateMilestone ul li h3{font-size:var(--tch-text-2xl); font-weight:600; margin:0; padding-left:10px; font-family:var(--tch-font-display);}
.CelebrateMilestone ul li p{font-size:var(--tch-text-md); font-weight:400; padding-left:15px; color:var(--tch-ink-2);}

.CelebrateMilestone ul li{list-style:none; flex:auto; width:100%; max-width:470px; background:#d6edf5; border-radius:var(--tch-radius-lg); font-family:var(--tch-font-body); margin-bottom:15px; box-shadow:var(--tch-shadow-sm); transition:box-shadow .25s ease, transform .25s ease;}
.CelebrateMilestone ul li:hover{box-shadow:var(--tch-shadow); transform:translateY(-2px);}
.CelebrateMilestone ul li:nth-child(2){background:#cbebae;}
.CelebrateMilestone ul li:nth-child(3){background:#ecdaf1;}
.CelebrateMilestone ul li a{background:var(--tch-surface); color:var(--tch-ink); text-align:center; border:1px solid var(--tch-surface); border-radius:var(--tch-radius-pill); font-family:var(--tch-font-body); font-size:var(--tch-text-md); width:100%; height:54px; line-height:50px; display:block; font-weight:600; position:absolute; left:10px; bottom:10px; max-width:450px; transition:background .2s ease, color .2s ease;}
.CelebrateMilestone ul li a:hover{background:var(--tch-brand); border-color:var(--tch-brand); color:#fff;}
.CelebrateMilestone ul li:nth-child(2) a{color:var(--tch-ink);}
.CelebrateMilestone ul li:nth-child(2) a:hover{background:var(--tch-brand); border-color:var(--tch-brand); color:#fff;}
.CelebrateMilestone ul li:nth-child(3) a{color:var(--tch-ink);}
.CelebrateMilestone ul li:nth-child(3) a:hover{background:var(--tch-brand); border-color:var(--tch-brand); color:#fff;}
.CelebrateMilestone ul li .RegistryType{padding:10px; min-height:330px; position:relative;}
.CelebrateMilestone ul li .RegistryType.Baby{background:url("https://cdn.theclassyhome.com/newimages/site/registry-baby-icon.png") no-repeat right bottom;}
.CelebrateMilestone ul li .RegistryType.Wedding{background:url("https://cdn.theclassyhome.com/newimages/site/registry-wedding-icon.png") no-repeat right bottom;}
.CelebrateMilestone ul li .RegistryType.Charity{background:url("https://cdn.theclassyhome.com/newimages/site/registry-charity-icon.png") no-repeat center bottom;}

.CelebrateMilestone .CustomRegistry{text-align:center; font-family:var(--tch-font-body);}
.CelebrateMilestone .CustomRegistry h3{font-size:var(--tch-text-2xl); font-weight:600; margin:15px 0; font-family:var(--tch-font-display);}
.CelebrateMilestone .CustomRegistry p{font-size:var(--tch-text-md); font-weight:400; color:var(--tch-ink-2);}
.CelebrateMilestone .CustomRegistry a{font-size:var(--tch-text-md); font-weight:600; color:var(--tch-brand); text-decoration:underline;}
.CelebrateMilestone .CustomRegistry a:hover{color:var(--tch-brand-dark); text-decoration:none;}

.YouMightIntrested{padding:20px 0 0 0; background:var(--tch-surface-sand);}
.YouMightIntrested h2, .PostWeddingPicks h2{font-size:var(--tch-text-lg); font-weight:500; color:var(--tch-ink); font-family:var(--tch-font-display);}
.IntrestedCategory ul{margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.IntrestedCategory ul li{list-style:none; margin:8px; text-align:center; background:var(--tch-surface); flex:auto; border-radius:var(--tch-radius); min-width:180px; transition:box-shadow .3s ease, transform .3s ease; box-shadow:var(--tch-shadow-sm);}
.IntrestedCategory ul li a{padding:15px 10px; display:block; font-size:var(--tch-text-base); font-family:var(--tch-font-body); color:var(--tch-ink); font-weight:500;}
.IntrestedCategory ul li:hover{box-shadow:var(--tch-shadow); transform:translateY(-2px);}
.IntrestedCategory ul li a img{max-height:130px; margin-bottom:5px;}
.YouMightIntrested.cat{background:var(--tch-surface-warm); padding-bottom:40px; font-family:var(--tch-font-body);}
.YouMightIntrested.cat ul li a{font-family:var(--tch-font-body);}

.PostWeddingPicks{background:var(--tch-surface-sand); padding:20px 0; font-family:var(--tch-font-body);}
.PostWeddingPicks h2{margin:0;}
.WeddingPicksPost ul{margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.WeddingPicksPost ul li{list-style:none; margin:8px; text-align:center; flex:auto; transition:0.3s; max-width:23%;}
.WeddingPicksPost ul li a{color:var(--tch-ink); padding:10px; display:block; font-size:var(--tch-text-base); background:var(--tch-surface); border-radius:var(--tch-radius);}
.WeddingPicksPost ul li a:hover{color:var(--tch-ink); box-shadow:var(--tch-shadow);}
.WeddingPicksPost ul li p{font-size:var(--tch-text-base);}

.HappyCouples{padding:40px 0; text-align:center; font-size:var(--tch-text-lg); font-family:var(--tch-font-body);}
.HappyCouples h2{font-size:var(--tch-text-xl); color:var(--tch-ink); font-weight:500; margin:0; font-family:var(--tch-font-display);}
.HappyCouples ul{margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:space-between; text-align:center;}
.HappyCouples ul li{list-style:none; margin:8px; text-align:center; flex:auto; transition:0.3s; max-width:23%;}
.HappyCouples ul li figure{padding:8px; display:block; border:1px solid var(--tch-line); width:200px; height:200px; line-height:200px; border-radius:50%; overflow:hidden; margin:0 auto;}
.HappyCouples ul li a{display:block; width:200px; height:200px; line-height:200px; border-radius:50%; overflow:hidden;}
.HappyCouples ul li a img{max-width:inherit;}
.HappyCouples ul li p{font-size:var(--tch-text-base); font-weight:500; margin-bottom:5px;}
.HappyCouples ul li i{font-size:var(--tch-text-sm); font-weight:400; color:var(--tch-muted);}
.BrandLogoSlider{border-top:1px solid var(--tch-line); padding:15px 0;}
.BrandLogoSlider .item{text-align:center;}
.BrandLogoSlider .swiper-slide .item img{max-width:100%; margin:0 auto; width:auto;}
.MoreBrandsLove{text-align:center; padding:20px 0; font-family:var(--tch-font-body); color:var(--tch-ink);}
.MoreBrandsLove h2{font-size:var(--tch-text-xl); font-weight:500; margin-bottom:0; font-family:var(--tch-font-display);}
.MoreBrandsLove p{font-size:var(--tch-text-md); font-weight:400; margin:10px 0; color:var(--tch-muted);}

.QuestionsAccess{text-align:center; padding:30px 0; font-size:var(--tch-text-base); font-family:var(--tch-font-body); color:var(--tch-ink-2);}
.QuestionsAccess .Questions{border-right:1px solid var(--tch-line); max-width:400px; width:100%; display:inline-block; padding:15px 0;}
.QuestionsAccess .Access{max-width:400px; width:100%; display:inline-block;}
.QuestionsAccess .Access img{vertical-align:middle;}
.QuestionsAccess .Questions b, .QuestionsAccess .Access b{font-size:var(--tch-text-md); font-weight:600; line-height:38px; color:var(--tch-ink); font-family:var(--tch-font-display);}

.RegistrySection{padding-top:40px;}

.OverviewTop{background:var(--tch-surface); font-family:var(--tch-font-body); margin-bottom:30px; border-radius:var(--tch-radius-lg); border:1px solid var(--tch-line); box-shadow:var(--tch-shadow-sm);}
.OverviewTop .TopHed{padding:10px 15px; border-bottom:1px solid var(--tch-line); display:flex; justify-content:space-between;}
.OverviewTop .TopHed .GiftStatus{text-align:right; font-size:var(--tch-text-base);}
.OverviewTop .TopHed .GiftStatus p{margin:10px 0;}
.OverviewTop .TopHed .Iconset{text-align:center;}
.OverviewTop .TopHed .Iconset ul{margin:0; padding:0; display:flex; justify-content:space-between;}
.OverviewTop .TopHed .Iconset ul li{list-style:none; padding:10px;}
.OverviewTop .TopHed .Iconset ul li span{display:block; background:var(--tch-surface-warm); height:40px; width:40px; line-height:40px; border-radius:50%; padding:10px; margin:0 auto 6px auto;}

.OverviewTop .TopHed .UserInfo{padding:5px;}
.OverviewTop .TopHed .UserInfo h3{font-weight:500; font-size:var(--tch-text-lg); line-height:32px; margin:5px 0 8px 0; font-family:var(--tch-font-display);}
.OverviewTop .TopHed .UserInfo h3 span{font-size:var(--tch-text-md);}
.OverviewTop .TopHed .UserInfo p{font-weight:400; font-size:var(--tch-text-sm); margin-top:0; margin-bottom:0; color:var(--tch-muted);}
.OverviewTop .TopHed .UserInfo .Thumb{border:2px solid var(--tch-line); border-radius:50%; width:76px; height:76px; background:var(--tch-surface); text-align:center; float:left;}
.OverviewTop .TopHed .UserInfo .Thumb i{vertical-align:middle; line-height:105px; height:70px; display:table-cell; text-align:center; width:76px;}
.OverviewTop .TopHed .UserInfo .ProfileText{margin-left:90px;}

.OverviewNav{text-align:center; padding:20px 10px 16px 10px; font-family:var(--tch-font-body); font-size:var(--tch-text-base); font-weight:500;}
.OverviewNav ul{max-width:500px; margin:0 auto; padding:0; display:flex; justify-content:space-between;}
.OverviewNav ul li{list-style:none; line-height:30px;}
.OverviewNav ul li a{color:var(--tch-ink);}
.OverviewNav ul li a:hover{color:var(--tch-brand-dark); text-decoration:underline;}
.OverviewNav ul li.DropDown{position:relative;}
.OverviewNav ul li.DropDown a:hover{text-decoration:none;}
.OverviewNav ul li.DropDown ul{display:none; text-align:left; position:absolute; left:0; top:60px; width:150px; font-weight:400; background:var(--tch-surface); border:1px solid var(--tch-line); border-radius:var(--tch-radius); font-size:var(--tch-text-sm); box-shadow:var(--tch-shadow); z-index:9;}
.OverviewNav ul li.DropDown:hover ul{display:block;}
.OverviewNav ul li.DropDown ul li{padding:5px;}
.OverviewNav ul li.DropDown ul li a{padding:5px 10px;}
.OverviewNav ul li.DropDown ul li a:hover{text-decoration:underline; margin-left:5px;}
.OverviewNav ul li.DropDown ul:after{content:""; position:absolute; left:15px; top:-10px; width:0; height:0; border-style:solid; border-width:0 10px 10px 10px; border-color:transparent transparent var(--tch-surface) transparent; z-index:9998;}

.OverviewTop .ViewShare{float:right; text-align:right; padding:15px; line-height:26px;}
.OverviewTop .ViewShare a{display:block; color:var(--tch-brand); text-decoration:underline; font-size:var(--tch-text-base); font-style:italic;}
.OverviewTop .ViewShare a:hover{text-decoration:none; color:var(--tch-brand-dark);}

.OverviewTop.Baby{background:#d6edf5;}
.OverviewTop.Baby .TopHed{border-color:#8db6c5;}
.OverviewTop.Baby .TopHed .UserInfo .Thumb{border-color:#93bbc9;}
.OverviewTop.Baby .TopHed .Iconset ul li span{background:#a3e6fd;}

.OverviewTop.Wedding{background:#cbebae;}
.OverviewTop.Wedding .TopHed{border-color:#9bc078;}
.OverviewTop.Wedding .TopHed .UserInfo .Thumb{border-color:#94c731;}
.OverviewTop.Wedding .TopHed .Iconset ul li span{background:#e0fbc8;}

.OverviewTop.Charity{background:#ecdaf1;}
.OverviewTop.Charity .TopHed{border-color:#c8b0cf;}
.OverviewTop.Charity .TopHed .UserInfo .Thumb{border-color:#cfb3d7;}
.OverviewTop.Charity .TopHed .Iconset ul li span{background:#fcf4fe;}

.ChecklistLeft{width:25%; float:left;}
.ChecklistRecap{padding:0 0 20px 0; font-family:var(--tch-font-body);}
.ChecklistRecap h3{font-size:var(--tch-text-lg); font-weight:500; margin:0 0 26px 0; font-family:var(--tch-font-display);}
.ChecklistRecap ul{margin:0; padding:0;}
.ChecklistRecap ul li{list-style:none; border:1px solid var(--tch-line); background:var(--tch-surface); border-radius:var(--tch-radius); padding:10px; margin-bottom:15px; position:relative; transition:border-color .2s ease, box-shadow .2s ease;}
.ChecklistRecap ul li:hover{border-color:var(--tch-brand); box-shadow:var(--tch-shadow-sm); cursor:pointer;}
.ChecklistRecap ul li span{display:inline-block; vertical-align:middle; margin-right:10px; max-width:60%; width:100%;}
.ChecklistRecap ul li b{font-size:var(--tch-text-base); font-weight:600;}
.ChecklistRecap ul li figure{width:60px; margin:0; vertical-align:middle; display:inline-block;}
.ChecklistRecap ul li i{position:absolute; right:10px; top:50%; margin-top:-10px;}
.ChecklistRecap ul li span.count{background:var(--tch-brand); height:3px; max-width:100%; display:block; position:absolute; left:0; bottom:0; border-radius:var(--tch-radius-pill);}

.MyRegisteryRight{width:73%; margin-left:27%; font-family:var(--tch-font-body);}
.MyRegisteryRight h1{font-weight:600; font-size:var(--tch-text-lg); font-family:var(--tch-font-display);}
.MyRegisteryRight h2{font-weight:400; font-size:var(--tch-text-lg); font-family:var(--tch-font-display);}

.YourItems h3{font-size:var(--tch-text-lg); font-weight:500; margin:0 0 20px 0; font-family:var(--tch-font-display);}

.YourItems ul{margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:left; font-family:var(--tch-font-body);}
.YourItems ul li{list-style:none; border:1px solid var(--tch-line); background:var(--tch-surface); border-radius:var(--tch-radius); padding:0 10px; margin:8px; display:flex; justify-content:center; flex-direction:column; max-width:20%;}
.YourItems ul li .thumb{margin:0 auto; height:145px; padding-top:15px; overflow:hidden;}
.YourItems ul li .thumb img{max-width:100%; max-height:100%;}
.YourItems ul li:hover{border:1px solid var(--tch-line); box-shadow:var(--tch-shadow); transition:0.3s; cursor:pointer;}
.YourItems ul p{margin:0; padding-top:15px; text-align:center;}
.YourItems ul p b{font-size:var(--tch-text-md); font-weight:600;}
.YourItems ul p strike{color:var(--tch-muted); font-size:var(--tch-text-sm);}
.YourItems ul h4{margin:8px 0 8px 0; font-size:var(--tch-text-base); font-weight:normal; text-align:center;}
.YourItems ul a.buynow{text-align:center; background:var(--tch-brand); color:#fff; border-radius:var(--tch-radius-pill); padding:8px; font-weight:600; transition:background .2s ease;}
.YourItems ul a.buynow:hover{background:var(--tch-brand-dark); color:#fff;}
.YourItems ul a.soldout{margin-bottom:5px; background:var(--tch-surface-sand); color:var(--tch-muted); border-radius:var(--tch-radius-pill); padding:8px; text-align:center; cursor:not-allowed;}
.YourItems ul a.deleteitem{text-align:center; color:var(--tch-muted); text-decoration:underline; font-size:var(--tch-text-xs); margin:10px 0;}
.YourItems ul a.deleteitem:hover{color:var(--tch-ink); text-decoration:none;}

.NewlywedMustHaves{padding:45px 0; background:var(--tch-surface-sand); margin-top:40px; font-family:var(--tch-font-body);}
.NewlywedMustHaves h3{font-size:var(--tch-text-lg); font-weight:500; margin:0 0 20px 0; font-family:var(--tch-font-display);}

.NewlywedMustHaves ul{margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:left;}
.NewlywedMustHaves ul li{list-style:none; background:var(--tch-surface); border:1px solid var(--tch-line); border-radius:var(--tch-radius); padding:0 10px; margin:8px; display:flex; justify-content:center; flex-direction:column; max-width:220px; cursor:pointer; transition:box-shadow .25s ease, transform .25s ease;}
.NewlywedMustHaves ul li .thumb{margin:0 auto 15px auto; height:170px;}
.NewlywedMustHaves ul li .thumb img{max-height:180px;}
.NewlywedMustHaves ul li:hover{border:1px solid var(--tch-line); box-shadow:var(--tch-shadow); transform:translateY(-2px);}
.NewlywedMustHaves ul p{margin:0; padding-top:15px; text-align:center;}
.NewlywedMustHaves ul p b{font-size:var(--tch-text-md); font-weight:600;}
.NewlywedMustHaves ul p strike{color:var(--tch-muted); font-size:var(--tch-text-sm);}
.NewlywedMustHaves ul h4{margin:8px 0 8px 0; font-size:var(--tch-text-base); font-weight:normal; text-align:center;}
.NewlywedMustHaves ul a.AddRegistry{text-align:center; background:var(--tch-surface); color:var(--tch-brand); font-weight:600; border:1px solid var(--tch-brand); border-radius:var(--tch-radius-pill); padding:8px; margin-bottom:15px; transition:background .2s ease, color .2s ease;}
.NewlywedMustHaves ul a.AddRegistry:hover{background:var(--tch-brand); color:#fff; border:1px solid var(--tch-brand);}

@media only screen and (min-width:0) and (max-width:1220px){
	.TitleBannerLeft{width:46%;}
}

@media only screen and (min-width:0) and (max-width:1024px){
	.TitleBannerLeft{float:none; width:auto; text-align:center;}
	.CreateFormRight{float:none; margin:0 auto;}
	.TitleBannerLeft h1{font-size:40px;}
	.TitleBannerLeft b{font-size:20px;}
	.CreateFormRight .FormTitle h2{font-size:34px;}
	.CreateFormRight .FormTitle b{font-size:22px;}
	.CreateFormRight .FormTitle p{font-size:18px;}
	.FormFields input[type="text"]{margin-top:10px; height:36px; padding-right:0;}
	.CreateForm{width:100%; padding:0;}
	.CreateForm .FormTitle, .CreateForm .FormFields{padding:15px;}
	.CreateForm .FormTitle p{margin:5px 0 5px 0;}
}

@media only screen and (min-width:0) and (max-width:960px){
	.RegistryBanner{min-height:400px; background-size:cover;}
	.FindRegistry .GiftFind{padding-bottom:30px; text-align:center;}
	.FindRegistry p{width:auto;}
	.FindRegistry .atag{position:relative;}
	.WeddingPicksPost ul li{max-width:30%;}
	.QuestionsAccess .Questions{border:0;}
	.QuestionsAccess .Access{padding:15px 0;}
	.ChecklistLeft{width:auto; float:none; padding:10px;}
	.MyRegisteryRight{width:auto; margin:0; padding:0 10px;}
	.NewlywedMustHaves ul{justify-content:center;}
	.NewlywedMustHaves h3, .YouMightIntrested h2{text-align:center;}
	.IntrestedCategory ul li a{padding:0;}
	.YourItems h3{text-align:center;}
	.YourItems ul{justify-content:center;}
	.YourItems ul li{max-width:200px;}

	.WriteReviewForm{padding-top:60px;}
	.WriteReviewForm .FormRow{padding:10px;}
	.WriteReviewForm .FormRow .colum2{width:100%;}
	.WriteReviewForm .FormRow label{display:block; text-align:left; margin:5px 0;}
	.WriteReviewForm .FormRow input{width:100%; padding:10px 0; text-indent:10px;}
	.WriteReviewForm .FormRow select{width:100%; padding:10px 0; text-indent:10px;}
}

@media only screen and (min-width:0) and (max-width:840px){
	.OverviewTop .TopHed{display:revert;}
	.OverviewTop .TopHed .Iconset ul{justify-content:center;}
	.OverviewTop .TopHed .GiftStatus{text-align:center;}
	.OverviewTop .TopHed .GiftStatus p{display:inline-block; margin:10px;}
	.OverviewTop .ViewShare{float:none; text-align:center;}
	.OverviewTop .ViewShare a{display:inline-block; margin:0 10px;}
	.OverviewNav ul li{font-size:var(--tch-text-sm);}
}

@media only screen and (min-width:0) and (max-width:720px){
	.CelebrateMilestone ul{display:block;}
	.CelebrateMilestone ul li{width:auto; max-width:inherit; display:block;}
	.WeddingPicksPost ul li{max-width:46%;}
	.HappyCouples ul li{max-width:inherit;}
	.OverviewNav ul li.DropDown ul{display:none; text-align:left; position:absolute; left:-115px; top:60px; width:150px; font-weight:400; background:var(--tch-surface); border-radius:var(--tch-radius); font-size:var(--tch-text-sm);}
	.OverviewNav ul li.DropDown ul:after{left:120px;}
}

@media only screen and (min-width:0) and (max-width:660px){
	.TitleBannerLeft h1{font-size:32px; margin:10px 0;}
	.CreateFormRight{width:90%;}
	.FormFields button{height:46px; font-size:16px; margin-bottom:5px;}
	.WeddingPicksPost ul li{max-width:96%;}
	.CreateForm .FormTitle h2{font-size:30px;}
	.CreateForm .FormTitle b{font-size:22px;}
	.CreateForm .FormTitle p{font-size:18px;}
}