@charset "UTF-8";
/* 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;
}

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(--greigeLight);
}

.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-bottom: 0 !important;
  text-align: center;
}
.section:not(.overlayEdit) .subsection:last-child, .section:not(.overlayEdit) .subsection.last {
  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: uppercase;
  margin-bottom: 0;
}
.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 + .buttonURL {
  padding-top: 0 !important;
}
.section .radioButtons.noTopSpace {
  margin-top: 0;
}
.section .radioButtons .buttonNew + .radio + .buttonNew {
  border-left: none;
}
.section .radioButtons .pageName {
  height: 42px;
  margin-bottom: 10px;
  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 .buttonRowLink .radioSelect, .section .radioButtons .buttonRowLink .collColors, .section .radioButtons .buttonRowLink .sizeSelect {
  max-width: none;
}
.section .radioButtons .half {
  width: calc(50% - 14px);
}
.section .radioButtons .half:first-child {
  margin-right: 14px;
}
.section .radioButtons .half:last-child {
  margin-left: 14px;
}
.section .radioButtons .max440 {
  max-width: 440px;
}
.section .radioButtons .collColors {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.section .radioButtons + .collColors {
  max-width: 360px;
  margin-top: 4px;
}
.section .radioButtons.disable {
  opacity: 0.25;
  pointer-events: none;
}
.section .radioButtons.disable .boxSelect {
  background-color: white !important;
}
.section .radioButtons.disable .boxSelect > div {
  position: relative;
}
.section .radioButtons.disable .boxSelect > div:after {
  content: "";
  display: block;
  border: solid 1px var(--greyDarker);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.section .miniButton {
  margin: 0;
}
.section .miniButton:before {
  display: none;
}
.section .imageBoxTitle {
  width: 50%;
  min-width: 136px;
  position: relative;
  z-index: 10;
}
.section .imageBoxTitle + .imageEdits {
  max-width: 414px;
  margin-top: -26px;
}
.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 {
  box-shadow: none;
  border-bottom-color: black;
}
.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;
  /*
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: flex-start;
  */
  /* &#borders {
  	> div {
  		.collColors {
  			margin-bottom: 0;
  		}
  	}
  } */
}
.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.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 > div {
  display: inline-block;
  vertical-align: top;
  width: calc(33.33% - 18px);
  margin: 0 14px;
}
.section .flex.inputs > div:first-of-type {
  margin-left: 0;
}
.section .flex.inputs > div:nth-of-type(3n+0) {
  margin-right: 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 textarea {
  height: 97px;
}
.section .flex.inputs > div textarea[name=cws_monogram_text] {
  height: 82px;
  margin-bottom: 4px;
}
.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 .buttonNew.buyButton {
  width: 100%;
  min-width: auto;
  margin-bottom: 10px;
}
.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 > *:last-child, .section .flex.inputs > div .menuStyle > *:last-child {
  margin-bottom: 0;
}
.section .flex.inputs > div .radioButtons {
  float: left;
  position: relative;
  z-index: 10;
}
.section .flex.inputs > div .menuStyle {
  display: none;
}
.section .flex.inputs > div .menuStyle.active {
  display: block;
}
.section .flex.inputs > div #menuSelect {
  margin-bottom: 15px;
}
.section .flex.inputs .imageEdits.logo {
  pointer-events: none;
  opacity: 0.2;
  margin-top: 10px;
}
.section .flex.inputs #logoMono {
  height: 174px;
}
.section .flex.inputs #coverpageImage {
  height: 263px;
  margin-bottom: 44px;
}
.section .flex.inputs #coverpageLogo {
  height: 227px;
}
.section .flex.inputs #menuImage {
  max-width: none;
}
.section .flex.inputs + .second, .section .flex.inputs.spaceAbove {
  margin-top: var(--paddingMidDeep);
}
.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 .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 .thumbBoxes .flex {
  max-width: 1250px;
  margin: 0 auto;
  justify-content: flex-start !important;
  position: relative;
}
.section .thumbBoxes .flex > * {
  width: calc(33.33% - 16px) !important;
  max-width: 400px !important;
  min-width: 280px !important;
  box-sizing: border-box !important;
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.section .toggleRow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.section .subsection {
  /*
  &#url {
  			.radio {
  				&:checked {
  					+ label + .radio + label + .siteInfoOption {
  						height: 220px;
  					}
  				}
  			}
  		}
  		&#password {
  			.radio {
  				&:checked {
  					+ label + .radio + label + .siteInfoOption {
  						height: 545px;
  					}
  				}
  			}
  		}
  */
  /* .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 h5 {
  font-family: var(--sansFS);
}
.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-bottom-color: black;
}
.section .subsection .fieldText #loadingAccount {
  width: 30px;
  position: absolute;
  right: 0;
  margin: 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 {
  box-shadow: none;
  border-bottom-color: black;
}
.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-top: 2px;
  padding-left: var(--padding);
  padding-right: var(--padding);
  margin-bottom: 24px;
  background-color: var(--greyLightest);
  border-bottom: solid 1px var(--greyMid);
  border-top: solid 1px var(--greyMid);
  position: relative;
  top: -1px;
}
.section .subsection.topSection .radioButtons {
  margin-top: 0;
}
.section .subsection.topSection .pageName {
  height: 56px;
  background-color: transparent;
  padding-right: 0;
  margin-bottom: 14px;
}
.section .subsection.topSection .pageName.sectionTitle {
  margin-bottom: 0;
  border-bottom: 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 .pageTypeThumbs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.section .subsection .pageTypeThumbs > div {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin-right: 2px;
  margin-bottom: 20px;
}
.section .subsection .pageTypeThumbs > div .thumbnail {
  display: block;
  padding: 0;
  margin: 0 4px 6px;
  text-align: center;
  background-color: white;
}
.section .subsection .pageTypeThumbs > div .thumbnail:before {
  display: none !important;
}
.section .subsection .pageTypeThumbs > div .thumbnail > div, .section .subsection .pageTypeThumbs > div .thumbnail a {
  display: inline-block;
  vertical-align: middle;
  width: 145px;
  height: 111px;
  opacity: 0.35;
  background-repeat: no-repeat;
  position: relative;
  transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  background-position: left top;
  background-size: contain;
}
.section .subsection .pageTypeThumbs > div .thumbnail.page_cover > div, .section .subsection .pageTypeThumbs > div .thumbnail.page_cover a {
  background-image: url(/_images/account/WW_Page_Cover-Full.jpg);
}
.section .subsection .pageTypeThumbs > div .thumbnail.page_header > div, .section .subsection .pageTypeThumbs > div .thumbnail.page_header a {
  background-image: url(/_images/account/WW_Page_Cover-Frame.jpg);
}
.section .subsection .pageTypeThumbs > div .thumbnail.page_bottom > div, .section .subsection .pageTypeThumbs > div .thumbnail.page_bottom a {
  background-image: url(/_images/account/WW_Page_Cover-Bar.jpg);
}
.section .subsection .pageTypeThumbs > div .thumbnail.page_gallery > div, .section .subsection .pageTypeThumbs > div .thumbnail.page_gallery a {
  background-image: url(/_images/account/WW_Page_Gallery-Stack.jpg);
}
.section .subsection .pageTypeThumbs > div .thumbnail.page_gallery-collage > div, .section .subsection .pageTypeThumbs > div .thumbnail.page_gallery-collage a {
  background-image: url(/_images/account/WW_Page_Gallery-Collage.jpg);
}
.section .subsection .pageTypeThumbs > div .thumbnail.page_gallery-thumbnails > div, .section .subsection .pageTypeThumbs > div .thumbnail.page_gallery-thumbnails a {
  background-image: url(/_images/account/WW_Page_Gallery-Grid.jpg);
}
.section .subsection .pageTypeThumbs > div .thumbnail.page_rsvp_premium > div, .section .subsection .pageTypeThumbs > div .thumbnail.page_rsvp_premium a {
  background-image: url(/_images/account/WW_Page_RSVP.jpg);
}
.section .subsection .pageTypeThumbs > div .thumbnail.section_full > div, .section .subsection .pageTypeThumbs > div .thumbnail.section_full a {
  background-image: url(/_images/account/WW_Section-Style-Full-Width.jpg);
}
.section .subsection .pageTypeThumbs > div .thumbnail.section_large > div, .section .subsection .pageTypeThumbs > div .thumbnail.section_large a {
  background-image: url(/_images/account/WW_Section-Style-Large-Image.jpg);
}
.section .subsection .pageTypeThumbs > div .thumbnail.section_boxes2 > div, .section .subsection .pageTypeThumbs > div .thumbnail.section_boxes2 a {
  background-image: url(/_images/account/WW_Section-Style-Square-2-Up.jpg);
}
.section .subsection .pageTypeThumbs > div .thumbnail.section_boxes3 > div, .section .subsection .pageTypeThumbs > div .thumbnail.section_boxes3 a {
  background-image: url(/_images/account/WW_Section-Style-Square-3-Up.jpg);
}
.section .subsection .pageTypeThumbs > div .thumbnail.section_stagger_l > div, .section .subsection .pageTypeThumbs > div .thumbnail.section_stagger_l a {
  background-image: url(/_images/account/WW_Section-Style-Staggered-Left.jpg);
}
.section .subsection .pageTypeThumbs > div .thumbnail.section_stagger_r > div, .section .subsection .pageTypeThumbs > div .thumbnail.section_stagger_r a {
  background-image: url(/_images/account/WW_Section-Style-Staggered-Right.jpg);
}
.section .subsection .pageTypeThumbs > div .thumbnail.section_split > div, .section .subsection .pageTypeThumbs > div .thumbnail.section_split a {
  background-image: url(/_images/account/WW_Section-Style-Full-Side-by-Side.jpg);
}
.section .subsection .pageTypeThumbs > div .thumbnail.section_nested > div, .section .subsection .pageTypeThumbs > div .thumbnail.section_nested a {
  background-image: url(/_images/account/WW_Section-Style-Full-Width-Nested.jpg);
}
.section .subsection .pageTypeThumbs > div h5 {
  text-transform: capitalize;
}
.section .subsection .pageTypeThumbs > div.rightButtons {
  margin-left: 16px;
}
.section .subsection .pageTypeThumbs > div.rightButtons .radioButtons:first-child {
  margin-top: 0;
}
.section .subsection .pageTypeThumbs > div.rightButtons .radioButtons:not(.disable) input[type=radio]:checked + .boxSelect > div {
  opacity: 1 !important;
}
.section .subsection .pageTypeThumbs > div.rightButtons .radioButtons:last-child {
  margin-top: 12px;
}
.section .subsection .pageTypeThumbs > div:first-child .thumbnail {
  margin-left: 0;
}
.section .subsection .pageTypeThumbs > div:last-child {
  margin-right: 0;
}
.section .subsection .pageTypeThumbs > div .boxSelect {
  margin-right: 5px;
  background-color: var(--greyLightest);
}
.section .subsection .pageTypeThumbs > div .boxSelect > div {
  width: 79px;
  height: 61px;
  background-repeat: no-repeat;
  background-image: url(/_images/account/icons_text_image.svg?20250818);
  opacity: 0.35;
  transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .pageTypeThumbs > div .boxSelect.icon_text_off_full div {
  background-position: 0 top;
  background-size: 1659px;
}
.section .subsection .pageTypeThumbs > div .boxSelect.icon_text_on_full div {
  background-position: -79px top;
  background-size: 1659px;
}
.section .subsection .pageTypeThumbs > div .boxSelect.icon_header_on_full div {
  background-position: -158px top;
  background-size: 1659px;
}
.section .subsection .pageTypeThumbs > div .boxSelect.icon_text_off_large div {
  background-position: -237px top;
  background-size: 1659px;
}
.section .subsection .pageTypeThumbs > div .boxSelect.icon_text_on_large div {
  background-position: -316px top;
  background-size: 1659px;
}
.section .subsection .pageTypeThumbs > div .boxSelect.icon_header_on_large div {
  background-position: -395px top;
  background-size: 1659px;
}
.section .subsection .pageTypeThumbs > div .boxSelect.icon_text_off_boxes3 div {
  background-position: -474px top;
  background-size: 1659px;
}
.section .subsection .pageTypeThumbs > div .boxSelect.icon_text_on_boxes3 div {
  background-position: -553px top;
  background-size: 1659px;
}
.section .subsection .pageTypeThumbs > div .boxSelect.icon_header_on_boxes3 div {
  background-position: -632px top;
  background-size: 1659px;
}
.section .subsection .pageTypeThumbs > div .boxSelect.icon_text_off_boxes2 div {
  background-position: -711px top;
  background-size: 1659px;
}
.section .subsection .pageTypeThumbs > div .boxSelect.icon_text_on_boxes2 div {
  background-position: -790px top;
  background-size: 1659px;
}
.section .subsection .pageTypeThumbs > div .boxSelect.icon_header_on_boxes2 div {
  background-position: -869px top;
  background-size: 1659px;
}
.section .subsection .pageTypeThumbs > div .boxSelect.icon_text_off_stagger_l div {
  background-position: -948px top;
  background-size: 1659px;
}
.section .subsection .pageTypeThumbs > div .boxSelect.icon_text_on_stagger_l div {
  background-position: -1027px top;
  background-size: 1659px;
}
.section .subsection .pageTypeThumbs > div .boxSelect.icon_header_on_stagger_l div {
  background-position: -1106px top;
  background-size: 1659px;
}
.section .subsection .pageTypeThumbs > div .boxSelect.icon_text_off_stagger_r div {
  background-position: -1185px top;
  background-size: 1659px;
}
.section .subsection .pageTypeThumbs > div .boxSelect.icon_text_on_stagger_r div {
  background-position: -1264px top;
  background-size: 1659px;
}
.section .subsection .pageTypeThumbs > div .boxSelect.icon_header_on_stagger_r div {
  background-position: -1343px top;
  background-size: 1659px;
}
.section .subsection .pageTypeThumbs > div .boxSelect.icon_text_off_split div {
  background-position: -1422px top;
  background-size: 1659px;
}
.section .subsection .pageTypeThumbs > div .boxSelect.icon_text_on_split div {
  background-position: -1501px top;
  background-size: 1659px;
}
.section .subsection .pageTypeThumbs > div .boxSelect.icon_header_on_split div {
  background-position: -1580px top;
  background-size: 1659px;
}
.section .subsection .pageTypeThumbs > div .boxSelect.icon_text_off_nested div {
  background-position: 0 top;
  background-size: 1659px;
}
.section .subsection .pageTypeThumbs > div .boxSelect.icon_text_on_nested div {
  background-position: -79px top;
  background-size: 1659px;
}
.section .subsection .pageTypeThumbs > div .boxSelect.icon_header_on_nested div {
  background-position: -158px top;
  background-size: 1659px;
}
.section .subsection .pageTypeThumbs > div .boxSelect:hover > div, .section .subsection .pageTypeThumbs > div .boxSelect:active > div {
  opacity: 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;
  background-color: var(--greyLightest);
}
.section .subsection .deleteCol .circleButton:before {
  display: none;
}
.section .subsection .delete a span {
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  opacity: 0.35;
  transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .delete a span:before {
  content: var(--bi-trash);
  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 .delete:hover a span, .section .subsection .delete:active a span {
  opacity: 1;
}
.section .subsection .optPM {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 26px;
  height: 26px;
  border: 1px solid var(--greyLight);
  border-radius: 50%;
  margin-left: 5px;
  overflow: hidden;
}
.section .subsection .optPM:before, .section .subsection .optPM:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.section .subsection .optPM:before {
  width: 10px;
  height: 2px;
  margin-top: 3px;
  background-color: black;
}
.section .subsection .optPM.optionDelete {
  width: 0;
  margin-left: -2px;
}
.section .subsection .optPM.optionAdd:after {
  display: block;
  width: 2px;
  height: 10px;
  margin: -14px auto 0;
  background-color: black;
}
.section .subsection .optPM:hover, .section .subsection .optPM:active {
  background-color: black;
}
.section .subsection .optPM:hover:before, .section .subsection .optPM:hover:after, .section .subsection .optPM:active:before, .section .subsection .optPM:active:after {
  background-color: var(--greyLighter);
}
.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;
  margin-right: 5px;
}
.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 .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 .permissionButton {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  height: 23px;
  margin: 0 3px 10px 0 !important;
  padding: 0 12px;
  box-sizing: border-box;
  white-space: nowrap;
  font-size: 15px;
}
.section .subsection .permissionButton.group {
  line-height: 23px;
  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 .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(--padding) * 2);
  padding-top: 0;
  margin: 0 var(--padding) 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);
}
.section .subsection.pageEdit .pageNameCont {
  padding-right: 70px;
  position: relative;
}
.section .subsection.pageEdit .pageNameCont .pageName {
  border: none;
  padding: 0.7em 5em 0.7em 1.3em;
  margin-bottom: 0;
  display: block;
  width: calc(100% - 3.35em);
  height: 30px;
  background-color: transparent;
  box-sizing: content-box;
}
.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: 68.6px;
  padding: 25.62px 11.2px;
}
.section .subsection.pageEdit .pageNameCont .pageArrow:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  border-right: solid 2px black;
  border-bottom: solid 2px black;
  transform: rotate(45deg);
  transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0.35;
}
.section .subsection.pageEdit .pageNameCont .pageArrow:hover:before, .section .subsection.pageEdit .pageNameCont .pageArrow:active:before {
  opacity: 1;
}
.section .subsection.pageEdit .pageNameCont .duplicate {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 59px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 28px;
}
.section .subsection.pageEdit .pageNameCont .duplicate:before {
  content: var(--bi-copy);
  width: 16px;
  height: 16px;
  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: 16px;
  transform: scale(-1, 1) rotate(180deg);
  opacity: 0.35;
}
.section .subsection.pageEdit .pageNameCont .duplicate:hover:before, .section .subsection.pageEdit .pageNameCont .duplicate:active:before {
  opacity: 1;
}
.section .subsection.pageEdit .pageNameCont .delete {
  position: absolute;
  top: 0;
  right: 0;
}
.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 .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:last-child {
  margin-bottom: 20px;
}
.section .subsection.pageEdit .pageInfo .subsection .dropImage {
  margin-right: 26px;
  max-width: 414px;
  margin-bottom: 45px;
}
.section .subsection.pageEdit.notice {
  border: 1px solid black;
}
.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: -19.6px;
  padding: 21px 12.6px 21px 18.2px;
  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.35;
}
.section .subsection.pageEdit .movePos span: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: 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;
  /*
  .subhead {
  					text-transform: uppercase;
  				}
  */
}
.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 .moveUpDown {
  margin-bottom: -10px;
  padding-right: 42px;
  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:before {
  content: var(--bi-dash-lg);
  vertical-align: middle;
  width: 26px;
  height: 26px;
  position: relative;
  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: 26px;
  font-size: 16px;
}
.section .subsection.pageEdit .subtract a:hover, .section .subsection.pageEdit .subtract a:active {
  background-color: black;
}
.section .subsection.pageEdit .subtract a:hover:before, .section .subsection.pageEdit .subtract a:active:before {
  color: white;
}
.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:before {
  content: var(--bi-plus-lg);
  vertical-align: middle;
  width: 26px;
  height: 26px;
  position: relative;
  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: 26px;
  font-size: 16px;
}
.section .subsection.pageEdit .add a:hover, .section .subsection.pageEdit .add a:active {
  background-color: black;
}
.section .subsection.pageEdit .add a:hover:before, .section .subsection.pageEdit .add a:active:before {
  color: white;
}
.section .subsection.pageEdit .buttonAddRemove, .section .subsection.pageEdit .mealAddRemove {
  margin-top: 0 !important;
  margin-bottom: -22px;
  line-height: 22px;
  height: 22px;
  top: 22px;
  cursor: pointer;
}
.section .subsection.pageEdit .buttonAddRemove a, .section .subsection.pageEdit .mealAddRemove a {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  vertical-align: text-bottom;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--greyLightest);
  display: inline-flex;
  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.pageEdit .buttonAddRemove a:before, .section .subsection.pageEdit .mealAddRemove a:before {
  font-size: 18px;
}
.section .subsection.pageEdit .buttonAddRemove a.addButton:before, .section .subsection.pageEdit .mealAddRemove a.addButton:before {
  content: var(--bi-plus);
}
.section .subsection.pageEdit .buttonAddRemove a.removeButton:before, .section .subsection.pageEdit .mealAddRemove a.removeButton:before {
  content: var(--bi-dash);
}
.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: black;
}
.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 {
  color: white;
}
.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: -10px;
}
.section .subsection .buttonControls .sectionInner:last-child {
  margin-bottom: 0 !important;
}
.section .subsection .buttonControls .radioButtons {
  width: calc(66% - 14px);
  align-items: flex-start;
}
.section .subsection .buttonControls .buttonURL {
  padding-top: 0 !important;
  width: calc(34% - 14px);
  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;
  /*
  			.delete {
  				&:before {
  					display: none;
  				}
  			}
  */
}
.section .subsection .sectionInner p {
  margin-bottom: 20px;
}
.section .subsection .sectionInner input {
  text-align: center;
  max-width: 495px;
}
.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.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: 32%;
  min-width: 84px;
  margin-bottom: 0;
  border-bottom: none;
}
.section .subsection .sectionInner.radioSelectPair .selectBox + .line {
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.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.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.rsvpIntroSection .sectionInner {
  margin-left: 0;
}
.section .subsection .sectionInner.rsvpIntroSection .dropImage {
  max-width: 414px;
  margin-bottom: 45px;
}
.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 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;
  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;
  max-width: 300px;
  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;
}
.section .subsection #fontPreview .siteButton:hover, .section .subsection #fontPreview .siteButton:active {
  opacity: 0.65;
}
.section .subsection #fontPreview.hide {
  opacity: 0;
}
.section .subsection#borders {
  padding-top: 30px;
}
.section .subsection #gallery {
  max-width: none;
}
.section .subsection #gallery #dropImageGallery {
  max-width: none;
  margin-bottom: 30px;
}
.section .subsection #gallery #dropImageGallery .imageTypeButtons .imgButt.upload {
  width: 100%;
}
.section .subsection #gallery #dropImageGallery .imageTypeButtons .imgButt.upload input {
  width: 100%;
  max-width: none;
}
.section .subsection #gallery #galleryThumbs {
  display: flex;
  max-width: 900px;
  margin-right: -20px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  position: relative;
  /*
  &.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.gallery-thumbnails .galleryImg .imgThumb > img {
  max-height: 280px;
}
.section .subsection #gallery #galleryThumbs .galleryImg {
  display: inline-block;
  vertical-align: top;
  width: 280px;
  margin: 0 20px 20px 0;
  transition: margin-top 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  will-change: margin-top;
}
.section .subsection #gallery #galleryThumbs .galleryImg .imgThumb {
  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.init .imgThumb {
  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 {
  display: inline-block;
  vertical-align: top;
  width: 280px !important;
  margin: 0 20px 30px 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 input {
  margin: 0 auto 10px;
}
.section .subsection .inputField.pageName, .section .subsection input.pageName {
  margin-bottom: 40px;
  font-size: 21px;
  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 textarea[name=page_intro] + #homepageImage {
  margin-top: 30px;
}
.section .subsection input[name=cws_page_id] + .radioButtons {
  margin-top: 0;
}
.section .subsection .radioSelect {
  width: 100%;
  max-width: 324px;
  padding: 4px 0 5px;
  border-bottom: 1px solid var(--greyLighter);
  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: 2px 0 3px;
}
.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% - 24px);
  padding: 10px 12px 0;
  margin-bottom: 80px;
  max-height: 360px;
  border-left: solid 1px var(--greyLighter);
  border-right: solid 1px var(--greyLighter);
  border-bottom: solid 1px var(--greyLighter);
  overflow-x: hidden;
  overflow-y: scroll;
  position: absolute;
  top: 35px;
  left: -1px;
  z-index: 110;
  background-color: white;
}
.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 6px;
  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;
  border-right: solid 6px transparent;
  border-left: solid 6px transparent;
  border-top: solid 6px black;
  position: absolute;
  top: 14px;
  right: 0;
  transition: border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .radioSelect:hover, .section .subsection .radioSelect:active {
  border-bottom-color: black;
}
.section .subsection .radioSelect:hover > div, .section .subsection .radioSelect:active > div {
  color: var(--grey);
}
.section .subsection .radioSelect:hover:before, .section .subsection .radioSelect:active:before {
  border-top-color: var(--grey);
}
.section .subsection .radioSelect.default > div {
  font-size: 15px;
  font-family: var(--sansFS);
  font-weight: 400;
}
.section .subsection .radioSelect.static ul {
  position: static;
  margin-bottom: 20px;
}
.section .subsection .collColors + .sectionInner {
  margin-top: 30px;
}
.section .subsection .fiftyFiftySelect {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  margin: 0 auto 10px;
  position: relative;
}
.section .subsection .fiftyFiftySelect label {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 3px 0 6px;
  text-align: center;
  position: relative;
  background-color: var(--greyLightest);
  transition: background 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .fiftyFiftySelect label span {
  font: 400 10px/22px var(--sansFS);
  color: var(--grey);
  text-transform: uppercase;
  white-space: nowrap;
  transition: color 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .fiftyFiftySelect label.burger {
  text-align: center;
}
.section .subsection .fiftyFiftySelect label.burger span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 16px;
  width: 30px;
  border-color: grey;
  transition: border 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .fiftyFiftySelect label.burger span: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: 12px;
}
.section .subsection .fiftyFiftySelect label.burger span:after {
  content: "";
  display: block;
  position: absolute;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: inherit;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.section .subsection .fiftyFiftySelect label:hover span, .section .subsection .fiftyFiftySelect label:active span {
  border-color: black;
  color: black;
}
.section .subsection .fiftyFiftySelect input:checked + label {
  background-color: black;
}
.section .subsection .fiftyFiftySelect input:checked + label span {
  border-color: white;
  color: white;
}
.section .subsection .menuColor a {
  width: auto;
  height: auto;
  padding: 2px;
}
.section .subsection .menuColor a.burger div {
  display: block;
  margin: 0 auto;
  position: relative;
  height: 18px;
  width: 34px;
}
.section .subsection .menuColor a.burger div: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 .menuColor a.burger div: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 .menuColor a .color {
  font: 500 15px/16px var(--sansFS);
  text-transform: uppercase;
  border: none;
}
.section .subsection .menuColor.white {
  background-color: var(--greyLightest);
}
.section .subsection .menuColor.white:hover, .section .subsection .menuColor.white:active {
  background-color: var(--greyLighter);
}
.section .subsection .menuColorBackground a {
  width: 34px;
  height: 18px;
  padding: 0;
}
.section .subsection .menuColorBackground a .color {
  height: 18px;
  border-radius: 3px;
}
.section .subsection .menuColorBackground.white {
  background-color: var(--greyLightest);
}
.section .subsection .menuColorBackground.white:hover, .section .subsection .menuColorBackground.white: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;
  margin: 0 6px 12px;
  transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  position: relative;
}
.section .subsection .box.lrg {
  margin-bottom: 16px;
}
.section .subsection .box.lrg + h4 {
  margin-bottom: 6px;
  font-size: 1.2142857143em;
  text-transform: capitalize;
}
.section .subsection .box:hover div, .section .subsection .box:hover a, .section .subsection .box:active div, .section .subsection .box:active a {
  opacity: 0.65 !important;
}
.section .subsection label .box {
  margin: 0 5px 0 0;
}
.section .subsection .boxCont {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 34px;
  border-radius: 15px;
}
.section .subsection .boxCont .img {
  border-radius: 5px;
  overflow: hidden;
}
.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: 8px 0 8px;
}
.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.align#monoAlign {
  padding: 7px 0 7px;
}
.section .subsection .selectBox.valign {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  padding: 8px 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);
  /*
  &.disable {
  						pointer-events: none;
  						opacity: 0.175;
  					}
  */
}
.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 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;
}
.section .subsection .borderBox div {
  background-color: white;
}
.section .subsection .borderBox div span {
  display: block;
  font-size: 15px;
  line-height: 34px;
  font-family: var(--sansFS);
  font-weight: 500;
  text-transform: capitalize;
  text-align: left;
}
.section .subsection .borderBox:hover > div, .section .subsection .borderBox: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% - 78px);
  font: 400 16px/24px var(--sansFS);
  text-transform: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  top: 0;
  left: 26px;
  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-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_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-trash);
  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: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 .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(--greyLightest);
  margin-bottom: 10px;
  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: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 .upload, .section .subsection .dropImage.logo .imageTypeButtons .shop {
  border-right: solid 1px #404040;
}
.section .subsection .dropImage.dropOver {
  background-color: var(--greyLightest) !important;
}
.section .subsection .dropImage.dropOver .imageTypeButtons .imgButt {
  opacity: 0 !important;
  pointer-events: none !important;
}
.section .subsection .dropImage.active {
  /*
  .imageSize {
  					label {
  						opacity: 1;
  						pointer-events: auto;
  					}
  				}
  */
}
.section .subsection .dropImage.active:before {
  display: none;
}
.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 {
  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 .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 .imgButt span {
  height: 20px;
  display: inline-block;
  color: white;
}
.section .subsection .dropImage .imageTypeButtons .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 .imgButt h5 {
  font: 400 15.4px/1 var(--sansFS);
  color: white;
  text-transform: none;
  margin-top: 7px;
}
.section .subsection .dropImage .imageTypeButtons .imgButt.gallery {
  border-right: solid 1px #404040;
}
.section .subsection .dropImage .imageTypeButtons .imgButt.gallery span:before {
  content: var(--bi-easel);
  font-size: 18px;
}
.section .subsection .dropImage .imageTypeButtons .imgButt.photos span:before {
  content: var(--bi-card-image);
  font-size: 18px;
}
.section .subsection .dropImage .imageTypeButtons .imgButt.upload {
  border-left: solid 1px #404040;
}
.section .subsection .dropImage .imageTypeButtons .imgButt.upload span:before {
  content: var(--bi-upload);
  font-size: 17px;
}
.section .subsection .dropImage .imageTypeButtons .imgButt.video {
  border-top: solid 1px #404040;
  border-right: solid 1px #404040;
}
.section .subsection .dropImage .imageTypeButtons .imgButt.video span:before {
  content: var(--bi-film);
}
.section .subsection .dropImage .imageTypeButtons .imgButt.color {
  border-top: solid 1px #404040;
}
.section .subsection .dropImage .imageTypeButtons .imgButt.color span:before {
  content: var(--bi-droplet-fill);
}
.section .subsection .dropImage .imageTypeButtons .imgButt.map {
  border-top: solid 1px #404040;
  border-left: solid 1px #404040;
}
.section .subsection .dropImage .imageTypeButtons .imgButt.map span:before {
  content: var(--bi-geo-alt-fill);
}
.section .subsection .dropImage .imageTypeButtons .imgButt.edit {
  width: 50%;
  border-left: solid 1px #404040;
}
.section .subsection .dropImage .imageTypeButtons .imgButt.edit span:before {
  content: var(--bi-pencil-fill);
}
.section .subsection .dropImage .imageTypeButtons .imgButt.manage {
  width: 50%;
}
.section .subsection .dropImage .imageTypeButtons .imgButt.manage span:before {
  content: var(--bi-person-fill-lock);
  font-size: 18px;
}
.section .subsection .dropImage .imageTypeButtons .imgButt.shop span:before {
  content: var(--bi-bag-fill);
}
.section .subsection .dropImage .imageTypeButtons .imgButt.mylogo span:before {
  content: var(--bi-suit-heart-fill);
}
.section .subsection .dropImage .imageTypeButtons .imgButt.preview span:before {
  content: var(--bi-display);
  font-size: 18px;
}
.section .subsection .dropImage .imageTypeButtons .imgButt.full {
  width: 100%;
}
.section .subsection .dropImage .imageTypeButtons .imgButt:hover, .section .subsection .dropImage .imageTypeButtons .imgButt:active {
  background-color: black;
}
.section .subsection .dropImage .imageTypeButtons.noVideo .imgButt.color, .section .subsection .dropImage .imageTypeButtons.noVideo .imgButt.map {
  width: 50%;
}
.section .subsection .dropImage .imageTypeButtons.noVideo .imgButt.color {
  border-right: solid 1px #404040;
}
.section .subsection .dropImage .imageTypeButtons.noVideo .imgButt.map {
  border-left: none;
}
.section .subsection .dropImage .imageTypeButtons:hover, .section .subsection .dropImage .imageTypeButtons:active {
  opacity: 1;
  /*
  .imgButt {
  						pointer-events: auto;
  					}
  */
}
.section .subsection .dropImage .imageTypeButtons.select .imgButt {
  pointer-events: auto;
}
.section .subsection .dropImage .imageSize {
  width: 16px;
  position: absolute;
  right: -26px;
  bottom: 0;
}
.section .subsection .dropImage .imageSize label {
  display: block;
  background-color: var(--grey);
  margin-bottom: 10px;
  transition: background 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .dropImage .imageSize label.largeImage {
  height: 22px;
}
.section .subsection .dropImage .imageSize label.mediumImage {
  height: 16px;
}
.section .subsection .dropImage .imageSize label.smallImage {
  height: 8px;
}
.section .subsection .dropImage .imageSize label:last-child {
  margin-bottom: 0;
}
.section .subsection .dropImage .imageSize label:hover, .section .subsection .dropImage .imageSize label:active {
  background-color: black;
}
.section .subsection .dropImage .imageSize input:checked + label {
  background-color: black;
}
.section .subsection .imageShape {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 21px;
  padding-top: 12px;
  padding-bottom: 12px;
  position: absolute;
  left: 0;
  bottom: -44px;
  border-bottom: 1px solid var(--greyLighter);
}
.section .subsection .imageShape label {
  display: inline-block;
  width: 16px;
  height: 21px;
  margin-right: 12px;
  box-sizing: border-box;
  border: 1px solid var(--greyDark);
  transition: border 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection .imageShape label.roundedImage {
  border-radius: 4px;
}
.section .subsection .imageShape label.archImage {
  border-top-left-radius: 50% 8px;
  border-top-right-radius: 50% 8px;
}
.section .subsection .imageShape label.pillImage {
  border-top-left-radius: 50% 8px;
  border-top-right-radius: 50% 8px;
  border-bottom-left-radius: 50% 8px;
  border-bottom-right-radius: 50% 8px;
}
.section .subsection .imageShape label.ellipseImage {
  border-radius: 50%;
}
.section .subsection .imageShape label:last-child {
  margin-right: 0;
}
.section .subsection .imageShape label:hover, .section .subsection .imageShape label:active {
  border-color: black;
}
.section .subsection .imageShape input:checked + label {
  border-color: black;
}
.section .subsection .imageShape.gallery {
  width: 140px;
  padding-top: 0;
  position: static;
}
.section .subsection .imageShape.gallery label {
  margin-right: 15px;
}
.section .subsection .imageShape.gallery label:last-child {
  margin-right: 0;
}
.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 .subsection #coverpage {
  opacity: 0;
  margin-bottom: 10px;
  position: relative;
  transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection #coverpage h1 p {
  width: 100%;
  font: inherit;
  margin-bottom: 0;
}
.section .subsection #coverpage h1.mono.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 105;
}
.section .subsection #coverpage h1.mono.header p {
  display: none;
}
.section .subsection #coverpage h1.mono.cover {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-right: 40px;
  pointer-events: none;
  padding-top: 30px;
  padding-bottom: 30px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  /* img {
  	max-height: 400px;
  } */
}
.section .subsection #coverpage h1.mono.cover p {
  white-space: pre-line;
  transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section .subsection #coverpage h1.mono.cover.halign-left {
  justify-content: flex-start !important;
  text-align: left;
}
.section .subsection #coverpage h1.mono.cover.halign-center {
  justify-content: center !important;
}
.section .subsection #coverpage h1.mono.cover.halign-right {
  justify-content: flex-end !important;
  text-align: right;
}
.section .subsection #coverpage h1.mono.cover.valign-top {
  align-items: flex-start !important;
  align-content: flex-start !important;
}
.section .subsection #coverpage h1.mono.cover.valign-middle {
  align-items: center !important;
  align-content: center !important;
}
.section .subsection #coverpage h1.mono.cover.valign-bottom {
  align-items: flex-end !important;
  align-content: flex-end !important;
}
.section .subsection #coverpage h1.mono.cover .menu.right {
  right: auto;
  left: 40px;
}
.section .subsection #coverpage.noImage h1.mono.cover {
  height: 50vw;
  margin-top: 0 !important;
  position: static;
}
.section .subsection #coverpage.noImage.cover-bottom {
  height: 50vw;
}
.section .subsection #coverpage.noImage.cover-bottom h1.mono.cover {
  position: absolute;
}
.section .subsection #coverpage.cover-cover h1.mono.cover {
  margin-top: 0 !important;
}
.section .subsection #coverpage.cover-cover h1.mono #MMlinkCont {
  top: 20px;
}
.section .subsection #coverpage.cover-header {
  padding: 0 40px;
}
.section .subsection #coverpage.cover-header h1.mono.header {
  position: static;
}
.section .subsection #coverpage.cover-header h1.mono.header p {
  display: block;
}
.section .subsection #coverpage.cover-header h1.mono.cover p {
  margin-left: 40px;
  margin-right: 40px;
}
.section .subsection #coverpage.cover-bottom h1.mono.cover {
  align-items: center !important;
  height: 33%;
  box-sizing: border-box;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 0 !important;
  top: auto;
  background-color: white;
}
.section .subsection #coverpage.cover-bottom h1.mono.cover p {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  height: 100%;
}
.section .subsection #coverpage.cover-bottom h1.mono.cover img {
  max-height: 52%;
  margin-bottom: 0;
}
.section .subsection #coverpage.cover-bottom h1.mono.cover.halign-left p {
  justify-content: flex-start !important;
  text-align: left;
}
.section .subsection #coverpage.cover-bottom h1.mono.cover.halign-center p {
  justify-content: center !important;
}
.section .subsection #coverpage.cover-bottom h1.mono.cover.halign-right p {
  justify-content: flex-end !important;
  text-align: right;
}
.section .subsection #coverpage.cover-bottom h1.mono #MMlinkCont {
  top: 20px;
}
.section .subsection #coverpage #backgroundImg {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.section .subsection #coverpage #backgroundImg .mapMarker {
  width: 30px;
}
.section .subsection #coverpage #backgroundImg.active {
  height: 70vw;
}
.section .subsection #coverpage.showPreview {
  opacity: 1;
}
.section nav {
  width: 176px;
  display: inline-block;
  vertical-align: top;
  padding: 0 0 90px 40px;
  background-color: var(--greyLightest);
  border-right: solid 1px var(--greyMid);
  border-bottom: solid 1px var(--greyMid);
}
.section nav h4 {
  font-size: 1.5em;
  line-height: 2.1em;
  text-transform: none;
  font-weight: 400;
  margin-bottom: 0;
  padding-right: 14px;
  /* &.plus {
  	a {
  		position: relative;
  		&:after {
  			content: "\002B";
  			font-size: 135%;
  			display: inline-block;
  			vertical-align: middle;
  			position: absolute;
  			right: 0;
  		}
  	}
  } */
}
.section nav h4 a {
  color: black;
}
.section nav h4 a:hover, .section nav h4 a:active {
  color: var(--greyDarker) !important;
}
.section nav h4 a .bi {
  display: inline-block;
  vertical-align: middle;
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section nav h4 a .bi:last-child {
  font-size: 13px;
  margin-left: 10px;
}
.section nav h4 a.backArrow .bi {
  font-size: 24px;
}
.section nav h4 a.open .bi {
  transform: rotate(180deg);
}
.section nav h4.arrow a {
  position: relative;
}
.section nav h4.arrow a:after {
  display: inline-block;
  position: absolute;
  right: 0;
}
.section nav h4.arrow.right a:after {
  content: "→";
}
.section nav h4.arrow.down a:after {
  content: "↓";
}
.section nav h5 {
  font-size: 16px;
  line-height: 2.3em;
  font-weight: 400;
  text-transform: none;
  color: var(--greyDarker);
  padding-right: 18px;
  margin-bottom: 0;
}
.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;
}
.section nav h6.select a {
  color: black !important;
}
.section nav a {
  display: block;
  color: var(--greyDarker);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.section nav a:hover, .section nav a: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 > * {
  position: relative;
}
.section nav li > *.select {
  color: black !important;
}
.section nav li > *.select:before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  background-color: black;
}
.section nav li > *.alertDot {
  position: relative;
}
.section nav li > *.alertDot:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-radius: 50%;
  background-color: var(--alertDotColor);
  position: absolute;
  left: -16px;
  top: 50%;
}
.section nav #mmNav {
  display: none;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  padding: 10px 0 10px 0;
  margin-bottom: 0;
  pointer-events: none;
  /*
  &:after {
  				content: "";
  				display: block;
  				width: calc(100% + 40px);
  				height: 1px;
  				background-color: black;
  				position: relative;
  				top: 10px;
  				left: -40px;
  			}
  */
}
.section nav #mmNav a {
  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:active a {
  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 > ul {
  padding-top: 14px;
}
.section nav > ul > li > ul.navSection {
  margin-top: 25px;
  padding-top: 28px;
}
.section nav > ul > li > ul.navSection li ul {
  padding-left: 16px;
}
.section nav > ul > li > ul.navSection li ul.select {
  display: block;
}
.section nav > ul > li > ul.navSection li ul li p {
  font-size: 11.2px;
  padding: 5px 0;
}
.section nav > ul > li > ul.navSection li ul li p a {
  color: var(--grey);
}
.section nav > ul > li > ul.navSection:before {
  content: "";
  display: block;
  width: calc(100% + 40px);
  height: 1px;
  background-color: var(--greyMid);
  position: absolute;
  left: -40px;
  top: 0;
}
.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(--padding);
  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 {
  margin-top: 24px;
}
.section main #addPageEdit {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  row-gap: 10px;
  text-align: center;
  margin-bottom: 30px;
  padding-top: 20px;
  background-color: transparent;
  box-shadow: none;
}
.section main #addPageEdit.gb {
  width: calc(100% - var(--padding) * 2);
  padding-top: 22px;
  padding-bottom: 10px !important;
  margin-top: 20px;
  margin-left: var(--padding);
  margin-right: var(--padding);
  border: 1px dashed var(--greyDark);
}
.section main #addPageEdit.gb a {
  height: 30px;
  padding: 0 9px;
}
.section main #addPageEdit > div, .section main #addPageEdit a {
  display: inline-block;
  vertical-align: top;
  margin: 0 3px;
  /* &.add {
  	a, .cir {
  		&:before {
  			background-image: url(/_images/icons_utility.svg?20250818);
  			background-position: (map-get($editIcons, icon_plus) * 0.7) center;
  			position: relative;
  		}
  		&:after {
  			background-image: url(/_images/icons_utility_wht.svg?20250818);
  			background-position: (map-get($editIcons, icon_plus) * 0.7) center;
  			position: absolute;
  			transition: opacity 0.4s $ease-in-out-quad;
  			left: 15px;
  		}
  	}
  } */
}
.section main #addPageEdit > div a, .section main #addPageEdit > div .cir, .section main #addPageEdit a a, .section main #addPageEdit a .cir {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 40px;
  padding: 0 35px;
  background-color: black;
  position: relative;
  top: -0.5em;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
  border-radius: 20px;
}
.section main #addPageEdit > div a:before, .section main #addPageEdit > div .cir:before, .section main #addPageEdit a a:before, .section main #addPageEdit a .cir:before {
  content: var(--bi-plus-lg);
  width: 16px;
  height: 16px;
  color: white;
  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: 16px;
  font-size: 16px;
}
.section main #addPageEdit > div a span, .section main #addPageEdit > div .cir span, .section main #addPageEdit a a span, .section main #addPageEdit a .cir span {
  display: inline-block;
  margin-left: 14px;
  margin-bottom: 3px;
  font: 500 14px/1 var(--sansFS);
  text-transform: uppercase;
  color: white;
  letter-spacing: calc(var(--tracking100) * 0.5);
  padding-top: 2px;
  transition: color 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.section main #addPageEdit > div a:hover, .section main #addPageEdit > div a:active, .section main #addPageEdit > div .cir:hover, .section main #addPageEdit > div .cir:active, .section main #addPageEdit a a:hover, .section main #addPageEdit a a:active, .section main #addPageEdit a .cir:hover, .section main #addPageEdit a .cir:active {
  background-color: white;
}
.section main #addPageEdit > div a:hover:before, .section main #addPageEdit > div a:active:before, .section main #addPageEdit > div .cir:hover:before, .section main #addPageEdit > div .cir:active:before, .section main #addPageEdit a a:hover:before, .section main #addPageEdit a a:active:before, .section main #addPageEdit a .cir:hover:before, .section main #addPageEdit a .cir:active:before {
  color: black;
}
.section main #addPageEdit > div a:hover span, .section main #addPageEdit > div a:active span, .section main #addPageEdit > div .cir:hover span, .section main #addPageEdit > div .cir:active span, .section main #addPageEdit a a:hover span, .section main #addPageEdit a a:active span, .section main #addPageEdit a .cir:hover span, .section main #addPageEdit a .cir:active span {
  color: black;
}
.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;
  align-content: center;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: white;
  border-top: solid 1px var(--greyLighter);
  box-sizing: border-box;
  text-align: right;
  z-index: 100900;
}
.publish > h6 {
  font-family: var(--sansFS);
  line-height: 1.4em;
  font-weight: 500;
  padding: 8px 0;
  position: absolute;
  top: 25px;
}
.publish > h6.leftLink {
  left: 242px;
  text-align: left;
}
.publish > h6.rightLink {
  right: 226px;
  font-size: 18px;
}
.publish > h6.rightLink a {
  line-height: 20px;
  background-color: var(--neon);
}
.publish .miniButton {
  margin-bottom: 0 !important;
}
.publish .toggleCont {
  margin-left: 40px;
}
.publish .toggleCont .toggleButtons .yesNo.no {
  background-color: var(--red) !important;
}
.publish .toggleCont .toggleButtons .yesNo.no:after {
  color: white;
  opacity: 1;
}
.publish .toggleCont:has(.toggleButtons .visibleYes:checked) .toggle:after {
  content: "Visible";
}
.publish .toggleCont:has(.toggleButtons .visibleNo:checked) .toggle {
  opacity: 0.5;
}
.publish .toggleCont:has(.toggleButtons .visibleNo:checked) .toggle:after {
  content: "Hidden";
}
.publish .radioButtons {
  display: inline-flex;
  margin-top: 0;
  margin-left: 40px;
}
.publish .radioButtons .miniButton.mini2nd {
  margin-right: 20px;
}
.publish .radioButtons .siteError {
  line-height: 1em;
  text-align: center;
  padding: 10px 20px;
}
.publish .radioButtons.home input[name=page_visible] + label {
  pointer-events: none;
}
.publish .radioButtons.home input[name=page_visible]:checked + label {
  background-color: var(--grey);
}
.publish .radioButtons.off input[name=site_homepage] + label {
  pointer-events: none;
}
.publish .radioButtons.off input[name=site_homepage]:checked + label {
  background-color: var(--grey);
}
.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 {
  box-shadow: none;
  border-bottom-color: black;
}
.publish .largeButton {
  width: 196px;
  height: 80px;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  border: none;
  font: 3em/80px var(--headingFS);
}
.publish .largeButton.preview {
  border-right: solid 1px var(--greyLighter);
}
.publish .largeButton:last-child {
  color: white;
  border-left: solid 1px var(--greyLighter);
  background-color: black;
}
.publish .largeButton:last-child:hover, .publish .largeButton:last-child:active {
  background-color: white !important;
  color: black !important;
}
.publish .buttonNew {
  margin: 0 0 0 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 180px;
  line-height: 20px;
  color: white;
  border-color: white;
  box-sizing: border-box;
}
.publish .buttonNew:hover, .publish .buttonNew:active {
  color: black !important;
  background-color: white;
}
.publish#addColorButtons .radioButtons {
  margin-left: 0;
}
.publish#addColorButtons #hexColor {
  width: 180px;
  text-align: center;
  padding: 0;
}
.publish button[type=submit].disable, .publish .button.disable {
  pointer-events: none;
  background-color: var(--greyMid);
}
.publish button[type=submit].saving, .publish .button.saving {
  background-color: black;
}
.publish .mobile {
  display: none;
}

.imageGallery {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: white;
  z-index: 90400;
}
.imageGallery > .subsection {
  padding: 30px 30px 100px !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;
}
.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;
  border-radius: 50%;
  text-align: center;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.7);
  transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.imageGallery > .subsection .galleryCont .thumbBG .check:before {
  content: var(--bi-check-lg);
  color: white;
  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: 28px;
}
.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 .overlayEdit {
  background-color: rgba(0, 0, 0, 0.35);
}
.imageGallery .overlayEdit .subsection {
  padding-top: 20px !important;
}
.imageGallery .close {
  position: absolute;
  top: 33px;
}
.imageGallery#backgroundPicker .subsection .galleryCont, .imageGallery#logoPicker .subsection .galleryCont, .imageGallery#mylogoPicker .subsection .galleryCont {
  justify-content: flex-start;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
.imageGallery#backgroundPicker .subsection .galleryCont .thumbBG, .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;
  background-size: 18px;
}

#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;
}
.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;
}

#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.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#backgroundPicker .subsection .galleryCont .thumbBG, .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#backgroundPicker .subsection .galleryCont .thumbBG, .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#backgroundPicker .subsection .galleryCont .thumbBG, .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#backgroundPicker .subsection .galleryCont .thumbBG, .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#backgroundPicker .subsection .galleryCont .thumbBG, .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#backgroundPicker .subsection .galleryCont .thumbBG, .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#backgroundPicker .subsection .galleryCont .thumbBG, .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: 1232px) {
  .section .thumbBoxes .flex {
    max-width: 832px;
  }
  .section .thumbBoxes .flex > * {
    width: calc(50% - 16px) !important;
  }
}
@media (max-width: 1100px) {
  .section main .subsection:not(.topSection) .radioButtons {
    flex-wrap: wrap;
  }
  .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 (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);
  }
}
@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 h4, .section:not(.overlayEdit) nav h5, .section:not(.overlayEdit) nav h6 {
    padding-right: 0;
  }
  .section:not(.overlayEdit) nav h4 a:after {
    position: relative;
    margin-left: 10px;
  }
  .section:not(.overlayEdit) nav #mmNav {
    display: block;
    pointer-events: auto;
  }
  .section:not(.overlayEdit) nav #mmNav span {
    display: inline-block;
  }
  .section:not(.overlayEdit) nav li h6 {
    padding-left: 20px;
  }
  .section:not(.overlayEdit) nav li > *.alertDot:after {
    left: 8px;
  }
  .section:not(.overlayEdit) nav > ul {
    display: none;
    padding: 14px 0 20px;
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    border-top: solid 1px var(--greyMid);
    box-sizing: border-box;
    background-color: white;
    z-index: 100000;
    box-shadow: rgba(0, 0, 0, 0.12) 0 10px 15px;
  }
  .section:not(.overlayEdit) nav > ul > li:first-child h5 a {
    padding-top: 5px;
  }
  .section:not(.overlayEdit) nav > ul ul p {
    padding: 0 !important;
  }
  .section:not(.overlayEdit) nav > ul ul p a {
    display: block;
    padding: 8px 20px;
  }
  .section:not(.overlayEdit) nav > ul a:not(.buttonNew) {
    padding: 0 20px;
  }
  .section:not(.overlayEdit) nav > ul a:not(.buttonNew):hover, .section:not(.overlayEdit) nav > ul a:not(.buttonNew):active {
    background-color: var(--greyLightest);
    color: black !important;
  }
  .section:not(.overlayEdit) nav > ul .buttonNew {
    margin-left: 20px;
  }
  .section:not(.overlayEdit) main {
    width: auto;
    display: block;
  }
  .section:not(.overlayEdit) main .flex {
    padding-left: 20px;
    padding-right: 20px;
  }
  .section:not(.overlayEdit) main .thumbBoxes .flex {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .section:not(.overlayEdit) main #addPageEdit h4 {
    padding: 0.58em 20px;
  }
  .section:not(.overlayEdit) main #addPageEdit h4:after {
    content: "";
    display: block;
    width: calc(100% - 40px);
  }
  .section:not(.overlayEdit) .subsection#monogram.cover {
    display: none;
  }
  .section:not(.overlayEdit) .flex.inputs > div {
    width: calc(33.33% - 28px);
    margin: 0 14px !important;
  }
  .imageGallery .subsection .filters {
    left: 20px;
    right: 20px;
    margin-bottom: 202px;
  }
  .imageGallery .subsection .filters > ul {
    margin: 0 -20px;
    padding: 0 20px;
  }
  .imageGallery .subsection .filters > ul > li {
    margin: 0 -20px;
    padding: 0 20px;
  }
  .imageGallery .subsection .filters > ul > 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;
  }
  .publish > h6 {
    padding: 0;
  }
  .publish h6.leftLink:not(.rsvpLink), .publish h6.rightLink:not(.rsvpLink) {
    display: none;
  }
  .publish .toggleCont {
    width: 100%;
    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 .largeButton {
    order: 2;
    width: 50%;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    border-top: solid 1px var(--greyLight);
  }
  .publish .largeButton.preview {
    order: 1;
    border-right: none;
  }
  .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 #coverpage .mono.cover {
    padding-right: 20px;
  }
  .section main .subsection #coverpage.cover-header {
    padding: 0 20px;
  }
  .section main .subsection #coverpage.cover-header h1.mono.cover p {
    margin-left: 20px;
    margin-right: 20px;
  }
  .section:not(.overlayEdit) {
    /* main {
    	.flex {
    		padding-left: 20px;
    		padding-right: 20px;
    	}
    } */
  }
  .section:not(.overlayEdit) .flex.inputs > div {
    width: calc(33.33% - 18px);
  }
  .section:not(.overlayEdit) .flex.inputs > div:first-of-type {
    margin-left: 0 !important;
  }
  .section:not(.overlayEdit) .flex.inputs > div:nth-of-type(3n+0) {
    margin-right: 0 !important;
  }
  #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 60px !important;
  }
  .imageGallery > .subsection .galleryCont .thumbBG .nameOverlay {
    padding: 14px 16px;
  }
  .imageGallery#backgroundPicker .subsection .galleryCont .thumbBG, .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 .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:not(.overlayEdit) .flex.inputs {
    display: block;
  }
  .section:not(.overlayEdit) .flex.inputs > div {
    display: block;
    width: auto !important;
    margin: 0 !important;
    margin-bottom: 20px !important;
  }
  .section:not(.overlayEdit) .flex.inputs > div textarea {
    margin-bottom: 5px;
  }
  .section:not(.overlayEdit) .flex.inputs > div .buttonNew.desk {
    display: none;
  }
  .section:not(.overlayEdit) .flex.inputs > div .buttonNew.mobile {
    display: block;
  }
  .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;
    margin-top: 10px;
  }
  .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, .section main .subsection#monogram.cover {
    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 {
    max-width: 400px;
  }
  .section .thumbBoxes .flex > * {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !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 > h5 {
    background-position: right 10px;
  }
  .imageGallery .subsection .filters > ul {
    border-top: 2px solid var(--greyLighter2);
  }
  .imageGallery .subsection .filters > ul > li {
    width: auto;
    float: none;
    border-bottom: 2px solid var(--greyLighter2);
  }
  .imageGallery .subsection .filters > ul > li > h5 {
    cursor: pointer;
    position: relative;
  }
  .imageGallery .subsection .filters > ul > li > h5:before {
    content: "";
    width: 13px;
    height: 3px;
    margin-top: -2.5px;
    position: absolute;
    right: 0;
    top: 50%;
    background-color: black;
    transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  .imageGallery .subsection .filters > ul > li > h5:after {
    content: "";
    width: 3px;
    height: 13px;
    margin-top: -7.5px;
    position: absolute;
    right: 5px;
    top: 50%;
    background-color: black;
    transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  .imageGallery .subsection .filters > ul > li > h5:hover, .imageGallery .subsection .filters > ul > li > h5:active {
    color: var(--grey);
  }
  .imageGallery .subsection .filters > ul > li > h5:hover:before, .imageGallery .subsection .filters > ul > li > h5:hover:after, .imageGallery .subsection .filters > ul > li > h5:active:before, .imageGallery .subsection .filters > ul > li > h5:active:after {
    background-color: var(--grey);
  }
  .imageGallery .subsection .filters > ul > li > h5.select:after {
    height: 0;
    margin-top: 0;
  }
  .imageGallery .subsection .filters > ul > li ul {
    display: none;
  }
  .imageGallery .subsection .filters > ul > li ul li:first-child {
    padding-top: 5px;
    border-top: 1px solid var(--greyLighter2);
  }
  .imageGallery .subsection .filters > ul > li ul li:last-child {
    padding-bottom: 5px;
  }
  .imageGallery .subsection .filters > ul > li: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 {
    /*
    &#url {
    					.radio {
    						&:checked {
    							+ label + .radio + label + .siteInfoOption {
    								height: 310px;
    							}
    						}
    					}
    				}
    */
  }
  .section main .subsection .box.layoutThumb {
    width: 45%;
    height: auto;
    padding: 0 1% 12px;
  }
  .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 .pageTypeThumbs > div.rightButtons {
    margin-left: 0;
  }
  .section .subsection .sectionInner.subPlanSection {
    display: block;
  }
  .section .subsection .sectionInner.subPlanSection .planCard {
    width: min(100%, 300px);
    margin-bottom: var(--padding);
  }
}