/*
 Theme Name:   DoodieBB Child
 Template:     doodiebb
 Version:      1.0
 Description:  A child theme for DoodieBB
 Author:       Spec India
*/
:root { --orange: #ffa129; --aqua: #00ffff; --black: #343434; }

/*common css*/
* { box-sizing: border-box; margin: 0; padding: 0; }
body { margin: 0; padding: 0; font-family: "Playfair Display", serif; font-size: 22px; font-weight: 400; line-height: 28px; text-align: left; color: var(--black); }
a { color: var(--black); text-decoration: none; transition: all 300ms ease; }
a:focus { outline: none; text-decoration: none; color: var(--black); }
a:hover, a:active { outline: 0; text-decoration: none; color: var(--blue); }
p { margin: 0 0 20px; }
ol, ul { margin: 0; padding: 0; }
ul li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
hr { background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 23px; }
h1, h2, h3, h4, h5, h6 { clear: both; }
h1 { font-weight: 600; line-height: 42px; color: var(--black); }
h2 { font-size: 60px; font-weight: 600; line-height: 90px; color: var(--orange); }
h3 { font-size: 52px; font-weight: 700; line-height: 78px; }
h4 { font-size: 40px; font-weight: 700; line-height: 60px; }
h5 { font-size: 28px; font-weight: 700; line-height: 42px; }
h6 { font-size: 22px; font-weight: 700; line-height: 25.85px; }
img { max-width: 100%; border: 0; }

/*select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }*/
input:not([type="radio"]):not([type="checkbox"]) { -webkit-appearance: none; }
input, button, textarea, select { border: 1px solid #ccc; outline: none; font-style: normal; font-size: 20px; color: var(--black); font-weight: 400; line-height: 35px; font-weight: 300; }
input[type="submit"], button { cursor: pointer; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px var(--p-white) inset; }
::-webkit-selection { background-color: #47d5ff; color: var(--p-white); text-shadow: none; }
::-moz-selection { background-color: #47d5ff; color: var(--p-white); text-shadow: none; }
::selection { background-color: #47d5ff; color: var(--p-white); text-shadow: none; }
::-webkit-input-placeholder { color: #858585; opacity: 1; -ms-filter: "alpha(opacity=100)"; }
::-moz-placeholder { color: #858585; opacity: 1; -ms-filter: "alpha(opacity=100)"; }
:-ms-input-placeholder { color: #858585; opacity: 1; -ms-filter: "alpha(opacity=100)"; }
.btn-primary.focus:focus, .btn-primary:focus { outline: none; border: none; box-shadow: none; }
:-ms-input-placeholder { color: #5f5f5f; }
::-moz-placeholder { color: #5f5f5f; }
::placeholder { color: #5f5f5f; }

/* Arrows */
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 40px; height: 40px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 30px; line-height: 1; opacity: 0.75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: var(--orange); }
.slick-prev { left: 25px; z-index: 9; }
[dir="rtl"] .slick-prev { right: -50px; left: auto; }
.slick-prev:before { content: "←"; }
[dir="rtl"] .slick-prev:before { content: "→"; }
.slick-next { right: 25px; z-index: 9; }
[dir="rtl"] .slick-next { right: auto; left: -50px; }
.slick-next:before { content: "→"; }
[dir="rtl"] .slick-next:before { content: "←"; }
.blue-btn { padding: 16px 60px 16px 30px; border-radius: 77px; background: var(--blue); color: var(--p-white); position: relative; cursor: pointer; display: inline-block; }

/*.blue-btn:hover { color: var(--p-white); padding-left: 60px; padding-right: 30px; }*/
.blue-btn span { display: inline-block; background: var(--blue); transition: all 300ms ease; position: relative; z-index: 9; }
.blue-btn:hover span { transform: translateX(30px); }
.blue-btn:after { content: ""; position: absolute; right: 30px; background: var(--p-white); border-radius: 100%; width: 10px; height: 10px; top: 50%; transform: translateY(-50%); }
.blue-btn:before { content: "\e90e"; font-size: 27px; font-family: "icomoon" !important; position: absolute; left: 30px; top: 50%; transform: translateY(-50%); }
a.blue-btn:hover, a.blue-btn:active { color: var(--p-white); }
.container { max-width: 1366px; padding: 0px 15px; margin: 0 auto; }

/*header css*/
.logo img { max-width: 100px; }
.top-border-wrapper { padding: 10px 30px; }
.top-border { height: 60px; }
.nav-menu { display: flex; flex-wrap: wrap; }
.nav-menu h3 { font-size: 30px; line-height: 30px; margin-right: auto;  display: none}
header#header { background-color: #fff; border-bottom: 1px solid #d3d3d3; }
.header-main { display: flex; align-items: center; flex-wrap: wrap; padding: 30px; justify-content: space-between; }
.cmn-titles { margin-bottom: 30px; }
body:before { content: ""; position: absolute; inset: 0px; background: rgba(255, 255, 255, 0.9); z-index: -1; }
body { position: relative; }
body.mobile-open { overflow: hidden; }
a.menulinks { display: none; }
ul.mainmenu { display: flex; flex-wrap: wrap; }
ul.mainmenu li { margin: 0px 22px; transition: all 300ms ease; }
ul.mainmenu li:hover a { color: var(--blue); }
ul.mainmenu li a:hover, ul.mainmenu li a.active { color: var(--orange); }

/*slider*/
.doodiebaby-slider-main { position: relative; }
.doodiebaby-slider { max-width: 100%; margin: 0 auto; overflow: hidden; }
.slick-prev, .slick-next { background: var(--orange) !important; }
.slick-prev:hover, .slick-next:hover { background: var(--orange); }
.slick-prev:before, .slick-next:before { color: var(--black); }
.doodiebaby-slider-repeat img { width: 100%; height: calc(100dvh - 0px); object-fit: cover; object-position: center; }
section.doodiebaby-slider-section .cmn-titles { z-index: 99; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0px; text-align: center; }
section.doodiebaby-slider-section .cmn-titles span { color: var(--orange); }

/*social-media-details*/
.social-media-details { margin-top: 40px; }
.social-media-details ul { display: flex; align-items: center; justify-content: center; margin-bottom: 40px; }
.social-media-details ul li { margin-top: 20px; }
.social-media-details ul li a { width: 50px; height: 50px; display: block; background: var(--black); display: flex; align-items: center; justify-content: center; border-radius: 5px; }
.social-media-details ul li a i { color: #fff; }

/*About us*/
section.about-section { text-align: center; max-width: 1440px; margin: 0 auto; padding: 40px 0px; }
.about-section-images { display: flex; flex-wrap: wrap; margin: 0px -15px; }
.about-section-images .doodiebaby-slider-repeat { width: calc(50% - 30px); margin: 0px 15px; box-shadow: 0px 11px 14px 1px rgba(0, 0, 0, 0.4); overflow: hidden; }
.about-section-images .doodiebaby-slider-repeat img { aspect-ratio: 1 / 1; object-fit: cover; transition: all 300ms ease; }
.about-section-images .doodiebaby-slider-repeat img:hover { transform: scale(1.1); }
.about-section-contain { margin-top: 40px; text-align: center; }
.about-section-contain > * { text-align: left; }

/*drops*/
section.drops-section { padding-top: 40px; }
section.drops-section .cmn-titles { text-align: center; }
.drops-section-main { padding: 0px 40px; display: flex; flex-wrap: wrap; }
.drop-details-repeat { border: 1px solid var(--black); margin-bottom: 30px; }
.drops-image { width: 100%; overflow: hidden; }
.drops-image img { display: block; aspect-ratio: 1 / 1; object-fit: cover; transition: all 300ms ease; }
.drops-image:hover img { transform: scale(1.1); }
.drop-details-repeat { border: 0px; margin-bottom: 30px; width: calc(33.3% - 60px); margin: 0px 30px 30px 30px; box-shadow: 0px 11px 14px 1px rgba(0, 0, 0, 0.4); }
.drop-full-details ul li { font-size: 20px; margin-bottom: 15px; }
.drop-details > div { display: flex; flex-wrap: wrap; padding: 15px; background: #fff; }
.drop-details > div.drop-link-button { padding: 15px 0px; }
.drop-details-repeat:nth-child(even) { flex-direction: row-reverse; }
.drop-link-button a.cmn-button { padding: 10px 20px; background: var(--orange); text-align: center; margin-top: 20px; font-weight: 700; transition: all 300ms ease; color: #fff; text-decoration: none; }
.drop-link-button a.cmn-button:hover { background: var(--black); color: #fff; }
.drop-link-button { overflow: hidden; }
.drop-link-button a { display: block; font-size: 18px; color: var(--orange); text-decoration: underline; width: calc(50% - 30px); margin: 0px 15px; }
.drop-link-button a.cmn-button.spotify-link { width:100%; background: transparent; border: 1px solid var(--black); color: var(--black); }
.drop-link-button a.cmn-button.spotify-link:hover { background: transparent; border-color: var(--orange); border-color: var(--orange); color: var(--orange); }

/*Music*/
section.music-section { padding: 40px 25px; max-width: 1440px; margin: 0 auto; }
section.music-section .cmn-titles { text-align: center; }

/*.music-wrapper .doodiebaby-images-and-link:last-child {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms ease;
  bottom: -100%;
  cursor: pointer;
}
.music-wrapper:hover .doodiebaby-images-and-link:last-child {
  opacity: 1;
  visibility: visible;
  bottom: 20px;
}
*/
.music-wrapper { width: calc(50% - 30px); margin: 0 auto 30px auto; position: relative; overflow: hidden; box-shadow: 0px 11px 14px 1px rgba(0, 0, 0, 0.4); background:#fff; padding: 15px; }
.music-images { width: 100%; display: flex; flex-wrap: wrap; }

/*.music-wrapper:hover:before {
  content: "";
  position: absolute;
  inset: 0px;
  background: rgba(0, 0, 0, 0.5);
}
*/
.doodiebaby-images-and-link { height: 100% ; margin-bottom: 20px;}
.doodiebaby-images-and-link img { width: 100%; height: 100%; object-fit: cover; transition: all 300ms ease; }
.doodiebaby-images-and-link img:hover { transform: scale(1.1); }
.music-wrapper:hover .doodiebaby-images-and-link:last-child{
   margin-bottom: 0px;
}

/*event old*/
section.events-section .cmn-titles { text-align: center; }
section.events-section { padding: 0px 40px; }
.event-details-repeat { display: flex; flex-wrap: wrap; margin-bottom: 30px; background: #fff; box-shadow: 0px 11px 14px 1px rgba(0, 0, 0, 0.4); padding: 30px; }
.events-image { width: 22%; overflow: hidden; }
.event-details { width: calc(78% - 20px); margin-left: 20px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; }
.events-image img { display: block; aspect-ratio: 1 / 1; object-fit: cover; overflow: hidden; transition: all 300ms ease; }
.events-image img:hover { transform: scale(1.1); }
.event-full-details { padding: 0px 0px 20px 0px; background: #fff; }
.event-full-details ul li { margin-bottom: 10px; }
.event-link-button { padding: 20px 20px 20px 40px; display: flex; justify-content: space-between; border: 1px solid var(--black); padding: 0px; }
.event-link-button a { padding: 20px 40px; }
.drop-link-button ul { display: flex; flex-wrap: wrap; margin: 0px -10px; }
.drop-link-button ul li { width: calc(20% - 20px); margin: 0px 10px; overflow: hidden; }
.drop-link-button img { display: block; aspect-ratio: 1 / 1; object-fit: cover; transition: all 300ms ease; }
.drop-link-button img:hover { transform: scale(1.1); }
/*.event-details-repeat:nth-child(even) { flex-direction: row-reverse; }
.event-details-repeat:nth-child(even) .event-details { margin-right: 20px; margin-left: 0px; }
.event-details-repeat:nth-child(even) .event-full-details { text-align: right; }*/

/*Home page*/
section.doodiebaby-hero-section { padding: 40px 25px; display: flex; flex-wrap: wrap; align-items: center; }
.doodiebaby-hero-left-contain { width: calc(50% - 30px); margin: 0px 15px; }
.doodiebaby-hero-right { width: calc(50% - 30px); margin: 0px 15px; display: flex; align-items: center; }
.hero-slider-for { width: calc(80% - 30px); margin: 0px 15px; }
.hero-slider-next { width: calc(20% - 30px); margin: 0px 15px; }
.doodiebaby-hero-right img { aspect-ratio: 1 / 1; object-fit: cover; }
.doodiebaby-hero-left-contain h2 { font-size: 40px; line-height: 50px; margin-bottom: 40px; color: var(--black); }
.social-media-details { max-width: 1440px; margin: 0 auto; text-align: center; padding: 40px 15px; }
.our-story-slider-repeat { text-align: center; position: relative; display: flex; align-items: center; }
.our-story-slider-repeat img { width: 20px; display: inherit !important; margin-right: 20px; filter: grayscale(1) brightness(10); }
.our-story-slider.slick-initialized.slick-slider { background: var(--black); color: #fff; padding: 10px 0px; }
.our-story-slider-repeat span { font-size: 20px; }
.doodiebaby-hero-left-contain h2 span { -webkit-animation: color-change-2x 2s linear infinite alternate both; animation: color-change-2x 2s linear infinite alternate both; }
@-webkit-keyframes slide-top {
  0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
}
@keyframes slide-top {
  0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
}
@-webkit-keyframes slide-left {
  0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
}
@keyframes slide-left {
  0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
}
@-webkit-keyframes slide-right {
  0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(10px); transform: translateX(10px); }
}
@keyframes slide-right {
  0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(10px); transform: translateX(10px); }
}
@-webkit-keyframes color-change-2x {
  0% { color: #19dcea; }
  100% { color: #b22cff; }
}
@keyframes color-change-2x {
  0% { color: #19dcea; }
  100% { color: #b22cff; }
}

/*Footer*/
footer { padding: 20px 40px; border-top: 1px solid #d3d3d3; background: #fff; }
.footer-tab { text-align: center; }

/* shop */
.drops-section-main.drops-section-main-shop .drop-details-repeat { width: calc(25% - 30px); margin: 0px 15px 30px 15px; background: #fff; display: flex; flex-direction: column; position: relative; }
.drop-details { display: flex; flex-direction: column; flex: 1; }
.drop-full-details { flex: 1 0 auto; }
.drops-section-main.drops-section-main-shop .drop-link-button a.cmn-button:before { content: ''; position: absolute; inset: 0px; }
.entry-content.product-inner-main { padding: 40px 0px; }
.sc-image-slider .sc-image-slider__thumbs .swiper-slide.swiper-slide-thumb-active img { outline-color: var(--orange) !important; }
.sc-pill-option__button, a.sc-pill-option__button { padding: 10px 20px; background: transparent; text-align: center; margin-top: 20px; font-weight: 700; transition: all 300ms ease; color: var(--black); border-color: var(--black); text-decoration: none; font-family: "Playfair Display", serif; }
.sc-pill-option__button--selected { background-color: var(--orange); }
.sc-pill-option__button--selected, .sc-pill-option__button--selected:active, .sc-pill-option__button--selected:focus, .sc-pill-option__button--selected:hover, a.sc-pill-option__button--selected, a.sc-pill-option__button--selected:active, a.sc-pill-option__button--selected:focus, a.sc-pill-option__button--selected:hover { background-color: var(--orange); }
.wp-block-buttons>.wp-block-button.has-custom-width { flex-basis: inherit; width: max-content; }
.wp-block-buttons>.wp-block-button.has-custom-width > button { padding: 10px 20px; background: transparent; text-align: center; margin-top: 20px; font-weight: 700; transition: all 300ms ease; color: var(--black); border: 1px solid  var(--black); text-decoration: none; font-family: "Playfair Display", serif; }
.wp-block-buttons>.wp-block-button.has-custom-width > button.wp-block-button__link { background-color: var(--orange); }
.sc-tag--medium { font-size: 18px !important; color: var(--black) !important; font-family: "Playfair Display", serif; }
.wp-block-surecart-product-title { line-height: 40px !important; font-family: "Playfair Display", serif; }
.wp-block-surecart-product-list-price { font-size: 18px !important; color: var(--black) !important; font-weight: 700; }
.sc-product-item.sc-has-animation-fade-up { box-shadow: 0px 11px 14px 1px rgba(0, 0, 0, 0.4); }
.wp-block-cover-image.is-position-top-right, .wp-block-cover.is-position-top-right { border-radius: 0px !important; }
.drops-section-main.drops-section-main-shop .drop-link-button a.cmn-button { width: 100%; }
.pro-article-main footer { display: none; }
.pro-archive-main { margin: 40px 0px }
.pro-article-main h2 { font-size: 30px; line-height: 40px; }
.pro-archive-main .post-thumbnail { overflow: hidden; width: 100%; display: block; }
.pro-archive-main .post-thumbnail:hover img { transform: scale(1.1); }
.pro-archive-main img { width: 100%; box-shadow: 0px 11px 14px 1px rgba(0, 0, 0, 0.4); transition: all 300ms ease; }
.pro-article-main { margin-top: 40px; }
.music-pagination { display: flex; align-items: center; justify-content: center; }
.music-pagination a { margin: 0px 5px; padding: 4px 10px 12px 10px; line-height: 17px; display: block; font-size: 26px; font-family: "Playfair Display", serif; }
.music-pagination a.active { color: var(--orange); border: 1px solid var(--orange); }

.event-pagination { display: flex; align-items: center; justify-content: center;  margin-bottom: 40px; }
.event-pagination a { margin: 0px 5px; padding: 4px 10px 12px 10px; line-height: 17px; display: block; font-size: 26px; font-family: "Playfair Display", serif; }
.event-pagination a.active { color: var(--orange); border: 1px solid var(--orange); }

.doodie-drops-pagination { display: flex; align-items: center; justify-content: center;  margin-bottom: 40px; }
.doodie-drops-pagination a { margin: 0px 5px; padding: 4px 10px 12px 10px; line-height: 17px; display: block; font-size: 26px; font-family: "Playfair Display", serif; }
.doodie-drops-pagination a.active { color: var(--orange); border: 1px solid var(--orange); }



.wp-block-surecart-cart-icon { background: var(--orange); }
.product-inner-wrapper h3 { line-height: 40px; text-align: left; }
.about-section-images .doodiebaby-slider-repeat img { height: auto; }
.music-wrapper .doodiebaby-images-and-link:last-child { height: auto !important; margin-top: 20px;  margin-bottom: 0px;}
.doodiebaby-images-and-link { height: auto !important; }
.music-wrapper:hover:before { display: none }

.doodiebaby-images-and-link {  overflow: hidden; }
.doodiebaby-images-and-link > img {
   height: 800px;
    overflow: hidden;
    object-fit: cover;
}
/*.event-details-repeat:nth-child(even) .event-details .drop-link-button ul {
    justify-content: flex-end;
}*/
.event-full-details ul li {
    font-size: 20px;
}

.event-full-details ul li:first-child {
    font-size: 26px;
    line-height: 36px;
}
.footer-tab {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer-tab ul {
    display: flex;
    flex-wrap: wrap; margin-left: 20px;
}

.footer-tab ul li {
    margin-right: 16px;
}

.footer-tab ul a:hover {
    color: cadetblue;
    color: var(--orange);
}

.music-wrapper {
    display: flex;
    flex-direction: column;
}

.music-wrapper p {
    flex: 1 0 auto;
}
.events-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


@media (min-width:993px) {
  .hero-slider-nav button.slick-prev.slick-arrow { top: 0px; transform: inherit; left: 0px; right: 0px; margin: 0 auto; }
  .hero-slider-nav button.slick-prev.slick-arrow:before { font-size: 21px; font-family: "FontAwesome"; content: "\f102"; color: var(--black); animation: bounce 0.6s; animation-direction: alternate; animation-iteration-count: infinite; }
  .hero-slider-nav button.slick-prev.slick-arrow { top: 0px; transform: inherit; left: 0px; right: 0px; margin: 0 auto; width: 100%; top: -26px; height: 13px; background: transparent !important; -webkit-animation: slide-top 1s ease-in-out infinite alternate-reverse both; animation: slide-top 1s ease-in-out infinite alternate-reverse both; }
  .hero-slider-nav button.slick-next.slick-arrow { top: inherit; bottom: 0px; top: inherit; transform: inherit; left: 0px; right: 0px; margin: 0 auto; bottom: -26px; height: 13px; background: transparent !important; -webkit-animation: slide-top 1s ease-in-out infinite alternate-reverse both; animation: slide-top 1s ease-in-out infinite alternate-reverse both; }
  .hero-slider-nav button.slick-next.slick-arrow:before { font-size: 21px; font-family: "FontAwesome"; content: "\f103"; color: var(--black); padding: 10px; }
  .hero-slider-for button.slick-prev.slick-arrow { -webkit-animation: slide-left 1s ease-in-out infinite alternate-reverse both; animation: slide-left 1s ease-in-out infinite alternate-reverse both; }
  .hero-slider-for button.slick-next.slick-arrow { -webkit-animation: slide-left 1s ease-in-out infinite alternate-reverse both; animation: slide-right 1s ease-in-out infinite alternate-reverse both; }
}
@media (max-width:1439px) {
  .drops-section-main { padding: 0px; }
  .drops-section-main.drops-section-main-shop .drop-details-repeat { width: calc(33.3% - 30px); }
}
@media (max-width:1200px) {
  .drop-details-repeat { width: calc(50% - 60px); }
}
@media (max-width:991px) {
  ul.mainmenu li.parent ul { display: none; }
  ul.mainmenu li.parent span { width: 10px; height: 10px; border: 1px solid var(--black); margin-left: auto; position: absolute; right: 10px; transform: rotate(45deg); border-top: 0px; border-left: aliceblue; top: 12px; }
  ul.mainmenu li { position: relative; width: 100%; margin: 0px 0px 10px 0px; }
  ul.mainmenu { position: fixed; display: none; left: 0px; top: 179px; background: rgba(0, 0, 0, 0.3); padding: 20px; height: calc(100dvh - 172px); z-index: 999; overflow: auto; right: 0px; backdrop-filter: blur(9px); }
  a.menulinks { width: 20px; height: 20px; position: relative; }
  ul.mainmenu li a { color: #fff; }
  a.menulinks { display: block; }
  .drop-details-repeat { width: calc(50% - 30px); margin: 0px 15px 30px 15px; }
  .hero-slider-for { width: 100%; margin: 0px; }
  .hero-slider-nav { width: 100%; margin: 0px; }
  .hero-slider-nav img { padding: 0px; }
  .slick-prev, .slick-next { width: 20px; height: 20px; }
  .slick-prev:before, .slick-next:before { font-size: 14px; }
  section.doodiebaby-hero-section { padding: 40px 0px; }
  .header-main { padding: 20px 15px; }
  .doodiebaby-hero-right { flex-wrap: wrap; }
  .drop-link-button ul li { width: calc(33.3% - 20px); margin: 0px 10px 20px 10px; }
  .event-details { width: calc(65% - 20px); }
  .events-image { width: 35%; }
  section.events-section { padding: 40px 15px; }
  section.music-section { padding: 40px 0px; }
  .drops-section-main.drops-section-main-shop .drop-details-repeat { width: calc(50% - 30px); }
  .wp-container-surecart-product-template-is-layout-fd2e0fbc { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .nav-menu h3 { font-size: 20px; line-height: 30px; margin: 0 auto; display: block }
  .logo { width: 100px; }
  .nav-menu { width: calc(100% - 100px); }
  a.menulinks { width: 100px; display: flex; justify-content: flex-end; }
  footer{ padding: 15px; }
   footer *{ font-size: 16px; }
}
@media (max-width:767px) {
  body { font-size: 18px; line-height: 28px; }
  h2 { font-size: 28px; line-height: 40px; }
  h5 { font-size: 24px; line-height: 30px; }
      section.doodiebaby-slider-section .cmn-titles {
        width: 80%;
        top: 65%;
    }
      section.doodiebaby-slider-section .cmn-titles span { font-size: 20px !important }
  .about-section-images .doodiebaby-slider-repeat {/*    width: calc(100% - 30px);*/
  margin: 0px 15px 30px 15px; }
  .music-wrapper { width: calc(100% - 30px); overflow: hidden; }
  .drop-details-repeat { width: calc(100% - 30px); margin: 0px 15px 30px 15px; }
  .doodiebaby-hero-left-contain { width: calc(100% - 30px); }
  .doodiebaby-hero-right { width: calc(100% - 30px); }
  .drop-link-button ul li { width: calc(50% - 20px); margin: 0px 10px 20px 10px; }
  .event-details { width: 100%; margin: 15px 0px 0px 0px; }
  .events-image { width: 100%; }
  .event-full-details ul li { font-size: 16px; line-height: 24px; }
/*  .event-details-repeat:nth-child(even) .event-details { margin-right: 0px; width: 100%; }*/
  .logo img { max-width: 60px; }
  .doodiebaby-slider-repeat img { height: calc(100dvh - 141px); }
  ul.mainmenu { height: calc(100dvh - 108px); top: 108px; }
  .drops-section-main.drops-section-main-shop .drop-details-repeat { width: calc(100% - 30px); }
  .wp-container-surecart-product-template-is-layout-fd2e0fbc { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
 .top-border {
        height: 20px; 
        background-size: 56px !important;  
    }
  .music-wrapper .doodiebaby-images-and-link:last-child { position: static !important; opacity: 1 !important; visibility: visible !important; }
  a.cmn-button { font-size: 16px; }
  .drop-full-details ul li { font-size: 16px; line-height: 26px; }
  .about-section-contain { margin: 0px }
  .event-details-repeat { padding: 15px; }
  .logo { width: 60px; }
  a.menulinks { width: 60; width: 60px; }
  .nav-menu { width: calc(100% - 60px); }

  .event-full-details ul li {
    font-size: 16px; line-height: 24px;
}

.event-full-details ul li:first-child {
    font-size: 24px;
    line-height: 34px;
}
.footer-tab ul{ justify-content:center }
.footer-tab{ justify-content:center; }
.footer-tab > span{ margin-bottom: 15px  }
.about-section-images .doodiebaby-slider-repeat img{     aspect-ratio: 1 / 2; }
.doodiebaby-images-and-link > img {
    height: 360px;
}
}