/*
	Theme Name: Millie's

	Author: Top Hat
	Author URI: https://builtbytophat.com;

	Version: 1.0

	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*
                                                               `/shmNNNmho-                         
                                                             `sNNNNNNNNNNNNy`                       
                                                            -mNNNms/---+mNNNd                       
                                                            /hmNh`      .NNNN:                      
                                                              ```       -NNNN:                      
                                                                     `-omNNNh                       
                                                             `.:/+sydmNNNNNs`                       
                                                    `.-:/oyhdmmNNNNNNNNmh+.                         
                                           `.-:/+sydmmNNNNNNNNNmdhys+:-`                            
                                   `.-:+oyhdmmNNNNNNNNmdhhso/:..``                                  
                          `.-:/+shddmNNNNNNNNNmdhyo+:-.``.-:: .:+shhhys/.                           
                 ``.-:+oyhdmmNNNNNNNNmdhyso/-..`        /mNNNymNNNNNNNNNmy.                         
             ./shddmNNNNNNNNNmdhyo+:-.``  `....`        +NNNNNNNdyo++sdNNNd.                        
           :ymNNNNNNmddymNNNs.`       ./shdmmmmdho-     +NNNNNd/`     .dNNNs                        
          +NNNNds+:-.`  dNNNo       -ymNNNNNmmNNNNNs`   +NNNNy`        sNNNh                        
         :NNNN+`        dNNNo     `sNNNNds/----+mNNNd`  +NNNN`         sNNNd                        
         sNNNd          dNNNo    `hNNNm+`       .NNNN+  +NNNN          yNNNy                        
         +NNNm-  ``     dNNNo    yNNNd.          dNNNs  +NNNN         /NNNN:                        
         `hNNNmyydh:    dNNNo   .NNNN:           dNNNo  +NNNN:     `-yNNNNo                         
          `omNNNNNNm-   dNNNo   :NNNN`          /NNNN-  +NNNNNy+++sdNNNNd/                          
            `:+oo+:`    dNNNo   -NNNN.        `+NNNNs   +NNNNNNNNNNNNmd+`                           
                        dNNNo    dNNNh-`   `.+dNNNNo    +NNNNoyhhhyo/.                              
                        dNNNo    .dNNNNdyyhdNNNNNh-     +NNNN          /s-                          
                        dNNNo     `+dNNNNNNNNNdo-       oNNNm        .hNNNy`                        
                        dNNNo        .:/+o+/-`     `.:/yNNNN+       .mNNNd-                         
                        dNNNo              `-:-   .NNNNNNNm/        dNNNh`                          
                        dNNN+          /ydNNNN+   -NNNmhs:         :NNNN.                           
                        -:.`         :mNNNNNNm/    -.              +NNNm                            
                                    :NNNNy:.`      `-/+o+/-        +NNNm                            
                        :+sy/       yNNNh       `+hNNNNNNNNms.     +NNNm                            
                        dNNNo       yNNNy     `omNNNNmhyhNNNNm-    +NNNm                            
                        dNNNo       yNNNy    `hNNNNs-`   `yNNNd    +NNNm                            
                        dNNNo       yNNNy    yNNNd-       :NNNN`   +NNNm                            
                        dNNNo       yNNNy   .NNNN:        :NNNN`   +NNNm  `.-/+-                    
                        dNNNo       yNNNy   -NNNN.        :NNNN`   +NNNNhdmmNNNo                    
                        dNNNo       yNNNy   -NNNN.       `/NNNN`   +NNNNNNNNmdh:         `/oyh`     
                        dNNNo       yNNNy   -NNNN:-:/oyhdmNNNNN`   +NNNNo/:..``          `mNNN+     
                        dNNNo       yNNNy   -NNNNmNNNNNNNNNNNNN`   +NNNm                  sNNNh     
                        dNNNo  `.-:+dNNNy   -NNNNNmdhhso/:/NNNN`   +NNNm                  sNNNd     
                      `.dNNNdhddmNNNNNNNy   -NNNN:.``     :NNNN`   /NNNN`                `dNNNs     
              `.-:+oyhdmNNNNNNNNNmdhmNNNy   -NNNN.        :NNNN`   `mNNNs               `sNNNm.     
           -+ydmNNNNNNNNNNNNdo+:-.``yNNNy   -NNNN.        `o+:-     /NNNNy-           `/dNNNm:      
        `/hmNNNNmddys+/-dNNNo       yNNNy   -Nmdh`                   :dNNNNho:-....-/sdNNNNh-       
       -hNNNNdo:.`      dNNNo       smmdo    -.`                      `/hNNNNNNmmmmNNNNNmy:         
      /mNNNh:`          dNNNo       .-.`                                `-+ydmmNNNmmdhs/.           
     /NNNNo`            dNNNo                                               `..----.`               
    `mNNNs             `mNNN+                                                                       
    -NNNN.             sNNNm`                                                                       
    -NNNN.           `sNNNN/                                                                        
     dNNNh`        .+mNNNm/                                                                         
     -mNNNmo:-.-:oyNNNNNy.                                                                          
      .sNNNNNNNNNNNNNms-                                                                            
        ./ydmNNNmdy+-                                                                               
             ```                                                                                    
*/

/* # HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* ## Baseline Normalize
--------------------------------------------- */
/* normalize.css v4.1.1 | MIT License | http://necolas.github.io/normalize.css/ */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

/* ## Box Sizing
--------------------------------------------- */

html,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

/* ## Float Clearing
--------------------------------------------- */

.author-box::before,
.clearfix::before,
.entry::before,
.entry-content::before,
.footer-widgets::before,
.nav-primary::before,
.nav-secondary::before,
.pagination::before,
.site-container::before,
.site-footer::before,
.site-header::before,
.site-inner::before,
.widget::before,
.wrap::before {
	content: " ";
	display: table;
}

.author-box::after,
.clearfix::after,
.entry::after,
.entry-content::after,
.footer-widgets::after,
.nav-primary::after,
.nav-secondary::after,
.pagination::after,
.site-container::after,
.site-footer::after,
.site-header::after,
.site-inner::after,
.widget::after,
.wrap::after {
	clear: both;
	content: " ";
	display: table;
}


/* # Defaults
---------------------------------------------------------------------------------------------------- */

/* ## Slick Slider
--------------------------------------------- */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:after, .slick-track:before {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}


/* ## Top Hat Layout Structures
--------------------------------------------- */

section {
	float: left;
	width: 100%;
	position: relative;
}

/*Parallax Trick*/
.bg-wrap {
    clip: rect(0, auto, auto, 0);
    clip-path: inset(0 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.bg {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  z-index: 2;
  will-change: transform;
  transform: translate(0) perspective(0px)!important;
  -ms-transform: translate(0) perspective(0px)!important;
  -webkit-transform: translate(0) perspective(0px)!important;
  -moz-transform: translate(0) perspective(0px)!important;
  -o-transform: translate(0) perspective(0px)!important;
}

.bg:before {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.0);
	content: '';
    z-index: 3;
}


/* ## Typographical Elements
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: unset;
}

html {
	font-size: 62.5%; /* 10px browser default */
}

/* Chrome fix */
body > div {
	font-size: 20px;
	font-size: 2rem;
}

body.cart-open,
body.menu-open,
body.locked {
  overflow: hidden;
  height: 100%;
}

body {
	background-color: #fff;
	color: #53281c;
	font-size: 20px;
	font-size: 2rem;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
	line-height: 1.1;
	margin: 0;
	font-family: 'Halis GR';
}

.site-inner {
  margin-top: 70px;
  position: relative;
}

body input {
	outline: none!important;
  -moz-appearance: textfield !important;
}

a:active,
a:focus, {
  outline:0;
  border:none;
  -moz-outline-style: none;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}

a {
	text-decoration: underline;
	outline:0;
	border:none;
	-moz-outline-style: none;
}

a:focus,
a:hover {
	text-decoration: none;
	outline:0;
	border:none;
	-moz-outline-style: none;
}

p {
	margin: 0 0 28px;
	padding: 0;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

hr {
	border: 0;
	border-collapse: collapse;
	border-top: 1px solid #eee;
	clear: both;
	margin: 1em 0;
}

b,
strong {
	font-weight: 700;
}

blockquote,
cite,
em,
i {
	font-style: italic;
}

mark {
	background: #ddd;
	color: #000;
}

blockquote {
	margin: 40px;
}

blockquote::before {
	content: "\201C";
	display: block;
	font-size: 30px;
	font-size: 3rem;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}

/* ## Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}

figure {
	margin: 0;
}

/* ## Forms
--------------------------------------------- */

::-moz-placeholder {
	color: #333;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #333;
}

input {
	-webkit-appearance: none!important;
	border-radius: 0px!important;
  width: 100%;
}

form {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

/* ## Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	width: 100%;
	word-break: break-all;
}

tbody {
	border-bottom: 1px solid #eee;
}

td,
th {
	text-align: left;
}

td {
	border-top: 1px solid #eee;
	padding: 6px;
}

th {
	font-weight: 400;
	padding: 0 6px;
}

td:first-child,
th:first-child {
	padding-left: 0;
}

/* ## Screen Reader Text
--------------------------------------------- */

.screen-reader-shortcut,
.screen-reader-text,
.screen-reader-text span {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.widget_search input[type="submit"]:focus {
	background: #fff;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
	clip: auto !important;
	color: #333;
	display: block;
	font-size: 1em;
	font-weight: bold;
	height: auto;
	padding: 15px 23px 14px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.more-link {
	position: relative;
}


/* # Global
---------------------------------------------------------------------------------------------------- */

.grecaptcha-badge {
  display: none!important;
  width: 0px!important;
  visibility: hidden!important;
}

.trigger {
  position: absolute;
  float: left;
  width: 100%;
  left: 0;
  right: 0;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex.center {
  align-items: center;
}

.flex.center.just {
  justify-content: center;
  align-items: center;
}

.flex.nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.inline-flex {
  display: inline-flex;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

p:last-of-type {
  margin-bottom: unset!important;
}
/* ## Form Overrides
--------------------------------------------- */

form .ajax-loader,
form .wpcf7-response-output,
form .wpcf7-not-valid-tip {
  display: none !important;
}

input {
	border-radius: 0px!important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


/* ## Column Classes
--------------------------------------------- */
/* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */

.five-sixths,
.four-sixths,
.one-fourth,
.one-sixth,
.one-third,
.three-fourths,
.two-sixths,
.two-thirds {
  float: left;
  margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
  width: 45%;
  float: left;
  margin-left: 10%;
}

.one-half,
.three-sixths,
.two-fourths {
  width: 45%;
}

.one-third,
.two-sixths {
  width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
  width: 65.81196581196582%;
}

.one-fourth {
  width: 23.076923076923077%;
}

.three-fourths {
  width: 74.35897435897436%;
}

.one-sixth {
  width: 14.52991452991453%;
}

.five-sixths {
  width: 82.90598290598291%;
}

.first {
  clear: both;
  margin-left: 0;
}

/* ## Font Imports
--------------------------------------------- */

@font-face {
    font-family: 'Halis GR';
    src: url('/wp-content/themes/millies/assets/fonts/HalisGR-Black.woff2') format('woff2'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-Black.woff') format('woff'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Halis GR';
    src: url('/wp-content/themes/millies/assets/fonts/HalisGR-ExtraLight.woff2') format('woff2'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-ExtraLight.woff') format('woff'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Halis GR Book';
    src: url('/wp-content/themes/millies/assets/fonts/HalisGR-Book.woff2') format('woff2'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-Book.woff') format('woff'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Halis GR';
    src: url('/wp-content/themes/millies/assets/fonts/HalisGR-Bold.woff2') format('woff2'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-Bold.woff') format('woff'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Halis GR';
    src: url('/wp-content/themes/millies/assets/fonts/HalisGR-BlackItalic.woff2') format('woff2'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-BlackItalic.woff') format('woff'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Halis GR Book';
    src: url('/wp-content/themes/millies/assets/fonts/HalisGR-BookItalic.woff2') format('woff2'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-BookItalic.woff') format('woff'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-BookItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Halis GR';
    src: url('/wp-content/themes/millies/assets/fonts/HalisGR-ExtraLightItalic.woff2') format('woff2'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-ExtraLightItalic.woff') format('woff'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Halis GR';
    src: url('/wp-content/themes/millies/assets/fonts/HalisGR-Medium.woff2') format('woff2'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-Medium.woff') format('woff'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Halis GR';
    src: url('/wp-content/themes/millies/assets/fonts/HalisGR-LightItalic.woff2') format('woff2'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-LightItalic.woff') format('woff'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Halis GR S';
    src: url('/wp-content/themes/millies/assets/fonts/HalisGR-SBold.woff2') format('woff2'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-SBold.woff') format('woff'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-SBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Halis GR';
    src: url('/wp-content/themes/millies/assets/fonts/HalisGR-MediumItalic.woff2') format('woff2'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-MediumItalic.woff') format('woff'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Halis GR';
    src: url('/wp-content/themes/millies/assets/fonts/HalisGR-RegularItalic.woff2') format('woff2'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-RegularItalic.woff') format('woff'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Halis GR';
    src: url('/wp-content/themes/millies/assets/fonts/HalisGR-Light.woff2') format('woff2'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-Light.woff') format('woff'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Halis GR';
    src: url('/wp-content/themes/millies/assets/fonts/HalisGR-Regular.woff2') format('woff2'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-Regular.woff') format('woff'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Halis GR';
    src: url('/wp-content/themes/millies/assets/fonts/HalisGR-Thin.woff2') format('woff2'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-Thin.woff') format('woff'),
        url('/wp-content/themes/millies/assets/fonts/HalisGR-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* ## Font References
--------------------------------------------- */

.program {
	font-family: program-narrow, sans-serif;
	font-weight: 400;
}

.program.medium {
  font-family: program-narrow, sans-serif;
  font-weight: 500;
}

.program.black {
	font-family: program-narrow, sans-serif;
	font-weight: 900;
}

.program.ot.black {
  font-family: program, sans-serif;
  font-weight: 900;
}

.program.ot.bold {
  font-family: program, sans-serif;
  font-weight: 700;
}

.meatball {
	font-family: meatball, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.halis.extra-light {
	font-family: 'Halis GR';
	font-weight: 200;
}
.halis.book {
	font-family: 'Halis GR Book';
	font-weight: normal;
}

.halis.bold {
	font-family: 'Halis GR';
	font-weight: bold;
}

.halis.black {
	font-family: 'Halis GR';
	font-weight: 900;
}

.halis.medium {
	font-family: 'Halis GR';
	font-weight: 500;
}

.halis.light {
	font-family: 'Halis GR';
	font-weight: 300;
}

.halis.super {
	font-family: 'Halis GR S';
	font-weight: bold;
}

.halis.thin {
	font-family: 'Halis GR';
	font-weight: 100;
}

/* ## Site Specific Containers
--------------------------------------------- */

.millies-site-container {
  width: 1300px;
  max-width: 94%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

/* ## Animations
--------------------------------------------- */


/* # Page Templates
---------------------------------------------------------------------------------------------------- */

.password-gate {
  height: calc(100vh - 62px);
  align-items: center;
  justify-content: center;
  width: 100%;
  position: fixed;
  background-color: #ef4b81;
  z-index: 90;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  top: 62px;
}

.success .password-gate {
  top: -100%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.over-text .scoop-title {
  margin-bottom: 25px;
}

.page-template-millies-password-portal-page-template {
  background-color: #FFE27C;
}

.the-page-itself {
  min-height: 100vh;
}

.millies-resources-inner a {
  color: #53281c;
  text-decoration: none;
  align-items: center;
}

.download-sprink {
  font-family: program, sans-serif;
  font-weight: 700;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  color: #FFE27C;
  background-color: #ef4b81;
  border-radius: 50px;
  margin-left: 15px;
  padding: 5px 10px;
}

.millies-resource-line {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 2px solid #53281c;
}

/* ## Location
--------------------------------------------- */

.food-truck-icon {
  height: 88px;
  width: 88px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: -9px 6px 0 0 rgba(0, 0, 0, 0.2);
  border: solid 3px #fff;
  position: absolute;
  top: -31px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #ef4b81;
}

.food-truck-icon img {
  width: 80%!important;
}

.f-truck-title {
  text-align: center;
  margin-bottom: 35px;
}

.f-truck-title h2 {
  color: #ffe27c;
  text-transform: uppercase;
  font-size: 42px;
  line-height: 1.1;
  letter-spacing: .47px;
}

.food-truck:nth-child(3) {
  margin-right: unset;
}

.food-truck {
  border-radius: 13px;
  background-color: #fff;
  width: 32%;
  margin-right: 2%;
  padding: 9px;
  color: #ef4b81;
  text-decoration: none;
}

.truck-info-top {
  text-transform: uppercase;
  line-height: 1;
  font-size: 16px;
  letter-spacing: -0.27px;
  margin-bottom: 4px;
}

.truck-name {
  font-size: 32px;
  line-height: 1.1;
}

.food-truck-day {
  font-size: 34px;
  line-height: 1;
}

.truck-info-right {
  width: calc(100% - 54px);
  padding-left: 10px;
  align-items: center;
}

.food-truck-month {
  text-transform: uppercase;
  font-size: 15px;
  line-height: 1;
  margin-bottom: 2px;
}

.truck-date {
  background-color: #ef4b81;
  padding: 10px 0 5px;
  color: #fff;
  width: 54px;
  text-align: center;
  border-radius: 8px;
}

.food-truck-render-area {
  padding: 50px 0 100px;
}

.food-truck-breakdown {
  margin-top: -3.2%;
}

.food-truck-breakdown img {
  width: 100%;
}

.food-truck-render {
  background-color: #ef4b81;
  width: 100%;
  margin: -2px auto;
}

.food-truck-breakdown .wave.bottom {
  position: relative;
  transform: scaleY(-1);
}

.right-side-contents .open-close-holder {
  text-align: left;
  margin-bottom: 25px;
}

.address-area-loc {
  font-size: 18px;
  line-height: 1.1;
  margin-bottom: 12px;
}

.hour-range {
  align-items: center;
  margin-bottom: 5px;
}

.hour-range:last-of-type {
  margin-bottom: unset;
}

.open-close {
  width: calc(100% - 64px);
  margin-left: auto;
  font-size: 17px;
}

.hour-range .day-name {
  width: 54px;
  text-align: right;
  font-size: 16px;
  letter-spacing: 0.27px;
  text-transform: uppercase;
  color: #ef4b81;
}

.loc-hours-break {
  width: 100%;
}

.loc-hours-break-inner {
  width: 600px;
  margin: 0 auto;
  max-width: 100%;
}

.day-hour-breakdown:after {
  right: 0;
  position: absolute;
  width: 12px;
  display: block;
  content: '';
  height: 100%;
  top: 0;
  background-image: url(/wp-content/themes/millies/assets/graphics/sprinkle-border-vert.svg);
  background-repeat: repeat-y;
  background-size: auto 50px;
}

.right-side-contents {
  padding-left: 9%;
}

.day-hour-breakdown-inner {
  width: 91%;
  margin-left: auto;
}

.day-hour-breakdown,
.right-side-contents {
  width: 50%;
  position: relative;
  padding-top: 25px;

}

.location-hero-area.has-food-truck {
  padding-bottom: 160px;
}

.location-hero-area {
  background-color: #ffe27c;
  padding-bottom: 100px;
}

.location-top-hero-container {
  width: 845px;
  margin: 0 auto;
  max-width: 90%;
}

.loc-title {
  text-align: center;
  width: 100%;
  position: relative;
  margin-bottom: 50px;
}

.loc-title h1 {
  text-transform: uppercase;
  font-size: 44px;
  line-height: 1;
  color: #ef4b81;
}

.flavor-breakdown-inlocation {
  padding: 150px 0 100px;
}

.flavor-container {
  width: 1000px;
  margin: 0 auto;
  max-width: 90%;
}

.flavor-container h2 {
  color: #ef4b81;
  font-size: 42px;
  line-height: 1.1;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  letter-spacing: .47px;
  margin-bottom: 78px;
}


/* ## Tour
--------------------------------------------- */

.page-template-millies-tour-page-template form .wpcf7-not-valid-tip {
  position: absolute;
  left:  0;
  bottom: -20px;
  text-align: right;
  display: block!important;
  width: 100%;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: -.6px;
  font-family: 'Halis GR';
  font-weight: 900;
  color: #53281c;
}

.wpcf7 .wpcf7-submit:disabled {
  opacity: .5;
}

.page-template-millies-tour-page-template {
  background-color: #ffe27c;
}

.tour-hero .tour-hero-image {
  width: 60%;
}
.tour-hero .tour-title {
  width: 40%;
  margin-left: -5%;
}

.tour-hero .millies-site-container {
  align-items: center;
}

.tour-title-inner {
  width: 402px;
  max-width: 100%;
  margin-right: auto;
}

.tour-title-inner h1 {
  color: #ef4b81;
  font-size: 110px;
  line-height: .72;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.tour-hero {
  padding:  50px 0;
}

.tour-main-info .top-line {
  justify-content: center;
  margin-bottom: 25px;
}

.tour-main-info .top-line .sprinkle-heading {
    font-family: 'Halis GR'!important;
    font-weight: 500!important;
    font-style: italic;
}

.tour-main-info .top-line .sprinkle-tag {
  text-transform: unset;
  font-style: italic;
  font-size: 20px;
}

.tour-boxes {
  margin-bottom: 100px;
}

.the-form {
  padding-bottom: 100px;
}

.the-form .millies-site-container {
  width: 790px;
}

.form-top-box {
  text-align: center;
  margin-bottom: 70px;
}

.form-top-box h2 {
  color: #ef4b81;
  line-height: .8;
  font-size: 110px;
  margin-bottom: 25px;
}

.form-top-box .sprinkle-heading {
  font-family: 'Halis GR'!important;
  font-weight: bold!important; 
}

.form-top-box .sprinkle-tag {
  text-transform: unset;
  font-size: 26px;
}

.form-email-line {
  justify-content: center;
  font-size: 26px;
}

.form-email-line a {
  color: #ef4b81;
  text-decoration: none;
}

.form-email-line span {
  margin-right: 7px;
}

.form-contact-line {
  line-height: 1.4;
}

.form-area.yellow label {
  color: #ef4b81;
}

.form-area.yellow textarea {
  border-color: #ef4b81;
  color: #53281c;
}

.yellow .form-field:after, 
.form-area.yellow .wpcf7-form-control-wrap:after {
  background-color: #ef4b81;
}

.form-area.yellow .wpcf7-submit {
  background-color: #ef4b81;
  color: #ffe27c;
}

.form-area.yellow textarea::-moz-placeholder {
  color: #53281c;
  opacity: 1;
}

.form-area.yellow textarea::-webkit-input-placeholder {
  color: #53281c;
  opacity: 1;
}

.form-area.yellow input {
  color: #53281c;
  opacity: 1;
}

.form-area.yellow input {
  color: #53281c;
  opacity: 1;
}

.form-full.submit-area {
  align-items: center;
}

.form-area.yellow select {
  color: #53281c!important;
}

.form-area.yellow input::-moz-placeholder {
  color: #53281c!important;
  opacity: 1;
}

.form-area.yellow input::-webkit-input-placeholder {
  color: #53281c!important;
  opacity: 1;
}

.liability-area {
  width: calc(95% - 190px);
  margin-right: auto;
  text-align: left;
}

.liability-area .wpcf7-form-control-wrap a {
  color: #53281c;
}

.liability-area .wpcf7-form-control-wrap:after {
  display: none!important;
}

.liability-area input {
  display: none!important;
}

.liability-area label {
  padding-left: unset;
  font-size: 16px!important;
  color: #53281c!important;
  letter-spacing: -.71px;
}

.liability-area .wpcf7-list-item {
  margin-left: unset!important;
}

.liability-area .wpcf7-list-item-label:before {
  display: block;
  height: 18px;
  width: 18px;
  border:  3px solid  #53281c;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  border-radius: 3px;
}

.liability-area .wpcf7-form-control-wrap {
  cursor: pointer;
}

.liability-area input:checked + span:before {
  background-image: url(/wp-content/themes/millies/assets/graphics/check-black.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

/* ## General
--------------------------------------------- */


.general-page {
  padding: 100px 0 150px;
}

.g-hero {
  margin-bottom: 50px;
}

.main-text a {
  color: #53281c;
}

.main-text ul,
.main-text ol,
.main-text p {
  margin-bottom: 15px;
}

.main-text li {
  margin-bottom: 4px;
}

.main-text ul,
.main-text ol {
  margin-left: 22px;
}

.main-text h2,
.main-text h3 {
  font-family: meatball, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 20px;
  margin-top: 30px;
  line-height: 1.1;
}


/* ## Cart
--------------------------------------------- */

.floating-cart-bottom-container {
  width: 100%;
}

.product-price-in-cart {
  min-height: 17px;
}

.cart-open .floating-cart {
  right: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.cart-open .cart-curtain {
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  pointer-events: inherit;
}

.floating-cart {
  position: fixed;
  top: 0;
  right: -334px;
  /*right: 0;*/
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  width: 334px;
  height: 100vh;
  z-index: 200;
  background-color: #ef4b81;
  color: #fff;
  border-left: 2px solid #53281c;
}

.floating-cart-inner {
  width: 90%;
  margin: 0 auto;
  position: relative;
}

.your-cart-title {
  font-size: 20px;
  line-height: 1.1;
  text-transform: uppercase;
}

.floating-cart-top-title {
  height: 52px;
  align-items: center;
  border-bottom: 2px solid #53281c;
}

.floating-cart-top {
  height: calc(100vh - 180px);
  overflow: auto;
}

.in-product-image {
  background: no-repeat center center / contain;
}

.merch-tile .in-product-image,
.v-pack,
.merch-tile .tour,
.cart-image .tour {
  border-radius: 50%;
}

.v-pack {
  background-color: #b4d2ea;
}

.product-image-maker {
  padding-top: 100%;
}

.cart-image {
  width: 120px;
}

.product-name-price-etc {
  width: calc(95% - 120px);
  margin-left: auto;
  align-items: center;
}

.product-name-in-cart {
  text-transform: uppercase;
  line-height: .8;
  font-size: 22px;
  margin-bottom: 13px;
}

.product-name-in-cart .woocommerce-Price-amount {
    color: #fff;
    font-size: 15px;
}

.product-name-top .product-add-ons dd {
  margin-left: unset;
}

.product-pick-up-setting {
  margin-top: 10px;
  font-size: 15px;
}

.product-pick-up-setting p {
  margin-bottom: 5px;
  line-height: 1.1;
}
.product-pick-up-setting p:last-of-type {
  margin-bottom: unset;
}

.product-name-top .product-add-ons .variation p {
  margin-bottom: 2px;
}

.product-name-top .product-add-ons .variation p:last-of-type {
  margin-bottom: unset;
}

.product-name-top .product-add-ons .variation {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 5px 0 10px;
}

.product-name-top .product-add-ons dt {
  width: 46px;
  line-height: 1;
  margin-bottom: 2px;
}
.product-name-top .product-add-ons dd {
  width: calc(95% - 46px);
  margin-left: auto;
}

.product-name-top .product-add-ons {
  font-size: 16px;
  font-family: program-narrow, sans-serif;
  font-weight: 500;
  line-height: 1.1;
}

.product-name-top {
  margin-bottom: 5px;
}

.floating-cart-top .quantity input {
  text-align: center;
  border: unset;
  font-size: 16px;
  border-radius: 6px!important;
  line-height: 1;
  height: 25px;
  width: 30px!important;
  background-color: #ffe27c;
}

.product-quantity {
  align-items: center;
  margin-left: -3px;
}

.remover-man a {
  font-size: 16px;
  line-height: 1;
    color: #ffe27c;
    text-decoration: none;
    text-transform: uppercase;
}

.remover-man {
  margin-left: 15px;
  line-height: 1;
  align-items: center;
}

.quant-ind {
  position: relative;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 20;
}

.floating-cart-top .quantity {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
  padding: 3px 0;
}

.quant-ind span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  height: 2px;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 50%;
  background-color: #ffe27c;
  content: '';
  display: block;
}

.cart-total {
  min-width: 67px;
  text-align: center;
}

.quant-ind span:nth-child(2) {
  position: absolute;
    height: 50%;
    width: 2px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    margin: 0 auto;
    left: 0;
    right: 0;
    background-color: #ffe27c;
    content: '';
    display: block;
}

.floating-cart-bottom {
  height: 130px;
  width: 100%;
  align-items: center;
  border-top: 2px solid #53281c;
}

.a-product-in-your-order {
  padding: 24px 0;
  border-top: 2px solid #53281c;
}

.a-product-in-your-order:first-of-type {
  border-top: unset;
}

.top-cart-text {
  font-size: 16px;
  width: 100%;
  position: absolute;
  left: 0;
  top: -21px;
  text-align: center;
  text-transform: uppercase;
}

.cart-curtain {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  content: '';
  z-index: 100;
  pointer-events: none;
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.cart-content-holder {
  width: 100%;
}

.product-quant-number {
  align-items: center;
}

.cart-empty {
  padding-top: 18px;
}

.cart-close {
  position: absolute;
  height: 28px;
  width: 28px;
  border-radius: 50%;
  content: '';
  display: block;
  right: 0;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -o-transform: translateY(-50%) rotate(45deg);
}

.cart-close span {
  height: 100%;
  width: 3px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  margin: 0 auto;
  background-color: #fff;
  content: '';
  display: block;
}

.cart-close span:nth-child(2) {
  height: 3px;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  margin: 0 auto;
  background-color: #fff;
  content: '';
  display: block;
}

/* ## Shop / Woo
--------------------------------------------- */

.checkout_coupon.woocommerce-form-coupon {
  display: flex!important;
  display: -webkit-flex!important;
  display: -moz-flex!important;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  border: 4px solid #fff!important;
}

.woocommerce form .form-row.coupon-holder {
  width: 100%!important;
}

.woocommerce form .form-row.coupon-holder input {
  border-bottom: 2px solid #fff!important;
  width: 300px;
}

.coupon_button {

}

.coupon-holder {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.shop-hero h1 {
  color: #ef4b81;
  font-size: 68px;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  line-height: .8;
}

.shop-hero {
  background-color: #b4d2ea;
  padding: 120px 0 20px;
}

.shop-container {
  width: 1000px;
  max-width: 90%;
  margin: 0 auto;
}

.hero-pints {
  position: relative;
  margin: -17px auto 0;
  width: 860px;
  align-items: center;
  max-width: 100%;
}

.hero-pints img:first-of-type {
  margin-right: auto;
}

.hero-pints img {
  width: 194px;
  max-width: 45%;
}

.shop-listing {
  padding: 100px 0;
}

.shop-list-title {
  width: calc(50% - 19px);
  margin-right: auto;
  margin-bottom: 36px;
  border-radius: 4px;
  border: solid 3px #ef4b81!important;
  padding: 20px 0;
  text-decoration: none;
  color: #ef4b81;
  align-items: center;
  cursor: pointer;
}

.price-holder {
  font-size: 24px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.shop-list-title .small-blurb-area {
  font-size: 18px;
  margin-bottom: 10px;
}

.shop-list-title .product-title {
  font-size: 32px;
  line-height: .9;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.merch-bottom-desc {
  font-size: 18px;
}

.shop-list-title:nth-child(2n) {
  margin-right: unset;
}

.shop-list-title-inner {
  width: 90%;
  margin: 0 auto;
}

.merch-item .img-half img {
  border-radius: 50%;
}

.img-half,
.shop-text-left {
  width: 25%;
  margin-right: auto;
  height: 121px;
  align-items: center;
}

.shop-right-contents {
  width: 65%;
  position: relative;
}

.shop-right-contents:not(.image) {
  padding-bottom: 25px;
}

.shop-text-left {
  font-size: 49px;
  text-transform: uppercase;
  letter-spacing: .27px;
}

.title-top-merch {
  text-transform: uppercase;
  text-align: center;
  font-size: 49px;
  letter-spacing: .27px;
  line-height: .8;
  width: 100%;
  margin-bottom: 15px;
}

.merch-bottom-contents-left {
  width: 40%;
  position: relative;
  padding-bottom: 50px;
  margin-right: auto;
}

.merch-feature-big-image {
  width: 53%;
}

.merch-feature-big-image img {
  position: relative;
  max-width: unset;
  width: 140%;
}

.merch-bottom-contents {
  align-items: center;
}

.shop-list-title p {
  margin-bottom: 10px;
}

.shop-list-title p:last-of-type {
  margin-bottom: unset;
}

.merch-bottom-contents-left .button {
  position: absolute;
  bottom: 0;
  left: 0;
  min-height: 29px;
  min-width: 130px;
  padding: 2px 10px;
}

.gift_card .shop-text-left {
  width: 50%;
}

.gift_card .shop-right-contents {
  width: 50%;
  justify-content: center;
}

/* ## Floating Cart
--------------------------------------------- */

.cart-icon.active.active2 {
  bottom: 30px;
}

.cart-icon.bottom-tuck {
  bottom: -100px;
}

.cart-icon.hide,
body.cart-open .cart-icon,
body.menu-open .cart-icon {
  bottom: -100px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.cart-icon {
  position:fixed;
  bottom:30px;
  right:20px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  z-index: 900;
}

.cart-icon .fab {
    overflow: hidden;
    width: 88px;
    height: 88px;
    border-radius: 81px;
    background: #ef4b81;
    box-shadow: 4px 6px 2px rgba(0,0,0,0.3);
    font-family: program-narrow, sans-serif;
    font-weight: bold;
    font-size: 16px;
    transition-duration: .6s;
    z-index: 22;
    font-weight: 900;
    text-transform: uppercase;
    border: 3px solid #fff;
    cursor: pointer;
}

.cart-icon .cart-fab,
.cart-icon .cart-fab:focus,
.cart-icon .cart-fab:active,
.cart-icon .cart-fab:hover {
  color: #222221;
}

.cart-icon .fab-container {
    width:400px;
}

.cart-icon .fab span {
    float:left;
    position: relative;
    width:82px;
    text-align:center;
}

.cart-icon .fab:hover span {
    transform:rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition-duration:.6s;
}

.cart-icon .cart-fab img {
    width: 63px;
    margin-top: 24px;
}

.cart-icon .fab .text {
  width: 101px;
  float: left;
  padding: 13px 0 20px 0;
  transition-duration: .6s;
  margin-left: 16px;
  margin-top: 17px;
  font-size: 23px;
  color: #fff;
}

.cart-icon .fab:hover {
    width:205px;
    transition-duration:.2s;
}

.cart-icon.indicate .cart-contents-count {
  transform: scale(1.3);
  -ms-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -o-transform: scale(1.3);
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.cart-icon .cart-contents-count {
  text-align: center;
  top: 31px;
  left: 26px;
  position: absolute;
  width: 20px;
  color: #fff;

}

/* ## Checkout
--------------------------------------------- */

#payment .icons {
  width: 300px;
  margin-left: 13px;
}

#payment a {
  color: #fff;
}

.stripe-card-group,
.wc-stripe-elements-field {
  width: 100%;
}

.cc-label {
  align-items: center;
}

#order_review {
  width: 100%;
}

.woocommerce-terms-and-conditions-wrapper {
  width: 100%;
}

.woocommerce-privacy-policy-text {
  margin-bottom: 25px;
}

.woocommerce-privacy-policy-text p {
  font-size: 16px;
  width: 479px;
  margin-left: auto;
  max-width: 100%;
}

.woocommerce-privacy-policy-text p a {
  color: #fff;
}

#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
  padding: unset;
}

.woocommerce table.shop_table td {
  padding: 15px 0;
}

.woocommerce #payment div.payment_method_square_credit_card div.form-row {
  padding: unset;
}

.woocommerce #payment div.payment_method_square_credit_card .wc-square-credit-card-hosted-field {
  padding: 11px 5px 0;
}

.payment_box p {
  font-size: 20px;
  color: #fff;
  margin-bottom: 25px!important;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
  display: none!important;
}

.woocommerce-checkout-review-order-table {
  margin-bottom: 100px!important;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
  background-color: unset;
}

#payment fieldset {
  border: unset;
  padding: unset;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
  padding: unset;
  margin: unset;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
  background-color: unset;
}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
  padding: unset;
  border: unset;
}

.col2-set {
  margin-bottom: 100px;
}

.woocommerce table.shop_table,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce table.shop_table tr,
.cart_item {
  padding-left: unset;
  padding-right: unset;
  border: unset!important;
  position: relative;

}

.woocommerce form .form-row textarea {
  height: 200px;
}

.woocommerce-page form .form-row-wide {
  width: 100%;
}

.woocommerce-privacy-policy-text {
  width: 100%;
}

.woocommerce .backboard-bottom table.shop_table,
.woocommerce .backboard-bottom table.shop_table tr,
.woocommerce .backboard-bottom table.shop_table th,
.woocommerce .backboard-bottom table.shop_table td {
  border: unset!important;
}

.woocommerce .backboard-bottom table.shop_table th,
.woocommerce .backboard-bottom table.shop_table td {
  padding-left: unset;
  padding-right: unset;
}

.woocommerce-checkout {
  background-color: #ef4b81;
  color: #fff;
}

.woocommerce-checkout h1:not(.thank-you-title) {
  color: #fff;
  letter-spacing: -.65px;
  text-transform: uppercase;
  font-size: 80px;
  line-height: 1;
  text-align: center;
  margin-bottom: 50px;
}

.wc_payment_method > label {
  text-transform: unset!important;
}

.woo-inner h3,
.wc_payment_method > label {
  font-family: meatball, sans-serif!important;
  font-weight: 400!important;
  font-style: normal!important;
}

.woocommerce form .form-row.notes label {
  margin-bottom: 5px;
}

.woocommerce form .form-row span {
  position: relative;
  width: 100%;
}

.woocommerce form .form-row:not(.notes) span {
  order: 1;
}

.woocommerce form .form-row:not(.notes) label {
  order: 2;
}

.woocommerce form .form-row label {
  line-height: 1;
}

.woocommerce form .form-row {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  padding: unset;
  margin-bottom: 35px;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
  width: 45%;
  padding: 35px 0;
}

.woocommerce .col2-set .col-1 {
  margin-right: 10%;
  position: relative;
}

.woocommerce .col2-set .col-1:after {
  right: -12%;
}

/* ## Single Product
--------------------------------------------- */

.single-product {
  background-color: #b4d2ea;
}

.single-product .site-footer {
  position: relative;
  z-index: 10;
}

.brown-right-bar .product-feature-bar:before {
  height: 200%;
  top: 0;
  right: 0;
  width: 2px;
  content: '';
  background-color: #53281c;
  display: block;
  position: absolute;
  z-index: 10;
}

.variety-pack .product-feature-bar {
  width: 50%;
}
.variety-pack .product-visuals {
  width: 50%;
}

.variety-pack .product-feature-bar-inner {
  width: 500px;
}

.product-feature-bar,
.product-visuals {
  height: calc(100vh - 100px);
  position: relative;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.top-announcement .product-feature-bar,
.top-announcement .product-visuals {
  height: calc(100vh - 150px);
}

.product-feature-bar {
  width: 451px;
  background-color: #fff;
  scrollbar-color: #000 #fff;
  position: relative;
  z-index: 10;
}

.product-feature-bar:after {
  position: absolute;
  top: 100%;
  background-color: #fff;
  content: '';
  width: 100%;
  left: 0;
  display: block;
  height: 100%;
  z-index: 1;
}

.product-feature-bar::-webkit-scrollbar {
  background-color: #fff;
  width: 12px;
}
.product-feature-bar::-webkit-scrollbar-thumb {
  background: linear-gradient(to right, #000 0%, #000 70%, #fff 70%, #fff 100%);
  border-radius: unset !important;
  width: 6px !important;
}

.product-photos .slick-list {
  overflow: visible;
}

.product-visuals {
  width: calc(100% - 451px);
}

.product-feature-bar-inner {
  width: 351px;
  max-width: 90%;
  margin: 0 auto;
}

.product-feature-bar-inner .price-holder {
  position: relative;
}

.product-feature-bar-inner-top {
  height: calc(100% - 130px);
  padding-top: 38px;
  overflow: auto;
  padding-bottom: 50px;
}

.add-to-cart-stick {
  height: 130px;
  align-items: center;
  border-top: solid 2px #53281c;
}

.product-feature-bar h1 {
  font-size: 49px;
  letter-spacing: .27px;
  line-height: .8;
  text-transform: uppercase;
  margin-bottom: 15px;
  color: #ef4b81;
}

.product-feature-bar .price-holder {
  color: #ef4b81;  
}

.product-feature-top-contents {
  margin-bottom: 28px;
}

.product-description a {
  color: #ef4b81;
}

.product-description li {
  font-size: 16px;
}

.product-description {
  font-size: 18px;
  line-height: 1.5;
  padding-bottom: 30px;
}

.product-description p,
.product-description ul,
.product-description ol {
  margin-bottom: 10px;
}

.product-description ul {
  margin-left: 21px;
}

.product-description p:last-of-type {
  margin-bottom: unset;
}

.byob .variation-selector select {
  width: 100%;
  color: #53281c;
  appearance: none;
  -webkit-appearance: none;
  border: 2px solid #53281c;
  font-size: 14px;
  line-height: 1;
  height: 29px;
  align-items: center;
  padding: 0 5px;
  border-radius: 5px;
  background-image: url(/wp-content/themes/millies/assets/graphics/dropdown-arrow-brown.svg);
    background-size: 9px auto;
    background-position: 95% center;
    background-repeat: no-repeat;
}

.byob.color-selector .variation-selector {
  width: 100%;
  margin-right: unset;
}

.byob .variation-selector {
  width: 48%;
  margin-right: 3%;
  margin-bottom: 18px;
}

.byob .variation-selector:nth-child(2n) {
  margin-right: unset;
}

.byob .choice-label {
  margin-bottom: 2px;
}

.choice-holder,
.accordion {
  padding: 30px 0 20px;
  position: relative;
}

.choice-holder:before,
.accordion:before {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  content: '';
  height: 12px;
  background-image: url(/wp-content/themes/millies/assets/graphics/sprinkle-border-2.svg);
  background-repeat: repeat-x;
  background-size: 38px auto;
}

.choice-label {
  font-size: 18px;
  color: #53281c;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.color,
.size-choice {
  height: 31px;
  width: 31px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-right: 8px;
  cursor: pointer;
  position: relative;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.size-choice.not-available {
  opacity: .3;
  pointer-events: none;
}

.price-holder {
  line-height: 1;
}

.size-choice.active {
  background-color: #53281c;
  color: #fff;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.color.active:before {
  opacity: 1;
}

.color:before {
  height: 125%;
  width: 125%;
  position: absolute;
  top: -12.5%;
  left: -12.5%;
  content: '';
  opacity: 0;
  display: block;
  border-radius: 50%;
  border: 2px solid #53281c;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.color:last-of-type,
.size-choice:last-of-type {
  margin-right: unset;
}

.size-choice {
  border: 2px solid #53281c;
  line-height: 1;
  font-size: 14px;
  text-transform: uppercase;
  padding-top: 1px;
}

.quantity-holder {
  width: 62px;
  position: relative;
  margin-right: 5px;
}

.quantity-holder .choice-label {
  position: absolute;
  top: -23px;
  width: 100%;
  left: 0;
  text-align: center;
}

.quantity-holder input {
  width: 100%;
  height: 100%;
  border: 3px solid #53281c;
  text-align: center;
  border-radius: 11px!important;
}

.big-button {
  width: 100%;
}

.coupon_button.big-button {
  width: 200px;
}

.accordion .accordion-title-title {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 1.1;
  width: calc(95% - 14px);
  margin-right: auto;
}

.expander {
  width: 14px;
  height: 14px;
  position: relative;
}

.expander span {
  position: absolute;
}

.expander span:first-of-type {
  height: 100%;
  width: 2px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  content: '';
  display: block;
  background-color: #53281c;
}

.expander span:nth-child(2) {
  height: 2px;
  width: 100%;
  top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  margin: 0 auto;
  content: '';
  display: block;
  background-color: #000;
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.accordion.open .expander span:nth-child(1){
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.accordion-title {
  align-items: center;
  cursor: pointer;
}

.accordion.open .accordion-contents {
  max-height: 200px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;]
}

.accordion-contents p {
  margin-bottom: 10px;
}

.accordion.open .accordion-contents-inner {
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
}

.accordion-contents-inner {
  padding-top: 10px;
  line-height: 1.4;
  font-size: 12px;
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.accordion-contents {
  max-height: 0px;
  overflow: hidden;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.product-photo-set,
.product-photos,
.product-photos .slick-list  {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.product-photo-set {
  opacity: 0;
  visibility: hidden;
}

.product-photo-set.active {
  opacity: 1;
  visibility: visible;
}

.top-announcement .product-photo {
  height: calc(100vh - 150px);
}

.product-photo {
  width: 100%;
  height: calc(100vh - 100px);
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  align-items: center;
  display: flex!important;
  display: -webkit-flex!important;
  display: -moz-flex!important;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  position: relative;
  outline: none!important;
}

.product-photo-inner {
  content: '';
  display: block;
}

[data-type="Contain"] .product-photo-inner  {
  background: no-repeat center center / contain;
  width: 500px;
  max-width: 90%;
  margin: 0 auto 5%;
}

[data-type="Cover"] .product-photo-inner {
  background: no-repeat center center / cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 112%;
  width: 100%;
}

[data-type="Contain"] .product-photo-inner:before {
  position: relative;
  content: '';
  display: block;
  padding-top: 90%;
}

.slide-indicators {
  position: absolute;
  z-index: 5;
  width: 100%;
  justify-content: center;
  bottom: 5%;
  left: 0;
  right: 0;
  align-items: flex-end;
}

.slide-indicators .slide {
  height: 1px;
  width: 53px;
  content: '';
  background-color: #fff;
  display: block;
  margin-right: 1.5%;
  border-radius: 5px;
  position: relative;
  max-width: 15%;
}

.slide-indicators .slide:before {
  bottom: 0;
  height: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  border-radius: 5px;
  content: '';
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  width: 100%;
  position:absolute;
}

.slide-indicators .slide.active:before {
  height: 6px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.product-nav {
  position: absolute;
  height: 100%;
  align-items: center;
  z-index: 11;
}

.product-nav.left {
  left: 5%;
}

.product-nav.right {
  right: 5%;
}

.product-nav img {
  width: 14px;
}

.product-nav-arrow-holder {
  align-items: center;
  justify-content: center;
  background-color: #f6f6f6;
  border-radius: 50%;
  height: 45px;
  width: 45px;
  cursor: pointer;
}

.left .product-nav-arrow-holder img {
  position: relative;
  transform: rotate(90deg);
}
.right .product-nav-arrow-holder img {
  position: relative;
  transform: rotate(-90deg);
}

.curtain {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  content: '';
  z-index: 9;
  background-color: #fff;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.curtain.active1 {
  width: 100%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.curtain.active1.active2 {
  right: 0;
  left: auto;
  width: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.json {
  display: none;
  visibility: hidden;
}

.thank-you-page {
  width: 100%;
}

.thank-you-box {
  text-align: center;
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 100px;
}

.top-thank-you-heading h1 {
  line-height: 1.1;
  margin-bottom: 15px;
}

.woocommerce-order-received .woo,
.woo.ty {
  height: calc(100vh - 100px);
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.woocommerce-order-received .woo .woocommerce {
  padding: 0;
}

.top-announcement .woocommerce-order-received .woo,
.top-announcement .woo.ty {
  height: calc(100vh - 150px);
}

.woocommerce-order-received .woo .main-meta-box {
  width: 45%;
  margin-right: auto;
}

.woocommerce-order-received .woo .main-meta-box:last-of-type {
  margin-right: unset;
}

.main-meta {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

/* ## Franchise
--------------------------------------------- */

.button-holder-top {
  position: relative;
}

.sent .franchise-button-holder .form-success-message {
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.franchise-button-holder .form-success-message {
  width: 100%;
  position: absolute;
  top: 50%;
  text-align: center;
    transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
  right: 0;
  opacity: 0;
  pointer-events: none;
}

.sent .button-holder-top .button {
  opacity: 0;
  pointer-events: none;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.franchise-button-holder .wpcf7-submit {
  display: none!important;
}

.page-template-millies-franchise-page-template,
.page-template-millies-contact-page-template,
body.woocommerce-page.woocommerce-order-received {
  background-image: url(/wp-content/themes/millies/assets/graphics/franchise_background_tile.jpg);
  background-size: 420px auto;
  background-repeat: repeat;
}

.page-template-millies-franchise-page-template .site-footer,
.page-template-millies-contact-page-template .site-footer,
body.woocommerce-page.woocommerce-order-received section {
  position: relative;
  z-index: 10;
}

.page-template-millies-franchise-page-template section,
.page-template-millies-contact-page-template section {
  z-index: 10;
}

.fade-wrap {
    z-index: 5;
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: '';
    opacity: 1;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 65%, #ffffff), linear-gradient(to bottom, #ffffff 5%, rgba(255, 255, 255, 0) 9%);
}

.franchise-hero-box {
  width: calc(25% - 8px);
  margin-right: auto;
  position: relative;
  border-radius: 7px;
  color: #fff;
}

.franchise-hero-box:before {
  padding-top: 100%;
  width: 100%;
  display: block;
  min-height: 312px;
  content: '';
}

.franchise-hero-box:nth-child(odd){
  background-color: #ef4b81;
}

.franchise-hero-box:nth-child(even) {
  background-color: #f481a7;
}

.franchise-hero-box:nth-child(even) h2,
.franchise-hero-box:nth-child(even) .the-text-area{
  text-shadow: 1px 1px #ef4b81;
}

.franchise-hero-box:nth-child(4) {
  margin-right: unset;
}

.franchise-hero-box-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 268px;
  max-width: 90%;
  height: 90%;
  align-items: center;
}

.franchise-top-holder {
  height: 50%;
  align-items: flex-end;
  width: 100%;
}

.franchise-top-holder h2 {
  width: 100%;
  text-transform: uppercase;
  line-height: .8;
  font-size: 50px;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 8px;
}

.the-text-holding-box {
  height: 50%;
}

.the-text-holding-box.big-single {
  align-items: center;
}

.the-text-area {
  font-size: 18px;
  text-align: center;
  margin-bottom: 15px;
  line-height: 1.2;
}

.franchise-link-holder {
  align-items: center;
  justify-content: center;
}

.text-inner-area {
  width: 100%;
}

.big-single-line {
  width: 100%;
  text-align: center;
  font-size: 28px;
  margin-bottom: 23%;
}

.franchise-form .millies-site-container {
  width: 1200px;
  max-width: 89%;
}

.franchise-form {
  padding: 100px 0;
}

.woo-form-padd {
  padding: 100px 0 0;
}

.franchise-block {
  width: 100%;
  margin-bottom: 75px;
}

.franchise-block h2,
.woocommerce-checkout h1.thank-you-title {
  color: #ef4b81;
  font-size: 54px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 35px;
}

.franchise-block .one-half,
.franchise-block .form-full {
  margin-bottom: 25px;
}

.franchise-block input:not(.wpcf7-submit),
.franchise-block select {
  font-size: 52px;
  letter-spacing: 4.75px;
}

.franchise-block input:not(.wpcf7-submit),
.franchise-block select {
  appearance: none;
  -webkit-appearance: none;
  border: unset!important;
  line-height: 1;
  font-family: program-narrow, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  color: #53281c!important;
  background-color: unset;
  padding-bottom: 20px;
  width: 100%;
}

.franchise-block .wpcf7-form-control-wrap {
  position: relative;
  display: block;
  width: 100%;
}

.info-right p {
  height: calc(95% - 90px);
}

.franchise-block .wpcf7-form-control-wrap + br {
  display: none;
}

.city-wrap {
  width: calc(90% - 100px);
  margin-right: auto;
}

.state-wrap {
  width: 100px;
}

.franchise-block .wpcf7-form-control-wrap:after {
  position: absolute;
  bottom: 0;
  left: -10px;
  height: 20px;
  width: calc(100% + 20px);
  max-width: unset;
  background-image: url(/wp-content/themes/millies/assets/graphics/wood-texture.jpg);
  content: '';
  display: block;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.16);
}

.info-right,
.backboard-bottom,
.thank-you-box {
  background-image: url(/wp-content/themes/millies/assets/graphics/wood-texture.jpg);  
  height: 100%;
  background-size: 300px auto;
  box-shadow: 6px 9px 9px 0 rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

.thank-you-box {
  color: #53281c;
}

.info-left {
  height: 100%;
  align-items: center;
}

.franchise-block select {
  background-image: url(/wp-content/themes/millies/assets/graphics/dropdown-arrow-brown.svg);
  background-size: 18px auto;
  background-position: right 31%;
  background-repeat: no-repeat;
}

.info-right span,
.info-right textarea {
  height: 100%;
}
.info-right textarea {
  background-color: transparent;
  width: 90%;
  margin: 0 auto;
  display: block;
  font-size: 20px;
  line-height: 1.4;
  color: #53281c;
  border: unset!important;
}

.info-right textarea::-moz-placeholder {
  color: #53281c;
  opacity: 1;
}

.info-right textarea::-webkit-input-placeholder {
  color: #53281c;
  opacity: 1;
}

.info-right .wpcf7-form-control-wrap:after {
  display: none!important;
}

.franchise-block .invalid-state label {
  color: #ef4b81;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.franchise-block label {
  display: block;
  width: 100%;
  margin-top: 5px;
}

.franchise-button-holder {
  width: 100%;
  justify-content: center;
  margin-top: 100px;
  position: relative;
}

.add.meatball,
.thank-top-title {
  overflow: hidden;
  width: 95%;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  padding: 24px 0 35px;
}

.add.meatball span,
.thank-top-title span {
  position: relative;
  font-size: 29px;
  padding: 0 10px;
}

.add.meatball span br {
  display: none!important;
}

.sprinkle-holder-inner {
  position: relative;
}

.add.meatball span:before,
.add.meatball span:after,
.sprinkle-holder-inner:before,
.sprinkle-holder-inner:after,
.thank-top-title span:before,
.thank-top-title span:after {
  width: 10000%;
  content: '';
  height: 12px;
  background-image: url(/wp-content/themes/millies/assets/graphics/sprinkle-border-2.svg);
  background-repeat: repeat-x;
  background-size: 43px auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

#order_review_heading {
  overflow: hidden;
}

.add.meatball span:before,
.sprinkle-holder-inner:before,
.thank-top-title span:before {
  left: 105%;
}
.add.meatball span:after,
.sprinkle-holder-inner:after,
.thank-top-title span:after {
  right: 105%;
}

/* ## Order Now
--------------------------------------------- */

.order-location {
  width: 25%;
  margin-bottom: 76px;
}

.order-location-inner {
  width: 186px;
  margin: 0 auto;
  max-width: 90%;
  text-align: center;
}

.hours-order-link {
  justify-content: center;
}

.hours-order-link a.button {
  min-width: 148px;
  min-height: 28px;
  padding: 5px 13px;
}

.order-location-name {
  font-size: 38px;
  margin-bottom: 10px;
  text-transform: uppercase;
  line-height: .8;
}

.order-location-address {
  font-size: 18px;
  letter-spacing: -.3px;
  margin-bottom: 18px;
}

.location-shower {
  padding-bottom: 100px;
}

.hours-area .open-close-holder {
  margin-bottom:5px;
}

/* ## About
--------------------------------------------- */

.page-template-millies-about-page-template,
.page-template-millies-general-page-template {
  background-color: #FFE27C;
}

.act-top {
  justify-content: center;
  margin-bottom: 10px;
}

.act-title {
  width: 100%;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

.act-title h2,
.act-title h1 {
  font-size: calc(45px + (100 - 45) * ((100vw - 325px)/ (1200 - 325)));
  line-height: .8;
  color: #f481a7;
  width: 700px;
  margin: 0 auto;
  max-width: 100%;
}

.act-image-holder {
  position: relative;
  z-index: 2;
  margin-top: -6%;
  align-items: center;
  -moz-transition: all .1s ease;
  -webkit-transition: all .1s ease;
  -o-transition: all .1s ease;
  transition: all .1s ease;
}

.act-desc,
.main-text,
.millies-resources-inner {
  width: 669px;
  max-width: 100%;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.4;
}

.act-desc a {
  color: #53281c;
}

.about-page {
  padding: 100px 0 150px;
}

.act:not(.act:last-of-type) {
  margin-bottom: 125px;
}

.act:nth-child(1) .act-image-holder {
  margin-top: -14%;
}
.act:nth-child(2) .act-image-holder {
  margin-top: -15%;
}
.act:nth-child(3) .act-image-holder {
  margin-top: -3.5%;
}

/* ## order Now
--------------------------------------------- */

.pop-up-message-heading {
  text-transform: uppercase;
  font-size: 34px;
  line-height: 1.1;
  margin-bottom: 10px;
}

.pop-up-text-holder p {
  margin-bottom: 10px;
  line-height: 1.3;
  font-size: 17px;
}

.order-now-pop {
  align-items: center;
}

.open .pop-up-message {
  top: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  opacity: 1;
}
.pop-up-message {
  width: 500px;
  background-color: #fff;
  margin: 0 auto;
  max-width: 90%;
  padding: 50px 0;
  position: relative;
  top: -5%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  opacity: 0;
}

.pop-up-message-inner {
  width: 90%;
  margin: 0 auto;
}

.order-hero-box {
  width: calc(33% - 8px);
  margin-right: auto;
  position: relative;
  min-height: 40vh;
}

.order-hero-box:nth-child(1):before {
  background-color: #ffd067;
}

.order-hero-box:nth-child(2):before {
  background-color: #b4d2ea;
}

.order-hero-box:nth-child(3):before {
  background-color: #ef4b81;
}

.order-hero-box:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  content: '';
  border-radius: 10px;
}

.order-hero-box-text h2 {
  font-size: calc(25px + (60 - 25) * ((100vw - 325px)/ (1200 - 325)));
  line-height: .8;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.order-hero-box:nth-child(3n)  {
  color: #fff;
}

.order-hero-box:nth-child(3n) {
  margin-right: unset;
}

.order-hero-box-text {
  padding: 31px 5%;
}

.order-hero-box-text,
.order-hero-image {
  z-index: 2;
}

.order-hero-box-text {
  width: 65%;
}

.order-hero {
  margin-bottom: 150px;
}
.order-hero-image {
  width: 42%;
  position: absolute;
  right: 0;
  height: 130%;
  top: 0;
  background: no-repeat center center / contain;
}

.order-hero-blurb {
  font-size: 18px;
  letter-spacing: -.9px;
  line-height: 1.3;
  margin-bottom: 18px;
}

/* ## Flavors
--------------------------------------------- */

.scoops,
.showcase-holder {
  width: 100%;
}

.flavor-location-selector h2 {
  font-size: 40px;
  text-transform: uppercase;
  line-height: 1;
  color: #ef4b81;
}

.view-all-flavors {
  position: relative;
  margin-left: auto;
}

.view-all-flavors:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  content: '';
  display: block;
  width: 100%;
  z-index: 1;
  box-shadow: -5px 6px 0 0 rgba(83, 40, 28, 0.2);
  border-radius: 11px;
}

.location-selector .scoop-location {
  cursor: pointer;
}

.location-selector a.scoop-location {
  text-decoration: none;
  color: #53281c;
}

.view-all-flavors-button:hover {
  top: 6px;
  right: 6px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.view-all-flavors-button {
  height: 52px;
  top: 0;
  right: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  cursor: pointer;
  border-radius: 11px;
  background-color: #fff;
  position: relative;
  z-index: 1;
  border: solid 3px #f481a7;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  text-transform: uppercase;
  color: #ef4b81;
  font-size: 22px;
  line-height: 1;
  letter-spacing: 1.29px;
}
.flavor-location-selector {
  width: 100%;
  margin-bottom: 100px;
  align-items: center;
}

.flavors-hero .millies-site-container {
    height: calc(100vh - 95px);
    min-height: 576px;
}

.flavor-hero-image,
.flavor-hero-blurb-side {
  width: calc(50% - 4px);
  border-radius: 10px;
}

.flavor-hero-image {
  margin-right: auto;
  background: no-repeat center center / cover;
}

.flavor-hero-blurb-side {
  color: #fff;
  background-color: #ef4b81;
  align-items: center;
  text-align: center;
}

.flavor-hero-blurb-inner {
  width: 453px;
  max-width: 90%;
  margin: 0 auto;
}

.flavor-hero-blurb-side h1 {
  font-size: 40px;
  line-height: 1.1;
  letter-spacing: -.29px;
  margin-bottom: 25px;
}

.flavor-hero-blurb {
  font-size: 20px;
  line-height: 1.4;
}

.flavors-hero {
  margin-bottom: 113px;
}

.flavor-nav-side {
  width: 190px;
  margin-right: auto;
}

.flavor-showcase {
  width: calc(95% - 190px);
  position: relative;
  min-height: 80vh;
}

.showcase-curtain {
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  height: 100%;
  width: 0;
  background-color: #fff;
  content: '';
  z-index: 10;
}

.showcase-curtain.transition-in {
  width: 100%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.showcase-curtain.transition-in.transition-out {
  left: auto;
  right: 0;
  width: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.active-location {
  position: relative;
  width: 100%;
  padding-bottom: 5px;
  cursor: pointer;
}

.location-select {
  width: 100%;
  display: block;
}

.active-location:after {
  content: '';
  height: 3px;
  border-radius: 6px;
  width: calc(100% + 5px);
  left: -2.5px;
  position: absolute;
  display: block;
  background-color: #ef4b81;
  bottom: 0;
}

.active-location img {
  position: absolute;
  right: 2.5%;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.active-location.open img {
  transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.active-location.open .location-drop-down {
  max-height: 500px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  padding: 10px 0;
}

.location-drop-down {
  top: 100%;
  position: absolute;
  left: 0;
  right: 0;
  max-height: 0px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  overflow: hidden;
  background-color: #fff;
  z-index: 10;
}

.location-tab {
  font-size: 24px;
  color: #f481a7;
  line-height: 1;
  letter-spacing: .13px;
}

.location-drop-down .location-tab.active,
.location-drop-down .location-tab:hover {
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.location-drop-down .location-tab {
  margin-bottom: 10px;
  opacity: .6;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.location-drop-down .location-tab:last-of-type {
  margin-bottom: unset;
}

.location-picker .halis {
  letter-spacing: -.55px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
}

.location-picker {
  margin-bottom: 25px;
}

.quality-pick {
  text-transform: uppercase;
  color: #53281c;
  opacity: .3;
  font-size: 26px;
  letter-spacing: -.16px;
  margin-bottom: 12px;
  cursor: pointer;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.quality-pick.active,
.quality-pick:hover {
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.scoop-image-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: no-repeat center center / cover;
  z-index: 2;
}

.flavor-item[counted="two"],
.flavor-item[counted="one"] {
  margin-right: 5%!important;
}

.flavor-item[counted="three"] {
  margin-right: unset!important;
}

.flavor-item.hide {
  display: none;
}

.flavor-item:nth-child(3n) {
  margin-right: unset;
}

.flavor-item {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 81px;
  color: #53281c;
  text-decoration: none;
}

.flavor-item .the-scoop {
  margin-bottom: 17px;
}

.flavor-item .scoop-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}

.flavor-name {
  font-size: 36px;
  letter-spacing: .42px;
  text-transform: uppercase;
  text-align: center;
}

.top-note {
  position: absolute;
  top: 0;
  font-size: 23px;
  text-transform: uppercase;
  z-index: 5;
}

.top-note[data-note="GF"] {
  right: 10%;
}

.top-note[data-note="V"] {
  left: 10%;
}

.flavor-nav-stick {
  top: 120px;
  position: sticky;
}

.flavors-breakdown {
  padding-bottom: 100px;
  min-height: 100vh;
}

.bottom-wrap {
  position: relative;
  width: 100%;
}

.location-selector .location-meta .location-name {
  margin-bottom: unset!important;
}

/* ## Locations
--------------------------------------------- */

.campus-top-bar {
  width: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 50px;
}

.campus-locations {
  margin-top: 50px;
}

.campus-top-bar-image {
  position: relative;
  z-index: 3;
  background-color: #ffe27c;
  align-items: center;
  padding: 0 25px;
}

.campus-top-bar:after {
  width: 100%;
  display: block;
  content: '';
  height: 19px;
  background-image: url(/wp-content/themes/millies/assets/graphics/sprinkle-border-2.svg);
  background-repeat: repeat-x;
  background-size: 74px auto;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 1;
}

.campus-locations,
.campus-location-inner,
.regular-locations {
  width: 100%;
}

.location-listing {
  background-color: #ffe27c;
  padding: 75px 0 25px;
}

.page-template-millies-locations-page-template {
  background-color: #ffe27c;
}

.location-listing .millies-site-container {
  max-width: 90%;
}

.location-listing .location-name {
  font-size: 32px;
}

.location-listing .scoop-location.works .location-bottom-meta {
  width: 398px;
  margin: 0 auto;
  max-width: 100%;
}

.location-listing .works .location-address {
  padding:  0 5px;
}

.location-listing .scoop-location.no-image {
  margin-top: 50px;
}

.location-listing .scoop-location {
  width: 45%!important;
  margin-right: 10%!important;
  margin-bottom: 100px;
}

.location-listing .scoop-location:nth-child(2n) {
  margin-right: unset!important;
}

.location-listing .location-name {
  margin-bottom: 23px;
}

.location-listing .location-address {
  font-size: 18px;
  text-align: center;
  line-height: 1.3;
}

.open-close-holder {
  width: 100%;
  text-transform: uppercase;
  font-size: 23px;
  text-align: center;
  margin-bottom: 3px;
}

.big-status {
  margin-right: 3px;
}

.order-link.order-page {
  justify-content: center;
}

.order-link.order-page .button {
  min-height: 30px;
  min-width: 166px;
  color: #ffe27c;
  font-size: 22px;
}

.location-bottom-meta {
  align-items: center;
}

/* ## Events
--------------------------------------------- */

.events-hero {
  height: calc(100vh - 95px);
  align-items: center;
  background-image: url(/wp-content/themes/millies/assets/graphics/catering_hero.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

.events-hero-right {
  width: 50%;
  margin-left: auto;
  max-width: 100%;
}

.events-hero-right-inner {
  width: 513px;
  max-width: 100%;
  margin: 0 auto;
}

.events-hero-right-inner h1 {
  font-size: 60px;
  letter-spacing: -.43px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.small-text {
  font-size: 20px;
  line-height: 1.3;
}

.event-hero-link {
  margin-top: 30px;
}

.event-form {
  background-color: #ef4b81;
  padding: 45px 0 125px;
}

.event-name-bar-inner {
  margin: 0 auto;
}

.event-type-name {
  color: #f481a7;
  letter-spacing: -.65px;
  text-transform: uppercase;
  font-size: 80px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  padding: 0 25px;
}

.event-type-name.slick-active {
  color: #fff;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.best-text {
  color: #fff;
  font-size: 26px;
  letter-spacing: .29px;
  width: 450px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}

.goes-best {
  margin-bottom: 75px;
}

.event-form .form-left {
  width: 60%;
  padding-right: 5%;
  position: relative;
  padding-top: 35px;
}

.event-form .form-left:after {
  right: 0;
}

.event-form .form-left:after,
.woocommerce .col2-set .col-1:after {
  background-image: url('/wp-content/themes/millies/assets/graphics/sprinkle-border.svg');
  height: 100%;
  width: 15px;
  content: '';
  position: absolute;
  top: 0;
}

.event-form .form-right {
  width: 40%;
  padding-left: 5%;
  padding-top: 35px;
}

.form-area .one-half {
  width: 48%;
  margin-left: 4%;
}

.form-area .one-half.first {
  margin-left: unset;
}

.form-right h2,
.woo-inner h3,
.woo-inner .wc_payment_method > label {
  color: #fff;
  font-size: 40px;
  letter-spacing: -.29px;
  margin-bottom: 20px;
}

.form-right {
  color: #fff;
}

.faq-item {
  position: relative;
  margin-bottom: 11px;
}

.faq-item h3 {
  font-size: 23px;
  letter-spacing: -.18px;
  color: #f481a7;
  -moz-transition: all .4s ease;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}

.content-blurb {
  font-size: 16px;
  line-height: 1.3;
  overflow: hidden;
  max-height: 0px;
  margin-top: 0;
  color: #f481a7;
  -moz-transition: all .4s ease;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}

.arrow-holder {
  width: 25px;
  position: absolute;
  left: -25px;
  top: 0;
}

.arrow-holder img {
  width: 16px;
  position: relative;
  transform: rotate(-90deg);
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.content-side {
  width: 100%;
}

.open .arrow-holder img {
  transform: rotate(0deg);
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.open .content-blurb {
  max-height: 300px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  margin-top: 3px;
}

.open.faq-item h3,
.open .content-blurb {
  color: #fff;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.faq-item h3 {
  cursor: pointer;
}

.image-sprinkle {
  width: 22%;
  margin-right: 3%;
  border-radius: 247.5px;
  box-shadow: 30px 32px 24px 0 rgba(0, 0, 0, 0.3);
  background: no-repeat center center / cover;
  position: relative;
}

.image-sprinkle:nth-child(1),
.image-sprinkle:nth-child(3) {
  transform: rotate(-30deg);
}

.image-sprinkle:nth-child(2),
.image-sprinkle:nth-child(4) {
  transform: rotate(30deg);
  margin-top: 24%;
}

.image-sprinkle:nth-child(4n) {
  margin-right: unset;
}

.image-sprinkle:before {
  padding-top: 150%;
  content: '';
  display: block;
}

.image-ender {
  z-index: 10;
  margin-top: -90px;
  padding-bottom: 100px;
}

.image-ender-max-width {
  width: 1300px;
  max-width: 100%;
  margin: 0 auto;
  align-items: flex-start;
  padding-bottom: 50px;
}

/* ## Flavor
--------------------------------------------- */

.flavor-hero .millies-site-container.flex > div {
  width: calc(33% - 4px);
  margin-right: auto;
}

.flavor-hero .millies-site-container.flex > div:last-of-type {
  margin-right: unset;
}

.flavor-hero-box {
  border-radius: 9px;
  border: solid 4px #53281c;
}

.flavor-hero-box.notes {
  background-image: url(/wp-content/themes/millies/assets/graphics/marbel.jpg);
  background-size: cover;
  background-position: center;
}

.flavor-inner {
  width: 90%;
  margin: 0 auto;
}

.flavor-box-top-area {
  width: 100%;
  height: calc(100% - 102px);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.order-now-cta {
  align-items: center;
  justify-content: center;
  width: 70%;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 32px;
  letter-spacing: -.2px;
}

.flavor-box-cta-pint {
  width: 30%;
  padding-left: 5%;
  height: 102px;
}

.flavor-box-cta {
  width: 100%;
  background-color: #f481a7;
  margin-top: auto;
  height: 102px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.flavor-box-cta.no-pint {
  justify-content: center;
}

.flavor-box-cta-pint {
  align-items: center;
  align-content: center;
  justify-content: center;
}

.flavor-box-cta-pint img {
  width: 136%;
  max-width: unset;
  position: relative;
  margin: 0 auto;
}

.flavor-box-top-area {
  padding-top: 20px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 65%, #ffffff), linear-gradient(to bottom, #ffffff 5%, rgba(255, 255, 255, 0) 9%);
}

.nutrition-button {
  color: #fff;
  position: relative;
  cursor: pointer;
  border-radius: 9px;
  background-color: #ef4b81;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  height: 26px;
  margin-left: -9px;
}

.notations-top-box {
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 52px;
}

.nutrition-button,
.note {
  padding-top: 2px;
  margin-bottom: 4px;
}

.note.contains:not(.note.contains:last-of-type) {
  margin-right: unset!important;
}

.nutrition-button,
.note:not(.note:last-of-type) {
  margin-right: 11px;
}

.flavor-box.description {
  font-size: 20px;
  letter-spacing: -.84px;
  line-height: 1.5;
}

.flavor-hero-box.second-scoop {
  padding-top: 20px;
}

.chef-chad-heading {
  text-align: center;
  color: #ef4b81;
  line-height: .9;
  margin-bottom: 15%;
}

.chef-chad-top {
  font-size: 29px;
}

.chef-chad-heading .second-scoop {
  font-size: 40px;
  text-transform: uppercase;
}

.the-scoop {
  width: 100%;
  background: no-repeat center center / cover;
  position: relative;
}

.the-scoop:before {
  padding-top: 64%;
  width: 100%;
  display: block;
  content: '';
}

.scoop-mask {
  -webkit-mask-image: url(/wp-content/themes/millies/assets/graphics/scoop-mask.svg);
  mask-image: url(/wp-content/themes/millies/assets/graphics/scoop-mask.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  mask-position: center center;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
}

.second-scoop-block {
  align-items: center;
  color: #53281c;
  text-decoration: none;
}

.second-scoop-block:last-of-type {
  margin-bottom: 6%;
}

.second-scoop-block:not(.second-scoop-block:last-of-type):after {
  position: relative;
  width: 100%;
  content: '';
  height: 12px;
  background-image: url(/wp-content/themes/millies/assets/graphics/sprinkle-border-2.svg);
  background-repeat: repeat-x;
  background-size: 43px auto;
  margin-bottom: 6%;
  margin-top: 10%;
}

.scoop-name {
  font-size: 25px;
  line-height: 1.1;
  letter-spacing: -1.05px;
}

.long-title .scoop-name {
  font-size: 20px;
}

.scooping-now {
  padding: 100px 0 150px;
}

.scooping-now h2 {
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 25px;
}

.scooping-locations {
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
}

.scoop-location {
  width: 31%;
  margin-right: 3%;
  margin-bottom: 75px;
}

.scoop-location:nth-child(3n) {
  margin-right: unset;
}

.works .temp-closed {
  font-size: 20px;
  line-height: .9;
  margin-bottom: 6px;
}

.temp-closed {
    text-transform: uppercase;
    text-align: center;
    font-size: 25px;
}

.loc-link {
  width: 100%;
}

.loc-image {
  background: no-repeat center center / contain; 
  width: 100%;
}

.loc-image:before {
   padding-top: 81%;
  content: '';
  display: block;
  width: 100%; 
}

.scoop-image {
  background: no-repeat center center / contain;
}

.scoop-image:before {
  padding-top: 81%;
  content: '';
  display: block;
  width: 100%;
}

.location-meta .location-name {
  font-size: 38px;
  line-height: 1.1;
  text-align: center;
  text-transform: uppercase;
}

.nutrition-pop-up {
  position: fixed;
  top: 70px;
  left: 0;
  width: 100%;
  height: calc(100% - 70px);
  background-color: #ef4b81;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  visibility: hidden;
  opacity: 0;
  z-index: 99;
  padding: 100px 0;
  overflow: auto;
}

.open.nutrition-pop-up {
  opacity: 1;
  visibility: visible;
}

.table-holder {
  width: 420px;
  max-width: 90%;
  margin: 0 auto;
  position: relative;
  top: -5%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  opacity: 0;
}

.open .table-holder {
  top: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  opacity: 1;
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}

.table-holder img {
  width: 100%;
}

.the-x {
  width: 30px;
  height: 30px;
  position: absolute;
  content: '';
  display: block;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  cursor: pointer;
}

.nutrition-pop-up .the-x {
  position: fixed;
  top: calc(83px + 5%);
  right: 5%;
}

.the-x div:nth-child(1) {
  height: 100%;
  width: 3px;
  background-color: #fff;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 3px;
}

.the-x div:nth-child(2) {
  height: 3px;
  width: 100%;
  background-color: #fff;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 3px;
}

/* ## Home
--------------------------------------------- */

.home-hero a:hover {
  background-color: #ef4b81;
  color: #fff;
  transition-duration: .3s;
}

.home-hero a {
  transition-duration: .6s;
}

.home-hero .millies-site-container,
.flavor-hero .millies-site-container {
  height: calc(100vh - 95px);
  min-height: 576px;
  max-height: 664px;
}

.account-map #map {
  max-height: 700px;
}

.page-template-millies-home-page-template-php .site-inner,
.page-template-millies-events-page-template .site-inner  {
  overflow: hidden;
}

.page-template-millies-home-page-template-php footer {
  margin-top: -15%;
}

.other-hero-boxes {
  width: calc(60% - 4px);
}

.new-flavor {
  width: calc(40% - 4px);
  position: relative;
  border: solid 4px #ef4b81!important;
  border-radius: 9px;
  margin-right: auto;
  text-decoration: none;
}

.new-flavor-top-image {
  background: no-repeat center center / cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  border-radius: 6px;
}

.new-flavor-name {
  width: 100%;
  color: #fff;
  position: relative;
  margin-top: auto;
  z-index: 2;
  align-items: center;
}

.new-flavor-name-outer {
  background-color: #ef4b81;
  width: 100%;
  padding: 10px 0 25px;
}

.new-flavor-name img {
  left: 0;
  right: 0;
  width: 100%;
  margin-bottom: -5px;
}

.new-flavor-name-inner {
  width: 482px;
  max-width: 99%;
  margin: 0 auto;
  text-align: center;
}

.new-flavor-name-inner h2 {
  font-size: 65px;
  text-transform: uppercase;
  margin-bottom: 5px;
  line-height: .8;
}

.flavor-small-text {
  font-size: 18px;
  letter-spacing: -.8px;
}

.new-flavor .sprinkle-tag {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 3;
  top: 22px;
  filter: drop-shadow(0px 0px 8px #000);
}

.sprinkle-tag {
  justify-content: center;
  align-items: center;
  font-size: 22px;
  letter-spacing: -.14px;
  text-transform: uppercase;
}

.sprinkle-heading {
  margin: 0 4px;
}

.sprinkle-tag.white {
  color: #fff;
}
.sprinkle-tag.pink {
  color: #ef4b81;
}

.hero-small-feature.sweet h3 {
  position: relative;
  z-index: 3;
}

.hero-small-feature {
  width: calc(33% - 4px);
  margin-right: auto;
  color: #53281c;
  border-radius: 9px;
}

.hero-small-feature img {
  width: 100%;
  margin-left: auto;
}

.hero-small-feature:last-of-type {
  margin-right: unset;
}

.hero-small-feature:nth-child(1) {
  background-color: #ffe27c;
}
.hero-small-feature:nth-child(2) {
  background-color: #b4d2ea;
}
.hero-small-feature:nth-child(3),
.home-hero .hero-small-feature.sweet:hover {
  background-color: #f481a7
}

.hero-small-feature-image {
  width: 100%;
  height: calc(100% - 199px);
  position: relative;
  align-items: center;
}

.hero-small-feature-image-img {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
}

.hero-small-feature h3 {
  font-size: 32px;
  min-height: 87px;
  align-items: center;
  justify-content: center;
  line-height: .8;
  text-align: center;
  padding: 41px 2.5% 10px;
  text-transform: uppercase;
}

.small-feature-text {
  font-size: 19px;
  text-align: center;
  padding: 20px 8% 30px;
  line-height: 1.3;
}

.hero-small-feature {
  text-decoration: none;
}

.home-merch-feature {
  padding: 100px 0 75px;
  overflow: hidden;
}

.home-merch-feature > div {
  align-items: center;
}

.home-merch-feature > div,
.the-best > div {
  position: relative;
  z-index: 2;
}

.image-feature-area {
  width: calc(50% - 300px);
}

.bubbles-inner {
  width: 120%;
}

.left .bubbles-inner {
  margin-left: -20%;
}

.right .bubbles-inner {
  margin-right: -10%;
}

.center-text-lock {
  width: 600px;
  margin: 0 auto;
  max-width: 100%;
}

.center-lock-inner {
  width: 540px;
  max-width: 90%;
  margin: 0 auto;
}

.merch-bubble {
  background: no-repeat center center / cover;
  width: 47%;
  margin-right: 6%;
  border-radius: 50%;
}

.merch-bubble:nth-child(2n) {
  margin-right: unset;
}

.merch-bubble:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.center-lock-inner {
  justify-content: center;
}

.center-lock-inner h2 {
  font-size: 70px;
  line-height: .8;
  text-transform: uppercase;
  justify-content: center;
  letter-spacing: -.5px;
  margin-bottom: 15px;
}

.links-to-buy {
  width: 130px;
}

.sweet-reads-main-text-inner {
  width: 630px;
  max-width: 100%;
  margin-right: auto;
}

.app-link:not(.app-link:last-of-type) {
  margin-bottom: 7px;
}

.app-link img {
  width: 100%;
}

.cone-and-side {
  width: calc(100% - 130px);
  align-items: center;
}

.cone-and-side .sweet-reads-main-text {
  width: calc(100% - 130px);
  margin-left: auto;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 56px;
  line-height: 1;
}

.sweet-reads-cta {
  padding-top: 30px;
}

.sweet-reads-cta .millies-site-container {
  padding: 30px 2.5%;
  border: 2px solid #53281c;
  border-radius: 9px;
  align-items: center;
}

.letter.even {
  color: #f481a7;
}

.letter.odd {
  color: #ef4b81;
}

.center-lock-small {
  width: 100%;
  text-align: center;
  font-size: 22px;
}

.merch-link-holder {
  margin-top: 20px;
  width: 100%;
  justify-content: center;
}

.button.white {
  background-color: #fff;
  color: #ef4b81;
}

.button.white.cart-button {
  width: 100%!important;
  background-color: #fff!important;
  color: #ef4b81!important;
  max-width: unset!important;
}

.button.upright {
  position: relative;
  transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  min-height: 52px;
}

.button.upright span {
  position: relative;
  transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
}

.button.dark.pink {
  background-color: #ef4b81;
}

.button,
.woo-inner button.button {
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  font-family: program, sans-serif;
  font-weight: 700;
  border-radius: 11px;
  font-size: 22px;
  letter-spacing: 1.29px;
  text-decoration: none;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 5px 20px;
  min-height: 40px;
  max-width: 240px;
  cursor: pointer;
}

.button.brown {
  background-color: #53281c;
  color: #f481a7;
}

.button {
  background-color: #f481a7;
  color: #fff;
}

.button.yellow-text {
  color: #f3d87a;
}

.sundae .sundae-outer,
.millies-works .millies-site-container {
  border-image-slice: 32 32 32 32;
  border-image-width: 20px 20px 20px 20px;
  border-image-outset: 15px 13px 15px 13px;
  border-image-repeat: stretch stretch;
  border-image-source: url(/wp-content/themes/millies/assets/graphics/wavy-border.svg);
  border-style: solid;
}

.sundae .millies-site-container {
  background-color: #b3d3ec;
  border-radius: 13px;
}

.sundae-inner {
  width: 95%;
  margin: 0 auto;
  padding: 85px 0 50px;
  align-items: center;
}

.sundae-left,
.sundae-right {
  width: 25%;
}

.sundae-box {
  width: 47%;
  margin: -20% auto -3%;
  position: relative;
  pointer-events: none;
}

.sundae-frame.active {
  display: block;
}

.sundae-frame {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: none;
  pointer-events: none;
}

.sundae-frame img {
  position: relative;
  z-index: 2
}

.sundae-frame:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 76%;
  width: 100%;
  background-color: #b3d3ec;
  content: '';
  display: block;
  z-index: 1;
}

#frame1 {
  z-index: 1;
}
#frame2 {
  z-index: 2;
}
#frame3 {
  z-index: 3;
}
#frame4 {
  z-index: 4;
}
#frame5 {
  z-index: 5;
}
#frame6 {
  z-index: 6;
}

.sundae-frame.first {
  position: relative;
  display: block;
}

.sundae-left {
  text-align: center;
}

.sundae-left .sprinkle-tag {
  margin-bottom: 5px;
}

.sundae-left h2 {
  font-size: 76px;
  line-height: .8;
}

.sundae-right h3 {
  color: #ef4b81;
  font-size: 32px;
  margin-bottom: 10px;
  letter-spacing: -.22px;
}

.sundae-small {
  font-size: 18px;
  line-height: 1.4;
}

.marble {
  float: left;
  width: 100%;
  position: relative;
  background-image: url(/wp-content/themes/millies/assets/graphics/marbel.jpg);
  background-position: center;
  background-size: cover;
}

.marble:after {
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  content: '';
  opacity: 1;
  z-index: 1;
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 65%, #ffffff), linear-gradient(to top, #ffffff 5%, rgba(255, 255, 255, 0) 9%);
}

.marble:before {
  z-index: 1;
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  content: '';
  opacity: 1;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 65%, #ffffff), linear-gradient(to bottom, #ffffff 5%, rgba(255, 255, 255, 0) 9%);
}

.cup {
  position: relative;
  width: 321px;
  z-index: 1;
  align-items: center;
  max-width: 25vw;
  justify-content: center;
  pointer-events: none;
  transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}

.cup:before {
  padding-top: 100%;
  width: 100%;
  content: '';
  display: block;
}

.cup.right-round[data-no="1"],
.cup.right-round[data-no="2"],
.cup.right-round[data-no="5"] {
  left: 0;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -ms-transform: rotate(-0deg);
  -webkit-transform: rotate(-0deg);
  -moz-transform: rotate(-0deg);
  -o-transform: rotate(-0deg);

}

.cup.right-round[data-no="3"],
.cup.right-round[data-no="4"],
.cup.right-round[data-no="5"],
.cup.right-round[data-no="6"] {
  right: 0%;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}

.cup[data-no="1"],
.cup[data-no="2"],
.cup[data-no="5"] {
  left: -100%;
}

.cup[data-no="3"],
.cup[data-no="5"],
.cup[data-no="6"] {
  right: -100%;
}

.cup[data-no="4"] {
  right: -300%;
}

.cup img {
  position: relative;
  z-index: 2;
}

.cup img {
  max-width: unset;
  width: 250%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.cup-text {
  text-transform: uppercase;
  font-size: 12px;
}

.cup-text-holder {
  position: absolute;
  z-index: 1;
  height: 130%;
  width: 130%;
  top: -15%;
  left: -15%;
  opacity: 0;
}

.cup[data-no="3"] .cup-text-holder,
.cup[data-no="6"] .cup-text-holder  {
  height: 133%;
  width: 133%;
  top: -16.5%;
  left: -16.5%;
}

.the-best {
  padding-bottom: 5%;
  z-index: 20;
}

.the-best-cup-row {
  align-items: center;
}

.the-best-cup-row.top {
  margin-bottom: -5%;
}

.cup[data-no="1"]{
  margin-left: -10%;
  margin-right: 15px;
  margin-top: 15%;
}

.cup[data-no="1"] img {
  top: 92%;
}

.cup.right-round .cup-text-holder {
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  -o-transition-delay: 1000ms;
  transition-delay: 1000ms;
  opacity: 1;
}

.cup[data-no="2"] .cup-text-holder,
.cup[data-no="5"] .cup-text-holder {
  transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
}

.cup[data-no="2"].right-round .cup-text-holder,
.cup[data-no="5"].right-round .cup-text-holder {
  transform: rotate(-35deg);
  -ms-transform: rotate(-35deg);
  -webkit-transform: rotate(-35deg);
  -moz-transform: rotate(-35deg);
  -o-transform: rotate(-35deg);
}

.cup[data-no="3"] .cup-text-holder,
.cup[data-no="6"] .cup-text-holder {
  transform: rotate(-150deg);
  -ms-transform: rotate(-150deg);
  -webkit-transform: rotate(-150deg);
  -moz-transform: rotate(-150deg);
  -o-transform: rotate(-150deg); 
}

.cup[data-no="3"].right-round .cup-text-holder,
.cup[data-no="6"].right-round .cup-text-holder {
  transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  -webkit-transform: rotate(35deg);
  -moz-transform: rotate(35deg);
  -o-transform: rotate(35deg);
}

.cup[data-no="3"] {
  margin-left: auto;
  margin-right: 10%;
}

.cup[data-no="5"] {
  margin-left: 7%;
  margin-right: auto;
}

.cup[data-no="6"] {
  margin-right: 21%;
  margin-top: 12%;
  z-index: 3;
}

.the-best-inner {
  width: 762px;
  margin: 0 auto;
  text-align: center;
}

.single-cup {
  width: calc(50% - 381px);
}

.the-best-inner h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 110px;
  letter-spacing: -.69px;
  line-height: .8;
  color: #f1558c;
  margin-bottom: 20px;
}

.best-link-holder {
  justify-content: center;
}

.the-best-max-container {
  width: 1300px;
  margin: 0 auto;
  max-width: 100%;
}

.the-best-cup-row.bottom {
  margin-top: -16%;
}

.millies-works {
  position: relative;
  z-index: 10;
}

.millies-works .millies-site-container {
  background-color: #ffd067;
  border-radius: 13px;
}

.millies-works-inner {
  width: 90%;
  margin: 0 auto;
  padding: 80px 0 0;
}

.heading-top h2 {
  font-size: 110px;
  line-height: .8;
}

.heading-top {
  text-align: center;
  text-transform: uppercase;
  width: 840px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.bottom-left,
.bottom-right {
  width: 213px;
  position: relative;
  z-index: 3;
}

.bottom-left {
  margin-bottom: 5%;
}

.works-illy-holder {
  width: calc(100% - 426px);
  position: relative;
  z-index: 1;
  pointer-events: none;
  margin-top: -11%;
}

.bottom-top-left {
  font-size: 18px;
  margin-bottom: 20px;
  line-height: 1.3;
}

.millies-works {
  overflow: hidden;
}

.works-illy {
  width: 186%;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  max-width: unset;
  position: relative;
}

.bottom-contents {
  position: relative;
  z-index: 2;
  align-items: center;
  margin-top: -6%;
}

.millies-events {
  background: linear-gradient(rgba(198,221,255,0) 35%, #c5dcff 100%);
  padding-bottom: 116px;
}

.millies-events .millies-site-container {
  position: relative;
  z-index: 2;
}

.truck-left {
/*  position: absolute;
  left: 0;
  width: 50%;
  z-index: 2;
  bottom: 0;*/
    position: absolute;
    /* left: 0; */
    width: 50%;
    z-index: 2;
    height: 100%;
    width: auto;
    right: 40%;
}

.event-types-roller-holder {
  width: 50%;
  margin-left: auto;
}

.roller-event-type {
  outline: none!important;
  border: none!important;
  font-size: 58px;
  text-align: center;
  width: 100%;
  display: block;
  margin-bottom: 15px;
  text-transform: uppercase;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  color: #cde1ff;
  letter-spacing: -0.47px;
}

.roller-event-type.in-view {
  color: #ef4b81;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.event-roller-inner {
  width: 552px;
  margin: 0 auto;
  max-width: 100%;
}

.event-roller-bottom:before {
  height: 6px;
  width: 100%;
  content: '';
  display: block;
  background-color: #ef4b81;
  border-radius: 15px;
  position: relative;
  margin-bottom: 7px;
}

.event-roller-bottom {
  padding: 0 5%;
}

.are-better {
  font-size: 54px;
  letter-spacing: .61px;
  line-height: .8;
  text-align: center;
  margin-bottom: 35px;
}

.roller-smallest {
  text-align: center;
  line-height: 1.3;
  margin-bottom: 15px;
}

.bottom-left .link-holder {
  justify-content: flex-start;
}

.link-holder {
  justify-content: center;
}

.millies-events .cloud-holder {
  width: 1300px;
  max-width: 100%;
  margin: 0 auto;
  position: absolute;
  top: -35%;
  right: 0;
  left: 0;
  z-index: 4;
}

.millies-events .cloud-holder img {
  width: 110%;
  max-width: unset;
}

.sprinkle-holder,
.sprinkle-cta {
  width: 100%;
}

.sprinkle-left,
.sprinkle-right {
  width: 50%;
  align-items: flex-start;
}

.sprinkle-left .sprinkle-cta {
  margin-top: 35%;
}

.sprinkle-holder {
  z-index: 10;
}

.sprinkle-cta {
  z-index: 1;
}

.sprinkle-inner {
  position: relative;
  width: 523px;
  max-width: 100%;
}

.sprinkle-inner:before {
  position: relative;
  width: 100%;
  content: '';
  z-index: 1;
  display: block;
  padding-top: 111%;
}

.sprinkle-inner h2 {
  position: absolute;
  left: 8%;
  right: 0;
  top: 48%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 2;
  font-size: calc(45px + (155 - 45) * ((100vw - 325px)/ (1200 - 325)));
  color: #fff;
  letter-spacing: -1px;
  line-height: .7;
  text-transform: uppercase;
}

.sprinkle-background-image, 
.sprinkle-background,
.sprinkle-background-holder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 423px;
  max-width: 90%;
  margin: 0 auto;
  content: '';
  z-index: 1;
  display: block;
  height: 100%;
}

.sprinkle-background-holder {
  -moz-transition: all .1s ease;
  -webkit-transition: all .1s ease;
  -o-transition: all .1s ease;
  transition: all .1s ease;
}

.sprinkle-background-image {
  background: no-repeat center center / cover;
}

.sprinkle-background-image, 
.sprinkle-background {
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  max-height: 50vw;
  background-color: #ef4b81;
  border-radius: 129px;
}

.sprinkle-cta-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: auto;
  right: 0;
  margin-left: auto;
  z-index: 2;
  background-color: #fff;
  border-radius: 23px;
  -moz-transition: all .1s ease;
  -webkit-transition: all .1s ease;
  -o-transition: all .1s ease;
  transition: all .1s ease;
}

.sprinkle-cta-box .link-holder {
  justify-content: flex-start;
}

.sprinkle-cta-inner h3 {
  color: #ef4b81;
  letter-spacing: -.25px;
  font-size: 40px;
  line-height: .9;
  margin-bottom: 7px;
}

.sprinkle-cta-inner {
  padding: 24px;
}

.sprinkle-text-inner {
  font-size: 20px;
  margin-bottom: 20px;
  width: 235px;
  max-width: 100%;
  margin-right: auto;
}

.sprinkle-cta-inner a.button  {
  font-size: 21px;
  letter-spacing: 1px;
  padding: 5px 10px;
}

.sprinkle-left .sprinkle-background-holder {
  transform: rotate(-19deg);
}

.sprinkle-right .sprinkle-holder:nth-child(1) .sprinkle-background-holder  {
  transform: rotate(-56deg);
}

.sprinkle-left .sprinkle-cta-box {
  right: -18%;
}

.sprinkle-cta-box {
  width: 274px;
}

.sprinkle-right .sprinkle-cta:nth-child(2) .sprinkle-background-holder {
  transform: rotate(16deg);
  margin-left: 0;
}

.sprinkle-right .sprinkle-cta:nth-child(2) .sprinkle-cta-box {
  top: 42%;
}

.cta-end {
  padding-bottom: 5%;
}

.account-map #map {
  height: 90vh;
	width: 100%;
  position: relative;
  z-index: 1;
}
.account-map .key-container {
  max-width: calc(100% - 70px);
  width: 1180px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  pointer-events: none;
}
.account-map .key {
  pointer-events: visible;
  max-height: 90%;
  width: 310px;
  background-color: #ef4b81;
  border-radius: 9px;
  border: solid 4px #ef4b81;
}
.account-map .top-section {
  padding-top: 8px;
  padding-bottom: 2px;
}
.account-map .top-section .map-title {
  justify-content: center;
  align-items: center;
  margin-bottom: 4px;
}
.account-map .top-section img {
  width: 188px;
  height: auto;
}
.account-map .top-section input {
  font-size: 69px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.94;
  letter-spacing: 0.38px;
  text-align: center;
  color: #fff;
  background: unset !important;
  border: unset !important;
}
.account-map .top-section input::placeholder {
  opacity: 1;
  color: #f481a7;
}
.account-map .locs {
  background-color: #fff;
}
.account-map .loc:not(.account-map .loc:last-of-type):after {
  position: relative;
  width: 100%;
  display: block;
  content: '';
  height: 12px;
  background-image: url(/wp-content/themes/millies/assets/graphics/sprinkle-border-2.svg);
  background-repeat: repeat-x;
  background-size: 38px auto;
}

.account-map .loc {
  width: 100%;
  position: relative;
  margin-bottom: 12px
}
.locs-inner {
  width: 100%;
  padding: 20px 12px 20px;
}
.loc-inner {
  padding: 0 5px 12px;
  width: 100%;
}
.account-map .loc:last-of-type {
  border-bottom: none !important;
}
.account-map .loc .loc-top {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 25px;
}
.account-map .loc .loc-name {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: -0.11px;
}

.account-map .loc .distance {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.93;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  max-height: 0;
  height: 25px;
  overflow: hidden;
  opacity: 0;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  background-color: #ef4b81;
  border-radius: 3px;
  transition: ease all .2s;
}
.account-map .loc .distance.active {
  max-height: 25px;
  opacity: 1;
}
.account-map .loc .loc-info {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.93;
  letter-spacing: normal;
  color: #53281c;
}


/* # Site Navigation
---------------------------------------------------------------------------------------------------- */

/* ## Mobile Menu
--------------------------------------------- */


.menu-open .mobile-menu-item span {
    -webkit-animation: fadeInRight .5s ease forwards;
    animation: fadeInRight .5s ease forwards;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.menu-open .mobile-menu-item:nth-child(2) span {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.menu-open .mobile-menu-item:nth-child(3) span {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}

.menu-open .mobile-menu-item:nth-child(4) span {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

.menu-open .mobile-menu-item:nth-child(5) span {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}
.menu-open .mobile-menu-item:nth-child(6) span {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.menu-open .mobile-menu-item:nth-child(7) span {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

.mobile-menu-item span {
    left: -30%;
    opacity: 0;
    position: relative;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 30%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 30%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

.menu-open .millies-mobile-popover {
  top: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.millies-mobile-popover {
  position: fixed;
  top: -100%;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  z-index: 5;
  align-items: center;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.mobile-menu-row {
  justify-content: center;
}

.mobile-menu-row .order-button {
  margin-left: unset;
  font-size: 38px;
}

.mobile-menu-item {
  text-decoration: none;
  font-size: 48px;
  letter-spacing: -.18px;
  text-transform: uppercase;
  color: #f481a7;
  text-align: center;
  width: 100%;
  display: block;
  margin-bottom: 15px;
}

.popover-inner {
  width: 500px;
  max-width: 90%;
  margin: 0 auto;
}

.mobile-menu {
  height: 25px;
  width: 30px;
  margin-left: auto;
  position: relative;
  display: none;
  cursor: pointer;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.menu-open .mobile-menu {
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  transform: rotate(90deg);
}

.menu-open .mobile-menu .bar:nth-child(2) {
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.menu-open .mobile-menu .bar:nth-child(1) {
  transform: rotate(45deg);
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  top: 11px;
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}

.menu-open .mobile-menu .bar:nth-child(3) {
  transform: rotate(-45deg);
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  bottom: 11px;
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;  
  top: 9px;
}

.bar {
  height: 3px;
  width: 100%;
  background-color: #ef4b81;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.bar:nth-child(1) {
  top: 0;
}

.bar:nth-child(3) {
  bottom: 0;
}

.bar:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}


/* ## Desktop Menu
--------------------------------------------- */

.order-button {
  margin-top: 9px;
}
.middle-nav {
  padding-top:  9px;
}

header {
  height: 62px;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
}

header:after {
  display: block;
  content: '';
  width: 100%;
  position: relative;
  height: 8px;
  background-color: #fff;
}

.navigation-container {
    width: 1300px;
    max-width: 94%;
    margin: 0 auto;
    align-items: center;
    height: 100%;
    position: relative;
    z-index: 10;
}

.middle-nav {
  position: absolute;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  justify-content: center;
  width: calc(100% - 261px);
  align-items: center;
  justify-content: space-between;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}

.top-nav-middle {
  width: 16.6667%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 28px;
  letter-spacing: -.18px;
  color: #f481a7;
  position: relative;
}

.top-nav-middle:hover:after {
  height: 45px;
  -moz-transition: all 2s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.top-nav-middle:after {
  background: no-repeat top center url(/wp-content/themes/millies/assets/nav-drip.svg);
  content: '';
  display: block;
  background-size: 100% 100%;
  position: absolute;
  top: 61px;
  width: 240px;
  left: 50%;
  transform: translateX(-50%);
  height: 0px;
  -moz-transition: all 4s ease;
  -webkit-transition: all 4s ease;
  -o-transition: all 4s ease;
  transition: all 4s ease;
  pointer-events: none;
}

.nav-logo {
  position: relative;
  z-index: 2;
  width: 136px;
}

.order-button {
  min-width: 125px;
  color: #fff;
  padding: 0 15px;
  height: 45px;
  text-transform: uppercase;
  letter-spacing: -.18px;
  font-size: 27px;
  text-decoration: none;
  margin-left: auto;
  position: relative;
  z-index: 2;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background-color: #ef4b81;
}

.navigation-container a:not(.order-button):focus, 
.navigation-container a:not(.order-button):hover {
  color: #EF4C81;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}


/* # Site Footer
---------------------------------------------------------------------------------------------------- */

.millies-footer-outer {
  background-color: #ef4b81;
  width: 100%;
  padding: 150px 0 25px;
}

.site-footer {
  overflow: hidden;
  align-items: center;
}

.site-footer img.wave {
  margin-bottom: -10px;
  width: 100%;
  min-width: 550px;
}

.millies-footer-inner {
  width: 593px;
  max-width: 90%;
  margin: 0 auto;
}

.scoop-title {
  color: #fff;
  font-size: 54px;
  letter-spacing: .61px;
  width: 100%;
  text-align: center;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.scoop-sub-inner {
  width: 454px;
  max-width: 100%;
  margin: 0 auto;
  font-size: 19px;
  color: #fff;
  text-align: center;
}

.scoop-subscribe {
  margin-bottom: 25px;
}

form input {
  width: 100%;
}

.form-area input:not(.wpcf7-submit)::-moz-placeholder{
  color: #f481a7;
  opacity: 1;
}

.form-area select::-moz-placeholder {
  color: #f481a7;
  opacity: 1;
}

.form-area input:not(.wpcf7-submit)::-webkit-input-placeholder {
  color: #f481a7;
  opacity: 1;
}

.form-area select::-webkit-input-placeholder {
  color: #f481a7;
  opacity: 1; 
}

.form-area.yellow input:not(.wpcf7-submit),
.form-area.yellow select {
  color: #53281c!important;
}

footer input:not(.wpcf7-submit),
.form-area input:not(.wpcf7-submit),
.form-area select {
  border: unset!important;
  background-color: transparent;
  color: #fff;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  font-size: 45px;
  letter-spacing: .25px;
  font-family: program-narrow, sans-serif;
  font-weight: 500;
  padding: 0 0 4px;
  line-height: 1;
  width: 100%;
}

.form-field,
.form-area .wpcf7-form-control-wrap {
  position: relative;
}

.form-area .wpcf7-form-control-wrap {
  width: 100%;
}

.form-area .one-half,
.form-area .two-thirds,
.form-area .one-third,
.form-area .form-full {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-bottom: 35px;
}

.form-area input:not(.wpcf7-submit), 
.form-area select {
  font-size: 35px;
}

.form-area .wpcf7-submit.invalid {
  width: 330px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.coupon_button.big-button {
  display: flex;
display: -webkit-flex;
display: -moz-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
align-items: center;
justify-content: center;
}

.form-area .wpcf7-submit,
.form-area .woo-inner .woo-complete,
.coupon_button.big-button {
  cursor: pointer;
  font-weight: bold;
  font-family: program, sans-serif;
  appearance: none;
  -webkit-appearance: none;
  height: 52px;
  border-radius: 11px!important;
  background-color: #fff;
  text-align: center;
  text-transform: uppercase;
  color: #ef4b81;
  font-size: 22px;
  letter-spacing: 1.29px;
  width: 190px;
  margin-left: auto;
  border: unset!important;

}

.form-field.top {
  margin-bottom: 22px;
}

.form-area input[type="date"] {
  appearance: none!important;
  -webkit-appearance: none!important;
}

.form-area input[type="date"]::-webkit-inner-spin-button,
.form-area input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.checker .wpcf7-list-item-label {
  font-size: 14px;
  text-transform: unset;
  font-family: 'Halis GR';
  font-weight: 500;
  cursor: pointer;
}

.form-area .wpcf7-form-control-wrap.date:after,
.form-area .wpcf7-form-control-wrap.time:after {
  bottom: -8px;
}

.wpcf7-list-item label {
  text-transform: unset!important;
  padding-left: 26px;
  display: block;
  position: relative;
  margin-top: unset!important;
}

.checker {
  position: relative;
}

.checker .wpcf7-list-item input {
  display: none;
}

.checker input:checked + .wpcf7-list-item-label:before {
  background-image: url(/wp-content/themes/millies/assets/graphics/check-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.checker .wpcf7-list-item-label:before {
  position: absolute;
  left: 0;
  height: 21px;
  width: 21px;
  border: 3px solid #fff;
  border-radius: 2px;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.form-area .checker {
  width: 40%;
}
.form-area .date-hold {
  width: 55%;
}

.form-area .date-hold {
  margin-right: auto;
}

.form-area .textblock .wpcf7-form-control-wrap:after,
.form-area .checker .wpcf7-form-control-wrap:after {
  display: none!important;
}

.form-field:after,
.form-area .wpcf7-form-control-wrap:after,
.woocommerce form .form-row:not(.notes) span:after,
.woocommerce table.shop_table tr:after {
  position: absolute;
  bottom: 0;
  height: 4px;
  border-radius: 4px;
  background-color: #fff;
  content: '';
  left: -2px;
  right: -2px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  box-shadow: 0 0 0px 0 rgba(255, 255, 255, 0.9);
}

footer input:not(.wpcf7-submit)::-moz-placeholder {
  color: #f481a7;
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

footer input:not(.wpcf7-submit)::-webkit-input-placeholder {
  color: #f481a7;
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.form-half {
  width: 48%;
}

footer form {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.form-half.one {
  margin-right: 4%;
}

.submit-part {
  width: 149px;
}

.email-most {
  width: calc(98% - 149px);
  margin-right: auto;
}

.invalid-state.form-field:after, 
.invalid-state .wpcf7-form-control-wrap:after{
  background-color: #53281c;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.scoop-form.sent .email-most {
  max-width: 0;
  overflow: hidden;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.scoop-form.sent .submit-part,
.event-form.sent .wpcf7-submit {
  width: 100%;
  margin-right: 0;
  margin-left: auto;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  pointer-events: none;
}

.submit-part input {
  height: 50px;
  width: 100%;
  background-color: #fff;
  color: #ef4b81;
  font-family: program, sans-serif;
  font-weight: 700;
  line-height: 1;
  border-radius: 9px!important;
  text-transform: uppercase;
  border: unset!important;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  /*padding: 5px 0 0 0;*/
}

.email-and-button {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: flex-end;
}

.active.form-field:after,
.active.wpcf7-form-control-wrap:after {
  box-shadow: 0 0 12px 0 rgba(255, 255, 255, 0.9);
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.form-full,
.form-full .wpcf7-form-control-wrap {
  width: 100%;
}

.form-full.submit-area {
  text-align: right;
}

.form-area textarea {
  border-radius: 5px;
  border: solid 4px #ffffff;
  background-color: unset;
  color: #fff;
  line-height: 1.4;
  font-size: 13px;
  padding: 10px;
  letter-spacing: -.6px;
  font-family: 'Halis GR';
  font-weight: 900;
  width: 100%;
}

.form-area textarea::-moz-placeholder {
  color: #f481a7;
  opacity: 1;
}

.form-area textarea::-webkit-input-placeholder {
  color: #f481a7;
  opacity: 1;
}

.form-area label,
.woocommerce form .form-row label {
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: -.6px;
  font-family: 'Halis GR';
  font-weight: 900;
}
.woocommerce form .form-row label {
  margin-top: 5px;
}
.woocommerce form .form-row label .required {
  color: #fff;
}

.form-area label.top {
  margin-bottom: 5px;
}

.form-area label:not(.top) {
  margin-top: 5px;
}

.scoop-email {
  margin-bottom: 55px;
}

.millies-light-up {
  width: 50px;
  position: relative;
}

.its-lit.on {
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.its-lit {
    opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  position: absolute;
  top: 47%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 50%;
  right: 0;
  width: 110%;
  height: auto;
  margin: 0 auto;
  width: 62px;
  max-width: unset!important;
}

.scoop-left,
.scoop-right {
  justify-content: center;
  width: calc(50% - 25px);
  align-items: center;
  text-align: center;
}

.insta-button {
  align-items: center;
}

.site-footer a {
  color: #53281c;
  text-decoration: none;
}

.insta-button img {
  margin-right: 10px;
}

.scoop-bottom {
  margin-bottom: 55px;
}

.copyright-bottom {
  text-align: center;
  color: #fff;
  font-size: 14px;
  margin-bottom: 15px;
}

.built-by {
  justify-content: center;
}

.built-by a {
  width: 105px;
  margin: 0 auto;
}


/* # Media Queries
---------------------------------------------------------------------------------------------------- */

@media (min-width: 1200px) {

  .sprinkle-inner h2 {
    font-size: 150px;
  }
  .act-title h2, .act-title h1 {
    font-size: 115px;
  }
  .flavor-showcase {
    min-height: 664px;
  }

  /* ## The Max
  --------------------------------------------- */

  .home-hero .millies-site-container,
  .flavor-hero .millies-site-container,
  .flavors-hero .millies-site-container,
  .events-hero {
    max-height: 830px
  }

  .order-hero-box-text h2 {
    font-size: 65px;
  }

}

@media (max-width: 1200px) {
  .notations-top-box {
    margin-bottom: 31px;
  }
  .hero-small-feature h3 {
    font-size: 23px;
  }
  .new-flavor-name-inner h2 {
    font-size: 50px;
  }
  .small-feature-text {
    padding: 20px 4%;
    font-size: 17px;
  }
  .roller-event-type {
    font-size: calc(35px + (55 - 35) * ((100vw - 325px)/ (1200 - 325)));
  }
  .are-better {
    font-size: calc(35px + (45 - 35) * ((100vw - 325px)/ (1200 - 325)));
  }
}

@media (max-width: 1100px) {
  
}

@media (max-width: 1050px) {
  .the-best-inner {
    width: 60%;
  }
  .the-best-inner h2 {
    font-size: calc(35px + (95 - 35) * ((100vw - 325px)/ (1200 - 325)));
  }
  .heading-top h2 {
    font-size: calc(35px + (110 - 35) * ((100vw - 325px)/ (1200 - 325)));
  }
  .single-cup {
    width: 20%;
  }
}

@media (max-width: 951px) {

  .cone-and-side .sweet-reads-main-text {
    font-size: 41px;
  }

  .cone-and-side {
    margin-bottom: 25px;
  }

  .links-to-buy {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }

  .app-link:not(.app-link:last-of-type) {
    margin-bottom: unset;
  }

  .app-link:nth-child(2n) {
    margin-right: unset;
  }

  .app-link {
    width: 48%;
    margin-right: auto;
  }

  .links-to-buy,
  .cone-and-side {
    width: 600px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .product-feature-bar-inner-top {
    height: auto;
    padding-bottom: 30px;
  }

  .product-feature-bar, .product-visuals {
    height: auto;
  }

  .brown-right-bar .product-feature-bar:before {
    display: none!important;
  }

  .tour-title-inner h1 {
    font-size: 80px;
  }

  .tour-blurb {
    font-size: 18px;
  }

  .tour-main-info .top-line .sprinkle-heading {
    text-align: center;
    padding:  0 5%;
  }

  .image-ender {
    padding-bottom: 9px;
  }

  .mobile-detector-2 {
    display: none;
  }

  .site-inner {
    margin-top: 62px;
  }

  .nutrition-pop-up .the-x {
    top: calc(62px + 5%);
  }

  .nutrition-pop-up {
    top: 62px;
    height: calc(100% - 62px);
  }

  .mobile-menu {
    display: block;
  }

  .merch-bottom-contents-left {
    width: 100%;
  }

  .merch-feature-big-image,
  .merch-feature-big-image img {
    width: 100%;
  }

  .merch-feature-big-image {
    display: none;
  }

  .product-feature-bar-inner {
    width: 500px;
  }

  .product-feature-bar {
    width: 100%!important;
    order: 2;
  }

  .product-visuals {
    width: 100%!important;
    order: 1;
    overflow: hidden;
  }

  .woocommerce-checkout h1:not(.thank-you-title) {
    font-size: 65px;
    margin-bottom: unset;
  }

  .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    width: 100%;
    margin-left: unset;
  }

  .order-location {
    width: 47%!important;
    margin-right: 6%!important;
  }

  .order-location:nth-child(2n) {
    margin-right: unset!important;
  }

  .order-hero {
    margin-bottom: 100px;
  }

  .order-hero-image {
    height: 100%;
  }

  .order-hero .millies-site-container,
  .location-shower .millies-site-container {
    width: 600px;
  }

  .order-hero-box {
    width: 100%;
    margin-right: unset;
    margin-bottom: 8px;
    align-items: center;
  }

  .date-hold,
  .checker {
    width: 100%!important;
  }

  .checker {
    margin: 5px 0 10px;
  }

  .small-text {
    font-size: 18px;
  }

  .events-hero-right-inner h1 {
    font-size: 45px;
  }

  .best-text {
    font-size: 21px;
  }

  .event-form .form-left:after, .woocommerce .col2-set .col-1:after {
    display: none;
  }

  .event-form .form-left,
  .woocommerce .col2-set .col-1 {
    padding-top: 70px;
    padding-right: unset;
  } 

  .event-form .form-left:before {
    background-image: url('/wp-content/themes/millies/assets/graphics/sprinkle-border-horiz.svg');
    width: 100%;
    height: 15px;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
  }

  .event-form .event-type-name {
    font-size: 65px;
  }

  .form-right-stick {
    top: unset;
    position: relative;
    width: 100%;
  }

  .event-form .form-left {
    order: 2;
  }
  .event-form .form-right {
    order: 1;
    padding-left: 25px;
    margin-bottom: 25px;
  }

  .event-form .form-left,
  .event-form .form-right {
    width: 100%;
  }

  .franchise-button-holder {
    margin-top: unset;
  }

  .franchise-form .franchise-block.last {
    margin-bottom: 25px;
  }

  .info-left,
  .info-right {
    width: 100%;
    margin-right: unset;
    height: unset;
    margin-left: unset;
  }

  .state-wrap {
    margin-top: 25px;
  }
  .state-wrap,
  .city-wrap {
    width: 100%;
  }

  .franchise-block h2, .woocommerce-checkout h1.thank-you-title {
    font-size: 44px;
  }

  .franchise-block .wpcf7-form-control-wrap:after {
    height: 13px;
  }

  .franchise-block input:not(.wpcf7-submit), .franchise-block select {
    font-size: 35px;
    padding-bottom: 13px;
  }
  .franchise-block label {
    font-size: 16px;
  }

  .franchise-hero-box:before {
    min-height: unset;
  }

  .franchise-hero .millies-site-container,
  .franchise-form .millies-site-container,
  .tour-main-info .millies-site-container {
    width: 600px;
  }

  .franchise-hero-box {
    width: calc(50% - 4px)!important;
    margin-right: auto!important;
    margin-bottom: 8px;
  }
  .franchise-hero-box:nth-child(2n) {
    margin-right: unset!important;
  }

  .scooping-now .scoop-location,
  .location-selector .scoop-location {
    width: 47%!important;
    margin-right: 6%!important;
    margin-bottom: 50px;
  }

  .scooping-now .scoop-location:nth-child(2n),
  .location-selector .scoop-location:nth-child(2n) {
    margin-right: unset!important;
  }

  .scooping-locations {
    width: 600px;
  }
  header:after {
    display: none;
  }
  .flavor-showcase {
    min-height: unset;
  }
  .top-note {
    font-size: 18px;
  }
  .flavors-hero {
      margin-bottom: 100px;
  }
  .flavor-name {
    font-size: 25px;
  }
  .flavor-showcase {
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
  }
  .quality-picker {
    display: none;
  }
  .flavor-nav-side {
    width: 100%;
  }
  .flavor-nav-stick {
    width: 600px;
    margin: 0 auto 65px;
    top: 0;
    max-width: 100%;
    position: relative;
  }
  .flavor-hero-blurb {
    font-size: 17px;
  }
  .flavor-location-selector h2 {
    font-size: 35px;
  }
  .flavor-hero-blurb-side h1 {
    font-size: 35px;
    margin-bottom: 15px;
  }
  .flavor-hero-blurb-side {
    padding: 50px 0;
  }
  .flavors-hero .millies-site-container,
  .flavor-hero .millies-site-container {
    min-height: unset;
    height: unset;
    width: 600px;
    max-height: unset;
  }
  .flavor-hero-image:before {
    padding-top: 100%;
    content: '';
    display: block;
    width: 100%;
  }
  .flavor-hero-image {
    margin-bottom: 8px;
  }
  .flavor-hero-image, .flavor-hero-blurb-side {
    width: 100%;
    margin-left: unset;
    margin-right: unset;
  }
  .location-listing .location-meta .location-name,
  .location-selector .location-meta .location-name {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .open-close-holder {
    font-size: 19px;
  }
  .location-listing .location-address,
  .order-location .order-location-address {
    font-size: 15px;
  }
  .location-listing .scoop-location {
    width: 48%!important;
    margin-right: 4%!important;
  }
  .hours-of-operation,
  .location-listing .location-address {
    width: 100%;
    margin-left: unset;
  }
  .location-listing .location-address,
  .order-location .order-location-address {
    margin-bottom: 15px;
  }
  .act-desc, .main-text,
  .millies-resources-inner {
    width: 500px;
    font-size: 16px;
  }
  .millies-events .cloud-holder {
    margin-top: -28%;
  }
  .are-better {
    margin-bottom: 25px;
  }
  .roller-smallest {
    font-size: 16px;
  }

  .sundae-right {
    position: relative;
    z-index: 10;
  }
  .sundae-left,
  .sundae-box,
  .sundae-right {
    width: 100%;
    text-align: center;
  }
  .sundae-left {
    margin-bottom: 25px;
  }
  .sundae-box img {
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
  }
  .bottom-left-inner {
    justify-content: center;
    text-align: center;
  }
  .works-illy {
    width: 136%;
  }
  .works-illy-holder {
    width: 100%;
    z-index: 3;
    margin-top: -14%;
  }
  .bottom-right {
    display: none;
  }
  .heading-top h2 {
    width: 553px;
    max-width: 100%;
    margin: 0 auto 25px;
  }
  .sundae-left-inner,
  .sundae-right-inner,
  .bottom-left-inner {
    width: 430px;
    max-width: 95%;
    margin: 0 auto;
  }
  .center-text-lock {
    width: 500px;
  }
  .home-merch-feature {
    padding: 75px 0;
  }
  .image-feature-area {
    width: calc(50% - 250px);
  }
  .center-lock-small {
    font-size: 18px;
  }
  .button, .woo-inner button.button {
    font-size: 18px;
    min-width: unset!important;
  }
  .center-lock-inner {
    width: 450px;
  }
  .center-lock-inner h2 {
    font-size: 50px;
  }
  .home-hero .millies-site-container {
    width: 600px;
  }
  .new-flavor {
    margin-bottom: 8px;
  }
  .new-flavor,
  .other-hero-boxes {
    width: 100%;
  }
  .new-flavor-name-inner {
    width: 432px;
  }
  .new-flavor:before {
    padding-top: 94%;
    content: '';
    display: block;
    min-height: 440px;
  }
  .hero-small-feature-image:before {
    padding-top: 210%;
    content: '';
    display: block;
  }
  .hero-small-feature-image {
    height: unset;
  }
  .home-hero .millies-site-container, .flavor-hero .millies-site-container {
    max-height: unset;
    height: auto;
  }
  .middle-nav,
  .order-button:not(.mobile) {
    display: none;
  }

  .bottom-left {
    width: 100%;
  }
  .bottom-contents {
    margin-top: unset;
  }

  .flavor-hero-box.second-scoop {
    padding-top: 50px;
  }

  .chef-chad-heading {
    margin-bottom: 25px;
  }

  .flavor-box-cta-pint img {
    width: 116%;
  }

  .notations-top-box {
    margin-bottom: 22px;
  }

  .flavor-info-boxes {
    padding-bottom: 81px;
  }

  .flavor-hero .millies-site-container.flex > div {
    width: 100%;
    margin-right: unset;
  }

  .flavor-hero-box.notes {
    margin-bottom: 8px;
  }
  
}

@media (max-width: 900px) {
  .img-half, .shop-text-left {
    height: unset;
  }
  .campus-top-bar-image {
    padding: 0 15px;
  }
  .shop-list-title {
    width: 100%;
    margin-right: unset;
  }
  .campus-top-bar-image img {
    width: 110px;
  }
  .campus-top-bar:after {
    background-size: 49px auto;
  }
}

@media (max-width: 800px) {

  .f-truck-title h2 {
    font-size: 32px;
  }

  .food-truck {
    width: 100%;
    margin-right: unset;
    margin-bottom: 15px;
  }

  .account-map .key {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  .account-map .key,
  .account-map .key-container {
    height: calc(50vh - 50px);
    overflow: hidden;
    margin-bottom: -10px;
  }
  .account-map #map {
    height: 50vh;
    order: 2;
  }
  .account-map .key-container {
    width: 100%;
    order: 1;
    position: relative;
    left: 0;
    top: unset;
    transform: unset;
    max-width: 100%;
  }
  .account-map .key {
    width: 100%;
    max-height: unset;
    max-width: 100%;
  }
  .event-types-roller-holder {
    width: 500px;
    margin: 0 auto;
    max-width: 100%;
  }
  .millies-events .cloud-holder {
    top: 0;
  }
  .events-hero {
    height: unset;
  }
  .millies-events {
    padding-bottom: unset!important;
  }
  .truck-left {
    position: relative;
    order: 2;
    width: 100%;
    right: unset;
    left: 0;
    height: auto;
  }

  .millies-events .cloud-holder {
      margin-top: -17%;
  }

  .events-hero-right {
    width: 500px;
    margin: 0 auto 50px;
    padding-top: 100px;
  }
}

@media (max-width: 710px) {

  .form-top-box {
    margin-bottom: 50px;
  }

  .form-top-box h2 {
    font-size: 57px;
    margin-bottom: 15px;
  }

  .tour-hero {
    overflow: hidden;
  }

  .form-top-box .sprinkle-tag,
  .form-email-line {
    font-size: 18px;
  }

  .liability-area label {
    font-size: 12px!important;
  }

  .tour-hero-image img {
    width: 120%;
    margin-left: -10%;
    max-width: unset;
  }

  .tour-main-info .top-line .sprinkle-tag {
    font-size: 15px;
  }

  .tour-hero .tour-title,
  .tour-hero .tour-hero-image {
    width: 100%;
  }

  .tour-hero .tour-title {
    order:  1;
    margin-left: unset;
    margin-bottom: 10px;
  }

  .tour-hero .tour-hero-image {
    order:  2;
  }

  .mobile-detector-1 {
    display: none;
  }

  .sprinkle-cta-inner h3 {
    text-transform: uppercase;
  }

  .sprinkle-background-image, 
  .sprinkle-background, 
  .sprinkle-background-holder {
      max-width: 84%;
  }

  .sprinkle-left .sprinkle-background-holder {
     transform: rotate(16deg);
     left: -36%;
  }

  .sprinkle-background-image, 
  .sprinkle-background {
    border-radius: 63px;
  }

  .sprinle-left .sprinkle-background-holder {
    right: auto;
    left: -14%;
  }

  .sprinkle-right .sprinkle-cta:nth-child(2) .sprinkle-cta-box {
    left: 0;
    right: auto;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .sprinkle-left .sprinkle-cta-box {
    right: 0;
    left: auto;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .sprinkle-right .sprinkle-cta:nth-child(2) .sprinkle-background-holder {
    transform: rotate(-19deg);
    margin-left: auto;
    margin-right: 0;
    left: auto;
    right: -14%;
  }

  .sprinkle-cta {
      z-index: 10;
      margin-top: -180px;
  }

  .sprinkle-inner h2 {
    font-size: 80px;
    letter-spacing: -.5px;
  }

  .cta-end .millies-site-container {
    max-width: 100%;
    width: 100%;
  }

  .sprinkle-right .sprinkle-holder {
    background-color: #ef4b81;
    padding: 50px 0 220px;
  }

  .sprinkle-right .sprinkle-holder .sprinkle-inner {
    max-width: 90%;
    margin: 0 auto;
  }

  .sprinkle-right .sprinkle-holder .sprinkle-inner:before {
    display: none!important;
  }
  .sprinkle-right .sprinkle-holder .sprinkle-background-holder {
    display: none!important;
  }
  .sprinkle-right .sprinkle-holder .sprinkle-inner h2 {
    position: relative;
    top: unset;
    transform: unset;
    -ms-transform:unset;
    -webkit-transform: unset;
    -moz-transform:unset;
    -o-transform: unset;
  }
  .flavor-item .the-scoop {
    margin-bottom: 11px;
  }
  .flavor-item {
    width: 47%!important;
    margin-right: 6%!important;
    margin-bottom: 50px;
  }
  .flavor-item:nth-child(2n) {
    margin-right: unset!important;
  }
  body .flavor-showcase .flavor-item[rep="odd"] {
    margin-right: 6%!important;
  }
  body .flavor-showcase .flavor-item[rep="even"] {
    margin-right: unset!important;
  }

  .flavors-breakdown {
      padding-bottom: 75px;
  }

  .temp-closed,
  .works .temp-closed {
    font-size: 17px;
  }
  .loc-image {
    margin-bottom: 8px;
  }
  .location-listing .scoop-location {
    margin-bottom: 50px;
  }
  .sprinkles.flex.nowrap {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .sprinkle-background-image, .sprinkle-background {
    max-height: 77vw;
  }
  .sprinkle-left, .sprinkle-right {
    width: 100%;
  }
  .sprinkle-left .sprinkle-cta {
    margin-top: unset;
  }
  .sprinkle-right .sprinkle-cta .sprinkle-inner {
    margin-left: auto;
    margin-right: 0;
  }
  .sprinkle-right {
    order: 1;
  }
  .sprinkle-left {
    order: 2;
  }
  .act:not(.act:last-of-type) {
      margin-bottom: 65px;
  }
  .main-text h2, .main-text h3 {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .main-text ul, .main-text ol, .main-text p {
      margin-bottom: 10px;
  }
  .g-hero {
      margin-bottom: 19px;
  }
  .about-page,
  .general-page {
      padding: 50px 0 125px;
  }
  .location-listing {
    padding: 50px 0;
  }
  .open-close-holder {
      font-size: 14px;
  }

  .open-close-holder {
    margin-bottom: 5px;
  }

  .location-listing .location-meta .location-name,
  .location-selector .location-meta .location-name {
    font-size: 18px;
    margin-bottom: 11px;
  }
  .location-listing .location-address,
  .order-location .order-location-address {
      font-size: 12px;
  }

  .order-link.order-page .button {
    font-size: 12px;
  }

  .location-listing .location-address {
      margin-bottom: 9px;
  }
  .order-link.order-page .button {
    min-width: unset;
  }
}

@media (max-width: 600px) {

  .food-truck-month {
    font-size: 10px;
  }

  .truck-name {
    font-size: 22px;
  }

  .truck-info-top {
    font-size: 12px;
    margin-bottom: 2px;
  }

  .food-truck-day {
    font-size: 24px;
  }

  .food-truck-render-area {
      padding: 60px 0;
  }

  .f-truck-title {
    margin-bottom: 22px;
  }

  .f-truck-title h2 {
    font-size: 22px;
  }

  .food-truck-icon {
    height: 75px;
    width: 75px;
  }

  .food-truck-icon img {
    width: 80%;
  }

  .location-hero-area.has-food-truck {
    padding-bottom: 120px;
  }

  .product-pick-up-setting {
    margin-top: 7px;
  }

  .product-pick-up-setting p {
    margin-bottom: 3px;
  }

  .product-pick-up-setting {
    font-size: 11px;
  }

  .day-hour-breakdown-inner {
    width: 100%;
  }

  .flavor-container h2 {
    font-size: 22px;
    margin-bottom: 28px;
  }

  .flavor-breakdown-inlocation {
    padding: 60px 0 85px;
  }

  .location-hero-area {
    padding-bottom: 75px;
  }

  .day-hour-breakdown, .right-side-contents {
    padding-top: 15px;
  }

  .address-area-loc {
    font-size: 14px;
    margin-bottom: 8px;
  }

  .right-side-contents .open-close-holder {
    font-size: 17px;
    margin-bottom: 15px;
  }

  .right-side-contents {
    padding-left: 5%;
  }

  .hour-range .day-name {
    font-size: 12px;
    width: 33px;
  }

  .day-hour-breakdown:after {
    background-size: auto 40px;
  }

  .open-close {
    font-size: 14px;
    width: calc(100% - 43px);
  }

  .loc-title h1 {
    font-size: 27px;
  }

  .loc-title {
    margin: 0 auto 30px;
  }

  .location-selector .scoop-location {
    margin-bottom: 35px;
  }

  .sweet-reads-cta .millies-site-container {
    padding: 20px 2.5%;
  }

  .cone-and-side {
      margin-bottom: 20px;
  }

  .cone-and-side .sweet-reads-main-text {
    width: calc(100% - 90px);
    font-size: 25px;
  }

  .cone-and-side img {
    width: 80px;
  }

  .coupon-wrap {
    width: 100%;
  }

  .woocommerce form .form-row.coupon-holder input.input-text {
    margin-bottom: 5px;
  }

  .woocommerce form .form-row.coupon-holder input,
  .coupon_button.big-button {
    width: 100%;
  }

  .location-listing .scoop-location.no-image {
    margin-top: 15px;
  }

  .campus-locations {
    margin-top: 0px;
  }

  .campus-top-bar-image {
    padding: 0 3px;
  }

  .campus-top-bar {
    margin-bottom: 15px;
  }

  .campus-top-bar-image img {
    width: 90px;
  }

  .flavor-nav-stick {
    margin-bottom: 45px;
  }

  .image-ender {
    margin-top: -50px;
  }

  .payment_box p {
    font-size: 14px;
  }

  #payment .icons {
    width: 100%;
    margin-left: unset;
  }

  .millies-resource-line {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  .download-sprink {
    margin-left: 5px;
  }

  .cup[data-no="1"] {
    margin-top: 18%;
  }

  .pop-up-message {
    padding: 30px 0;
  }

  .pop-up-message-heading {
    font-size: 22px;
  }

  .pop-up-text-holder p {
    font-size: 14px;
  }

  .sprinkle-right .sprinkle-cta:nth-child(2) .sprinkle-cta-box {
    top: 50%;
  }

  .nutrition-pop-up .the-x {
    top: calc(60px + 5%);
  }

  .nutrition-pop-up {
    top: 50px;
    height: calc(100% - 50px);
  }

  .bar {
    height: 2px;
  }

  .mobile-menu {
    height: 20px;
  }
  .sprinkle-right {
    margin-bottom: 5%;
  }

  .sprinkle-cta-box {
      width: 224px;
  }

  .sprinkle-cta-inner h3 {
    font-size: 33px;
  }

  .sprinkle-cta-inner {
    padding: 12px 21px 20px;
  }

  .sprinkle-text-inner {
    font-size: 16px;
  }

  .sprinkle-inner h2 {
    left: 0;
  }

  .shop-list-title .product-title {
    font-size: 28px;
  }

  .merch-bottom-desc,
  .shop-list-title .small-blurb-area {
    font-size: 13px;
  }

  .merch-bottom-contents {
    width: 100%;
  }

  .title-top-merch {
    font-size: 38px;
  }

  .shop-list-title {
    margin-bottom: 20px;
  }

  .shop-text-left {
    font-size: 32px;
  }

  .shop-listing {
    padding: 50px 0;
  }

  .hero-pints {
    margin: -7px auto 0;
  }

  .shop-hero h1 {
    font-size: 42px;
  }

  .hero-pints img {
    width: 144px;
  }

  .shop-hero {
    padding: 70px 0 20px;
  }

  .product-feature-bar h1 {
    font-size: 38px;
  }

  .product-description {
    font-size: 16px;
    padding-bottom: 20px;
  }

  .product-description li {
    font-size: 14px;
  }

  .price-holder {
    font-size: 22px;
  }

  [data-type="Contain"] .product-photo-inner {
    margin-bottom: unset;
  }

  .product-visuals,
  .product-photo {
    height: 450px;
  }

  .product-nav.left {
    left: 2.5%;
  }

  .product-nav.right {
    right: 2.5%;
  }

  .woocommerce table.shop_table {
    font-size: 14px;
  }

  .col-2 {
    padding-bottom: unset!important;
  }

  .col2-set,
  .woocommerce-checkout-review-order-table {
    margin-bottom: 75px!important;
  }

  .woocommerce-checkout h1:not(.thank-you-title) {
    font-size: 55px;
  }

  .woocommerce .col2-set .col-1 {
    padding-top: 35px;
  }

  .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 100%;
    margin-bottom: 21px;
  }

  .add.meatball, .thank-top-title {
    padding: 24px 0;
  }

  .woo-form-padd {
    padding-top: 50px;
    height: 550px!important;
  }

  .order-hero-box-text h2 {
    margin-bottom: 10px;
  }

  .order-hero-blurb {
    font-size: 16px;
  }

  .order-location {
    margin-bottom: 50px;
  }

  .location-shower {
    padding-bottom: 50px;
  }

  .order-hero {
    margin-bottom: 75px;
  }

  .order-location-name {
    font-size: 28px;
  }

  .faq-item {
    margin-bottom: 10px;
  }

  .event-form .form-right {
    padding-left: 17px;
  }

  .arrow-holder {
      width: 11px;
      position: absolute;
      left: -17px;
      top: -4px;
  }

  .events-hero-right {
    margin-bottom: 25px;
  }

  .form-area .one-half, .form-area .two-thirds, .form-area .one-third, .form-area .form-full {
    width: 100%!important;
    margin-left: unset;
    margin-bottom: 21px;
  }

  .form-right h2, .woo-inner h3, .woo-inner .wc_payment_method > label {
    font-size: 28px;
  }

  .woo-inner h3, .woo-inner .wc_payment_method > label {
    margin-bottom: 35px;
  }

  .open .content-blurb {
    margin-top: 3px;
  }

  .content-blurb {
    font-size: 12px;
  }

  .faq-item h3 {
    font-size: 20px;
  }

  .goes-best {
      margin-bottom: 11px;
  }

  .best-text {
    font-size: 14px;
    letter-spacing: 0px;
  }

  .event-form .event-type-name {
    font-size: 40px;
    padding: 0 15px;
  }

  .event-hero-link {
      margin-top: 15px;
  } 

  .events-hero-right {
    padding-top: 50px;
  }

  .events-hero-right-inner h1 {
    font-size: 38px;
  }

  .small-text {
    font-size: 13px;
  }

  .millies-site-container {
    max-width: 90%;
  }

  .franchise-block label {
    font-size: 13px;
  }

  .franchise-block .wpcf7-form-control-wrap:after {
    height: 9px;
  }

  .info-right textarea {
    font-size: 16px;
  }

  .add.meatball span, .thank-top-title span {
    font-size: 22px;
  }

  .franchise-block .one-half, .franchise-block .form-full {
    width: 100%!important;
    margin-right: unset;
    margin-left: unset;
  }

  .franchise-block input:not(.wpcf7-submit), .franchise-block select {
    font-size: 28px;
    padding-bottom: 9px;
  }

  .franchise-block h2, .woocommerce-checkout h1.thank-you-title {
    font-size: 32px;
    margin-bottom: 20px;
  }

  .franchise-form {
    padding: 75px 0 100px;
  }

  .franchise-form.contact-page {
    padding: 50px 0 100px;
  }

  .the-text-area {
    margin-bottom: 9px;
  }

  .franchise-hero-box:nth-child(3) {
    background-color: #f481a7;
    text-shadow: 1px 1px #ef4b81;
  }

  .franchise-hero-box:nth-child(4) {
    text-shadow: unset;
    background-color: #ef4b81;
  }

  .add.meatball span, .thank-top-title span {
    padding: 0 5px;
  }

  .franchise-block {
    margin-bottom: 55px;
  }
  .franchise-top-holder h2 {
    font-size: 25px;
    margin-bottom: 5px;
  }
  .big-single-line {
    font-size: 19px;
  }
  .the-text-area {
    font-size: 11px;
  }

  .scooping-now .scoop-location {
    margin-bottom: 35px;
  }

  .scooping-now h2 {
    font-size: 27px;
    margin-bottom: 20px;
  }

  .location-meta .location-name {
    font-size: 28px;
    margin-bottom: 4px;
  }

  .chef-chad-top {
    font-size: 24px;
  }

  .chef-chad-heading .second-scoop {
    font-size: 35px;
  }

  .chef-chad-heading {
    margin-bottom: 20px;
  }

  .scooping-now {
      padding: 75px 0 100px;
  }
  .second-scoop-block:last-of-type {
    margin-bottom: 39px;
  }

  .second-scoop-block:not(.second-scoop-block:last-of-type):after {
    margin-bottom: 21px;
    margin-top: 14px;
  }

  .scoop-name,
  .long-title .scoop-name {
    font-size: 19px;
  }

  .flavor-hero-box.second-scoop {
    padding-top: 39px;
  }

  .notations-top-box {
    margin-bottom: 7px;
  }

  .flavor-box-cta-pint,
  .flavor-box-cta {
    height: 77px;
  }

  .flavor-info-boxes {
    padding-bottom: 51px;
  }

  .flavor-box-top-area {
    height: auto;
  }

  .order-now-cta {
    font-size: 20px;
  }

  .notations-top-box {
    font-size: 11px;
  }

  .flavor-box.description {
    font-size: 16px;
  }

  .flavor-hero-blurb {
      font-size: 13px;
  }

  .flavor-item {
    margin-bottom: 35px;
  }

  .flavor-name {
      font-size: 20px;
  }

  .view-all-flavors:before {
    box-shadow: -3px 3px 0 0 rgb(83 40 28 / 20%);
  }

  .view-all-flavors-button:hover {
    top: 3px;
    right: 3px;
  }

  .flavor-location-selector {
    margin-bottom: 27px;
  }

  .view-all-flavors-button {
    font-size: 12px;
    height: 36px;
    padding: 0 6.5px;
  }

  .flavor-hero-blurb-side h1 {
      font-size: 28px;
      margin-bottom: 13px;
  }
  .view-all-flavors {
    margin-left: auto;
    margin-right: auto;
  }
  .flavor-location-selector h2 {
    font-size: 22px;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  .flavors-hero {
      margin-bottom: 50px;
  }

  .temp-closed,
  .works .temp-closed {
    font-size: 15px;
  } 
  .act-top {
    margin-bottom: 5px;
  }

  .act-desc, .main-text,
  .millies-resources-inner {
    font-size: 13px;
  }

  .millies-footer-outer {
    padding: 100px 0 25px;
  }

  .site-footer a {
    align-items: center;
    font-size: 16px;
  }

  .scoop-left, .scoop-right {
    width: calc(50% - 17.5px);
  }

  .its-lit {
    width: 45px;
  }

  .millies-light-up {
    width: 35px;
  }

  .form-field.top {
      margin-bottom: 17px;
  }

  footer input:not(.wpcf7-submit), .form-area input:not(.wpcf7-submit), .form-area select {
    font-size: 32px;
  }

  .form-half,
  .email-most {
    width: 100%;
    margin-right: unset!important;
  }

  .built-by a {
    width: 97px;
  }

  .copyright-bottom {
    margin-bottom: 10px;
  }

  .scoop-bottom {
    margin-bottom: 25px;
  }

  .email-most {
    margin-bottom: 20px;
  }

  .submit-part {
    margin: 0 auto!important;
  }

  .submit-part input {
    width: 100%!important;
  }

  .scoop-title {
    font-size: 32px;
  }
  .scoop-sub-inner {
    width: 374px;
    font-size: 13px;
  }

  .sprinkle-background-image, .sprinkle-background {
    max-height: unset;
  }

  .account-map .top-section img {
      width: 118px;
      height: auto;
  }

  .account-map .top-section input {
    font-size: 42px;
  }

  .roller-smallest {
      font-size: 13px;
  }

  .are-better {
    margin-bottom: 15px;
  }

  .roller-event-type {
    margin-bottom: 10px;
  }

  .floating-cart {
    width: 100%;
    right: -100%;
  }

  .product-name-price-etc {
    width: calc(95% - 110px);
  }

  .cart-image {
    width: 110px;
  }

  .cup {
    max-width: 30vw;
  }
  .cup[data-no="3"] {
    margin-right: 3%;
  }
  .the-best-inner h2 {
    font-size: 38px;
    margin-bottom: 15px;
  }
  .the-best-inner {
    width: 70%;
  } 
  .single-cup {
    width: 15%;
  }
  .cup[data-no="5"] {
    margin-left: 6%;
  }
  .cup[data-no="6"] {
    margin-right: 11%;
  }
  .nav-logo {
    width: 102px;
  }
  .site-inner {
    margin-top: 60px;
  }
  header {
    padding: 10px 0;
    height: unset;
  }
  .image-feature-area {
    width: 50%;
    order: 3;
  }
  .center-text-lock {
    margin-bottom: 35px;
  }
  .merch-bubble {
    width: calc(50% - 10px);
    margin-right: 10px;
  }
  .merch-bubble {
    margin-right: 10px;
  }

  .bubbles-inner {
    margin-right: unset;
    margin-left: unset;
  }
  .center-lock-inner h2 {
    font-size: 35px;
    margin-bottom: 11px;
  }
  .center-lock-small {
      font-size: 15px;
  }
  .sundae-left h2 {
    font-size: 48px;
    width: 220px;
    max-width: 100%;
    margin: 0 auto;
  }
  .sprinkle-tag {
    font-size: 13px;
  }
  .millies-works-inner,
  .sundae-inner {
    width: 95%;
  }
  .bottom-top-left {
    width: 230px;
    margin:0 auto 11px;
  }
  .sundae-small,
  .bottom-top-left {
    font-size: 13px;
  }
  .sprinkle-tag img {
      height: 22px;
  }
  .sundae-right h3 {
    font-size: 20px;
    margin-bottom: 6px;
  }
  .bottom-left .link-holder {
    width: 100%;
    justify-content: center;
  }
  .merch-link-holder {
    margin-top: 13px;
  }
  .sundae-inner {
    padding: 39px 0;
  }
  .heading-top h2 {
    font-size: 48px;
    margin-bottom: 10px;
  }
  .millies-works-inner {
    padding-top: 39px;
  }

  .cart-icon .fab:hover {
    width: 176px;
  }

  .cart-icon .fab .text {
    width: 98px;
    margin-left: 5px;
    margin-top: 11px;
  }

  .cart-icon .cart-fab img {
      width: 57px;
      margin-top: 21px;
  }

  .cart-icon .fab {
    width: 78px;
    height: 78px;
  }

  .cart-icon .cart-contents-count {
    top: 28px;
    left: 22px;
  }

  .floating-cart-top {
    height: calc(100vh - 150px);
  }

  .cart-icon .fab span {
    width: 73px;
  }

  .floating-cart-bottom {
    height: 100px;
  }

  .button:not(.cart-button):not(#trigger-submit), .woo-inner button.button {
      font-size: 12px;
      min-height: 30px;
      padding: 5px 10px;
      max-width: 135px;
  }
  .new-flavor-name-inner {
    width: 374px;
  }
  .sprinkle-tag img {
    height: 30px;
  }
  .small-feature-text {
    font-size: 12px;
    line-height: 1.2;
  }
  .hero-small-feature h3 {
    min-height: 74px;
    font-size: 15px;
    padding: 20px 5% 10px;
    line-height: 1;
  }
  .sprinkle-tag {
    font-size: 15px;
  }
  .new-flavor-name-inner h2 {
      font-size: 48px;
  }
  .flavor-small-text {
    font-size: 15px;
  }
}


/* # Print Styles
---------------------------------------------------------------------------------------------------- */

@media print {

	*,
	*::before,
	*::after {
		background: transparent !important;
		box-shadow: none !important;
		color: #000 !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]::after {
		content: " (" attr(href) ")";
	}

	abbr[title]::after {
		content: " (" attr(title) ")";
	}

	a[href^="javascript:"]::after,
	a[href^="#"]::after,
	.site-title > a::after {
		content: "";
	}

	thead {
		display: table-header-group;
	}

	img,
	tr {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 2cm 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	blockquote,
	pre {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	.content,
	.content-sidebar {
		width: 100%;
	}

	button,
	input,
	select,
	textarea,
	.breadcrumb,
	.comment-edit-link,
	.comment-form,
	.comment-list .reply a,
	.comment-reply-title,
	.edit-link,
	.entry-comments-link,
	.entry-footer,
	.header-widget-area,
	.hidden-print,
	.home-top,
	.nav-primary,
	.nav-secondary,
	.post-edit-link,
	.sidebar {
		display: none !important;
	}

	.title-area {
		text-align: center;
		width: 100%;
	}

	.site-title > a {
		margin: 0;
		text-decoration: none;
		text-indent: 0;
	}

	.site-inner {
		padding-top: 0;
		position: relative;
		top: -100px;
	}

	.author-box {
		margin-bottom: 0;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		orphans: 3;
		page-break-after: avoid;
		page-break-inside: avoid;
		widows: 3;
	}


	img {
		page-break-after: avoid;
		page-break-inside: avoid;
	}

	blockquote,
	pre,
	table {
		page-break-inside: avoid;
	}

	dl,
	ol,
	ul {
		page-break-before: avoid;
	}

}