@charset "UTF-8";
/* CSS Document */

/*Header Footer Styles*/



/*Main navbar*/
#ctl00_BaseBody_DesktopBanner1_ucMenu_ctl06,
#ctl00_BaseBody_DesktopBanner1_ucMenu_ctl22,
#ctl00_BaseBody_DesktopBanner1_ucMenu_ctl24 .nav-item{
text-align:right !important;
}
/*cart/login */
#ctl00_BaseBody_DesktopBanner1_ucShoppingCartDisplay_btnCart{
background-color: var(--action) ;
}
header .fa-shopping-cart{
  display:none !important;
}
#login.col-4{
order:2 !important;
}


/*Correct nav link font weight*/
#DesktopNavBar .nav-link{
font-weight:bold !important;
}
#ctl00_BaseBody_DesktopBanner1_ucSecLinks_lnkLogin:hover,
#ctl00_BaseBody_DesktopBanner1_ucShoppingCartDisplay_btnCart:hover #ctl00_BaseBody_DesktopBanner1_ucShoppingCartDisplay_btnCart::before,
#ctl00_BaseBody_DesktopBanner1_ucShoppingCartDisplay_btnCart:hover::before{
  box-shadow:none !important;
  border:none !important;
  color: var(--light) !important;
}

#ctl00_DesktopBanner1_ucShoppingCartDisplay_btnCart,
#ctl00_DesktopBanner1_ucSecLinks_lnkLogin{
text-transform:uppercase;
font-size:0.875rem;
}
/*mimic utility class pr-2 for hamburger menu*/
.navbar.navbar-expand-lg.navbar-light{
padding-right:0.5rem !important;
}
@media(min-width:768px){
#ctl00_BaseBody_DesktopBanner1_ucShoppingCartDisplay_btnCart{
float:right;
background-color: var(--templatebg);
}
}

#ctl00_DesktopBanner1_ucShoppingCartDisplay_btnCart{
background:var(--templatebg);
}
.store-cart-shortcut{
float:right;
	  margin-top: -2px;
}
/*Cart element uses BaseBody selector on public pages, but not on cart/store pages, so we require 2 selectors to cover both instances*/
*[id$="_btnCart"]::before {
content: "Cart" !important;
color: var(--action) !important;
}
@media(max-width:768px){
#main-menu-col,
#ctl00_DesktopBanner1_ucShoppingCartDisplay_btnCart{
background: var(--action) !important; padding-bottom: 0 !important;
}
*[id$="_btnCart"]::before,
*[id$="_lnkLogin"]::before {
  padding-top:0 !important;
}
.store-cart-shortcut{
float:left !important;
}
	
#headerlinks a{
font-size:1rem !important;
}
#headerlinks a:first-child{
background-image: url("https://dtcs.thatchertech.net/pwsdata/dt/contentimages/cart-dark.png") !important;
  background-repeat:no-repeat !important;
	border: none !important;
    background-position-x: 10px !important;
    background-position-y: center !important;

}
#headerlinks a:nth-child(2){
background-image: url("https://dtcs.thatchertech.net/pwsdata/dt/contentimages/user-circle-dark.png") !important;}
#ctl00_BaseBody_DesktopBanner1_ucShoppingCartDisplay_btnCart::before,
#ctl00_DesktopBanner1_ucShoppingCartDisplay_btnCart::before{
color: var(--base) !important;
  content:"cart" !important;
}
/*Prevent white text color. BaseBody selectors used for non-cart/store pages */
#ctl00_BaseBody_DesktopBanner1_ucSecLinks_lnkLogin:hover,
#ctl00_DesktopBanner1_ucSecLinks_lnkLogin:hover,
#ctl00_BaseBody_DesktopBanner1_ucShoppingCartDisplay_btnCart:hover,
#ctl00_DesktopBanner1_ucShoppingCartDisplay_btnCart:hover,
#ctl00_BaseBody_DesktopBanner1_ucShoppingCartDisplay_btnCart:hover #ctl00_BaseBody_DesktopBanner1_ucShoppingCartDisplay_btnCart::before,
#ctl00_DesktopBanner1_ucShoppingCartDisplay_btnCart:hover #ctl00_DesktopBanner1_ucShoppingCartDisplay_btnCart::before,
#ctl00_BaseBody_DesktopBanner1_ucShoppingCartDisplay_btnCart:hover::before,
#ctl00_DesktopBanner1_ucShoppingCartDisplay_btnCart:hover::before{
color:var(--dark) !important;
}
}
@media(max-width:576px){
.store-cart-shortcut{
 margin-top: 3px;
}
}
.img-circular{
  border-radius:50%;
  width:100%;
  height:auto;
  aspect-ratio:1/1;
  z-index:1599;
}
.img-circular-sm{
width:auto;  
max-width:40px !important;
  height:auto;
  aspect-ratio:1/1;
   border-radius:50%;
  
}
header.site-header{
background: #28282b;
color:#fff
}
@media(max-width:764px){
#ctl00_BaseBody_DesktopBanner1_ucSecLinks_lnkLogin{
float:left;
}
}
@media(min-width:769px){
.hide-lg{
display:none !important
}
}
@media(max-width:768px){
.hide-sm{
display:none !important
}

}
@media(max-width:1200px){
.hide-sm-xl{
display:none !important
}

}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px){
img#ctl00_DesktopBanner1_imgHeaderLogo.HeaderLogo {
    margin-top: 20px!important;
}
}
footer .fa-user-circle,
.site-header .fas{
color:#C4D82E;
padding:0 4px;
}
@media(max-width:992px){
header .navbar{
justify-content: flex-end!important;
}
}
.footer-column-right p, .footer-column-right #ctl00_BaseBody_ucDesktopFooter_ucSecLinks_lnkLogin{
font-size:14px !important;
}
footer a:hover,
footer li>a:hover,
a.text-white:hover{
color:var(--action) !important;
}
#ctl00_BaseBody_DesktopBanner1_ucSecLinks_lnkLogin{
text-transform: uppercase !important;
}

.navbar-light .navbar-toggler{
border-color:#1A1110 !important;
}
.navbar-light .navbar-toggler-icon{
background-image: url("data:image/svg+xml,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(26, 17, 16, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>") !important;
}
.navbar-nav .nav-link{
padding-left:5px;padding-right:5px
}
header .nav-item >.nav-link{
text-transform:uppercase !important;
  font-weight:600 !important;
}
)

#headerlinks a:hover,
#headerlinks a:active,
#headerlinks a:clicked,
#headerlinks a:active{
border:none;
box-shadow:none;
  color: var(--light);
}
@media(max-width:768px){
#headerlinks a:hover,#ctl00_BaseBody_DesktopBanner1_ucShoppingCartDisplay_btnCart:hover,
#headerlinks a:focus,#ctl00_BaseBody_DesktopBanner1_ucShoppingCartDisplay_btnCart:focus,
#headerlinks a:active,#ctl00_BaseBody_DesktopBanner1_ucShoppingCartDisplay_btnCart:active,
#headerlinks a:clicked,#ctl00_BaseBody_DesktopBanner1_ucShoppingCartDisplay_btnCart:clicked{
  color: var(--dark) !important;
}
#ctl00_BaseBody_DesktopBanner1_ucShoppingCartDisplay_btnCart::before,
#ctl00_BaseBody_DesktopBanner1_ucSecLinks_lnkLogin,
header .dropdown-item{
  color: var(--base) !important; 
}
#headerlinks{
  background: var(--action) !important;
}
}
/*retain normal hamburger toggler padding through md-lg breakpt*/
.navbar.navbar-expand-lg.navbar-light.bg-light{
padding: 0.5rem 1rem !important;
}

/*Header Style adjustments to address shop pages CSS conflicts*/
@media(max-width:768px){
#headerlinks{
margin-right:-1px !important;
}
}
/*End Header Footer Styles*/




/*/End Public Homepage Styles*/
/*==================================*/
/*-- Global Elements --*/

.keeptogether {display: block;}
.imgbg {background-repeat: no-repeat; background-size:cover; background-position: center;}
.imgbg > *:before {background-image: linear-gradient(to top right, rgba(40,40,43,.6), rgba(40,40,43,.4));  content: ""; height: 100%;  position: absolute; width: 100%; top:0; left:0;
}

h1.display.smaller {font-size: calc(1em + 3vw);}
h2.display.smaller {font-size: calc(.875em + 3vw);}
h3.display.smaller {font-size: calc(.7em + 3vw);}
h1.display.smaller > .original {font-size: 1.5em; display: block; margin-bottom: -.15em;}
div[class$="-TITLE"] h3.display.smaller {font-size: calc(.8em + 1vw);}

blockquote { font-size: 1.25em; padding-left: 1.25em; position: relative;}
blockquote footer.attribution {color: var(--accentprimary); font-size: 1rem; font-weight: 600; letter-spacing: 1px; margin-top: .75em; text-transform: uppercase; }
blockquote footer .title {color: var(--base); font-size: .75rem; font-weight: 400; display:block; }

blockquote.fancy {color: var(--accentprimary); font-size: calc(.75em + 1vw); font-weight: 500; line-height: 1.2; position: relative;}
blockquote.fancy footer {font-size: 1.25rem; font-weight: 400; text-transform: uppercase;}
blockquote.fancy p::before, blockquote.fancy p::after, .quote::before, .quote::after {font-size:2.25em; position: absolute; font-family: var(--displayfont); font-weight: 800; color: var(--accentterciary);}
blockquote.fancy p::before, .quote::before {content:open-quote; left: .325em; top: -0.625em;;}
blockquote.fancy p::after, .quote::after {content:close-quote; right: 0.3em; bottom: .1em;}

.testimonialpic {max-width: 100px; float: right;}
.img-overlap-top, .pull-up {margin-top:-45px; margin-bottom: 10px;}
.intro {font-size: 1.2em; font-weight: 500;}
.fineprint {font-size: .875em;}

.dotbg > * {position: relative; z-index: 1; color: var(--background);}
.dotbg:before {
	content: '';
	display:block;
	width: 50%;
	border-radius: 50%;
	aspect-ratio: 1/1;
	background-color: var(--contrast);
	position:absolute;
	z-index: 0;
	top: 0;
	left: -15px;
}

.has-bubble-bg{
background-position: center center ;
background-repeat: no-repeat;
}

.pagetop {}


@media screen and (max-width: 767px){
	.sectiontitle, .pagetitle.sectiontitle,
h1[data-messagekey="PAGEHEADERSHOPPINGBAG"], h1[data-messagekey="PAGEHEADERCHECKOUTACCOUNT"], h1[data-messagekey="PAGEHEADERCHECKOUTDISCOUNTS"],
label[data-messagekey="CHECKOUT_THANKS_LABEL"],
h1[data-messagekey="ACCOUNT_MANAGEMENT_LABEL"]
	{font-size: 2rem; }
	.hero h1.pagetitle, .leadin {font-size: 1.5rem;}
	.hero .row.imgbg .col.container {padding-bottom: 70px;}
	.circlenum .col {min-width: 100%; margin-bottom: 1em;}
	.boxedcols span.boxnum {font-size: calc(3em + 3.5vw);}
	.offsetcols > .container > .row > .col {top: 1em;}
	.offsetcols, .boxedcols .col  {margin-bottom: 2.5em;}
	.middle-section > .row:first-child > .col {width: 100%;flex: 0 0 100%;}
}

@media screen and (max-width: 576px) {    
	blockquote.fancy p::before, .quote::before {left: .125em;}
	blockquote.fancy p::after, .quote::after {bottom: .825em; }
	blockquote.fancy {padding-right: 1.5em; padding-left: 1.5em;}
}

/*==================================*/
/*-- Header --*/

header.public {background-color: var(--templatebg);}
#LogoCol .HeaderLogo {margin-top: 0 !important;}
#LogoCol img {width: 412px;}
#consultantphoto {width: 54px; height: 54px; border-radius: 50%; margin: 0 1em 1em .5em; padding: 0; overflow: hidden;}
#consultantphoto:empty { width: 0;}
#consultantphoto > img {max-width: 100%; height: auto;}
#profile-info {font-size: .9375em; text-align: right;}
.consultant-name{font-family: var(--displayfont); font-size: 1.15em;}


#DesktopNavBar li> a{
text-transform:uppercase; font-weight:500 !important;
}

#headerlinks a { padding: 4px 8px 4px 24px; line-height: 1.5; background-repeat: no-repeat; background-position: left center;}
#headerlinks a:last-child {background-image: url('https://dtcs.thatchertech.net/pwsdata/dt/images/general/icon-account.png'); bottom: -3px; position: relative; }
#headerlinks a:first-child {background-image: url('https://dtcs.thatchertech.net/pwsdata/dt/images/general/icon-cart.png'); margin-right: 10px;  border: 2px solid var(--accentterciary);  border-radius: 9999px;  padding: 4px 12px 4px 34px;  background-position-x: 10px;

}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {  padding-right: 1.25vw;  padding-left: 1.25vw;}
}
	
@media screen and (min-width: 960px) {
	div[id$="dvDesktopMenu"] {width: 100%;}
	#DesktopNavBar .nav.navbar-nav {
		width: 100%;
		justify-content: flex-start;
	}
	#DesktopNavBar .nav.navbar-nav > li:last-child {margin-left: auto;}
	}
	
@media (min-width: 640px) {
header .col.col-md-12.order-md-1 { text-align: right;}
	#LogoCol .HeaderLogo {padding-bottom: 16px;}
	#profile-info {padding-top: 16px;}
}

@media (max-width: 641px) {
   header #profile-info {flex: 100%;}
	header .col.col-md-12.order-md-1 { background: var(--action); }
	header .col.col-md-12.order-md-1 > a {color: var(--dark);}
	#login .ViewAccountLink > a > div {display: none;}
}

/*==================================*/
/*-- Footer --*/




/*==================================*/
/*-- Forms --*/

span.asterisk {position: absolute; left: -7px;}

.RECRUITCONTACTME .row.form-group,
.PARTYCONTACTME .row.form-group,
.CONTACTME-FORM .row.form-group{
	display: block;
}

.row.form-group > * {align-self: center;}
.row.form-group > label {width: 136px;}
.row.form-group > div {flex-grow: 1;}

*[id*="ContactControl_comment"] > div > div.form-group {margin-left: -15px; margin-right:-15px;}

.ContactControl > .row {margin: 0;}
.ContactControl .col-12.text-left > .row:nth-child(5) > .col-12,
.ContactControl div[id$="ContactOptionsRow"] > .col-12 {padding:0;}

.RECRUITCONTACTME .section-header-section,
.PARTYCONTACTME .section-header-section,
.CONTACTME-FORM .section-header-section{
	border-bottom: 0;
	border-top: 1px solid var(--background);
	font-weight: normal;
	padding-left: 15px;
	text-transform:uppercase;
}

.AddressDisplay .Country.row.form-group {display: none;} /*hide country display publically*/



/*==================================*/
/*-- Layout Controls --*/

.about-me .middle-section {
	max-width: var(--contentarea);
	margin: auto;
}


/*-Login Form-*/

.loginmodal-container {
	background-color: var(--tintneutral);
	border-radius: 0;
	box-shadow: none;
	width: calc(100% - 50px);
	max-width: 600px;
	padding: 1em 1.5em;}

.loginmodal-container a {width:auto; margin: 1em;}
.login-help {text-align: center; font-size: 1em; line-height: 1.1;}
a[id$="lnkRecoverPassword"] {display: none;} /*hide account recovery link*/

div[id$="MainContent_LoginDiv"],
.login-content #ctl00_BaseBody_UniversalLogin1_pnlAccountLogin {
	margin: 40px auto;
}

form[action*="Login"] .site-content.login-content,
form[action*="CustomerAccountRecovery"] .site-content.login-content {
	border-bottom: 1px solid var(--accentprimary);
}

#CookieCheck {text-align:center; font-style:italic;}
#CookieCheck label {max-width: 40ch;margin: 0 3vw;}

form[action*="CustomerAccountRecovery"] .site-content.login-content > .container > .row:first-child > .col-12.mt-2, form[action*="CustomerAccountRecovery"] .site-content.login-content > .container > .row:last-child > .col-12.mt-3,
div[id$="FindMyAccountdiv"] > .col-12:first-child  {text-align: center;}
div[id$="FindMyAccountdiv"] > .col-12:first-child > label {max-width: 65ch; margin:auto;}
form[action*="CustomerAccountRecovery"] .site-content.login-content > .container > .row:last-child {padding-bottom: 2em;}

/*513*/
.AccountRecoveryContainer {
display:flex;
flex-direction:column;
}
.AccountRecoveryContainer .loginmodal-container:first-child {order:2;margin-top:3rem!important;}
.AccountRecoveryContainer .loginmodal-container.mt-5 {order:1;margin-top:unset !important;}
.AccountRecoveryContainer > .loginmodal-container:first-child .row.mt-3 > div:first-child {order:3;}
.AccountRecoveryContainer > .loginmodal-container:first-child .row.mt-3 > div:nth-child(2) {order:4;}
.AccountRecoveryContainer > .loginmodal-container:first-child .row.mt-3 > div:nth-child(3) {order:1;}
.AccountRecoveryContainer > .loginmodal-container:first-child .row.mt-3 > div:nth-child(4) {order:2;}




/*==================================*/
/*-- Home Page --*/

/*Public Homepage Styles*/
/*Link styling exception for links with parent.actiontintbg  */
.actiontintbg a:not(.btn) {
border-bottom: 1px solid var(--action);
box-shadow: 0px -6px 0px var(--action) inset;
}

.img-circular{
border-radius:50%;
width:100%;
height:auto;
aspect-ratio:1/1;
}
.img-circular-sm{
width:40px;
height:auto;
aspect-ratio:1/1;
border-radius:50%;
}
.row1 .img-circular{
width:170%;
max-width:700px;
min-width:180px !important;
margin-left:-70px;
}
@media(min-width:768px){
.row1 .img-circular{
position:absolute;
top:16%;
left:-30%
}
}
.xl-title{
width:auto;
overflow:visible !important;
z-index:2000 !important;
}
@media(min-width:768px){
.xl-title{
position:relative;
}
}
.image-background{
background-repeat:no-repeat;
background-size:cover;
}

@media(max-width:576px){
.category-button-col{
display:none;
}
}
@media(max-width:768px){
.img-circular{
max-width: 50vw;
}
.row1 .img-circular{
width:100% !important;
}
}
@media(min-width:768px){
.img-overlap-top{
margin-top:-45px;
}
}
#view-our-catalog-col{
background: url("https://dtcs.thatchertech.net/pwsdata/dt/contentimages/HP-CatalogCalloutBG.png");
	background-position: bottom right;
	background-repeat: no-repeat;
}
.img-fit{
max-width:100%;
}
/*Home Images z-indexing*/
.z-100{
    position:relative;
width:auto;
z-index:100;
}
.z-200{
  position:relative;
width:auto;
z-index:200 !important;
}
/*Homepage Gallery Spacing*/
#homepage-gallery-row .row>.col-4{
padding:0 !important;
}
@media(max-width:991px){
#homepage-gallery-row .img-fluid{
  min-width: 33.4vw;
}
}
/*Customized semibold bootstrap font-weight utility class */
.font-weight-semibold{
font-weight:500 !important;
}
.HOME-2-HOST-JOIN .has-bubble-bg {background-color: var(--tint); background-image: url("https://dtcs.thatchertech.net/pwsdata/dt/contentimages/bubbleBG-drivers-mobileRS.png");}

.HOME-4-KID-POWERED .has-bubble-bg {background-color: var(--actiontint); background-image: url("https://dtcs.thatchertech.net/pwsdata/dt/contentimages/bubbleBG-aboutdt.png");}

#homepage-gallery-row .col-md-6:first-child .col-4 { padding: 0;}
/*Homepage mobile adjustments*/
/*Allow more horizontal space for hero section*/
@media(max-width:576px){
#ctl00_BaseBody_ctl00_ctl01_Module,
.master-div.home #ctl00_BaseBody_ctl00_ContentPane{padding: 0 !important;}
#category-button-select{max-width:92%; margin:auto auto;}
.rounded-circle.img-fluid{max-width:102%; margin-left:-10px !important;}
}
@media(max-width:767px){
.HOME-2-HOST-JOIN .has-bubble-bg {background-position:top;}
}

@media screen and (min-width: 768px){
.HOME-1-HERO img.rounded-circle {position:absolute;}
.HOME-1-HERO h1.display {position: relative; width: 140%;}
.HOME-1-HERO p {padding-right: 2em;}
.HOME-2-HOST-JOIN .has-bubble-bg {background-image: url("https://dtcs.thatchertech.net/pwsdata/dt/contentimages/bubbleBG-drivers-desktopRS.png");}
}



/*-- Category Nav --*/
ul.categorynavlist {display: flex;list-style: none; padding-left: 0;}
ul.categorynavlist > li {flex: 1; padding: 0 4px;}
ul.categorynavlist > li:first-child {padding-left: 0;}
.categorynavlist a.btn-secondary{border-radius:5000px; text-transform: none; font-family: var(--displayfont); width: 100%; font-size: calc(.5em + .5vw); padding: .375rem 1rem;}

#category-button-select #dropdownMenuButton { width: 100%; border: 1px solid var(--neutral); text-align: left; }
#category-button-select #dropdownMenuButton.dropdown-toggle::after {float: right;}
#category-button-select .dropdown-menu.show {width: 100%}


/*==================================*/
/*-- Join Me --*/

.master-div.join-my-team .middle-section {
	background: var(--tintterciary);margin-left: -15px; margin-right: -15px; padding: 30px; }
.master-div.join-my-team .middle-section > .row {max-width: var(--contentarea); margin: auto;}

.master-div.join-my-team .middle-section .left-pane {flex: 0;}
.master-div.join-my-team .middle-section .right-pane {border: 2px solid var(--contrast); border-radius: var(--buttonradius); padding: 30px; margin: 0 15px;}

.RECRUITCONTACTME .module-body > .col-12:nth-of-type(1) > .mt-3:first-child {display:none;}

/*Fix repsonsive row overflow*/
@media screen and (max-width:1227px){
.overflow-x-clip{
overflow-x:clip;
}
}


/* Center Enroll/start sharing letter circles*/
  .JOIN-6OPTIONSPT3 .circlenum,#ctl00_BaseBody_ctl00_ctl07_Module .circlenum{
margin-right:0 !important;
}

/*Fix vertical spacing for join option images*/
@media screen and (max-width:768px){
  
.rounded-circle.pull-up.img-fluid{
margin-top:0.5rem !important;
}
/*Retain overlap for first option image*/
  .rounded-circle.pull-up.img-fluid.join-option-1-img{
margin-top:-45px !important;
}
}

/*Recruit Contact Form*/

.RECRUITCONTACTME .col-lg-12.col-md-12.col-sm-6.col-12.bottom15.NoPadding {padding: 0 2em;}
.RECRUITCONTACTME .col-lg-12.col-md-12.col-sm-6.col-12.bottom15.NoPadding > .row {margin: 0;}
.Address1.row.form-group {margin-bottom: .5rem;}

*[id*="phoneCtrl"] .form-group.row > label.col-sm-12 {max-width: 136px; padding-left: 0;} /*match global label length*/
*[id*="phoneCtrl"] .form-group.row > label.col-sm-12 > div:nth-child(2) {flex-grow:0;}
*[id*="phoneCtrl"] .col-sm-4.col-lg-12.col-xs-12 { padding: 0;}

div[id*="EmailControl"].form-group .control-label.col-sm-4 {padding-left: 0;}
div[id*="EmailControl"].form-group .col-sm-8 {max-width: 100%; flex: 100%; padding: 0;}


.RECRUITCONTACTME .row > .col-12 > div > .form-group {margin-left: -15px; margin-right: -15px;}


.JOIN-2BENEFITS .col-12:nth-of-type(2):before {display:block; position:
absolute; content:''; background-image: url('https://dtcs.thatchertech.net/pwsdata/dt/contentimages/bubbleBG-joinbenefitcol.png'); background-position: top center; background-repeat: no-repeat; z-index: 0; width:538px; height: 636px; top: -90px;}
.JOIN-2BENEFITS .col-12:nth-of-type(2) > *, .JOIN-3TESTIMONIALS .col-12:nth-of-type(2) > * {position: relative; z-index: 1;}



/*==================================*/
/*-- Host A Party --*/

/*Hide phone/text checkbox prompt on contact form*/
.PARTYCONTACTME div[id*='PartyContactControl_AllowSMSRow']{
display:none;
}
.master-div.host-a-party .middle-section {
	background: var(--tintneutral);margin-left: -15px; margin-right: -15px; padding: 30px; }
.master-div.host-a-party .middle-section > .row {max-width: var(--contentarea); margin: auto;}

.master-div.host-a-party.middle-section .left-pane {flex: 0;}
.master-div.host-a-party .middle-section .right-pane {border: 2px solid var(--contrast); border-radius: var(--buttonradius); padding: 30px; margin: 0 15px;}


.rewardtable {font-size: 1.1em;}
.rewardtable th {background: var(--contrast); color: var(--background); font-family: var(--displayfont); font-weight: 400; font-size: 1.1em; line-height: 1.1; padding: 1em;}
.rewardtable tr {border-bottom: 1px solid var(--tint);}
.rewardtable tr:nth-child(odd){background: var(--background);}
.rewardtable tr:nth-child(even){background: var(--background);}
.rewardtable td {padding: .5em .05em;}

.hero.imgbg, .hero.imgbg > *:before {height: 45vh;}

.HOST-3TESTIMONIALS .col-12:nth-of-type(2):before {display:block; position:
absolute; content:''; background-image: url('https://dtcs.thatchertech.net/pwsdata/dt/contentimages/bubbleBG-hosttestimonial.png'); background-position: top center; background-repeat: no-repeat; z-index: 0; width:536px; height: 541px; top: -180px;}
.HOST-3TESTIMONIALS .col-12:nth-of-type(2) > *, .HOST-2BENEFITS .col-12:nth-of-type(2) > * {position: relative; z-index: 1;}

.PARTYCONTACTME div[id$="BestTimeRow"], .PARTYCONTACTME div[id$=ThemeRow] {display:none;}
.PARTYCONTACTME div[id$="PartyDateRow"] {margin-left: -15px; margin-right: -15px;}
.PARTYCONTACTME div[id$="AllowSMSRow"] > .col-12 {padding: 0;}
.PARTYCONTACTME div[id$="AllowSMSRow"] .form-group {display:flex;}
.PARTYCONTACTME div[id$="AllowSMSRow"] .form-group label {margin-right: 1em;}

/*Prevent Testimonial Row X-Overflow*/
.blockquote-column{
overflow-x:clip;
}
@media screen and (min-width: 768px){
.master-div.join-my-team .middle-section,.master-div.host-a-party .middle-section {
background-image: url('https://dtcs.thatchertech.net/pwsdata/dt/contentimages/bubbleBG-formrow.png');
background-position: center bottom;
background-repeat: no-repeat;
	background-size: 1519px;
}

}
@media screen and (max-width: 768px){
  /*Maintain proper responsive overflow around heading*/
  .party-demonstration-column{
  z-index:2000 !important;
  }
}
/*Responsive adjustments mobile*/
@media screen and (max-width:498px){
/*hero background circle size*/
.dotbg:before{ 
width:80%;
}
/*column alignment + centering*/
#ctl00_BaseBody_ctl00_RightPane{
margin-left:0 !important;
}
.earn-rewards-column{
padding:0 !important;
}
}
/*==================================*/
/*-- About Discovery Toys --*/

.module.TXT-ABOUTDT.has-bubble-bg{background-image: url('https://dtcs.thatchertech.net/pwsdata/dt/contentimages/bubbleBG-aboutDTinfo.png');}


/*===Contact me==========================*/
/*-- About Me  --*/
.ABOUTME div[id$="PhotoRow"],
.ABOUTME div[id$="BusinessEntityNameRow"],
.ABOUTME div[id$="CommRow"],
.ABOUTME div[id$="PhoneRow"],
.ABOUTME div[id$="CityStateLabel"],
.ABOUTME label[id*="PhoneRepeater"],
.ABOUTME label[id$="CityStateLabel"],
.AboutMeTable #Table2, .AboutMeTable > .col-12 > .row:last-child
{display:none;}

.master-div.contact-me .middle-section > .row {max-width: var(--contentarea); margin: auto;}

.master-div.contact-me.middle-section .left-pane {flex: 0;}
.master-div.contact-me .middle-section .right-pane {border: 2px solid var(--accentprimary); border-radius: var(--buttonradius); padding: 30px;}

/*-Socialize -*/
.VerticalSocialConnect {border-style: dotted; border-width: var(--borderthickness) 0; padding-top: .825em; border-color: var(--action);}
.VerticalSocialConnect > ul {display: flex;  list-style:none;  text-align: center; padding-left: 0; margin-bottom: 0;}
.VerticalSocialConnect > ul:last-child {display:none;}
.VerticalSocialConnect > ul > li:first-child {display:none;}
.VerticalSocialConnect li img {max-width: 42px; height: auto;}
.VerticalSocialConnect li {margin: 0 1em;}
.VerticalSocialConnect li.SocialLink:first-of-type {margin-left: 0;}
.VerticalSocialConnect li.SocialLink > a {border-bottom:none; box-shadow: none;}
.VerticalSocialConnect li.SocialLink > a:hover {box-shadow: 0px -10px 0px var(--action) inset; color: var(--dark); text-decoration: none; transition: 0.5s; }


@media screen and (min-width: 768px) {
	.master-div.contact-me .middle-section .right-pane {margin: 0 15px;}
}

@media screen and (max-width: 767px){
	.VerticalSocialConnect {padding-top: .75em;padding-bottom: .4em;}
	.VerticalSocialConnect li img {max-width: 28px;}
	.module.ABOUTME {margin-bottom: 1.5em;}
}



/*==================================*/
/*-- Customer Account Management --*/

div[id$="MarketingOptIn"] a.btn-link:hover {box-shadow:none;}

.bookstore-viewinfo-section {height: auto; min-height: 180px; background: var(--tintneutral);}
.bookstore-viewinfo-icon {background: var(--accentprimary);}
.bookstore-viewinfo-section .SubHead {font-size: 1.2em; }

.accountManagementHeader, .accountManagementBreadCrumbs {margin-top: 1em;}


a[data-messagekey="ACCOUNT_MANAGEMENT_LABEL"]::after {content:' >';}
label[data-messagekey="ACCOUNT_ORDER_HISTORY_LABEL"],
label[data-messagekey="ACCOUNT_CUSTOMER_DISCOUNTS_LABEL"],
label[data-messagekey="ACCOUNT_CHANGE_ADDRESS_LABEL"],
label[data-messagekey="ACCOUNT_CREDIT_CARD_WALLET_TITLE"],
label[data-messagekey="ACCOUNT_CHANGE_LABEL"],
label[data-messagekey="ACCOUNT_LEGACY_ORDER_LINK"],
label[data-messagekey="ACCOUNT_CUSTOMER_CAMPAIGN_LABEL"],
label[data-messagekey="ACCOUNT_TERMS_AND_CONDITIONS"],
label[data-messagekey="ACCOUNT_DATAPRIVACYPOLICY"],
label[data-messagekey="ACCOUNT_PERSONALDATAREQUEST"]
{font-size: 1.75em; color: var(--base); text-transform:none; display:block; border-bottom: var(--borderthickness) solid var(--tintneutral); margin-bottom: 2em;}

/*hide redundant titles*/
h3[data-messagekey="ACCOUNT_DATAPRIVACYPOLICY"],
h3[data-messagekey="ACCOUNT_PERSONALDATAREQUEST"],
h1[data-messagekey="ACCOUNT_CC_WALLET"],
form[action*="./Terms"] div.section-header-section,
form[action="./CustomerDiscounts"] #ctl00_MainContent_lblHeader div.section-header-section
{display:none;}

form[action="./AccountInfo"] .AccountManagementSection .viewinfo-section:nth-child(4) /*autoship*/,
form[action="./AccountInfo"] .AccountManagementSection .viewinfo-section:nth-child(5) /*campaigns*/,
form[action="./AccountInfo"] .AccountManagementSection .viewinfo-section:nth-child(6) /*terms & conditions*/,
form[action="./AccountInfo"] .AccountManagementSection .viewinfo-section:nth-child(7) /*privacy*/,
form[action="./AccountInfo"] .AccountManagementSection .viewinfo-section:nth-child(8) /*personal data*/{
	display: none;
}

/*make account options 3 columns while only 3 options*/
@media (min-width: 768px) { 
	.row.AccountManagementSection .col-md-3{ -ms-flex: 0 0 33.333%; flex: 0 0 33.333%;max-width: 33.333%; }
}



/*content alignment fixes*/
.col-12.row > .col-12,
span[id$="ThemeThemedControlModule1_lblShippingTitle"] > div.section-header-section,
span[id$="ThemeThemedControlModule1_lblBillingTitle"] > div.section-header-section,
#ctl00_MainContent_personalDataRequestControl_personalDataRequest
{margin-left: 15px; margin-right: 15px;}

/*address management screen*/
form[action="./AccountAddress"] .col-md-1 {flex: 0 0 auto; width: auto; max-width: 100%;}
form[action="./AccountAddress"] .col-md-1:first-child {margin-left: 15px; margin-bottom: 1em;}
form[action="./AccountAddress"] .site-content {margin-bottom: 2em;}

form[action*="%2fProfile%2fAccountAddres"] #ctl00_MainContent_upCheckOut > .row:first-child {display:block;}


form[action="./AccountAddress"] span[id$="ThemeThemedControlModule1_sectionheader001"] .section-header-section,
form[action="./CustomerCardWallet"] label[id*="ThemeThemedControlModule1_lbltblhead"] { border: none; background: var(--accentprimary); color: var(--white); font-weight: 600; margin-bottom: 1em; padding: 5px 7px; display:block; text-transform:uppercase;}

span[id$="phoneControl"] .form-group.row > .col-sm-4.col-xs-12,
span[id$="PhoneControl"] .form-group.row > .col-sm-4.col-xs-12 {-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;}

/*account info*/
form[action="./ChangeEmailPassword"] label[data-messagekey="ACCOUNT_PERSONALINFO_INFO"] {display: none;}
form[action="./ChangeEmailPassword"] .site-content {margin-bottom: 2em;}


/*credit card wallet*/
form[action="./CustomerCardWallet"] .btn-link[data-messagekey="POEM_ADD_CREDIT_CARD_TO_WALLET"] {background-color: var(--action); border: var(--borderthickness) solid var(--action); text-transform: uppercase; letter-spacing: .08em; padding: .375rem .75rem; color: var(--accentprimary);}

form[action="./CustomerCardWallet"] .card span.columnheader {display:inline;}

form[action="./CustomerCardWallet"] .card .card-body > .card-text:nth-child(7),
form[action="./CustomerCardWallet"] a[id$="assignButton"] {display:none;} /*hide usage function*/


/*personal data*/
/*Hide export option*/
label[data-messagekey="PERSONALDATAREQUEST_SELECTYOURREQUESTLABEL"],
div[id$="personalDataRequest"] > .col-12:nth-child(4) > .row:first-child {
    display:none;
}


/*--Logged In User Only --*/

.LogWelcome {display:none;} /*hide customer welcome message*/


/*==================================*/
/*-- ICE  --*/

div[class*="KIT"] #main-menu-col{display:none;}/*Hide Navbar on ICE screens*/


form[action="./kits"] #navbar-top, div[class*="KIT"] #navbar-top {display: none;} /*hide search and account buttons*/
form[action="./kits"] .RegistrationChangeCulture {display: none;} /*hide culture change option*/

.master-div.contractentry {margin-left: -15px; margin-right: -15px;}
.IceKitRequest {border-bottom: 1px solid var(--accentprimary);}

.master-div.contractentry .hero { padding-bottom: 20px !important;}

#ctl00_MainContent_iceKits_upKitRequest {max-width: var(--contentarea); margin: auto;}

.StartKitCol img {max-width: 100%; height: auto;}

a.RegistrationChangeCulture {display: inline-block;max-width: 689px; margin:auto;}
.componentslist {padding-left: 0;}
.componentslist li {margin-left: 15px;}
.StartKitCol input[id$="AddKit"] {margin-bottom: 3em;}

/*kit checkout*/

.kitonly { display: none; }
.default { display: inline-block; }

*[data-overridesuffix="KIT-ICE"] .kitonly, div[class*="KIT"].master-div .kitonly { display: inline-block; }
*[data-overridesuffix="KIT-ICE"] .default, div[class*="KIT"].master-div .default { display: none; }

div[class*="KIT"] .store-shopping-cart td > a {border-bottom: none !important; box-shadow:none !important; cursor: default;} /*obscure link appearance during kit checkout*/
.CheckoutInformationSection .RecurringOrderTotal{display:none;} /*hide recurring total from kit & regular checkout*/
.Instructions.NewCustomerCheckout *[data-overridesuffix="KIT-ICE"] {display:none;}
label[data-messagekey="ACCOUNT_REGISTER_MESSAGE"][data-overridesuffix="KIT-ICE"] {display:none;}
div[class*="KIT"] .account-register-form ul.text-left > li:nth-child(2) {display:none;}/*hide second bullet point*/
div[class*="KIT"] .EditSection .CheckoutAddressDisplay {display:none !important;}

/*Cart Checkout Fields*/
/*Adjust qty field sizing*/
.shoppingCartView input.txtQuantity{
padding: .375rem .125rem !important;
  min-width:30px !important;
box-sizing:border-box;
}
/*terms*/

div[id$="termsControl_divBasic"] {border: 2px solid var(--tintneutral); border-radius:var(--buttonradius); margin: 0 15px;}
div[id$="termsControl_divBasic"] > p:nth-child(1), div[id$="termsControl_divBasic"] > p:nth-child(2), div[id$="termsControl_divBasic"] > p:nth-child(3) {margin-bottom: 0;}

#divTermsFocus .termsAccept {padding-top: 12px;}
#divTermsFocus .termsAccept span[data-messagekey="NlsAgreement"] input {width: 32px; height: 32px ;}
#divTermsFocus .termsAccept span[data-messagekey="NlsAgreement"] label {padding-left: 10px; font-size: 1.25em; font-weight: bold; width: 90%; line-height: 1.1;}




.account-register-form [id*="lblCountry"], .account-register-form select[id*="ddlCountry"],
.account-register-form [id*="lblLanguage"], .account-register-form select[id*="ddlLanguages"] {
display: none;}

[id*="updCatalogPartyPlanningControl"] .table .table.col-sm-6 > div:nth-child(3) {
 display:none;
 }

[id*="updCatalogPartyPlanningControl"] > div.row > div div  > div:nth-child(2) > div:nth-child(2) {
 display:none;
 }
 
div[id$="CartSummary"] > .col-12 > .row:nth-child(2){ display:none; }
div[id$="CartSummary"] > .col-12 > .row:first-child > .col-6{ font-size:22px; }

@media screen and (min-width: 768px) {
 [id$="updShoppingCartModule"] div[id$="CartSummary"] > .col-12 > .row:first-child > .col-6

{left: unset;}
}


/*==================================*/
/*-- Specific Subpages Styling  --*/
/*Toy Guide Charts module spacing*/
.TOYGUIDE-LISTS .module-body,
.TOYGUIDE-LISTS-B .module-body {
  margin-top: 2em; margin-bottom: 2em;
}
.TOYGUIDE-DOWNLOADS .module-body {margin-bottom: 4em;}
.TOYGUIDE-LISTS h3,
.TOYGUIDE-LISTS h4 {
	text-transform: lowercase;
}
.productlist {margin-bottom: 2em;}

/*Toy Chart Tabs*/
#ToyChartTab h3{color: var(--contrast);}
#ToyChartTab h4{color: var(--base);}
#ToyChartTab ul.nav.nav-tabs{
border-bottom: var(--borderthickness) solid var(--accentprimary);
}
#ToyChartTab .nav{
  flex-wrap: nowrap;
}

#ToyChartTab ul.nav>li>a{
border-bottom:none;
box-shadow:none;
  padding: 0.5rem 1rem;
  font-weight:bold;
  font-size:1.25em;
      color: var(--base);
    text-align:center;
}
#ToyChartTab ul.nav>li.active{
    border: var(--borderthickness) solid var(--accentprimary);
    border-bottom-width:4px;
  border-bottom-color:#ffffff;
    border-radius: 0.25rem  0.25rem 0 0;
}
#ToyChartTab ul.nav>li{
position: relative;
    top: 2px;
  padding-top:0.25rem;
  text-align:center;
}

@media screen and (min-width: 767px){
	.productlist ul {display:flex; flex-wrap: wrap;}
	.productlist li {flex: 0 0 50%; max-width: 50%; padding-right: 15px;}
}

@media screen and (min-width: 1024px){
	.productlist li {flex: 0 0 33%; max-width: 33%; padding-right: 15px;}
}
/*Toy Guides DL Button Spacing */
.TOYGUIDE-DOWNLOADS .btn{
margin:5px;
}

/* DTFF-1753 */
.CheckoutInformationSection {
	display: inline-block!important;
}