body {
  background-color: #000;
}

/* our story */
.page .main-page-wrapper {
  background-image: none !important;
}

.our_branch_container .elementor-image-box-content {
  padding: 0px 20px 20px 20px;
}

.our_branch_image img {
  width: 100% !important;
}

.story_haupttonart p,
.out_branch_text p,
.text_color p {
  color: #777 !important;
}

.elementor-15664
  .elementor-element.elementor-element-e32cddc
  > .elementor-widget-container {
  display: flex;
}

ul.ctl-navigation-items:before {
  content: "Jump to";
  color: #f26a45;
  font-family: Jost;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  bottom: 10px;
  /* position: relative; */
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
}

.ctl-vertical-wrapper .ctl-navigation-bar {
  height: 40vh !important;
}

.ctl-vertical-wrapper .ctl-navigation-items li:before {
  background-color: #e4e4e4 !important;
}

.ctl-vertical-wrapper .ctl-navigation-items li {
  border-left: 4px solid var(--Light-Grey, #e4e4e4) !important;
}

.ctl-vertical-wrapper .ctl-navigation-items li a{
  font-size: 18px !important;
}

.ctl-vertical-wrapper .ctl-navigation-items li a:hover {
  color: #f26a45;
}

.ctl-vertical-wrapper .ctl-navigation-items li a:after {
  background-color: #e4e4e4 !important;
}

.single-post h3.entry-title.title {
  margin-bottom: 54px;
}

/* contact us */
.contactus_form {
  font-family: Jost;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: #e4e4e4;
}

.ask_button input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-color-black {
  background-color: #f26a45;
  color: #ffffff;
}

.contact_form .wpforms-submit-container {
  text-align: center;
}

.contact_form button#wpforms-submit-16560 {
  border-radius: 1px;
  background: #f26a45;
  color: #fff;
  text-align: center;
  font-family: Jost;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  width: 263px;
  height: 55px;
  flex-shrink: 0;
}

.contact_form label.wpforms-field-label {
  color: #242424;

  /* Body Text 2 */
  font-family: Jost;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

/* page title background-overlay */
.page-title-default {
  background-blend-mode: soft-light;
  opacity: 0.9;
}

/* Artist page image zoomin animation */
.elementor-15662
  .elementor-element.elementor-element-1364501
  .elementor-image-box-wrapper
  .elementor-image-box-img {
  overflow: hidden;
}

.artist_cards figure.elementor-image-box-img:after {
  content: "Singer";
  z-index: 1 !important;
  position: relative;
  background-color: red;
  padding: 5px 20px 5px 20px;
  color: white;
  top: -10px !important;
}

.elementor-column.elementor-col-33.elementor-top-column.elementor-element.elementor-element-2d16bc2.artist_slider {
  height: 400px !important;
}

/* Player Section */
.singer_img {
  overflow: hidden;
}

/* Our Gallary */
.gallary_pagination .swiper-pagination {
  position: relative !important;
  padding-top: 30px;
}

/* Blog Page */
.article-body-container .meta-categories-wrapp .meta-post-categories a {
  vertical-align: middle;
  margin-bottom: 3px;
  font-size: 14px !important;
}

.article-body-container .meta-categories-wrapp .wd-style-with-bg {
  background-color: #f26a45;
  width: 153px !important;
  height: 26px !important;
}

.blog-design-masonry.has-post-thumbnail .post-date {
  top: 15px !important;
  left: 15px !important;
  width: 53px;
  height: 57px;
  flex-shrink: 0;
}

/* .article-inner .wd-post-date.wd-style-with-bg{
  top: 15px !important;
  left: 15px !important;
} */

.article-body-container .read-more-section a {
  color: #f26a45;
}

.article-body-container .wd-entities-title a {
  color: #272727;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Playfair Display;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.article-body-container .entry-content.wd-entry-content {
  color: #909090;
  text-align: center;
  font-family: Jost;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* padding-left: 40px;
  padding-right: 40px; */
  display: -webkit-box;
  -webkit-line-clamp: 4;
  /* Number of lines to display */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.wd-single-footer {
  display: none !important;
}

.wd-spacing-30 {
  --wd-sp: 43px !important;
}

body.blog.theme-Haupttonart.woocommerce-js.wrapper-full-width.categories-accordion-on.woodmart-archive-blog.woodmart-ajax-shop-on.offcanvas-sidebar-mobile.offcanvas-sidebar-tablet.wd-header-overlap.dropdowns-color-light.elementor-default.elementor-kit-7.e--ua-blink.e--ua-chrome.e--ua-webkit
  div#\36
  5c352f798bc1 {
  margin-top: 60px;
}

.wd-loop-footer.blog-footer nav.wd-pagination {
  margin-top: 100px;
  margin-bottom: 100px;
}

.wd-prefooter {
  padding-bottom: 0px !important;
}

.article-body-container .entry-content.wd-entry-content p {
  color: #909090;
  text-align: center;
  font-family: Jost;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.article-body-container .read-more-section a {
  color: #f26a45;
  font-family: Jost;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.wd-blog-holder.blog-pagination-pagination
  .article-inner
  .article-body-container {
  border: 1px solid #a5a5a5;
  background: #fff;
}

/* .blog-post-loop .entry-thumbnail {
    width: 100%;
    overflow: hidden;
    border-radius: var(--wd-brd-radius);
    height: 137px;
}

.blog-post-loop .entry-thumbnail img {
    width: 100%;
    border-radius: var(--wd-brd-radius);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 40% 10%;
} */

/* Comment */
.article-body-container .wd-entry-meta .meta-reply {
  display: none !important;
}

/* Social share */
.article-body-container .hovered-social-icons.wd-tltp.wd-tltp-top {
  display: none;
}

/* User Icon */
.wd-entry-meta .entry-meta-list .meta-author img.avatar.avatar-32.photo {
  display: none;
}

/* Blog Detail */
.article-inner .meta-post-categories.wd-post-cat.wd-style-with-bg {
  width: 189px;
  height: 29px;
  background-color: #f26a45;
}

.article-inner .meta-post-categories.wd-post-cat.wd-style-with-bg a {
  font-weight: 500;
  vertical-align: middle;
}

/* Side bar Category */
.widget_product_categories .product-categories .cat-item a {
  color: #333;
  font-family: Jost;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.post-single-page.has-post-thumbnail .article-inner > .entry-header {
  display: none;
}

.widget-area {
  border-left: 1px solid #bfbfbf;
  padding-left: 50px;
  margin-left: 20px;
}

/* .article-body-container .entry-meta .entry-meta-list .meta-author:before {
  content: "Posted";
  color: #9f9f9f;
  font-family: Jost;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
} */

/* Author font */
.entry-meta .entry-meta-list .meta-author span.vcard.author.author_name {
  color: #9f9f9f;
  font-family: Jost;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

/* Pagination */
nav[class*="-pagination"] li .current {
  background-color: #f26b46 !important;
}

/* Blog Post Date */
.article-inner .entry-header .post-date span.post-date-day {
  color: #242424;
  font-family: Playfair Display;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.article-inner .entry-header .post-date span.post-date-month {
  color: #000;
  font-family: Jost;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.wd-blog-holder.blog-pagination-pagination
  .article-inner
  .article-body-container {
  border: 1px solid #a5a5a5;
  background: #fff;
  /* padding-left: 50px;
  padding-right: 50px; */
}

.blog-post-loop .entry-thumbnail img {
  width: 100%;
  border-radius: var(--wd-brd-radius);
  width: 100%;
  border-radius: var(--wd-brd-radius);
  height: 137px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 40% 10%;
}

.post-img-wrapp a {
  display: block;
  margin: -2px;
  transition: transform 0.7s ease, opacity 0.7s ease;
  transform: scale(1);
  height: 137px;
}

/* contact form button */
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-color-black:hover {
  background-color: transparent;
  color: #f26a45;
  border: 1px solid #f26a45;
}

.contact_form button#wpforms-submit-16560:hover {
  background-color: transparent;
  color: #f26a45;
  border: 1px solid #f26a45;
}

.contact_form button#wpforms-submit-16560:after {
  border: none;
}

.contact_form .wpforms-container input[type="date"],
.wpforms-container input[type="datetime"],
.wpforms-container input[type="datetime-local"],
.wpforms-container input[type="email"],
.wpforms-container input[type="month"],
.wpforms-container input[type="number"],
.wpforms-container input[type="password"],
.wpforms-container input[type="range"],
.wpforms-container input[type="search"],
.wpforms-container input[type="tel"],
.wpforms-container input[type="text"],
.wpforms-container input[type="time"],
.wpforms-container input[type="url"],
.wpforms-container input[type="week"],
.wpforms-container select,
.wpforms-container textarea:focus {
  border: 1px solid #00000040 !important;
  box-shadow: none !important;
}

/* New page hover effect none */
.post-image-mask:after,
.post-image-mask:before,
.post-image-mask span {
  display: none !important;
}

.post-img-wrapp a:after {
  background-color: rgb(0 0 0 / 0%) !important;
}

.wd-entry-meta .meta-author a {
  text-transform: unset !important;
  color: #9f9f9f;
  font-family: Jost;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.entry-meta-list li a:hover {
  color: #9f9f9f !important;
}

/* Term & Conditions */
.terms_conditions p {
  color: #777 !important;
}

/* Privacy Policy */
.privacy_policy p {
  color: var(--Body-Text-Color, #777);
  font-family: Jost;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

/* Timelime */
div#ctl-story-16917 {
  margin-top: -110px;
  margin-right: -30px;
}

div#ctl-story-16916 {
  margin-top: -130px;
  margin-left: -30px;
}

div#ctl-story-16860 {
  margin-top: -110px;
  margin-right: -30px;
}

div#ctl-story-17161,
div#ctl-story-17165,
div#ctl-story-17172,
div#ctl-story-17184,
div#ctl-story-17191,
div#ctl-story-17195,
div#ctl-story-17200,
div#ctl-story-17204,
div#ctl-story-17206,
div#ctl-story-17207,
div#ctl-story-17212,
div#ctl-story-17216,
div#ctl-story-17220,
div#ctl-story-17225,
div#ctl-story-17260,
div#ctl-story-17273,
div#ctl-story-17281,
div#ctl-story-18050 {
  margin-top: -130px;
  margin-left: -30px;
}

div#ctl-story-17163,
div#ctl-story-17167,
div#ctl-story-17182,
div#ctl-story-17186,
div#ctl-story-17193,
div#ctl-story-17197,
div#ctl-story-17202,
div#ctl-story-17210,
div#ctl-story-17214,
div#ctl-story-17218,
div#ctl-story-17222,
div#ctl-story-17258,
div#ctl-story-17268,
div#ctl-story-17277,
div#ctl-story-18048 {
  margin-top: -110px;
  margin-right: -30px;
}

div#ctl-story-17206 {
  margin-right: -30px;
}

.page-id-17766 .main-page-wrapper .container {
  max-width: 1920px;
}

.featured_slider button.slide-arrow.prev-arrow.slick-arrow svg path,
button.slide-arrow.next-arrow.slick-arrow svg path {
  fill: #e4e4e4;
}

@media only screen and (max-width: 600px) {
  div#ctl-story-16917 {
    margin-top: 0px !important;
    margin-right: 0px !important;
  }

  div#ctl-story-16916 {
    margin-top: 0px !important;
    margin-left: 0px !important;
  }

  div#ctl-story-16860 {
    margin-top: 0px !important;
    margin-right: 0px !important;
  }

  div#ctl-story-17161,
  div#ctl-story-17165,
  div#ctl-story-17172,
  div#ctl-story-17184,
  div#ctl-story-17191,
  div#ctl-story-17195,
  div#ctl-story-17200,
  div#ctl-story-17204,
  div#ctl-story-17206,
  div#ctl-story-17207,
  div#ctl-story-17212,
  div#ctl-story-17216,
  div#ctl-story-17220,
  div#ctl-story-17225,
  div#ctl-story-17260,
  div#ctl-story-17273,
  div#ctl-story-17281,
  div#ctl-story-18050 {
    margin-top: 0px !important;
    margin-left: 0px !important;
  }

  div#ctl-story-17163,
  div#ctl-story-17167,
  div#ctl-story-17182,
  div#ctl-story-17186,
  div#ctl-story-17193,
  div#ctl-story-17197,
  div#ctl-story-17202,
  div#ctl-story-17210,
  div#ctl-story-17214,
  div#ctl-story-17218,
  div#ctl-story-17222,
  div#ctl-story-17258,
  div#ctl-story-17268,
  div#ctl-story-17277,
  div#ctl-story-18048 {
    margin-top: 0px !important;
    margin-right: 0px !important;
  }

  div#ctl-story-17206 {
    margin-right: 0px !important;
  }

  .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-content {
    border-left: 8px solid #ffa38a !important;
    /* border-radius: 0px !important; */
    border-right: 0px !important;
  }

  .ctl-wrapper
    .ctl-vertical-wrapper:not(.ctl-design-3, .light-skin, .ctl-compact-wrapper)
    .ctl-story.even
    .ctl-title {
    border-right: 0px solid #ffa38a !important;
  }

  /* .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-content {
        border-right: none !important;
        border-radius: 0px !important;
    } */

  .ctl-wrapper
    .ctl-vertical-wrapper:not(.ctl-design-6, .ctl-design-4, .ctl-design-5)
    .ctl-arrow,
  .ctl-wrapper
    .ctl-vertical-wrapper:not(.ctl-design-6, .ctl-design-4, .ctl-design-5)
    .ctl-story.ctl-story-left
    .ctl-arrow {
    background: #ffa38a !important;
  }
}

.ctl-vertical-wrapper .ctl-year-label.ctl-year-text {
  box-shadow: 0 0 0 2px #fff, inset 0 0 0 2px rgba(0, 0, 0, 0.05),
    0 0 0 5px #242424 !important;
}

/* .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-content{
    border-right: 16px solid #FFA38A;
} */

.ctl-wrapper .ctl-vertical-wrapper .ctl-arrow {
  background: #ffa38a !important;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-content {
  /* border-right: 16px solid #FFA38A !important; */
  border-radius: 0px !important;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-arrow {
  background-color: #ffa38a !important;
  border-radius: 0px !important;
}

.ctl-wrapper
  .ctl-vertical-wrapper:not(.light-skin, .ctl-compact-wrapper)
  .ctl-story.odd
  .ctl-title {
  border-left: 8px solid #ffa38a;
}

.ctl-wrapper
  .ctl-vertical-wrapper:not(.ctl-design-3, .light-skin, .ctl-compact-wrapper)
  .ctl-story.even
  .ctl-title {
  border-right: 8px solid #ffa38a;
}

.ctl-wrapper .ctl-content {
  /* border-left: 16px solid #FFA38A; */
  border-radius: 0px !important;
  min-height: 94px;
  /* min-height: auto; */
}

.ctl-wrapper
  .ctl-vertical-wrapper:not(.light-skin, .ctl-compact-wrapper)
  .ctl-story.odd
  .ctl-title {
  background: #f26b46 !important;
}

/* timelime card background */
.ctl-wrapper
  .ctl-vertical-wrapper:not(.ctl-design-3, .light-skin, .ctl-compact-wrapper)
  .ctl-story.even
  .ctl-title {
  background: #f26b46 !important;
}

/* .ctl-wrapper
  .ctl-vertical-wrapper:not(.light-skin, .ctl-compact-wrapper)
  .ctl-story.odd
  .ctl-title {
  background: var(--ctw-first-story-color);
  padding: 20px;
} */

.ctl-wrapper .ctl-content .ctl-title a {
  display: none;
}

/* .ctl-wrapper
  .ctl-vertical-wrapper:not(.ctl-design-3, .light-skin, .ctl-compact-wrapper)
  .ctl-story.even
  .ctl-title {
  background: var(--ctw-second-story-color);
  padding: 20px;
} */

/* Timelime Navigation */
.ctl-wrapper
  .ctl-vertical-wrapper:not(.dark-skin)
  .ctl-navigation-items
  li:nth-child(2n + 1):where(.current:after, .current) {
  border-left-color: #f26b46 !important;
}

.ctl-wrapper
  .ctl-vertical-wrapper:not(.dark-skin)
  .ctl-navigation-items
  li:nth-child(2n + 1):where(.current:after, .current) {
  border-right-color: #f26b46 !important;
}

.ctl-vertical-wrapper:not(.dark-skin)
  .ctl-navigation-items
  li:nth-child(2n + 1).current
  a:after {
  background-color: #f26b46 !important;
}

.ctl-vertical-wrapper .ctl-navigation-items li.current:after {
  border-left-color: #f26b46 !important;
}

.ctl-vertical-wrapper .ctl-navigation-items li:nth-child(2n).current a:after {
  background-color: #f26b46 !important;
}

.ctl-wrapper
  .ctl-vertical-wrapper:not(.dark-skin)
  .ctl-navigation-items
  li:nth-child(2n):where(.current:after, .current) {
  border-left-color: #f26b46 !important;
}

/* Timelime arrow */
.ctl-wrapper .ctl-arrow {
  width: 43px !important;
  height: 26px !important;
  z-index: 0 !important;
}

/* Timelime text */
.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(
    .elementor-widget-divider--view-line_icon
  )
  .elementor-divider-separator {
  border-radius: 8px;
}

/* Side bar widget */
.instagram-widget .clear a {
  color: #909090;
  font-family: Jost;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
  display: flex;
}

/* 404 page */
.error404 .page-header:before {
  display: none !important;
}

/* .whb-overcontent .whb-main-header {
    position: relative;
    overflow: hidden; 
    background-image: url(https://devwp.visibleone.io/p217/wp-content/uploads/2023/12/ukulele-guitar-2022-09-16-03-43-03-utc-1.png) !important;
    background-color: #0a0a0a99 !important;
    background-size: cover;
    background-repeat: no-repeat;
    height: 152px;
} */

/* .whb-main-header {
  position: relative;
  overflow: hidden;
  background-image: url(https://devwp.visibleone.io/p217/wp-content/uploads/2023/12/ukulele-guitar-2022-09-16-03-43-03-utc-1.png) !important;
  background-color: #0a0a0a99 !important;
  background-size: cover;
  background-repeat: no-repeat;
  height: 152px;
} */

/* header.whb-header.whb-header_801469.whb-overcontent.whb-sticky-shadow.whb-scroll-slide.whb-sticky-real.whb-sticky-prepared {
    position: relative;
    background-image: url(https://devwp.visibleone.io/p217/wp-content/uploads/2023/12/ukulele-guitar-2022-09-16-03-43-03-utc-1.png) !important;
    background-color: #0a0a0a99 !important;
    background-size: cover;
    background-repeat: no-repeat;
    height: 152px;
} */

/* header.whb-header.whb-header_801469.whb-overcontent.whb-sticky-shadow.whb-scroll-slide.whb-sticky-real.whb-sticky-prepared {
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
} */

/* .whb-overcontent .whb-main-header {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    height: 152px;
} */

/* .whb-sticked .whb-main-header {
    background: none !important;
    height: auto;
} */

/* .whb-sticky-shadow.whb-sticked .whb-main-header {
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    background-image: none !important;
    height: auto;
} */

/* Pseudo-element for the overlay */
/* .whb-overcontent .whb-main-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); 
    z-index: 1; 
} */

/* .row.content-layout-wrapper.align-items-start {
  margin-top: 120px;
} */

/* .row.content-layout-wrapper.align-items-start {
  flex-wrap: nowrap !important;
} */

.\34 04_page {
  display: flex;
  margin-top: 160px;
}

.error404 .page-content p {
  color: #909090;
  text-align: center;
  font-family: Jost;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.page-wrapper .page-content h2 {
  color: #242424;
  text-align: center;
  font-family: Playfair Display;
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

button.\34 04_button {
  width: 303px;
  height: 55px;
  flex-shrink: 0;
  border-radius: 1px;
  background: #f26a45;
  color: #fff;
  text-align: center;
  font-family: Jost;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 50px;
}

button.\34 04_button:hover {
  border-radius: 1px;
  border: 2px solid #f26a45;
  color: #f26a45;
  font-family: Jost;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  background-color: transparent;
}

.error404 .page-content {
  /* text-align: center; */
  width: 70%;
}

.page-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: auto;
}

div.container {
  max-width: auto !important;
}

/* Font */
h4.woodmart-title-container.title.wd-fontsize-l {
  font-size: 22px !important;
}

.artist_category .elementor-widget-container {
  display: flex;
  flex-wrap: wrap;
  /* Allow items to wrap to the next line */
  justify-content: space-between;
  /* Distribute items evenly across the container */
  column-gap: 20px;
}

.artist_category .elementor-widget-container > * {
  flex: 0 0 calc(33.33% - 20px);
  /* Set the initial size for each item (3 items in a row) */
  box-sizing: border-box;
  /* Include padding and border in the calculated width */
}

/* Description of the Player cards */
.artist-desc {
  text-align: center;
  border: 1px solid #a5a5a5;
  background: #fff;
  padding-top: 28px;
  /* padding-bottom: 28px; */
}

.artist-desc h3 {
  color: #272727;
  text-align: center;
  font-family: Playfair Display;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

/* social icon */
.social-wrapper {
  display: flex;
  column-gap: 20px;
  justify-content: center;
}

/* view more button */
.singer-info .btn {
  visibility: hidden;
  background-color: transparent;
  color: #f26a45;
  padding-top: 20px;
}

section.artist-cat {
  margin-bottom: 20px;
}

/* Post Detail Page */
.form-submit input#submit {
  width: 263px;
  height: 55px;
  flex-shrink: 0;
  border-radius: 1px;
  background: #f26a45;
  color: #fff;
  text-align: center;

  /* Button Text */
  font-family: Jost;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}

/* Privacy Policy */
.page-id-3 h1.entry-title.title,
.page-id-16567 h1.entry-title.title {
  margin-bottom: 54px;
  color: #fff;
  text-align: center;

  /* Banner Text */
  font-family: "Playfair Display";
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.form-submit input#submit:hover {
  background-color: transparent;
  border: 1px solid #f26a45;
  color: #f26a45;
}

.out_company_timeline .out_branch_text {
  max-width: 1140px;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.elementor-swiper-button.elementor-swiper-button-prev svg {
  margin-left: -20px;
}

.elementor-swiper-button.elementor-swiper-button-next svg {
  margin-right: -20px;
}

.elementor-15664
  .elementor-element.elementor-element-2dfd0e4
  .swiper-pagination-bullet-active {
  background: url("../images/pagination-active-dot.png") !important;
  background-size: cover !important;
}

.comment-notes span#email-notes,
.comment-notes span.required-field-message {
  color: #9f9f9f;
  font-family: Jost;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.sidebar-container {
  margin-top: 187px;
}

.single-post .site-content {
  margin-top: 40px;
  margin-bottom: 130px;
}

.our_branch_container .e-con-inner {
  justify-content: center !important;
}

/* Artist Page Slider */
div#featured_slider {
  width: 1900px;
  overflow: hidden;
  min-width: 1950px;
  /* margin-left: -200px; */
}

.featured_slider .elementor-widget-container {
  display: flex;
  transition: transform 0.5s ease-in-out;
  column-gap: 20px;
}

section.artist-slider {
  display: flex;
  width: 400%;
  /* 4 cards per slide, adjust as needed */
  box-sizing: border-box;
}

article.artist-post {
  flex: 1;
  min-width: 25%;
  /* 25% to fit 4 cards in one row */
  box-sizing: border-box;
}

/* Artist Category zoom in effect */

.featured_slider .artist-img img {
  /* height: 400px; */
  width: 386px;
  height: 407px;
}

.artist_category .artist-img {
  overflow: hidden;
}

.artist_category img {
  transition: transform 0.3s ease-in-out;
  /* Add a smooth transition */
}

.artist_category img:hover {
  transform: scale(1.25);
  /* Increase the scale for a zoom-in effect */
}

/* Slider Title */
.artist_slider p {
  color: #f26a45;
  text-align: center;
  font-family: Jost;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}

.artist_slider h4 {
  color: #242424;
  text-align: center;
  font-family: Playfair Display;
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* Add this CSS for the hover effect */
.featured_slider .artist-desc h3 {
  color: #fff;
  margin-bottom: -70px;
}

.featured_slider .artist-post {
  position: relative;
  overflow: hidden;
  /* height: 300px !important; */
}

.featured_slider .artist-post .artist-img:hover + .artist-desc,
.featured_slider .artist-post .artist-desc:hover {
  transform: translateY(-100%);
}

.featured_slider .artist-post .artist-desc {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #00000000 !important;
  color: #fff;
  padding: 20px;
  box-sizing: border-box;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transform: translateY(0);
  opacity: 1;
  border: none !important;
}

.featured_slider .artist-post .artist-img:hover + .artist-desc {
  transition-delay: 0s;
  /* No delay on hover in */
  opacity: 1;
}

.featured_slider .artist-post .artist-desc:hover {
  transition-delay: 0.3s;
  /* Delay before hover out */
  /* opacity: 0; */
}

.featured_slider .artist-desc:before {
  content: "Singer";
  color: var(--Light-orange, #ffa38a);
  text-align: center;
  font-family: Jost;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}

.featured_slider .social-wrapper {
  top: 50px;
  position: relative;
  padding-bottom: 10px;
}

.featured_slider .artist-post .singer-info,
.featured_slider .artist-post .btn {
  visibility: hidden;
  transition: transform 0.3s ease-in-out;
  transform: translateY(100%);
}

.featured_slider .artist-post:hover .featured_slider .artist-desc h3 {
  transform: translateY(0);
}

.featured_slider .artist-post:hover .singer-info,
.featured_slider .artist-post:hover .btn {
  visibility: visible;
  transform: translateY(0);
  top: 40px;
  position: relative;
}

.singer-info .btn:hover {
  background-color: #00000000;
  color: #ffa38a;
}

/* Slider image hover */
.featured_slider .artist-post:hover {
  /* mix-blend-mode: luminosity !important; */
  opacity: 0.9;
}

section.artist-slider:hover {
  background-color: #000;
}

.artist_category .artist-desc:before {
  content: url("https://devwp.visibleone.io/p217/wp-content/uploads/2024/01/Frame-1000011185.png");
  /* background-image: url("https://devwp.visibleone.io/p217/wp-content/uploads/2024/01/Frame-1000011185.png") !important; */
  top: -40px;
  position: relative;
}

.artist-row .title-wrapper h4.title {
  margin-bottom: 15px;
}

.alphabet-letters .e-con-inner {
  border-bottom: 1px solid var(--Light-Grey, #e4e4e4);
}

.artist_category {
  margin-top: 10px;
}

/* Artist Category */
.category-list a.category-names {
  width: 32px;
  height: 32px;
  padding: 2px 5px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  background: var(--Main-Orange, #f26b46);
  color: #fff;
  text-align: center;
  font-family: Jost;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}

.category-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  text-align: center;
  justify-content: center;
  margin-top: 49px;
  margin-bottom: 49px;
}

/* Artist Category Social icon */
.artist_category .social-wrapper {
  margin-bottom: -20px;
}

/* Artist detail Title */
.container.artist-single-container
  .row.content-layout-wrapper.align-items-start {
  justify-content: center;
}

.blog-pagination-pagination {
  margin-top: 60px;
}

/* span.required-field-message {
  color: #9f9f9f;
} */

.page-title .container > * {
  margin-bottom: 50px !important;
}

.featured_slider .elementor-widget-container .slide-arrow.next-arrow {
  position: absolute;
  left: 90%;
  top: 42.5%;
  background-color: unset;
}

.traditional_craftmanship .woodmart-counter .counter-label {
  font-size: 18px;
}

.artist_category .artist-img img {
  width: 100%;
}

p.comment-form-cookies-consent {
  padding-bottom: 45px;
}

.comment-form .comment-form-cookies-consent label {
  color: #9f9f9f;
  font-family: Jost;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.ctl-wrapper .ctl-title a {
  pointer-events: none;
  cursor: default;
}

.years-of-haupttonart-title h2:before {
  border-radius: 8px;
  content: "";
  border: 3px solid #f26b46;
  position: absolute;
  top: 38%;
  left: -55px;
  width: 40px;
}

.years-of-haupttonart-title h2:after {
  border-radius: 8px;
  content: "";
  border: 3px solid #f26b46;
  position: absolute;
  top: 38%;
  right: -55px;
  width: 40px;
}

.gallary_pagination img.swiper-slide-image {
  width: 100%;
}

.featured_slider div#slick-slide06 {
  display: none;
}

.single-post .elementor-widget-text-editor .elementor-widget-container p {
  text-align: left;
}

.single-post h3.title.slider-title.text-left {
  display: none;
}

.single-post .wd-carousel-container.slider-type-post {
  display: none;
}

input[type="number"] {
  text-align: left !important;
}

.featured_slider .elementor-widget-container .slick-cloned:last-child {
  display: none;
}

.alphabet-letters {
  max-width: 1244px !important;
}

.artist_category {
  max-width: 1244px !important;
  margin: auto !important;
}

div.wpforms-container-full .wpforms-confirmation-container-full,
div[submit-success]
  > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
  background: #f26b46 !important;
  border: #f26b46 !important;
  box-sizing: border-box;
}

.blog .container .blog-pagination-pagination,
body.category  .page-ways-to-enjoy-ukelele-9 .container .blog-pagination-pagination
{
  max-width: 1920px;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 43px;
  height: auto !important;
}

.blog-design-masonry {
  width: 100% !important;
  position: static !important;
  padding: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  min-height: unset !important;
  /* height: 100% !important; */
}

.error404 .row.content-layout-wrapper.align-items-start {
  justify-content: center;
}

.ctl-wrapper .ctl-description {
  background: #f26b46 !important;
  padding: 20px;
}

.ctl-wrapper .odd .ctl-description {
  border-left: 8px solid #ffa38a;
}

.ctl-wrapper .even .ctl-description {
  border-right: 8px solid #ffa38a;
}

.ctl-wrapper .ctl-description p,
.ctl-wrapper .ctl-description ul li {
  color: #fff;

  /* Body Text 1 */
  font-family: Jost;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
}

@media only screen and (max-width: 320px) {
  .artist_slider
    .featured_slider
    .elementor-widget-container
    .slide-arrow.next-arrow {
    position: absolute;
    left: 83%;
    top: 42.5%;
    background-color: unset;
  }

  .years-of-haupttonart-title h2 {
    font-size: 18px !important;
  }

  .featured_slider .elementor-widget-container {
    column-gap: 0 !important;
  }
}

@media only screen and (min-width: 321px) and (max-width: 376px) {
  .artist_slider
    .featured_slider
    .elementor-widget-container
    .slide-arrow.next-arrow {
    position: absolute;
    left: 86%;
    top: 42.5%;
    background-color: unset;
  }
}

@media only screen and (min-width: 374px) and (max-width: 426px) {
  .artist_slider
    .featured_slider
    .elementor-widget-container
    .slide-arrow.next-arrow {
    position: absolute;
    left: 85%;
    top: 42.5%;
    background-color: unset;
  }
}

@media only screen and (max-width: 375.98px) {
  .comments-area .comment-awaiting-moderation {
    position: static !important;
  }

  section.artist-slider {
    width: 213px !important;
  }
}

@media only screen and (max-width: 436px) {
  .artist_category .elementor-widget-container {
    min-width: auto !important;
    display: block !important;
    /* grid-template-columns: 1fr 1fr; */
  }

  .featured_slider button.slide-arrow.prev-arrow.slick-arrow {
    top: auto !important;
    right: auto !important;
    position: static !important;
    z-index: 0 !important;
  }

  button.\34 04_button {
    width: 100%;
  }

  .banner .banner-animation img {
    width: 80%;
  }

  .elementor-column.elementor-col-100.elementor-top-column.elementor-element.elementor-element-9b01d76
    .elementor-widget-wrap.elementor-element-populated {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .artist-row .title-wrapper h4.title {
    margin-top: 0 !important;
  }

  .artist-desc h3 {
    margin-top: -20px;
  }

  .comments-area .comments-title,
  .comments-area .comment-reply-title {
    font-size: 18px !important;
  }

  .wd-header-overlap div.page-title {
    padding-top: 180px !important;
  }

  .slick-slide.slick-cloned {
    display: none !important;
  }

  .blog .container .blog-pagination-pagination,
  body.category  .page-ways-to-enjoy-ukelele-9 .container .blog-pagination-pagination
  {
    grid-template-columns: repeat(1, 1fr) !important;
    width: 100% !important;
    margin: auto;
  }
}

@media only screen and (min-width: 485px) and (max-width: 585px) {
  .artist_slider
    .featured_slider
    .elementor-widget-container
    .slide-arrow.next-arrow {
    position: absolute;
    left: 89%;
    top: 42.5%;
    background-color: unset;
  }
}

@media only screen and (min-width: 376px) and (max-width: 767px) {
  section.artist-slider {
    width: 250px !important;
  }
}

/* Tablet */

@media only screen and (min-width: 586px) and (max-width: 767px) {
  .artist_slider
    .featured_slider
    .elementor-widget-container
    .slide-arrow.next-arrow {
    position: absolute;
    left: 92%;
    top: 42.5%;
    background-color: unset;
  }
}

@media only screen and (min-width: 601px) and (max-width: 767px) {
  div#ctl-story-16916 {
    margin-top: 0px;
    margin-left: 0px;
  }

  div#ctl-story-16917 {
    margin-top: 0px;
    margin-right: 0px;
  }

  div#ctl-story-16860 {
    margin-top: 0px;
    margin-right: 0px;
  }

  div#ctl-story-17161,
  div#ctl-story-17165,
  div#ctl-story-17172,
  div#ctl-story-17184,
  div#ctl-story-17191,
  div#ctl-story-17195,
  div#ctl-story-17200,
  div#ctl-story-17204,
  div#ctl-story-17206,
  div#ctl-story-17207,
  div#ctl-story-17212,
  div#ctl-story-17216,
  div#ctl-story-17220,
  div#ctl-story-17225,
  div#ctl-story-17260,
  div#ctl-story-17273,
  div#ctl-story-17281,
  div#ctl-story-18050 {
    margin-top: 0px;
    margin-left: 0px;
  }

  div#ctl-story-17163,
  div#ctl-story-17167,
  div#ctl-story-17182,
  div#ctl-story-17186,
  div#ctl-story-17193,
  div#ctl-story-17197,
  div#ctl-story-17202,
  div#ctl-story-17210,
  div#ctl-story-17214,
  div#ctl-story-17218,
  div#ctl-story-17222,
  div#ctl-story-17258,
  div#ctl-story-17268,
  div#ctl-story-17277,
  div#ctl-story-18048 {
    margin-top: 0px;
    margin-right: 0px;
  }

  div#ctl-story-17206 {
    margin-right: 0px;
  }

  .ctl-wrapper
    .ctl-vertical-wrapper:not(.ctl-design-3, .light-skin, .ctl-compact-wrapper)
    .ctl-story.even
    .ctl-title {
    border-left: 8px solid #ffa38a;
  }

  .ctl-wrapper
    .ctl-vertical-wrapper:not(.ctl-design-3, .light-skin, .ctl-compact-wrapper)
    .ctl-story.even
    .ctl-title {
    border-right: 0px solid #ffa38a;
  }
}

@media only screen and (min-width: 760px) and (max-width: 1024px) {
  .featured_slider button.slide-arrow.prev-arrow.slick-arrow {
    top: 42.5%;
    right: 96%;
    position: absolute;
    z-index: 1;
  }
}

@media only screen and (max-width: 767px) {
  .row.content-layout-wrapper.align-items-start {
    flex-wrap: wrap !important;
  }

  .row.content-layout-wrapper.align-items-start {
    margin-top: 0px !important;
  }

  div.container {
    max-width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
  }

  /* Artist page plyer cards */
  .artist_category .elementor-widget-container {
    /* display: block !important; */
  }

  /* Artist Slider */
  /* section.artist-slider {
    width: 250px !important;
  } */

  /* div#featured_slider {
    margin-left: -50px !important;
  } */

  .featured_slider .artist-img img {
    height: 300px !important;
  }

  .artist_category .elementor-widget-container {
    min-width: auto !important;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .our_branch_container .e-con-inner {
    justify-content: center !important;
  }

  .ctl-vertical-wrapper .ctl-navigation-bar.ctl-nav-position-right {
    height: 40vh !important;
    margin-top: 100px;
  }

  .wd-negative-gap.elementor-element.elementor-element-f5fa05a.e-flex.e-con-boxed.wd-section-disabled.e-con.e-parent {
    margin-top: 0px;
  }

  .ctl-wrapper .even .ctl-description {
    border-left: 0px !important;
    border-right: 0px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .row.content-layout-wrapper.align-items-start {
    margin-top: 50px !important;
    justify-content: center;
  }

  div.container {
    max-width: 100% !important;
  }

  /* Artist page */
  /* Tablet */
  a.featured-img {
    width: 15px !important;
  }

  .artist-desc h3 {
    font-size: 23px !important;
  }

  /* Artist Slider */
  /*Artist Image*/
  .featured_slider .artist-img img {
    height: 400px !important;
  }

  .artist_slider div.slick-slide {
    width: 385px !important;
  }

  /* .artist-slider .artist-post .artist-img {
  height: 300px !important;
} */

  /* article.artist-post {
  height: 300px !important;
} */

  /* div#featured_slider {
    min-width: 1900px !important;
    margin-left: -100px !important;
  } */

  /* section.artist-slider {
    width: 250px !important;
  } */

  .artist_category .elementor-widget-container {
    min-width: 600px;
  }
}

@media only screen and (max-width: 769px) {
  .featured_slider .elementor-widget-container .slide-arrow.next-arrow {
    /* position: absolute; */
    left: 41%;
    /* top: 42.5%; */
  }

  /* div#comments {
    padding-left: 40px;
    padding-right: 40px;
  } */

  .elementor-column.elementor-col-100.elementor-top-column.elementor-element.elementor-element-9b01d76
    .elementor-widget-wrap.elementor-element-populated {
    padding-left: 40px;
    padding-right: 40px;
  }

  .blog .container .blog-pagination-pagination,
  body.category  .page-ways-to-enjoy-ukelele-9 .container .blog-pagination-pagination {
    grid-template-columns: repeat(2, 1fr);
    width: 100% !important;
    margin: auto;
  }
}

@media only screen and (max-width: 991.98px) {
  .featured_slider .elementor-widget-container .slide-arrow.next-arrow {
    position: absolute;
    left: 33%;
    top: 42.5%;
  }
}

@media (max-width: 980px) {
  .offcanvas-sidebar-mobile .sidebar-container:not(.wd-inited) {
    display: none;
  }

  .row.content-layout-wrapper.align-items-start {
    justify-content: center;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1024px) {
  .featured_slider .elementor-widget-container .slide-arrow.next-arrow {
    position: absolute;
    left: 46% !important;
    top: 42.5%;
  }
}

/* Tablet */
@media only screen and (max-width: 1024px) {
  div[class*="wd-carousel-spacing"] .owl-nav > div[class*="prev"] {
    margin-left: 20px !important;
  }

  div[class*="wd-carousel-spacing"] .owl-nav > div[class*="next"] {
    margin-right: 20px !important;
  }

  /* .featured_slider button.slide-arrow.prev-arrow.slick-arrow {
    top: 42.5%;
    right: 93%;
    position: absolute;
    z-index: 1;
  } */

  .\34 04_page {
    display: block;
    margin-top: 120px;
  }

  body.error404 section.banner,
  body.error404 div#primary {
    margin: 0 !important;
    text-align: center;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1441px) {
  .featured_slider .elementor-widget-container .slide-arrow.next-arrow {
    left: 65%;
  }
}

@media only screen and (max-width: 1200px) {
  .elementor-element.elementor-element-4833ec5.years_divider.elementor-widget-divider--view-line.elementor-widget.elementor-widget-divider
    .elementor-widget-container {
    margin-left: 0px !important;
  }

  .elementor-element.elementor-element-67e39fc.years_divider.elementor-widget-divider--view-line.elementor-widget.elementor-widget-divider
    .elementor-widget-container {
    margin-right: 0px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .page-id-3 .entry-content,
  .page-id-16567 .entry-content {
    padding-top: 100px;
  }
}

@media only screen and (min-width: 1921px) {
  div#featured_slider {
    margin-left: -93px;
  }
}

@media only screen and (min-width: 1530px) and (max-width: 1754px) {
  .elementor-element.elementor-element-4833ec5.years_divider.elementor-widget-divider--view-line.elementor-widget.elementor-widget-divider
    .elementor-widget-container {
    margin-left: -100px !important;
  }

  .elementor-element.elementor-element-67e39fc.years_divider.elementor-widget-divider--view-line.elementor-widget.elementor-widget-divider
    .elementor-widget-container {
    margin-right: -100px !important;
  }
}

@media only screen and (min-width: 1755px) and (max-width: 1920px) {
  .elementor-element.elementor-element-4833ec5.years_divider.elementor-widget-divider--view-line.elementor-widget.elementor-widget-divider
    .elementor-widget-container {
    margin-left: -130px !important;
  }

  .elementor-element.elementor-element-67e39fc.years_divider.elementor-widget-divider--view-line.elementor-widget.elementor-widget-divider
    .elementor-widget-container {
    margin-right: -130px !important;
  }
}

@media screen and (min-width: 2560px) {
  .artist_category .elementor-widget-container {
    justify-content: start;
  }

  .artist_category .elementor-widget-container > * {
    flex: auto;
  }
}