@charset "utf-8";
/* CSS Document */

.main_menu .menu-dropdown-item ul li a {
    text-transform: none;
}

.main_menu .menu-dropdown .menu-dropdown-item ul li {
	width: 33% !important;
}

.main_menu .menu-dropdown .menu-dropdown-item {
	width: 540px !important;
}

.registration-page.registration-success {
    display: none;
}
.megaEditMobileMode button.btn.btn-default.btn-me.viewButton.show_custom_ui {
    background: #e66c7b!important;
    color: #fff!important;
}
.megaEditMobileMode button.btn.btn-default.btn-me.viewButton.show_custom_ui .fa {
    color:#fff!important;
}
.MeMobileRightPanel_scripting.megaEditMobileMode button.btn.btn-default.btn-me.viewButton.show_custom_ui .fa-edit:before, 
.MeMobileRightPanel_scripting.megaEditMobileMode button.btn.btn-default.btn-me.viewButton.show_custom_ui .fa-pencil-square-o:before {
        content: "\f00d";
}
.megaEditMobileMode.MeMobilePortrait.MeMobileRightPanel_scripting.MeMobileLeftPanel .editorMain {
    top: 40px;
    bottom: 45%;
}
.megaEditMobileMode.MeMobilePortrait.MeMobileRightPanel_scripting.MeMobileLeftPanel .freeTargetContainer {
    display: none;
}
.megaEditMobileMode .editorTop {
    border-bottom: solid 1px #ccc;
    background: #ffffff;
}
.megaEditMobileMode .select_album_dd,
.megaEditMobileMode .btn-me.album_settings_button {
    display: none;
}
.megaEditMobileMode.MeMobileLeftPanel .editorLeft .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: #ffffff!important;
    color: #e66c7b;
}
.megaEditMobileMode.MeMobileLeftPanel .editorLeft .ui-tabs .ui-tabs-nav li .tab_Title {
    color: #e66c7b;
}
.megaEditMobileMode .galleryWrapper {
    top: 50px;
    border-bottom: solid 1px #e2e2e2;
    bottom: 0px;
}
.uploadButtonWrapper .fileinput-button {
    color: #fff;
    background: #e66c7b;
}
.megaEditMobileMode .editorLeft .ui-tabs .ui-tabs-panel {
    border: solid 0px #fff;
    background: #fff;
}
.megaEditMobileMode .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgb(230, 108, 123);
}
.megaEditMobileMode .editorFieldOption .btn.btn-me.DeselectField {
display: inline-block!important;
}
.megaEditMobileMode .editorFieldOption.FieldOption_generic .FieldOptionTop .center_options {
    width: 200px;
}
.megaEditMobileMode .editorLeft .ui-tabs .ui-tabs-panel, .megaEditMobileMode .galleryWrapper, .megaEditMobileMode .uploadList {
    background: #ffffff;
}
.megaEditMobileMode .editorFieldOption.FieldOption_text .FieldOptionTop .center_options {
    width: 267px;
}
.megaEditMobileMode .ui-layout-east.freeTargetContainer .meuiLabel {
    font-size: 13px;
    margin-top: 0;
    text-align: center;
    margin-bottom: 5px;
}
.megaEditMobileMode .ui-layout-east.freeTargetContainer input[type=text] {
    min-height: 20px;
    padding: 3px 6px;
    font-size: 14px;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 3px;
}
.grid_12.delivery-module-banner {
	
}
.grid_12.delivery-module-banner .inside {
    position: relative;
    float: left;
    width: 97.6%;
    background: #e66c7b;
    margin: 1.2%;
    padding: 15px 40px;
    padding-top: 20px;
    margin-bottom: 3%;
    margin-top: 3%;
}
.grid_12.delivery-module-banner .inside img {
    position: absolute;
    width: 106px;
    margin-top: -20px;
    left: 8%;
    bottom: 0px;
}
.grid_12.delivery-module-banner .inside .Quote {
    position: relative;
    float: right;
    width: calc(100% - 150px);
    color: #fff;
    letter-spacing: 3px;
    font-weight: bold;
        padding-left: 47px;
    padding-right: 47px;
}
.grid_12.delivery-module-banner .inside .Quote:before, 
.grid_12.delivery-module-banner .inside .Quote:after {
    width: 28px;
    height: 28px;
        display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}

.grid_12.delivery-module-banner .inside .Quote:before {
	content: '';
	background-image: url('../../../../00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/quoate_open.png');
	    margin-bottom: 12px;
    margin-right: 10px;
    vertical-align: bottom;
	    margin-left: -28px;
}
.grid_12.delivery-module-banner .inside .Quote:after {
	content: '';
	background-image: url('../../../../00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/quote_close.png');
	    margin-top: 12px;
    vertical-align: top;
	    margin-right: -28px;
}
#deliveryModule #deliveryModuleMid .grid_4 .inner {
    background: #D3D3D3;
}
#deliveryModule #deliveryModuleMid .grid_4 + .grid_4 {
    margin-left: 3.5%;
}
#deliveryModule #deliveryModuleMid .grid_4 {
	width: 31%;
	position: relative;
}
#deliveryModule #deliveryModuleMid {
    padding-top: 1.5%;
}
#deliveryModule #deliveryModuleMid .grid_4 h5, 
#deliveryModule #deliveryModuleMid .grid_4 h3, 
#deliveryModule #deliveryModuleMid .grid_4 p {
    padding: 9% 3%;
    color: #634244;
	background: #d3d3d3;
}
#deliveryModule #deliveryModuleMid .grid_4 p {
		height:170px
}
#deliveryModule #deliveryModuleBottomMessage {
    color: #634244;
}
#deliveryModule #deliveryModuleMid .grid_4 h3 {
    color: #e66c7b;
    padding-bottom: 0px;
}
#deliveryModule #deliveryModuleMid .grid_4 h5 .title {
	display:none;
}
#deliveryModule #deliveryModuleMid .grid_4 p {
    padding: 11% 20%;
    font-weight: bold;
    font-size: 1.06em;
    background: #e9e9e9;
}
#deliveryModule #deliveryModuleMid .grid_4#OrderDay:after, #deliveryModule #deliveryModuleMid .grid_4#DispatchDay:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #e66c7b;
    right: -10%;
    top: 50%;
    margin-top: -10px;
}
@media (max-width: 1139px) {
	#deliveryModule #deliveryModuleMid .grid_4#OrderDay:after, #deliveryModule #deliveryModuleMid .grid_4#DispatchDay:after {
		display:none;
	}
	.grid_12.delivery-module-banner .inside .Quote {
    width: 80%;
}
	.grid_12.delivery-module-banner .inside {
    padding: 1%;
}
	.grid_12.delivery-module-banner .inside img {
    width: 20%;
    left: 2%;
    bottom: 0px;
}
	#deliveryModule #deliveryModuleMid .grid_4 {
    width: 100%;
    float: left;
    margin: 0px!important;
}
#deliveryModule #deliveryModuleMid .grid_4 h5, #deliveryModule #deliveryModuleMid .grid_4 h3, #deliveryModule #deliveryModuleMid .grid_4 p {
	padding: 1%!important;
}
	.grid_12.delivery-module-banner .inside .Quote {
    letter-spacing: 3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
}
.checkout-data .opc .section .shipping-option-item {
	vertical-align:top;
}
.checkout-data .opc .section .shipping-option-item span {
	font-size: 0.9rem;
}
.checkout-data .opc .section .shipping-option-item {
margin-bottom: 90px;	
}
.checkout-data .opc .section .shipping-option-item span {
    margin-bottom: 0px;
}
@media (min-width: 769px) {
	.checkout-data .opc .section .shipping-option-item {
		width: 220px;
		max-width: 25%;
	}
}
#deliveryModule #deliveryModuleMid .grid_4 h3 .date:after {
	content:"*";
}
.checkout-data .opc .section .shipping-option-item input + label:after {
    content: '';
    display: inline-block;
    text-transform: none;
    letter-spacing: 0px;
    font-size: 11px;
    max-width: 140px;
    color: #808080;
}
.checkout-data .opc .section .shipping-option-item input[value="Royal Mail Standard 24___Shipping.CustomScript"] + label:after {
	content:'Should arrive next day, not guaranteed'; 
}
.checkout-data .opc .section .shipping-option-item input[value="Royal Mail Tracked 24___Shipping.CustomScript"] + label:after {
	content: 'Should arrive next day, not guaranteed';
}
.checkout-data .opc .section .shipping-option-item input[value="RM Special Delivery___Shipping.CustomScript"] + label:after {
	content:'Guaranteed next day before 1pm';
}
.checkout-data .opc .section .shipping-option-item input[value="RM Special Saturday___Shipping.CustomScript"] + label:after {
	content:'Guaranteed Saturday before 1pm';
}



/* Size CSS*/

.category-page .category-productingrid .category-short-description s {
	display: none;
}

.sub-category-item .short-description {
    display: block!important;
    position: absolute;
    bottom: -1px;
    width: 100%;
    text-align: center;
    font-size: 13px;
}
.sub-category-item .short-description l,
.sub-category-item .short-description n {
	display: none!important;
}
.sub-category-item .short-description s {
	text-decoration: none;
}

/*Dialog tweaks */

.EditorGalleryDisclaimer {} 
.StyledDialog .modal-dialog {
    -webkit-transform: translate(-50%, -50%)!important;
    -moz-transform: translate(-50%, -50%)!important;
	-o-transform: translate(-50%, -50%)!important;
    transform: translate(-50%, -50%)!important;
    left: 50%!important;
    top: 50%!important;
    width: 350px!important;
    position: absolute!important;
}
.StyledDialog .modal-dialog .modal-content {
    background: transparent!important;
    color: #19242D;
    box-shadow: none;
}
.StyledDialog .modal-dialog .modal-header {
	background: transparent;
    color: transparent;
	background-image: url('https://www.vanillareindeer.com/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/Humphry_small.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 170px;
    background-position: 10% 0px;
	    border: none;
	    margin: 0px;
    z-index: 2;
}
.StyledDialog .modal-dialog .modal-header:after {
    content: '';
    width: 80px;
    height: 38px;
    background-image: url('https://www.vanillareindeer.com/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/HumpSaid.svg');
    position: absolute;
    bottom: -8px;
    left: 50%;
    background-repeat: no-repeat;
    background-position: bottom;
}
.StyledDialog .modal-dialog .modal-body {
    position: relative;
    float: left;
    width: 100%;
    background: #fff;
    padding: 5%;
    border: solid 7.4px #d77380;
    border-radius: 20px;
}

.StyledDialog .modal-dialog .modal-body h3 {
    margin-top: 10px;
    text-align: center;
}
.StyledDialog .modal-dialog .modal-body p {
    text-align: center;
    font-size: 16px;
    line-height: 20px;
}
.StyledDialog .modal-dialog .modal-footer {
    background: transparent;
    border: none;
    margin: 0px;
    padding: 5%;
}
.StyledDialog .modal-dialog .modal-footer button {
    color: #fff!important;
    background: #d77380!important;
    border: none!important;
    padding: 4px 20px!important;
    height: auto;
}
.messagesContainer div {
    color: #fff;
}
.messagesContainer .close {
    color: #fff;
    opacity: 0.8;
}
@media (max-width: 500px) {
.category-page figure figcaption {
display:none; }
}
body {
overflow-x:hidden;
}
.add-info .productvariantaddtocartbutton {
    margin: 0px;
    margin-top: 6px;
}

.category-page__sidebar li ~ li {
display:none!important;
}
.category-page__sidebar .navigationmenu .active > ul > li {
display:block!important;
}
.category-page__sidebar .navigationmenu--categories .active > a {
    background: 0 0!important;
    color: #e66c7b!important;
    font-size: 24px!important;
}
footer ~ .navigationmenu {
	display:none!important;
}
@media (min-width: 769px) {
	.category-page__sidebar {
	display: none;
}
	.showSidemenu .category-page__sidebar {
	display: block;
}
	.category-page.grid_9 {
	width: 100%;
}
	.showSidemenu .category-page.grid_9 {
	width: 73%;
}
}

/*new menu*/
.mobile__mu .top-menu li, .mobile__mu .top-menu ul {
    float: left;
    display: block;
    width: 100%;
    position: relative;
    margin: 0px!important;
}
.mobile__mu .top-menu>li a {
    padding: 0 25px;
	padding-right: 40px;
    font-weight: 400;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.mobile__mu .top-menu li a, .mobile__mu .top-menu li, .mobile__mu .top-menu li span, .mobile__mu .top-menu li {
    font-size: inherit;
}
.mobile__mu .navigationmenu--categories.top-menu > li {
	font-size: 20px;
}
.navigationmenu--categories.top-menu > li li {
	font-size: 97%;
	padding-left: 10px;
}
.navigationmenu--categories.top-menu ul.subCategory {
	/*display: none;*/
}
.navigationmenu--categories.top-menu ul.subCategory li {
	overflow:hidden;
	max-height: 0px;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.navigationmenu--categories.top-menu li.open > ul.subCategory > li {
	overflow:hidden;
	max-height: 40px;
}
.navigationmenu--categories.top-menu ul.subCategory li.open,
.navigationmenu--categories.top-menu li.open > ul.subCategory > li.open {
	max-height:none;
}
.navigationmenu--categories.top-menu li.open > ul.subCategory {
    /*display: block!important;*/
    background: #e66c7b;
}
.mobile__mu .top-menu>li:after {
	display: none;
}
.navigationmenu--categories.top-menu > li.open {
    background: #fff;
}
.navigationmenu--categories.top-menu > li.open > a {
    padding-left: 40px;
	padding-right: 0px;
    color: #e66c7b;
	text-align: center;
}
.navigationmenu--categories.top-menu > li.open > .toggleCategoryMenu {
    left: 0px;
	text-align: left;
}
.navigationmenu--categories.top-menu .toggleCategoryMenu .fal {
		-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.navigationmenu--categories.top-menu > li.open > .toggleCategoryMenu .fal {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #e66c7b;
}
.navigationmenu--categories.top-menu .toggleCategoryMenu {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%!important;
    padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: right;
	    background: transparent;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.navigationmenu--categories.top-menu li li .toggleCategoryMenu .fal {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.navigationmenu--categories.top-menu li li.open > .toggleCategoryMenu .fal {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.navigationmenu--categories.top-menu li a.clicked {
	color: #434343!important;
}


.NewEditor .ui-sidebar .images-container {
     box-sizing: content-box;
    display: block;
    overflow-y: auto;
    width: 100%;
    position: relative;
    float: left;
    max-height: calc(70vh - 362px);
}

.NewEditor .ui-sidebar .images-container.ui-no-images div {
	background: transparent;
	cursor: default;
}

.NewEditor .ui-sidebar .image-wrapper {
    display: block;
    border: 2px solid #ccc;
    padding: 9px;

    margin-bottom: 1rem;
}

.NewEditor .ui-sidebar .ui-image-placeholders {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;

    margin-bottom: 10px;
}

.NewEditor .ui-sidebar .ui-image-placeholders > div:first-child {
    display: block;
    margin: auto;
}

.NewEditor .ui-sidebar .ui-button-placeholder {
    background-color: #999;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.NewEditor .ui-sidebar .images-container img.meuiStaticImage,
.NewEditor .ui-sidebar .images-container div {
    width: 100%;
}

.NewEditor .ui-sidebar .ui-button-placeholder,
.NewEditor .ui-sidebar .ui-selected-image {
    width: 100px;
}

.NewEditor .ui-sidebar .images-container img.meuiStaticImage,
.NewEditor .ui-sidebar .images-container div,
.NewEditor .ui-sidebar .ui-button-placeholder,
.NewEditor .ui-sidebar .ui-selected-image {
        height: 100px;
    border-radius: 5px;
    cursor: pointer;
    background-color: #ededed;
    margin: 0px 7px 6px 0px;
    width: 109px;
    max-width: 100%;
    overflow: hidden;
	color: #000;
}

.NewEditor .ui-sidebar .ui-selected-image,
.NewEditor .ui-sidebar .images-container img {
    object-fit: cover;
}

.NewEditor .ui-sidebar .dynamic-ui-generation-area {

}

.NewEditor .ui-sidebar .ui-input {
    width: 100%;
    padding: 5px 0 5px 5px;
    outline: none;
}

.NewEditor .ui-sidebar .ui-textarea {
    width: 100% !important;
    padding: 5px 0 5px 5px;
    max-height: 200px;
}

.NewEditor .ui-sidebar .ui-button {
    height: 40px;
}

.NewEditor .ui-sidebar .imageOptions {
    width: 250px;
    position: relative;
    display: block;
    margin: 0 auto;
}

.NewEditor .ui-sidebar .imageOptions .imagePositionOptions {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    border: 2px solid #ccc;
}

.NewEditor .ui-sidebar .imagePositionOptions:after {
    content: "";
    display: table;
    clear: both;
}

.NewEditor .ui-sidebar .ui-done-button {
    width: 100%;
    background-color: #d87480;
}

.NewEditor .ui-sidebar .ui-placeholder-button {
    background: #ccc;
    width: 100px; 
    height: 100px; 
    display: flex; 
    justify-content: center; 
    align-items: center;
}



.NewEditor .ui-sidebar .ui-gallery-actions {
    display: flex;
    justify-content: space-between;
}

.NewEditor .ui-sidebar .ui-gallery-actions .ui-back-button {
    padding: 0 2rem;
}

.NewEditor .ui-sidebar .ui-gallery-actions .ui-upload-button {
    padding: 0 4rem;
}

.NewEditor .ui-sidebar .imageOptions .ImgPosOptionButton {
    width: 69px;
    height: 59px;
    position: relative;
    float: left;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0) !important;

    margin: 2px !important;
    color: #d87480 !important;
    outline: none !important;
    touch-action: manipulation;
	border: none!important;
}

.NewEditor .ui-sidebar .imageOptions .ImgPosOptionButton .fa {
    font-size: 20px;
    color: #d87480;
}

.NewEditor .ui-sidebar .imageOptions .ImgPosOptionButton.MoveUpButton,
.NewEditor .ui-sidebar .imageOptions .ImgPosOptionButton.MoveDownButton {
    width: 100px;
}

.NewEditor .ui-sidebar .imageOptions .ImgPosOptionButton.MoveLeftButton,
.NewEditor .ui-sidebar .imageOptions .ImgPosOptionButton.MoveRightButton {
    height: 100px;

}

.NewEditor .ui-sidebar .imageOptions .ImgPosOptionButton.ResetButton {
    width: 100px;
    height: 100px;
    border: solid 1px #d87480 !important;
}

.NewEditor .ui-sidebar .imageOptions h3 {
    text-align: center;
    color: #d87480;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.NewEditor .ui-sidebar .imageOptions p {
    color: #d87480;
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
    position: relative;
    float: left;
    width: 86%;
    margin-bottom: 20px;
    border: solid 1px #000;
    padding: 18px;
    margin-left: 7%;
    line-height: 24px;
    background: rgba(0, 0, 0, .3);
}

.NewEditor .ui-sidebar .imageOptions p .fa {
    color: #d87480;
    font-size: 20px;
}

.NewEditor .ui-sidebar .imageOptions p .fa.fa-caret-up,
.NewEditor .ui-sidebar .imageOptions p .fa.fa-caret-down,
.NewEditor .ui-sidebar .imageOptions p .fa.fa-caret-left,
.NewEditor .ui-sidebar .imageOptions p .fa.fa-caret-right,
.NewEditor .ui-sidebar .imageOptions p .fa.fa-picture-o {
    color: #d87480;
    font-size: 14px;
}

.NewEditor .ui-sidebar .imageOptions .ImgPosOptionButton.MoveUpButton .fa,
.NewEditor .ui-sidebar .imageOptions .ImgPosOptionButton.MoveDownButton .fa,
.NewEditor .ui-sidebar .imageOptions .ImgPosOptionButton.MoveLeftButton .fa,
.NewEditor .ui-sidebar .imageOptions .ImgPosOptionButton.MoveRightButton .fa,
.NewEditor .ui-sidebar .imageOptions .ImgPosOptionButton.ResetButton .fa {
    font-size: 30px;
    color: #d87480;
}

.NewEditor .imageImportDlg  {
	position: relative;
	z-index: 9998;
}

.NewEditor .ui-dlgDefaultAlbumChooser {
	z-index: 9999;
	width: 50% !important;
	left: 50%;
	transform: translateX(-50%);
}

.NewEditor .ui-sidebar {
   
}

.NewEditor .ui-layout-resizer.ui-layout-resizer-east.ui-layout-resizer-open.ui-layout-resizer-east-open {
	display: none !important;
}

.NewEditor div.uploadList {
	position: fixed!important;
	width: 300px!important;
	height: 155px!important;
	left: 0px!important;
	background: transparent;
	bottom: auto!important;
	padding: 0px!important;
}
.NewEditor #previewView .preview_close_button  { display: none;}
.NewEditor #previewView .ui-layout-center {
    width: 70%!important;
    left: 0px!important;
    right: auto!important;
    background: #fff!important;
	border: none!important;
}
.NewEditor #previewView .ui-layout-east {
    left: 70%!important;
    width: 25%!important;
    height: auto!important;
    top: 25%!important;
    max-width: 310px;
    overflow: visible;
    background: transparent;
    bottom: auto!important;
    padding: 0px!important;
    margin-top: -92px!important;
	border: none;
	    color: #000;
    text-align: left;
}
.NewEditor.MeMobileLandscape #previewView .ui-layout-east {
    left: 70%!important;
    width: 25%!important;
    height: auto!important;
    top: 50%!important;
    max-width: 310px;
    overflow: visible;
    background: transparent;
    bottom: auto!important;
    padding: 0px!important;
    margin-top: -20px!important;
    border: none;
    color: #000;
    text-align: left;
    transform: translateY(-50%);
}

.NewEditor #previewView .ui-layout-east .ui-instruction {
    position: relative;
    float: left;
    width: 100%;
    border-radius: 15px;
    padding: 5%;
    border: solid 7.5px #d77380;
	margin-bottom: 40px;
	    background: #fff;
}
.NewEditor #previewView .ui-layout-east .ui-instruction:after {
	    content: '';
        width: 73px;
    height: 54px;
	background-image: url('https://www.vanillareindeer.com/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/HumpSaid.svg');
    position: absolute;
    bottom: -34px;
    left: 50%;
    background-repeat: no-repeat;
    background-position: top;
    -webkit-transform: rotate(180deg);
	 -moz-transform: rotate(180deg);
	 -o-transform: rotate(180deg);
	 transform: rotate(180deg);
	background-size: contain;
}
.NewEditor #previewView .ui-layout-east .ui-form-container {
    position: relative;
    float: left;
    width: 100%;
    padding: 5%;
    border: solid 7.5px #d77380;
    border-radius: 15px;
    overflow-y: auto;
    max-height: 50vh;
}
.NewEditor #previewView .ui-layout-east .ui-bottom-actions {
	 position: relative;
    float: left;
    width: 100%;
	padding: 5%;
}
.NewEditor #previewView ::-webkit-scrollbar {
    width: 7px;
    height: 6px;
    background-color: hsla(206, 9%, 33%,0);
	    border-radius: 100px;
	padding: 6px;
}
.NewEditor #previewView ::-webkit-scrollbar-thumb {
    background: #d77380;
    -webkit-border-radius: 100px;
	border:solid 1px #fff;
}
.NewEditor .ui-sidebar .ui-button.ui-preview-button {
	width:100%;
}
.NewEditor .ui-sidebar .ui-edit-button,
.NewEditor .ui-sidebar .ui-buyButton-button {
	width:100%;
	margin-bottom: 10px;
}
.NewEditor #previewView .ui-layout-east  {}
.NewEditor #previewView {}

.NewEditor .ui-sidebar .ui-button.ui-preview-button,
.NewEditor .ui-sidebar .ui-edit-button,
.NewEditor .ui-sidebar .ui-buyButton-button {
       width: 112%;
    margin-left: -6%;
    border-radius: 10px;
    background: #d77380!important;
    color: #fff!important;
    padding: 10px!important;
    height: auto;
    border: none!important;
}
.NewEditor .ui-sidebar .ui-input,
.NewEditor .ui-sidebar .ui-textarea{
    border: solid 1px #d77380!important;
}
.NewEditor .ui-bottom-actions .meuiStacklayoutHorizontal {
    display: block;
}
.NewEditor .ui-sidebar .ui-image-placeholders > div:first-child {
    margin: 0px;
}
.NewEditor .ui-sidebar .imageOptions .imagePositionOptions {
    border: none;
}
.NewEditor .ui-sidebar .imageOptions .imagePositionOptions button {
	border: none;
}
.NewEditor .ui-sidebar .imageOptions .ImgPosOptionButton.ResetButton:after {
    content: "CHANGE IMAGE";
    display: block;
    width: 60px;
    white-space: normal;
    line-height: 14px;
    font-size: 11px;
}
.NewEditor #previewView:before {
    border: dashed 2px #d77380;
    color: #d77380;  
}
.NewEditor #loadingArea .loadingLogo,
.NewEditor #previewView {
    background: #ffffff!important;
}

.NewEditor .ui-layout-east.freeTargetContainer:before {
	display:none;
}
.NewEditor .ui-layout-east.freeTargetContainer .meuiLabel {
    margin-top: 0px;
}
.NewEditor .galleryUploadItem {
    position: fixed;
    right: auto;
    left: 0px;
    width: 100%;
    top: 0px;
    height: 100%;
    padding-bottom: 20vh;
}
.NewEditor .galleryUploadItem .progress {
    position: absolute;
    bottom: 50%;
    height: 10px;
    left: 10%;
    width: 80%;
    margin-bottom: 0;
}
.NewEditor .galleryUploadItem .media {
    position: absolute;
    top: 53%;
    left: 50%;
    right: auto;
    height: 200px;
    width: 200px;
    margin-left: -100px;
}
.NewEditor .galleryUploadItem .media div {
    width: 100%;
    position: relative;
    float: left;
	    text-align: center;
}
.NewEditor .galleryUploadItem .media .preview {
	display: none;
}
.NewEditor .galleryUploadItem .galleryCancelUpload button.btn {
    border: none;
    border-radius: 0px;
    background: #212C36;
    padding: 15px!important;
    line-height: 12px;
    cursor: pointer;
    border-radius: 10px!important;
    margin: 0px!important;
}
.NewEditor #previewView:before,
.NewEditor .btn-me.backButton .extratxt,
.megaEditBodyClass-RegisteredUser.NewEditor #me_quick_menu,
.NewEditor .canvasSizeTitle,
.NewEditor .canvasSize,
.NewEditor .MEmicroheader,
.NewEditor .viewControlButton.previewButton,
.NewEditor .viewControlButton.fullScreen,
.NewEditor .undoRedoContainer,
.NewEditor .customScriptUi-viewControls,
.NewEditor .viewButton.autofillButton,
.NewEditor .snapControlButton,
.NewEditor .ui-layout-resizer {
	display:none;
}
.NewEditor #previewView {
    top: 50px;
}
.NewEditor #me_quick_menu {
    z-index: 999999;
}
#addtoBasketScreen {
    z-index: 999999999!important;
}
.NewEditor .currentCanvasSizeWrapper .current_prod_name {
    background: transparent;
    color: #fff;
    border: none;
    font-size: 16px;
    padding: 14px;
}
.NewEditor .btn-me.backButton,
.NewEditor .btn-me.viewButton.resetPagesbtn {
    position: fixed;
    top: 10px;
    background: #fff;
	display: block!important;
}
.NewEditor .btn-me.backButton {
    left: 10px;
    padding-left: 12px!important;
    padding-right: 7px!important;
}
.NewEditor .ui-layout-north_inner .buttonContainer.leftSide,
.NewEditor .ui-layout-north_inner .buttonContainer.rightSide  {
    margin-top: 30px;
}
.NewEditor .ui-layout-north.editorTop  {
    background: #d77380;
	    height: 50px!important;
    overflow: hidden;
}
.NewEditor .btn-me.viewButton.resetPagesbtn {
	left: 50px;
}

.NewEditor.MeMobilePortrait #previewView .ui-layout-center {
    height: calc(50% - 60px)!important;
    width: 100%!important;
}
.NewEditor.MeMobilePortrait #previewView .ui-layout-east.freeTargetContainer {
    top: auto!important;
    width: 80%!important;
    left: 10%!important;
    max-width: none;
    height: 50%!important;
    bottom: 80px!important;
    margin: 0px!important;
	    display: block!important;
}
#finalStep.NewEditor.MeMobilePortrait #previewView .ui-layout-center {
    height: calc(100% - 240px)!important;
    width: 100%!important;
}
#finalStep.NewEditor.MeMobilePortrait #previewView .ui-layout-east.freeTargetContainer {
    top: auto!important;
    width: 80%!important;
    left: 10%!important;
    max-width: none;
    height: 160px!important;
    bottom: 80px!important;
    margin: 0px!important;
}
.NewEditor.MeMobilePortrait #previewView .ui-layout-east .ui-instruction {
    padding: 2%;
    margin-bottom: 26px;
}
.NewEditor #previewView .ui-layout-east .ui-form-container {
    padding: 2%;
}
.NewEditor.MeMobilePortrait #previewView .ui-layout-east .ui-form-container {
    max-height: calc(47vh - 141px);
    height: calc(47vh - 141px);
}
.NewEditor.MeMobilePortrait #previewView .ui-layout-east .ui-bottom-actions {
    padding: 0%;
}
.NewEditor.MeMobilePortrait .ui-sidebar .ui-button.ui-preview-button, .NewEditor.MeMobilePortrait .ui-sidebar .ui-edit-button, .NewEditor.MeMobilePortrait .ui-sidebar .ui-buyButton-button {
    width: 100%;
    margin-left: 0px;
}
.NewEditor.megaEditMobileMode .ui-layout-east.freeTargetContainer .meuiLabel {
    color: #0f0b08;
	font-weight: normal;
}
	.NewEditor.MeMobilePortrait .ui-sidebar .ui-edit-button {
		float: left;
		width: 33.3%!important;
	}
	.NewEditor.MeMobilePortrait .ui-sidebar .ui-buyButton-button {
		float: left;
		width: 33.3%!important;
	}
	.NewEditor.MeMobilePortrait .ui-bottom-actions .label {
		float: left;
		width: 33.3%!important;
	}
#controlImageStep.NewEditor.MeMobilePortrait #previewView .ui-layout-east .ui-form-container {
    max-height: calc(47vh - 88px);
    height: calc(47vh - 88px);
}
.NewEditor .ui-sidebar .ui-done-button {
    width: 100%;
    background-color: #d87480!important;
    color: #fff!important;
}
.NewEditor .ui-sidebar .imageOptions .ImgPosOptionButton.MoveUpButton .fa, .NewEditor .ui-sidebar .imageOptions .ImgPosOptionButton.MoveDownButton .fa, .NewEditor .ui-sidebar .imageOptions .ImgPosOptionButton.MoveLeftButton .fa, .NewEditor .ui-sidebar .imageOptions .ImgPosOptionButton.MoveRightButton .fa, .NewEditor .ui-sidebar .imageOptions .ImgPosOptionButton.ResetButton .fa {
    font-size: 24px;
	margin-top: -5px;
}
.NewEditor.megaEditBodyClass-RegisteredUser .megaEditMainContainer  .DynamicProductWrapper > .editorBottom,
.NewEditor.megaEditBodyClass-RegisteredUser .megaEditMainContainer  .DynamicProductWrapper > .editorLeft {
	display:none!important;
}
.NewEditor #previewView .ui-layout-east.freeTargetContainer {
    display: block!important;
}
@media (max-width: 769px) {
	.NewEditor.MeMobilePortrait .ui-sidebar .ui-button.ui-preview-button, .NewEditor.MeMobilePortrait .ui-sidebar .ui-edit-button, .NewEditor.MeMobilePortrait .ui-sidebar .ui-buyButton-button {
    padding: 5px!important;
}
	.NewEditor .ui-sidebar .imageOptions h3 {
		display:none;
	}
	.NewEditor .ui-sidebar .imageOptions .ImgPosOptionButton.ResetButton {
    height: 50px;
		line-height: 26px;
	}
	.NewEditor .ui-sidebar .imageOptions .ImgPosOptionButton.ResetButton:after {
    width: 82px;
    line-height: 3px;
    font-size: 11px;
    margin-left: -5px;
}
.NewEditor .ui-sidebar .imageOptions .ImgPosOptionButton.MoveLeftButton, .NewEditor .ui-sidebar .imageOptions .ImgPosOptionButton.MoveRightButton {
    height: 50px;
}
.NewEditor.MeMobilePortrait #previewView .ui-layout-east.freeTargetContainer {
    top: auto!important;
    width: 100%!important;
    left: 0%!important;
    max-width: none;
    height: 55%!important;
    bottom: 38px!important;
    margin: 0px!important;
    display: block!important;
	    overflow: visible!important;
}
	.NewEditor #previewView {
    top: 40px;
}
	.NewEditor .btn-me.backButton {
    left: 0px;
    padding-left: 12px!important;
    padding-right: 7px!important;
    background: transparent!important;
    color: #fff!important;
		top: 0px;
}
	.NewEditor .btn-me.backButton .fa {
		color: #fff!important;
	}
	
	.NewEditor.MeMobilePortrait #previewView .ui-layout-east .ui-instruction {
    padding: 1% 10%;
    margin-bottom: 4px;
    z-index: 2;
}
	.NewEditor.megaEditBodyClass-RegisteredUser .ui-layout-north_inner {
    background: #d77380;
    background-size: 150px;
}
	.NewEditor #previewView .preview_close_button {
    display: none!important;
}
	.NewEditor #previewView {
    top: 40px;
    height: calc(100% - 40px)!important;
}
	.NewEditor.MeMobilePortrait #previewView .ui-layout-east .ui-form-container {
    max-height: calc(51vh - 119px);
    height: calc(51vh - 119px);
}
	.is_iOS_Device.NewEditor.MeMobilePortrait #previewView .ui-layout-east .ui-form-container {
    max-height: calc(51vh - 159px);
    height: calc(51vh - 159px);
}
	#controlImageStep.NewEditor.MeMobilePortrait #previewView .ui-layout-east .ui-form-container {
    max-height: calc(51vh - 70px);
    height: calc(51vh - 70px);
}
	#controlImageStep.is_iOS_Device.NewEditor.MeMobilePortrait #previewView .ui-layout-east .ui-form-container {
    max-height: calc(51vh - 110px);
    height: calc(51vh - 110px);
}

	#galleryStep.NewEditor.MeMobilePortrait #previewView .ui-layout-east .ui-form-container {
       max-height: calc(51vh - 60px);
    height: calc(51vh - 60px);
}
		#galleryStepNewEditor.is_iOS_Device.MeMobilePortrait #previewView .ui-layout-east .ui-form-container {
       max-height: calc(51vh - 100px);
    height: calc(51vh -100px);
}
	.NewEditor .ui-sidebar .images-container {
  		 max-height: calc(51vh - 184px);
		height: calc(51vh - 184px);
	}
	.is_iOS_Device.NewEditor .ui-sidebar .images-container {
  		 max-height: calc(51vh - 224px);
		height: calc(51vh - 224px);
	}
	
	#galleryStepNewEditor.NewEditor.megaEditMobileMode .ui-layout-east.freeTargetContainer .meuiLabel {
    color: #0f0b08;
    font-weight: normal;
    letter-spacing: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
	.NewEditor .ui-sidebar .ui-gallery-actions .ui-upload-button,
	.NewEditor .ui-sidebar .ui-gallery-actions .ui-back-button {
    border: solid 1px #d77380!important;
}
	#finalStep.NewEditor #previewView .ui-layout-east .ui-instruction:after {
    top: -34px;
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
	.NewEditor.megaEditMobileMode .editorFieldOption {
		display: none!important;
	}
}
.NewEditor .modal-dialog {
    -webkit-transform: translate(-50%, -50%)!important;
    -moz-transform: translate(-50%, -50%)!important;
	-o-transform: translate(-50%, -50%)!important;
    transform: translate(-50%, -50%)!important;
    left: 50%!important;
    top: 50%!important;
    width: 350px!important;
    position: absolute!important;
	margin: 0px;
}
.NewEditor .modal-dialog .modal-content {
    background: transparent!important;
    color: #19242D;
    box-shadow: none;
}
.NewEditor .modal-dialog .modal-header {
	background: transparent;
    color: transparent;
	background-image: url('https://www.vanillareindeer.com/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/Humphry_small.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 170px;
    background-position: 10% 0px;
	    border: none;
	    margin: 0px;
    z-index: 2;
}
.NewEditor .modal-dialog .modal-header:after {
    content: '';
    width: 80px;
    height: 38px;
    background-image: url('https://www.vanillareindeer.com/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/HumpSaid.svg');
    position: absolute;
    bottom: -8px;
    left: 50%;
    background-repeat: no-repeat;
    background-position: bottom;
}
.NewEditor .modal-dialog .modal-body {
    position: relative;
    float: left;
    width: 100%;
    background: #fff;
    padding: 5%;
    border: solid 7.4px #d77380;
    border-radius: 20px;
}

.NewEditor .modal-dialog .modal-body h3 {
    margin-top: 10px;
    text-align: center;
}
.NewEditor .modal-dialog .modal-body p {
    text-align: center;
    font-size: 16px;
    line-height: 20px;
}
.NewEditor .modal-dialog .modal-footer {
    background: transparent;
    border: none;
    margin: 0px;
    padding: 5%;
}
.NewEditor .modal-dialog .modal-footer button {
    color: #fff!important;
    background: #d77380!important;
    border: none!important;
    padding: 4px 20px!important;
    height: auto;
    margin-bottom: 15px!important;
    display: inline-block;
	    float: none;
}
.NewEditor .modal-dialog * {
    text-align: center!important;
}
.NewEditor * {
  touch-action: manipulation;
}
button.btn.btn-default.btn-me.viewButton.show_custom_ui {
	display:none!important;
}
.megaEditBodyClass-RegisteredUser .PositionHelperConfig {
    display: none!important;
}
.Hide3DPreview .HideWhenCanvasVisible {
    display: none!important;
}
.Hide3DPreview #previewView {
    display: none!important;
}
.PositionHelperConfig {
    position: fixed;
    z-index: 999999999;
    bottom: 30px;
    left: 30px;
    background: #fff;
    box-shadow: rgba(0,0,0,.1) 1px 1px 10px;
    padding: 33px;
    width: 400px;
    display: block;
    opacity: 0.8;
}
.PositionHelperConfig .catfish-select, .PositionHelperConfig .catfish-button {
    width: 100%;
    padding: 0.75rem;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}
.PositionHelperConfig .ControlRow {
	position: relative;
	float: left;
	width: 100%;
	display: block;
}
.PositionHelperConfig .ControlRow .meuiLabel {
	position: relative;
	float: left;
	width: 15%;
}
.PositionHelperConfig .ControlRow .meuiLabel.RowTitle {
	position: relative;
	float: left;
	width: 100%;
	font-weight: bold;
}
.PositionHelperConfig .ControlRow .meuiNumber {
	position: relative;
	float: left;
	width: 15%;
	margin-right: 3.3%;
}
#loadingArea, .loadingScreen {
    z-index: 999999999;
}
body.megaEditBodyClass-RegisteredUser.NewEditor {
    width: 100%!important;
    height: 100%!important;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    position: absolute;
}

.megaEditBodyClass-RegisteredUser.NewEditor #previewView .preview_close_button {
	display: none!important;
}