@import url('https://fonts.googleapis.com/css2?family=Montagu+Slab:wght@300;400;500;600&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/*Style Settings*/

:root {
	--base: #473b44;
	--dark: #380f2d;
	--action: #C4D82E;
	--actiontint: #E0EC85;
	--tint: #CDB0D6;
	--tintneutral: #F2F2F2;
	--tintterciary: #FFF0BF;
	--tintalt: #B4DBC6;
	--tintred: #F4DCE8;
	--accentprimary: #209CDF;
	--accentsecondary: #EA730B;
	--accentterciary: #FFCE34;
	--contrast: #782B90;
	--background: #fff;
	--neutral: #7E7E80;
	--templatebg: #28282B;


	--buttonradius: 6px;
	--borderthickness: 2px;
	--contentarea: 1200px;
	
	--displayfont:'Montagu Slab', serif;
	--defaultfont:'Roboto', sans-serif;
}

a {color: var(--dark);}
a:not(.btn) {border-bottom: 1px solid var(--actiontint); box-shadow: 0px -6px 0px var(--actiontint) inset;}
a.nav-link, a.nav-item, a.dropdown-item, a.btn-link, a.mt-1, a.nohighlight, .dropdown-item a  {text-decoration: none; border-bottom: none; box-shadow:none;}
.master-div a:hover, .site-content.login-content a:hover, a.nav-link:hover, .navbar-light .navbar-nav .nav-link:hover, .dropdown-item a:hover {box-shadow: 0px -10px 0px var(--action) inset; color: var(--dark); text-decoration: none; transition: 0.5s; }

a.rightarrow, a.arrowright {padding-left: 5px; padding-right: calc(5px + 1.25em); position: relative; display: inline-block; line-height: 1.2;}
a.rightarrow, a.arrowright {padding-left: 5px; padding-right: calc(5px + 1.25em); position: relative; display: inline-block; line-height: 1.2;}
a.rightarrow::after, a.arrowright::after {display:block; content: ''; width: 1em; height: 1em;
	position:absolute; right: 0; bottom: 1px;
	background-image:url('//s.svgbox.net/hero-outline.svg?fill=380f2d#chevron-double-right');
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;}


/*======================================*/
/*Container Fixes*/

/*compensate for missing rows by adding row attributes to parent columns*/
main.site-content > .container-fluid > .col-xs-12 {display:flex; margin-left: -15px; margin-right: -15px;}



/*overrides & fixes for system css*/
.bg-light { background-color: var(--tint); }

.navbar-light .navbar-nav .nav-link { color: var(--base); }

.navbar-light .navbar-nav .nav-link:focus {
    color: var(--dark);
}

/*retroactive img-responsive class*/
.img-responsive {max-width: 100%;}

/*login screen*/
form[action="./Login"] .loginmodal-container { max-width: 600px;}
div[id$="pnlAccountLogin"] {margin:auto;}

.clearfix::before {
	display: block;
    content: "";
    clear: both;
}


/*iframs for videos*/
.module-body iframe,
.DTU_GETTINGSTARTED iframe{
width:100%;
height:auto;
aspect-ratio:16/9;
}


/*account recovery */

.AccountRecoveryContainer {width: 100%;}
.AccountRecoveryContainer .loginmodal-container > .row:nth-child(2) > .col-4.col-lg-2 {    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;}
.AccountRecoveryContainer .loginmodal-container > .row:nth-child(2) > .col-8.col-lg-4 {-ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;}

.AccountRecoveryContainer .col-4.col-sm-3.col-lg-2.ml-auto {flex: auto; max-width: 100%;}


/* set XS widths because they don't seem to be working */
.master-div {
    margin: 0 auto;
}

.col-xs-12,
.col-xs-4
{ padding-left: 15px; padding-right: 15px; width: 100%;}


.col-xs-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.col-xs-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}

.col-xs-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-xs-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}



/*======================================*/
/*Typography*/

body {font-family: var(--defaultfont); font-size: 1rem; line-height: 1.625; font-weight: 400; color: var(--base);}
strong {font-weight: 700;}

h1 {font-size: 4.209em; font-family: var(--displayfont); font-weight: 600;}
h2 {font-size: 3.157em; font-family: var(--displayfont);}
h3 {font-size: 2.369em;}
h4 {font-size: 1.77em;}
h5 {font-size: 1.33em;}
h6 {font-size: 1.1em;}
h3, h4, h5, h6 {color: var(--contrast);}
h1, h2, h3, h4, h5, h6 {line-height: 1.1;}

h1.display, h2.display, h3.display {color:var(--accentprimary); font-weight: 400;}
h3.display {font-family: var(--displayfont); }
h1.display {font-size: calc(4em + 3vw);}
h2.display {font-size: calc(3.2em + 3vw);}
h3.display {font-size: calc(2.4em + 3vw);}

.display sup {font-size: .5em; font-weight: 400; top: -.85em;}

.lead {font-size: 1.25em; line-height: 1.575;}

.Head,
.module-title,
.panel-heading,
span[id$="_skuAddReservations"] .section-header-section  {color: var(--base); font-weight: bold; line-height: 1.1;}

h1.SubHead {font-family: var(--displayfont);}

/*Mobile Typography Adjustments*/
@media screen and (max-width: 575px) {
	body {font-size: .875rem;}

	h1 {font-size: 3.052em;}
	h2 {font-size: 2.441em;}
	h3 {font-size: 1.953em;}
	h4 {font-size: 1.563em;}
	h5 {font-size: 1.25em;}

	h1.display {font-size: calc(2.825em + 2vw);}
	h2.display {font-size: calc(2.25em + 2vw);}
	h3.display {font-size: calc(1.75em + 2vw);}
}


/*======================================*/
/*Bootstrap Element Styling*/

.container, .module.container {max-width: var(--contentarea);}
.module.container {margin:auto;}

.border, .fieldset {border-color: var(--tintneutral) !important;}

.fancybox-skin {border-radius: var(--buttonradius);}


header .nav {text-transform: capitalize;}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color: var(--action);}
.nav-pills .nav-link {border-radius: 0;}


.card {border-color: var(--contrast);}
.card-header {background-color: var(--contrast); color: var(--background); font-weight: 600;}
.card-img-top,
.card-header:first-child { border-top-left-radius: 0; border-top-right-radius: 0;
}
.card h3.display {	font-size: calc(.3em + 3vw);}

.section-header-card {color: var(--background); font-weight: 600;}

.panel-heading.no-pad {padding:0;}

.badge-info {color: var(--dark); background-color: var(--accentterciary);}

.alert {color: var(--dark);}

.alert.alert-primary {
    color: var(--actiontint);
    background-color:var(--accentprimary);
    border-color: var(--accentprimary);
}

.alert.alert-secondary {
    color: var(--accentprimary);
    background-color:var(--tint);
    border-color: var(--accentsecondary);
}

.carousel-control-prev-icon {
    background-image: url('//s.svgbox.net/hero-outline.svg?fill=923878#chevron-left');
}
.carousel-control-next-icon {
    background-image: url('//s.svgbox.net/hero-outline.svg?fill=923878#chevron-right');
}

.editableText {background: var(--actiontint); border-color: var(--action);}

.dropdown.show {z-index: 1500;}

/*======================================*/
/*PWS Defaults*/

.navbar.navbar-expand-lg.navbar-light.bg-light {background: var(--action) !important; padding: 0;}

.dropdown-item {color: var(--base);}
.dropdown-item:hover {color: var(--dark);}

nav a.nav-link:hover, .navbar-light .navbar-nav .nav-link:hover,
.nav-link.dropdown-toggle[aria-expanded="true"],
#DesktopNavBar .dropdown .dropdown-item:hover {
	background-color: var(--action);
	box-shadow: none;
	transition: ease-in;
}

div[id$="TopMobMenu"] buttton.navbar-toggler {position: relative;}
div[id$="TopMobMenu"] #MobileNavBar {position: absolute;  width: 100vw;  background: var(--action);  top: 54px; right: 0; z-index: 200; text-align: right; padding: 1em;}

.row.module-header, span[id$="_skuAddReservations"] .section-header-section {background: var(--tint); padding: .5em 0;}
.module-body:not(.row){margin-left: -15px; margin-right: -15px;}
.module-body > .mt-3 > .col-12 {padding: 0;}

.section-header-section {background-color: transparent; padding-left: 0; border-radius: 0;}


span.columnheader,
.order-entry-top-section .col-6:first-child label { display:block; font-size: .75em; font-weight: 600; text-transform: uppercase;}
*[id$="linkSection"].columnheader {background:transparent;}


.gridheader { font-size: .75em; font-weight: 600; }
.gridheader .row {border-bottom: var(--borderthickness) solid var(--neutral);}

.gridbody > .row, .Leads .row.mt-3 {border-bottom: 1px solid var(--neutral);}


.AddressBook {
	border: 0;
	border-left: var(--borderthickness) solid var(--neutral);
	padding: .5em 1em;
	width: 100%;
}

.imgSku {max-width: 100%;}

.fancybox-skin {color: var(--base);}


/*RAD grids to be shared */
.RadGrid {border-width: 0 !important;}

.RadGrid_Prowess,
.RadTabStrip_Prowess,
.RadGrid_Prowess .rgPagerCell,
.RadMenu_Prowess,
.RadDropDownTree_Prowess,
.rddtPopup_Prowess,
.RadTreeView_Prowess,
.RadTabStrip_Default,
.RadTabStrip_Default .rtsLI{
    border-color: var(--neutral);
    color: var(--base)!important;
    background-color: var(--background);
    border-radius: 0;
    font-family: futura-pt, sans-serif !important;
}

.RadGrid_Prowess .rgHeader, .RadGrid_Prowess th.rgResizeCol, .RadGrid_Prowess .rgHeaderWrapper {
	background-color: var(--contrast);
	border-bottom: none;
}

.RadGrid_Prowess .rgHeader, .RadGrid_Prowess .rgHeader a {
	color: var(--background);
	font-size: .75rem;
}

.RadGrid_Prowess .rgHeader a {border-bottom: 0; box-shadow: none;}

.RadTabStrip_Prowess.rtsTop .rtsLevel1 .rtsLink {border-radius: 0; text-transform: uppercase;}
.RadTabStrip_Prowess .rtsLevel1 .rtsSelected .rtsLink {color: var(--contrast); border-color: var(--accentprimary);}
.RadTabStrip_Prowess .rtsLevel1 .rtsLink, .RadTabStrip_Prowess .rtsLevel1 .rtsHovered .rtsLink { color: var(--dark);}
.RadTabStrip_Prowess .rtsLevel1 .rtsHovered .rtsLink {border-color: var(--accentprimary); color: var(--dark); background-color: var(--action);}
.RadTabStrip_Prowess .rtsLevel1 {border-color: var(--accentprimary);}

.RadGrid .rgPagerCell {border-width: 0; font-size: .875em;}

.RadGrid_Prowess .rgPagerCell .rgNumPart a, .RadGrid_Prowess .rgPagerCell .rgPagerButton, .RadGrid_Prowess .rgPagerCell .rgActionButton {
	border-color: var(--actiontint);
	color: var(--dark);
	background-color: var(--actiontint);
}

.RadGrid_Prowess .rgPagerCell .rgNumPart a:hover, .RadGrid_Prowess .rgPagerCell .rgPagerButton:hover, .RadGrid_Prowess .rgPagerCell .rgActionButton:hover {
	border-color: var(--action);
	color: var(--dark);
	background-color: var(--action);
}

.RadGrid_Prowess .rgPagerCell .rgNumPart a.rgCurrentPage {
	border-color: var(--accentterciary);
	color: var(--dark);
	background-color: var(--terciary);
	box-shadow: none;
	padding: 6px !important;
}

.RadGrid_Prowess .rgPagerCell .rgNumPart a:hover {
	color: var(--dark);
	background-color: var(--action);
}

.RadDropDownTree_Prowess .rddtFocused { color: var(--base); background-color: var(--action);}
.RadTreeView_Prowess .rtSelected .rtIn { border-color: var(--accentterciary); background-color: var(--accentterciary);}
.RadTreeView_Prowess .rtHover .rtIn {border-color: var(--action); background-color: var(--action); color: var(--dark);}

.RadComboBox_Prowess .rcbInner {
    border-color: var(--base);
    color: var(--base);
    box-shadow: inset 0 1px 1px var(--actiontint);
}


.rgNoRecords > td {
	border:none;
	color: var(--contrast);
	font-style: italic;
	padding-top: 1em; }

.RadGrid_Prowess .rgMasterTable .rgSelectedCell, .RadGrid_Prowess .rgSelectedRow td, .RadGrid_Prowess td.rgEditRow .rgSelectedRow, .RadGrid_Prowess .rgSelectedRow td.rgSorted {
	color: var(--dark);
	background: var(--actiontint);
	border-color: var(--action);
}
.RadTabStrip_Default .rtsLevel .rtsLink,
.RadTabStrip_Default .rtsLevel .rtsOut {background-image:none !important;}

label[id$="LblAdText"] {display:block; width: 100%;}


/*date pickers*/

a[class^="rc"] {box-shadow:none; border-color: var(--accentterciary)!important; background-color: var(--accentterciary)!important; }
a[class^="rc"]::before {color: var(--accentprimary);}

.section-header-section {font-weight: 600;}

ul[id*="SocialConnect"] {padding-left: 0; list-style: none;}
li.SocialLinkHeader {background: transparent; color: var(--dark); font-size: .6875em;  font-weight: 600; text-transform: uppercase; padding-left:0;}


.RadPicker_Bootstrap .rcCalPopup:hover,
.RadPicker_Bootstrap .rcTimePopup:hover,
.RadPicker_Bootstrap .rcTimePopup:hover
{background-position-x: -10px !important; box-shadow: none; background-color: var(--action) !important; border-color: var(--action);}

.RadCalendar_Bootstrap .rcMain .rcRow a {box-shadow: none;}
.RadCalendar_Bootstrap .rcRow .rcHover a {
	border: none !important; background-color: var(--action)!important; box-shadow: 2px 2px var(--accentprimary), -2px -2px var(--actiontint)!important;
}
.RadCalendarPopup .RadCalendar_Bootstrap .rcMain .rcRow .rcSelected a {border-color: var(--accentterciary); background: var(--accentterciary);}

/*======================================*/
/*Gobal Supports*/

.dropdown-item.active, .dropdown-item:active {
	background-color: var(--action);
	color: var(--accentprimary);
}

.dropdown-item:focus, .dropdown-item:hover {
	color: var(--dark);
	background-color: var(--actiontint);
}

.form-control:focus {
    color:var(--dark);
    background-color: #fff;
    border-color: var(--action);
    outline: 0;
    box-shadow: 0 0 0 .15rem var(--action);
}

.form-group > label,
.RBFINDPARTY label,
div[id$="upFindParty"] label,
div[id$="upViews"] label.SubTitle {color:var(--dark); font-size: .8125em; line-height: 1.1; margin-bottom: 0; text-transform: uppercase;}

.fancybox-skin {background: var(--background);}
.fancybox-close {top: 4px; right: 4px; width: 40px; height: 35px;}
a.fancybox-item.fancybox-close {border:none; box-shadow:none;}


#fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span {
   /*need custom icons for modals background-image: url(//ttgcommon-160001c.s3.amazonaws.com/mjc/images/general/mjcfancybox_sprite.png?1e35e0ee-9bdc-4d41-94a8-3fc7453998b6); */
}

/*======================================*/
/*Buttons*/

.btn, input[type="button"]
 { border-radius: var(--buttonradius); text-transform: uppercase; transition: 0.5s;}
a.btn {display:inline-block; text-align: center; vertical-align: middle; padding: .375rem 1.5rem; font-weight: 400; line-height: 1.05;}
a.btn.block {display: block;}
a.btn.btn-sm { padding: .25rem .5rem; }

input.btn {white-space: normal;}

.btn.btn-primary,
.btn.btn-success,
.btn.btn-info,
.btn-outline-secondary,
.wizStepFinish .btn.btn-link,
a.btn,
input[type="button"], .MenuNavigation .list-group .Level1 > a,
input[data-messagekey="HOSTPORTALSENDRSVPBUTTON"].btn.btn-link
{
	background-color: var(--action);
	border-color: var(--action);
	border-width: var(--borderthickness);
	color: var(--dark);
	line-height: 1.1;
}

.btn-outline-primary, .btn.btn-default {
	color: var(--dark);
	border-width: var(--borderthickness);
	border-color: var(--action);
}
.btn-outline-danger {
	color: var(--dark);
	border-color: var(--accentsecondary);
}

.btn-outline-info {
	color: var(--dark);
	border-color: var(--accentterciary);
}

.btn.btn-primary:hover,
.btn.btn-success:hover,
 a.btn:hover,
input[type="button"]:hover,
.MenuNavigation .list-group .Level1 > a:hover,
input[data-messagekey="HOSTPORTALSENDRSVPBUTTON"].btn.btn-link:hover{
	box-shadow: 4px 4px var(--accentterciary), -4px -4px var(--actiontint);
}

.btn.btn-info:hover,
.btn-outline-secondary:hover,
.wizStepFinish .btn.btn-link:hover, .btn.btn-default:hover {color: var(--dark); background: transparent; border-color: var(--action); box-shadow: 2px 2px var(--action), -2px -2px var(--actiontint);}

.btn.btn-link, .title a.btn {
	color: var(--dark);
	padding: 0;
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--actiontint);
    box-shadow: 0px -6px 0px var(--actiontint) inset;
}


.btn.btn-info, .btn-outline-secondary,
.wizStepFinish .btn.btn-link{
	background-color: transparent;
	}

a.btn.btn-danger {
	background-color: var(--accenttint);
	border-color: var(--accenttint);
	color: var(--dark);}



.btn.btn-secondary, .btn-secondary, a.nav-link.btn.btn-secondary, 
div[id$="_upAddItem"] input.btn-primary
{border-color: var(--accentterciary); background-color: var(--accentterciary); color: var(--dark); }

body a.btn-secondary:hover, a.btn.btn-secondary:hover, .btn-secondary:hover,
div[id$="_upAddItem"] input.btn-primary:hover
{box-shadow: 4px 4px var(--tintterciary), -4px -4px var(--actiontint);
}

a.btn.btn-danger:hover { color: var(--action); box-shadow: 4px 4px var(--actiontint), -4px -4px var(--accentterciary);}

.btn.btn-link:hover, title a.btn:hover {color: var(--dark);}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { background-color: var(--action); border-color: var(--actiontint); color: var(--base);}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
	background: var(--accentterciary);
	border: none;
}

input[data-messagekey="GENERAL_REMOVE_X_LABEL"],
a[data-messagekey="GENERAL_REMOVE_X_LABEL"] {
    background: var(--action);
	color: var(--dark);
	border: none;
	font-size: 1em;
	right: 3px !important;
	border-radius: 50%;
	font-weight: 400;
	line-height: 1.25em;}

a.btn.btn-lg,
input[id*="ProductReview1_btnSend"] {font-size: 1.5rem; padding: 1rem 2rem; }

.btn.focus, .btn:focus { box-shadow: 0 0 0 .2rem var(--actiontint); text-decoration: none;}

/*make look secondary*/
.OkCancelButtons input[data-messagekey="GENERAL_CANCEL"], #ctl00_MainContent_btnCancel {
	color: var(--action); border-color: var(--action); border-width: var(--borderthickness); background-color: transparent; padding: .375rem .75rem;
}

.OkCancelButtons input[data-messagekey="GENERAL_CANCEL"]:hover, #ctl00_MainContent_btnCancel:hover {
	background: var(--actionlight); color: var(--actionhover); border-color: var(--actionhover); border-width: var(--borderthickness);
}

/*special case*/

.StartKitCol input[id$="AddKit"].btn-info {background-color: var(--action);}

@media screen and (max-width: 767px) {
	.btn.fullmobil {border-radius: 0; width: 100%;}
	.hero .btn.fullmobil {position: absolute; left: 0; bottom: 0;}
}

.btn-link {
	background-color: #fff;
  background-image: linear-gradient(to top, var(--action) 100%, transparent 65%);
  background-position: 0 1.25em;
  background-repeat: repeat-x;
  background-size: 3px;
  background-clip: content-box;
  box-shadow: none;
  transition: ease-in;
	color: var(--dark);
	padding: .375rem 1.5rem;
}

.btn-link:hover, .doclib input.btn.btn-link {
	color: var(--dark);
	text-decoration: none;
	background-position: 0 1em;
}

.doclib input.btn.btn-link {
	background-color: var(--actiontint);
	text-align: left;
	line-height: 1.2;
}

.wizStepFinish .btn.btn-link {
	border-width: var(--borderthickness);
	border-style: solid;
	padding: .375rem 1.5rem;
	box-shadow: none;
}

.doclib div[id$=trCategoryRow] {background-color: var(--actiontint);border: 1px solid #fff; display:flex;min-height: 48px; justify-content: space-between; align-items: center;}
.doclib div[id$=trCategoryRow]:hover, .doclib div[id$=trCategoryRow]:hover input.btn.btn-link, .doclib input.btn.btn-link:hover  {background-color: var(--action);}

/*======================================*/
/*Format Utilities*/

.purplebg {background-color: var(--contrast);}
.yellowbg {background-color: var(--accentterciary);}
.lilacbg {background-color: var(--tint);}
.greenbg {background-color: var(--action);}
.aquabg {background-color: var(--tintalt);}
.pinkbg { background-color: var(--tintred);}

.tintneutralbg {background-color: var(--tintneutral);}
.actiontintbg {background-color: var(--actiontint);}

.purple {color: var(--contrast);}
.gray {color:var(--neutral);}
.green {color: var(--action);}
.rose {color: var(--tintred);}
.blue {color: var(--accentprimary);}
.orange {color: var(--accentsecondary);}
.yellow {color: var(--accentterciary);}

.dark {color: var(--background);}

.dark a {color: var(--action); border: none; box-shadow: none;}
.dark a:hover,
.RadGrid_Prowess .rgHeaderWrapper a:hover,
.RadGrid .rgHeaderWrapper a[href*="javascript"]:hover
{box-shadow: 0px -12px 0px rgba(33,33,33,.5) inset; color: var(--action);}
.dark a.btn {color: var(--dark);}

img.icon {border-radius: 50%; padding: 6px; width: 36px; height: auto;}
img.icon.nobg {padding: 0;}

.dark h1 {color: var(--background);}
.dark h2, .dark h3, .dark h4, .dark .lead {color: var(--tint);}

.shadow {text-shadow: 0px 2px 6px rgba(56,15,45,0.85);}

/*======================================*/
/*Layout Template Utilities*/

.callout {background: var(--tintalt); border-radius: calc(var(--buttonradius) * 2); padding: 1.5em;}

.inset {margin-left: 15px; margin-right: 15px;}
.circle, .rounded-circle {border-radius: 50%; aspect-ratio: 1/1;}

.if:empty {display:none;}

div[class^="col"].withoverlay > .img-fluid {width: 100%;}

 div[class^="col"].imgbg {align-items: center; background-position: center; background-size: cover; display:flex;}
 div[class^="col"].imgbg > * {width: 100%;}
.col-md-6.imgbg {min-height: 50vw;}
.col-md-4.imgbg {min-height: 33vw;}
.col-md-3.imgbg {min-height: 25vw;}

.mt-6 {margin-top: 2em;}
.mb-6 {margin-bottom: 2em;}

div[class^="col"].imgbg {padding: 5vw;}

div.spacer {height: 40px; width: 40px;}
div.rule {height: 20px;border-top: var(--borderthickness) solid var(--accentprimary);}

.callout {background: var(--tintalt); border-radius: calc(var(--buttonradius) * 2); padding: 1.5em;}

.circlenum {
	display: inline-block;
font-family: var(--displayfont);
font-size: 3.25em;
width: 2em;
height: 2em;
text-align: center;
line-height: 2;
margin-right: .5em;
}

@media screen and (min-width:768px) {
	.hero {padding-bottom: 40px;}
	.mb-6 {margin-bottom: 40px;}
	.row.imgbg.textright {justify-content: flex-end;}
	.row.imgbg.textleft {justify-content: flex-start;}
	.row.imgbg.textright .col.container,
	.row.imgbg.textleft .col.container {max-width: 50%; margin:0; padding: 0 5vw;}
	.herooverlay, .coloverlay { position: relative; top: -85px; margin-bottom: -85px;}
	.coloverlay {max-width: 86%;}
}

@media screen and (min-width:990px) {
	.hero {padding-bottom: 60px;}
	.mb-6 {margin-bottom: 60px;}

	.AccountSecurity .AccountSecurityPassword .col-lg-1 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.AccountSecurity .AccountSecurityPassword .col-lg-2 {
		flex: 0 0 40%;
		max-width: 40%;
	}

}


@media screen and (max-width:767px) {
	.twothird .col-md-4 > .img-fluid { max-width: calc(46vw - 30px); padding-right: 4vw; float: left;}
	.twothird .col-md-4, .twothird .col-md-8 {margin-bottom: 20px;}
}


/*======================================*/
/*Module Specific*/


/*--FAQ--*/

.SubHead.faqCategory {color: var(--accentprimary); font-size: 1.375em; margin-bottom: .5em; margin-top: .5em; font-family: var(--displayfont); }
a.faqQuestion:not(.btn) {border-bottom: 0; box-shadow: none; font-size: 1.15em; font-weight: 600;}
a.faqQuestion:not(.btn):hover {box-shadow: 0px -12px 0px var(--action) inset;}
label.faqAnswer {margin-bottom: 1em;margin-top: .5em;}



/*--ICE --*/
.master-div.contractentry > h1 { margin: 1em auto; max-width: var(--contentarea); font-size: 1.2em; font-family: var(--defaultfont); font-weight: normal;} 
.master-div.contractentry h1 label { display: block;}
.master-div.contractentry h1 h1.page-title {color: var(--accentprimary); font-family:var(--displayfont);font-weight: 400; font-size: calc(1em + 3vw);line-height: 1; margin-bottom: 2rem;}
.master-div.contractentry h1 h1.page-title .smaller {font-size: calc(1em - 1vw); display:block;}

.ProgramID .ShoppingCartProductTitle { font-size: 1.77em; font-weight: 600;}
.ProgramID .ProductNameSpace, .ProgramID .ShoppingCartSkuName {display:none;} /*hide duplicate name*/
.StartKitCol label[id$="lblKitValue"] {display:none;} /*hide kit value field which is a duplicate of the component list, can remove if details updated*/
.StartKitCol label[id$="lblYourPrice"] {display:none;} /*hide 'Your Price Today' text*/
.StartKitCol .prowessdata.kitPrice.KitPrice {font-family: var(--displayfont); font-size: 2em; font-weight: 600;}


/*discounts screen */
form[action^="./CheckoutDiscounts"] .CheckoutContent .col-sm-9.col-12 {order: 1;}
form[action^="./CheckoutDiscounts"] .CheckoutContent .col-sm-9.col-12,
form[action^="./CheckoutDiscounts"] .CheckoutContent .CheckoutInformationSection.col-sm-3.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: var(--contentarea);
    margin: auto;}


/*-- Redirect Page --*/
form[action^="./RedirectUser"] #ctl00_BaseBody_ErrorImage {display: none;}


/*--address modals --*/
input[value="REENTER_ADDRESS"] {display:none;}

       .AddressDisplay  .Company {
 display:none !important;
 }

#ctl00_MainContent_btnCancel.btn.btn-link {
    border-width: var(--borderthickness);
    border-style: solid;
    box-shadow: none;
    color: var(--dark);
}

#ctl00_MainContent_upCheckOut div[id*="btnSaveAddress"] {padding: 0.575rem 1.5rem;}


/*==================================*/
/*-- Shop Displays --*/


.public-store #contentwrapper {
	max-width: var(--contentarea);	margin: auto;	padding-bottom: 40px; 
}


/*SEARCH RESULTS*/

h4.category__product-short-description {display: none;} /*hide duplicate title*/
form[action^="./ProductSearch"] .PriceRow-ListAlt {display: none;} /*hide duplicate price*/
form[action^="./ProductSearch"] tr.border {border-width: 0 0 2px 0 !important; border-color: var(--accentprimary) !important; border-style: dotted !important;}


/*PRODUCT GRID TEMPLATE*/


/*Breadcrumbs*/
.store-breadcrumb{margin-bottom: 1.5em;}

.store-breadcrumb .list-inline-item >a {border-bottom:none; box-shadow:none; }
.Site > form #contentwrapper .btnSeeMore{
    font-weight:700;
}
/*Hide product section /featured text below breadcrumbs*/
.Site > form #contentwrapper label[data-messagekey="TEMPLATE_PRODUCTSECTION"] {
    display:none !important;
}
/*Sidebar*/
.public-store #contentwrapper > div > .row > .col-lg-3.col-sm-12:first-child { margin-top:30px !important; }
#CategoryNav{margin-top:-50px;}

#sidebar .bookstore-left-menu {width: 100%;}

@media screen and (min-width: 992px){
#navbarSupportedContent .bookstore-left-menu::before {
    content:"PRODUCT CATEGORY";
    background-color:var(--accentterciary) ;
    color:var(--base);
    text-align:center !important;
    font-size:1em;
    font-weight:700;
    padding:10px;
    border-radius: var(--buttonradius) var(--buttonradius) 0 0;
    display:block;
    width:100% !important;
    overflow: hidden;
    box-shadow: 0px 2px 8px #7E7E8077;
    margin-top:-2px;

}}


.public-store #contentwrapper div.row >div.col-lg-3.col-sm-12:nth-child(1){
    background: #fff !important;
}

.public-store #sidebar{
    padding: 0 !important;
    background: #fff !important;
    border: 2px solid #FFCE34 !important;
    border-radius:var(--buttonradius); 
    box-shadow: 0px 2px 8px #7E7E8077;
    }
    .Site > form #contentwrapper #sidebar .nav-link{
        font-weight:700;
        text-transform:capitalize;
        font-size:1rem;
    }
   
  /*Sidebar mobile view*/
    @media(max-width:991px){
        .Site > form #contentwrapper #sidebar{
            background: #FFCE34 !important;
padding:5px;
        }

        /* button style*/
        .Site > form #contentwrapper #sidebar .navbar-toggler {
            border:none !important;
           
        }
        .Site > form #contentwrapper #sidebar .navbar-toggler span[data-messagekey="PAGE_CATEGORIES_HEADER"]{
            font-size:1.25rem !important;
            font-weight:700 !important;
            text-transform:uppercase !important;
              color:var(--base);
  padding:10px !important;
        }
    }

    /*Hide sort by filter*/
 .store-breadcrumb ~div >.col-lg-4.col-sm-12 >.form-group{
display:none !important;
    }

/*Grid Product Individual*/
.Site > form #contentwrapper .rsProductListItem{
    margin:10px 0 25px !important;
    border:none !important;
}

div[id$="productInformation"] {display:flex; flex-direction: column;}
div[id$="productInformation"] > * {order: 3;}
div[id$="productInformation"] .name {order: 0;}
div[id$="productInformation"] .pricemodule {order: 2;}
div[id$="productInformation"] .reviews {order: 1; margin-bottom: .5em; min-height: 18px;}

/*Grid Product Title*/
.Site > form #contentwrapper .rsProductListItem div.name h3{
	font-size: 1.1875em;
	font-weight: 600;
	color: var(--dark);
	padding-top: 1.25em;
	margin-bottom: 0;
}
/*Hide Product Description*/
.Site > form #contentwrapper .rsProductListItem div.col-12 > label > p{
    display:none !important;
}
/*Hide Product Price Labels e.g public price, list price, */
.Site > form #contentwrapper .rsProductListItem .pricemodule div.PriceRow-Label >label:nth-child(1){
    display:none !important;
}
/*Product Price display style*/
.Site > form #contentwrapper .rsProductListItem .pricemodule div.PriceRow-Label >label:nth-child(2){ font-size:1.25rem }

/*Hide read more link*/
.Site > form #contentwrapper span[data-toggle="popoverfocus"]{display:none !important; }

/*Hide ratings link*/
.rsProductListItem .ratings {display:none; }

/*clean up review star display*/
.reviews > b {display: none;}
.rsProductListItem .reviews > img {height: 18px !important; width: 18px !important; margin-right: 0;}

/*Hide quantity label and fields and their columns to leave only the left-aligned add cart button*/
.Site > form #contentwrapper .rsProductListItem .AddToCartButton.row > div.col-12:nth-child(1),
.Site > form #contentwrapper .rsProductListItem  .AddToCartButton.row > div.col-12:nth-child(2){
    display:none !important;
}
/*Hide empty row above add cart button*/
.Site > form #contentwrapper .rsProductListItem > div[id*="_productInformation"] >div.row{
    display:none !important;
}

/*Add cart button style*/
.AddToCartButton > .col-12.col-sm-6:last-child {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.Site > form #contentwrapper .rsProductListItem .AddToCartButton.row input.btn-primary{
    font-weight: 550; font-size:.875rem;
}

/*Product Image*/
.Site > form #contentwrapper .rsProductListItem .productimage{
    width: 100%; height: auto; aspect-ratio: 1/1; border: thin solid var(--tintneutral); display: flex; align-items: center; justify-content: center;
}
.Site > form #contentwrapper .rsProductListItem .productimage > a { border:none; box-shadow: none;}


/*pagination*/

.pagination {align-items: center; justify-content: flex-end;}
.pagination > label, .pagination > a { background: var(--tintneutral); aspect-ratio: 1 / 1; height: 2em; width: 2em; display: flex; justify-content: center;
align-items: center; box-shadow: none; line-height: 1; font-size: 1.125em; margin: 4px;}
.pagination > label {background-color: var(--actiontint);}
.pagination > a:hover {background-color: var(--action);}



/*  ---------------------*/
/* PRODUCT SINGLE TEMPLATE */
/* ------------------*/

.O-product.row {margin-bottom: 2em;}

#purchaseinfo .RadSocialShare.RadSocialShare_Default {display: none;} /*hide social share*/
#readyToBuy .section-header-section {display: none;}
#readyToBuy .row.mt-3.AddToCartTable,
.divAvailableSkus > div.row.mt-3 {margin-top: 0 !important;} 

.AddToCartTable #prodQty {display:flex; flex-wrap: wrap;}
.AddToCartTable #prodQty > * {order: 2;}
.AddToCartTable #prodQty > label {width: 75px;}
.AddToCartTable #prodQty > select.form-control {width: calc(100% - 75px);}
.AddToCartTable #prodQty .CodeLabel {order: 1; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

/*Hide un-targetable plaintext hard-coded into template by setting parent container visibility to hidden, and setting qty child elements to visible*/
.AddToCartTable #prodQty{  visibility:hidden;margin-top:-30px;}
.AddToCartTable #prodQty select{visibility:visible !important;}
.AddToCartTable #prodQty label{visibility:visible !important;}

#purchaseinfo > h1 {font-size: 1.75rem; }

.priceModule {display:flex; margin-top:1em;}
.priceModule > * {text-align: left;}
.priceModule > .PriceRow {display:flex;}
.priceModule > .PriceRow .PriceRow-Label.col-12 {-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto;}


.PriceRow *[class*="salePriceNoBuyDiscount"], #readyToBuy .ecf_pricemodule_ecf-listprice_altValue,
.rsProductListItem .PriceRow.PriceRow-ListAlt{display:none;} /*hide public price*/
.rsProductListItem .PriceRow.PriceRow-SaleSavings {display:none;} /*hide savins in grid*/

.PriceRow.PriceRow-ListAlt, .PriceRow.PriceRow-List  { float:left;}

#purchaseinfo .ecf_pricemodule_ecf-listprice_altValue,
.PriceRow.PriceRow-List .ecf_pricemodule_ecf-listpriceValue[id*="PriceList"]{
    text-decoration: line-through;
      color: var(--neutral) !important;
}

.PriceRow.PriceRow-List > .PriceRow-Label > label:first-child, .PriceRow.PriceRow-ListAlt > .PriceRow-Label > label:first-child, .PriceRow.PriceRow-Sale > .PriceRow-Label > label:first-child {display: none;}
.PriceRow > .PriceRow-Label > label:last-child {font-size: 1.5em; margin-right: 8px;}
.PriceRow.PriceRow-List > .PriceRow-Label > label {color: var(--neutral); text-decoration: line-through;}

#readyToBuy label[data-messagekey="STOCK_STATUS"],
#readyToBuy div[cssclass="SingleWarehouse"]{
    display:none !important;
} 

#prodButton input[value="Add to Cart"] {font-size: 1.3125em; font-weight: 500; padding: .5em;}
#readyToBuy .btn.btn-secondary[data-messagekey="SKU_ADD_TO_WISHLIST"] {padding: 0 0 0 24px; width: auto; background: transparent; border: none; text-transform: none;
font-weight: 500; background-image: url('https://s2.svgbox.net/hero-outline.svg?ic=plus&color=C4D82E'); background-repeat: no-repeat; background-position: left; background-size: 20px; border-radius: 0;}
#readyToBuy .btn.btn-secondary[data-messagekey="SKU_ADD_TO_WISHLIST"]:hover {box-shadow: none; border-bottom: var(--borderthickness) solid var(--action);
}

.addSkuMessages .text-success {background: var(--tintterciary); padding: .5em 1em .4em; color: var(--base)!important; font-family: var(--displayfont); font-style: italic;}

.addSkuMessages .text-success:before {font-family: 'Font Awesome 5 Free' !important; content: "\f07a";}

.public-store .col-sm-9 > .row > .col-12 > .card {   border:none;}
.public-store .col-sm-9 > .row > .col-12 > .card .card-header{ background:transparent; color: var(--contrast); padding: 0; border-bottom: none;}
.card .card-header label[id$="_description"], .card .card-header div[id$="trCustomerReviews"] {color: var(--base); font-weight: 400;}
.public-store .col-sm-9 > .row > .col-12 > .card a.accordion-toggle, 
.public-store .col-sm-9 > .row > .col-12 > .card .section-header-section {box-shadow:none; border:none !important; padding-bottom: 0;}
.public-store .panel-title {font-weight: normal; font-size: 1.25rem; margin-bottom:0;}
.public-store .col-sm-9 > .row > .col-12 > .card .card-header label[data-messagekey="GENERAL_Features_LABEL"]{color: var(--accentprimary);}
div[id$="divProductReviewLink"] {margin-top: 1em;}
.public-store .col-sm-9 > .row > .col-12 .card.card-awards {display:none;} /*hide awards field*/

/*reviews*/ 
.public-store .col-sm-9 > .row:last-child > .col-12 > .card.card-reviews {background: var(--tintneutral); padding: .5em 1em; margin-bottom: 1.5em;}
div[id$="trCustomerReviews"] > .col-12 > .row:first-child > .col-12.bold {line-height: 0;}
div[id$="trCustomerReviews"] > .col-12 > .row:nth-child(2) {font-size: .75em; text-transform: uppercase; border-bottom: 2px dotted var(--accentprimary);}
table[id$="CustomerReviewsList"] *[id*="lblTitle"] {font-size: 1.33em; color: var(--contrast);}
table[id$="CustomerReviewsList"] *[id*="lblDate"] {display: none;}
table[id$="CustomerReviewsList"] td > div:nth-child(2){font-size: .875em; text-transform: uppercase;}
table[id$="CustomerReviewsList"]  .ProductReviewImage {max-width: 200px; height: auto !important;}


/*related products*/
.public-store .card.card-cross-selling {position: relative; border: none; padding-left:0; padding-right: 0;}
#accordionProductSimilarView {background-color: var(--actiontint); padding: 1em 15px 2em; margin-bottom: -40px;}
.similar-product-header .section-header-section {font-family: var(--displayfont); font-weight: 500; font-size: 1.75em; border-bottom: none;}

table[id$="CrossSellingList"] tr {display: flex; flex-wrap: wrap;}
table[id$="CrossSellingList"] td {width: 25% !important; padding: 15px; text-align:left !important;}
table[id$="CrossSellingList"] td > a > img { width: 100%; height: auto !important;}
table[id$="CrossSellingList"] td > a > label {font-weight: 700; font-size: 1.25em; margin-top: .75em; line-height: 1.2;}

@media screen and (min-width: 1200px) {
#accordionProductSimilarView {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
	}
#accordionProductSimilarView > * {max-width: var(--contentarea); margin: auto;}
	}

/*featured images - cannot add CSS to make image fill space without breaking zoom */
#featureimg > br {display:block; margin-bottom: 1.5em;}

a.mz-thumb{
border-bottom:none;  box-shadow:none;
overflow: hidden;	margin: 0 10px 10px 0;
max-width: calc(25% - 10px);	
}
.mz-thumb >img { object-fit:cover; width:100%; aspect-ratio:1/1; height:auto;}

#navbar-top{ background: var(--actiontint); 
padding:0 2rem; }


/*Edit searchbar account/wishlist positions/style  */
div[id$="SearchModule1_SearchPanel"] .col-12 {padding: 0;}

#navbar-top div.col-lg-6.col-xs-12.hidden-xs,
div[id$="SearchModule1_SearchPanel"] .col-12.col-sm-4:nth-child(2){
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}

#navbar-top > .checkout-destination-col.col-lg-3,
div[id$="SearchModule1_SearchPanel"] .col-12.col-sm-2:last-child, 
#navbar-top > .checkout-destination-col.col-lg-3 > div > .col-4{ 
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: none;
}

label#ctl00_HeaderModule1_SearchModule1_lblSearch, 
#ctl00_HeaderModule1_SearchModule1_SearchPanel > div > div:nth-child(1),
.public-store #searchbar.checkout-search-column >div[id*=_SearchPanel]>.row >.col-12.col-sm-4:nth-child(3) {
  display:none !important} 


#searchbar input[value="GO"]{
border:0; height: calc(1.5em + 0.75rem + 2px); padding-top:10px;padding-bottom:10px;border-radius:0 0.25rem 0.25rem 0; color: rgba(0,0,0,0); background-color: transparent !important; width: 80px; position: relative; z-index: 100;}
#ctl00_HeaderModule1_SearchModule1_SearchPanel > .row > .col-12.col-sm-2::after { display:block; position: absolute; content:'Search'; font-size: .9em; font-weight:  600; text-transform: uppercase; top: 0; padding: 7px 10px 8px; border-radius:0 0.25rem 0.25rem 0; background-color: var(--action);}

#searchbar{
  width:100%;
padding:0.75rem 0 !important;
}
#ctl00_HeaderModule1_SearchModule1_txtSearch.form-control{
border-radius: 0.25rem 0 0 0.25rem;
}




#navbar-top .fa-heart, #navbar-top .fa-info-circle, div > a#ctl00_HeaderModule1_UserStatusModule1_HyperLink6{
float:left;
}
/*mimic decreases fa-2x sizing*/
#navbar-top .fa-heart, #navbar-top .fa-info-circle{
font-size:1.75rem !important;
}
a[title="YOURWISHLIST"]{
display:flex !important;
	white-space: nowrap;
}


/*Hide unwated searchbar elements*/
#navbar-top .order-destination,
.checkout-destination-col .col-4.NoPadding:nth-child(2),
#searchbar > div > .row > div.col-12:first-child {
display:none ;
}
#navbar-top > .checkout-destination-col.col-lg-3:last-child {padding: 0;}


.ViewAccountLink, .ViewAccountLink > a, .LogAccountInfo, .LogAccountInfo > a
.checkout-destination-col > .row > .col-4:last-child {display:flex;align-items: center; white-space: nowrap;}

.ViewAccountLink > a > div {display: block; text-align: right; overflow: hidden; width: 102px;}
a[data-messagekey="MAIN_ACCOUNT_INFO"] {padding: 15px 10px 15px 32px; background-image: url('https://s2.svgbox.net/hero-outline.svg?ic=user-circle&color=473b44'); background-repeat: no-repeat; background-position: left; background-size:1.75em;}

#ctl00_HeaderModule1_UserStatusModule1_HyperLink5> div, .checkout-destination-col > .row > .col-4:last-child > div {
padding-top:15px; display:flex; }

span[id$="updWishListCount"] .UpdateCount {top: 20px; right: 127px; background-color: var(--background); display: block; padding: 2px 3px; border-radius: 5000px; line-height: 1;}

@media screen and (min-width: 1024px){
.checkout-destination-col > .row {justify-content: flex-end;}
.checkout-destination-col > .row > .col-4 {flex: 0 0 auto; width: auto; max-width: none;}
div[id$="SearchModule1_SearchPanel"] .col-12.col-sm-4:nth-child(2) {max-width: 40vw;}
}

@media screen and (min-width: 768px) {
	a.mz-thumb{ max-width: calc(20% - 10px); }
}
	
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
	.checkout-destination-col {margin-top: 0px !important;}
	#navbar-top > .checkout-destination-col.col-lg-3 > div {justify-content: flex-end;}
}

/*Restyle account/wishlist icons*/
.mobile-header-icons{
background:rgba(0,0,0,0) !important;
color: var(--base);
}
a > .mobile-header-icons:hover{
border-bottom:none !important;
  box-shadow:none !important;
}




/*Small Breakpoint*/
@media(max-width:575px){
	#navbar-top {padding: 0 10px;}
	#navbar-top .checkout-search-column {height: auto;}
	#searchbar .col-12.col-sm-4:nth-child(3){width: calc(100% - 80px);flex: 1;}
	#searchbar .col-12.col-sm-2:last-child{width: 80px;flex: 0;}
	#navbar-top .checkout-destination-col.sm-margin-t-20 {margin-top:0;padding:0 15px;}
	#ctl00_HeaderModule1_UserStatusModule1_HyperLink5 > div, .checkout-destination-col > .row > .col-4:last-child > div {padding-top:11px;}
	#navbar-top .checkout-destination-col .col-4 {padding: 0 10px;}
	.checkout-destination-col > .row > div#login ~ div.col-4 {align-items: flex-start;}
	.ViewAccountLink > a > div, #navbar-top .checkout-destination-col .col-4:last-child > a:first-child {display: none;}
	a[title="YOURWISHLIST"] {position: relative; width: 1.75em; height: 40px; overflow: hidden; color: var(--actiontint);}
	a[title="YOURWISHLIST"]:hover {color: var(--actiontint);}
	a[title="YOURWISHLIST"]::after {content: "\f004"; display:block; position: absolute; font-family: "Font Awesome 5 Free"; font-size: 1.75em; color: var(--base);}
	span[id$="updWishListCount"] .UpdateCount {right: 28px;}
	.LogAccountInfo {padding-top:4px; overflow: hidden; width: 32px;}
	a[data-messagekey="MAIN_ACCOUNT_INFO"] {background-size: 2.2em;}
}


.checkout-destination-col >.row>div#login~div.col-4,
.col-4#login {  max-width:50% !important;  }


/*Add missing hover effect to account info text to correct for div wrapper*/
#ctl00_HeaderModule1_UserStatusModule1_HyperLink5>div:hover{
    box-shadow: 0px -10px 0px var(--action) inset;
    color: var(--dark);
    text-decoration: none;
    transition: 0.5s;
}


/*- category sidebar nav -*/

#LeftMenu .navbar.navbar-expand-lg.navbar-light.bg-light {
	background: var(--templateBG) !important;
	border: 2px solid var(--accentterciary);
	border-radius: var(--buttonradius);
	box-shadow: 0px 2px 8px rgba(126,126,128,.7);
}


/*WRITE A REVIEW*/
form[action*="./ProductReview?"] #contentwrapper { margin-top: 1.5rem;}
form[action*="./ProductReview?"]  img[id*="ctl00_MainContent_ProductReview1_Image1"] {display:none;}
*[data-messagekey="PRODUCT_REVIEWWRITE_WRITE_REVIEW"] {font-size: 1.75em; color: var(--base); text-transform:none; display:block; border-bottom: var(--borderthickness) solid var(--tintneutral); margin-bottom: 1.5em;}

/*==================================*/
/*-- Check Out Sequence --*/

.section-header-section {font-weight:700;}

form[action*="./CheckoutAccount"] .site-content,
form[action*="./Register"] .site-content,
form[action*="./CheckoutDiscounts"] .site-content,
form[action*="./CheckoutMain"] .site-content {padding-bottom: 60px;}


h1[data-messagekey="PAGEHEADERSHOPPINGBAG"],
h1[data-messagekey="PAGEHEADERCHECKOUTACCOUNT"],
h1[data-messagekey="PAGEHEADERCHECKOUTDISCOUNTS"]
{font-family: var(--displayfont); padding: .5em .25em; font-size: calc(1.1em + 1vw); }


/*- Shopping Cart -*/


.CheckoutInformationSection > div > .card:first-child, .CheckoutInformationSection > .card:first-child,
.CheckoutInformationSection.col-md-3 > div:first-child > .card:nth-child(2)
{display:none;} /*hide consultant info*/


form[action="./ShoppingCart"] .CheckoutContent .row.mt-4 {
	max-width: var(--contentarea);
	margin: 0 auto;
}

.BasketTitle {display:none;}
table.shoppingCartView, .ecf-table-header {border:none!important;}

.ecf-table-item {border-color: var(--accentterciary);}

.store-shopping-cart .table-borderless td {padding: 0;}
div[id$="CartSummary"] span.columheader {display:inline;}
.store-shopping-cart label[id$="ttgCurrency"],.public-store .shoppingCartView label[id$="ttgCurrency"] {display:none;}
span[data-content="Kit Removal Not Allowed"] {display:none;}

div[id$="CartSummary"] > .col-12 > .row:first-child {flex-direction:column;}
div[id$="CartSummary"] > .col-12 > .row > .col-6:first-child {display:none; /*hide CV*/}

div[class*="KIT"] .CheckoutContent > .row > .col-sm-9 {flex: 0 0 100%; max-width: 100%;}
div[class*="KIT"] .CheckoutContent .CheckoutInformationSection.col-sm-3 {flex: 0 0 0; max-width: 0%; padding: 0;}
/*go full width on cart since no discount column shown for KIT*/

div[id$="CartSummary"] span.columnheader {display:inline;}


@media screen and (min-width: 768px) {
	div[id$="CartSummary"] > .col-12 > .row:first-child > .col-6 {left: 50%;}
}

div[class*="KIT"] div[id$="ShoppingCartModule"] input[id*="Continue"] { display: none;}

.public-store .RadSocialShare_Default {
	border: none;
	background: none;
}

/*Proceed to Checkout Modal Button Spacing */
.checkoutEmailPrompt input[value="Checkout"]{
margin-bottom:0.5rem;
}

/*-- MOBILE SCREEN ADJUSTMENTS --*/
@media screen and (max-width: 562px){
	.shoppingCartView .row > .col-lg-8 > .store-shopping-cart > tbody th:first-child,
	.shoppingCartView .row > .col-lg-8 > .store-shopping-cart > tbody td:first-child,
	.shoppingCartView .row > .col-lg-8 > .store-shopping-cart > tbody th:last-child,
	.shoppingCartView .row > .col-lg-8 > .store-shopping-cart > tbody td:last-child,
	.shoppingCartView .row > .col-lg-8 > .store-shopping-cart > tbody td:nth-child(3),
	.shoppingCartView .row > .col-lg-8 > .store-shopping-cart > tbody td:nth-child(3) > .col-12 {padding-right: 0; padding-left: 0;}
	tr[class^="ecf-table-item"] .col-12.col-lg-8.pl-0 {padding-right: 0 !important;}
	.shoppingCartView .row > .col-lg-8 > .store-shopping-cart > tbody td:nth-child(3) input {padding: 4px; text-align: center;}
	.tblResults {font-size: .875em; line-height: 1.325;}

	.CartItemGrid { padding-left: 0}

	.store-shopping-cart label[id$="imgInformation"] ~ span { display: none;}
	.ecf-table-item-alt {
		border-top: 2px solid var(--accentprimary);
	  border-bottom: 2px solid var(--accentprimary);
	}

	.shoppingCartView .table.store-shopping-cart { margin-bottom: 0;}

	input[data-messagekey="GENERAL_REMOVE_X_LABEL"] { padding: 6px 12px}

	.table.store-shopping-cart td { line-height: 1;}
}

@media screen and (min-width: 576px) and (max-width: 768px) {
	div[id$="updShoppingCartModule"] .row.mt-3 .col-sm-3.margin-t-20 { display: none; }
	div[id$="updShoppingCartModule"] .row.mt-3 .col-sm-3.mt-3 {
		flex: 0 0 33%;
    max-width: 33%;
	}
}
@media screen and (max-width: 567px){
.CheckoutContent .row.mt-4 .col-sm-9.col-12{ order:2; }
.CheckoutContent .CheckoutInformationSection{ order:1; }
}


/*- Account Login -*/

.ReturningCustomer .Instructions.text-center {text-align:left !important; padding: 0;}
.ReturningCustomer div[id$="pnlAccountLogin"] {margin-left: 0;}
.ReturningCustomer div[id$="pnlAccountLogin"] span.asterisk {position: static;}

.CheckLoginPanel label {margin-bottom: 0;}
.CheckLoginPanel .loginmodal-container {background-color: transparent; padding: 0 15px;}
.CheckLoginPanel .loginmodal-container .col-12.NoPadding:first-child,
.CheckLoginPanel .loginmodal-container .col-12.NoPadding:nth-child(2),
.CheckLoginPanel .loginmodal-container .col-12.NoPadding:nth-child(3),
.CheckLoginPanel .loginmodal-container .col-12.NoPadding:nth-child(4)
{display:none;}
.CheckLoginPanel .loginmodal-container > .col-12 {line-height: 0;}
.CheckLoginPanel .loginmodal-container input[type=submit] {margin-left: 0;}
.CheckLoginPanel .login-help {text-align:left;}
.CheckLoginPanel .login-help a {margin: 1em 2em 1em 0; }

.CheckLoginPanel .loginmodal-container #CookieCheck {line-height: 1.1; font-style:italic; padding:0; }

.CheckoutTotalModule {background: var(--tintneutral); margin-top: 0 !important; padding: 1em;}
.CheckoutTotalModule > div {display:none;}
.CheckoutTotalModule > div.Content.row {display:flex;}


.CheckoutTotalModule .section-header-section,
.CouponModule .section-header-section {border-bottom: none; color: var(--accentprimary);}


/*- Registration -*/
.row.account-register {max-width: 800px; margin: auto;}
.account-register-form ul.text-left > li:last-child {display: none;} /*hide fourth bullet*/

@media (min-width: 576px) {
	.account-register-form div[id$="_UpdatePanel2"] .form-group.row .col-sm-4.col-lg-8.col-xs-12 {  -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
	.account-register-form > .row, 
	.account-register-form > div[id$="_divPassword"] > .row,
	.account-register-form > div[id$="_UpdatePanel2"] > .row {margin: 0 5px 0px 10px;}
}


/*- Discounts -*/

div[class*="KIT"] .CouponModule  { display: none !important; } /*no coupons for kit checkout*/

.CouponModule {background: var(--tintneutral); margin-top: 0 !important; padding: 1em;}
.CouponModule h4 {font-weight: 400; font-size: 1.1rem; text-transform: uppercase;}
.CouponModule h4 > label {margin-bottom: 0;}

span[data-messagekey="DISCOUNT_WALLET_MISC"] {display:block; margin-bottom: 20px;}

EnterCoupon {background: var(--tint); color: #fff; margin: 1em 0;}
.EnterCoupon > .row:first-child > .col-12:first-child {display:none;} /*hide box title*/
.CouponMessage {line-height: 0;}
.CouponMessage > label {line-height: 1em;}

.EnterCoupon.p-3 {padding-left: 0 !important; padding-right: 0 !important;}
.EnterCoupon.p-3 .col-12.text-right {text-align: left !important;}

#ctl00_MainContent_DiscountWalletModule1_voucherDiscountWallet_upContent {margin: 0 -15px;}
.NoVouchers {font-weight: 200; font-style: italic;}

#ctl00_MainContent_ShoppingCartModule1_CartSummary > .col-12 > .row {justify-content: end;}
#ctl00_MainContent_ShoppingCartModule1_CartSummary div[id$="_DiscountTr"] .col-sm-2,
#ctl00_MainContent_ShoppingCartModule1_CartSummary div[id$="_DiscountTr"] .col-sm-10  {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 85%;}

/*discount grid */
div[id*="dvDiscountsModule"] > .border.padding-5 {border: none !important;}
div[id*="dvDiscountsModule"] .col-12.mt-3 > label[id*="lblDescription"] {color: var(--accentsecondary) !important; font-size: 1.777em;}
.grid-header-row {border-bottom: 2px dotted var(--tintneutral); font-size: 0.7em; font-weight: 600; text-transform: uppercase; color: var(--dark);}
.row.DiscountRow {font-weight: 400; line-height: 1.15em; margin: .5em .25em; border-bottom: 1px solid var(--tintneutral);padding: .5em 0;}

.DiscountRow div[id$="DefaultDiscount"] .CommissionValuesDiv,
.DiscountRow div[id$="DefaultDiscount"] .CommissionValuesDiv ~ .col7 {
    display: none;
}

.row.DiscountRow .col2,
.row.grid-header-row .col1 { /*flex: 0 0 auto; width: auto; max-width: 100%;*/}

div[id*="dvDiscountsModule"] .row.grid-header-row label[data-messagekey="GENERAL_DESCRIPTION_LABEL"] {
	padding-left: 10px;
}

.row.grid-header-row .col2.text-center {text-align: left !important;}
.row.DiscountRow .col3 {padding:0;}
.row.DiscountRow div[id$="pnlDefaultDiscount"] {padding:0;}


.row.grid-header-row .col-md-2.col9,
.row.grid-header-row .Subtotal.col11 {padding-left: 6px;}
.row.DiscountRow .col-3.col-md-2.col9,
.row.grid-header-row .col-md-2.col9 {flex: 0 0 8%; max-width: 8%;}

.row.grid-header-row .col-6.col-md-2.col6,
.row.DiscountRow div[id$="pnlDefaultDiscount"] {flex: 0 0 25.33%; max-width: 25.33%;}

.btnSelectItemDiv input.btn {
font-size: .6875em;
letter-spacing: 0.07em;
line-height: 1.15em;
white-space: nowrap;}

.rblDiscountedItems > .displayInline {display:flex; align-items: center;}

.DiscountSkuImage {max-width: 100px;}
.DiscountSkuImageDiv {line-height: 0;}

.row.DiscountRow .Remove.col12 {margin-left: auto;}

@media screen and (min-width: 768px) {
	.row.DiscountRow .col-3.col-md-2.col9,
.row.grid-header-row .col-md-2.col9 {flex: 0 0 8%; max-width: 8%;}
}
@media screen and (max-width: 767px) {
    .DiscountRow .grid-header-row {
        display: flex; border-bottom: 0;
    }

	.row.DiscountRow img.ItemStatus {position: absolute; left: -8px;}
	.row.DiscountRow div[id$="pnlDefaultDiscount"] {   flex: 0 0 45.33%;    max-width: 45.33%;}
	.row.DiscountRow .col-12.d-block.d-md-none {padding: 0; margin-top: .5em;}
}

/*- Main Details Entry -*/

img[class="ItemStatus"] {filter: grayscale(1);}

.CheckoutAddressDisplay {line-height: 1.5;}

.CheckoutContent .EditSection .AddressDisplay .Country {display: none;} /*hide country selection*/

.pnlShipToParty > span:first-child, .pnlShipToAddress > span:first-child {
	display:flex; align-items: flex-start; border-top: 1px solid var(--tintneutral); padding-top: 0.5em;
}

.pnlShipToParty > span:first-child > input[type="radio"], .pnlShipToAddress > span:first-child > input[type="radio"] {
	margin-top: 5px;  margin-right: 8px !important; height: 20px; width: 20px;
}
.pnlShipToParty input[name="RadioButtonsAddressSelect"] { transform: scale(1.4);}

.checkout_rblIsPartOfEvent > tbody {display: flex;}
.checkout_rblIsPartOfEvent td label {padding-right: 30px;}
label[id$="lblHostTitleCheckout"] {font-style:italic;}

div[id$="divPickHost"] .rtsLI {font-family: var(--defaultfont) !important;}
div[id$="divPickHost"] .rtsLI > a {border: 1px solid var(--tintneutral);}
div[id$="divPickHost"] .RadMultiPage.RadMultiPage_Default {border: 1px solid var(--tintneutral); padding: 0 1em; margin-bottom: .5em;}

div[id$="divPickHost"] .RadTabStrip_Default .rtsLevel .rtsLink.rtsSelected {color: var(--accentprimary);}
div[id$="divPickHost"] .RadTabStrip_Default .rtsLink span.rtsTxt {font-family: var(--defaultfont) !important; text-decoration:none; text-transform:uppercase;}
div[id$="divPickHost"] .RadTabStrip_Default .rtsLink span.rtsTxt:hover {color: var(--dark);}
div[id$="dvHostSearchRow2"] > div, div[id$="dvEventSearchRow2"] > div {vertical-align: top;}
div[id$="divPickHost"] input[value="Search"] {margin-left: 15px;}


div[id$="divHostContent"], .divContentSection3 .cons_photo, .CheckoutEventSearchModule {margin: 0 15px 20px; border-radius: var(--buttonradius); background-color: var(--tintneutral); padding-top: .5em;}
div[id$="divHostContent"] label.lblHostName {margin-bottom: 0;}
.row.divContentSection2 .HostSectionEditButton {padding-right: 15px;}
.CheckoutContent .divContentSection3 {margin-right: 30px; margin-left: 0;}
.CheckoutEventSearchModule {padding: 1em 1em 0; margin-bottom: 0;}
.CheckoutEventSearchModule h2 {	font-size: 1.75em;}
.CheckoutEventSearchModule .RadTabStrip_Default {background: transparent;}

div[class*="KIT"] div[id$="divHostContent"]{display:none;}

.cons_photo .ConsulantPhoto {border-radius: 0 !important; display: none !important;}

.CheckoutContent .divContentSection5 > .col-12:first-child .col-12 {line-height: 0;}
.CheckoutContent .divContentSection5 label {margin-bottom: 0; line-height: 1;}


#ctl00_MainContent_checkoutPaymentModule_BraintreePayment
{display: none;}/*hide things taking up space and not being used*/


.CheckoutContent .section-header-section.CheckoutSectionHeaders {
	color: var(--contrast);
    font-size: 1.5em;
	border-bottom: 0;
}

.CheckoutContent .divEditSection0.EditSection.row, .CheckoutContent .row.divContentSection1 {margin: 10px 10px 0;}



@media screen and (min-width: 996px) {
	.CheckoutContent.col-12.col-md-9 {padding: 0 40px;}
	.CheckoutContent.col-12.col-md-9 span.asterisk { left: 7px;}
	.CheckoutContent .divEditSection0.EditSection.row, .CheckoutContent .row.divContentSection1 {Margin: 10px 0px 10px 38px;}
	.CheckoutContent .section-header-section.CheckoutSectionHeaders {font-size: 1.75em;}
}

@media screen and (min-width: 576px) {
	.PhoneNumber .col-lg-8.col-xs-12 {-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; flex-grow: 0; max-width: 66.666667%;}
}


/*- host selection -*/
/*hide option to search by event number*/
label[data-messagekey="EVENT_SEARCH_OR_MESSAGE"], 
div[id$="divPickHost"] div[id$="rtsHostSearch"]{display:none;}


/*hide search for consultant button*/
.CheckoutContent .SelectConsultantButton input[disabled="disabled"],
input[data-messagekey="CHECKOUT_SEARCHFORCONSULTANT"], 
.CheckoutContent .divEditSection3.EditSection.row {display: none;}

/*- payments -*/

label[data-messagekey="TABBEDPAYMENT_TITLE"], label[data-messagekey="EVENT_SEARCH_OR_MESSAGE"] {font-style: italic; color: var(--contrast);}
.payment-ui-header .card.payment-ui-listitem {border-width: 0 !important; border-color: transparent;}

/*- Confirmation -*/

.checkout-confirmation {width: var(--contentarea); margin: 2em auto; }
label[data-messagekey="CHECKOUT_THANKS_LABEL"] {color: var(--accentprimary); display:block;}
.checkout-confirmation-order-details .panel-heading { background-color: var(--tintterciary);}
.checkout-confirmation .RadSocialShare_Default, .checkout-confirmation > .row:nth-child(4) {display:none;} /*hide social share*/
.OfflinePaymentRefNumModule.IndivModule  {display:none;} 
.CHECKOUT_ORDERTYPENOTE_AM {display: none;} /*hide order type message in public store*/

@media screen and (min-width: 768px){
	.checkout-confirmation > .row.mt-3:last-child > .col-12 > .row.mt-3 > .col-12.col-md-3 {-ms-flex: 1;
    flex: 1;   max-width: 100%;}
	}