/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .entry-summary form.cart {
    display: none!important;
}
.counter-value{
	float: right;
}

/* The Modal (background) */
.modal {
   display: none; /* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 4; /* Sit on top */
   left: 0;
   top: 0;
   width: 100%; /* Full width */
   height: 100%; /* Full height */
   overflow: auto; /* Enable scroll if needed */
   background-color: rgb(0,0,0); /* Fallback color */
   background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
   background-color: #fefefe;
   margin: 15% auto; /* 15% from the top and centered */
   padding: 20px;
   border: 1px solid #888;
   width: 50%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
   color: #aaa;
   float: right;
   font-size: 28px;
   font-weight: bold;
}

.close:hover, .close:focus {
   color: black;
   text-decoration: none;
   cursor: pointer;
}
#cardPreviewModal-container {
   text-align: center;
}

.button_list button:disabled{
   background:#d9a0ae;
}

.button_list button[disabled]:hover{
   background:#d9a0ae;
   color:#FFF;
   border: 1px solid transparent;
}

.button_list button {
   margin: 5px 5px;
}

.error {
	border: 1px solid red !important;
}

.slide-files-tabs-content .addFullEventBlock{
   background: transparent;
   border: 1px solid #FF7396;
   font-size: .875rem;
   color: #FF7396;
   height: 2rem;
   line-height: 1.5rem;
   padding: 0 1rem;
   cursor: pointer;
   transition: 300ms all;
   border-radius: 30px;
}

.slide-files-tabs-content .addFullEventBlock:hover {
   box-shadow: 0 0.5em 0.5em -0.4em #FF7396;
   transform: translateY(-0.25em);
}

.slide-files-tabs-content .addFullEventBlock svg{
   position: relative;
   top: 5px;
}

#new-field-panel{
   margin: 25px 0 30px;
}
body .event-fields-wrapper > div,
body .element_head_btm{
   margin-bottom: 10px;
    position: relative;
}
.event-fields-wrapper label{
   font-size: 14px;
   color: #000;
   font-weight: 400 !important;
}

.element_head_btm .required-title{
   display: none;
}

body .event-fields-wrapper{
   margin: 20px 0;
}

.slide-files-tabs-content .deleteEventBlock{
   width: 50px;
   height: 50px;
   background-color: #FF7396;
   border: none;
   font-size: 0;
   position: relative;
   cursor: pointer;
}

.slide-files-tabs-content .deleteEventBlock::before {
   content: '';
   position: absolute;
   width: 22px;
   height: 22px;
   background-image: url("data:image/svg+xml;utf8,<svg fill='%23fff' viewBox='0 -960 960 960' xmlns='http://www.w3.org/2000/svg'><path d='M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z'/></svg>");
   background-repeat: no-repeat;
   background-size: contain;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }

 .mi-table{
   padding-right: 0 !important;
 }

 .shimmer-select-template {
   pointer-events: none;
   opacity: 0.5;
 }

 

#imagePreviewModal img {
   border: 1px solid #ddd;
   border-radius: 4px;
   transition: transform 0.3s;
}

#imagePreviewModal img:hover {
   transform: scale(1.05);
}

#focusedImageOverlay {
   display: none;
   position: fixed;
   z-index: 10000;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.85);
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: zoom-out;
}

#focusedImage {
   max-width: 90%;
   max-height: 90%;
   border: 5px solid white;
   border-radius: 10px;
   box-shadow: 0 0 30px rgba(255, 255, 255, 0.5);
}

.download-invitation-images {
   border-radius: 200px;
   background: #ff7396;
   color: #fff;
   text-align: center;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   text-transform: uppercase;
   text-decoration: none;
   padding: 12px 50px;
   display: inline-block;
   border: 1px solid #ff7396;
   outline: none;
   cursor: pointer;
}

.download-invitation-images:disabled {
   opacity: 0.5;
   pointer-events: none;
}

.preview-invitation-images {
   border-radius: 200px;
   background: #ff7396;
   color: #fff;
   text-align: center;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   text-transform: uppercase;
   text-decoration: none;
   padding: 12px 50px;
   display: inline-block;
   border: 1px solid #ff7396;
   outline: none;
   cursor: pointer;
}

.preview-invitation-images:disabled {
   opacity: 0.5;
   pointer-events: none;
}

.place-order-loader {
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5); /* semi-transparent dark */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}