/* Cocktails */
.cocktail-image {
    height: 300px;
}
.cocktail-image img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
}

/* Quick view */
.d-flex {
    display: flex;
}
.align-items-center {
    align-items: center;
}
.quick_view {
    display: inline-flex;
    align-items: center;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid rgb(155 155 155);
    cursor: pointer;
    position: relative;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.quick_view:hover .quick_view_popup {
    display: block;
}
.quick_view svg {
    margin-right: 5px;
}
.cocktails_lists_wrapper h3 {
    font-size: 32px;
    font-weight: 400;
    color: #000;
}
.cocktails_items {
    margin: 15px 0;
    display: flex;
    flex-wrap: wrap;
}
.cocktail-item {
    width: 50%;
    padding: 15px;
    margin-bottom: 30px;
}
.cocktail-name {
    margin: 15px 0;
}
.cocktails_lists_wrapper .h4 {
    font-size: 18px;
    font-weight: 600;
}
.cocktails_list_block {
    margin-top: 50px;
}
.cocktail-item > a {
    color: #000;
    text-decoration: underline;
    font-size: 16px;
}
.recipe-meta-info span {
    padding-left: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
.recipe-meta-info span p {
    font-weight: 400;
    padding: 0 0 0 10px;
    margin: 0;
}
.prep-time {
    background-image: url(../assets/images/time.svg);
}
.mixing-time {
    background-image: url(../assets/images/cocktail.svg);
}
.quick_view h4 {
    margin: 20px 0;
}
.recipe-meta-info {
    margin-bottom: 1em;
    display: flex;
    gap: 2em;
    font-weight: 600;
}
.quick_view_popup::before {
    content: "";
    position: absolute;
    top: -17px;
    left: 45px;
    border-width: 0 10px 17px 10px;
    border-style: solid;
    border-color: #000000fa #00000000 #f7f7f8 transparent;
}
.quick_view_popup {
    position:absolute;
    z-index:1000;
    background:#f7f7f8;
    padding:30px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 15px;
    border-radius: 15px;
}
.quick_view_popup.fullscreen {
    position: fixed;
    display: block !important;
    top: 20%;
    left: 50%;
}
.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    z-index: 2000;
}
.modal-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 999;
    display: none;
}
.quick-view-modal {
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    background: #f7f7f8;
    padding: 30px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 15px;
    border-radius: 15px;
    max-width: 90%;
    max-height: 80%;
    overflow-y: auto;
    z-index: 1000;
    display: none;
}
.quick-view-modal .close-btn {
    position: absolute;
    top: 10px; right: 15px;
    font-size: 1.5rem;
    cursor: pointer;
}
.language-icon .elementor-button-text-content-wrapper {
    display: none;
}
body.modal-open::before {
    content: '';
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 998;
}
.quick_view_popup {
    display: none;
}

.quick_view_popup.modal {
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    max-width: 90%;
    max-height: 80%;
    overflow-y: auto;
}
.quick_view_popup .close-btn {
    position: absolute;
    top: 10px; right: 15px;
    font-size: 1.5rem;
    cursor: pointer;
}

/* Producers page */
.list-text-icon {
    display: flex;
    align-items: flex-start;
}
.list-text-icon p {
    margin: auto;
    display: inline-block;
}
.award-icon {
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-right: 10px;
}
.block-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}
.producer-collection-slider {
    margin-bottom: 30px;
}
.producer-awards-block-wrapper .list-title {
    font-size: 20px;
    margin-bottom: 10px;
    display: inline-block;
}

.burger-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 3px);
    background: #fff;
    min-width: 120px;
    z-index: 100;
    right: -15px;
    background-color: #f7f7f8;
    border-radius: 0 0 10px 10px;
}
.burger-tab::before {
    position: absolute;
    content: '';
    width: 2px;
    height: 22px;
    left: 0;
    top: 12px;
    background-color: #c6c6c6;
    display: block;
}
.tab.burger-tab {
    padding: 10px 0 10px 15px;
    margin: 0 15px 0 0;
}
.burger-tab:hover .burger-dropdown {
    display: block;
}
.burger-dropdown .burger-tab-item {
    padding: 10px;
    cursor: pointer;
    white-space: nowrap;
}
.burger-dropdown .burger-tab-item:hover {
    background: #eee;
}
.burger-tab {
    position: relative;
}
.burger-tab b {
    font-weight: 400;
}
.burger-tab span {
    padding-left: 10px;
    font-weight: 800;
}
.burger-tab-item.active {
    font-weight: 700;
}

.tabs {
    display: flex;
    justify-content: space-around;
    border-bottom: solid 1px #c6c6c6;
    margin-bottom: 50px;
}
.tabs.centered {
    justify-content: center;
}
.tab {
    border-bottom: solid 3px #fff;
    padding: 10px 0;
    margin: 0 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tab.active {
    border-bottom: solid 3px #000;
    font-weight: 600;
}
.tab-content {
    display: none;
}
.tab-text-content .jwplayer {
    margin-bottom: 10px;
}
.tab-content-block:not(.tab-list-content) li, .li-squares li {
    position: relative;
}
.tab-content-block:not(.tab-list-content) li:before, .li-squares li:before {
    content: '';
    position: absolute;
    top: 11px;
    left: -15px;
    width: 5px;
    height: 5px;
    background-color: #eb003b;
}
.tab-content-block:not(.tab-list-content) li::marker {
    color: transparent;
}
.tab-content.active {
    display: block;
}
.tab-text-content, .tab-video-content {
    max-width: 760px;
    margin: 0 auto;
}
.tab-content-block {
    margin-bottom: 30px;
}
.tab-content-block.media-text-block {
    display: flex;
    max-width: 100%;
}
.tab-content-block.media-text-block.reverse {
    flex-direction: row-reverse;
}
.tab-content-block.media-text-block .part-block {
    width: 50%;
    margin-right: 20px;
}
.tab-content-block .text-for-media {
    width: 50%;
    margin-left: 20px;
    padding-top: 15px;
}
.tab-content-block.media-text-block.reverse .part-block {
    width: 50%;
    margin-left: 20px;
}
.tab-content-block.reverse .text-for-media {
    padding-top: 15px;
    width: 50%;
    margin-right: 20px;
}
.tab-list-content .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.list-item {
    width: 48%;
    margin-bottom: 15px;
    position: relative;
}
.producer-awards-block-wrapper .list, .squared-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.list-item::marker {
    /* content: none;
    color: transparent;
    font-size: 0; */
}
/*::marker{color:transparent !important;}*/
ul, .list, .list-item {
    /* list-style: none !important; */
    /* list-style-type: none !important; */
}
.list-title img {
    width: 40px;
}
.tab-list-content .list-title {
    font-size: 20px;
    margin-bottom: 30px;
    display: inline-block;
}
.item-mark {
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: #eb003b;
    left: -20px;
    top: 10px;
}
.tab-list-content .numeric-mark {
    position: absolute;
    left: -45px;
    top: 0;
    width: 30px;
    height: 30px;
    border: solid 1px #7f807f;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
}
.tab-list-content .list.more-space {
    padding-left: 3rem;
}
.person-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.person {
    display: flex;
    align-items: center;
    width: 47%;
    margin-bottom: 50px;
}
.person-image {
    margin-right: 20px;
}
.person-image img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 50%;
}
.person-description {
    flex: 1;
}
.person-description span {
    margin-bottom: 6px;
    display: inline-block;
    font-size: 18px;
}
.person-description p {
    font-size: 14px;
    line-height: normal;
}
.tab-founder-content .list-title {
    font-size: 22px;
    margin-bottom: 30px;
    display: inline-block;
}

.circle {
    background-color: rgb(255 255 255 / 20%);
}

.producer-logo {
    display: flex;
    flex-direction: row-reverse;
}
.producer-logo .elementor-widget-container {
    width: 115px;
}
.top-section-content {
    margin-top: -30px;
}
.top-section-content p {
    margin: 0;
}
.top-section-content b {
    font-size: 18px;
}
span.location {
    display: inline-block;
    margin: 8px 0 8px 5px;
    font-weight: 700;
}

.image-block img {
    width: 100%;
    aspect-ratio: 1 / 0.8;
    object-fit: cover;
    max-height: 370px;
}

.collection-slide {
    /* max-width: 130px; */
    margin: 0 15px;
}
.collection-slide p {
    font-size: 12px;
    color: #9f9fa5;
    margin-top: 5px;
}
.collection-slide img {
    width: 100%;
    height: 190px;
    object-fit: cover;
    margin-bottom: 10px;
    border: 1px solid #e6e6e6;
}
.producer-cocktails-slider .collection-slide img {
    height: 160px;
}
.collection-slide span {
    font-size: 14px;
    color: #000;
    font-weight: 700;
}
.slick-prev, .slick-next {
    position: absolute;
    top: calc(50% - 12%);
    transform: translateY(-50%);
    z-index: 8;
    cursor: pointer;
    background-color: #fff !important;
    border-radius: 40px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border: 1px solid #00000029 !important;
}
.slick-prev {
    left: -8px;
}
.slick-next {
    right: -8px;
}
.slick-prev::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: url("../assets/images/right-chevron-svgrepo-com.webp") no-repeat center center;
    background-size: contain;
    transform: rotate(180deg);
}
.slick-next::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: url("../assets/images/right-chevron-svgrepo-com.webp") no-repeat center center;
    background-size: contain;
}
/* Best Collections */
.cocktail-item.hidden { display: none; }
.cocktails_list_block .load-more, .cocktails_list_block .load-more:hover,
.cocktails_list_block .load-more:focus, .cocktails_list_block .load-more:active {
    display: inline-block;
    margin: 10px 0;
    padding: 8px 16px;
    cursor: pointer;
    border: none;
    background: none;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    outline: none;
}
.load-more:hover { opacity: .9; }
.load-more-wrapper {
    display: flex;
    justify-content: center;
}

/* Styles from Elementor */
/* Recipe, share btn */
.share-btn {
    cursor: pointer;
}
.tooltip:before {
    content: '';
    position: absolute;
    top: -13px;
    width: 100%;
    height: 12px;
}
.tooltip {
    position: absolute;
    left: calc(-50% - 15px);
    border: 1px solid #e2e2e2;
    top: 50px;
    width: auto !important;
    border-radius: 15px;

    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition:
            opacity 0.3s ease,
            transform 0.3s ease,
            visibility 0.3s;
    pointer-events: none;
}
.share-btn:hover .tooltip,
.share-btn .tooltip:hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}
.social-icons {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
.social-icons a {
    text-decoration: none;
    color: #333;
}
.share-btn .social-icons i {
    font-size: 22px !important;
}
.share-btn .social-icons div {
    margin: 0 !important;
}
.social-icons.social-icons-import {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}
.share-btn .tippy-content {
    padding: 0 !important;
}
.social-icons-import .elementor-share-btn__icon svg {
    width: 24px;
    height: 24px;
}

/* wp recipe highlight */
@media (max-width: 767px) {
    selector .wprm-recipe-video-container {margin-bottom: 20px!important;}
}
selector h1, selector h2, selector h3, selector h4, selector h5, selector h6 {margin-top:40px!important;}

selector a {text-decoration: underline;}

selector .wprm-recipe-name a {
    color: #52525c;
    text-decoration: none !important;
}

selector .wprm-recipe-container {
    padding: 0 ;
    border-radius: 16px;
    margin: 30px 0 30px 0;
}

selector .wprm-recipe-notes {margin-top: 20px;padding: 0 40px 40px ;
    border: #E2E2E2 solid 1px;
    border-radius: 16px;}

selector .wprm-recipe-notes h1, selector .wprm-recipe-notes h2, selector .wprm-recipe-notes h3, selector .wprm-recipe-notes h4, selector .wprm-recipe-notes h5, selector .wprm-recipe-notes h6 {font-size: 18px!important; font-weight: 600!important;}

selector .wprm-decoration-line {border-color:transparent!important;}

selector .wprm-recipe-jump-video{
    display: none;
}

selector .wprm-recipe-rating + .wprm-spacer{
    display: none !important;
}

/* Tech and Tips */
#jumpMenu {
    transform: translate3d(-163.5px, 47.5px, 0px) !important;
    inset: 0px auto auto 0px !important;
}
.filter-input {
    font-size: 14px !important;
    -webkit-text-size-adjust: 100% !important;
}
.page-template-tips-tech-filter {
    transform: none !important;
    zoom: 1 !important;
}

@media screen and (max-width: 1260px) {
    .quick-view-modal {
        width: 90%;
    }
    .recipe-meta-info {
        gap: 1em;
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 992px) {
    .language-icon {
        display: block !important;
    }
    .language-icon .elementor-button-text {
        display: none;
    }
}
@media screen and (max-width: 962px) {
    .collection-slide {
        margin: 0 30px;
    }
    .tabs {
        overflow-x: auto;
        white-space: nowrap;
        justify-content: normal;
    }
    .burger-tab {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .cocktail-item {
        width: 100%;
        padding: 0;
    }
    .cocktails_items {
        display: block;
    }
    .cocktail-image {
        height: 170px;
    }
    .tooltip {
        left: 0;
        z-index: 2000 !important;
        background-color: #fff;
    }
    h1.elementor-heading-title {
        font-size: 26px !important;
    }
    .main-media-block {
        padding: 0 10px;
    }
    .main-media-block img {
        max-height: 300px;
    }
    .circle-container {
        height: 150px;
    }
    .under-bubbles {
        margin-top: -115px;
    }
    .collection-slide {
        margin: 0 15px;
    }
    .person {
        width: 100%;
        margin-bottom: 15px;
    }
    .mobile-title-elementor {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        margin-bottom: 25px;
        margin-right: 20px;
    }
    .mobile-title-elementor > .e-flex {
        justify-content: space-between;
        align-items: center;
    }
    .mobile-title-elementor > .e-flex > div:not(.elementor-widget-theme-post-title) {
        margin: 0;
    }
    .mobile-title-elementor-container {
        margin: 0;
    }
    .producer-logo {
        margin: 0 0 20px 0 !important;
    }
}
@media screen and (max-width: 664px) {
    .tab-content-block.media-text-block {
        flex-direction: column;
    }
    .tab-content-block.media-text-block.reverse {
        flex-direction: column;
    }
    .tab-content-block.media-text-block .part-block, .tab-content-block.media-text-block.reverse .part-block {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    .tab-content-block .text-for-media, .tab-content-block.reverse .text-for-media {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .list-item {
        width: 100%;
    }
}
@media screen and (min-width: 532px) {
    .login-register {
        width: 390px !important;
    }
}
picture.author-avatar img {
    height: 45px !important;
    border-radius: 50% !important;
    width: 45px !important;
}

/*
	Theme Name: DrinksWorld Theme
	Theme URI: https://drinksworld.com
	Description: DrinksWorld Theme for Elementor with custom styles.
	Author: New Spirit Studio
	Author URI: https://newspirit.studio
	Version: 3.0.2
	License: GNU General Public License v3 or later.
	Text Domain: hello-elementor
*/

/* Reset and Basic Styling */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

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

body {
  margin: 0;
  font-family: -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";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333333;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  margin-block-start: 0.5rem;
  margin-block-end: 1rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

p {
  margin-block-start: 0;
  margin-block-end: 0.9rem;
}

/* Grouping content */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
  white-space: pre-wrap;
}

/* Text-level semantics */
a {
  background-color: transparent;
  text-decoration: none;
  color: #CC3366;
}

a:hover, a:active {
  color: #333366;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

abbr[title] {
  border-block-end: none;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small { font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub { bottom: -0.25em; }
sup { top: -0.5em; }

img {
  border-style: none;
  height: auto;
  max-width: 100%;
}

/* Interactive */
details { display: block; }
summary { display: list-item; }

figcaption {
  font-size: 16px;
  color: #333333;
  line-height: 1.4;
  font-style: italic;
  font-weight: 400;
}

/* Misc */
template, [hidden] { display: none; }

/* Print styles */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  pre { white-space: pre-wrap !important; }
  pre, blockquote { break-inside: avoid; border: 1px solid #cccccc; }
  thead { display: table-header-group; }
  tr, img { break-inside: avoid; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { break-after: avoid; }
}

/* Forms */
label {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
}

input[type=text],
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=url],
select,
textarea {
  width: 100%;
  border: solid 1px #666666;
  border-radius: 3px;
  padding: 0.5rem 1rem;
  transition: all 0.3s;
}

input[type=text]:focus,
input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
  border-color: #333333;
}

button, input { overflow: visible; }
button, select { text-transform: none; }

button,
[type=button],
[type=reset],
[type=submit] {
  width: auto;
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

button,
[type=submit],
[type=button] {
  display: inline-block;
  font-weight: 400;
  color: #CC3366;
  text-align: center;
  white-space: nowrap;
  user-select: none;
  background-color: transparent;
  border: 1px solid #CC3366;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 3px;
  transition: all 0.3s;
}

button:focus,
[type=submit]:focus,
[type=button]:focus {
  outline: 5px auto -webkit-focus-ring-color;
}

button:hover, button:focus,
[type=submit]:hover,
[type=submit]:focus,
[type=button]:hover,
[type=button]:focus {
  color: #ffffff;
  background-color: #CC3366;
  text-decoration: none;
}

button:not(:disabled),
[type=submit]:not(:disabled),
[type=button]:not(:disabled) {
  cursor: pointer;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
  resize: vertical;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

select {
  display: block;
}

/* Tables */
table {
  background-color: transparent;
  width: 100%;
  margin-block-end: 15px;
  font-size: 0.9em;
  border-spacing: 0;
  border-collapse: collapse;
}

table th,
table td {
  padding: 15px;
  line-height: 1.5;
  vertical-align: top;
  border: 1px solid rgba(128, 128, 128, 0.5019607843);
}

table th { font-weight: bold; }

table thead th,
table tfoot th {
  font-size: 1em;
}

table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  border-block-start: 1px solid rgba(128, 128, 128, 0.5019607843);
}

table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
  background-color: rgba(128, 128, 128, 0.0705882353);
}

table tbody tr:hover > td,
table tbody tr:hover > th {
  background-color: rgba(128, 128, 128, 0.1019607843);
}

table tbody + tbody {
  border-block-start: 2px solid rgba(128, 128, 128, 0.5019607843);
}

@media (max-width: 767px) {
  table table {
    font-size: 0.8em;
  }
  table table th,
  table table td {
    padding: 7px;
    line-height: 1.3;
  }
  table table th {
    font-weight: 400;
  }
}

/* Lists */
dl,
dt,
dd,
ol,
ul,
li {
  margin-block-start: 0;
  margin-block-end: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

::marker {
    color: var(--e-global-color-accent);
}

/* Custom Styles for Drinks World */
figure {
  margin: 0 !important;
}

.elementor-24 .elementor-element.elementor-element-18502b4 .elementor-icon {
  border: 1px solid #D3D3D6 !important;
}

.otgs-development-site-front-end {
  display: none !important;
}

.progress-wrap {
  border-radius: 10px !important;
}

.um-meta-text, .um-profile-nav {
  display: none !important;
}

img._mi._before._svg {
  width: 1em !important;
}

.um input[type=submit] {
  background: #FF3366 !important;
}

/* Favourite Button */
button.simplefavorite-button,
button.simplefavorite-button:hover {
  font-size: 15px;
  fill: var(--e-global-color-43abb50) !important;
  color: #252525 !important;
  background-color: #FFFFFF !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-color: #E2E2E2 !important;
  border-radius: 8px !important;
  padding: 11px !important;
}

button.simplefavorite-button {
    background-color: #ccc;
    width: 30px;
    text-align: center !important;
}

button.simplefavorite-button .elementor-button-icon {
  margin-right: 12px;
}

.simplefavorite-button.active {
  background-color: #fff8ec !important;
}

/* Favorite list */
.favorites-list {
  list-style: none;
  display: flex;
  justify-content: initial;
  padding-left: calc(30px / 2);
  padding-right: calc(30px / 2);
  flex-wrap: wrap;
}

.favorites-list li {
  padding-left: calc(30px / 2);
  padding-right: calc(30px / 2);
  padding-top: calc(40px / 2);
  padding-bottom: calc(40px / 2);
  width: 150px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3em;
  text-align: left;
  cursor: pointer;
}

.favorites-list li {
  border-top: 0 !important;
}

.favorites-list li img {
  border-radius: 16px;
  display: block;
  object-fit: cover;
  width: 115px !important;
  height: 115px !important;
  margin-bottom: 10px;
}

/* Comments */
#reply-title {
  display: none !important;
}

#comments .comment .comment-body,
#comments .pingback .comment-body {
  border-bottom: 0 !important;
  padding-block-end: 0px !important;
}

.comment-form-comment label,
.form-submit {
  display: none !important;
}

/* Footer icons */
footer img._mi._before._svg {
  filter: invert(27%) sepia(1%) saturate(5126%) hue-rotate(205deg) brightness(116%) contrast(97%);
}

/* Menu */
.elementor-nav-menu .sub-arrow {
  padding: 10px 0 10px 5px !important;
}

#menu-2-abfc635 {
  padding: 10px;
}

#menu-2-abfc635 .menu-item a {
  color: black;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 8px;
}

#menu-2-abfc635 .menu-item a:hover {
  background-color: var(--e-global-color-d4b7983);
  transition: 0.4s;
}

/* Share Buttons */
.elementor-share-buttons--color-custom.elementor-share-buttons--skin-framed .elementor-share-btn,
.elementor-share-buttons--color-custom.elementor-share-buttons--skin-minimal .elementor-share-btn {
  border-color: #E2E2E2 !important;
}

/* Recipe Styling */
.underline {
  border-bottom: 1px solid #E2E2E2 !important;
  font-weight: bold !important;
}

.wprm-recipe-ingredient::marker {
  color: #FF3366 !important;
  width: 1.5em !important;
}

li.wprm-recipe-ingredient {
  margin: 0 !important;
  margin-bottom: 12px !important;
}

ul.wprm-advanced-list li:before {
  font-weight: normal !important;
  border-radius: 30% !important;
  margin-right: 15px !important;
  margin-top: -3px !important;
}

.wprm-recipe-details-container-table {
  margin: 30px 0 0 0 !important;
}

span.wprm-recipe-icon.wprm-recipe-time-icon.wprm-recipe-prep-time-icon {
  margin-bottom: 15px !important;
}

.wprm-recipe-icon svg {
  width: 1.8em !important;
  height: 1.8em !important;
}

.wprm-recipe-instructions-container .wprm-recipe-instruction-media {
  margin: 5px 0 25px 15px !important;
}

.wprm-recipe-instructions-container img {
  width: 100% !important;
}

.elementor video {
  border-radius: 12px !important;
}

/* Stars Recipe */
.wprm-rating-star {
  font-weight: 600 !important;
}

#rating #wprm-recipe-user-rating-1 .wprm-rating-star.wprm-rating-star-full svg * {
  fill-opacity: 1 !important;
  fill: #f0ad4e !important;
  stroke: #f0ad4e !important;
}

#rating #wprm-recipe-user-rating-1.wprm-user-rating-allowed.wprm-user-rating-not-voted:not(.wprm-user-rating-voting) svg * {
  stroke: #f0ad4e !important;
}

.wprm-rating-star-empty svg polygon {
  stroke: #f0ad4e;
}

.wprm-rating-star-selecting-filled * {
  fill-opacity: 0.5 !important;
  fill: #f0ad4e !important;
}

#rating .wprm-user-star-selecting-filled svg * {
  fill-opacity: 1 !important;
  fill: #f0ad4e !important;
}

#rating .wprm-recipe-rating svg {
  vertical-align: middle !important;
  height: 60px;
  background-color: #f7f7f8;
  margin-right: 20px !important;
  padding: 15px !important;
  width: 60px;
  border-radius: 150px;
  stroke: #F7F7F8 !important;
  margin-left: 20px;
}

@media (max-width: 766px) {
  #rating .wprm-recipe-rating svg {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  div#wprm-recipe-user-rating-1 {
    justify-content: left;	 
  }
  .wprm-recipe-rating {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
  }
}

.wprm-recipe-template-ratings {
  text-align: left !important;
}

.wprm-recipe-rating .wprm-recipe-rating-details {
  font-size: inherit !important;
}

.wprm-recipe-rating-details.wprm-block-text-normal {
  font-weight: bold;
}

/* Search Popup */
.elementor-popup-modal .dialog-message {
  overflow: visible !important;
}

button.cmplz-btn.cmplz-accept {
  font-weight: 700 !important;
}

.elementor-search-form--skin-minimal:focus-within {
  outline-width: 0 !important;
}

/* Newsletter Subscribe Button Container */
.elementor-210 .elementor-element.elementor-element-50e0fbc .elementor-field-group {
  margin-bottom: -1px;
}

/* Timeline */
.timeline,
.timeline-item,
.timeline-item .timeline-content {
  position: relative;
}

.timeline {
  width: 100%;
  padding: 20px 0;
  list-style: none;
}

.timeline-item {
  display: flex;
  justify-content: flex-start;
  margin-top: -100px;
}

.timeline-item:first-child {
  margin-top: 0 !important;
}

.timeline-item.right {
  justify-content: flex-end;
}

.timeline-item .timeline-number {
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 50px;
  border-radius: 10px;
  background-color: #f7f7f8;
  color: #1c1c23;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  z-index: 1;
}

.timeline-item .horizontal-line {
  position: absolute;
  height: 2px;
  width: 70px;
  top: 105px;
  background-color: #1c1c23;
  z-index: 0;
}

.timeline-item.left .horizontal-line {
  left: 50%;
  transform: translateX(-100%);
}

.timeline-item.right .horizontal-line {
  right: 50%;
  transform: translateX(100%);
}

.timeline-item img {
  height: 180px !important;
  object-fit: cover;
  display: block;
  margin-bottom: 10px;
  max-width: 350px;
}

@media screen and (max-width: 768px) {
  .wprm-recipe-instruction-group {
    padding-inline-start: 16px;
  }
  .timeline::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #000;
    z-index: 0;
  }
  .timeline-item {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    text-align: left;
    margin-top: 0 !important;
    margin-bottom: 20px;
    justify-content: flex-start !important;
  }
  .timeline-item .timeline-number {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(60px);
    width: 30px;
    height: 30px;
    border-radius: 6px;
    background-color: #f7f7f8;
    color: #1c1c23;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    z-index: 2;
  }
  .timeline-item .horizontal-line {
    display: none;
  }
  .timeline-item .timeline-content {
    padding-left: 50px;
  }
  .timeline-item img {
    max-width: 100% !important;
    height: auto;
    display: block;
  }
}

.timeline-content p {
  max-width: 350px;
}

/* Accordion */
.accordion {
  overflow: hidden;
  border-radius: 12px;
}

.accordion-item {
  margin-bottom: 0;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
}

.accordion-item:last-child {
  border-bottom: none;
}

.accordion-title {
  background-color: #f8f8f8;
  padding: 10px 20px;
  cursor: pointer;
  font-weight: 600;
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f8f8f8;
  font-weight: 300;
  padding-left: 20px;
}

.active .accordion-content {
  max-height: 200px;
  background-color: #f8f8f8;
  font-weight: 300;
  padding: 10px 20px 40px;
}

.accordion-content.active {
  padding: 10px;
}

/* Icons */
.icon-course {
  width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  object-fit: fill;
  border-radius: 0 !important;
}

/* Admin Bar */
#wp-toolbar li#wp-admin-bar-elementor_notes,
#wp-toolbar li#wp-admin-bar-wp-adminify-settings,
#wp-toolbar li#wp-admin-bar-simpay-admin-bar-test-mode {
  display: none;
}

/* JW Player */
button.jw-reset-text {
  background-color: transparent !important;
  border-style: none;
  border-radius: 0 !important;
}

/* Simple Pay */
.simpay-checkbox-label.simpay-label-wrap {
  display: block !important;
}

.simpay-checkbox {
  margin-right: 10px !important;
}

/* Circles */
.circle-container {
  position: relative;
  width: 100%;
  height: 190px;
  overflow: hidden;
}

.circle {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  pointer-events: none;
  animation: moveUp 10s linear infinite;
}

@keyframes moveUp {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    opacity: 0;
  }
}

@media (max-width: 767px) {
  .circle-container {
    height: 100px;
  }
}

@media (max-width: 425px) {
  .cmplz-cookiebanner .cmplz-message {
      overflow: scroll !important;
      height: 80px !important;
  }
}