.coupon {
  display: flex; /* Встановлюємо флекс контейнер */
  flex-wrap: wrap;
  align-items: center; /* Вирівнюємо елементи по вертикалі */
  justify-content: start; /* Елементи починаються з лівого краю */
  gap: 10px;
  padding: 16px; /* Додаємо відступ всередині контейнера */
  background-color: #f7f7f7; /* Сірий фон для всієї картки */
  border: 1px solid #ddd; /* Сіра облямівка для картки */
  transition: box-shadow 0.3s; /* Анімація для тіні */
  transition: background-color 0.3s;
}
@media (min-width: 863px) {
  .coupon {
    flex-wrap: nowrap;
  }
}



@media (min-width: 500px) {
  .site-grid {
    grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(3,minmax(0,19.875rem)) [main-end] minmax(0,1fr) [full-end] !important;
  }
}

@media (min-width:728px) {
    .site-grid {
      grid-template-areas:". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ." !important;
    }
  }


.coupon-title-wraper {
  display: flex; /* Встановлюємо флекс контейнер */
  align-items: center; /* Вирівнюємо елементи по вертикалі */
  justify-content: start; /* Елементи починаються з лівого краю */
  gap: 10px;
}

.coupon:hover {
  background-color: #efefef;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);  /* Тінь при наведенні на всю картку */
}

.discount {
  display: flex;
  text-align: center; /* Центрування по вертикалі */
  align-items: center;
  justify-content: center; /* Центрування по горизонталі */
  width: 110px;
  height: 110px;
  background-color: #333333;
  color: #fff;
  padding: 5px;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 20px;
  font-weight: 700;
  /*border: 2px solid #333;*/
  position: relative;
}
.greatclips-discount{
  /*background-image: url("../../../../../images/images/greatclipsblog.jpg");
  background-repeat: no-repeat, repeat;
 
  color:#333;*/
  background-color: #048667;
  }

.doordash-discount{
  /*background-image: url("../../../../../images/images/doordashblog3.jpg");
  background-repeat: no-repeat, repeat;
  color:#333;*/
  background-color: #f44322;
  }

.subway-discount{
  /*background-image: url("../../../../../images/images/subway-2cl.jpg");
  background-repeat: no-repeat, repeat;
  background-color: #008938;
  color:#333;*/
  background-color: #008938;
  }

.info {
  flex-grow: 1; /* Займає доступне місце */
  
}

.title {
  font-size: 1.2em; /* Більший розмір для заголовку */
  /*color: #333; /* Темно-сірий колір тексту */
  margin-bottom: 3px;
  border-bottom: none;
}

.used-count {
  font-size: 0.9em; /* Менший розмір для інформації про використання коду */
  color: #666; /* Сірий колір тексту */
  margin-bottom: 0;
}

.black-btn {
  display: inline-block; /* Дозволяє встановлювати відступи, але не займає всю ширину */
  padding: 6px 12px;
  background-color: #333;
  color: #fff;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  text-align: center; /* Центрування тексту в кнопці */
  text-decoration: none; /* Видалення підкреслення для посилань */
  border-radius: 4px;
}

.black-btn:hover {
    background-color: #555; /* Темніший фон при наведенні */
}

.btn-right {
  margin-left: auto;
}

.click-btn {
  display: inline-block;
  min-width: 130px;
  padding: 6px 12px;
  white-space: nowrap;
  border: none;
  border-radius: 4px;
  text-align: left;
  color: #000;
  text-decoration: none;
  transition: all 0.35s;
  box-sizing: border-box;
  position: relative; /* Додано */
  overflow: hidden; /* Додано */
}

.btn-style904 {
  position: relative;
  background-color: #333;
  color: #fff;
  overflow: hidden;
}

.btn-style904 span {
  position: relative;
  left: -0.5em;
  transition: all 0.25s;
}

.btn-style904::before,
.btn-style904::after {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgb(105, 105, 105); /* Змінено колір */
  transition: all 0.25s;
  color: #fff;
}

.btn-style904::before {
  width: 25px;
  content: "\f105";
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Font Awesome\ 6 Free';
  font-size: 15px;
  font-weight: bold;
  text-indent: 5px;
  border-radius: 50% 0 0 50%;
}
.btn-style904::after {
  width: 100%;
  transform: translate(99%, 0);
  content: attr(data-hover);
  text-align: left;
  text-indent: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.btn-style904:hover {
  border-color: rgba(105, 105, 105, 0.6);
}

.btn-style904:hover span {
  left: -100%;
}

.btn-style904:hover::before,
.btn-style904:hover::after {
  right: 30%;
  text-align: center;
  padding-left: 0;
}

.view-btn, .copy-btn {
    padding: 5px 10px;
    text-align: center;
    background-color: #000;
    color: #fff;
    border: none;
    cursor: pointer;
}
.view-btn:hover, .copy-btn:hover {
    background-color: #555;
}

/* ---------------------- */

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    backdrop-filter: blur(3px); /* Розмиття бекдропу */
}

.modal-content {
    position: relative; /* Для позиціонування кнопки закриття */
    background-color: #fefefe;
    margin: 15% auto; /* Зменшено відступ зверху */
    /*padding: 20px;*/
    padding-top: 40px;
    border: 1px solid #888;
    width: 90%; /* Could be more or less, depending on screen size */
    max-width: 600px; /* Максимальна ширина вікна */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Додано тінь для модального вікна */
}

.modal-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0px 35px;
  margin-bottom: 10px; /* Додано відступ знизу */
  padding: 0px;
  
}

@media (min-width: 768px) {
  .modal-header {
    flex-direction: row;
   
  }
}
@media (max-width: 767px) {
  .modal-header {
    padding: 0px 35px;
    margin: 0px 0px 10px 0px;
  }
}


.modal-logo-placeholder {
    display: inline-block; /* Щоб зробити елемент інлайновим */
    width: 100px; /* Приклад ширини для лого */
    height: 100px; /* Приклад висоти для лого */
    background-color: #ccc; /* Колір заглушки для лого */
    flex-shrink: 0;
    border-radius: 4px;
    overflow: hidden;
}

.coupon-title {
  font-size: 18px;
  text-align: center;
  border-bottom:none;
}

@media (min-width: 768px) {
  .coupon-title {
    font-size: 24px;
    text-align: left;
  }
}

.coupon-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px; /* Додано відступ знизу */
}



.promo-code {
  border: 1px solid #ccc;
  padding: 10px;
}

.button-copy {
  background-color: #333;
  color: #fff;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}

/* The Close Button */
.close {
    position: absolute; /* Абсолютне позиціонування */
    right: 20px; /* Відступ з правого боку */
    top: 8px; /* Відступ з верхнього боку */
    color: #aaa;
    font-size: 28px;
    z-index: 10;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


.modal-promo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 20px;
  gap:10px;
}

.modal-promo p {
  margin-bottom: 0;
}

.input-wrapper {
    display: flex;
    gap: 10px;
    width: 100%;
}

.modal-promo input {
  border: 1px solid #ccc;
  padding: 6px;
  text-align: center;
  width: 100%;
  font-size: 22px;
}

.modal-update {
  font-size: 0.9em;
  color: #666;
}

.btn-wrapper {
  display: flex;
  gap: 10px;
}

.btn-link {
  color: #fff; /* Стилізація посилання, може бути змінена */
  text-decoration: none; /* Якщо ви не хочете підкреслення */
}

.btn-link:hover,
.btn-link:focus {
  color: #fff !important;
}






@media all and (max-width:767px) {
     iframe {
         width: 100% !important;  
         -ms-overflow-x: hidden !important;
             overflow-x: hidden !important;
     }
    iframe div {
        width: 100% !important;        
    }
    #mys-wrapper {
        width: 100% !important;
    }
    html, body {
        width: 100%;
        -ms-overflow-x: hidden !important;
             overflow-x: hidden !important;
      
    }

  /*html, body {
    height: 100%;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}*/

    [class*="span"], .row-fluid [class*="span"] {
        float: none;
        display: block;
        width: auto;
        margin-left: 0;       
        overflow: hidden;
    }


}


/*GET Buttons for different shops*/

.greatclips-getbutton::before, .greatclips-getbutton::after {
  background-color: #048667;
}

.subway-getbutton::before, .subway-getbutton::after {
 background-color: #008938;
  
}

.doordash-getbutton::before, .doordash-getbutton::after {
 background-color: #f44322;
}
  

  
@font-face {
    font-family: 'LabGrotesque-Medium';
    src: url('/templates/cassiopeia/fonts/LabGrotesque-Medium.woff2') format('woff2'),
         url('/templates/cassiopeia/fonts/LabGrotesque-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.coupon,h1,h2,h3,h4,.input-wrapper,.subtext {
    font-family: 'LabGrotesque-Medium', serif !important;
}
.grid-child {  
  max-width: 1010px !important; 
}

.container-header {
  background-image: none !important;
  background-color: #333 !important;
}

button.btn.btn-primary  {
  background: #333;
  border: 1px solid;
}

button.btn.btn-primary:hover {
  background: #545353;
}

.dj-submenu {
  padding: 10px !important;
  text-transform: uppercase;
}

.dj-submenu .name {
  font-size: 14px;
  font-weight: 600;
}


.dj-megamenu-default li.itemid106:hover a.dj-up_a, 
.dj-megamenu-default li.itemid106.hover a.dj-up_a, 
.dj-megamenu-default li.itemid106.active a.dj-up_a {

    background: #f44322 !important;
}
.dj-megamenu-default li.itemid114:hover a.dj-up_a, 
.dj-megamenu-default li.itemid114.hover a.dj-up_a, 
.dj-megamenu-default li.itemid114.active a.dj-up_a {

    background: #048667 !important;
}
.dj-megamenu-default li.itemid119:hover a.dj-up_a, 
.dj-megamenu-default li.itemid119.hover a.dj-up_a, 
.dj-megamenu-default li.itemid119.active a.dj-up_a {

    background: #008938 !important;
}
/***************/
/* Subscribe form*/
.acym_module_form input {
    border: none !important;
    border-radius: 4px !important;
    padding: 3px;
    max-width: 100% !important;
    background-color: white; 
}

input.btn.btn-primary.button.subbutton {
    max-width: 100%;
    margin: 0;
    padding: 3px 10px;
}

.subwaysub .btn {
  background-color: #008d3b;
  transition: opacity 0.3s ease;
  /*padding: 4px 10px;
  margin-top: 0px;
  border: none;*/
}

/*Subway Subscribe button має 80% прозорості при active, hover, focus*/
.subwaysub .btn.active, 
.subwaysub .btn:hover, 
.subwaysub .btn:focus
 {
    background-color: #008d3b !important;
    opacity: 80%; 
}


.greatclipssub .btn {
  background-color: #048667;
  transition: opacity 0.3s ease;
}
/*GreatClips Subscribe button має 80% прозорості при active, hover, focus*/
.greatclipssub .btn.active, 
.greatclipssub .btn:hover, 
.greatclipssub .btn:focus
 {
    background-color: #048667 !important;
    opacity: 80%; /* Зменшити яскравість на 15% */
}

.doordashsub .btn {
  background-color: #f44322;
  transition: opacity 0.3s ease;
}
/*Doordash Subscribe button має 80% прозорості при active, hover, focus*/
.doordashsub .btn.active, 
.doordashsub .btn:hover, 
.doordashsub .btn:focus
 {
    background-color: #f44322 !important;
    opacity: 80%; /* Зменшити яскравість на 15% */
}

@media all and (max-width:767px) {

.used-count {
  font-size: 12px;
}
.title {
  font-size: 16px;
}

.modal-promo input {
  font-size: 19px;
}
  
/* .subwaysub .btn {
  margin-top: 3px;
} */
  
}

.title a {
  color: #333 !important;
  text-decoration: none;
  line-height: 1.5;
}

.title a:hover, .title a:focus  {
  text-decoration: underline !important;
}

.input-wrapper .black-btn {
  text-transform: uppercase;
  padding: 0px 20px;
}

.acym_form {
  margin-right: auto !important;
  margin-left: auto !important;
}


/*****/


.newletter .konvert {
  position: relative;
 display: inline-block;
  top: -1rem;
  z-index: 300;
  width: 5.4375rem;
  height: 3.75rem;
    box-shadow: 0px 0px 1px #292626;
}

.newletter .konvert::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 50% no-repeat url(/images/images/mail.svg);
  background-size: cover;
  z-index: -1;

}

.newletter .logo {
  position: absolute;
  top: -2rem;
  left: 50%;
  width: 5rem;
  height: 5rem;
  overflow: hidden;
  border-radius: 2px;
  box-shadow: 0 2px 6px 4px rgba(51, 51, 51, .09);
  transform: translateX(-50%);
  z-index: -1;
}

.newletter {
  text-align: center;
  margin-top: 80px;
  background: #303f4e;
}
.modal-body {
  padding: 0px 35px;
}

.acym_module_form {
  background: #303f4e;
/*  border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;*/
}

.nospam {
  text-align: center;
  background: #303f4e;
  color: white;
  font-size: 12px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 5px 10px 10px 10px;
}

.subtext {
  text-align: center;
  background: #303f4e;
  color: white;
  font-size: 18px;
  padding: 0px 10px 8px 10px;
}



.onefield {
  max-width: 190px;
}

.textbottomcopy {
    font-size: 14px;
    margin-top: -11px;
}

a.linksubway {
    color: #028f3b;
}

a.linkgreatclips {
    color: #048667;
}

a.linkdoordash {
    color: #f44322;
}

.modified-date {
  font-size: 14px;
  margin-bottom: -6px;
}

.modal-header a {
  text-decoration: none;
  color: #333;
}
a:not(.btn):hover {
  color: #303f4e;
}

.coupon-title:hover {
  text-decoration: underline;
}

.breadcrumb-item a {
  color: #303f4e;
}

/**Убрали заголовок с блога***/
.com-content-category-blog__item.blog-item .page-header h2 {
  display: none;
}
/**************************/

p, li {
  line-height: 1.7;
  font-size: 18px;
}

.h1, h1 {
    font-size: calc(1.175rem + 1.5vw);
    line-height: 1.5;
}

.h2, h2 {
    font-size: calc(1.125rem + .9vw);
    line-height: 1.5;
    /* text-decoration: underline; */
    padding: 9px 0px 3px 0px;

  
    margin-bottom: 15px;
    border-bottom: #000 1px groove;
}
.h3, h3 {
  font-size: calc(1.1rem + .6vw);
  line-height: 1.5;
  margin: 15px 0px;
  border-bottom: #000 1px groove;
  padding: 9px 0px 3px 0px;

}

input[type="text"].rtl {
            direction: rtl;
          text-align: left;
          padding-left: 0px;
  }
@media (min-width: 558px) {
  
input[type="text"].rtl {
          padding-left: 25px;
  }
  
}
@media (min-width: 768px) {
  .h1, h1 {
    font-size: 1.9rem;
    line-height: 1.5;
  }
    .h2, h2 {
    font-size: 1.7rem;
    line-height: 1.5;
  }
   .h3, h3 {
    font-size: 1.5rem;
    line-height: 1.5;
  }

}


.num, span.phone {
  background: linear-gradient(to right,#eaececc4 0,#c7daec4d 100%);
  padding: 1px 5px;
  margin: 0 1px;
  border-radius: 3px;
  border: 1px solid #fff;
  color: #333;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.32);
}

blockquote p {
  background: #eff1f5b0;
  padding: 10px;
  border-left: 5px solid #333;
  margin-bottom: 20px;
  margin-top: 20px;
}
.card-body h3 {
  border-bottom: none;
}

a.black-btn.btn-link {
  padding: 11px 20px !important;
}

h2.categoryh2 {
  font-size: 14px;
    line-height: 1.5;
    font-family: var(--cassiopeia-font-family-headings,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji") !important;
    font-weight: normal;
  border-bottom: none;
  margin-top: -10px;
}
.faq p {
  font-size: 14px;
    line-height: 1.5;
    font-family: var(--cassiopeia-font-family-headings,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji") !important;
    font-weight: normal;
  border-bottom: none;

}

h3.title, h3.coupon-title{
  margin:0px;
}

div.acym_module_success {
  margin-bottom: 0px !important;
}


.fa-solid.fa-square-up-right {
  font-size: 16px;
  position: relative;
  bottom: 4px;
}

.faq h4 {
  padding: 0;
  font-size: 15px;
  line-height: 1.5;
  font-weight: normal;
}

.dj-offcanvas-dark .dj-offcanvas-logo {
     padding: 0 !important;
  }
.dj-offcanvas-dark .dj-offcanvas-logo img {
    max-width: 35% !important;
  }

@media all and (max-width:767px) {
.mod-finder__search.input-group .awesomplete input {
    max-width: 150px !important; 
  }
}

@media (max-width: 979.98px){
.container-header .container-nav .container-search, .container-header .container-nav nav {
    margin-top: 1em;
}
}

.dj-megamenu-select-dark .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-megamenu-accordion-dark .dj-mobile-open-btn {
    margin-top: 16px !important;
    margin-left: 8px !important;
}

.com-content-category-blog__item figure.item-image img {
    display: none;
}

body.view-article .grid-child.container-sidebar-left {
    display: none;
}

body.view-category .grid-child.container-sidebar-right {
    display: none;
}


@media (min-width: 500px) {
body.view-article .site-grid {
    grid-template-columns: 0 1fr repeat(3, minmax(0, 19.875rem)) minmax(0, 1fr) !important;
}
}

.coupon-section details {
  border: none;
}

.coupon-section details summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
}

.coupon-section details summary::-webkit-details-marker {
  display: none;
}

.coupon-section details summary::after {
  content: "+";
  font-size: 25px;
  cursor: pointer;
  padding-left: 8px;
}

.coupon-section details[open] summary::after {
  content: "-";
}

.faq .coupon-section {
    border-bottom: 1px solid #ececec;
  margin-bottom: 10px;
}

.com-content-article__body img
{
  padding: 5px 0 15px 0;
}

.raxo-columns .raxo-top .raxo-image {
  position: relative;
}

.raxo-columns .raxo-top .raxo-image img {
  display: block;
  border-width: 0 !important;
}

.raxo-columns .raxo-top .raxo-image::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.1);
  pointer-events: none; /* Це дозволяє клікати по зображенню скрізь псевдо-елемент */
  border-radius: 3px;
  transition: box-shadow 0.3s ease; /* Плавний перехід тіні протягом 0.3 секунд */
}

.raxo-image {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 .raxo-image {
      filter: grayscale(0%) !important;
}

.raxo-wrap {
  transition: all 0.4s ease !important;
}

.raxo-wrap:hover {
      -webkit-filter: grayscale(100%) !important;
  filter: grayscale(100%) !important;
}

.raxo-wrap:hover a {
  text-decoration: underline !important; 
   -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}




/*.raxo-image:hover {
-webkit-filter: grayscale(100%);
  filter: grayscale(100%);

     -webkit-filter: brightness(145%);

        -webkit-filter: sepia(100%);

}*/

.raxo-columns .raxo-top .raxo-image:hover::after {
  box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.2); /* Більша тінь при hover */
}

.raxo-image
{
  position: relative;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
 
.raxo-image:before,
.raxo-image:after {
    content:"";
    position:absolute;
    z-index:-2;
}
 
.raxo-image:before {
    top:0px;
    bottom:0px;
    left:10px;
    right:10px;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
       -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
            box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-border-radius:100px / 10px;
         border-radius:100px / 10px;
}
 
     .card
{
 
  --card-border-color: none !important;
  }

.raxo-columns, .raxo-columns .raxo-block-name, .raxo-columns .raxo-top .raxo-wrap, .raxo-columns .raxo-image img
{
  border-color: #f2f3f4 !important;
}
.raxo-columns
{
 
  border-bottom: none!important;
 
}

/*.raxo-columns a:hover
{
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
  
}*/

/* Стили для модуля Category Logo */

.custom-module {
  text-align: center; /* Центрирование содержимого модуля */  
  border: 1px solid #ddd;
  border-bottom: none;
}

.custom-module .logo {
  padding: 40px 0px 25px 0px;
  max-width: 80%;
}

.custom-module .btn-primary {
  margin-bottom: 20px; /* Задаём отступ снизу для кнопки */
  background-color: #333; /* Фон кнопки */
  color: #fff; /* Цвет текста */
  padding: 6px 12px; /* Паддинг внутри кнопки */
  text-decoration: none; /* Убрать подчеркивание текста */
  display: inline-block; /* Сделать элемент блочным для правильного отображения паддингов */
  font-family: 'LabGrotesque-Medium', serif !important;
}

.custom-module .btn-primary:hover
{
  background-color: #555;
}

.card-body .content_rating 
{
  border: 1px solid #ddd;
  border-top: none;
  text-align: center;
  margin-top: -64px;
  padding: 10px 0px 40px 0px;
}

.card-body .btn-primary
{
  padding: 2px 12px 3px 12px;
  font-family: 'LabGrotesque-Medium', serif !important;
  background-color: #333;
}
@media all and (min-width:970px){
.card-body .btn-primary
{
  margin-top: -3px;
}}

.card-body .btn-primary:hover
{
  background-color: #555;
}
.total-votes
{
  color: #666;
  font-size: 0.9em;
  font-family: 'LabGrotesque-Medium', serif !important;
}
  .custom-module p {
    margin-top: 20px; /* Задаём отступ сверху для элемента <p> */
    margin-bottom: 40px;
  }


.card-body .content_rating .vote-star svg, .card-body .content_rating .vote-star-half svg
{
  height: 2.5em !important;
}

.card
{
--card-spacer-x: none !important;
  }

.couponhome img
{

  border-radius: 50%;
  width: 150px;
  margin: 4% 7% 4% 7%;
  transition: transform 0.3s; /* Плавний перехід для трансформації */
}

.couponhome img:hover,
.couponhome img:focus {
  transform: scale(1.1); /* Збільшення зображення на 10% */
}


.row-fluid.ccomment-menu {
    background: rgba(0,0,0,.03);
}
.ccomment .pull-left {
    float: left;
    padding-left: 10px;
    margin-top: 9px;
}
h4.pull-left:before {
    color: #7cc045;
    content: "\f05a";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 23px;
    margin-right: 2px;
}

button.ccomment-add-new.btn.btn-mini {
   margin-top: 4px;
  padding: 10px;
  font-size: 18px;
  margin-right: 4px;
}

h4.pull-left
{
    font-size: 1.2rem !important;
    font-weight: normal !important;
}

.ccomment .btn-primary:active, .comment .btn-primary:focus{

  background:#555 !important;
} 


.btn.btn-sm.btn-primary.align-baseline
{
  background: #333 !important;
}

.btn.btn-sm.btn-primary.align-baseline:hover, .btn.btn-sm.btn-primary.align-baseline:active
{
  background: #555 !important;
}


.container-footer.footer.full-width
{
  background: #555;
}


.card-header {
 
  font-size: 17px;
  text-align: center;
  margin-bottom: 16px;
}

.com-content-article__body .used-count {
  font-size: 16px;
  margin-bottom: 15px;
  margin-top: -10px;
}

h2.mainh2 {
  font-size: 1.2em;
  background: #f7f7f7;
  padding: 10px;
  border-bottom:none !important;
}

.expired {
    color: #e5e5e5;
}

.expired::after {
  content: "";
  background-image: url('/images/images/exp4.png');
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  backdrop-filter: blur(1px);
}

.font-bottom p, .font-bottom li {
  font-size: 16px;
}
.coupon-title-wraper a {
  text-decoration: none;
}


a.author-link {
  color: #666 !important;
}
a.author-link:hover {
  color: #333 !important;
}

.btn-secondary {
  background-color: #333 !important;
  color: #fff !important;
  font-size: 19px !important;
}
.coupon-container a.btn-right:not(.btn):hover {
  color: #fdffff !important;
}

div[data-visible=""] {
    display: none;
}
.btn-secondary:focus, .btn-secondary:hover {
  background-color: #f9fafb !important;
  color: #353b41 !important;
}


/*-----------------*/

.onefield.acyfield_2.acyfield_text {
  padding: 10px 0px;
  }

.acym_module_form input {
  border: 0.1rem solid;
 /* width: 140px;*/
}

/*.greatclips .acysubbuttons .btn-primary:focus, .greatclips .acysubbuttons .btn-primary:hover {
  background-color: #00ae59 !important;
  border-color: #00ae59 !important;
}*/

.greatclips .acysubbuttons .btn-primary {
  /*background-color: #008e76 !important;*/
  border-color: var(--cassiopeia-color-primary);
  box-shadow: 0 7px 7px rgba(0, 0, 0, 0.38);
}
.greatclips .acym_module_form {
  background-color: #058667;
}

/*.doordash .acysubbuttons .btn-primary:focus, .doordash .acysubbuttons .btn-primary:hover {
  background-color: #f44322d4 !important;
  border-color: #f44322d4 !important;
}*/

.doordash .acysubbuttons .btn-primary {
  /*background-color: #f44322 !important;*/
  border-color: var(--cassiopeia-color-primary);
  box-shadow: 0 7px 7px rgba(0, 0, 0, 0.38);
}
.doordash .acym_module_form {
  background-color: #f44322;
}
/*.subway .acysubbuttons .btn-primary:focus, .subway .acysubbuttons .btn-primary:hover {
  background-color: #008938db !important;
  border-color: #008938db !important;
}*/

.subway .acysubbuttons .btn-primary {
  /*background-color: #008938 !important;*/
  border-color: var(--cassiopeia-color-primary);
  box-shadow: 0 7px 7px rgba(0, 0, 0, 0.38);
}
.subway .acym_module_form {
  background-color: #008938;
}




@media (max-width: 767px) {
.grid-child.container-bottom-b {
  position: fixed;
  bottom:-8px;
  max-height: 100px; /* Встановіть відповідну висоту */
  left: 0;
  width: 100%;
  z-index: 100;
  }

.btn.btn-primary.button.subbutton {
  margin-left: -20%;
  padding: 4px 20px;
}
  
  .bottom-b.card {
  background: #eceaea !important;
}

  .cell.acym__user__edit__email[type="email"] {
    width: 80% !important;
}  
  
  
  
    .container-sidebar-right .acym_module {
  display: none !important;
}
  
  .acym_introtext {
  margin-bottom: -3px;
  padding-top: 5px;
}
  
}

@media (min-width: 767px) {
.grid-child.container-bottom-b {
 display:none !important;
  }
  
    .acym_introtext {
  padding-top: 5px;
  margin-bottom: 7px;
}
  


}





input.cell{
  padding:3px 10px;
}

/*****Кнопка закрытия*/

.module-close-button {
    position: absolute;
    top: 10px;  /* Регулируйте отступ сверху по необходимости */
    left: 10px; /* Регулируйте отступ слева по необходимости */
    border: none;
    background: transparent;
    cursor: pointer;
   
}

.footer h3 {
border-bottom: none !important;
  }