/* CSS Document */
:root {
  --headingFS: Roboto Condensed SemiBold, Impact, Arial Black, sans-serif;
  --sansFS: NeueSwiss, Helvetica, Verdana, sans-serif;
  --serifFS: Ethic Serif Light, Times New Roman, Times, serif;
}

:root {
  --sideNavBottomPad: 0px;
  --bottomBarPad: 0px;
}

body {
  font-size: 14px;
}

@keyframes loading {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*
@keyframes dotdotdot {
	0% {
    content: ".\a0\a0";
  }
  33% {
	  content: "..\a0";
  }
  66% {
	  content: "...";
  }
  100% {
    content: "\a0\a0\a0";
  }
}
*/
sup {
  line-height: 1;
}

form.section, .formSection {
  background-color: var(--greyLightCream);
}

.section:not(.overlayEdit) {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  width: 100%;
  min-height: calc(100vh - var(--headerHeight));
  box-sizing: border-box;
}
.section:not(.overlayEdit) .subsection {
  padding-top: calc(var(--padding) * 1.12);
  padding-left: var(--padding50);
  padding-right: var(--padding50);
  padding-bottom: 0 !important;
  text-align: center;
}
.section:not(.overlayEdit) .subsection.matchSidePadding {
  padding-top: var(--padding50) !important;
}
.section:not(.overlayEdit) .subsection:last-child, .section:not(.overlayEdit) .subsection.last {
  padding-top: 20px;
  padding-bottom: 30px !important;
}

.section.block {
  display: block;
}
.section.block main {
  display: block;
  width: auto;
}
.section h4 {
  font-size: 18.2px;
  line-height: 1em;
  /* a#new_project {
    float: right;
    display: inline;
    font-size: 12px;
    letter-spacing: .05em;
    padding: 0 var(--padding);
  	font-weight: 500;
  }
  span#project_toggle {
    float: left;
    display: inline;
    font-size: 12px;
    letter-spacing: .05em;
    padding: 0 var(--padding);
  	font-weight: 500;
  } */
}
.section h5 {
  line-height: 2.3em;
  text-transform: none;
  margin-bottom: 0;
}
.section h5.subTitle {
  font-weight: 400;
  font-size: 17px;
  margin-bottom: 6px;
}
.section h5.titleCase {
  text-transform: capitalize;
}
.section h5.noCase {
  text-transform: none;
}
.section h5.select {
  color: black !important;
  font-weight: 500;
}
.section h5.select a {
  color: black !important;
}
.section h6 {
  font-size: 12px;
  line-height: 2.8em;
  /* &.select {
  	font-weight: 500;
  } */
}
.section .thickText {
  margin-bottom: 0;
}
.section .thickText .statCircle {
  display: inline-block;
  vertical-align: text-top;
  width: 13px;
  height: 13px;
  margin-right: 6px;
  border: 4px solid var(--statColor);
  border-radius: 50%;
}
.section .thickText b {
  font-weight: 400;
}
.section .radio + label:not(.miniButton) {
  margin: 0;
  color: var(--greyMid);
  border-color: var(--greyLight);
}
.section .radio + label:not(.miniButton):hover, .section .radio + label:not(.miniButton):active {
  color: black !important;
  background-color: var(--greyLighter);
}
.section .radio + label:not(.miniButton):before {
  display: none;
}
.section .radio + label:not(.miniButton).disable {
  pointer-events: none;
}
.section .radio:checked + .buttonNew {
  color: black;
  background-color: var(--greyLighter);
}
.section .radio:checked + .buttonNew.disable {
  color: var(--grey);
}
.section .radioButtons {
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 20px;
}
.section .radioButtons.center {
  justify-content: center;
}
.section .radioButtons.end {
  justify-content: flex-end;
}
.section .radioButtons.stack {
  display: block !important;
  float: none !important;
  margin-bottom: 0 !important;
}
.section .radioButtons.stack > * {
  margin-bottom: 10px !important;
}
.section .radioButtons.stack > *:first-child {
  margin-right: 0;
}
.section .radioButtons.stack > *:last-child {
  margin-left: 0;
}
.section .radioButtons.stack + .buttonURL {
  padding-top: 0 !important;
}
.section .radioButtons.noTopSpace {
  margin-top: 0;
}
.section .radioButtons .buttonNew + .radio + .buttonNew {
  border-left: none;
}
.section .radioButtons .pageName {
  height: 42px;
  border-top: none;
  border-left: none;
  border-right: none;
  line-height: 40px;
  padding-left: 0;
  border-bottom: solid 1px var(--greyLight);
}
.section .radioButtons label:last-child {
  margin-right: 0 !important;
}
.section .radioButtons input {
  margin-bottom: 30px;
}
.section .radioButtons > div {
  width: 100%;
}
.section .radioButtons > *:first-child {
  margin-right: 10px;
}
.section .radioButtons > *:last-child {
  margin-left: 10px;
}
.section .radioButtons:first-child {
  margin-top: 0;
}
.section .radioButtons:last-child {
  margin-right: 0;
}
.section .radioButtons .buttonRowLink .radioSelect, .section .radioButtons .buttonRowLink .collColors, .section .radioButtons .buttonRowLink .sizeSelect {
  max-width: none;
}
.section .radioButtons .half {
  width: calc(50% - 10px);
}
.section .radioButtons .sixty {
  width: calc(60% - 10px);
}
.section .radioButtons .forty {
  width: calc(40% - 10px);
}
.section .radioButtons.siSplit {
  width: 80% !important;
  max-width: 675px;
}
.section .radioButtons .max440 {
  max-width: 440px;
}
.section .radioButtons .typeButton {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 10px;
  border: 1px solid var(--greigeLight);
  border-right: none;
  text-align: center;
  background-color: white;
  transition: background 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  flex: 1;
}
.section .radioButtons .typeButton h5 {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 15px;
  line-height: 38px;
  color: var(--grey);
  text-align: center;
  transition: color 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .radioButtons .typeButton:hover, .section .radioButtons .typeButton:active, .section .radioButtons .typeButton.select {
  background-color: var(--greyLighter);
}
.section .radioButtons .typeButton:hover h5, .section .radioButtons .typeButton:active h5, .section .radioButtons .typeButton.select h5 {
  color: black;
}
.section .radioButtons .typeButton:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.section .radioButtons .typeButton:last-child {
  border-right: 1px solid var(--greigeLight);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.section .radioButtons .typeRadio:checked + label {
  background-color: var(--greyLighter);
}
.section .radioButtons .typeRadio:checked + label h5 {
  color: black;
}
.section .radioButtons .typeRadio:first-child + .typeButton {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.section .radioButtons .collColors {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: none;
  margin-bottom: 0;
}
.section .radioButtons + .collColors {
  max-width: 360px;
  margin-top: 4px;
}
.section .radioButtons.disable {
  opacity: 0.25;
  pointer-events: none;
}
.section .miniButton {
  margin: 0;
}
.section .miniButton:before {
  display: none;
}
.section input.oneLine {
  max-width: none;
  padding: 0 16px 0 0;
  margin-bottom: 0 !important;
  border: none;
  border-bottom: solid 1px var(--greyLighter);
  line-height: 30px;
  height: 30px;
  background-color: transparent;
  transition: border 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section input.oneLine:focus {
  background-color: transparent;
  border-bottom-color: black;
}
.section input.oneLine:hover, .section input.oneLine:active, .section input.oneLine:focus-visible {
  box-shadow: none;
  border-bottom-color: black;
  outline: none;
}
.section .dotsDropdown {
  text-align: left;
  position: absolute;
  top: -12px;
  right: -12px;
}
.section .dotsDropdown .dots {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 4px;
  padding: 12px;
  text-align: center;
  margin-left: auto;
  opacity: 0.35;
  cursor: pointer;
  transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .dotsDropdown .dots:after {
  content: var(--bi-three-dots);
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
  line-height: 0.5;
  font-size: 20px;
}
.section .dotsDropdown .drop {
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  box-sizing: border-box;
  pointer-events: none;
  transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  background-color: white;
}
.section .dotsDropdown .drop h5 {
  margin-bottom: 0;
  font-size: 14px !important;
}
.section .dotsDropdown .drop h5 a, .section .dotsDropdown .drop h5 button {
  display: block;
  font: 400 14px/2.3em var(--sansFS);
  text-transform: none;
  padding: 7px 16px 0;
  background-color: transparent;
}
.section .dotsDropdown .drop h5:last-child {
  margin-bottom: 12px;
}
.section .dotsDropdown:hover, .section .dotsDropdown:active {
  z-index: 1000;
}
.section .dotsDropdown:hover .dots, .section .dotsDropdown:active .dots {
  opacity: 1;
}
.section .dotsDropdown:hover .drop, .section .dotsDropdown:active .drop {
  min-width: 160px;
  width: auto;
  height: auto;
  opacity: 1;
  pointer-events: auto;
  border: solid 1px var(--greyMidDark);
}
.section .flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  -moz-column-gap: 20px;
       column-gap: 20px;
  /*
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: flex-start;
  */
}
.section .flex.inputs {
  flex-wrap: nowrap;
  align-items: flex-start;
  padding-top: 0;
}
.section .flex.inputs.stretch {
  align-items: stretch;
}
.section .flex.inputs.end {
  align-items: flex-end;
}
.section .flex.inputs.justStart {
  justify-content: flex-start;
}
.section .flex.inputs.iconControls {
  overflow: hidden;
  transition: height 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  will-change: height;
  height: 0;
}
.section .flex.inputs.fifty > div {
  width: calc(50% - 10px);
}
.section .flex.inputs.sixtyForty {
  justify-content: flex-start;
}
.section .flex.inputs.sixtyForty > div:first-child {
  width: calc(60% - 10px);
}
.section .flex.inputs.sixtyForty > div:last-child {
  width: calc(40% - 10px);
}
.section .flex.inputs.flexible > div:first-child {
  width: auto;
  flex: 1;
}
.section .flex.inputs.flexible > div:last-child {
  width: auto;
}
.section .flex.inputs.sideBySide {
  justify-content: flex-start;
}
.section .flex.inputs.sideBySide > div {
  flex: 1;
  width: calc(100% - 10px);
  max-width: 456px;
}
.section .flex.inputs > div {
  display: inline-block;
  vertical-align: top;
  width: calc(33.33% - 13.3333333333px);
  flex-shrink: 0;
  margin: 0;
}
.section .flex.inputs > div > *, .section .flex.inputs > div .menuStyle > *, .section .flex.inputs > div .sectionInner > * {
  max-width: none;
}
.section .flex.inputs > div .menuStyle .sizeSelect {
  padding-top: 3px;
}
.section .flex.inputs > div h5 {
  text-align: left;
  margin-bottom: 5px;
}
.section .flex.inputs > div h5 + .imageEdits {
  max-width: none;
}
.section .flex.inputs > div h5 ~ h5 {
  margin-top: 16px;
}
.section .flex.inputs > div textarea.monoText {
  height: 132px;
  padding: 10px 15px;
  border-radius: 4px;
  line-height: 20px;
  background-color: var(--greyLighter3);
}
.section .flex.inputs > div textarea.monoText[name=cws_monogram_text] {
  height: 92px;
}
.section .flex.inputs > div .buttonNew {
  display: block;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}
.section .flex.inputs > div .buttonNew.mobile {
  display: none;
}
.section .flex.inputs > div.splitMenu, .section .flex.inputs > div .splitMenu {
  opacity: 0;
  pointer-events: none;
}
.section .flex.inputs > div.splitMenu.active, .section .flex.inputs > div .splitMenu.active {
  opacity: 1;
  pointer-events: auto;
}
.section .flex.inputs > div > .fieldText {
  margin-bottom: 10px;
}
.section .flex.inputs > div > *:last-child, .section .flex.inputs > div .menuStyle > *:last-child {
  margin-bottom: 0;
}
.section .flex.inputs > div .menuStyle {
  display: none;
}
.section .flex.inputs > div .menuStyle.active {
  display: block;
}
.section .flex.inputs:not(.fifty):not(.sixtyForty):not(.flexible):not(.sideBySide) > div .radioButtons:has(.collColors):has(.inputSelect) .sixty {
  margin-right: 0;
}
.section .flex.inputs .radioButtons.flexOne > *:last-child {
  flex: 0;
}
.section .flex.inputs .radioButtons.flexOne > *:first-child {
  flex: 1;
}
.section .flex.inputs .imageEdits.logo {
  pointer-events: none;
  opacity: 0.2;
  margin-top: 10px;
}
.section .flex.inputs #logoMono {
  height: 188px;
}
.section .flex.inputs #coverpageLogo {
  height: 186px;
}
.section .flex.inputs #menuImage {
  max-width: none;
}
.section .flex.inputs.spaceAbove {
  margin-top: var(--padding50);
}
.section .flex.inputs.disable {
  /* textarea, .collColors:not(.menuColor), .radioSelect, .sizeSelect {
  	pointer-events: none;
  	opacity: 0.5;
  } */
}
.section .flex.inputs.disable .imageEdits.logo {
  pointer-events: auto;
  opacity: 1;
}
.section .flex.inputs .valignAndAlign .line {
  transition: background-color 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .flex.inputs .valignAndAlign:hover .line, .section .flex.inputs .valignAndAlign:active .line {
  background-color: black;
}
.section .flex.inputs .sizeSelect h5 {
  margin-bottom: 0;
}
.section .flex.inputs .sizeSelect.logoSize span:not(.zero), .section .flex.inputs .sizeSelect.iconSize span:not(.zero) {
  vertical-align: text-top;
}
.section .flex.inputs .sizeSelect.logoSize span:not(.zero):before, .section .flex.inputs .sizeSelect.iconSize span:not(.zero):before {
  width: 15px;
  height: 15px;
  opacity: 0.35;
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
  line-height: 1.3;
  font-size: 15px;
}
.section .flex.inputs .sizeSelect.logoSize span:not(.zero).reduce:before, .section .flex.inputs .sizeSelect.iconSize span:not(.zero).reduce:before {
  content: var(--bi-dash-lg);
}
.section .flex.inputs .sizeSelect.logoSize span:not(.zero).increase:before, .section .flex.inputs .sizeSelect.iconSize span:not(.zero).increase:before {
  content: var(--bi-plus-lg);
}
.section .flex.inputs .sizeSelect.logoSize span:not(.zero):hover:before, .section .flex.inputs .sizeSelect.logoSize span:not(.zero):active:before, .section .flex.inputs .sizeSelect.iconSize span:not(.zero):hover:before, .section .flex.inputs .sizeSelect.iconSize span:not(.zero):active:before {
  opacity: 1;
}
.section .flex.inputs .sizeSelect.leading span:not(.zero):before {
  content: "";
  display: inline-block;
  width: 20px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  opacity: 0.35;
}
.section .flex.inputs .sizeSelect.leading span:not(.zero).reduce:before {
  height: 4px;
}
.section .flex.inputs .sizeSelect.leading span:not(.zero).increase:before {
  height: 9px;
  margin-left: auto;
}
.section .flex.inputs .sizeSelect.leading span:not(.zero):hover:before, .section .flex.inputs .sizeSelect.leading span:not(.zero):active:before {
  opacity: 1;
}
.section .flex.inputs .text, .section .flex.inputs .graphic {
  display: none !important;
}
.section .flex.inputs .text.show:not(.dropImage), .section .flex.inputs .graphic.show:not(.dropImage) {
  display: block !important;
}
.section .flex.inputs .text.show.dropImage, .section .flex.inputs .graphic.show.dropImage {
  display: flex !important;
}
.section .flex.inputs .colorSelect.disable {
  opacity: 0.35;
  pointer-events: none;
}
.section .flex.inputs .colorSelect .color {
  background-size: 300px !important;
}
.section .flex {
  /* &#borders {
  	> div {
  		.collColors {
  			margin-bottom: 0;
  		}
  	}
  } */
}
.section .thumbBoxes .flex {
  margin: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  justify-content: flex-start !important;
  -moz-column-gap: calc(var(--padding) * 2 - 10px);
       column-gap: calc(var(--padding) * 2 - 10px);
  position: relative;
}
.section .thumbBoxes .flex > * {
  width: calc(33.33% - (var(--padding) * 2 - 10px) * 2 / 3) !important;
  max-width: 390px !important;
  min-width: 265px !important;
  box-sizing: border-box !important;
  margin-bottom: calc(var(--padding) * 2 - 10px);
}
.section.websiteHeader .toggleRow.alignRight > .toggleButtons {
  transform: translateY(-2px);
}
.section.websiteHeader #headerLink .radioButtons {
  justify-content: space-between;
  align-items: center;
}
.section.websiteHeader #headerLink .radioButtons > div {
  width: auto;
}
.section.websiteHeader #headerLink .radioButtons .checkbox + label {
  text-align: right;
  padding-bottom: 10px;
}
.section.websiteHeader #headerLink > #linkDetail {
  padding-top: 10px;
}
.section .toggleRow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.section .toggleRow.alignRight {
  justify-content: flex-start;
  height: 40px;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
.section .toggleRow.alignRight h5 {
  margin-bottom: 0;
}
.section .subsection h5 + .radioButtons {
  margin-top: 0;
}
.section .subsection h5.left {
  text-align: left;
}
.section .subsection.single {
  padding-top: 0;
  padding-bottom: 0 !important;
}
.section .subsection .fieldText {
  transition: border 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  position: relative;
}
.section .subsection .fieldText.error {
  border-bottom-color: red;
}
.section .subsection .fieldText .text {
  display: inline-block;
  font: 400 15px/35px var(--sansFS);
  text-transform: none;
  white-space: nowrap;
  height: 35px;
  padding: 0;
  margin: 0;
}
.section .subsection .fieldText:hover, .section .subsection .fieldText:active, .section .subsection .fieldText:focus {
  border-color: black;
}
.section .subsection .fieldText #loadingAccount {
  width: 30px;
  position: absolute;
  right: 0;
  margin: 0;
}
.section .subsection .fieldText label:not(.yesNo) {
  line-height: 39px;
}
.section .subsection .fieldText textarea {
  line-height: 24px;
}
.section .subsection .fieldText input {
  line-height: 39px;
  height: 39px;
}
.section .subsection .fieldText .selectDrop {
  height: 38px;
  line-height: 38px;
}
.section .subsection .fieldText.borderOutline label:not(.yesNo) {
  line-height: 38px;
}
.section .subsection .fieldText.borderOutline input {
  line-height: 38px;
  height: 38px;
}
.section .subsection .fieldText.centerVert {
  align-items: center;
}
.section .subsection .fieldText.selectDate {
  cursor: pointer;
}
.section .subsection .fieldText.selectDate label {
  line-height: 36px;
  padding-left: 14px;
  padding-right: 10px;
}
.section .subsection .fieldText.selectDate label .bi {
  font-size: 22px;
}
.section .subsection .fieldText.selectDate h5 {
  font-weight: 400;
  margin-bottom: 0;
}
.section .subsection .fieldText h5 {
  margin-bottom: 0;
}
.section .subsection textarea.oneLine {
  padding: 5px 16px 5px 0;
  border: none;
  border-bottom: solid 1px var(--greyLighter);
  line-height: 20px;
  background-color: transparent;
  transition: border 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection textarea.oneLine:focus {
  background-color: transparent;
  border-bottom-color: black;
}
.section .subsection textarea.oneLine:hover, .section .subsection textarea.oneLine:active, .section .subsection textarea.oneLine:focus-visible {
  box-shadow: none;
  border-bottom-color: black;
  outline: none;
}
.section .subsection .buttonRow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
.section .subsection .buttonRow > * {
  margin: 0 4px;
  box-sizing: border-box;
}
.section .subsection .buttonRow > *.optPM {
  margin-bottom: 10px;
}
.section .subsection .buttonRow > *:first-child {
  margin-left: 0;
}
.section .subsection .buttonRow > *:last-child {
  margin-right: 0;
}
.section .subsection .buttonRow .buttonNew, .section .subsection .buttonRow .buttonLink {
  min-width: calc(33.3% - 28px);
  margin-top: 0;
  white-space: nowrap;
}
.section .subsection .buttonRow .buttonNew.alt, .section .subsection .buttonRow .buttonLink.alt {
  min-width: 175px;
}
.section .subsection .buttonRow .selectBox {
  width: calc(33.3% - 28px);
}
.section .subsection .buttonRow.quarter .buttonNew:nth-child(2) {
  width: 39%;
}
.section .subsection .buttonRow.four > * {
  width: 25%;
  min-width: 0;
}
.section .subsection .buttonRow.twobytwo {
  flex-wrap: wrap;
}
.section .subsection .buttonRow.twobytwo > * {
  width: calc(50% - 4px);
  min-width: 0;
  max-width: none;
  margin-bottom: 10px;
}
.section .subsection .buttonRow.twobytwo > *:nth-child(2n+0) {
  margin-right: 0;
}
.section .subsection .buttonRow.twobytwo > *:nth-child(2n+0) + * {
  margin-left: 0;
}
.section .subsection .buttonRow + p {
  margin-top: 20px;
}
.section .subsection.topSection {
  padding: 0;
  margin: 20px var(--padding30) var(--padding30) var(--padding30);
}
.section .subsection.topSection:has(+ .permissionsWarning) {
  margin-bottom: 12px;
}
.section .subsection.topSection.permissionsWarning {
  margin-top: 0;
  margin-bottom: 16px;
  padding: 0;
}
.section .subsection.topSection.permissionsWarning .permissionsWarningText {
  margin: 0;
  padding: 0;
  text-align: left;
  font: 400 15px/1.5 var(--sansFS);
}
.section .subsection.topSection.permissionsWarning .permissionsWarningText .bi {
  margin-right: 8px;
}
.section .subsection.topSection.permissionsWarning .permissionsWarningText a {
  display: inline;
  text-decoration: underline;
}
.section .subsection.topSection .radioButtons {
  margin-top: 0;
  align-items: flex-start;
  justify-content: space-between;
}
.section .subsection.topSection .radioButtons > div {
  width: auto;
}
.section .subsection.topSection .toggleCont {
  display: flex;
  align-items: center;
  min-height: 54px;
  margin-right: 20px;
  position: relative;
}
.section .subsection.topSection .toggleCont .toggleButtons {
  flex-shrink: 0;
  background-color: black;
}
.section .subsection.topSection .toggleCont .yesNo {
  background-color: white !important;
}
.section .subsection.topSection .toggleCont .yesNo:after {
  display: none;
}
.section .subsection.topSection .toggleCont:has(.toggleButtons .visibleYes:checked) .toggle:after {
  content: "Visible";
}
.section .subsection.topSection .toggleCont:has(.toggleButtons .visibleYes:checked) .toggleButtons {
  background-color: black;
}
.section .subsection.topSection .toggleCont:has(.toggleButtons .visibleNo:checked) .toggle {
  opacity: 0.5;
}
.section .subsection.topSection .toggleCont:has(.toggleButtons .visibleNo:checked) .toggle:after {
  content: "Hidden";
}
.section .subsection.topSection .toggleCont:has(.toggleButtons .visibleNo:checked) .toggleButtons {
  background-color: var(--red);
}
.section .subsection.topSection .pageName {
  height: 54px;
  max-width: 450px;
  background-color: transparent;
  padding-right: 16px;
  padding-left: 16px;
  margin-left: 0;
  margin-bottom: 14px;
  border: 1px solid var(--greyLight);
  border-radius: 12px;
  font-size: 24px;
}
.section .subsection.topSection .pageName.sectionTitle {
  margin-bottom: 0;
  border: none;
}
.section .subsection.topSection .pageName.registryTypeSelect {
  padding: 0 34px 0 0;
  font-size: 21px;
  line-height: 30px;
  color: black;
  background-position: right center;
  -webkit-text-fill-color: black;
  opacity: 1;
}
.section .subsection.topSection .pageName:focus-visible {
  border-color: black;
  outline: none;
}
.section .subsection.topSection .registryField {
  padding: 5px 16px 5px 0;
  border: none;
  border-bottom: solid 1px var(--greyLight);
  background-color: transparent;
}
.section .subsection.topSection .registryField:focus {
  background-color: transparent;
}
.section .subsection.topSection .registryField:hover, .section .subsection.topSection .registryField:active {
  box-shadow: none;
}
.section .subsection.topSection .topAlpha {
  text-align: left;
  padding: 6px 0;
}
.section .subsection.topSection .inputField {
  text-align: left;
  height: auto;
  padding: 13px 0 13px var(--padding);
}
.section .subsection.topSection .inputField .bi {
  margin-right: 12px;
}
.section .subsection.topSection .inputField a {
  display: inline;
  text-decoration: underline;
}
.section .subsection.topSection.blend {
  border-top: none;
  border-bottom: none;
  background-color: transparent;
}
.section .subsection.topSection:has(.toggleCont) .permissions {
  padding-right: 200px;
}
.section .subsection .styleScrollHeading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.section .subsection .styleScrollControls {
  display: inline-flex;
  gap: 6px;
  flex-shrink: 0;
}
.section .subsection .styleScrollControls[hidden] {
  display: none;
}
.section .subsection .styleScrollControls button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid var(--greyLighter);
  border-radius: 50%;
  background: white;
  color: black;
  font-size: 14px;
  cursor: pointer;
}
.section .subsection .styleScrollControls button:hover:not(:disabled) {
  background: var(--greyLightest);
}
.section .subsection .styleScrollControls button:focus-visible {
  outline: 2px solid black;
  outline-offset: 2px;
}
.section .subsection .styleScrollControls button:disabled {
  opacity: 0.3;
  cursor: default;
}
.section .subsection .pageTypeThumbs {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  overflow: hidden;
  overflow-x: auto;
}
.section .subsection .pageTypeThumbs .thumb {
  flex-shrink: 0;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin-right: calc(var(--padding50) + 15px);
  order: 1;
}
.section .subsection .pageTypeThumbs .thumb .thumbnail {
  display: block;
  height: 100px;
  padding: 0;
  margin: 0;
  text-align: center;
  background-repeat: no-repeat;
  opacity: 0.35;
}
.section .subsection .pageTypeThumbs .thumb .thumbnail[class*=page_], .section .subsection .pageTypeThumbs .thumb .thumbnail[class*=gallery_] {
  height: 114px;
}
.section .subsection .pageTypeThumbs .thumb .thumbnail:before {
  display: none !important;
}
.section .subsection .pageTypeThumbs .thumb .thumbnail.gallery_full {
  width: 104px;
  background-image: url(/_images/account/icons_gallery_style.svg);
  background-position: 0px 10px;
  background-size: 414px;
}
.section .subsection .pageTypeThumbs .thumb .thumbnail.gallery_thumbnails {
  width: 148px;
  background-image: url(/_images/account/icons_gallery_style.svg);
  background-position: -114px 10px;
  background-size: 414px;
}
.section .subsection .pageTypeThumbs .thumb .thumbnail.gallery_collage {
  width: 142px;
  background-image: url(/_images/account/icons_gallery_style.svg);
  background-position: -272px 10px;
  background-size: 414px;
}
.section .subsection .pageTypeThumbs .thumb .thumbnail.page_cover {
  width: 156px;
  background-image: url(/_images/account/icons_cover_page_style.svg);
  background-position: 0px 10px;
  background-size: 984px;
}
.section .subsection .pageTypeThumbs .thumb .thumbnail.page_header {
  width: 156px;
  background-image: url(/_images/account/icons_cover_page_style.svg);
  background-position: -166px 10px;
  background-size: 984px;
}
.section .subsection .pageTypeThumbs .thumb .thumbnail.page_split {
  width: 155px;
  background-image: url(/_images/account/icons_cover_page_style.svg);
  background-position: -332px 10px;
  background-size: 984px;
}
.section .subsection .pageTypeThumbs .thumb .thumbnail.page_frame {
  width: 156px;
  background-image: url(/_images/account/icons_cover_page_style.svg);
  background-position: -497px 10px;
  background-size: 984px;
}
.section .subsection .pageTypeThumbs .thumb .thumbnail.page_duo_frame {
  width: 155px;
  background-image: url(/_images/account/icons_cover_page_style.svg);
  background-position: -663px 10px;
  background-size: 984px;
}
.section .subsection .pageTypeThumbs .thumb .thumbnail.page_bottom {
  width: 156px;
  background-image: url(/_images/account/icons_cover_page_style.svg);
  background-position: -828px 10px;
  background-size: 984px;
}
.section .subsection .pageTypeThumbs .thumb .thumbnail.section_large {
  width: 104px;
  background-image: url(/_images/account/icons_page_style.svg);
  background-position: 0px 10px;
  background-size: 1500px;
}
.section .subsection .pageTypeThumbs .thumb .thumbnail.section_full {
  width: 156px;
  background-image: url(/_images/account/icons_page_style.svg);
  background-position: -114px 10px;
  background-size: 1500px;
}
.section .subsection .pageTypeThumbs .thumb .thumbnail.section_boxes2 {
  width: 107px;
  background-image: url(/_images/account/icons_page_style.svg);
  background-position: -280px 10px;
  background-size: 1500px;
}
.section .subsection .pageTypeThumbs .thumb .thumbnail.section_split {
  width: 123px;
  background-image: url(/_images/account/icons_page_style.svg);
  background-position: -397px 10px;
  background-size: 1500px;
}
.section .subsection .pageTypeThumbs .thumb .thumbnail.section_boxes3 {
  width: 148px;
  background-image: url(/_images/account/icons_page_style.svg);
  background-position: -530px 10px;
  background-size: 1500px;
}
.section .subsection .pageTypeThumbs .thumb .thumbnail.section_trio {
  width: 136px;
  background-image: url(/_images/account/icons_page_style.svg);
  background-position: -688px 10px;
  background-size: 1500px;
}
.section .subsection .pageTypeThumbs .thumb .thumbnail.section_stagger_l {
  width: 90px;
  background-image: url(/_images/account/icons_page_style.svg);
  background-position: -834px 10px;
  background-size: 1500px;
}
.section .subsection .pageTypeThumbs .thumb .thumbnail.section_stagger_r {
  width: 90px;
  background-image: url(/_images/account/icons_page_style.svg);
  background-position: -934px 10px;
  background-size: 1500px;
}
.section .subsection .pageTypeThumbs .thumb .thumbnail.section_nested {
  width: 156px;
  background-image: url(/_images/account/icons_page_style.svg);
  background-position: -1034px 10px;
  background-size: 1500px;
}
.section .subsection .pageTypeThumbs .thumb .thumbnail.section_duo {
  width: 134px;
  background-image: url(/_images/account/icons_page_style.svg);
  background-position: -1200px 10px;
  background-size: 1500px;
}
.section .subsection .pageTypeThumbs .thumb .thumbnail.section_full_column {
  width: 156px;
  background-image: url(/_images/account/icons_page_style.svg);
  background-position: -1344px 10px;
  background-size: 1500px;
}
.section .subsection .pageTypeThumbs .thumb:last-child {
  margin-right: 0;
}
.section .subsection .pageTypeThumbs .thumb:hover .thumbnail, .section .subsection .pageTypeThumbs .thumb:active .thumbnail {
  opacity: 1;
}
.section .subsection .pageTypeThumbs:not(:has(input:checked:not([checked]))) .thumb:has(input[checked]), .section .subsection .pageTypeThumbs .thumb:has(input:checked) {
  padding-right: var(--padding);
  margin-right: var(--padding);
  border-right: 1px solid var(--greigeLight);
  position: sticky;
  left: 0;
  order: 0;
  z-index: 10;
}
.section .subsection .pageTypeThumbs:not(:has(input:checked:not([checked]))) .thumb:has(input[checked]) .thumbnail, .section .subsection .pageTypeThumbs .thumb:has(input:checked) .thumbnail {
  opacity: 1;
}
.section .subsection .plusMinusToggle {
  display: inline-block;
  vertical-align: text-bottom;
  width: 18px;
  height: 18px;
  position: relative;
  margin-right: 8px;
}
.section .subsection .plusMinusToggle label {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: none;
  text-align: center;
  position: absolute;
  left: 1px;
  transition-property: opacity;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  cursor: pointer;
}
.section .subsection .plusMinusToggle label:before {
  font-size: 18px;
  line-height: 18px;
  vertical-align: 0;
  transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .plusMinusToggle label:hover:before, .section .subsection .plusMinusToggle label:active:before {
  opacity: 0.35;
}
.section .subsection .plusMinusToggle + h5 {
  display: inline-block;
  width: calc(100% - 38px);
}
.section .subsection .plusMinusToggle:has(input[value="1"]:checked) + h5 + .iconControls {
  height: 90px !important;
}
.section .subsection .plusMinusToggle input:checked + label {
  opacity: 0;
  pointer-events: none;
}
.section .subsection .iconSelect {
  display: flex;
  min-height: 90px;
  box-sizing: border-box;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  margin: 0 auto 10px;
  padding: 18px 20px;
  background-color: var(--greyLighter3);
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .iconSelect h5 {
  height: 20px;
  margin-bottom: 0 !important;
  line-height: 20px !important;
  text-transform: none !important;
}
.section .subsection .iconSelect .icon {
  max-width: 150px;
  margin-right: 22px;
}
.section .subsection .iconSelect .icon:has(> img[src="/_images/placeholder_1x1.png"]) {
  display: none;
}
.section .subsection .iconSelect .icon img {
  width: auto;
  max-width: 100%;
  height: 54px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right center;
     object-position: right center;
}
.section .subsection .iconSelect:hover, .section .subsection .iconSelect:active {
  background-color: var(--greyLighter);
}
.section .subsection .collColors {
  padding: 6px 10px;
  border: 1px solid var(--greigeLight);
  border-radius: 8px;
  box-sizing: border-box;
  white-space: nowrap;
}
.section .subsection .collColors a, .section .subsection .collColors .colorBox {
  float: none;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 2px 8px 4px 0;
  border-radius: 50%;
  text-align: left;
}
.section .subsection .collColors a .color, .section .subsection .collColors .colorBox .color {
  border-radius: 50%;
}
.section .subsection .collColors a .color.default, .section .subsection .collColors .colorBox .color.default {
  border: 0;
  background-color: transparent !important;
}
.section .subsection .collColors a .color.default:before, .section .subsection .collColors .colorBox .color.default:before {
  content: "\f567";
  width: 100%;
  height: 100%;
  padding: 0;
  top: 0;
  left: 0;
  background-color: transparent;
  transform: none;
  color: var(--greyMid);
  display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: 0;
  line-height: 20px;
  font-size: 20px;
}
.section .subsection .collColors h5, .section .subsection .collColors .h5 {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 30px);
}
.section .subsection .collColors:hover, .section .subsection .collColors:active {
  border-color: black;
}
.section .subsection .sliderRange {
  margin-bottom: 10px;
}
.section .subsection .sliderRange .textTop {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: -3px;
}
.section .subsection .sliderRange .textTop h5 {
  font-weight: 400;
  line-height: 15px;
  margin-bottom: 0;
}
.section .subsection .sliderRange .textTop .size {
  font: 400 13px/20px var(--sansFS);
  letter-spacing: var(--tracking35);
}
.section .subsection .sliderRange .sliderInput {
  width: 100%;
  max-width: none;
  height: 2px;
  border: 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  background-color: transparent;
}
.section .subsection .sliderRange .sliderInput::-webkit-slider-runnable-track {
  height: 2px;
  border: 0;
  border-radius: 1px;
  background-color: #E9E6DF;
}
.section .subsection .sliderRange .sliderInput::-moz-range-track {
  height: 2px;
  border: 0;
  border-radius: 1px;
  background-color: #E9E6DF;
}
.section .subsection .sliderRange .sliderInput::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  margin-top: -6px;
  border-radius: 50%;
  background: white;
  border: 2px solid rgba(166, 164, 152, 0.65);
  cursor: grab;
  -webkit-transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .sliderRange .sliderInput::-webkit-slider-thumb:hover, .section .subsection .sliderRange .sliderInput::-webkit-slider-thumb:active {
  background-color: var(--greyMid);
}
.section .subsection .sliderRange .sliderInput::-moz-range-thumb {
  -moz-appearance: none;
       appearance: none;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: white;
  border: 2px solid rgba(166, 164, 152, 0.65);
  cursor: grab;
  -moz-transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .sliderRange .sliderInput::-moz-range-thumb:hover, .section .subsection .sliderRange .sliderInput::-moz-range-thumb:active {
  background-color: var(--greyMid);
}
.section .subsection .inputSelect {
  width: 112px;
  background-color: var(--greyLighter3);
}
.section .subsection .inputSelect .inputArea {
  border-right: solid 1px var(--greigeLight);
  padding-right: 0;
}
.section .subsection .inputSelect .inputArea .inputDisplay {
  padding: 0 12px;
}
.section .subsection .inputSelect .selectDrop {
  width: 38px;
  padding-left: 0;
  padding-right: 38px;
}
.section .subsection .inputSelect.maxWidth {
  width: 100%;
}
.section .subsection .inputSelect.maxWidth .inputArea {
  flex: 1;
}
.section .subsection .circleButton {
  position: relative;
}
.section .subsection .circleButton a, .section .subsection .circleButton .cir {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  position: absolute;
  top: -1.29em;
  right: 0;
  text-align: center;
  z-index: 100;
}
.section .subsection .deleteCol .circleButton:before {
  display: none;
}
.section .subsection .delete a span {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .delete a span:before {
  content: var(--bi-trash3);
  display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
  line-height: 1;
  font-size: 15px;
}
.section .subsection .delete:hover a span, .section .subsection .delete:active a span {
  opacity: 0.35;
}
.section .subsection .optPM {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 18px;
  height: 18px;
  border: none;
  box-sizing: border-box;
  margin-left: 5px;
  overflow: hidden;
  background-color: transparent;
}
.section .subsection .optPM:before {
  content: var(--bi-dash-circle);
  vertical-align: middle;
  width: 18px;
  height: 18px;
  position: relative;
  display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 18px;
  font-size: 18px;
}
.section .subsection .optPM.optionDelete {
  width: 0;
  margin-left: -2px;
}
.section .subsection .optPM.optionAdd:before {
  content: var(--bi-plus-circle);
}
.section .subsection .optPM:hover, .section .subsection .optPM:active {
  background-color: transparent;
}
.section .subsection .optPM:hover:before, .section .subsection .optPM:active:before {
  opacity: 0.35;
}
.section .subsection .permissions {
  overflow: hidden;
  text-align: left;
}
.section .subsection .permissions .permissionBar, .section .subsection .permissions .createGroups {
  float: left;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
.section .subsection .permissions .permissionBar .optionAdd, .section .subsection .permissions .createGroups .optionAdd {
  height: 23px;
  width: 25px;
  min-width: 25px;
  margin-left: 0;
  text-align: left;
  border: none;
}
.section .subsection .permissions .permissionBar .optionAdd:after, .section .subsection .permissions .createGroups .optionAdd:after {
  display: none;
}
.section .subsection .permissions .permissionBar .optionAdd:before, .section .subsection .permissions .createGroups .optionAdd:before {
  content: var(--bi-shield-lock);
  width: 17px;
  height: 17px;
  display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
  line-height: 19px;
  font-size: 17px;
  background-color: transparent;
}
.section .subsection .permissions .permissionBar .optionAdd + .permissionButton, .section .subsection .permissions .createGroups .optionAdd + .permissionButton {
  padding: 0;
  padding-right: 6px;
}
.section .subsection .permissions .permissionBar .optionAdd:hover, .section .subsection .permissions .permissionBar .optionAdd:active, .section .subsection .permissions .createGroups .optionAdd:hover, .section .subsection .permissions .createGroups .optionAdd:active {
  background-color: transparent;
}
.section .subsection .permissions .permissionBar .optionAdd:hover:before, .section .subsection .permissions .permissionBar .optionAdd:hover:after, .section .subsection .permissions .permissionBar .optionAdd:active:before, .section .subsection .permissions .permissionBar .optionAdd:active:after, .section .subsection .permissions .createGroups .optionAdd:hover:before, .section .subsection .permissions .createGroups .optionAdd:hover:after, .section .subsection .permissions .createGroups .optionAdd:active:before, .section .subsection .permissions .createGroups .optionAdd:active:after {
  background-color: transparent;
}
.section .subsection .permissions .permissionBar .permissionButton, .section .subsection .permissions .createGroups .permissionButton {
  padding-left: 0;
}
.section .subsection .permissions .permissionCont {
  display: inline;
}
.section .subsection .permissions .permissionCont .permissionButton {
  float: left;
}
.section .subsection .permissions.disable, .section .subsection .permissions.assocDisable {
  pointer-events: none;
  opacity: 0.5;
}
.section .subsection .permissions.disable .permissionCont .permissionButton, .section .subsection .permissions.assocDisable .permissionCont .permissionButton {
  display: none;
}
.section .subsection .permissions.standard {
  opacity: 0.5;
}
.section .subsection .permissions.standard .permissionCont .permissionButton {
  display: none;
}
.section .subsection .permissions.standard .permissionCont .permissionButton.everyone {
  display: inline-flex;
}
.section .subsection .permissionButton {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  height: 25px;
  margin: 0 0 10px 0 !important;
  padding: 0 12px;
  box-sizing: border-box;
  white-space: nowrap;
  font-size: 13px;
  color: Var(--grey);
}
.section .subsection .permissionButton.group {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  color: white;
  border: none;
  cursor: default;
  position: relative;
  background-color: transparent;
}
.section .subsection .permissionButton.group .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  border-radius: 16px;
  opacity: 0.2;
}
.section .subsection .permissionButton.group .txt {
  position: relative;
}
.section .subsection .permissionButton.group:hover, .section .subsection .permissionButton.group:active {
  color: white !important;
}
.section .subsection .permissionButton.group + .group {
  margin-left: 10px !important;
}
.section .subsection .permissionLink {
  display: inline;
  height: 23px;
  padding: 0 10px 0 0;
  margin: 0 !important;
  font: 15px/23px var(--serifFS);
  font-style: italic;
  white-space: nowrap;
}
.section .subsection.pageEdit {
  width: calc(100% - var(--padding30) * 2);
  padding-top: 0;
  padding-left: var(--padding50);
  padding-right: var(--padding50);
  margin: 0 var(--padding30) 14px;
  background-color: white;
  box-sizing: border-box;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
  border-radius: 15px;
  transition: background-color 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955), padding 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection.pageEdit .pageNameCont {
  padding-right: 130px;
  position: relative;
}
.section .subsection.pageEdit .pageNameCont .pageName {
  border: none;
  padding: 0.9em 7.7em 0.9em 0;
  margin-bottom: 0;
  display: block;
  width: 100%;
  height: 30px;
  background-color: transparent;
  box-sizing: content-box;
  pointer-events: none;
}
.section .subsection.pageEdit .pageNameCont .pageName:hover, .section .subsection.pageEdit .pageNameCont .pageName:active {
  box-shadow: none;
}
.section .subsection.pageEdit .pageNameCont .pageName:focus {
  background-color: white;
}
.section .subsection.pageEdit .pageNameCont .pageName.notice {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding-right: 42px;
  padding-left: 22.4px;
  width: 100%;
  height: auto;
  min-height: 30px;
  text-align: left;
  font-weight: 400;
}
.section .subsection.pageEdit .pageNameCont .pageName.notice a {
  display: inline;
  text-decoration: underline;
}
.section .subsection.pageEdit .pageNameCont .pageArrow {
  position: absolute;
  top: 0;
  right: -12px;
  padding: 29px 12px;
}
.section .subsection.pageEdit .pageNameCont .pageArrow:before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  margin-top: -6px;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  transform: rotate(45deg);
  transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection.pageEdit .pageNameCont .pageArrow:hover:before, .section .subsection.pageEdit .pageNameCont .pageArrow:active:before {
  opacity: 0.35;
}
.section .subsection.pageEdit .pageNameCont .duplicate {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 61px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 25px;
}
.section .subsection.pageEdit .pageNameCont .duplicate:before {
  content: var(--bi-copy);
  width: 14px;
  height: 14px;
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
  line-height: 1;
  font-size: 14px;
}
.section .subsection.pageEdit .pageNameCont .duplicate:hover:before, .section .subsection.pageEdit .pageNameCont .duplicate:active:before {
  opacity: 0.35;
}
.section .subsection.pageEdit .pageNameCont .delete {
  position: absolute;
  top: 0;
  right: 74px;
}
.section .subsection.pageEdit .pageNameCont .delete:before {
  display: none;
}
.section .subsection.pageEdit .pageNameCont .delete a {
  top: 18px;
  border-radius: 0;
  background-color: transparent;
}
.section .subsection.pageEdit .pageNameCont .delete.singleDelete {
  right: 36px;
}
.section .subsection.pageEdit .pageInfo {
  display: none;
  overflow: hidden;
}
.section .subsection.pageEdit .pageInfo .subsection .radioButtons {
  /*
  + .sectionInner {
  							margin-top: 20px;
  						}
  */
}
.section .subsection.pageEdit .pageInfo .subsection .radioButtons + .collColors {
  margin-bottom: 0;
}
.section .subsection.pageEdit .pageInfo .subsection .sectionInner:not(.margTop10):last-child {
  margin-bottom: 20px;
}
.section .subsection.pageEdit .pageInfo > .subtract:has(+ .add) {
  opacity: 0;
}
.section .subsection.pageEdit.notice {
  border: 1px solid black;
}
.section .subsection.pageEdit.select {
  padding-top: 20px;
}
.section .subsection.pageEdit.select .pageNameCont .movePos {
  display: none;
}
.section .subsection.pageEdit.select .pageNameCont .pageName {
  border-bottom: solid 1px var(--greyLight);
}
.section .subsection.pageEdit.select .pageNameCont .pageArrow:before {
  margin-top: 0px;
  transform: rotate(225deg);
}
.section .subsection.pageEdit.deleteHover {
  background-color: var(--greyLightest);
}
.section .subsection.pageEdit.disableDragDelete .movePos, .section .subsection.pageEdit.disableDragDelete .circleButton.delete {
  opacity: 0;
  pointer-events: none;
}
.section .subsection.pageEdit .movePos {
  position: absolute;
  top: 0;
  left: var(--padding50Neg);
  padding: 22px calc(var(--padding50) * 0.5 - 12px) 22px calc(var(--padding50) * 0.5 - 5px);
  cursor: move;
}
.section .subsection.pageEdit .movePos span {
  display: block;
  margin: 0 auto;
  height: 17px;
  width: 17px;
  transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0.5;
}
.section .subsection.pageEdit .movePos span:before {
  content: var(--bi-list);
  display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
  line-height: 1;
  font-size: 17px;
}
.section .subsection.pageEdit .movePos:hover span, .section .subsection.pageEdit .movePos:active span {
  opacity: 1;
}
.section .subsection.pageEdit .warningNotice {
  position: absolute;
  top: 0;
  left: -19.6px;
  padding: 0.8em 0.9em 0.8em 1.3em;
}
.section .subsection.pageEdit .warningNotice span {
  display: block;
  margin: 0 auto;
  height: 17px;
  width: 17px;
}
.section .subsection.pageEdit .warningNotice span:before {
  content: var(--bi-lightning-charge-fill);
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
  line-height: 1;
  font-size: 20px;
  position: relative;
  top: -3px;
}
.section .subsection.pageEdit .subsection {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}
.section .subsection.pageEdit .subsection > h5 ~ h5 {
  margin-top: 20px;
}
.section .subsection.pageEdit .subsection p {
  margin-bottom: 10px;
}
.section .subsection.pageEdit .subsection .collColors {
  margin-left: 0;
}
.section .subsection.pageEdit .subsection {
  /*
  .subhead {
  					text-transform: uppercase;
  				}
  */
}
.section .subsection.pageEdit .moveUpDown {
  margin-bottom: -6px;
  padding-right: 36px;
  text-align: right;
  position: relative;
  z-index: 10;
}
.section .subsection.pageEdit .moveUpDown a {
  display: inline-block;
  font-size: 20px;
  line-height: 16px;
  padding: 0 8px;
}
.section .subsection.pageEdit .moveUpDown:hover + div + div:before, .section .subsection.pageEdit .moveUpDown:active + div + div:before {
  background-color: var(--greyLightest);
}
.section .subsection.pageEdit .moveUpDown:nth-child(2) .moveUp {
  display: none;
}
.section .subsection.pageEdit .moveUpDown:nth-last-child(3) {
  display: none !important;
}
.section .subsection.pageEdit .moveUpDown:nth-last-child(6) .moveDown {
  display: none;
}
.section .subsection.pageEdit .subtract a {
  width: 18px;
  height: 18px;
  border: none;
  background-color: transparent;
  box-sizing: border-box;
}
.section .subsection.pageEdit .subtract a:before {
  content: var(--bi-dash-circle);
  vertical-align: middle;
  width: 18px;
  height: 18px;
  position: relative;
  display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 18px;
  font-size: 18px;
}
.section .subsection.pageEdit .subtract a:hover, .section .subsection.pageEdit .subtract a:active {
  background-color: transparent;
}
.section .subsection.pageEdit .subtract a:hover:before, .section .subsection.pageEdit .subtract a:active:before {
  opacity: 0.35;
}
.section .subsection.pageEdit .subtract:hover + div:before, .section .subsection.pageEdit .subtract:active + div:before {
  background-color: var(--greyLightest);
}
.section .subsection.pageEdit .add {
  margin-bottom: 30px;
}
.section .subsection.pageEdit .add a {
  width: 18px;
  height: 18px;
  border: none;
  background-color: transparent;
  box-sizing: border-box;
}
.section .subsection.pageEdit .add a:before {
  content: var(--bi-plus-circle);
  vertical-align: middle;
  width: 18px;
  height: 18px;
  position: relative;
  display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 18px;
  font-size: 18px;
}
.section .subsection.pageEdit .add a:hover, .section .subsection.pageEdit .add a:active {
  background-color: transparent;
}
.section .subsection.pageEdit .add a:hover:before, .section .subsection.pageEdit .add a:active:before {
  opacity: 0.35;
}
.section .subsection.pageEdit .buttonAddRemove, .section .subsection.pageEdit .mealAddRemove {
  margin-top: 0 !important;
  margin-bottom: -20px;
  font-size: 17px;
  line-height: 20px;
  font-weight: 400;
  height: 20px;
  top: 20px;
  cursor: pointer;
  position: relative;
}
.section .subsection.pageEdit .buttonAddRemove a, .section .subsection.pageEdit .mealAddRemove a {
  display: inline-block;
  margin-right: 12px;
  box-sizing: border-box;
  text-align: center;
}
.section .subsection.pageEdit .buttonAddRemove.buttonAddRemove, .section .subsection.pageEdit .mealAddRemove.buttonAddRemove {
  left: 1px;
}
.section .subsection.pageEdit .buttonAddRemove.buttonAddRemove a:before, .section .subsection.pageEdit .mealAddRemove.buttonAddRemove a:before {
  top: 2px;
}
.section .subsection.pageEdit .buttonAddRemove:not(.buttonAddRemove), .section .subsection.pageEdit .mealAddRemove:not(.buttonAddRemove) {
  top: 0;
}
.section .subsection.pageEdit .buttonAddRemove:not(.buttonAddRemove).add, .section .subsection.pageEdit .mealAddRemove:not(.buttonAddRemove).add {
  margin-bottom: 36px;
}
.section .subsection.pageEdit .buttonAddRemove + .mealOptions, .section .subsection.pageEdit .mealAddRemove + .mealOptions {
  padding-top: 20px;
}
.section .subsection.pageEdit .buttonAddRemove:hover a, .section .subsection.pageEdit .buttonAddRemove:active a, .section .subsection.pageEdit .mealAddRemove:hover a, .section .subsection.pageEdit .mealAddRemove:active a {
  background-color: transparent;
}
.section .subsection.pageEdit .buttonAddRemove:hover a:before, .section .subsection.pageEdit .buttonAddRemove:active a:before, .section .subsection.pageEdit .mealAddRemove:hover a:before, .section .subsection.pageEdit .mealAddRemove:active a:before {
  opacity: 0.35;
}
.section .subsection.pageEdit .buttonAddRemove.subtract:has(+ .add), .section .subsection.pageEdit .mealAddRemove.subtract:has(+ .add) {
  opacity: 0;
}
.section .subsection.pageEdit .pageSubsection {
  display: none;
  padding-bottom: 90px !important;
  position: relative;
}
.section .subsection.pageEdit .pageSubsection:before {
  content: "";
  display: block;
  position: absolute;
  top: 25px;
  left: -2%;
  right: -2%;
  bottom: 25px;
  transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection.pageEdit .pageSubsection > * {
  position: relative;
}
.section .subsection.pageEdit .pageSubsection.select {
  display: block;
}
.section .subsection.pageEdit .pageSubsection .radioButtons input {
  margin-bottom: 10px;
}
.section .subsection.pageEdit .sectionInner {
  margin-left: 0;
}
.section .subsection.pageEdit .sectionInner > h5 {
  margin-top: 34px;
}
.section .subsection.pageEdit .sectionInner > h5:first-child {
  margin-top: 0;
}
.section .subsection.pageEdit .sectionInner input {
  text-align: left;
}
.section .subsection.pageEdit .sectionInner input + h5 {
  margin-top: 24px;
}
.section .subsection.pageEdit.quickTips {
  background-color: var(--greyLightest);
}
.section .subsection.pageEdit.quickTips .pageNameCont {
  padding-right: 0;
  cursor: pointer;
}
.section .subsection.pageEdit.quickTips .pageNameCont .pageName {
  padding-left: 0;
  padding-right: 2.3em;
  width: calc(100% - 2.3em);
  text-align: left;
}
.section .subsection.pageEdit.quickTips .pageNameCont .pageArrow {
  right: 0;
}
.section .subsection .buttonControls {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 66px;
  margin-bottom: 0;
}
.section .subsection .buttonControls .sectionInner:last-child {
  margin-bottom: 0 !important;
}
.section .subsection .buttonControls .radioButtons {
  width: calc(66% - 10px);
  align-items: flex-start;
}
.section .subsection .buttonControls .buttonURL {
  padding-top: 0 !important;
  width: calc(34% - 10px);
  margin-right: 0;
}
.section .subsection .buttonControls.siteInfoOption {
  display: flex;
  margin-top: 0;
  padding-top: 0;
}
.section .subsection .siteInfoSection {
  margin-top: 20px;
  margin-bottom: 20px;
}
.section .subsection .siteInfoSection + .siteInfoSection {
  margin-top: 60px;
}
.section .subsection .sectionInner {
  max-width: 675px;
  margin: 0 auto;
}
.section .subsection .sectionInner.countdownDateControls {
  width: calc(50% - 10px);
  max-width: none;
  margin: 0;
}
.section .subsection .sectionInner.countdownDateControls > .flex.inputs {
  justify-content: flex-start;
}
.section .subsection .sectionInner.countdownDateControls > .flex.inputs > div {
  flex: 0 0 auto;
}
.section .subsection .sectionInner.countdownDateControls > .flex.inputs > div:last-child {
  flex: 1;
  min-width: 0;
}
.section .subsection .sectionInner.countdownDateControls > .flex.inputs > div:last-child .selectDrop {
  min-width: 0;
  width: 100%;
}
.section .subsection .sectionInner p {
  margin-bottom: 20px;
}
.section .subsection .sectionInner input {
  text-align: center;
  max-width: 495px;
}
.section .subsection .sectionInner {
  /*
  			.delete {
  				&:before {
  					display: none;
  				}
  			}
  */
}
.section .subsection .sectionInner .flex, .section .subsection .sectionInner.flex {
  padding-left: 0;
  padding-right: 0;
}
.section .subsection .sectionInner .flex:not(.inputs), .section .subsection .sectionInner.flex:not(.inputs) {
  width: calc(100% + 28px);
  margin-left: -14px;
  margin-right: -14px;
}
.section .subsection .sectionInner.frameBox {
  padding: 10px 20px 20px !important;
  margin-top: 35px;
  border-radius: 10px;
  border: 1px solid var(--greigeLight);
  box-sizing: border-box;
}
.section .subsection .sectionInner.frameBox .frameTop {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.section .subsection .sectionInner.frameBox .frameTop > * {
  flex: 1;
}
.section .subsection .sectionInner.frameBox .frameTop > *:last-child {
  text-align: right;
}
.section .subsection .sectionInner.frameBox .clearImage {
  margin-top: 0;
  font-weight: 400;
  opacity: 0;
}
.section .subsection .sectionInner.frameBox .clearImage .bi {
  font-size: 10px;
  vertical-align: middle;
}
.section .subsection .sectionInner.frameBox .clearImage.show {
  opacity: 1;
}
.section .subsection .sectionInner.frameBox .clearImage a {
  display: inline-block;
}
.section .subsection .sectionInner.frameBox .dropImage {
  max-width: none;
  margin-bottom: 10px;
  border-radius: 4px;
}
.section .subsection .sectionInner.frameBox .dropImage .buttonNew {
  margin: 0;
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
}
.section .subsection .sectionInner.frameBox .dropImage .buttonNew .bi {
  font-size: 100%;
  top: 0;
}
.section .subsection .sectionInner.frameBox .dropImage#coverpageImage {
  height: 396px;
}
.section .subsection .sectionInner.buttonURL .radioSelect {
  max-width: none;
}
.section .subsection .sectionInner.buttonURL .urlLink {
  display: none;
}
.section .subsection .sectionInner.radioSelectPair {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  position: relative;
}
.section .subsection .sectionInner.radioSelectPair > * {
  display: inline-block;
  width: 47%;
}
.section .subsection .sectionInner.radioSelectPair > .fieldText {
  display: inline-flex;
}
.section .subsection .sectionInner.radioSelectPair.third > * {
  width: 30%;
}
.section .subsection .sectionInner.radioSelectPair.subRow {
  align-items: flex-end;
}
.section .subsection .sectionInner.radioSelectPair.subRow > *:first-child {
  text-align: left;
}
.section .subsection .sectionInner.radioSelectPair.subRow > *:last-child {
  text-align: right;
}
.section .subsection .sectionInner.radioSelectPair.subRow > * .buttonNew {
  margin: 0;
}
.section .subsection .sectionInner.radioSelectPair .selectBox {
  width: calc(50% - 5px);
  min-width: 84px;
  margin-bottom: 0;
  padding-left: 9px;
  padding-right: 9px;
  border: 1px solid var(--greigeLight);
  border-radius: 8px;
}
.section .subsection .sectionInner.radioSelectPair .selectBox + .line {
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.section .subsection .sectionInner.radioSelectPair .selectBox:hover, .section .subsection .sectionInner.radioSelectPair .selectBox:active {
  border-color: black;
}
.section .subsection .sectionInner.radioSelectPair .selectBox.single {
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
}
.section .subsection .sectionInner + .sectionInner {
  padding-top: 20px;
}
.section .subsection .sectionInner + .sectionInner.collapse {
  padding-top: 0;
}
.section .subsection .sectionInner + .sectionInner.padTop10 {
  padding-top: 10px;
}
.section .subsection .sectionInner + .sectionInner.padTop15 {
  padding-top: 15px;
}
.section .subsection .sectionInner + .sectionInner.margTop10 {
  padding-top: 0;
  margin-top: 10px;
}
.section .subsection .sectionInner.ft {
  max-width: none !important;
}
.section .subsection .sectionInner.left {
  margin: 0;
}
.section .subsection .sectionInner.radioButtons {
  margin-top: 0;
}
.section .subsection .sectionInner.radioButtons .fieldText input {
  margin-bottom: 0;
}
.section .subsection .sectionInner.account {
  margin: 0 0 30px;
  text-align: left;
}
.section .subsection .sectionInner.account > h5 {
  margin-bottom: 0;
}
.section .subsection .sectionInner.account > h5 ~ h5 {
  margin-top: 10px;
}
.section .subsection .sectionInner.account input {
  text-align: left;
}
.section .subsection .sectionInner.account .buttonRow {
  margin-top: 20px;
}
.section .subsection .sectionInner.account .buttonNew {
  margin-left: 0;
}
.section .subsection .sectionInner.account img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.section .subsection .sectionInner.centered h5 {
  margin-bottom: 0;
}
.section .subsection .sectionInner.centered h5 ~ h5 {
  margin-top: 10px;
}
.section .subsection .sectionInner.centered .buttonRow {
  margin-top: 20px;
}
.section .subsection .sectionInner.siteInfo {
  max-width: 520px;
  margin: 0;
  text-align: left;
}
.section .subsection .sectionInner.siteInfo .radioButtons {
  margin-bottom: 10px;
}
.section .subsection .sectionInner.siteInfo.noMax {
  max-width: none;
}
.section .subsection .sectionInner.createRegistry {
  padding: var(--padding);
  background-color: var(--greyLightest);
}
.section .subsection .sectionInner.createRegistry .radioButtons {
  margin-bottom: 0;
}
.section .subsection .sectionInner.createRegistry .radioButtons .buttonNew {
  margin-right: 0;
  margin-bottom: 0;
  white-space: nowrap;
}
.section .subsection .sectionInner.subPlanSection {
  width: auto !important;
  gap: var(--padding);
  justify-content: flex-start;
  align-items: stretch;
  margin: 0 !important;
}
.section .subsection .sectionInner.subPlanSection .planCard {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: min(50% - var(--padding) * 0.5, 300px);
  box-sizing: border-box;
  border: 1px solid var(--green);
  border-radius: 15px;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
  background-color: var(--greyLightest);
}
.section .subsection .sectionInner.subPlanSection .planCard > * {
  width: 100%;
  box-sizing: border-box;
}
.section .subsection .sectionInner.subPlanSection .planCard .buttonNew {
  width: 100%;
  max-width: none;
  min-width: 0;
  border-color: black;
}
.section .subsection .sectionInner.subPlanSection .planCard .buttonNew.head {
  margin: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  color: var(--neon);
  background-color: var(--green);
  border: none;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  pointer-events: none;
}
.section .subsection .sectionInner.subPlanSection .planCard .cont {
  padding: calc(var(--padding) * 0.6) var(--padding);
}
.section .subsection .sectionInner.subPlanSection .planCard .cont .feeCard {
  margin: calc(var(--padding) * 0.6) 0;
  padding: 8px 12px 12px;
  border-radius: 15px;
  letter-spacing: var(--tracking100);
  background-color: var(--greigeLight);
}
.section .subsection .sectionInner.subPlanSection .planCard .cont .feeCard h5, .section .subsection .sectionInner.subPlanSection .planCard .cont .feeCard .h5 {
  font-size: 13px;
  font-weight: 300;
  text-transform: none;
}
.section .subsection .sectionInner.subPlanSection .planCard .cont .dates li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
  font-family: var(--sansFS);
  margin-bottom: 5px;
}
.section .subsection .sectionInner.subPlanSection .planCard .cont .dates li span:first-child {
  font-size: 10px;
  font-weight: 400;
}
.section .subsection .sectionInner.subPlanSection .planCard .cont .dates li span:last-child {
  font-weight: 300;
  color: var(--greyDark);
}
.section .subsection .sectionInner.subPlanSection .planCard .cont .dates li:last-child {
  margin-bottom: 0;
}
.section .subsection .sectionInner.subPlanSection .planCard .cont.features {
  text-align: left;
  border-top: 1px solid var(--greigeLight);
}
.section .subsection .sectionInner.subPlanSection .planCard .cont.features .featuresList {
  padding-top: 8px;
}
.section .subsection .sectionInner.subPlanSection .planCard .cont.features .featuresList li {
  font: 400 12px/1 var(--sansFS);
  margin-bottom: calc(var(--padding) * 0.7);
  padding-left: 26px;
  position: relative;
}
.section .subsection .sectionInner.subPlanSection .planCard .cont.features .featuresList li i {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  font-size: 17px;
  background-color: var(--greigeLight);
  position: absolute;
  left: 0;
  top: -3px;
}
.section .subsection .sectionInner.subPlanSection .planCard.current {
  border: 2px solid var(--army);
}
.section .subsection .sectionInner.subPlanSection .planCard.current .feeCard {
  background-color: white;
}
.section .subsection .sectionInner.subPlanSection .planCard.current:not(.active) .buttonNew.head {
  color: var(--grey);
  background-color: var(--greigeLight);
}
.section .subsection .sectionInner.subPlanSection .planCard.current.active .buttonNew.head {
  color: black;
  background-color: var(--neon);
}
.section .subsection .sectionInner.subPlanSection .planCard.current.active .buttonNew:not(.head) {
  color: var(--greyDarker);
  border-color: var(--greyDark);
}
.section .subsection .sectionInner.subPlanSection .planCard.downgrade .buttonNew.head {
  background-color: transparent;
}
.section .subsection .sectionInner.subPlanSection .planCard.downgrade .buttonNew:not(.head) {
  color: var(--greyDarker);
  border-color: var(--greyDark);
}
.section .subsection .sectionInner.subPlanSection .planCard.keepsake .buttonNew.head {
  color: black;
  background-color: var(--sage);
}
.section .subsection .sectionInner p:last-child, .section .subsection .sectionInner input:last-child, .section .subsection .sectionInner label:last-child, .section .subsection .sectionInner div:last-child {
  margin-bottom: 0;
}
.section .subsection #fontPreview {
  padding: 30px 20px;
  box-sizing: border-box;
  text-align: center;
  transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection #fontPreview h2, .section .subsection #fontPreview h3, .section .subsection #fontPreview h4, .section .subsection #fontPreview p {
  letter-spacing: 0;
  text-transform: none;
}
.section .subsection #fontPreview p {
  margin-top: 20px;
}
.section .subsection #fontPreview .siteButton {
  display: inline-block;
  text-align: center;
  padding: 1px;
  min-width: 160px;
  margin: 10px;
  position: relative;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection #fontPreview .siteButton:-moz-focus-inner {
  border: 0;
  padding: 0;
}
.section .subsection #fontPreview .siteButton span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 20px;
  min-height: 30px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection #fontPreview .siteButton:hover, .section .subsection #fontPreview .siteButton:active {
  opacity: 0.65;
}
.section .subsection #fontPreview .siteButton.rounded8px {
  border-radius: 8px;
}
.section .subsection #fontPreview .siteButton.rounded8px span {
  border-radius: 7px;
}
.section .subsection #fontPreview .siteButton.rounded1000px {
  border-radius: 1000px;
}
.section .subsection #fontPreview .siteButton.rounded1000px span {
  border-radius: 1000px;
}
.section .subsection #fontPreview .siteButton.rounded50 {
  border-radius: 50%;
}
.section .subsection #fontPreview .siteButton.rounded50 span {
  border-radius: 50%;
  min-height: 58px;
  line-height: 58px !important;
}
.section .subsection #fontPreview.hide {
  opacity: 0;
}
.section .subsection#fonts {
  padding-top: var(--padding);
}
.section .subsection#borders {
  padding-top: var(--padding50);
}
.section .subsection #gallery {
  max-width: none;
}
.section .subsection #gallery #dropImageGallery {
  max-width: none;
  margin-top: 10px;
}
.section .subsection #gallery #dropImageGallery + .imageAdjustments .imageShapeField {
  max-width: 300px;
}
.section .subsection #gallery #galleryThumbs {
  display: flex;
  margin-top: var(--padding50);
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  -moz-column-gap: var(--paddingMidDeep);
       column-gap: var(--paddingMidDeep);
  position: relative;
}
.section .subsection #gallery #galleryThumbs.gallery-thumbnails .galleryImg .imgThumb > img {
  max-height: 280px;
}
.section .subsection #gallery #galleryThumbs {
  /*
  &.gallery-collage {
  					.galleryImg {
  						display: inline-block;
  						vertical-align: top;
  						width: 336px;
  						margin-right: 5px;
  						margin-bottom: 5px;
  					}
  				}
  				&.gallery-thumbnails {
  					.galleryImg {
  						display: inline-block;
  						vertical-align: top;
  						width: 31.5%;
  						margin: 0 2.75% 2.4vw 0;
  						&:nth-child(3n+0) {
  							margin-right: 0;
  						}
  						&.holder {
  							height: 0;
  						}
  					}
  				}
  */
  /*
  &.edit {
  					max-width: none;
  					border: none;
  					.holder {
  						display: inline-block;
  						vertical-align: top;
  						width: 10px;
  						height: 256px;
  						margin: 0 10px 30px 0 !important;
  					}
  				}
  */
}
.section .subsection #gallery #galleryThumbs .galleryImg {
  display: inline-block;
  vertical-align: top;
  width: 280px;
  margin-bottom: var(--padding);
  border: 1px solid var(--greigeLight);
  border-radius: 10px;
  box-sizing: border-box;
  will-change: margin-top;
  overflow: hidden;
}
.section .subsection #gallery #galleryThumbs .galleryImg .imgThumb {
  min-height: 220px;
  background-color: var(--greyLightest);
  position: relative;
}
.section .subsection #gallery #galleryThumbs .galleryImg .imgThumb img {
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection #gallery #galleryThumbs .galleryImg .imgThumb:after {
  content: "loading";
  margin-top: -7px;
  margin-left: -21.5px;
  font: 14px/1em var(--serifFS);
  font-style: italic;
  position: absolute;
  top: 50%;
  left: 50%;
  animation: loading 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite normal;
}
.section .subsection #gallery #galleryThumbs .galleryImg .imgThumb.reverting > img {
  opacity: 0 !important;
  background-color: var(--greyLightest);
}
.section .subsection #gallery #galleryThumbs .galleryImg .imgThumb.reverting:before {
  content: "loading";
  margin-top: -7px;
  margin-left: -21.5px;
  font: 14px/1em var(--serifFS);
  font-style: italic;
  position: absolute;
  top: 50%;
  left: 50%;
  /* background: url(/_images/progressL.png?20250818) no-repeat center; */
  animation: loading 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite normal;
}
.section .subsection #gallery #galleryThumbs .galleryImg .imageEdits {
  padding: 5px;
  text-align: center;
  background-color: white;
}
.section .subsection #gallery #galleryThumbs .galleryImg .imageEdits a {
  margin: 0 10px;
}
.section .subsection #gallery #galleryThumbs .galleryImg.init .imgThumb {
  min-height: 0;
  background-color: transparent;
}
.section .subsection #gallery #galleryThumbs .galleryImg.init .imgThumb img {
  opacity: 1;
}
.section .subsection #gallery #galleryThumbs .galleryImg.init .imgThumb:after {
  display: none;
}
.section .subsection #gallery #galleryThumbs .galleryImg.holder {
  opacity: 0;
}
.section .subsection .infoText {
  text-transform: lowercase;
  margin-bottom: 10px;
}
.section .subsection .infoText.error {
  text-transform: none;
}
.section .subsection .siteInfoOption {
  display: none;
  padding-top: 20px;
}
.section .subsection .siteInfoOption .buttonNew {
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
.section .subsection .siteInfoOption > h5 ~ h5 {
  margin-top: 20px;
}
.section .subsection .siteInfoOption .fieldText {
  margin-bottom: 20px;
}
.section .subsection .siteInfoOption .fieldText:has(+ .toggleRow) {
  margin-bottom: 0;
}
.section .subsection input {
  margin: 0 auto 10px;
}
.section .subsection .inputField.pageName, .section .subsection input.pageName {
  margin-bottom: var(--padding);
  font-size: 17px;
  line-height: 30px;
  -webkit-text-fill-color: black;
  opacity: 1;
}
.section .subsection .inputField.pageName + .sectionInner, .section .subsection .inputField.pageName + #homepageImage + .sectionInner, .section .subsection .inputField.pageName + .sectionInner, .section .subsection .inputField.pageName + .sectionInner, .section .subsection .inputField.pageName + #homepageImage + .sectionInner, .section .subsection .inputField.pageName + textarea + #homepageImage + .sectionInner, .section .subsection input.pageName + .sectionInner, .section .subsection input.pageName + #homepageImage + .sectionInner, .section .subsection input.pageName + .sectionInner, .section .subsection input.pageName + .sectionInner, .section .subsection input.pageName + #homepageImage + .sectionInner, .section .subsection input.pageName + textarea + #homepageImage + .sectionInner {
  max-width: none;
  text-align: left;
}
.section .subsection .inputField.pageName + .sectionInner > h5, .section .subsection .inputField.pageName + #homepageImage + .sectionInner > h5, .section .subsection .inputField.pageName + .sectionInner > h5, .section .subsection .inputField.pageName + .sectionInner > h5, .section .subsection .inputField.pageName + #homepageImage + .sectionInner > h5, .section .subsection .inputField.pageName + textarea + #homepageImage + .sectionInner > h5, .section .subsection input.pageName + .sectionInner > h5, .section .subsection input.pageName + #homepageImage + .sectionInner > h5, .section .subsection input.pageName + .sectionInner > h5, .section .subsection input.pageName + .sectionInner > h5, .section .subsection input.pageName + #homepageImage + .sectionInner > h5, .section .subsection input.pageName + textarea + #homepageImage + .sectionInner > h5 {
  margin-top: 34px;
}
.section .subsection .inputField.pageName + .sectionInner > h5:first-child, .section .subsection .inputField.pageName + #homepageImage + .sectionInner > h5:first-child, .section .subsection .inputField.pageName + .sectionInner > h5:first-child, .section .subsection .inputField.pageName + .sectionInner > h5:first-child, .section .subsection .inputField.pageName + #homepageImage + .sectionInner > h5:first-child, .section .subsection .inputField.pageName + textarea + #homepageImage + .sectionInner > h5:first-child, .section .subsection input.pageName + .sectionInner > h5:first-child, .section .subsection input.pageName + #homepageImage + .sectionInner > h5:first-child, .section .subsection input.pageName + .sectionInner > h5:first-child, .section .subsection input.pageName + .sectionInner > h5:first-child, .section .subsection input.pageName + #homepageImage + .sectionInner > h5:first-child, .section .subsection input.pageName + textarea + #homepageImage + .sectionInner > h5:first-child {
  margin-top: 0;
}
.section .subsection .inputField.pageName + .sectionInner p, .section .subsection .inputField.pageName + #homepageImage + .sectionInner p, .section .subsection .inputField.pageName + .sectionInner p, .section .subsection .inputField.pageName + .sectionInner p, .section .subsection .inputField.pageName + #homepageImage + .sectionInner p, .section .subsection .inputField.pageName + textarea + #homepageImage + .sectionInner p, .section .subsection input.pageName + .sectionInner p, .section .subsection input.pageName + #homepageImage + .sectionInner p, .section .subsection input.pageName + .sectionInner p, .section .subsection input.pageName + .sectionInner p, .section .subsection input.pageName + #homepageImage + .sectionInner p, .section .subsection input.pageName + textarea + #homepageImage + .sectionInner p {
  margin-bottom: 10px;
}
.section .subsection .inputField.pageName + .sectionInner input, .section .subsection .inputField.pageName + #homepageImage + .sectionInner input, .section .subsection .inputField.pageName + .sectionInner input, .section .subsection .inputField.pageName + .sectionInner input, .section .subsection .inputField.pageName + #homepageImage + .sectionInner input, .section .subsection .inputField.pageName + textarea + #homepageImage + .sectionInner input, .section .subsection input.pageName + .sectionInner input, .section .subsection input.pageName + #homepageImage + .sectionInner input, .section .subsection input.pageName + .sectionInner input, .section .subsection input.pageName + .sectionInner input, .section .subsection input.pageName + #homepageImage + .sectionInner input, .section .subsection input.pageName + textarea + #homepageImage + .sectionInner input {
  text-align: left;
}
.section .subsection .inputField.pageName + .sectionInner input + h5, .section .subsection .inputField.pageName + #homepageImage + .sectionInner input + h5, .section .subsection .inputField.pageName + .sectionInner input + h5, .section .subsection .inputField.pageName + .sectionInner input + h5, .section .subsection .inputField.pageName + #homepageImage + .sectionInner input + h5, .section .subsection .inputField.pageName + textarea + #homepageImage + .sectionInner input + h5, .section .subsection input.pageName + .sectionInner input + h5, .section .subsection input.pageName + #homepageImage + .sectionInner input + h5, .section .subsection input.pageName + .sectionInner input + h5, .section .subsection input.pageName + .sectionInner input + h5, .section .subsection input.pageName + #homepageImage + .sectionInner input + h5, .section .subsection input.pageName + textarea + #homepageImage + .sectionInner input + h5 {
  margin-top: 24px;
}
.section .subsection .inputField.pageName.secSubTitle, .section .subsection input.pageName.secSubTitle {
  height: 54px;
  line-height: 54px;
  text-transform: uppercase;
}
.section .subsection textarea[name=page_intro] + #homepageImage {
  margin-top: 30px;
}
.section .subsection input[name=cws_page_id] + .radioButtons {
  margin-top: 0;
}
.section .subsection {
  /*
  &#url {
  			.radio {
  				&:checked {
  					+ label + .radio + label + .siteInfoOption {
  						height: 220px;
  					}
  				}
  			}
  		}
  		&#password {
  			.radio {
  				&:checked {
  					+ label + .radio + label + .siteInfoOption {
  						height: 545px;
  					}
  				}
  			}
  		}
  */
}
.section .subsection .radioSelect {
  width: 100%;
  max-width: 324px;
  padding: 6px 25px 6px 12px;
  cursor: pointer;
  border: 1px solid var(--greyLighter);
  border-radius: 8px;
  margin: 0 auto 10px;
  position: relative;
  font-family: var(--sansFS);
  font-weight: 400;
  box-sizing: border-box;
  transition: border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .radioSelect > div {
  line-height: 26px;
  text-align: left;
  cursor: pointer;
  position: relative;
}
.section .subsection .radioSelect > div img {
  max-width: 260px;
}
.section .subsection .radioSelect.fontSelect {
  padding: 4px 14px 4px 10px;
}
.section .subsection .radioSelect.fontSelect > div {
  line-height: 30px;
  overflow: hidden;
}
.section .subsection .radioSelect.fontSelect > div img {
  min-width: 260px;
}
.section .subsection .radioSelect ul {
  display: none;
  width: calc(100% + 2px);
  padding-top: 10px;
  margin-bottom: 60px;
  max-height: 360px;
  overflow-x: hidden;
  overflow-y: scroll;
  box-sizing: border-box;
  position: absolute;
  top: 38px;
  left: -1px;
  z-index: 110;
  background-color: white;
  border: 1px solid var(--greyLighter);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.section .subsection .radioSelect ul li {
  display: block;
  text-align: left;
}
.section .subsection .radioSelect ul li h5 {
  line-height: 1.2em;
  padding: 10px;
  background-color: black;
  color: white;
  text-align: center;
}
.section .subsection .radioSelect ul li input:checked + label {
  background-color: var(--greyLightest);
}
.section .subsection .radioSelect ul li label {
  height: 30px;
  line-height: 26px;
  display: block;
  padding: 3px 10px;
  cursor: pointer;
}
.section .subsection .radioSelect ul li label img {
  max-width: 260px;
  pointer-events: none;
  display: inline-block;
}
.section .subsection .radioSelect ul li label:hover, .section .subsection .radioSelect ul li label:active {
  background-color: var(--greyLightest);
}
.section .subsection .radioSelect ul li:not(:first-child) h5 {
  margin-top: 10px;
}
.section .subsection .radioSelect:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: transparent var(--chevronSVG) no-repeat right center;
  background-size: 12px;
  position: absolute;
  top: 14px;
  right: 12px;
}
.section .subsection .radioSelect:hover, .section .subsection .radioSelect:active {
  border-color: black;
}
.section .subsection .radioSelect.default > div {
  font-size: 15px;
  font-family: var(--sansFS);
  font-weight: 400;
}
.section .subsection .radioSelect.static ul {
  width: calc(100% + 1px);
  position: static;
  margin-bottom: 0;
  margin-top: 5px;
  border: none;
  border-top: 1px solid var(--greyLighter);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.section .subsection .radioSelect.static ul li label {
  padding: 3px 0;
}
.section .subsection .radioSelect:not(.static):hover ul, .section .subsection .radioSelect:not(.static):active ul {
  border-right-color: black;
  border-bottom-color: black;
  border-left-color: black;
}
.section .subsection .radioSelect.open {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.section .subsection .collColors + .sectionInner {
  margin-top: 30px;
}
.section .subsection {
  /* .doubleSelect {
  	margin: 0 auto 10px;
  	max-width: 324px;
  	display: flex;
  	flex-direction: row;
  	flex-wrap: nowrap;
  	justify-content: space-between;
  	align-items: stretch;
  	align-content: stretch;
  	position: relative;
  	border-bottom: 1px solid var(--greyLighter);
  	transition: border 0.4s $ease-in-out-quad;
  	&:after {
  		content: "";
  		display: block;
  		width: 1px;
  		height: 10px;
  		position: absolute;
  		top: 10px;
  		left: 50%;
  		background-color: var(--greyLighter);
  	}
  	label {
  		display: inline-block;
  		width: 34px;
  		padding: 5px 0 6px;
  		margin-bottom: -1px !important;
  		border-bottom: 2px solid transparent;
  		text-align: right;
  		transition: border 0.4s $ease-in-out-quad;
  		span {
  			font: 500 10.5px/20px var(--sansFS);
  			text-transform: uppercase;
  		}
  		&.burger {
  			text-align: left;
  			span {
  				display: inline-block;
  				vertical-align: middle;
  				position: relative;
  				height: 10px;
  				width: 12px;
  				&:before {
  					content: "";
  					display: block;
  					border-top-style: solid;
  					border-top-width: 1px;
  					border-top-color: inherit;
  					border-bottom-style: solid;
  					border-bottom-width: 1px;
  					border-bottom-color: inherit;
  					height: 7px;
  				}
  				&:after {
  					content: "";
  					display: block;
  					position: absolute;
  					border-top-style: solid;
  					border-top-width: 1px;
  					border-top-color: inherit;
  					width: 100%;
  					left: 0;
  					top: 50%;
  					margin-top: -1px;
  				}
  			}
  		}
  		&:hover, &:active {
  			border-bottom-color: var(--greyLight);
  		}
  	}
  	&.textOnly {
  		label {
  			width: auto;
  		}
  	}
  	input:checked + label {
  		border-bottom-color: black;
  	}
  	&:hover, &:active {
  		border-bottom-color: black;
  	}
  } */
}
.section .subsection .fiftyFiftySelect {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  position: relative;
}
.section .subsection .fiftyFiftySelect label {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  padding: 0 10px;
  text-align: center;
  border: 1px solid var(--greigeLight);
  background-color: white;
  transition: background 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .fiftyFiftySelect label:hover, .section .subsection .fiftyFiftySelect label:active {
  background-color: var(--greyLighter3);
  color: black;
}
.section .subsection .fiftyFiftySelect label h5 {
  margin-bottom: 0;
  font-weight: 400;
  line-height: 38px;
  text-align: center;
  transition: color 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .fiftyFiftySelect label .bi {
  font-size: 16px;
  line-height: 38px;
  transition: color 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .fiftyFiftySelect label:last-child {
  border-left: none;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.section .subsection .fiftyFiftySelect input:first-child + label {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.section .subsection .fiftyFiftySelect input:checked + label {
  background-color: var(--greyLighter3);
  color: black;
}
.section .subsection {
  /* .menuColor {
  	a {
  		width: auto;
  		height: auto;
  		padding: 2px;
  		&.burger {
  			div {
  				display: block;
  				margin: 0 auto;
  				position: relative;
  				height: 18px;
  				width: 34px;
  				&:before {
  					content: "";
  					display: block;
  					border-top-style: solid;
  					border-top-width: 2px;
  					border-top-color: inherit;
  					border-bottom-style: solid;
  					border-bottom-width: 2px;
  					border-bottom-color: inherit;
  					height: 14px;
  				}
  				&:after {
  					content: "";
  					display: block;
  					position: absolute;
  					border-top-style: solid;
  					border-top-width: 2px;
  					border-top-color: inherit;
  					width: 100%;
  					top: 50%;
  					margin-top: -1px;
  				}
  			}
  		}
  		.color {
  			font: 500 15px/16px var(--sansFS);
  			text-transform: uppercase;
  			border: none;
  		}
  	}
  	&.white {
  		background-color: var(--greyLightest);
  		&:hover, &:active {
  			background-color: var(--greyLighter);
  		}
  	}
  } */
  /* .menuColorBackground {
  	a {
  		width: 34px;
  		height: 18px;
  		padding: 0;
  		.color {
  			height: 18px;
  			border-radius: 3px;
  		}
  	}
  	&.white {
  		background-color: var(--greyLightest);
  		&:hover, &:active {
  			background-color: var(--greyLighter);
  		}
  	}
  } */
}
.section .subsection .buttonNew {
  margin-left: 4px;
  margin-right: 4px;
}
.section .subsection .buttonNew.loading {
  opacity: 1 !important;
}
.section .subsection .buttonNew.loading:after {
  content: "loading";
  animation: loading 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite normal;
}
.section .subsection .box {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}
.section .subsection label .box {
  margin: 0 5px 0 0;
}
.section .subsection .boxCont {
  display: inline-block;
  vertical-align: top;
  border-radius: 10px;
  border: 1px solid var(--greyLight);
  overflow: hidden;
}
.section .subsection .boxCont .box {
  display: block;
}
.section .subsection input[type=radio]:checked + .box > div, .section .subsection input[type=radio]:checked + .box a, .section .subsection input[type=checkbox]:checked + .box > div, .section .subsection input[type=checkbox]:checked + .box a {
  opacity: 1 !important;
}
.section .subsection .selectBox {
  width: 100%;
  max-width: 324px;
  padding: 5px 18px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--greyLighter);
  box-sizing: border-box;
  transition: border 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .selectBox.align {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  padding: 9px 0;
}
.section .subsection .selectBox.align label {
  display: inline-block;
  vertical-align: middle;
  max-width: 3em;
  line-height: 0.4em;
  font-size: 11px;
  opacity: 0.18;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .selectBox.align label:nth-child(2) {
  text-align: left;
}
.section .subsection .selectBox.align label:nth-child(4) {
  text-align: center;
}
.section .subsection .selectBox.align label:nth-child(6) {
  text-align: right;
}
.section .subsection .selectBox.align label:hover, .section .subsection .selectBox.align label:active {
  opacity: 1;
}
.section .subsection .selectBox.align input:checked + label {
  opacity: 1;
}
.section .subsection .selectBox.align:hover, .section .subsection .selectBox.align:active {
  border-bottom-color: black;
}
.section .subsection .selectBox.valign {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  padding: 9px 0;
}
.section .subsection .selectBox.valign label {
  display: inline-block;
  vertical-align: middle;
  opacity: 0.35;
  transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .selectBox.valign label span {
  display: block;
  width: 20px;
  height: 20px;
}
.section .subsection .selectBox.valign label span:before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
  font-size: 20px;
}
.section .subsection .selectBox.valign label.icon_top_align span:before {
  content: var(--bi-align-top);
}
.section .subsection .selectBox.valign label.icon_center_align span:before {
  content: var(--bi-align-middle);
}
.section .subsection .selectBox.valign label.icon_bottom_align span:before {
  content: var(--bi-align-bottom);
}
.section .subsection .selectBox.valign label:hover, .section .subsection .selectBox.valign label:active {
  opacity: 1;
}
.section .subsection .selectBox.valign label {
  /*
  &.disable {
  						pointer-events: none;
  						opacity: 0.175;
  					}
  */
}
.section .subsection .selectBox.valign input:checked + label {
  opacity: 1;
}
.section .subsection .selectBox.disable {
  pointer-events: none;
  opacity: 0.35;
}
.section .subsection {
  /* .borderBox {
  	padding: 0 0 2px;
  	height: 34px;
  	max-width: 320px;
  	margin: 0 auto 10px;
  	border: none;
  	font-family: var(--sansFS);
  	text-transform: uppercase;
  	font-weight: 500;
  	text-align: center;
  	div {
  		background-color: white;
  		span {
  			display: block;
  			font-size: 15px;
  			line-height: 34px;
  			font-family: var(--sansFS);
  			font-weight: 500;
  			text-transform: capitalize;
  			text-align: left;
  		}
  	}
  	&:hover, &:active {
  		> div {
  			background-color: var(--greyLightest);
  		}
  	}
  } */
}
.section .subsection .imageEdits {
  text-align: right;
  position: relative;
}
.section .subsection .imageEdits.disable {
  pointer-events: none;
  opacity: 0.5;
}
.section .subsection .imageEdits .pageName {
  max-width: calc(100% - 100px);
  font: 400 17px/24px var(--sansFS);
  text-transform: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
}
.section .subsection .imageEdits a {
  display: inline-block;
  vertical-align: middle;
  opacity: 0.35;
  margin-left: 2px;
  padding: 6px;
}
.section .subsection .imageEdits a > div {
  display: block;
  width: 14px;
  height: 14px;
}
.section .subsection .imageEdits a.icon_rotate div:before {
  content: var(--bi-arrow-counterclockwise);
  display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
  line-height: 1;
  font-size: 14px;
}
.section .subsection .imageEdits a.icon_crop div:before {
  content: var(--bi-crop);
  display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
  line-height: 1;
  font-size: 14px;
}
.section .subsection .imageEdits a.icon_move div:before {
  content: var(--bi-arrows-move);
  display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
  line-height: 1;
  font-size: 14px;
}
.section .subsection .imageEdits a.icon_edit div:before {
  content: var(--bi-pencil);
  display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
  line-height: 1;
  font-size: 14px;
}
.section .subsection .imageEdits a.icon_link div:before {
  content: var(--bi-link-45deg);
  display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
  line-height: 1;
  font-size: 14px;
}
.section .subsection .imageEdits a.icon_trash div:before {
  content: var(--bi-trash3);
  display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
  line-height: 1;
  font-size: 14px;
}
.section .subsection .imageEdits a.icon_gear div:before {
  content: var(--bi-gear-fill);
  display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
  line-height: 1;
  font-size: 14px;
}
.section .subsection .imageEdits a.icon_duplicate div:before {
  content: var(--bi-copy);
  display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
  line-height: 1;
  font-size: 14px;
}
.section .subsection .imageEdits a.icon_sliders div:before {
  content: var(--bi-sliders);
  display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
  line-height: 1;
  font-size: 14px;
}
.section .subsection .imageEdits a:last-child {
  padding-right: 0;
  margin-left: 0;
}
.section .subsection .imageEdits a:hover, .section .subsection .imageEdits a:active {
  opacity: 1;
  color: black !important;
}
.section .subsection .imageEdits a.icon_move {
  padding-left: 0;
  padding-right: 10px;
  position: absolute;
  top: 0;
  left: 0;
}
.section .subsection .imageEdits a.icon_link {
  padding: 4px;
}
.section .subsection .imageEdits a.icon_link > div {
  width: 17px;
  height: 17px;
}
.section .subsection .imageEdits a.icon_link > div:before {
  font-size: 17px;
}
.section .subsection .imageEdits a.disable {
  pointer-events: none;
  opacity: 0.175 !important;
}
.section .subsection .imageEdits a.active {
  opacity: 1;
}
.section .subsection .imageTypeButtons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-bottom: 10px;
}
.section .subsection .imageTypeButtons .imgButt {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 10px;
  border: 1px solid var(--greigeLight);
  border-right: none;
  text-align: center;
  background-color: white;
  transition: background 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  flex: 1;
  position: relative;
}
.section .subsection .imageTypeButtons .imgButt h5 {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 15px;
  line-height: 38px;
  color: var(--grey);
  text-align: center;
  transition: color 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .imageTypeButtons .imgButt:hover, .section .subsection .imageTypeButtons .imgButt:active, .section .subsection .imageTypeButtons .imgButt.select {
  background-color: var(--greyLighter3);
}
.section .subsection .imageTypeButtons .imgButt:hover h5, .section .subsection .imageTypeButtons .imgButt:active h5, .section .subsection .imageTypeButtons .imgButt.select h5 {
  color: black;
}
.section .subsection .imageTypeButtons .imgButt:focus-visible {
  outline: none;
}
.section .subsection .imageTypeButtons .imgButt:focus-visible:after {
  content: "";
  display: block;
  border: 1px solid black;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.section .subsection .imageTypeButtons .imgButt:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.section .subsection .imageTypeButtons .imgButt:last-child {
  border-right: 1px solid var(--greigeLight);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.section .subsection .imageTypeButtons .imgButt.upload {
  overflow: visible !important;
}
.section .subsection .imageTypeButtons .imgButt.upload input {
  width: 100%;
	overflow: hidden;
}
.section .subsection .imageTypeButtons input:first-child + .imgButt {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.section .subsection .imageTypeButtons:not(:has(.upload.select)) input:checked + label {
  background-color: var(--greyLighter3);
}
.section .subsection .imageTypeButtons:not(:has(.upload.select)) input:checked + label h5 {
  color: black;
}
.section .subsection .dropImage {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 100%;
  height: 168px;
  max-width: 334px;
  box-sizing: border-box;
  background-color: var(--greyLighter3);
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}
.section .subsection .dropImage h5 {
  color: var(--grey);
  font-size: 1.2142857143em;
}
.section .subsection .dropImage .mapMarker {
  width: 30px;
  margin: 0 auto;
}
.section .subsection .dropImage .videoIcon {
  width: 60px;
  margin: 0 auto;
  opacity: 0.5;
}
.section .subsection .dropImage .videoCode {
  display: none;
}
.section .subsection .dropImage .editImage {
  position: absolute;
  bottom: 16px;
  right: 16px;
}
.section .subsection .dropImage:before {
  content: var(--bi-upload);
  width: 44px;
  height: 44px;
  opacity: 0.08;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
  line-height: 1;
  font-size: 44px;
}
.section .subsection .dropImage.logo {
  padding: 12px;
}
.section .subsection .dropImage.logo .imageTypeButtons_old .upload, .section .subsection .dropImage.logo .imageTypeButtons_old .shop {
  border-right: solid 1px rgb(63.75, 63.75, 63.75);
}
.section .subsection .dropImage.dropOver {
  background-color: var(--greyLightest) !important;
}
.section .subsection .dropImage.dropOver .imageTypeButtons_old .imgButt {
  opacity: 0 !important;
  pointer-events: none !important;
}
.section .subsection .dropImage.active:before {
  display: none;
}
.section .subsection .dropImage.active {
  /*
  .imageSize {
  					label {
  						opacity: 1;
  						pointer-events: auto;
  					}
  				}
  */
}
.section .subsection .dropImage.reverting > img, .section .subsection .dropImage.reverting:before {
  opacity: 0;
}
.section .subsection .dropImage.reverting:after {
  content: "loading";
  margin-top: -7px;
  margin-left: -21.5px;
  font: 14px/1em var(--serifFS);
  font-style: italic;
  position: absolute;
  top: 50%;
  left: 50%;
  /* background: url(/_images/progressL.png?20250818) no-repeat center; */
  animation: loading 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite normal;
}
.section .subsection .dropImage img {
  position: relative;
  margin: 0 auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.section .subsection .dropImage .imageTypeButtons_old {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-delay: 0.1s;
}
.section .subsection .dropImage .imageTypeButtons_old .imgButt {
  pointer-events: none;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-align: center;
  width: 33.33%;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.8);
  transition: background-color 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .dropImage .imageTypeButtons_old .imgButt span {
  height: 20px;
  display: inline-block;
  color: white;
}
.section .subsection .dropImage .imageTypeButtons_old .imgButt span:before {
  display: block;
  font-size: 15px;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
  font-size: 15px;
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .dropImage .imageTypeButtons_old .imgButt h5 {
  font: 400 15.4px/1 var(--sansFS);
  color: white;
  text-transform: none;
  margin-top: 7px;
}
.section .subsection .dropImage .imageTypeButtons_old .imgButt.gallery {
  border-right: solid 1px rgb(63.75, 63.75, 63.75);
}
.section .subsection .dropImage .imageTypeButtons_old .imgButt.gallery span:before {
  content: var(--bi-easel);
  font-size: 18px;
}
.section .subsection .dropImage .imageTypeButtons_old .imgButt.photos span:before {
  content: var(--bi-card-image);
  font-size: 18px;
}
.section .subsection .dropImage .imageTypeButtons_old .imgButt.upload {
  border-left: solid 1px rgb(63.75, 63.75, 63.75);
}
.section .subsection .dropImage .imageTypeButtons_old .imgButt.upload span:before {
  content: var(--bi-upload);
  font-size: 17px;
}
.section .subsection .dropImage .imageTypeButtons_old .imgButt.video {
  border-top: solid 1px rgb(63.75, 63.75, 63.75);
  border-right: solid 1px rgb(63.75, 63.75, 63.75);
}
.section .subsection .dropImage .imageTypeButtons_old .imgButt.video span:before {
  content: var(--bi-film);
}
.section .subsection .dropImage .imageTypeButtons_old .imgButt.color {
  border-top: solid 1px rgb(63.75, 63.75, 63.75);
}
.section .subsection .dropImage .imageTypeButtons_old .imgButt.color span:before {
  content: var(--bi-droplet-fill);
}
.section .subsection .dropImage .imageTypeButtons_old .imgButt.map {
  border-top: solid 1px rgb(63.75, 63.75, 63.75);
  border-left: solid 1px rgb(63.75, 63.75, 63.75);
}
.section .subsection .dropImage .imageTypeButtons_old .imgButt.map span:before {
  content: var(--bi-geo-alt-fill);
}
.section .subsection .dropImage .imageTypeButtons_old .imgButt.edit {
  width: 50%;
  border-left: solid 1px rgb(63.75, 63.75, 63.75);
}
.section .subsection .dropImage .imageTypeButtons_old .imgButt.edit span:before {
  content: var(--bi-pencil-fill);
}
.section .subsection .dropImage .imageTypeButtons_old .imgButt.manage {
  width: 50%;
}
.section .subsection .dropImage .imageTypeButtons_old .imgButt.manage span:before {
  content: var(--bi-person-fill-lock);
  font-size: 18px;
}
.section .subsection .dropImage .imageTypeButtons_old .imgButt.shop span:before {
  content: var(--bi-bag-fill);
}
.section .subsection .dropImage .imageTypeButtons_old .imgButt.mylogo span:before {
  content: var(--bi-suit-heart-fill);
}
.section .subsection .dropImage .imageTypeButtons_old .imgButt.preview span:before {
  content: var(--bi-display);
  font-size: 18px;
}
.section .subsection .dropImage .imageTypeButtons_old .imgButt.full {
  width: 100%;
}
.section .subsection .dropImage .imageTypeButtons_old .imgButt:hover, .section .subsection .dropImage .imageTypeButtons_old .imgButt:active {
  background-color: black;
}
.section .subsection .dropImage .imageTypeButtons_old.noVideo .imgButt.color, .section .subsection .dropImage .imageTypeButtons_old.noVideo .imgButt.map {
  width: 50%;
}
.section .subsection .dropImage .imageTypeButtons_old.noVideo .imgButt.color {
  border-right: solid 1px rgb(63.75, 63.75, 63.75);
}
.section .subsection .dropImage .imageTypeButtons_old.noVideo .imgButt.map {
  border-left: none;
}
.section .subsection .dropImage .imageTypeButtons_old:hover, .section .subsection .dropImage .imageTypeButtons_old:active {
  opacity: 1;
  /*
  .imgButt {
  						pointer-events: auto;
  					}
  */
}
.section .subsection .dropImage .imageTypeButtons_old.select .imgButt {
  pointer-events: auto;
}
.section .subsection .dropImage .innerUpload {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.section .subsection .dropImage .innerUpload input {
  max-width: none;
}
.section .subsection .imageAdjustments {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.section .subsection .imageAdjustments .imageShapeField {
  flex: 1;
}
.section .subsection .imageAdjustments .imageSize {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  flex: 1;
}
.section .subsection .imageAdjustments .imageSize label {
  display: inline-block;
  width: 38px;
  height: 38px;
  padding: 0;
  color: var(--grey);
  text-align: center;
  transition: color 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .imageAdjustments .imageSize label:before {
  display: block;
  font-family: "blissandbone" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: 0;
  line-height: 37px;
  font-size: 22px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.section .subsection .imageAdjustments .imageSize label.largeImage:before {
  content: "\e805";
}
.section .subsection .imageAdjustments .imageSize label.mediumImage:before {
  content: "\e804";
}
.section .subsection .imageAdjustments .imageSize label.smallImage:before {
  content: "\e803";
}
.section .subsection .imageAdjustments .imageSize label:hover, .section .subsection .imageAdjustments .imageSize label:active {
  color: black;
}
.section .subsection .imageAdjustments .imageSize input:checked + label {
  color: black;
}
.section .subsection .imageAdjustments .linkImageField {
  width: 60px;
  min-width: 60px;
  padding: 7px 10px;
  box-sizing: border-box;
}
.section .subsection .imageAdjustments .linkImageField a {
  width: 100%;
  height: 24px;
  text-align: center;
}
.section .subsection .imageAdjustments .linkImageField a i {
  font-size: 20px;
  line-height: 24px;
}
.section .subsection .mono {
  font-size: 4.8em;
  line-height: 1.2em;
  padding: 30px 100px 30px 40px;
  margin-bottom: 0;
  border: none !important;
  text-transform: none;
  position: relative;
  transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  /*
  &[style*="color: #ffffff"]:not(.home), &[style*="color: rgb(255, 255, 255)"]:not(.home), &[style*="color: #fff"], &[style*="color: rgba(255, 255, 255, 1)"]:not(.home) {
  				background-color: #efefef;
  			}
  */
}
.section .subsection .mono object {
  display: block;
  height: auto;
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .mono img, .section .subsection .mono object {
  display: inline-block;
  max-width: 50%;
  width: auto;
  margin-bottom: 0;
  position: relative;
}
.section .subsection .mono p {
  font: inherit;
  letter-spacing: inherit;
  margin-bottom: 0;
}
.section .subsection .mono p span {
  background-size: 300px;
}
.section .subsection .mono .line {
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.section .subsection .mono.hide {
  opacity: 0;
}
.section .subsection .mono #MMlinkCont {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 2px;
  position: absolute;
  right: 40px;
}
.section .subsection .mono #MMlinkCont.coverpage {
  height: 60px;
}
.section .subsection .mono .headerLink {
  display: block;
  letter-spacing: 0px;
  font-size: 20px;
  line-height: 1;
}
.section .subsection .mono .menu {
  display: block;
  margin: 0 auto;
  margin-left: 24px;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0;
  position: relative;
}
.section .subsection .mono .menu.burger {
  height: 18px;
  width: 34px;
}
.section .subsection .mono .menu.burger:before {
  content: "";
  display: block;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: inherit;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: inherit;
  height: 14px;
}
.section .subsection .mono .menu.burger:after {
  content: "";
  display: block;
  position: absolute;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: inherit;
  width: 100%;
  top: 50%;
  margin-top: -1px;
}
.section .subsection .mono .menu.burger.framed {
  padding: 8px;
  border-radius: 3px;
  color: var(--burgerColor);
  border-color: var(--burgerColor) !important;
  background-color: var(--burgerBackground) !important;
}
.section .subsection .mono .menu.burger.framed:after {
  width: calc(100% - 16px);
}
.section .subsection .mono.left {
  text-align: left;
  padding-left: 40px;
  padding-right: 100px;
}
.section .subsection .mono.center {
  text-align: center;
  padding-left: 100px;
  padding-right: 100px;
}
.section .subsection .mono.right {
  text-align: right;
  padding-left: 100px;
  padding-right: 40px;
}
.section .subsection .mono.right:not(.home) #MMlinkCont {
  right: auto;
  left: 40px;
  flex-direction: row-reverse;
}
.section .subsection .mono.right:not(.home) #MMlinkCont .menu {
  margin-right: 24px;
  margin-left: 0;
}
.section .subsection .mono.active {
  height: auto !important;
}
.section .subsection .mono:first-of-type {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 36px;
}
.section .subsection#monogram {
  padding-bottom: 20px !important;
}
.section .subsection#monogram .sectionHead_info {
  margin-bottom: 12px;
  position: relative;
  z-index: 10;
}
.section .subsection#monogram .sectionInner {
  max-width: none;
}
.section .subsection#textPreviewHead .sectionHead_info {
  margin-bottom: 12px;
}
.section nav {
  width: 216px;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 80px;
  background-color: white;
  border-right: solid 1px var(--greigeLight);
  border-bottom: solid 1px var(--greigeLight);
}
.section nav h4 {
  font-size: 17px;
  line-height: 2.8em;
  text-transform: none;
  font-weight: 400;
  margin-bottom: 0;
  padding-right: 14px;
}
.section nav h4 a, .section nav h4 button.accDown {
  color: black;
}
.section nav h4 a:hover, .section nav h4 a:active, .section nav h4 button.accDown:hover, .section nav h4 button.accDown:active {
  color: var(--greyDarker) !important;
}
.section nav h4 a .bi, .section nav h4 button.accDown .bi {
  display: inline-block;
  vertical-align: middle;
}
.section nav h4 a .bi:first-child, .section nav h4 button.accDown .bi:first-child {
  font-size: 14px;
  position: absolute;
  left: -22px;
}
.section nav h4 a .bi:last-child, .section nav h4 button.accDown .bi:last-child {
  color: var(--grey);
  font-size: 12px;
  position: absolute;
  right: 4px;
}
.section nav h4 a.open .bi:last-child, .section nav h4 button.accDown.open .bi:last-child {
  transform: rotate(180deg);
}
.section nav h4:has(:focus-visible):before {
  content: "";
  display: block;
  width: calc(100% + 20px);
  height: 100%;
  position: absolute;
  top: 0;
  left: -30px;
  background-color: var(--greyLightest);
  border-radius: 8px;
}
.section nav h4:has(:focus-visible) a, .section nav h4:has(:focus-visible) button.accDown {
  outline: none;
}
.section nav h4 {
  /* &.arrow {
  	a {
  		position: relative;
  		&:after {
  			display: inline-block;
  			position: absolute;
  			right: 0;
  		}
  	}
  	&.right {
  		a {
  			&:after {
  				content: "\2192";
  			}
  		}
  	}
  	&.down {
  		a {
  			&:after {
  				content: "\2193";
  			}
  		}
  	}
  } */
}
.section nav h5 {
  font-size: 15px;
  line-height: 2.3em;
  font-weight: 400;
  text-transform: none;
  color: var(--grey);
  padding-right: 18px;
  margin-bottom: 0;
}
.section nav h5 .bi {
  display: inline-block;
  vertical-align: middle;
}
.section nav h5 .bi:last-child {
  font-size: 13px;
  position: absolute;
  right: 10px;
}
.section nav {
  /* h6 {
  	font-size: 12px;
  	line-height: 2.2em;
  	letter-spacing: 0.08em;
  	text-transform: none;
  	color: var(--greyDarker);
  	padding-right: 18px;
  	margin-bottom: 8px;
  	&.select {
  		a {
  			color: black !important;
  		}
  	}
  } */
}
.section nav a, .section nav button.accDown {
  display: block;
  color: var(--grey);
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}
.section nav a:hover, .section nav a:active, .section nav button.accDown:hover, .section nav button.accDown:active {
  color: black !important;
}
.section nav .buttonNew {
  color: black;
  margin-top: 0;
  margin-bottom: 20px;
  border-color: black;
}
.section nav .buttonNew .bi {
  margin-right: 8px;
  font-size: 15px;
  position: relative;
  top: 1px;
}
.section nav .buttonNew:hover, .section nav .buttonNew:active {
  color: white !important;
}
.section nav li h4, .section nav li h5 {
  position: relative;
}
.section nav li h4:not(:has(.accDown)).select, .section nav li h4:not(:has(.accDown)):hover, .section nav li h4:not(:has(.accDown)):has(:focus-visible), .section nav li h5:not(:has(.accDown)).select, .section nav li h5:not(:has(.accDown)):hover, .section nav li h5:not(:has(.accDown)):has(:focus-visible) {
  color: black !important;
}
.section nav li h4:not(:has(.accDown)).select:before, .section nav li h4:not(:has(.accDown)):hover:before, .section nav li h4:not(:has(.accDown)):has(:focus-visible):before, .section nav li h5:not(:has(.accDown)).select:before, .section nav li h5:not(:has(.accDown)):hover:before, .section nav li h5:not(:has(.accDown)):has(:focus-visible):before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: 100%;
  position: absolute;
  top: 0;
  left: -20px;
  background-color: var(--greyLightest);
  border-radius: 8px;
}
.section nav li h4:not(:has(.accDown)).select a, .section nav li h4:not(:has(.accDown)).select button.accDown, .section nav li h4:not(:has(.accDown)):hover a, .section nav li h4:not(:has(.accDown)):hover button.accDown, .section nav li h4:not(:has(.accDown)):has(:focus-visible) a, .section nav li h4:not(:has(.accDown)):has(:focus-visible) button.accDown, .section nav li h5:not(:has(.accDown)).select a, .section nav li h5:not(:has(.accDown)).select button.accDown, .section nav li h5:not(:has(.accDown)):hover a, .section nav li h5:not(:has(.accDown)):hover button.accDown, .section nav li h5:not(:has(.accDown)):has(:focus-visible) a, .section nav li h5:not(:has(.accDown)):has(:focus-visible) button.accDown {
  color: black !important;
  outline: none;
}
.section nav li h4:not(h5):has(:is(a, button.accDown) .bi:first-child).select:before, .section nav li h4:not(h5):has(:is(a, button.accDown) .bi:first-child):hover:before, .section nav li h4:not(h5):has(:is(a, button.accDown) .bi:first-child):has(:focus-visible):before, .section nav li h5:not(h5):has(:is(a, button.accDown) .bi:first-child).select:before, .section nav li h5:not(h5):has(:is(a, button.accDown) .bi:first-child):hover:before, .section nav li h5:not(h5):has(:is(a, button.accDown) .bi:first-child):has(:focus-visible):before {
  width: calc(100% + 20px);
  left: -30px;
}
.section nav li.fixToBottom {
  width: 176px;
  position: fixed;
  bottom: var(--bottomPadd);
  transition: bottom 0.2s ease-in-out;
}
.section nav #mmNav {
  display: none;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  padding: 10px 0 10px 0;
  margin-bottom: 0;
  pointer-events: none;
  font: 500 12px/2.8em var(--sansFS);
  letter-spacing: inherit;
  background: transparent;
  color: inherit;
}
.section nav #mmNav a, .section nav #mmNav .navTitle {
  font-weight: inherit;
  display: inline-block;
  vertical-align: middle;
}
.section nav #mmNav span {
  display: none;
  margin-right: 20px;
  vertical-align: middle;
  height: 12px;
  width: 20px;
  cursor: pointer;
  position: relative;
}
.section nav #mmNav span:before {
  content: "";
  display: block;
  border-top: solid 2px black;
  border-bottom: solid 2px black;
  height: 8px;
  transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section nav #mmNav span:after {
  content: "";
  display: block;
  position: absolute;
  border-top: solid 2px black;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -1px;
  transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section nav #mmNav:hover a, .section nav #mmNav:hover .navTitle, .section nav #mmNav:active a, .section nav #mmNav:active .navTitle {
  color: var(--grey);
}
.section nav #mmNav:hover span:before, .section nav #mmNav:hover span:after, .section nav #mmNav:active span:before, .section nav #mmNav:active span:after {
  border-color: var(--grey);
}
.section nav #mmNav {
  /*
  &:after {
  				content: "";
  				display: block;
  				width: calc(100% + 40px);
  				height: 1px;
  				background-color: black;
  				position: relative;
  				top: 10px;
  				left: -40px;
  			}
  */
}
.section nav > ul {
  width: 216px;
  height: calc(100vh - 106px - var(--bottomBarPad) - var(--sideNavBottomPad));
  padding-top: 12px;
  padding-left: 40px;
  box-sizing: border-box;
  position: fixed;
  overflow-y: auto;
}
.section nav > ul:has(.fixToBottom :is(a, button.accDown).open) {
  height: calc(100vh - 106px - var(--bottomBarPad) - var(--sideNavBottomPad) - var(--bottomPadExtra));
}
.section nav > ul:has(.fixToBottom :is(a, button.accDown).open) .fixToBottom {
  bottom: calc(var(--bottomPadd) + var(--bottomPadExtra));
}
.section nav > ul:has(.fixToBottom :is(a, button.accDown).open) .fixToBottom + .fixToBottom {
  bottom: calc(var(--bottomPadd));
}
.section nav > ul > li.lineTop:before {
  content: "";
  display: block;
  width: calc(100% + 40px);
  height: 1px;
  background-color: var(--greigeLight);
  position: absolute;
  left: -40px;
  top: -1px;
}
.section nav > ul > li > ul {
  margin-bottom: 12px;
}
.section nav > ul > li > ul.navSection {
  padding-bottom: 12px;
  position: relative;
}
.section nav > ul > li > ul.navSection:before, .section nav > ul > li > ul.navSection:after {
  display: block;
  width: calc(100% + 40px);
  height: 1px;
  background-color: var(--greigeLight);
  position: absolute;
  left: -40px;
}
.section nav > ul > li > ul.navSection.secTop {
  padding-top: 12px;
  margin-bottom: 0;
}
.section nav > ul > li > ul.navSection.secTop:before {
  content: "";
  top: 0;
}
.section nav > ul > li > ul.navSection.secBottom {
  margin-bottom: 12px;
}
.section nav > ul > li > ul.navSection.secBottom:after {
  content: "";
  bottom: 0;
}
.section nav > ul > li > ul ul {
  margin-bottom: 12px;
}
.section main {
  width: calc(100% - 217px);
  display: inline-block;
  vertical-align: top;
  padding-bottom: 120px;
}
.section main #homepageImage .sectionInner .dropImage {
  width: 276px;
  height: 336px;
  margin: 0 auto 10px;
}
.section main #homepageImage .sectionInner .dropImage img {
  max-height: 336px;
}
.section main #homepageImage .sectionInner .buttonRow {
  max-width: 390px;
  margin: 0 auto;
}
.section main #homepageImage .sectionInner .buttonRow .buttonNew {
  min-width: 48.8%;
}
.section main #homepageImage .sectionInner + .sectionHead_info {
  margin-top: 30px;
}
.section main .sectionHead_dash {
  line-height: 2.45em;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  text-align: center;
  text-transform: uppercase;
}
.section main #sectionArea {
  position: relative;
}
.section main .pageArea {
  margin: 0 var(--padding30);
  background-color: white;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
  border-radius: 15px;
}
.section main .pageArea.paddTop, .section main .pageArea + .pageArea, .section main .pageArea + .topSection, .section main .pageArea + #sectionArea {
  margin-top: 24px;
}
.section main .pageArea .subsection {
  text-align: left;
}
.section main .pageArea .sectionInner {
  margin-left: 0;
}
.section main #addPageEdit {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  width: calc(100% - var(--padding30) * 2);
  margin-top: 25px;
  padding-top: var(--padding30);
  padding-bottom: var(--padding30) !important;
  text-align: center;
  margin-bottom: var(--padding30);
  background-color: var(--greyLightest);
  box-shadow: none;
  border: 1px dashed var(--taupe);
  position: relative;
}
.section main #addPageEdit .circleButton {
  margin-bottom: 0;
}
.section main #addPageEdit .circleButton a {
  width: 30px;
  height: 30px;
  padding: 0;
  top: 0;
  position: static;
}
.section main #addPageEdit .circleButton a:before {
  content: var(--bi-plus-circle);
  display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
  line-height: 30px;
  font-size: 30px;
  width: 30px;
  height: 30px;
}
.section main #addPageEdit .buttonNew {
  display: inline-flex;
  vertical-align: top;
  margin: 0;
  margin-bottom: 14px;
}
.section main #addPageEdit:before {
  content: var(--bi-plus-circle-dotted);
  display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
  line-height: 22px;
  font-size: 22px;
  width: 22px;
  height: 22px;
  padding: 0;
  text-align: center;
  color: var(--taupe);
  border: none;
  background-color: var(--greyLightCream);
  border-radius: 0;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% -11px;
}
.section main #addPageEdit:has(.buttonNew) {
  padding-bottom: calc(var(--padding30) - 14px) !important;
}
.section main #templateChangeConfirm {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  color: white;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10000;
}
.section main #templateChangeConfirm h5 {
  max-width: 745px;
  margin-bottom: 20px;
  font: 500 1.2em/1.7em var(--sansFS);
}
.section main #templateChangeConfirm h5 .small {
  font-size: 80%;
}
.section main #templateChangeConfirm .buttonNew {
  width: 180px;
  margin: 0 10px 10px;
  color: white;
  border-color: white;
  box-sizing: border-box;
  line-height: 20px;
}
.section main #templateChangeConfirm .buttonNew:hover, .section main #templateChangeConfirm .buttonNew:active {
  color: black !important;
  background-color: white;
}
.section #loaderOverlay {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 20000;
}
.section #loaderOverlay div {
  width: 100px;
  height: 61px;
  padding-top: 39px;
  margin-bottom: 26px;
  position: relative;
}
.section #loaderOverlay div:after {
  content: "";
  position: absolute;
  display: block;
  width: 100px;
  height: 97px;
  top: 0;
  left: 0;
  border-radius: 50%;
  box-shadow: 0 3px 0 0 black;
  animation: ring 1s linear infinite;
}
.section #loaderOverlay div span {
  display: inline-block;
  width: 100%;
  font: 14px/1.5em var(--serifFS);
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#pageEditBlank, #pageSubsectionBlank, #galleryImgHolder, #modsBlank, #countdownEditBlank, #cashRegistryEditBlank {
  display: none;
}

.publish {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  width: 100%;
  padding: 20px var(--padding30);
  bottom: 0;
  left: 0;
  background-color: white;
  border-top: solid 1px var(--greyLighter);
  box-sizing: border-box;
  text-align: right;
  z-index: 100900;
  /* .radioButtons {
  	display: inline-flex;
  	margin-top: 0;
  	margin-left: 40px;
  	.miniButton {
  		&.mini2nd {
  			margin-right: 20px;
  		}
  	}
  	.siteError {
  		line-height: 1em;
  		text-align: center;
  		padding: 10px 20px;
  	}
  } */
}
.publish input.oneLine {
  max-width: none;
  padding: 0 16px 0 0;
  margin-bottom: 0 !important;
  border: none;
  border-bottom: solid 1px var(--greyLighter);
  line-height: 30px;
  height: 30px;
  background-color: transparent;
  transition: border 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.publish input.oneLine:focus {
  background-color: transparent;
  border-bottom-color: black;
}
.publish input.oneLine:hover, .publish input.oneLine:active, .publish input.oneLine:focus-visible {
  box-shadow: none;
  border-bottom-color: black;
  outline: none;
}
.publish .buttonNew {
  margin: 0 0 0 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  min-width: 170px;
  font-size: 20px;
  text-transform: none;
  letter-spacing: 0;
}
.publish .buttonNew[type=submit], .publish .buttonNew:last-child {
  border-color: transparent;
}
.publish .buttonNew[type=submit].black:hover, .publish .buttonNew[type=submit].black:active, .publish .buttonNew:last-child.black:hover, .publish .buttonNew:last-child.black:active {
  border-color: black;
}
.publish .buttonNew i.bi {
  font-size: 88%;
  top: 0;
  margin-right: 7px;
}
.publish#addColorButtons .radioButtons {
  margin-left: 0;
}
.publish#addColorButtons #hexColor {
  width: 180px;
  text-align: center;
  padding: 0;
}
.publish button[type=submit].disable, .publish .buttonNew:last-child.disable {
  pointer-events: none;
  background-color: var(--greyMid);
}
.publish button[type=submit].saving, .publish .buttonNew:last-child.saving {
  background-color: black;
}
.publish .mobile {
  display: none;
}

#website .dropImage:not(:has(> img[src]:not([src=""]):not(.iconImage):not(.videoIcon))) > .editImage, #website .dropImage.reverting > .editImage {
  display: none;
}

#website .imageShapePreview:has(> img:not(.iconImage):not(.videoIcon)) {
  background-color: var(--preview-site-background) !important;
}
#website .imageShapePreview > .imageShapeMask {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}
#website .imageShapePreview > .imageShapeMask::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--preview-shape-radius, 0);
  box-shadow: 0 0 0 1000px var(--preview-site-background);
}
#website .imageShapePreview > .editImage {
  z-index: 2;
}
#website .imageShapePreview[data-shape-type=rounded] {
  --preview-shape-radius: 30px;
}
#website .imageShapePreview[data-shape-type=arch] {
  --preview-shape-radius: 50% 50% 0 0 / var(--preview-half-width, 0px) var(--preview-half-width, 0px) 0 0;
}
#website .imageShapePreview[data-shape-type=pill] {
  --preview-shape-radius: 50% / var(--preview-half-width, 0px);
}
#website .imageShapePreview[data-shape-type=ellipse] {
  --preview-shape-radius: 50%;
}

.imageGallery {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: auto;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  min-height: max(100%, 100vh);
  background-color: white;
  z-index: 90400;
}
.imageGallery .orCustomize.tabArea {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  border-bottom: 1px solid var(--greyLight);
  background-color: white;
  position: fixed;
  z-index: 10;
}
.imageGallery .orCustomize.tabArea .tab {
  width: clamp(140px, 22.2222222222vw, 200px);
  padding: 10px 20px;
  box-sizing: border-box;
  border-right: 1px solid var(--greyLight);
  text-align: center;
  color: var(--grey);
  transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  cursor: pointer;
  position: relative;
}
.imageGallery .orCustomize.tabArea .tab > * {
  margin-bottom: 0;
  line-height: 55px;
}
.imageGallery .orCustomize.tabArea .tab h4 {
  display: inline-block;
  font-weight: 400;
  width: 100%;
}
.imageGallery .orCustomize.tabArea .tab:last-child {
  margin-right: 0;
}
.imageGallery .orCustomize.tabArea .tab:hover, .imageGallery .orCustomize.tabArea .tab:active, .imageGallery .orCustomize.tabArea .tab.select {
  color: black;
  background-color: var(--greigeLight);
}
.imageGallery > .subsection {
  padding: 30px 30px 120px !important;
  position: relative;
}
.imageGallery > .subsection .galleryCont {
  position: relative;
  overflow: hidden;
}
.imageGallery > .subsection .galleryCont .thumbBG {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  cursor: pointer;
  background-color: var(--greigeLight);
}
.imageGallery > .subsection .galleryCont .thumbBG.jg-entry-visible {
  opacity: 1;
}
.imageGallery > .subsection .galleryCont .thumbBG.jg-filtered {
  display: none;
}
.imageGallery > .subsection .galleryCont .thumbBG .nameOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 24px 26px;
  text-align: right;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.imageGallery > .subsection .galleryCont .thumbBG .nameOverlay h4, .imageGallery > .subsection .galleryCont .thumbBG .nameOverlay h6 {
  color: white;
  text-transform: none;
}
.imageGallery > .subsection .galleryCont .thumbBG .nameOverlay h4 {
  font-size: 1.7em;
}
.imageGallery > .subsection .galleryCont .thumbBG .nameOverlay h6 {
  font: 14px/1 var(--serifFS);
  font-style: italic;
  padding: 5px 0;
}
.imageGallery > .subsection .galleryCont .thumbBG .check {
  display: inline-block;
  width: 42px;
  height: 42px;
  background: radial-gradient(circle, white 50%, transparent 51%);
  text-align: center;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.imageGallery > .subsection .galleryCont .thumbBG .check:before {
  content: "\f26a";
  color: black;
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 42px;
  font-size: 42px;
}
.imageGallery > .subsection .galleryCont .thumbBG:hover .nameOverlay, .imageGallery > .subsection .galleryCont .thumbBG:active .nameOverlay {
  opacity: 1;
}
.imageGallery > .subsection .galleryCont .thumbBG.select .nameOverlay {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.3);
}
.imageGallery > .subsection .galleryCont .thumbBG.select .nameOverlay .name {
  display: none;
}
.imageGallery > .subsection .galleryCont .thumbBG.select .nameOverlay .check {
  opacity: 1;
}
.imageGallery > .subsection .galleryCont.justified-gallery .thumbBG img {
  position: absolute;
  top: 50%;
  left: 50%;
}
.imageGallery > .subsection.tabImages {
  margin-top: 75px;
}
.imageGallery .overlayEdit {
  background-color: rgba(0, 0, 0, 0.35);
}
.imageGallery .overlayEdit .subsection {
  padding-top: 20px !important;
}
.imageGallery .close {
  position: absolute;
  top: 33px;
}
.imageGallery:has(.tabArea) .close {
  top: 130px;
  position: fixed;
  z-index: 20;
}
.imageGallery#backgroundPicker > .subsection, .imageGallery#logoPicker > .subsection, .imageGallery#mylogoPicker > .subsection, .imageGallery#iconPicker > .subsection {
  padding-bottom: 160px !important;
}
.imageGallery#logoPicker .subsection .galleryCont, .imageGallery#mylogoPicker .subsection .galleryCont {
  justify-content: flex-start;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  -moz-column-gap: 0;
       column-gap: 0;
}
.imageGallery#logoPicker .subsection .galleryCont .thumbBG, .imageGallery#mylogoPicker .subsection .galleryCont .thumbBG {
  width: calc(33.33% - 10px);
  margin: 0 5px 10px;
  opacity: 1;
  position: relative;
}
.imageGallery#iconPicker .subsection .galleryCont {
  justify-content: flex-start;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
.imageGallery#iconPicker .subsection .galleryCont .thumbBG {
  width: calc(9.09% - 10px);
  margin: 0 5px 10px;
  opacity: 1;
  position: relative;
}
.imageGallery#iconPicker .subsection .galleryCont .thumbBG .nameOverlay {
  padding: 12px 8px;
}
.imageGallery#iconPicker .subsection .galleryCont .thumbBG .nameOverlay h4 {
  font-size: 11px;
}
.imageGallery#iconPicker .subsection .galleryCont .thumbBG .check {
  width: 32px;
  height: 32px;
}
.imageGallery#iconPicker .subsection .galleryCont .thumbBG .check:before {
  font-size: 32px;
  line-height: 32px;
}

#logoPicker .subsection .galleryCont .thumbBG, #mylogoPicker .subsection .galleryCont .thumbBG {
  background-color: var(--greyLightest);
}
#logoPicker .subsection .galleryCont .thumbBG .logoCont, #mylogoPicker .subsection .galleryCont .thumbBG .logoCont {
  position: relative;
  overflow: hidden;
}
#logoPicker .subsection .galleryCont .thumbBG .logoCont .svg, #mylogoPicker .subsection .galleryCont .thumbBG .logoCont .svg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#logoPicker .subsection .galleryCont .thumbBG .logoCont .svg img, #mylogoPicker .subsection .galleryCont .thumbBG .logoCont .svg img {
  width: auto;
  max-width: 60%;
  max-height: clamp(150px, 16vw, 175px);
  margin: 0 auto 14px;
}

#iconPicker .subsection .galleryCont .thumbBG {
  background-color: var(--greyLightest);
}
#iconPicker .subsection .galleryCont .thumbBG .logoCont {
  position: relative;
  overflow: hidden;
}
#iconPicker .subsection .galleryCont .thumbBG .logoCont .svg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#iconPicker .subsection .galleryCont .thumbBG .logoCont .svg img {
  width: auto;
  max-width: 65%;
  max-height: clamp(50px, 4.3vw, 70px);
  margin: 0 auto 4px;
}

.section:not(.overlayEdit) .subsection:last-child {
  padding-bottom: calc(var(--paddingMid) - 10px) !important;
}

#addPermissions {
  z-index: 100400;
}
#addPermissions .subsection .permissions {
  padding-top: 10px;
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-width: 175px;
       column-width: 175px;
  -moz-column-gap: 8%;
       column-gap: 8%;
}
#addPermissions .subsection .permissions > div {
  vertical-align: top;
  margin-bottom: 12px;
  padding-right: 20px;
  box-sizing: border-box;
}

#whatIsPermissions {
  z-index: 100500;
}

.pageSectionOverlay .content {
  max-width: none;
}
.pageSectionOverlay .content .example {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 30px 0 0;
}
.pageSectionOverlay .content .example > div {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  width: calc(50% - 46px);
  max-width: 480px;
  margin: 0 23px 50px;
}
.pageSectionOverlay .content .example > div h3 {
  margin-bottom: 7px;
}
.pageSectionOverlay .content .example > div .thumbnail {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  text-align: left;
  background-color: white;
  overflow: hidden;
  position: relative;
}
.pageSectionOverlay .content .example > div .thumbnail > div {
  position: relative;
  transition: filter 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.pageSectionOverlay .content .example > div .thumbnail > div h5 {
  text-transform: capitalize;
}
.pageSectionOverlay .content .example > div .thumbnail:after {
  content: "Select";
  width: 100%;
  opacity: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  font: 400 1.75em/2.3em var(--sansFS);
  color: white;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.pageSectionOverlay .content .example > div .thumbnail:hover > div, .pageSectionOverlay .content .example > div .thumbnail:active > div {
  opacity: 1 !important;
  filter: blur(5px);
}
.pageSectionOverlay .content .example > div .thumbnail:hover:after, .pageSectionOverlay .content .example > div .thumbnail:active:after {
  opacity: 1;
}
.pageSectionOverlay .content .example > div input[type=radio]:checked + .thumbnail {
  box-shadow: 5px 5px 16px rgba(0, 0, 0, 0.3);
}
.pageSectionOverlay .content .example > div.disable {
  pointer-events: none;
  opacity: 0.35;
}

#imageLinkOverlay .content .sectionInner.buttonURL {
  padding-top: 0;
}
#imageLinkOverlay .content .sectionInner.buttonURL .urlLink {
  margin-top: 20px;
}
#imageLinkOverlay .content .sectionInner .radioSelect {
  max-width: none;
}
#imageLinkOverlay .content .sectionInner .radioSelect ul {
  padding-left: 0;
}
#imageLinkOverlay .content .sectionInner .radioSelect > div, #imageLinkOverlay .content .sectionInner .radioSelect ul li label {
  font-family: var(--sansFS);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: normal;
}

#imageEditOverlay .subsection {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  padding-top: var(--paddingHigh) !important;
}
#imageEditOverlay .subsection > div {
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
#imageEditOverlay .subsection > div.image {
  width: calc(100% - 240px);
}
#imageEditOverlay .subsection > div.controls {
  width: 200px;
  min-width: 200px;
  padding-left: 40px;
}
#imageEditOverlay .subsection > div #imageBox {
  max-width: 620px;
  margin: 0 auto;
  text-align: center;
}
#imageEditOverlay .subsection > div #imageBox .imgBG {
  line-height: 0;
  font-size: 0;
  border: 1px solid var(--greyLight);
}
#imageEditOverlay .subsection > div #imageBox .imgCrop {
  display: inline-block;
  max-height: 540px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
#imageEditOverlay .subsection > div #imageBox .imgCrop img {
  width: auto;
  max-width: 100%;
  transition: none;
}
#imageEditOverlay .subsection > div #imageBox .imgCrop cropper-canvas {
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#imageEditOverlay .subsection > div #imageBox .imgCrop cropper-canvas.ready {
  opacity: 1;
}
#imageEditOverlay .subsection > div #imageBox .imgCrop.reverting > img {
  opacity: 0;
}
#imageEditOverlay .subsection > div #imageBox .imgCrop.reverting:after {
  content: "loading";
  margin-top: -7px;
  margin-left: -21.5px;
  font: 14px/1em var(--serifFS);
  font-style: italic;
  position: absolute;
  top: 50%;
  left: 50%;
  /* background: url(/_images/progressL.png?20250818) no-repeat center; */
  animation: loading 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite normal;
}
#imageEditOverlay .subsection > div #imageBox .imgCrop[data-shape-type=rounded] {
  border-radius: 30px;
}
#imageEditOverlay .subsection > div #imageBox .imgCrop[data-shape-type=arch] {
  border-top-left-radius: 50% min(25.5vw, var(--archMax));
  border-top-right-radius: 50% min(25.5vw, var(--archMax));
}
#imageEditOverlay .subsection > div #imageBox .imgCrop[data-shape-type=pill] {
  border-top-left-radius: 50% min(25.5vw, var(--archMax));
  border-top-right-radius: 50% min(25.5vw, var(--archMax));
  border-bottom-left-radius: 50% min(25.5vw, var(--archMax));
  border-bottom-right-radius: 50% min(25.5vw, var(--archMax));
}
#imageEditOverlay .subsection > div #imageBox .imgCrop[data-shape-type=ellipse] {
  border-radius: 50%;
}
#imageEditOverlay .subsection > div #imageBox .imgCropControls {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
}
#imageEditOverlay .subsection > div #imageBox .imgCropControls .cropperTools {
  vertical-align: middle;
  text-align: left;
}
#imageEditOverlay .subsection > div #imageBox .imgCropControls .cropperTools span {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 40px;
  opacity: 0.5;
  cursor: pointer;
  transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#imageEditOverlay .subsection > div #imageBox .imgCropControls .cropperTools span:before {
  display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
  line-height: 1;
  font-size: 20px;
}
#imageEditOverlay .subsection > div #imageBox .imgCropControls .cropperTools span.icon_rotate:before {
  content: var(--bi-arrow-counterclockwise);
}
#imageEditOverlay .subsection > div #imageBox .imgCropControls .cropperTools span.icon_flip_horizontal:before {
  content: var(--bi-symmetry-horizontal);
}
#imageEditOverlay .subsection > div #imageBox .imgCropControls .cropperTools span.icon_flip_vertical:before {
  content: var(--bi-symmetry-vertical);
}
#imageEditOverlay .subsection > div #imageBox .imgCropControls .cropperTools span.icon_crop:before {
  content: var(--bi-crop);
}
#imageEditOverlay .subsection > div #imageBox .imgCropControls .cropperTools span:hover, #imageEditOverlay .subsection > div #imageBox .imgCropControls .cropperTools span:active {
  opacity: 1;
}
#imageEditOverlay .subsection > div #imageBox .imgCropControls .cropperTools span.disable {
  pointer-events: none;
  opacity: 0.35;
}
#imageEditOverlay .subsection > div #imageBox .imgCropControls .cropperTools span:last-child {
  margin-right: 0;
}
#imageEditOverlay .subsection > div #imageBox .imgCropControls .zoomTools {
  vertical-align: middle;
  text-align: right;
}
#imageEditOverlay .subsection > div #imageBox .imgCropControls .zoomTools span {
  display: inline-block;
  vertical-align: middle;
  padding: 2px;
  margin-left: 40px;
  opacity: 0.5;
  cursor: pointer;
  transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#imageEditOverlay .subsection > div #imageBox .imgCropControls .zoomTools span:after {
  width: 18px;
  height: 18px;
  display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
  line-height: 1;
  font-size: 18px;
}
#imageEditOverlay .subsection > div #imageBox .imgCropControls .zoomTools span.zoomOut:after {
  content: var(--bi-dash-lg);
}
#imageEditOverlay .subsection > div #imageBox .imgCropControls .zoomTools span.zoomIn:after {
  content: var(--bi-plus-lg);
}
#imageEditOverlay .subsection > div #imageBox .imgCropControls .zoomTools span.cancel:after {
  content: var(--bi-x-lg);
}
#imageEditOverlay .subsection > div #imageBox .imgCropControls .zoomTools span:hover, #imageEditOverlay .subsection > div #imageBox .imgCropControls .zoomTools span:active {
  opacity: 1;
}
#imageEditOverlay .subsection > div #imageBox .imgCropControls .zoomTools span:first-child {
  margin-left: 0;
}
#imageEditOverlay .subsection > div #imageBox .imgCropControls.disable {
  opacity: 0;
  pointer-events: none;
}
#imageEditOverlay .subsection > div #imageControls {
  width: 100%;
}
#imageEditOverlay .subsection > div #imageControls .revert {
  display: block;
  padding: 5px 0;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
}
#imageEditOverlay .subsection > div #imageControls .revert.disable {
  opacity: 0.5;
  pointer-events: none;
}
#imageEditOverlay .subsection > div #imageControls .focalPointSelector {
  overflow: hidden;
  height: 123px;
  transition: height 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  will-change: height;
}
#imageEditOverlay .subsection > div #imageControls .checkbox:checked + label + .focalPointSelector {
  height: 0;
}
#imageEditOverlay .subsection > div #imageControls .doNotCropLabel {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 25px;
  margin-bottom: 25px;
}
#imageEditOverlay .subsection > div #imageControls .doNotCropLabel:before {
  margin-right: 0;
}
#imageEditOverlay .subsection > div #imageControls .focalpointLabel {
  text-transform: none;
  line-height: 1em;
  font-family: var(--sansFS);
  font-weight: 500;
  margin-bottom: 10px;
}
#imageEditOverlay .subsection > div #imageControls .focalpointLabel.info span:first-child:after {
  bottom: 16px;
}
#imageEditOverlay .subsection > div #imageControls .focalpointLabel.info span:last-child {
  bottom: 30px;
}
#imageEditOverlay .subsection > div #imageControls .focalPoint {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  border: solid 1px var(--greyLight);
}
#imageEditOverlay .subsection > div #imageControls .focalPoint label {
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  height: 33px;
  box-sizing: border-box;
  border-bottom: solid 1px var(--greyLight);
  border-right: solid 1px var(--greyLight);
  transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#imageEditOverlay .subsection > div #imageControls .focalPoint label.third {
  border-right: none;
}
#imageEditOverlay .subsection > div #imageControls .focalPoint label.bottom {
  border-bottom: none;
}
#imageEditOverlay .subsection > div #imageControls .focalPoint label:hover, #imageEditOverlay .subsection > div #imageControls .focalPoint label:active {
  background-color: var(--grey);
}
#imageEditOverlay .subsection > div #imageControls .focalPoint input:checked + label {
  background-color: black;
}
#imageEditOverlay .subsection > div #imageControls .radioSelect {
  margin-bottom: 20px;
}
#imageEditOverlay .subsection > div #imageControls .adjustSlider {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: solid 1px var(--greyLight);
}
#imageEditOverlay .subsection > div #imageControls .adjustSlider h6 {
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  font-family: var(--sansFS);
  line-height: 1.9em;
  font-weight: 500;
  margin-bottom: 0;
}
#imageEditOverlay .subsection > div #imageControls .adjustSlider .slider {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
  width: 50%;
}
#imageEditOverlay .subsection > div #imageControls .adjustSlider .slider input {
  height: 20px;
  font: 500 10px/15px var(--sansFS);
  padding: 0;
  border-bottom: none;
  text-align: center;
  pointer-events: none;
}
#imageEditOverlay .subsection > div #imageControls .adjustSlider .slider span {
  display: inline-block;
  vertical-align: bottom;
  padding: 4px;
  opacity: 0.5;
  cursor: pointer;
  transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#imageEditOverlay .subsection > div #imageControls .adjustSlider .slider span:after {
  width: 14px;
  height: 14px;
  display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
  line-height: 1;
  font-size: 14px;
}
#imageEditOverlay .subsection > div #imageControls .adjustSlider .slider span.subtract {
  margin-right: 10px;
}
#imageEditOverlay .subsection > div #imageControls .adjustSlider .slider span.subtract:after {
  content: var(--bi-dash-lg);
}
#imageEditOverlay .subsection > div #imageControls .adjustSlider .slider span.add {
  margin-left: 10px;
}
#imageEditOverlay .subsection > div #imageControls .adjustSlider .slider span.add:after {
  content: var(--bi-plus-lg);
}
#imageEditOverlay .subsection > div #imageControls .adjustSlider .slider span:hover, #imageEditOverlay .subsection > div #imageControls .adjustSlider .slider span:active {
  opacity: 1;
}
#imageEditOverlay .subsection > div #imageControls .buttonNew {
  margin: 20px 0 0;
  width: 100%;
  max-width: none;
}

#mapOverlay .subsection {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  padding-top: var(--paddingHigh) !important;
}
#mapOverlay .subsection > div {
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
#mapOverlay .subsection > div.image {
  width: calc(100% - 240px);
}
#mapOverlay .subsection > div.controls {
  width: 200px;
  min-width: 200px;
  padding-left: 40px;
}
#mapOverlay .subsection > div #mapBox {
  max-width: 620px;
  margin: 0 auto;
  text-align: center;
}
#mapOverlay .subsection > div #mapBox .imgCrop {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  max-height: 540px;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid var(--greyLight);
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}
#mapOverlay .subsection > div #mapBox .imgCrop img {
  width: 30px;
  margin: 0 auto;
}
#mapOverlay .subsection > div #mapControls {
  width: 100%;
}
#mapOverlay .subsection > div #mapControls input {
  padding: 0;
}
#mapOverlay .subsection > div #mapControls .mapOptions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0;
}
#mapOverlay .subsection > div #mapControls .mapOptions label {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  box-sizing: border-box;
  padding: 1px;
  opacity: 0.5;
  cursor: pointer;
  transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  background-repeat: no-repeat;
  background-position: center;
}
#mapOverlay .subsection > div #mapControls .mapOptions label.icon_marker {
  padding: 2px;
  background-image: url(/_images/account/map_marker_default_grey.svg);
  background-size: 18px 18px;
}
#mapOverlay .subsection > div #mapControls .mapOptions label.icon_star {
  background-image: url(/_images/account/map_marker_star_grey.svg);
  background-size: 20px 20px;
}
#mapOverlay .subsection > div #mapControls .mapOptions label.icon_heart {
  padding: 3px;
  background-image: url(/_images/account/map_marker_heart_grey.svg);
  background-size: 20px 20px;
}
#mapOverlay .subsection > div #mapControls .mapOptions label.detail {
  padding: 2px;
}
#mapOverlay .subsection > div #mapControls .mapOptions label.detail:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--grey);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 11px, black 11px, black 12px, rgba(255, 255, 255, 0) 12px, rgba(255, 255, 255, 0) 100%);
  background-repeat: no-repeat;
}
#mapOverlay .subsection > div #mapControls .mapOptions label.detail.med:after {
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 6px, black 6px, black 7px, rgba(255, 255, 255, 0) 7px, rgba(255, 255, 255, 0) 11px, black 11px, black 12px, rgba(255, 255, 255, 0) 12px, rgba(255, 255, 255, 0) 15px, black 15px, black 16px, rgba(255, 255, 255, 0) 16px, rgba(255, 255, 255, 0) 100%);
}
#mapOverlay .subsection > div #mapControls .mapOptions label.detail.high:after {
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 5px, black 5px, black 6px, rgba(255, 255, 255, 0) 6px, rgba(255, 255, 255, 0) 8px, black 8px, black 9px, rgba(255, 255, 255, 0) 9px, rgba(255, 255, 255, 0) 11px, black 11px, black 12px, rgba(255, 255, 255, 0) 12px, rgba(255, 255, 255, 0) 14px, black 14px, black 15px, rgba(255, 255, 255, 0) 15px, rgba(255, 255, 255, 0) 17px, black 17px, black 18px, rgba(255, 255, 255, 0) 18px, rgba(255, 255, 255, 0) 100%);
}
#mapOverlay .subsection > div #mapControls .mapOptions label.colorBar {
  width: calc(33.33% - 4px);
  height: 12px;
  box-sizing: border-box;
  position: relative;
  opacity: 1;
}
#mapOverlay .subsection > div #mapControls .mapOptions label.colorBar:after {
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: -6px;
  background-image: none;
  border-bottom: 3px solid transparent;
}
#mapOverlay .subsection > div #mapControls .mapOptions label.colorBar.light {
  background-color: white;
  border: 1px solid var(--grey);
}
#mapOverlay .subsection > div #mapControls .mapOptions label.colorBar.grey {
  background-color: var(--grey);
}
#mapOverlay .subsection > div #mapControls .mapOptions label.colorBar.dark {
  background-color: black;
}
#mapOverlay .subsection > div #mapControls .mapOptions label:hover, #mapOverlay .subsection > div #mapControls .mapOptions label:active {
  opacity: 1;
}
#mapOverlay .subsection > div #mapControls .mapOptions label:hover:after, #mapOverlay .subsection > div #mapControls .mapOptions label:active:after {
  border-color: black;
}
#mapOverlay .subsection > div #mapControls .mapOptions label.disable {
  pointer-events: none;
  opacity: 0.35;
}
#mapOverlay .subsection > div #mapControls .mapOptions input[type=radio]:checked + label {
  opacity: 1;
}
#mapOverlay .subsection > div #mapControls .mapOptions input[type=radio]:checked + label:after {
  border-color: black;
}
#mapOverlay .subsection > div #mapControls .buttonNew {
  margin: 20px 0 0;
  width: 100%;
  max-width: none;
}

#loadingAccount {
  height: 30px;
  margin: -30px 0 0;
  position: relative;
  top: -1px;
  background: rgba(255, 255, 255, 0.8) url(/_images/loader_wht.gif?20250818) no-repeat center;
}

footer #footer_bar {
  padding-bottom: 72px;
}

#upgradeToPremiumNotice .subsection {
  padding: 0 !important;
}

/********* breakpoints *********/
/*
@media (min-width: 1706px) {
	.section {
		main {
			.subsection {
				#gallery {
					> .dropImage {
						&.gallery-thumbnails {
							.galleryImg {
								width: 446px;
								margin: 0 40px 40px 0;
								&:nth-child(3n+0) {
									margin-right: 0;
								}
							}
						}
					}
				}
			}
		}
	}
}

@media (min-width: 2188px) {
	.section {
		main {
			.subsection {
				#gallery {
					> .dropImage {
						&.gallery-thumbnails {
							.galleryImg {
								&:nth-child(3n+0) {
									margin-right: 40px;
								}
								&:nth-child(4n+0) {
									margin-right: 0;
								}
							}
						}
					}
				}
			}
		}
	}
}

@media (max-width: 1218px) {
	.section {
		main {
			.subsection {
				#gallery {
					> .dropImage {
						&.gallery-thumbnails {
							.galleryImg {
								width: 47.85%;
								margin: 0 4.3% 3.3vw 0;
								&:nth-child(3n+0) {
									margin-right: 4.3%;
								}
								&:nth-child(2n+0) {
									margin-right: 0;
								}
							}
						}
					}
				}
			}
		}
	}
}
*/
@media (min-width: 1300px) {
  .imageGallery#logoPicker .subsection .galleryCont .thumbBG, .imageGallery#mylogoPicker .subsection .galleryCont .thumbBG {
    width: calc(25% - 10px);
  }
  .imageGallery#iconPicker .subsection .galleryCont .thumbBG {
    width: calc(7.692% - 10px);
  }
}
@media (min-width: 1700px) {
  .imageGallery#logoPicker .subsection .galleryCont .thumbBG, .imageGallery#mylogoPicker .subsection .galleryCont .thumbBG {
    width: calc(20% - 10px);
  }
  .imageGallery#iconPicker .subsection .galleryCont .thumbBG {
    width: calc(6.666% - 10px);
  }
}
@media (min-width: 2122px) {
  .imageGallery#logoPicker .subsection .galleryCont .thumbBG, .imageGallery#mylogoPicker .subsection .galleryCont .thumbBG {
    width: calc(16.66% - 10px);
  }
  .imageGallery#iconPicker .subsection .galleryCont .thumbBG {
    width: calc(5.882% - 10px);
  }
}
@media (min-width: 2530px) {
  .imageGallery#logoPicker .subsection .galleryCont .thumbBG, .imageGallery#mylogoPicker .subsection .galleryCont .thumbBG {
    width: calc(14.28% - 10px);
  }
  .imageGallery#iconPicker .subsection .galleryCont .thumbBG {
    width: calc(5.263% - 10px);
  }
}
@media (min-width: 2940px) {
  .imageGallery#logoPicker .subsection .galleryCont .thumbBG, .imageGallery#mylogoPicker .subsection .galleryCont .thumbBG {
    width: calc(12.5% - 10px);
  }
  .imageGallery#iconPicker .subsection .galleryCont .thumbBG {
    width: calc(4.76% - 10px);
  }
}
@media (min-width: 3350px) {
  .imageGallery#logoPicker .subsection .galleryCont .thumbBG, .imageGallery#mylogoPicker .subsection .galleryCont .thumbBG {
    width: calc(11.1% - 10px);
  }
  .imageGallery#iconPicker .subsection .galleryCont .thumbBG {
    width: calc(4.347% - 10px);
  }
}
@media (min-width: 3760px) {
  .imageGallery#logoPicker .subsection .galleryCont .thumbBG, .imageGallery#mylogoPicker .subsection .galleryCont .thumbBG {
    width: calc(10% - 10px);
  }
  .imageGallery#iconPicker .subsection .galleryCont .thumbBG {
    width: calc(4% - 10px);
  }
}
@media (max-width: 1350px) {
  .section .thumbBoxes .flex > * {
    width: calc(50% - (var(--padding) * 2 - 10px) / 2) !important;
  }
}
@media (max-width: 1226px) {
  header #mm {
    opacity: 0;
    pointer-events: none;
  }
  .section .flex.inputs > div:not(.fifty):not(.sixtyForty):not(.flexible):not(.sideBySide) > div .radioButtons:has(.collColors):has(.inputSelect) {
    display: block !important;
  }
  .section .flex.inputs > div:not(.fifty):not(.sixtyForty):not(.flexible):not(.sideBySide) > div .radioButtons:has(.collColors):has(.inputSelect) > * {
    width: 100% !important;
    margin: 0 !important;
  }
  .section .flex.inputs > div:not(.fifty):not(.sixtyForty):not(.flexible):not(.sideBySide) > div .radioButtons:has(.collColors):has(.inputSelect) > *:first-child {
    margin-bottom: 10px !important;
  }
  .section .flex.inputs > div:not(.fifty):not(.sixtyForty):not(.flexible):not(.sideBySide) > div .radioButtons:has(.collColors):has(.inputSelect) > * .inputSelect {
    width: 100%;
  }
  .section .flex.inputs > div:not(.fifty):not(.sixtyForty):not(.flexible):not(.sideBySide) > div .radioButtons:has(.collColors):has(.inputSelect) > * .inputSelect .inputArea {
    flex: 1;
  }
}
@media (max-width: 1100px) {
  .section main .subsection:not(.topSection) .radioButtons:not(.noWrap1100) {
    flex-wrap: wrap;
  }
  .section .flex.inputs.sixtyForty > div:first-child {
    width: calc(50% - 10px);
  }
  .section .flex.inputs.sixtyForty > div:last-child {
    width: calc(50% - 10px);
  }
  .section .flex.inputs.sixtyForty.iconControls {
    display: block;
  }
  .section .flex.inputs.sixtyForty.iconControls > div {
    width: 100% !important;
    margin-bottom: 20px;
  }
  .section .flex.inputs.sixtyForty.iconControls > div.sectionInner + .radioButtons {
    max-width: 675px;
  }
  .section .subsection .plusMinusToggle:has(input[value="1"]:checked) + h5 + .iconControls {
    height: 170px !important;
  }
  .section .subsection .headerSize .size span.reduce {
    width: 24px;
  }
  .section .subsection .headerSize .size span.zero {
    width: 40px;
  }
  .section .subsection .headerSize .size span.increase {
    width: 24px;
  }
  .imageGallery#iconPicker .subsection .galleryCont .thumbBG {
    width: calc(10% - 10px);
  }
}
@media (min-width: 1081px) {
  body.accountCurrent header .bottomHeader > div:first-child {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
  }
  body.accountCurrent header .bottomHeader #logo, body.accountCurrent header .bottomHeader #navLinks {
    flex-shrink: 0;
  }
  body.accountCurrent header .bottomHeader #navLinks {
    white-space: nowrap;
  }
  body.accountCurrent header .bottomHeader .accountBreadcrumb {
    display: flex;
    align-items: center;
    min-width: 0;
  }
  body.accountCurrent header .bottomHeader .accountBreadcrumb span {
    flex-shrink: 0;
  }
  body.accountCurrent header .bottomHeader .accountBreadcrumb span.active {
    flex-shrink: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 1080px) {
  header .accountBreadcrumb, header #navLinks {
    display: none !important;
  }
  header #mm {
    opacity: 1;
    pointer-events: auto;
  }
}
@media (max-width: 1024px) {
  /* .publish {
  	> h6 {
  		&.leftLink {
  			width: 86px;
  			top: 17px;
  		}
  	}
  } */
  .imageGallery#iconPicker .subsection .galleryCont .thumbBG {
    width: calc(11.111% - 10px);
  }
}
@media (max-width: 968px) {
  .section main .subsection {
    /*
    .dropImage {
    					&.gallery-collage {
    						.galleryImg {
    							width: 49%;
    							margin-right: 0.6vw;
    							margin-bottom: 0.6vw;
    						}
    					}
    				}
    */
  }
  .section main .subsection.topSection .radioButtons {
    flex-wrap: wrap;
  }
  .section main .subsection.topSection .radioButtons .mini2nd {
    padding-right: calc(100% - 196px);
  }
  .imageGallery#iconPicker .subsection .galleryCont .thumbBG {
    width: calc(12.5% - 10px);
  }
}
/* Preserve the upper menu's section divider after adding its wrapper. */
.section nav .websiteNavScroll > ul {
  margin-bottom: 0;
}

.section nav .websiteNavScroll > ul > li > ul.navSection {
  padding-bottom: 12px;
  position: relative;
  margin-bottom: 12px;
}

.section nav .websiteNavScroll .navSection.secBottom:after {
  content: "";
  display: block;
  width: calc(100% + 40px);
  height: 1px;
  background-color: var(--greigeLight);
  position: absolute;
  left: -40px;
  bottom: 0;
}

@media (min-width: 901px) {
  .section:not(.overlayEdit):has(> nav) {
    --accountNavWidth: 217px;
  }
  .section:not(.overlayEdit):has(> nav) > nav {
    flex: 0 0 var(--accountNavWidth);
    width: var(--accountNavWidth);
    box-sizing: border-box;
  }
  .section:not(.overlayEdit):has(> nav) > nav > ul {
    width: calc(var(--accountNavWidth) - 1px);
  }
  .section:not(.overlayEdit):has(> nav) > nav li.fixToBottom {
    width: calc(var(--accountNavWidth) - 41px);
  }
  .section:not(.overlayEdit):has(> nav) > nav li.fixToBottom.lineTop > h4:hover::before {
    left: -40px;
    width: calc(100% + 40px);
  }
  .section:not(.overlayEdit):has(> nav) > main {
    flex: 1 1 0%;
    min-width: 0;
  }
  .section nav > ul.websiteNav {
    overflow: visible;
  }
  .section nav > ul.websiteNav > li.websiteNavScroll {
    height: 100%;
    overflow-y: auto;
    margin-left: -40px;
    padding-left: 40px;
    box-sizing: border-box;
  }
}
@media (min-width: 900px) {
  .section nav > ul {
    display: block !important;
  }
}
@media (max-width: 900px) {
  .section:not(.overlayEdit) {
    display: block;
  }
  .section:not(.overlayEdit) nav {
    width: auto;
    display: block;
    border-right: none;
    padding: 0 0 0 20px;
    margin-right: 0;
    position: relative;
  }
  .section:not(.overlayEdit) nav li h4, .section:not(.overlayEdit) nav li h5 {
    margin: 0 20px;
  }
  .section:not(.overlayEdit) nav li h4 a .bi:first-child {
    left: -4px;
  }
  .section:not(.overlayEdit) nav li.fixToBottom {
    width: auto;
    position: static;
  }
  .section:not(.overlayEdit) nav #mmNav {
    display: block;
    pointer-events: auto;
  }
  .section:not(.overlayEdit) nav #mmNav span {
    display: inline-block;
  }
  .section:not(.overlayEdit) nav > ul {
    display: none;
    width: auto;
    height: auto;
    padding: 0 0 36px 0;
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    border-top: solid 1px var(--greigeLight);
    box-sizing: border-box;
    z-index: 10000;
    overflow-y: hidden;
  }
  .section:not(.overlayEdit) nav > ul > li {
    overflow: hidden;
    background-color: white;
  }
  .section:not(.overlayEdit) nav > ul > li:last-child {
    box-shadow: rgba(0, 0, 0, 0.12) 0 10px 15px;
  }
  .section:not(.overlayEdit) nav > ul > li > ul.navSection.secBottom {
    padding-top: 12px;
  }
  .section:not(.overlayEdit) nav > ul a {
    padding: 0 20px;
  }
  .section:not(.overlayEdit) main {
    width: auto;
    display: block;
  }
  .section:not(.overlayEdit) main .flex {
    padding-left: 20px;
    padding-right: 20px;
  }
  .section:not(.overlayEdit) main #addPageEdit h4 {
    padding: 0.58em 20px;
  }
  .section:not(.overlayEdit) main #addPageEdit h4:after {
    content: "";
    display: block;
    width: calc(100% - 40px);
  }
  /* .imageGallery {
  	.subsection {
  		.filters {
  			left: 20px;
  			right: 20px;
  			margin-bottom: 202px;
  			> ul {
  				margin: 0 -20px;
  				padding: 0 20px;
  				> li {
  					margin: 0 -20px;
  					padding: 0 20px;
  				}
  				> div {
  					padding: 16px 20px;
  					margin: 0 -20px;
  				}
  			}
  		}
  	}
  } */
  /* #colorPicker {
  	.pickr {
  		right: 20px;
  	}
  } */
  #addPermissions .subsection .permissions {
    padding-top: 20px;
  }
  .imageGallery#iconPicker .subsection .galleryCont .thumbBG {
    width: calc(14.285% - 10px);
  }
  .pageSectionOverlay .content .example {
    margin: 20px 0 0;
  }
  .pageSectionOverlay .content .example > div {
    width: calc(50% - 26px);
    margin: 0 13px 30px;
  }
  .publish {
    flex-wrap: wrap;
    padding: 0;
    /* > h6 {
    	padding: 0;
    }
    h6.leftLink:not(.rsvpLink), h6.rightLink:not(.rsvpLink) {
    	display: none;
    } */
  }
  .publish > div {
    width: 100%;
  }
  .publish > div:last-child {
    display: flex;
    flex-direction: row;
  }
  .publish .toggleCont {
    text-align: center;
  }
  .publish .radioButtons {
    order: 0;
    width: 100%;
    margin-left: 0;
    justify-content: center;
  }
  .publish .radioButtons .miniButton {
    margin-top: 4px;
    margin-bottom: 8px !important;
    border-bottom: none;
  }
  .publish .buttonNew {
    width: 50%;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    border-radius: 0 !important;
    margin-left: 0;
    padding: 0;
  }
  .publish#addColorButtons #hexColor {
    line-height: 29px;
    height: 29px;
    text-align: center;
    border-bottom: none;
  }
  .publish#addBackgroundButtons .largeButton, .publish#addPageButtons .largeButton, .publish.alpha .largeButton {
    margin-top: -4px;
  }
  .publish .mobile {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .section main .subsection h1.mono {
    padding: 20px 60px 20px 20px;
  }
  .section main .subsection h1.mono .menu {
    top: 20px;
    right: 20px;
  }
  .section main .subsection h1.mono.left {
    padding-left: 20px;
    padding-right: 60px;
  }
  .section main .subsection h1.mono.center {
    padding-left: 60px;
    padding-right: 60px;
  }
  .section main .subsection h1.mono.right {
    padding-left: 60px;
    padding-right: 20px;
  }
  .section main .subsection h1.mono.right:not(.cover) .menu {
    right: auto;
    left: 20px;
  }
  .section main .subsection.topSection .toggleCont {
    min-height: 28px;
    margin-right: 0;
    position: static;
    width: 100%;
    text-align: left;
    margin-bottom: 14px;
  }
  #imageEditOverlay .subsection, #mapOverlay .subsection {
    display: block;
  }
  #imageEditOverlay .subsection > div, #mapOverlay .subsection > div {
    display: block;
  }
  #imageEditOverlay .subsection > div.image, #mapOverlay .subsection > div.image {
    width: auto;
  }
  #imageEditOverlay .subsection > div #imageBox .imgCrop[data-shape-type=arch], #mapOverlay .subsection > div #imageBox .imgCrop[data-shape-type=arch] {
    border-top-left-radius: 50% min(40.5vw, var(--archMax));
    border-top-right-radius: 50% min(40.5vw, var(--archMax));
  }
  #imageEditOverlay .subsection > div #imageBox .imgCrop[data-shape-type=pill], #mapOverlay .subsection > div #imageBox .imgCrop[data-shape-type=pill] {
    border-top-left-radius: 50% min(40.5vw, var(--archMax));
    border-top-right-radius: 50% min(40.5vw, var(--archMax));
    border-bottom-left-radius: 50% min(40.5vw, var(--archMax));
    border-bottom-right-radius: 50% min(40.5vw, var(--archMax));
  }
  #imageEditOverlay .subsection > div.controls, #mapOverlay .subsection > div.controls {
    width: auto;
    min-width: 0;
    padding-left: 0;
    padding-top: 20px;
  }
  .imageGallery > .subsection {
    padding: 10px 10px 100px !important;
  }
  .imageGallery > .subsection .galleryCont .thumbBG .nameOverlay {
    padding: 14px 16px;
  }
  .imageGallery#logoPicker .subsection .galleryCont .thumbBG, .imageGallery#mylogoPicker .subsection .galleryCont .thumbBG {
    width: calc(50% - 10px);
  }
  .imageGallery#iconPicker .subsection .galleryCont .thumbBG {
    width: calc(16.666% - 10px);
  }
  .imageGallery#iconPicker .subsection .galleryCont .thumbBG .logoCont .svg img {
    max-height: clamp(65px, 4.3vw, 70px);
  }
}
@media (max-width: 720px) {
  .section .subsection .sectionInner.countdownDateControls {
    width: 100%;
  }
  .section .sectionInner .plusMinusToggle:has(input[value="1"]:checked) + h5 + .iconControls {
    height: 290px !important;
  }
  .section .sectionInner.radioSelectPair:not(.valignAndAlign) {
    display: block !important;
  }
  .section .sectionInner.radioSelectPair:not(.valignAndAlign) > * {
    display: block !important;
    width: auto !important;
  }
  .section .sectionInner.radioSelectPair:not(.valignAndAlign) .fieldText:not(.keepFlex), .section .sectionInner.radioSelectPair:not(.valignAndAlign) .selectField {
    display: block;
    width: 100% !important;
    max-width: none;
  }
  .section .sectionInner.radioSelectPair:not(.valignAndAlign) > div:not(.fieldText):not(.selectField):not(:last-child) {
    margin-bottom: 20px;
  }
  .section .sectionInner.radioSelectPair:not(.valignAndAlign) > .fieldText:nth-last-child(2), .section .sectionInner.radioSelectPair:not(.valignAndAlign) > .selectField:nth-last-child(2) {
    margin-bottom: 20px;
  }
  .section .sectionInner.radioSelectPair:not(.valignAndAlign) > .fieldText:nth-last-child(3), .section .sectionInner.radioSelectPair:not(.valignAndAlign) > .selectField:nth-last-child(3) {
    margin-bottom: 20px;
  }
  .section .sectionInner .iconControls .radioButtons {
    display: block !important;
  }
  .section .sectionInner .iconControls .radioButtons > div {
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .section:not(.overlayEdit) .flex.inputs {
    display: block;
  }
  .section:not(.overlayEdit) .flex.inputs > div:not(.keepFlex) {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    margin-bottom: 20px !important;
  }
  .section:not(.overlayEdit) .flex.inputs > div:not(.keepFlex) textarea {
    margin-bottom: 5px;
  }
  .section:not(.overlayEdit) .flex.inputs > div:not(.keepFlex) .buttonNew.desk {
    display: none;
  }
  .section:not(.overlayEdit) .flex.inputs > div:not(.keepFlex) .buttonNew.mobile {
    display: block;
  }
  .section:not(.overlayEdit) .flex.inputs > div:not(.keepFlex).radioButtons > div {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .section:not(.overlayEdit) .flex.inputs > div:not(.keepFlex).radioButtons > div .inputSelect {
    width: 100%;
  }
  .section:not(.overlayEdit) .flex.inputs > div:not(.keepFlex).radioButtons > div .inputSelect .inputArea {
    width: calc(100% - 38px);
  }
  .section:not(.overlayEdit) .flex.inputs > div:not(.keepFlex) > .radioButtons > div {
    margin-bottom: 20px;
  }
  .section:not(.overlayEdit) .flex.inputs > div:not(.keepFlex) > .radioButtons > div:last-child {
    margin-bottom: 0;
  }
  .section:not(.overlayEdit) .flex.inputs > div.radioButtons {
    width: 100% !important;
  }
  .section:not(.overlayEdit) .flex.inputs > div.radioButtons > div:not(:last-child), .section:not(.overlayEdit) .flex.inputs > div.radioButtons > div:not(:has(+ div:empty)) {
    margin-bottom: 20px !important;
  }
  .section:not(.overlayEdit) .flex.inputs > div.radioButtons > div:empty {
    display: none;
  }
  .section:not(.overlayEdit) .flex.inputs .flexTopBot {
    display: block;
    margin-bottom: 0;
  }
  .section main .subsection .radioButtons .radio + label {
    width: 50%;
    min-width: 0;
    box-sizing: border-box;
    margin-right: 0 !important;
  }
  .section main .subsection .radioButtons .buttonName {
    width: 100%;
    margin-bottom: 20px;
  }
  .section main .subsection .radioButtons .buttonRowLink {
    width: 100%;
    margin-left: 0;
  }
  .section main .subsection .radioButtons .half {
    width: 100%;
    margin: 0 0 20px !important;
  }
  .section main .subsection .radioButtons .collColors {
    max-width: none;
  }
  .section main .subsection .radioButtons + .collColors {
    max-width: 100%;
  }
  .section main .subsection .sectionInner .radioButtons.center {
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
  }
  .section main .subsection .sectionInner .flex, .section main .subsection .sectionInner.flex {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
  .section main .subsection.pageEdit .buttonControls {
    display: block;
  }
  .section main .subsection.pageEdit .buttonControls .radioButtons {
    width: auto;
  }
  .section main .subsection.pageEdit .buttonControls .buttonURL {
    width: auto;
    margin-bottom: 20px;
  }
  .section main .subsection.pageEdit .pageSubsection .radioButtons input {
    margin-bottom: 30px;
  }
  .section main .subsection.pageEdit .pageSubsection .radioButtons > div:last-child input {
    margin-bottom: 10px;
  }
  .section main .subsection#textPreview, .section main .subsection#monogram, .section main .subsection#monogram h1.mono {
    display: none;
  }
  .section main .subsection#borders {
    padding-top: 0;
  }
  .section main .subsection#fonts {
    padding-top: calc(var(--padding) * 1.12);
  }
  /* #colorPicker {
  	.pickr {
  		right: auto;
  		left: 50%;
  		margin-left: -140px;
  	}
  } */
}
@media (max-width: 668px) {
  .section .thumbBoxes .flex > * {
    width: 100% !important;
  }
  .imageGallery#iconPicker .subsection .galleryCont .thumbBG {
    width: calc(20% - 10px);
  }
}
/* @media (min-width: 640px) {
	.imageGallery {
		.subsection {
			.filters {
				> ul {
					> li {
						ul {
							display: block !important;
						}
					}
				}
			}
		}
	}
} */
@media (max-width: 640px) {
  .section .subsection .buttonRow {
    display: block;
  }
  .section .subsection .buttonRow > * {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto 10px !important;
  }
  .section .subsection .buttonRow > *.selectBox.align {
    display: flex !important;
  }
  /* .imageGallery {
  	.subsection {
  		.filters {
  			&.active {
  				//box-shadow: none;
  			}
  			> h5 {
  				background-position: right 10px;
  			}
  			> ul {
  				border-top: 2px solid var(--greyLighter2);
  				> li {
  					width: auto;
  					float: none;
  					border-bottom: 2px solid var(--greyLighter2);
  					> h5 {
  						cursor: pointer;
  						position: relative;
  						&:before {
  							content: "";
  							width: 13px;
  							height: 3px;
  							margin-top: -2.5px;
  							position: absolute;
  							right: 0;
  							top: 50%;
  							background-color: black;
  							transition: all 0.4s $ease-in-out-quad;
  						}
  						&:after {
  							content: "";
  							width: 3px;
  							height: 13px;
  							margin-top: -7.5px;
  							position: absolute;
  							right: 5px;
  							top: 50%;
  							background-color: black;
  							transition: all 0.4s $ease-in-out-quad;
  						}
  						&:hover, &:active {
  							color: var(--grey);
  							&:before, &:after {
  								background-color: var(--grey);
  							}
  						}
  						&.select {
  							&:after {
  								height: 0;
  								margin-top: 0;
  							}
  						}
  					}
  					ul {
  						display: none;
  						li {
  							&:first-child {
  								padding-top: 5px;
  								border-top: 1px solid var(--greyLighter2);
  							}
  							&:last-child {
  								padding-bottom: 5px;
  							}
  						}
  					}
  					&:last-of-type {
  						border-bottom-color: black;
  					}
  				}
  			}
  		}
  	}
  } */
  .accountPopup {
    width: 400px;
    margin-left: -200px;
  }
  .accountPopup .subsection h3 + .buttonNew {
    margin-bottom: 10px;
  }
  .accountPopup .subsection h3 + .buttonNew + .buttonNew {
    margin-top: 0;
  }
  .accountPopup .subsection p + br {
    display: none;
  }
}
@media (max-width: 600px) {
  .section main .subsection .box.layoutThumb {
    width: 45%;
    height: auto;
    padding: 0 1% 12px;
  }
  .section main .subsection {
    /*
    &#url {
    					.radio {
    						&:checked {
    							+ label + .radio + label + .siteInfoOption {
    								height: 310px;
    							}
    						}
    					}
    				}
    */
  }
  .imageGallery#iconPicker .subsection .galleryCont .thumbBG {
    width: calc(25% - 10px);
  }
}
@media (max-width: 488px) {
  .accountPopup {
    width: 280px;
    margin-left: -140px;
  }
  .accountPopup .subsection input, .accountPopup .subsection .dropLabel {
    margin: 0 auto 10px !important;
  }
  .accountPopup .subsection .third {
    display: block;
  }
  .accountPopup .subsection .third > div {
    display: block;
    width: auto;
  }
  .accountPopup .subsection br {
    display: none;
  }
  .imageGallery#iconPicker .subsection .galleryCont .thumbBG {
    width: calc(33.333% - 10px);
  }
}
@media (max-width: 480px) {
  .section .subsection .sectionInner.subPlanSection {
    display: block;
  }
  .section .subsection .sectionInner.subPlanSection .planCard {
    width: min(100%, 300px);
    margin-bottom: var(--padding);
  }
}
@media (min-width: 1081px) {
  body > .section:not(.overlayEdit) {
    zoom: 0.9;
    top: calc(var(--headerHeight) / 0.9);
    min-height: calc((100vh - var(--headerHeight)) / 0.9);
  }
  body > .section:not(.overlayEdit) #textPreview, body > .section:not(.overlayEdit) #monogram {
    zoom: 1.1111111111;
  }
  body > .section:not(.overlayEdit) > main#myContacts {
    height: calc((100vh - var(--headerHeight)) / 0.9);
  }
  body > .section:not(.overlayEdit) > nav > ul {
    height: calc((100vh - var(--headerHeight)) / 0.9 - var(--bottomBarPad) - var(--sideNavBottomPad));
  }
  body > .section:not(.overlayEdit) > nav > ul:has(.fixToBottom :is(a, button.accDown).open) {
    height: calc((100vh - var(--headerHeight)) / 0.9 - var(--bottomBarPad) - var(--sideNavBottomPad) - var(--bottomPadExtra));
  }
  body > .section:not(.overlayEdit) .imageGallery {
    min-height: max(100%, 111.1111111111vh);
  }
  body > .section:not(.overlayEdit) .imageGallery .orCustomize.tabArea {
    top: calc(var(--headerHeight) / 0.9);
    left: 0;
    width: 100%;
  }
  body > .section:not(.overlayEdit) .imageGallery:has(.tabArea) .close {
    top: calc(var(--headerHeight) / 0.9 + 24px);
  }
}
body.accountCurrent #website nav button.accDown {
  width: 100%;
  font: inherit;
  letter-spacing: inherit;
  text-align: inherit;
  background: transparent;
  border: 0;
  padding: 0;
}
body.accountCurrent button.close {
  background: transparent;
  border: 0;
  padding: 0;
}
body.accountCurrent :where(a, button, input, select:not(.selectDrop), textarea, [tabindex]):focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 2px;
}
body.accountCurrent .buttonNew:focus-visible {
  outline: none;
  background-color: var(--greyLightest) !important;
  color: black !important;
}

body.accountCurrent button.accountTextAction {
  font: inherit;
  letter-spacing: inherit;
  color: inherit;
  background: transparent;
  padding: 0;
  text-align: inherit;
}

body.accountCurrent .imageGallery :is([role=tab], [role=button]):focus-visible {
  outline: none;
}
body.accountCurrent .imageGallery :is([role=tab], [role=button]):focus-visible:after {
  content: "";
  display: block;
  border: 1px solid black;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -2px;
}
body.accountCurrent .imageGallery [role=button]:focus-visible:after {
  bottom: 0;
}
body.accountCurrent #addBackgroundButtons [role=button]:focus-visible {
  outline: 1px solid black;
  outline-offset: 2px;
}
body.accountCurrent .libraryImageError {
  margin: 10px 0;
  font-size: 14px;
}