

/* admo over video */

.admo-home-over-video { 
  position:relative;
  margin-top:-50px; 
  background-color:white; 
  color:var(--cty-brand-navy); 
  padding:30px;
  text-align:center;
  border-radius:30px 0 30px 0;
}
.admo-home-over-video h1 { font-size:70px; line-height:1; margin:0; }

.admo-home-over-video p.intro { font-size:30px; font-weight:500; line-height:1.4; margin:0; margin-top:10px; text-wrap:balance; }


/* about the bid */

.admo-about-callout { display:table; width:100%; }
.admo-about-callout-bling { display:table-cell; width:110px; vertical-align:middle; padding-right:16px; }
.admo-about-callout-content { display:table-cell; width:auto; vertical-align:middle; }

.admo-about-callout-content img { border-radius:20px; overflow:hidden; }

@media all and (min-width: 992px) {
  .admo-about-callout { display:table; width:100%; }
  .admo-about-callout-bling { display:table-cell; width:240px; vertical-align:middle; padding-right:40px; }
  .admo-about-callout-content { display:table-cell; width:auto; vertical-align:middle; }

  .admo-about-callout-content img { border-radius:40px; overflow:hidden; }

}


/* porchfest anchor nav */

.admo-anchor-links { padding:16px 0; }
.admo-anchor-links ul { margin:0; padding:0; list-style:none; text-align:center; text-wrap:balance; }
.admo-anchor-links ul li { margin:0; padding:0; display:inline-block; font-size:16px; font-family: 'Changa One', sans-serif; font-weight:400; text-transform:uppercase; letter-spacing:0.010rem; }
.admo-anchor-links ul li a { text-decoration:none; display:inline-block; color:white; background-color:#d6017f; border:0; padding:8px 16px; border-radius:20px; margin:8px; transition: all 0.15s linear 0s; }
.admo-anchor-links ul li a:hover { background-color:#ce027a; color:white; }
@media all and (min-width: 992px) {
  .admo-nav-bar { padding:8px 24px; }
  .admo-anchor-links ul { margin:0; padding:0; list-style:none; text-align:center; }
  .admo-anchor-links ul li { margin:0; padding:0; display:inline-block; }
}

/* porchfest stages */

.stages-slider { width:100%; }

.sw-stage { background-color:white; padding:36px 8px 8px 8px; border-radius:12px; width:100%; text-align:center; position:relative; margin-top:25px;  }

.sw-stage-digit { background-color:#1a76d2; color:white; position:absolute; top:-25px; left:50%; width:50px; height:50px; margin-left:-25px; z-index:1; 
 font-size:16px; line-height:50px; text-align:center; font-weight:900; border-radius:25px; letter-spacing:0.080rem;
}

.sw-stage-type { font-size:14px; line-height:16px; font-weight:900; letter-spacing:0.050rem; text-transform:uppercase; margin-bottom:10px; }
.sw-stage-name { font-size:28px; line-height:1.2; font-family: "Saira Extra Condensed", sans-serif; font-weight:600; text-wrap:balance; }
.sw-stage-add { font-size:18px; font-weight:500; text-wrap:balance; margin-bottom:4px; }

.sw-acts { text-align:center; }
.sw-bubble { background-color:var(--cty-brand-pale); background-color:#f3f9fa; padding:16px 4px; border-radius:6px; margin-top:4px; }
.sw-time { font-size:14px; line-height:16px; font-weight:900; letter-spacing:0.050rem; }
.sw-band { color:var(--cty-brand-pink); font-size:30px; line-height:1.1; font-family: "Saira Extra Condensed", sans-serif; font-weight:700; margin-top:4px; margin-bottom:4px; text-wrap:balance; }
.sw-genre { opacity:0.9; font-size:16px; line-height:1.2; font-weight:500; margin-top:6px; text-wrap:balance; }

.sw-padding { padding:18px 0; }

.btn-map-pan { 
  background-color:var(--cty-brand-pale); 
  border:1px solid var(--cty-brand-pale); 
  color:var(--cty-brand-navy); 
  font-size:0.8rem; font-family: 'Changa One', sans-serif; font-weight:400; text-transform:uppercase; letter-spacing:0.010rem; 
  margin: 4px 2px 4px 0px; 
  padding: .375rem .75rem; 
  transition:var(--cty-transition-hover); 
  text-decoration:none; 
}
.btn-map-pan:hover { 
  background-color:var(--cty-brand-pink); 
  border-color:var(--cty-brand-pink);  
  color:white;  
  text-decoration:none; 
}




/* point-section */

#point-section #clmap { width:100%; height:80vh; min-height:200px; max-height:800px; background-color:#E6E4E0; border-top:1px solid #eee; border-bottom:1px solid #eee; }

.porchfest-map #clmap { width:100%; height:75vh; min-height:200px; max-height:800px; background-color:#f4f0ef; }

.section-filters { text-align:center; margin:30px 0px; }
.section-filters .section-filters-title { text-align:center; color:#222; font-size:14px; line-height:16px; letter-spacing:0.100rem; font-weight:700; text-transform:uppercase; margin:0 0 14px 0;}
.section-filters ul { list-style:none; margin:0; padding:0 ;}
.section-filters li { display:inline; margin:0; padding:0; }
.section-filters a {
font-weight:400;
text-decoration: none;
line-height: 12px;
font-size: 12px;
text-align: center;
display:inline-block;
color:#122C50;
background-color:white;
letter-spacing:  0.050rem;
border:1px solid #122C50;
border-radius:2px;
padding:6px 10px;
white-space: nowrap;
margin:4px 3px;
text-transform:uppercase;
}
.section-filters a:hover { background-color:#122C50; border-color:#122C50; color:white; text-decoration: none; }
.section-filters a.selected { background-color:#122C50; border-color:#122C50; color:white; }

.point-section-results { margin:30px 0px; }

.pst { margin-bottom:24px; }
.pst-topline { border-top:1px solid #eee; padding-top:8px; }
.pst a { display:block; }

.pst a .pst-image { position:relative; width:100%; padding-bottom:66.66%; background-color:#eee; margin-bottom:12px; }
.pst a .pst-image-bg { position:absolute; top:0; width:100%; height:100%; background-position:center center; background-size:cover; }
.pst a .pst-image-cover { position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.1); transition: all .5s;}
.pst a:hover .pst-image-cover { background-color:rgba(0,0,0,0.5);  }


/* point section sticky */

.sticky-wrap { background-color:#fafafa; }
.sticky-hold { display:block; }
.sticky-content { width:100%; background-color:white; padding:40px; min-height:100px; }
.sticky-map { width:100%; height:90vh; min-height:420px; background-color:#E8E0D8; }
#stickymap { width:100%; height:90vh; background-color:#E8E0D8; }
@media all and (min-width: 768px) {
	.sticky-hold { display:flex; width:100%; max-width:1600px; margin:0 auto; min-height:100vh; }
	.sticky-content { width:40%; height:auto; }
	.sticky-map { width:60%; height:auto; }
	#stickymap { width:100%; height:100vh; top:0px; position: sticky; position: -webkit-sticky; /* need for safari */ }
}


/* point section stacky */

:root {
  --stacky-height: 900px; /* desktop element height */
}
.stacky-wrap { background-color:inherit; }
.stacky-hold { display:block; }
.stacky-content { width:100%; padding:24px; min-height:100px; }
.stacky-map { width:100%; height:70vh; min-height:420px; background-color:#E8E0D8; }
#stackymap { width:100%; height:70vh; background-color:#E8E0D8; }
@media all and (min-width: 992px) {
	.stacky-hold { display:flex; flex-direction:row; width:100%; max-width:2600px; margin:0 auto; height:900px; /* includes border */}
  .stacky-hold { overflow:hidden; }
	.stacky-content { width:40%; padding:16px; height:auto; overflow-y: scroll; }
	.stacky-map { width:60%; height:var(--stacky-height); }
	#stackymap { width:100%; height:var(--stacky-height); top:0px; }
}
@media all and (min-width: 1200px) {
	.stacky-wrap { padding:0; }
	.stacky-content { width:600px; }
	.stacky-map { width:calc(100% - 600px); }
}

.stackycard { 
	position:relative; 
	display:flex; 
	width:100%;  
	margin-top:1rem; 
  background-color:var(--cty-brand-pale); 
	color:var(--cty-brand-navy); 
}
.stackycard-content { width:calc(100% - 160px); min-height:160px; padding:1rem; }
.stackycard-image { width:160px; height:inherit; background-color:#eee;  }

.stackycard-map-link { position:absolute; top:0px; right:0px; background:#666; height:auto; }
.stackycard-map-link button { float:right; }
@media all and (min-width: 1500px) {
	.stackycard-content { width:calc(100% - 220px); min-height:180px; padding:1.5rem; }
	.stackycard-image { width:220px; }
  .stacky-content { width:700px; }
	.stacky-map { width:calc(100% - 700px); }
}

.stackycard-image a { display:block; width:100%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; }

.stackycard-subhead { font-size:0.6rem; line-height:1.3; 
	text-transform:uppercase; letter-spacing:0.050rem; margin-bottom:0.5rem; text-wrap:balance; }
.stackycard-headline { font-size:1.6rem; line-height:1.1; margin-bottom:0.25rem; text-wrap:balance; font-family: 'Changa One', sans-serif; }
.stackycard-text { font-size:0.9rem; line-height:1.3; margin-bottom:0.5rem; text-wrap:balance; }
.stackycard-link { font-size:0.9rem; line-height:1.3; margin-top:1rem; }
.stackycard-link a { color:inherit; text-decoration:none; }
.stackycard-link a:hover { color:inherit; text-decoration:none; }

@media all and (min-width: 1200px) {
  .stackycard-subhead { font-size:0.8rem; }
  .stackycard-headline { font-size:1.8rem; margin-bottom:0.45rem; }
  .stackycard-text { font-size:0.9rem;  }
  .stackycard-subhead { width:calc(100% - 60px); }
}

.btn-map-it { 
  display:inline-block;
  background-color:var(--cty-brand-blue); 
  border:0;  
  color:white; 
  font-size:13px; line-height:30px; font-weight:600; text-transform:uppercase; letter-spacing:0.010rem; 
  border-radius:0px; 
  border:0; 
  margin: 0; 
  padding: 0 10px; 
  transition:var(--cty-transition-hover);  
  text-decoration:none; 
}
.btn-map-it:hover {  
  background-color:var(--cty-brand-blue);  
  border-color:var(--cty-brand-blue);
  color:white; 
  text-decoration:none; 
}




/* point-detail */

.point-social-icons { margin:24px 0; text-align:left;}
.point-social-icons a { display:inline-block; width:30px; height:30px; font-size:15px; line-height:30px; border-radius:50%; text-align:center; margin:0 12px 0 0; }
.point-social-icons a { text-decoration:none; color:white; background-color:var(--cty-alink); border:none; transition: all 0.15s linear 0s;}
.point-social-icons a:hover { color:white; background-color:var(--cty-ahover); }

#point-detail { margin-left:-24px; margin-right:-24px; border-top:1px solid #E6E4E0; border-bottom:1px solid #E6E4E0;}
#point-detail #clmap { width:100%; height:50vh; min-height:150px; max-height:500px; background-color:#E6E4E0; border-top:2px solid white; border-bottom:2px solid white; }
@media all and (min-width: 992px) {
	#point-detail #clmap { border:2px solid white; }
	#point-detail { margin-left:0px; margin-right:0px; border: 1px solid #E6E4E0; }
}

.ftn { text-align:center; }
.ftn h4 { text-align:center; }
.ftn ul { margin:20px 0px; padding:0; }
.ftn li { list-style-type: none; padding:10px 0px; margin:0; border-bottom:1px solid #eee6e8;}
.ftn li:last-child { border-bottom:0;}
.ftnname { display:block; font-size:110%;}
.ftnaddress { font-size:80%; color:inherit; }
.ftndistance { font-size:80%; color:inherit; }


/* event-detail */

ul.datelist { list-style-type: none; padding-left:0; margin-left:0; }
ul.datelist li { margin-bottom:6px; }
ul.datelist li .dldate { color:inherit; }
ul.datelist li .dltime { color:inherit; }







/* day and night */


/* Main Container */
.slim-comparison-container {
  position: relative;
  width: 100%;
  height: 400px;
  box-sizing: border-box;
  overflow: hidden;
  -moz-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
  max-height: 700px; /* Add your desired max-height here */
}

.slim-comparison-container * {
  box-sizing: border-box;
}

.slim-comparison-container .slim-before-wrapper img,
.slim-comparison-container .slim-after-wrapper img {
  max-width: initial !important;
}

/* Wrapper Elements */
.slim-comparison-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

/* CHANGES HERE FOR MAX HEIGHT */
.slim-before-wrapper, 
.slim-after-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.slim-before-wrapper {
  z-index: 2;
  width: 50%;
}

.slim-after-wrapper {
  z-index: 1;
}

.slim-after-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* Captions */
.slim-before-caption,
.slim-after-caption {
  position: absolute;
  margin-top: -15px;
  bottom: 24px;
  /*background-color: rgba(255, 255, 255, 0.9);*/
  color: white;
  font-family: 'Changa One', sans-serif;
  font-weight: 400;
  font-size:40px;
  line-height:40px;
  text-shadow: 0px 0px 2px black;
  padding: 0;
  left: 24px;
  text-decoration: none;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

@media screen and (min-width: 768px) {
  .slim-before-caption,
  .slim-after-caption {
    font-size:60px;
    line-height:60px;
  }
}

.slim-caption-hover .slim-before-caption,
.slim-caption-hover .slim-after-caption {
  opacity: 1;
}

.slim-after-caption {
  left: auto;
  right: 24px;
}

/* Caption Positioning */
.slim-caption-position-top .slim-before-caption,
.slim-caption-position-top .slim-after-caption {
  top: 10px;
  margin-top: 0;
}

.slim-caption-position-bottom .slim-before-caption,
.slim-caption-position-bottom .slim-after-caption {
  top: auto;
  margin-top: 0;
  bottom: 10px;
}

/* Hover Effects */
.slim-comparison-container:hover .slim-before-caption,
.slim-comparison-container:hover .slim-after-caption {
  opacity: 1;
}

/* Separator/Handle */
.slim-separator {
  z-index: 10;
  position: absolute;
  width: 44px;
  height: 44px;
  border: solid 3px #e30285;
  border-color:#e30285!important;
  border-radius: 50%;
  top: 50%;
  margin-top: -22px;
  left: 50%;
  margin-left: -22px;
  cursor: e-resize;
  -webkit-box-shadow: 0 0 20px rgba(55, 55, 55, 0.8);
  box-shadow: 0 0 20px rgba(55, 55, 55, 0.8);
}

/* Separator Lines */
.slim-before-line {
  bottom: 100%;
  background-color:#e30285!important;
}

.slim-after-line {
  top: 100%;
  background-color:#e30285!important;
}

.slim-before-line,
.slim-after-line {
  content: '';
  width: 3px;
  position: absolute;
  height: 10000px;
  background-color: #e30285;
  left: 50%;
  margin-left: -1.5px;
  -webkit-box-shadow: 0 0 12px rgba(55, 55, 55, 0.5);
  box-shadow: 0 0 12px rgba(55, 55, 55, 0.5);
}

/* Separator Arrows */
.slim-before-arrow {
  left: 0;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: white;
  border-width: 8px;
  margin-top: -8px;
}

.slim-after-arrow {
  right: 0;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-left-color: white;
  border-width: 8px;
  margin-top: -8px;
}

/* Vertical Layout */
.slim-vertical .slim-before-wrapper,
.slim-vertical .slim-after-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.slim-vertical .slim-before-wrapper {
  z-index: 2;
  width: 100%;
  height: 50%;
}

.slim-vertical .slim-after-wrapper {
  z-index: 1;
}

.slim-vertical .slim-separator {
  z-index: 10;
  position: absolute;
  width: 44px;
  height: 44px;
  border: solid 3px #e30285;
  border-radius: 50%;
  top: 50%;
  margin-top: -22px;
  cursor: n-resize;
}

/* Vertical Lines */
.slim-vertical .slim-before-line {
  bottom: auto;
  right: 100%;
  left: auto;
  margin-left: auto;
}

.slim-vertical .slim-after-line {
  top: auto;
  left: 100%;
  margin-left: auto;
}

.slim-vertical .slim-before-line,
.slim-vertical .slim-after-line {
  content: '';
  width: 10000px;
  position: absolute;
  height: 3px;
  background-color: #fff;
  top: 50%;
  margin-top: -1.5px;
}

/* Vertical Arrows */
.slim-vertical .slim-before-arrow {
  top: 0;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: inherit;
  border-width: 8px;
  margin-left: -8px;
  margin-top: 0;
}

.slim-vertical .slim-after-arrow {
  bottom: 0;
  top: auto;
  right: auto;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: inherit;
  border-width: 8px;
  margin-left: -8px;
  margin-top: 0;
}

/* Vertical Captions */
.slim-vertical .slim-before-caption,
.slim-vertical .slim-after-caption {
  position: absolute;
  top: 10px;
  left: 10px;
  margin-top: auto;
  background-color: rgba(255, 255, 255, 0.9);
  color: #333;
  padding: 5px 10px;
  text-decoration: none;
}

.slim-vertical .slim-after-caption {
  top: auto;
  right: auto;
  bottom: 10px;
  left: 10px;
}

/* Vertical Caption Position Right */
.slim-caption-position-right.slim-vertical .slim-before-caption,
.slim-caption-position-right.slim-vertical .slim-after-caption {
  left: auto;
  right: 10px;
}

/* Utility Classes */
.slim-hide-separator .slim-separator {
  opacity: 1;
}

/* Loading Animation */
.slim-comparison-loader {
  position: absolute;
  z-index: 15;
  background-color: rgba(255, 255, 255, 1);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

.slim-lds-ellipsis {
  display: inline-block;
  position: absolute;
  width: 64px;
  height: 64px;
  left: 50%;
  margin-left: -32px;
  top: 50%;
  margin-top: -32px;
}

.slim-lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #58b368;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.slim-lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: slim-lds-ellipsis1 0.6s infinite;
}

.slim-lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: slim-lds-ellipsis2 0.6s infinite;
}

.slim-lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: slim-lds-ellipsis2 0.6s infinite;
}

.slim-lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: slim-lds-ellipsis3 0.6s infinite;
}

/* Keyframe Animations */
@keyframes slim-lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes slim-lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

@keyframes slim-lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}






/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:left; margin: 20px}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input:not(.btn-brand) {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
/*#mc_embed_signup .button {clear:both; background-color: #111; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: fit-content; width: -moz-fit-content;}
#mc_embed_signup .button:hover {background-color:#222;}
*/
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px; display:grid;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}
#mc_embed_signup .mc-address-fields-group {display:flex; flex-direction:row; justify-content:space-evenly; width:96%; gap:15px;}
#mc_embed_signup .mc-sms-phone-group {display:flex; flex-direction:row; justify-content:space-evenly; width:96%; gap:15px; padding-top:5px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}
#mc_embed_signup .foot {display:grid; grid-template-columns: 3fr 1fr; width:96%; align-items: center;}
@media screen and (max-width:400px) {#mc_embed_signup .foot {display:grid; grid-template-columns: 1fr; width:100%; align-items: center;}}

@media screen and (max-width:400px) {#mc_embed_signup .referralBadge {width:50%;}}

#mc_embed_signup .brandingLogo {justify-self:right;}
@media screen and (max-width:400px) {#mc_embed_signup .brandingLogo {justify-self:left;}}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
#mc_embed_signup .helper_text {color: #8d8985; margin-top: 2px; display: inline-block; padding: 3px; background-color: rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; font-weight: normal; z-index: 1;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:3px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}