/*
  * Theme Name: Grand Slot Club
  * Description: Grand Slot Club Website Theme
  * Theme URI: https://grandslotclub.rs/
  * Author: Touchpoint
  * Author URI: hello@touchpoint.rs
  * Credits: Touchpoint https://touchpoint.rs, Milos Prelevic https://kombina.rs/
  * Requires at least: 6.1
  * Tested up to: 6.8.3
  * Requires PHP: 7.4
  * Version: 1.2.4
  * Text Domain: grand-slot-club
  * Tags: grand-slot-club
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */
 .wp-block-image.vertical-aligncenter img {
  vertical-align: middle;
}

@font-face {
    font-family: "fallback for GothamPro";
    src: local("Arial");
    ascent-override: 105%;
    descent-override: 35%;
    line-gap-override: 10%;
}

img {
  width: 100%;
  height: auto;
}
 .has-style-box-shadow,
 .has-no-hover-shadow {
   box-shadow: 0 6px 30px 3px #0e0e0e0f;
   transition: 0.5s;
 }

  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
  }

 .has-style-box-shadow:hover {
   box-shadow: 1px 4px 20px -2px #0003;
   transform: translateY(-8px);
 }

 .editor-styles-wrapper .has-style-box-shadow:hover {
   transform: inherit;
 }

 .has-shadow-header {
   box-shadow: 0 10px 10px #0000000a;
   position: relative;
   z-index: 999;
 }

 /* Sho Customizations */

.grecaptcha-badge { visibility: hidden; }


.single-post .wp-block-post-title {
  margin: 2rem 0;
}

/*
  .promo-paketi-container {

  }

  .promo-paketi-klub-lojalnosti p,
  .promo-paketi-klub-lojalnosti li {
    color: #afafaf !important;

  }

*/

@media only screen and (max-width: 1100px) {

  .promo-banner-text p {
    text-transform: uppercase;
  }

}

/* ----------------------- */
/* ----- Meta Slider ----- */
/* Homepage Promo Packages */
/* ----------------------- */

/* Metaslider Slides */

.metaslider .slides img {
  border-radius: 20px;
}

#metaslider-id-38 .flexslider .slides li {
  background-color: #000 !important;
}

/* Metaslider Pagination */

#metaslider-id-38 .flexslider .flex-control-nav li a,
#metaslider-id-38 .flexslider .flex-control-nav li a.flex-active,
#metaslider-id-38 .flexslider .flex-control-nav li a:hover,
#metaslider-id-38 .flexslider .flex-control-nav li a:focus {
  background: #C89A2B;
  margin: 0 10px;
  border-radius: 0 !important;
  outline: 0 !important;
}

#metaslider-id-38 .flexslider .flex-control-nav li a:not(.flex-active) {
  opacity: 0.5;
}

#metaslider-id-38 .flexslider .flex-control-paging li a,
#metaslider-id-38 .flexslider .flex-control-paging li a.flex-active {
  width: 30px;
  height: 10px;
  border-radius: 0;
  font-size: 0;
  /* cursor: default; */
}

/* Metaslider Arrows */
  /* Temporarily removed */
    /*
    #metaslider-id-38 .flexslider .flex-direction-nav a,
    #metaslider-id-38 .flexslider .flex-direction-nav li a {
      height: 38px;
      width: 38px;
      border-radius: 100%;
      top: calc(50% + 20px);
      transform: translateY(-50%);
    }

    #metaslider-id-38 .flexslider .flex-direction-nav li a {
      background-color: rgb(240,187,52);
      border: rgb(240,187,52);
      border-width: 2px;
    }

    #metaslider-id-38 .flexslider .flex-direction-nav li a:hover {
      background-color: rgb(0,0,0);
      border: none !important;
    }

    #metaslider-id-38 .flexslider .flex-direction-nav a:hover,
    #metaslider-id-38 .flexslider .flex-direction-nav a:focus {
      outline: 0 !important;
    }

    #metaslider-id-38 .flexslider .flex-direction-nav a.flex-prev:after,
    #metaslider-id-38 .flexslider .flex-direction-nav a.flex-next:after,
    #metaslider-id-38 .flexslider .flex-direction-nav li a.flex-prev::after,
    #metaslider-id-38 .flexslider .flex-direction-nav li a.flex-next::after {
      background-color: rgb(0,0,0);
      mask-position: center center;
    }

    #metaslider-id-38 .flexslider .flex-direction-nav li a.flex-prev:hover::after,
    #metaslider-id-38 .flexslider .flex-direction-nav li a.flex-next:hover::after {
      background-color: rgb(240,187,52);
    }

    #metaslider-id-38 .flexslider .flex-direction-nav a.flex-prev {
      left: 0 !important;
    }
    #metaslider-id-38 .flexslider .flex-direction-nav a.flex-next {
      right: 0 !important;
    }

    #metaslider-id-38 .flexslider .flex-direction-nav a.flex-prev:after {
        mask-image: url(images/left.svg);
    }
    #metaslider-id-38 .flexslider .flex-direction-nav a.flex-next:after {
        mask-image: url(images/right.svg);
    }
 */

/* ----- END Metaslider ------ */

/* HELPERS */

.hidden {
  display: none;
}

.text-align-left {
  text-align: left !important;
}

.text-align-center {
  text-align: center !important;
}

.text-align-right {
  text-align: right !important;
}

.cover-headings-text-shadow-07 {
  text-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
}

.cover-headings-text-shadow-05 {
  text-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
}

.cover-headings-text-shadow-03 {
  text-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}

/* ----- Custom Buttons & Form Buttons Customizations ----- */

.wpcf7 input[type="tel"] {
    background-color: #262626;
    border: 1px solid #7C7C7C;
    border-radius: 18px;
    color: #fff;
    outline: none;
    padding: 14px;
}

.page-id-4562 .wpcf7 > p {
    margin-top 0 !important;
    margin-bottom 0 !important;
}

.page-id-4562 .wpcf7-submit {
    margin-top 0 !important;
    margin-bottom 0 !important;
}

.page-id-11 .popup-button {
    border-radius: 60px;
    background-image: linear-gradient(#333, #111);
      & :hover {
        background-image: linear-gradient(#111, #333);
      }
  }
  .page-id-11 .popup-button a {
    color: #C89A2B;
    font-weight: bold;
    text-decoration: none;
  }

 .button-custom {
    font-family: var(--wp--preset--font-family--gothampro);
    font-size: var(--wp--preset--font-size--tiny);
    font-weight: var(--wp--custom--typography--font-weight--normal);
    line-height: var(--wp--custom--typography--line-height--paragraph);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    color: var(--wp--preset--color--text-link);
    text-decoration: none;
    background-image: linear-gradient(#C89A2B, #E9D541);
    padding: 10px 22px;
    border-radius: 30px;
    display: inline-block;
    margin: 0;
  }

  .prijavi-se-button {
    background-image: linear-gradient(#C89A2B, #E9D541);
    padding: 10px 22px;
    border-radius: 30px;
  }

  .prijavi-se-button:hover {
    background-image: linear-gradient( #E9D541, #C89A2B);
    color: #000;
    text-decoration: none;
  }

  .paoc-popup-click {
    background-image: linear-gradient(#C89A2B, #E9D541);
    padding: 10px 22px;
    border-radius: 30px;
    margin: 30px 0 0 0;
    display: inline-block;
}

.paoc-popup-click:hover,
.paoc-popup-click:active  {
    background-image: linear-gradient(#E9D541, #C89A2B);
    color: #000;
    text-decoration: none;
}

.paoc-popup-click:focus,
.paoc-popup-click:active {
  text-decoration: none !important;
}

.popup-button {
  border-color: #C89A2B;
  border-width: 2px;
  border-style: solid;
  padding: 9px 45px;
  border-radius: 60px;
  font-weight: lighter;
  color: #fff;
  font-size: 20px;
  background-image: none;
  text-decoration:none;
  background-color: transparent !important;
}

/* ----- END Buttons Customizations ----- */

/* ----- CF7 Form Customization ----- */

/* Loyalty Forma */

.wpcf7-response-output, .paoc-popup-content {
  color: #e1e1e1 !important;
}
.wpcf7-submit {
margin-top: 2rem;
margin-bottom: 2rem;
}

.form-notice {
margin-bottom: 28px !important;
color: #333;
    text-transform: uppercase;
    font-size: 12px;
& a {
color: #333;
text-decoration: underline;
}
}

.promo-paketi-kontakt .top-fields .split-fields {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}

 select,
 input[type="text"],
 input[type="email"],
 input[type="url"],
 input[type="password"],
 input[type="search"],
 input[type="number"],
 input[type="tel"],
 input[type="range"],
 input[type="date"],
 input[type="month"],
 input[type="week"],
 input[type="time"],
 input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
   box-sizing: border-box;
   display: block;
   font-size: 17px;
   width: 100%;
   background: var(--wp--preset--color--input-field);
   border: 1px solid transparent;
   line-height: 1.75;
   padding: 7px 15px;
   color: var(--wp--preset--color--foreground);
 }

 .dark-field select,
 .dark-field input[type="text"],
 .dark-field input[type="email"],
 .dark-field input[type="url"],
 .dark-field input[type="password"],
 .dark-field input[type="search"],
 .dark-field input[type="number"],
 .dark-field input[type="tel"],
 .dark-field input[type="range"],
 .dark-field input[type="date"],
 .dark-field input[type="month"],
 .dark-field input[type="week"],
 .dark-field input[type="time"],
 .dark-field input[type="datetime"],
 .dark-field input[type="datetime-local"],
 .dark-field input[type="color"],
 .dark-field textarea {
   background: #111;
   border: 1px solid transparent;
   line-height: 1.75;
   padding: 7px 15px;
 }

 textarea {
   width: 100%;
   padding: 15px 20px;
   height: 120px;
 }

 input[type="button"],
 input[type="reset"],
 input[type="submit"] {
   border: none;
   background: var(--wp--preset--color--primary);
   padding: 10px 30px;
   cursor: pointer;
   font-size: 17px;
   line-height: 1.5;
   color: #000;
 }

  input[type="tel"] {
    color: #fff;
  }


.popup-inside-wrap .popup-form h5 {
  background-image: linear-gradient(90deg, #C99B2C, #E8D441);
  color: transparent !important;
  background-clip: text;
  /* font-family: "Cabin", Arial, sans-serif; */
  font-size: 48px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.popup-form select,
.page-id-4562 .wpcf7-form-control-wrap select {
  background-color: #000;
  border-color: #292929;
  padding: 13px 10px;
  color: #fff;
  border-radius: 2px;
}

.wpcf7-form-control.wpcf7-tel::placeholder{
  color: #7C7C7C;
}

 .paoc-cb-popup-body label,
  .paoc-cb-popup-body input::placeholder {
   color: #fff;
   text-transform: uppercase;
   font-size: 14px;
   width: 100%;
   display: inline-block;
 }

 .paoc-cb-popup-body input,
  .paoc-cb-popup-body textarea {
   margin-top: 5px;
   background-color: #000;
   border-color: #292929;
   padding: 10px 10px;
 }

.paoc-credit-wrp {
  display: none !important;
}

.paoc-cb-popup-body {
  max-width: 100% !important;
}

.popup-inside-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}

.popup-inside-wrap>div {
  flex-basis: 50%;
  box-sizing: border-box;
}

.popup-inside-wrap .popup-form {
  padding: 3%;
}

.wpcf7-form-control-wrap .wpcf7-file[type="file"] {
  border-color: #6E6E6E;
  background-color: transparent;
  width: 100%;
  display: none;
}

.upload-file-fix {
  width: 100%;
  padding:15px 15px;
  text-align: center;
  border: 1px solid #6E6E6E;
  border-radius: 30px;
  float: left;
}

.paoc-cb-popup-body input[type="submit"] {
  padding: 15px 60px;
}

.paoc-close-popup.paoc-popup-close {
  top: 20px;
  right: 20px;
}

.popup-image p {
  margin: 0;
}

.paoc-popup-inr-wrap,
.paoc-popup-con-bg {
  padding: 0;
}

/* Kontakt Forma */

input[type="text"],
input[type="email"],
textarea {
  background-color: #262626;
  border: 1px solid #7C7C7C;
  border-radius: 18px;
  color: #fff;
  outline: none !important;
}

input::placeholder,
textarea::placeholder {
  color: #777;
  font-size: 16px;
}


input[type="text"]:active,
input[type="email"]:active,
textarea:active {
  outline: none;
}

input[type="text"],
input[type="email"] {
  padding: 14px;
}

input[type="submit"] {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  background: linear-gradient(90deg, #998000 0%, #FFD500 100%);
  border-radius: 40px;
  padding: 14px 55px;
}

/* CF7 CUSTOMIZATION */

.promo-paketi-kontakt label {
  color: #CCC;
  /* font-family: "Cabin", Arial, sans-serif; */
  text-transform: none;
  font-size: 20px;
  margin-bottom: 0.5rem;
}

.promo-paketi-kontakt input::placeholder {
    color: #777;
    font-style: italic;
    text-transform: none;
    font-size: 16px;
}

.promo-paketi-kontakt textarea::placeholder {
    color: #777;
    font-style: italic;
    text-transform: none;
    font-size: 16px;
}

/* ----- END Form Customizations ----- */


 .pulse-animation a {
   position: relative;
   display: block;
   overflow: visible !important;
 }

 .pulse-animation a:before {
   content: "";
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background-color: #ffffffbf;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: -1;
   -webkit-animation-name: pulseAnimate;
   animation-name: pulseAnimate;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-timing-function: ease-out;
   animation-timing-function: ease-out;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
 }

 .wp-block-post-author__avatar img {
   border-radius: 100%;
   vertical-align: middle;
 }

 .wp-block-quote {
   padding: 40px;
 }

 .hide-on-highres {
   display: none;
 }

 @keyframes pulseAnimate {
   0% {
	 transform: scale(1, 1);
   }

   100% {
	 transform: scale(1.8, 1.8);
	 opacity: 0;
   }
 }

 .wp-block-query-pagination {
   margin: 80px 0;
 }

 .wp-block-query-pagination .wp-block-query-pagination-numbers {
   margin: 0;
   display: inline-block;
 }

 .wp-block-query-pagination .page-numbers,
 .wp-block-query-pagination .wp-block-query-pagination-next,
 .wp-block-query-pagination .wp-block-query-pagination-previous {
   padding: 12px 16px;
   background: var(--wp--preset--color--secondary-background);
   line-height: 1;
   margin: 0 3px;
   text-decoration: inherit;
   display: inline-block;
   box-shadow: 0 0 15px #0000002b;
   border-radius: 100px;
 }

 .wp-block-query-pagination .page-numbers.current,
 .wp-block-query-pagination a:hover,
 .wp-block-query-pagination a:focus,
 .wp-block-query-pagination a:active {
   background-color: var(--wp--preset--color--primary);
   color: var(--wp--preset--color--white) !important;
 }

.magazin-sections {
    width: 90%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

 @media (max-width: 767px) {
    body .hide-on-mobile {
	    display: none !important;
   }

   .fullwidth,
   .column-to-100 {
     width: 100%;
     max-width: 100%;
   }

   .p-responsive-fix {
     width: 100%;
     max-width: 100%;
   }

   .column-to-100 {
     padding: 0;
     flex-basis: 100% !important;
   }

    .background-new {
      background: none !important;
    }

  #metaslider-id-38 .flexslider .flex-control-nav li a {
    margin: 0 10px;
  }

  #metaslider-id-38 .flexslider .flex-control-paging li a {
    width: 30px;
    height: 10px;
  }

 }

 @media (min-width: 768px) and (max-width: 1024px) {
   body .hide-on-tablet {
	 display: none !important;
   }
 }

 @media (min-width: 1025px) {
   body .hide-on-desktop {
	 display: none !important;
   }
 }

 @media screen and (max-width: 767px) {
  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
    display: none;
  }
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display:block;
  }
  body .wp-block-navigation {
    display: flex;
    flex-wrap: nowrap;
  }
  .mobile-media-alignjustify {
    display: flex;
      justify-content: space-between;
      width: 100%;
  }
   body .mobile-hide {
	 display: none;
   }

   body .mobile-alignleft {
	 text-align: left;
   }

   body .mobile-alignright {
	 text-align: right;
   }

   body .mobile-aligncenter {
    align-content: space-between;
    gap: 10px 15px;
    justify-content: center !important;
    justify-items: stretch;
    max-width: 100%;
    text-align: center;
    width: 100%;
   }

   body .wp-block-social-link {
	 margin: 0 3px;
   }
 }

 .list-style-none {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .image-zoom-hover {
   overflow: hidden;
 }

 .image-zoom-hover:after,
 .image-zoom-hover:before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   margin: auto;
   transition: all 0.5s ease;
   z-index: 2;
   background-color: #ffffff26;
   pointer-events: none;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   opacity: 0;
   visibility: hidden;
 }

 .image-zoom-hover:hover:after,
 .image-zoom-hover:hover:before {
   width: 0;
   opacity: 1;
   visibility: visible;
 }

 .image-zoom-hover img {
   margin: 0;
   -webkit-transition: -webkit-transform 1s ease;
   -moz-transition: -moz-transform 1s ease;
   transition: transform 1s ease;
   vertical-align: middle;
   width: 100%;
 }

 .image-zoom-hover:hover img {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
   transform: scale(1.1);
   -webkit-transform-origin: center center;
   -moz-transform-origin: center center;
   -o-transform-origin: center center;
   transform-origin: center center;
 }

 .wp-block-navigation ul li li a:hover,
 .wp-block-navigation ul li li a:focus,
 .wp-block-navigation ul li li a:active {
   color: var(--wp--preset--color--primary);
 }

 .editor-styles-wrapper .wp-site-blocks>*+*,
 .editor-styles-wrapper .wp-site-blocks>*+*+*,
 .wp-site-blocks>*+*,
 .wp-site-blocks>*+*+* {
   margin: 0 !important;
   margin-block-start: 0 !important;
 }

 .editor-styles-wrapper a {
   text-decoration: inherit;
 }

 .editor-styles-wrapper header p a,
 .editor-styles-wrapper footer p a {
   text-decoration: none;
 }

 .wp-block-navigation ul li li a:hover,
 .wp-block-navigation ul li li a:focus,
 .wp-block-navigation ul li li a:active {
   color: var(--wp--preset--color--primary);
 }

 .underline-style a {
   border-bottom: 2px solid;
   text-decoration: none;
   padding-bottom: 6px;
 }

 .underline-style a:after {
   content: "";
   background: url(assets/images/arrow-right.svg) no-repeat center center;
   background-size: 20px;
   width: 16px;
   height: 20px;
   z-index: 1;
   display: inline-block;
   top: 4px;
   right: -4px;
   filter: contrast(0.5);
   transition: all 0.5s ease-in-out;
   position: relative;
 }

 .underline-style a:hover {
   border-bottom: 2px dashed;
 }

 .wp-block-navigation .wp-block-navigation__submenu-icon {
   width: 15px;
   height: auto;
   margin-left: 11px;
   margin-top: -3px;
   color: var(--wp--preset--color--body-text);
 }

 .wp-block-navigation .wp-block-navigation__responsive-container-open {
   padding: 5px;
   border: 1px solid #9292923b;
 }

 .wp-block-navigation ul li.current-menu-item>a {
   color: var(--wp--preset--color--primary);
 }

 .wp-block-navigation ul li .wp-block-navigation-submenu__toggle {
   background: none;
 }

 .wp-block-navigation ul li a::after {
   content: "";
   display: block;
   position: absolute;
   height: 2px;
   width: 0%;
   left: 0;
   right: 0;
   margin: 0 auto;
   transition: 0.3s width ease-in;
   background-color: var(--wp--preset--color--primary);
 }

 .wp-block-navigation ul li a:hover::after {
   width: 100%;
 }

 .wp-block-navigation ul li li a {
   text-transform: capitalize;
   font-size: 17px;
   font-weight: 500;
 }

 .wp-block-navigation ul li li a::after {
   display: none;
 }
 .wp-block-navigation ul ol.has-background, .wp-block-navigation ul ul.has-background {
  padding: 0 20px;
}
 @media screen and (min-width: 600px) {
   .wp-block-navigation ul li ul {
	 border: none !important;
	 box-shadow: 0px 3px 15px 0px #0000000d;
	 width: 220px;
   }

   .wp-block-navigation ul li ul:after {
	 content: "";
	 display: inline-block;
	 background: transparent;
	 width: 100%;
	 height: 45px;
	 position: absolute;
	 top: -25px;
	 left: 0;
   }

   .wp-block-navigation ul li ul li {
	 border-bottom: 1px solid #9292923b;
   }

   .wp-block-navigation ul li ul li:last-child {
	 border: none;
   }

   .wp-block-navigation ul li.open-on-click ul {
	 top: 50px;
   }

   .wp-block-navigation ul li.open-on-hover-click ul {
	 opacity: 0;
	 visibility: hidden;
	 border: none !important;
	 box-shadow: 0px 3px 15px 0px #0000000d;
	 width: 220px;
	 transform: translateY(20px);
	 pointer-events: none;
	 max-height: none;
	 z-index: 999;
	 transition: transform .4s ease;
   }

   .wp-block-navigation ul li.open-on-hover-click:hover>ul,
   .wp-block-navigation ul li.open-on-hover-click:focus>ul,
   .wp-block-navigation ul li.open-on-hover-click:active>ul {
	 opacity: 1;
	 visibility: visible;
	 transform: translateY(10px);
	 pointer-events: auto;
	 transition: transform .4s ease;
   }
 }

 @media screen and (max-width: 600px) {
   .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
	 width: 100%;
	 gap: 0 !important;
	 border: 1px solid #9292923b;
	 border-bottom: none;
   }

   .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
	 width: 100%;
	 gap: 0 !important;
	 border: none !important;
   }

   .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
	 padding: 0;
	 width: 100%;
	 border-bottom: 1px solid #9292923b;
	 padding: 7px 50px 7px 20px;
   }

   .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon {
	 display: block !important;
	 margin-left: 15px;
	 padding: 3px 10px;
	 float: right;
	 font-size: 19px;
	 line-height: 1;
	 position: absolute;
	 right: 0;
	 top: 0;
	 height: 42px;
	 width: 42px;
   }

   .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon svg {
	 stroke: currentColor;
	 display: block;
	 width: 30px;
	 height: 13px;
	 margin: 0 !important;
	 padding: 0 !important;
   }

   .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
	 width: 100%;
	 gap: 0;
	 margin: 0;
	 padding: 0;
	 display: none;
	 box-shadow: none;
   }

   .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a {
	 padding-left: 35px;
   }

   .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle[aria-expanded=true]+ul.wp-block-navigation__submenu-container {
	 display: block;
	 margin: 0;
	 padding: 0;
   }

   .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container {
	 transition-timing-function: ease-in;
	 transition: 0s;
	 transform: translateX(130%);
	 display: block;
   }

   .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open {
	 visibility: visible;
	 transition-timing-function: ease-out;
	 transition: .7s;
	 transform: translateX(0);
	 top: 0;
   }
 }

 .wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content {
   max-width: 600px;
   margin: 0 auto;
 }

 .wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
   width: 100%;
   gap: 0 !important;
   border: 1px solid #9292923b;
   border-bottom: none;
	display:block!important;
	overflow: hidden;
 }
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
   display: block;
 }
 .wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
   width: 100%;
   gap: 0 !important;
   border: none !important;
 }

 .wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
   padding: 0;
   width: 100%;
   border-bottom: 1px solid #9292923b;
   padding: 15px 50px 15px 30px;
 }

 .wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon {
   display: block !important;
   margin-left: 50px;
   padding: 3px 10px;
   float: right;
   font-size: 19px;
   line-height: 1;
   position: absolute;
   right: 0;
   top: 0;
   height: 55px;
   width: 55px;
 }

 .wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon svg {
   stroke: currentColor;
   display: block;
   width: 30px;
   height: 13px;
   margin: 0 !important;
   padding: 0 !important;
 }

 .wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
   width: 100%;
   gap: 0;
   margin: 0;
   padding: 0;
   transform: inherit;
   height: 0;
   visibility: hidden;
   box-shadow: none;
 }

 .wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a {
   padding-left: 35px;
 }

 .wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle[aria-expanded=true]+ul.wp-block-navigation__submenu-container {
   margin: 0;
   padding: 0;
   height: 100%;
   visibility: visible;
 }

 .wp-block-navigation.is-responsive .always-shown+.wp-block-navigation__responsive-container {
   transition-timing-function: ease-in;
   transition: 0s;
   transform: translateY(-130%);
   display: block;
 }

 .wp-block-navigation.is-responsive .always-shown+.wp-block-navigation__responsive-container.is-menu-open {
   visibility: visible;
   transition-timing-function: ease-out;
   transition: .7s;
   transform: translateY(0);
   top: 0;
 }

 @media screen and (min-width: 600px) {
   .fixed-sticky {
      position: fixed;
      top: 0;
      bottom: 0;
      height: 100%;
      min-width: 400px;
      max-width: 400px;
      z-index: 99;
   }

   .items-justified-left.is-vertical .wp-block-navigation__container {
	    width: 100%;
   }

   .items-justified-left.is-vertical .wp-block-navigation__container li {
	 width: 100%;
	 display: flex;
	 align-items: center;
	 position: relative;
	 justify-content: space-between;
   }

   .items-justified-left.is-vertical .wp-block-navigation__container li .wp-block-navigation-item__content {
	 padding: 10px 20px;
   }

   .items-justified-left.is-vertical .wp-block-navigation__container li ul {
      left: 112%;
      top: 0;
   }

   .items-justified-left.is-vertical .wp-block-navigation__container li ul:after {
      content: "";
      display: inline-block;
      background: transparent;
      width: 50px;
      height: 100%;
      position: absolute;
      top: 0;
      left: -43px;
      z-index: -1;
   }

   .items-justified-left.is-vertical .wp-block-navigation__container li.open-on-hover-click ul {
	 top: -10px;
   }
 }

 @media screen and (max-width: 1023px) {
   .fixed-sticky {
	 min-width: auto;
	 max-width: inherit;
	 position: inherit;
   }
 }

 @media (min-width: 782px) {
   .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
	 left: 100%;
	 top: -10px;
   }
 }

 .wp-block-post-author {
   display: flex;
   align-items: center;
 }

 .comment-author.vcard {
   vertical-align: middle;
   display: flex;
   gap: 10px;
   margin-bottom: 20px;
 }

 .wp-block-post-comments .comment-metadata {
   display: flex;
   justify-content: space-between;
 }

 .wp-block-post-comments ul,
 .wp-block-post-comments ol {
   list-style: none;
   margin: 0;
   padding: 0;
 }

 .wp-block-post-comments input:not([type=submit]),
 .wp-block-post-comments textarea {
   color: inherit;
   border: 1px solid var(--wp--preset--color--border);
   font-size: var(--wp--preset--font-size--normal);
   font-family: inherit;
   background: inherit;
   border-radius: 0;
 }

 .wp-block-post-comments input:not([type=submit]):active,
 .wp-block-post-comments input:not([type=submit]):hover,
 .wp-block-post-comments input:not([type=submit]):focus,
 .wp-block-post-comments textarea:active,
 .wp-block-post-comments textarea:hover,
 .wp-block-post-comments textarea:focus {
   border: 1px solid var(--wp--preset--color--primary);
 }

 .wp-block-post-comments .depth-1 {
   border: 1px solid var(--wp--preset--color--border);
   padding: 50px 30px;
   margin: 50px 0;
 }

 .wp-block-post-comments .children li {
   border-top: 1px solid var(--wp--preset--color--border);
   padding-top: 50px;
   padding-left: 30px;
 }

 .wp-block-post-comments .children li:last-child {
   border-bottom: none;
   padding-bottom: 0;
 }


 .wp-block-post-comments .comment-form p {
   margin-bottom: 25px;
 }

 .is-style-underline .wp-block-button__link {
   position: relative;
   padding: 0 0 2px;
   display: flex;
   align-items: center;
   margin: 0;
   background-color: transparent;
   color: var(--wp--preset--color--foreground);
   overflow: visible;
 }

 .is-style-underline .wp-block-button__link::before {
   position: absolute;
   left: 0;
   top: 100%;
   width: 100%;
   height: 2px;
   content: '';
   background-color: var(--wp--preset--color--foreground);
   transition: all 0.4s;
 }

 .is-style-underline.white-underline .wp-block-button__link::before {
   background-color: var(--wp--preset--color--white);
 }

 .is-style-underline .wp-block-button__link:hover {
   background: none !important;
 }

 .is-style-underline .wp-block-button__link:hover::before {
   width: 30px;
 }


.admin-bar .wc-block-components-drawer .components-modal__header .components-button,
button.wc-block-cart-item__remove-link {
  cursor: pointer;
}



/* CASINO CSS */

.grand-main-location {
  width: 400px;
  margin: 0 auto;
  text-align: center;
  padding: 100px 0;
}

.grand-main-location .grand-loc-map a {
  position: static;
}

.grand-main-location p {
  margin: 0;
}

.grand-loc-spacer {
  width: 77px;
  margin: 0 auto 20px;
}

.grand-loc-address p {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 300;
}

.grand-loc-title h5 {
  font-size: 38px;
  text-transform: uppercase;
  margin: 0;
}

.grand-main-location-wrap {
    width: 64px;
    margin: 0 auto;
}

/*
.grand-selected-locations {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  gap: 20px;
}
*/

.grand-location-wrap-main {
  display: flex;
  flex-direction: row;
  flex-basis: 100%;
  flex: 1;
  padding: 15px;
  background-color: #232221;
  border: 1px solid #C89A2B;
  border-radius: 15px;
  position: relative;
}

.grand-location-wrap-main:hover {
  cursor: pointer;
}

.grand-loc-map a {
    position: absolute;
    right: 10px;
    top: 10px;
    font-family: "Gotham Pro", Arial, sans-serif;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid rgba(255,255,255, 0.3);
    border-radius: 40px;
    padding: 6px 10px;
    font-size: 12px;
    transition: all linear 0.2s;
}

.grand-loc-map a:hover {
  background-color: #c89a2b;
  color: #000;
  border-color: #c89a2b;
}

.grand-loc-map a {
  color: rgba(255, 255,255, 0.8);
  display: inline-block;
}

.grand-loc-map a:hover {
  text-decoration: none;
}

.grand-loc-title h6{
  font-size: 24px;
  margin: 0;
}

.grand-location-wrap-main .grand-loc-image {
  width: 30%;
}

.grand-loc-image img {
  float: left;
  border-radius: 15px;
}

.grand-location-wrap-main .location-text-wrap {
  padding-left: 10px;
}

.first-gradient {
  background-image: linear-gradient(90deg, #C99B2C, #D9B837);
  color: transparent !important;
  background-clip: text;
}

.tocak-srece {
    background-image: linear-gradient(to right, #fff, #999);
    color: transparent;
    background-clip: text;
}

.second-gradient {
  background-image: linear-gradient(90deg, #DBBC38, #E8D441);
  color: transparent !important;
  background-clip: text;
}

.full-gradient {
  background-image: linear-gradient(90deg, #C99B2C, #E8D441);
  color: transparent !important;
  background-clip: text;
}

.paragaph-gradient {
  background-image: linear-gradient(90deg, #fff, #999);
  color: transparent !important;
  background-clip: text;
}

.black-and-white-head {
  padding: 5px 15px 0 15px;
  display: inline-block;
}

.is-style-outline a {
  border-color: #C89A2B;
  border-width: 2px;
  border-style: solid;
  padding: 25px 45px;
  border-radius: 60px;
  font-weight: 600;
  color: #fff;
  font-size: 20px;
}

.radial-gradient-golden {
  background: radial-gradient(ellipse at -70% center, #312814 0%, #0E0D0C 40%, #101010 50%, #000 100%);
}

.image-bullet {
  list-style-type: none;
}

.image-bullet li {
    background: url("assets/images/list-bullet.png") no-repeat 0 17px;
    background-size: 73px;
    padding-left: 90px;
}

.gradient-wrap-lokacije {
  background: radial-gradient(ellipse at 80% -120%, #5F5E5D 0%,#1E1C20 80% ,#1E1C20 100%);
}

.add-dashes {
    background: url("assets/images/dash-left.png") no-repeat;
    background-position: left 26px;
    background-size: 72px;
}

.add-dashes > div {
    background: url("assets/images/dash-right.png") no-repeat;
    background-position: right 26px;
    background-size: 72px;
}

.vidi-jos-link {
  background-image: linear-gradient(90deg, #C99B2C, #E8D441);
  color: transparent !important;
  background-clip: text;
}

.group-bullet {
  background: url("assets/images/list-bullet.png") no-repeat 0 16px;
  background-size: 25px;
  padding-left: 35px;
}

.wp-block-navigation ul li a::after {
  background: url("assets/images/navline.png") no-repeat center !important;
  background-size: 45px auto !important;
}

.wp-block-navigation__responsive-container-content ul li a::after {
  background: none;
}

.wp-block-navigation .wp-block-navigation-item__content {
  color: #fff !important;
  opacity: 75%;
}

.wp-block-navigation .current-menu-item .wp-block-navigation-item__content {
  opacity: 100%;
}

.wp-block-navigation .current-menu-item .wp-block-navigation-item__content:after {
  width: 100%;
}

.wp-block-social-links li {
  background-color: transparent;
  border-width: 1px;
  border-color: #C89A2B;
  border-style: solid;
}

.wp-block-social-links .wp-social-link svg {
  width: 0.8em;
  height: 0.8em;
}

.aparati-slider .caption-wrap {
    position: static;
    width: 50%;
    margin: 0 auto;
    opacity: 1;
}

.aparati-slider .caption-wrap h1 {
  font-size: 60px;
  color: #fff;
  opacity: 1;
}


.aparati-slider .caption-wrap .caption div {
  color: #fff;
  opacity: 0.6;
  font-size: 20px;
}

.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a {
  padding: 40px 60px 40px;
  text-transform: uppercase;
  /* font-family: "Cabin", Arial, sans-serif; */
  font-size: 24px;
}

 .sp-easy-accordion .sp-ea-single.ea-expand .ea-header {
  background: url('assets/images/white-line.png') no-repeat 60px 106px;
  background-size: 136px;
}

.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body {
  padding: 40px 60px;
}

.ea-expand {
  background-image: linear-gradient(to right, #352916 0%, #141216 300px) !important;
}

.sp-easy-accordion>.sp-ea-single.ea-expand>.sp-collapse>.ea-body {
  background-color: transparent !important;
}
.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body {
  font-family: "Cabin", Arial, serif;
  font-size: 16px;
}

.sp-easy-accordion .ea-card {
  border-radius: 20px;
}

.ea-body strong {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 15px;
  display: inline-block;
  line-height: 1.4em;
}

.align-border-image {
  width: 100%;
}

.align-border-image img {
  float: left;
  margin-top: 13px;
  width: 100%;
}

.add-image-size,
.add-image-size img {
  width: 100%;
}

.top-fields {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
}

.color-bold-change strong {
  color: #DDBF39;
}

.background-new {
  background-position: right !important;
}

.add-image {
  background: url("assets/images/small-line.png") no-repeat 0 15px;
  background-size: 25px;
  padding: 0 0 0 40px;
}

.lokacija-3d-pregled {
  border: 1px solid #E9D541;
  display: block;
  font-size: 14px;
  color: #fff;
  padding: 10px 20px;
  border-radius: 40px;
  margin: 0 auto 20px;
  float: none;
  width: 160px;
  text-align: center;
}

.lokacija-3d-pregled:hover {
  text-decoration: none;
}

.align-image-over img {
  float: left;
}

.wp-block-vpb-video .vpbVideoPlayer .videoWrapper button.plyr__control--overlaid {
  width: 100%;
      height: 100%;
      opacity: 1;
      background-position: center;
      border-radius: 0;
      background-size: contain !important;
      background: url(/wp-content/uploads/2025/01/Group-4706-1.png);
}

.wp-block-vpb-video .vpbVideoPlayer .videoWrapper button.plyr__control--overlaid svg {
  display: none;
}

.custombox-content,
.custombox-content .paoc-cb-popup-body {
  background-color: #000;
}

.navigation-slot {
    backdrop-filter: blur(10px);
}

.wp-block-cover__inner-container .flexslider {
  background-color: transparent;
  border: none;
}

.image-changer .flex-nav-next,
.image-changer .flex-nav-prev,
.image-changer .flex-control-nav {
  display: none;
}

.wrap-locations {
  float: left;
  width:100%;
  margin: 0 0 15px 0;
}

.grand-selected-locations {
  float: left;
  width: 100%;
}

.wrap-locations h6 {
  color: #fff;
  font-size: 1.6em;
  float: left;
  margin: 0;
  margin-top: -4px;
}

.has-modal-open .wp-block-navigation__responsive-container-open {
  display: none;
}

.wp-block-navigation__responsive-container-close {
  margin: 0;
  right: 15px;
  width: 30px;
  height: 30px;
  z-index: 999;
  top: 15px;
}

.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
  fill: #fff;
}

a.button-locations {
  color: #fff;
  background-color: transparent;
  border: 1px solid #E9D541;
  padding: 12px 14px;
  border-radius: 30px;
  font-size: 10px;
  text-transform: uppercase;
}

a.button-locations {
  text-decoration: none;
  margin-left: 15px;
  margin-top: 5px;
}

.wrap-locations p {
  float: left;
  margin: 0;
}

.add-sticky-menu {
    top: 0 !important;
    z-index:99;
    position: fixed;
    box-shadow: 0px 3px 41px -21px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 3px 41px -21px rgba(0, 0, 0, 0.75);
    width: 100%;
}

header {
  position: fixed;
  width: 100%;
  z-index:99;
}

.flexslider .slides .mapa-background,
.flex-viewport .grand-loc-telefon {
  display: none;
}

.grand-loc-telefon p {
  color: #fff;
}

.grand-loc-telefon a {
  color: #fff;
}

.wp-social-link-viber svg {
  color: #fff;
}

.wp-block-cover .wp-social-link-viber {
  display: none;
}

.wp-block-site-logo img {
  width: 180px;
}


@media only screen and (min-width: 600px) {
    .admin-bar .add-sticky-menu {
      top: 32px !important;
    }
}

header .is-menu-open {
  background-color: transparent !important;
  z-index:999;
}

.has-modal-open .navigation-slot {
  backdrop-filter: none;
}

.has-modal-open header .wp-block-navigation__responsive-container .wp-block-navigation__container {
  background-color: #000 !important;
  z-index:99;
}

.has-modal-open header>div {
  background-color: #000;
}

.lokacije-preuzimanja select {
  background-color: transparent;
  color: #fff;
  border-color: #292929;
  padding: 15px;
  margin-top: 5px;
}

.show-on-mobile {
  display: none;
}

.dashes-icons .wp-block-image.alignright img{
  float: right;
  margin-top: 30px;
}

.dashes-icons .wp-block-image.alignleft img{
  float: left;
  margin-top: 30px;
}

.single-loc-bottom-title {
  font-size: 2rem;
}

.wpcf7-list-item {
  margin-left: 0;
}

.location-jackpot {
  display: inline-block;
  flex: 1 1 25%;
  padding: 15px 0;
}

.location-jackpot .jackpot-name {
  font-size: 20px;
  text-transform: none;
  display: block;
  color: #fff;
  float: left;
}

.location-jackpot .jackpot-value {
  font-size: 24px;
  display: block;
  font-weight: 700;
  margin-top: -10px;
  float: right;
}

.jackpot-title {
  font-size: 32px;
  color: #fff;
  width: 100%;
  text-align: center;
  font-family: "Gotham Pro", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  margin-top: 30px !important;
}

.home-jackpot {
  font-size: 92px;
  margin-top: -20px;
}

.location-jackpots {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 2%;
    padding: 0 40px;
    max-width: 1600px;
    margin: 50px auto 0;
  }

.location-jackpots.single-location-jackpots {
  margin-bottom: 80px;
}

@media only screen and (max-width: 1560px) {

  .responsive-helper {
    padding-left: 30px;
  }

  .padding-fix {
    padding: 0 5% !important;
  }

  .accordion-fix {
    width: 100% !important;
    padding: 0 4%;
  }

}

@media only screen and (max-width: 1440px) {
  .grand-location-wrap-main .grand-loc-image {
    width: 20%;
  }

  .grand-location-wrap-main .location-text-wrap {
    width: 80%;
  }

  .grand-loc-address,
  .grand-loc-telefon {
    font-size: 0.7em;
  }

  .grand-loc-title h6 {
    font-size: 1em;
  }

  .title-responsive {
    font-size: calc(45.2px + 4.2vw) !important;
  }

  .promo-padding-fix {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

}

@media only screen and (max-width: 1280px) {

  /* .
    has-large-font-size {
      font-size: calc(15.2px + 3.8vw) !important;
    }

    .has-big-font-size {
      font-size: calc(15.2px + 3.8vw) !important;
    }
  */

    .mobile-fix .wp-block-column {
      padding: 20px !important;
    }

    .query-loop-responsive .gradient-wrap-lokacije {
      padding: 30px !important;
    }

    .query-loop-responsive .gradient-wrap-lokacije h3 {
      font-size: 1.3rem !important;
    }

    header .wp-block-site-logo {
      width: 140px;
    }

    .responsive-padding {
      padding: 0 20px;
    }

}

@media only screen and (max-width: 980px) {

  .padding-fix,
  .padding-fix-sec  {
    padding: 0 !important;
    max-width: 100% !important;
  }

  .query-loop-responsive .gradient-wrap-lokacije h3 {
    font-size: 1.6rem !important;
  }

  .type-grand-lokacije {
    padding: 20px;
  }

/*
  h2.full-gradient {
    font-size: 3rem !important;
    line-height: 4.9rem;
  }

  h3.full-gradient {
    font-size: 2.5rem !important;
    line-height: 5rem;
  }

  h2.first-gradient  {
    font-size: 1.5rem !important;
    line-height: 2rem;
    max-width: 100% !important;
  }

  .responsive-fix h2 {
    width: 100%;
    padding: 0 !important;
    max-width: 100%;
  }
*/

  .reduce-font-size {
    font-size: 1.3rem !important;
  }

  .responsive-fix {
    width: 90% !important;
    max-width: 100%;
  }

  .sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a,
  .sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body {
    padding: 40px 30px 40px;
  }

  .sp-easy-accordion .sp-ea-single.ea-expand .ea-header {
    background-position: 30px 105px;
  }

  .query-loop-responsive .gradient-wrap-lokacije {
    padding: 20px !important;
  }

  .type-grand-lokacije {
    padding: 0;
  }

  .image-bullet li {
    padding-left: 40px;
    background-size: 20px;
  }

  /* .tocak-srece {
    font-size: 2rem !important;
  } */

  h2.responsive-heading-fix {
    font-size: 2.3rem !important;
    line-height: 2.5rem;
  }

  p.kontrola-fix {
    font-size: 1.5rem !important;
  }

  .pozivi-za-pomoc-first {
    min-height: auto !important;
  }

  .padding-fix-responsive {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .aparati-slider {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  h2.responsive-resize-heading {
    font-size: 0.5em !important;
  }
  p.responsive-resize-heading {
    font-size: 0.5em !important;
  }

  .popup-image {
    display: none;
  }

  .popup-form {
    width: 100%;
  }

  .popup-inside-wrap>div {
    flex-basis: 100%;
  }



}

@media only screen and (max-width: 781px) {
  footer .wp-block-image.size-full {
    width: 50%;
    margin: 0 auto;
  }

  .responsive-helper .wp-block-column {
    padding-right: 0 !important;
  }

  .wp-block-navigation ul li a::after {
    display: none;
  }

  h6.responsive-font-size {
    font-size: 25px !important;
  }

  .fullwidth-resp {
    width: 100% !important;
    flex-basis: 100% !important;
  }

  .magazin-sections {
    margin-left: 0;
    margin-right: 0;
  }

}

@media only screen and (max-width: 600px) {
    p.mobile-fix {
      width: 100%;
      max-width: 100%;
    }

    .grand-selected-locations .grand-location-wrap-main {
      flex-basis: 100%;
    }

    .mobile-fix-loc .wp-block-cover__inner-container>div {
        padding: 0 !important;
    }

    .mobile-fix-center {
      text-align: center;
    }

    footer nav {
      display: none !important;
    }

    footer .wp-block-image.size-full {
      width: 80%;
      margin: 0 auto;
    }

    .hide-on-highres {
        display: block;
    }

    .hide-on-phone {
      display: none;
    }

    .fullwidth-responsive {
      width: 90%;
      max-width: 90%;
    }

    .responsive-helper {
      padding-left: 0;
    }

    .tocak-srece {
      font-size: 1.6rem !important;
    }

    .fullwidth {
      width: 100%;
    }

    .row-to-block {
      display: inline-block !important;
      width: 100%;
    }

    .remove-dot {
      display: none;
    }

    h2.text-responsive-fix,
    h3.text-responsive-fix {
      font-size: 35px !important;
      line-height: auto !important;
    }

    h3.text-responsive-fix {
      margin-top: 20px !important;
    }

    .background-new {
      padding-left: 20px;
      padding-right: 20px;
    }

    .paragraph-width {
      padding: 0 15px!important;
      font-size: 0.2em;
    }

    .paragraph-width p {
      font-size: 18px !important;
    }

    .pozivi-za-pomoc-first,
    .pozivi-za-pomoc-other {
      padding: 10px;
      min-height: 0 !important;
    }

    .pozivi-za-pomoc-first p,
    .pozivi-za-pomoc-other p {
      font-size: 18px !important;
    }
    .wp-container-core-group-is-layout-7 p.has-heading-color {
      text-align: center;
    }

    .font-size-fix {
      font-size: 30px !important;
      margin-top: 15px !important;
    }

    header {
      background-color: #000;
    }

    .background-fix-responsive {
      background-image: url("assets/images/grand-jackpot-mobile.png") !important;
    }

    .remove-padding {
      padding: 0 !important;
    }

    .remove-padding .wp-block-column p {
      font-size: 16px;
    }


  }

  @media only screen and (max-width: 420px) {

    .single-post .wp-block-post-title {
      margin-top: 0;
      margin-bottom: 2rem;
    }

    .show-on-mobile {
      display: inline-block;
    }

    .grand-main-location {
      width: 100%;
    }

    .grand-loc-title h5 {
      font-size: 30px;
    }

    .wrap-locations h6 {
      font-size: 1.5em;
    }

    .reduce-gap {
      gap: 1rem;
    }

    .promo-paketi-kontakt .top-fields {
      flex-direction: column;
      gap: 0;
    }

    .promo-paketi-kontakt p {
      margin: 10px 0;
    }

    .full-gradient.has-main-title-font-size {
      font-size: 40px !important;
      margin-top: 120px;
    }

    .dashes-icons .is-acf-field {
      padding: 0 !important;
      margin-bottom: 20px;
    }

    .dashes-icons .is-acf-field .value {
      font-size: 20px;
    }

    .has-main-title-font-size .wp-block-cover-is-layout-flow > .lokacija-3d-pregled-mapa {
      margin-top: -80px !important;
    }

    .responsive-button {
      width: 100% !important;
      padding: 0 !important;
      gap: 0 !important;
    }

    .responsive-button .wp-block-button {
        width: 100%;
    }

    .responsive-button a {
      font-size: 16px !important;
      padding: 15px 15px !important;
      width: 100% !important;
    }

  }

  .location-jackpots {
    padding: 0 3.5vw !important;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 2%;
  }

  .single-location-jackpot {
      flex: 0 0 30%;
      margin-bottom: 40px;
  }

  .location-jackpot {
    width: 100%;
    background:url('assets/images/middle-line.png') no-repeat bottom;
    background-size: 100%;
  }

  .single-jackpots-wrap {
    background: #5F5E5D;
    background: radial-gradient(circle,rgba(95, 94, 93, 1) 0%, rgba(30, 28, 32, 1) 100%);
    padding: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-position: 0 170px;
    background-size: 300%;
  }

  .single-jackpots-wrap .location-jackpot:last-child {
    background: none !important;
    padding-bottom: 0;
  }

.single-location-heading {
  text-align: center;
  position: relative;
  aspect-ratio: 3 / 2;
}

.single-location-heading h6 {
    margin: 0;
    text-transform: uppercase;
    font-size: 1.4em;
    top: 70%;
    position: relative;
    z-index: 2;
    text-shadow: 0 0 12px rgba(0, 0, 0, 1);
}

.img-overlay {
    background-color: #000;
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    top: 0;
    opacity: 0.3;
    display: none;
}

.single-location-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 100% !important;
    opacity: 1;
    left: 0;
    top: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    z-index: 0;
}

.single-location-jackpots {
  justify-content: center;
}

.single-location-jackpots .location-jackpot .jackpot-name {
  width: 100%;
}

.single-location-jackpots .location-jackpot .jackpot-value {
  width: 100%;
  font-size: 32px;
}

.single-location-jackpots .location-jackpot {
  background: #373635;
  background: linear-gradient(0deg, rgba(30, 28, 32, 1) 0%, rgba(55, 54, 53, 1) 50%);
  padding: 25px;
  border-radius: 15px;
  margin-bottom: 10px;
  flex: 0 0 24%;
  box-sizing: border-box;
}

.single-location-jackpots .location-jackpot .jackpot-name {
  font-size: 18px;
}

.main-jackpot {
  margin: 0 auto;
  padding: 40px 80px;
  margin: 40px auto;
  width: 90%;
  max-width: 1200px;
  background: #2B2318;
  background: linear-gradient(74deg, rgba(43, 35, 24, 1) 0%, rgba(23, 21, 24, 1) 36%, rgba(28, 27, 31, 1) 100%);
  border-radius: 20px;
  background-size: 200%;
  background-position: 0 0;
  box-sizing: border-box;
  position: relative;
}

.main-jackpot-inside {
  width: 100%;
  height: 100%;
  left:0;
  right:0 ;
  top: 0;
  position : absolute;
  background: url('assets/images/star.png') no-repeat;
  background-position: 91% 40px;
  background-size: 200px;
}

.main-jackpot-inside-2 {
  width: 100%;
  height: 100%;
  left:0;
  right:0 ;
  top: 0;
  position : absolute;
  background: url('assets/images/grey-star.png') no-repeat;
  background-position: 100% 0;
  background-size: 40%;
  opacity: 0.4;
}

.clear {
  clear: both;
}

.jackpot-title {
  color: #fff;
  text-transform: inherit;
  font-size: 40px;
}

.jackpot-grand {
  background-image: linear-gradient(90deg, #C99B2C, #E8D441);
  color: transparent !important;
  background-clip: text;
  font-size: 96px;
  float: left;
  width: 100%;
  font-weight: bold;
  font-family: "Gotham Pro", Arial, sans-serif;
  margin-top: -30px;

}

@media only screen and (max-width: 980px) {

  .single-location-jackpot {
    flex: 0 0 45%;
  }

  .single-location-jackpots .location-jackpot {
    flex: 0 0 48%;
  }

  .main-jackpot-inside {
    background-image: none;
  }

  .main-jackpot {
    text-align: center;
  }

}

@media only screen and (max-width: 860px) {
  .jackpot-grand {
    font-size: 3.2em;
  }
}

@media only screen and (max-width: 720px) {

  .jackpot-grand {
    font-size: 3.2em;
  }

  .main-jackpot {
    padding: 30px 10px;
  }

}

@media only screen and (max-width: 620px) {

  .single-location-jackpot {
    flex: 0 0 100%;
  }

  .single-location-jackpots .location-jackpot {
    flex: 0 0 100%;
  }

  .jackpot-grand {
    font-size: 2em;
  }

  .jackpot-title {
    font-size: 20px;
    margin-bottom: 10px;
    display: inline-block;
    margin-top: 10px !important;
  }

  .main-jackpot {
    padding: 10px 10px;
    margin: 40px auto;
  }

}