/*
Theme Name: betterofdead child
Description: Child theme for betterofdead theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: betterofdead
Version: 1.0.0
Text Domain:  betterofdead
*/

html, html body, #boxed-wrapper, #boxed-wrapper #wrapper{height: 100%;}
#boxed-wrapper #wrapper {display: flex; flex-direction: column;}
.home #boxed-wrapper #wrapper {justify-content: space-between;}
#boxed-wrapper #wrapper{margin-left: 0 !important; padding-left: 300px !important;}
#boxed-wrapper #wrapper #home, #boxed-wrapper #wrapper #sliders-container {display: none;}

#boxed-wrapper #wrapper .fusion-tb-header {border-bottom: 2px solid var(--awb-color5);}

/* CSS to mimic the blue digital boxes */
#visit-count span {display: inline-block; margin: 0 2px; border-radius: 2px; border: 1px solid #2F74C0; box-shadow: 0 0 6px 1px rgba(95, 208, 255, 0.15) inset; padding: 4px; text-align: center; line-height: 17px; color: #2F74C0; font-size: 14px; width: 18px;}
.counter-label {margin-top: 6px; color: #2F74C0; font-size: 13px;}
.btn.btn-play {border: 2px solid #2F74C0; display: inline-block; padding: 8px 16px; border-radius: 8px;}
.btn.btn-play:hover{border-color: #97bfdd; background-color: #97bfdd;} 

.copyright-text {color: #7D93A3; font-size: 13px; line-height: 21px; letter-spacing: 0.56px; font-family: 'VT323', monospace; text-align: center;}
.copyright-text a {font-family: 'VT323', monospace; color: #7D93A3;}
main#main {padding: 25px 60px !important;}

.fusion-tb-header {position: -webkit-sticky; position: sticky; top: 0; z-index: 99900;}
/* .fusion-tb-header .fusion-fullwidth.fullwidth-box {box-shadow: 0 2px 10px rgba(0, 0, 0, .25);} */

.off-canvas-content p:empty, p:empty {display: none !important;}

#sidebar-panel .left-sidebar-row > .fusion-builder-row{flex-direction: row; justify-content: space-between;}

.fusion-tb-header .logo-section img {max-width: 400px;}

.fusion-title-heading > span{text-transform: none; font-weight: 500;}

span.imgwrap {max-width: 300px;}

.imgcarousel > .awb-carousel > .swiper-wrapper{padding-bottom: 25px !important;}
.imgcarousel > .awb-carousel.swiper-horizontal > .swiper-pagination-bullets{bottom: 0;}


.imgcarousel > .awb-carousel > .swiper-wrapper > .swiper-slide .fusion-carousel-item-wrapper,
.imgcarousel > .awb-carousel > .swiper-wrapper > .swiper-slide .fusion-image-wrapper,
.imgcarousel > .awb-carousel > .swiper-wrapper > .swiper-slide .fusion-image-wrapper a{
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.imgcarousel > .awb-carousel > .swiper-wrapper > .swiper-slide .fusion-image-wrapper img,
.imgcarousel > .awb-carousel > .swiper-wrapper > .swiper-slide .fusion-carousel-item-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.imgcarousel .awb-swiper-button-next, .imgcarousel .awb-swiper-button-prev{margin-top: -8px;}


.imgcarousel .awb-carousel{max-width:790px!important;}
.imgcarousel .swiper-wrapper:not(:has(> .swiper-slide:nth-child(5))){justify-content:center;}
.imgcarousel .swiper-slide{max-width:150px; max-height:150px;}





.fusion-disable-outline .ilightbox-toolbar a.ilightbox-fullscreen {display: none !important;}


.table-responsive, .awb-off-canvas-wrap .awb-off-canvas-inner .off-canvas-content {
  scrollbar-color: #2C68A9 transparent !important;
  /* thumb and track color */
  scrollbar-width: thin !important;
}

.table-responsive::-webkit-scrollbar, .awb-off-canvas-wrap .awb-off-canvas-inner .off-canvas-content::-webkit-scrollbar{
  width: 5px;
  height: 5px;
}

.table-responsive::-webkit-scrollbar-track, .awb-off-canvas-wrap .awb-off-canvas-inner .off-canvas-content::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px transparent;
  box-shadow: inset 0 0 6px transparent;
  background-color: transparent;
}

.table-responsive::-webkit-scrollbar-thumb, .awb-off-canvas-wrap .awb-off-canvas-inner .off-canvas-content::-webkit-scrollbar-thumb{
  background-color: #2C68A9;
}

.gecko .table-responsive, .gecko .awb-off-canvas-wrap .awb-off-canvas-inner .off-canvas-content {
  scrollbar-color: #2C68A9 transparent !important;
  /* thumb and track color */
  scrollbar-width: thin !important;
}

.firefox .table-responsive, .firefox .awb-off-canvas-wrap .awb-off-canvas-inner .off-canvas-content {
  scrollbar-color: #2C68A9 transparent !important;
  /* thumb and track color */
  scrollbar-width: thin !important;
}

.table-responsive:hover, .awb-off-canvas-wrap .awb-off-canvas-inner .off-canvas-content:hover {
  scrollbar-color: #2C68A9 transparent !important;
  /* thumb and track color */
  scrollbar-width: thin !important;
}

#menu-main-menu.awb-menu__main-ul {
    display: flex;
    flex-direction: column;          /* force column (overrides _row) */
    flex-wrap: nowrap;
    width: 100%;
    max-width: 320px;                /* panel width — adjust to taste */
    margin: 0;
    padding: 0;
    list-style: none;
    background: #2e3e4e;             /* dark navy panel background */
 
    /* Vertical scroll when the menu is taller than the screen */
    max-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
 
    /* Custom scrollbar (Firefox) */
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, .25) transparent;
}
 
/* ---- Each menu row ------------------------------------------- */
#menu-main-menu .awb-menu__main-li {
    display: block;
    width: 100%;
    margin: 0;
}
#menu-main-menu .awb-menu__main-li:last-child {
    border-bottom: 0;
}
 
/* ---- The clickable link: label left, circle-arrow right ------ */
#menu-main-menu .awb-menu__main-a {
    display: flex;
    align-items: center;
    justify-content: space-between;   /* text left, arrow right */
    gap: 12px;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 5px;
    color: #ffffff;
    text-decoration: none;
    background: transparent;
    transition: background-color .2s ease;
}
 
/* ---- The uppercase bold label ------------------------------- */
#menu-main-menu .menu-text {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.36px;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
 
/* ---- The white circular ">" button (built in pure CSS) ------ */
#menu-main-menu .awb-menu__main-a::after {
    content: "";
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='2' width='24' height='24' rx='12' fill='%23fff' shape-rendering='crispEdges'/%3E%3Cpath d='M20.0801 13.8457L9.91998 17.9531L12.3809 13.8457L9.91998 9.74414L20.0801 13.8457Z' fill='%230D1C2B'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center -4px;
    background-size: 36px;
    transition: transform .2s ease;
    overflow: hidden;
} /* background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_44_103)'%3E%3Crect x='3' y='2' width='24' height='24' rx='12' fill='white' shape-rendering='crispEdges'/%3E%3Cpath d='M20.0801 13.8457L9.91998 17.9531L12.3809 13.8457L9.91998 9.74414L20.0801 13.8457Z' fill='%230D1C2B'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_44_103' x='0' y='0' width='30' height='30' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_44_103'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_44_103' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"); width: 30px; height: 30px; background-position: 55% center; background-size: 30px 30px; */
#menu-main-menu .awb-menu__main-a:hover::after {
    transform: translateX(3px);       /* subtle arrow nudge on hover */
}
 
/* Hide Avada's default hover-background spans so our colour shows */
#menu-main-menu .awb-menu__main-background-default,
#menu-main-menu .awb-menu__main-background-active {
    display: none;
}
#menu-main-menu .awb-menu__main-li:hover .awb-menu__main-a, #menu-main-menu .awb-menu__main-li:hover .awb-menu__main-a .menu-text,
#menu-main-menu .awb-menu__main-li.current-menu-item .awb-menu__main-a, #menu-main-menu .awb-menu__main-li.current-menu-item .awb-menu__main-a .menu-text{
    color: #4faaf9;
}
#menu-main-menu .awb-menu__main-li:hover .awb-menu__main-a::after, #menu-main-menu .awb-menu__main-li.current-menu-item .awb-menu__main-a::after{
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='2' width='24' height='24' rx='12' fill='%234FAAF9' shape-rendering='crispEdges'/%3E%3Cpath d='M20.0801 13.8457L9.91998 17.9531L12.3809 13.8457L9.91998 9.74414L20.0801 13.8457Z' fill='%230D1C2B'/%3E%3C/svg%3E");
} /* background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_44_103)'%3E%3Crect x='3' y='2' width='24' height='24' rx='12' fill='%234FAAF9' shape-rendering='crispEdges'/%3E%3Cpath d='M20.0801 13.8457L9.91998 17.9531L12.3809 13.8457L9.91998 9.74414L20.0801 13.8457Z' fill='%23FFFFFF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_44_103' x='0' y='0' width='30' height='30' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_44_103'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_44_103' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"); */
 
/* ---- Custom scrollbar (WebKit — shows when menu overflows) --- */
#menu-main-menu::-webkit-scrollbar {
    width: 6px;
}
#menu-main-menu::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .25);
    border-radius: 3px;
}

.fusion-fullwidth.castcrewcol > .fusion-row > .fusion-flex-column{background-color: #13212E; border: 1px solid rgb(47 116 192 / 25%); padding: 20px 10px;}


.bod-blue-box{background-color: #13212E; border: 1px solid rgb(47 116 192 / 25%); padding: 20px;}

.ilightbox-toolbar.metro-black {left: auto !important; right: 8px !important;}

.audio-wrap, .counter-wrap {text-align: center; margin-bottom: 15px;}
.audio-wrap .da-pill{box-shadow: none;}
.audio-wrap .counter-label, .counter-wrap .counter-label{color: #ffffff; font-size: 11px;}
.counter-wrap {text-align: center;}
.counter-wrap #visit-count span{font-size: 11px; border-color: #eee; color: #ffffff;}


.awb-off-canvas-wrap .awb-off-canvas-inner .off-canvas-content > .fusion-fullwidth.fullwidth-box{
    overflow-y: auto;
}


.awb-off-canvas-wrap .awb-off-canvas-inner .off-canvas-content > .fusion-fullwidth.fullwidth-box {
  scrollbar-color: #2C68A9 transparent !important;
  /* thumb and track color */
  scrollbar-width: thin !important;
}

.awb-off-canvas-wrap .awb-off-canvas-inner .off-canvas-content > .fusion-fullwidth.fullwidth-box::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.awb-off-canvas-wrap .awb-off-canvas-inner .off-canvas-content > .fusion-fullwidth.fullwidth-box::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px transparent;
  box-shadow: inset 0 0 6px transparent;
  background-color: transparent;
}

.awb-off-canvas-wrap .awb-off-canvas-inner .off-canvas-content > .fusion-fullwidth.fullwidth-box::-webkit-scrollbar-thumb {
  background-color: #2C68A9;
}

.gecko .awb-off-canvas-wrap .awb-off-canvas-inner .off-canvas-content > .fusion-fullwidth.fullwidth-box {
  scrollbar-color: #2C68A9 transparent !important;
  /* thumb and track color */
  scrollbar-width: thin !important;
}

.firefox .awb-off-canvas-wrap .awb-off-canvas-inner .off-canvas-content > .fusion-fullwidth.fullwidth-box {
  scrollbar-color: #2C68A9 transparent !important;
  /* thumb and track color */
  scrollbar-width: thin !important;
}

.awb-off-canvas-wrap .awb-off-canvas-inner .off-canvas-content > .fusion-fullwidth.fullwidth-box:hover {
  scrollbar-color: #184F8A transparent !important;
  /* thumb and track color */
  scrollbar-width: thin !important;
}

#daily-audio { display: inline-flex; }

.da-pill {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 7px 14px 7px 11px;
    background: #0a1420;                      /* near-black pill        */
    border: 2px solid #2f8fd6;               /* blue outline           */
    border-radius: 10px;
    box-shadow: 0 0 7px rgba(47,143,214,.45);/* soft blue glow         */
    cursor: pointer; user-select: none;
    line-height: 0;
    -webkit-tap-highlight-color: transparent;
}
.da-pill:focus-visible { outline: 2px solid #7cc4f5; outline-offset: 2px; }

/* play / pause icon (blue) */
.da-ico { width: 16px; height: 16px; position: relative; flex: 0 0 auto; }
.da-ico .da-play {
    position: absolute; top: 50%; left: 55%; transform: translate(-50%,-50%);
    width: 0; height: 0;
    border-left: 12px solid #37a0e8;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
.da-ico .da-pause { position: absolute; inset: 0; display: none; }
.da-ico .da-pause::before,
.da-ico .da-pause::after {
    content: ""; position: absolute; top: 1px; bottom: 1px; width: 4px;
    background: #37a0e8; border-radius: 1px;
}
.da-ico .da-pause::before { left: 3px; }
.da-ico .da-pause::after  { right: 3px; }
/* swap icons when playing */
.da-pill.playing .da-play  { display: none; }
.da-pill.playing .da-pause { display: block; }

/* equalizer bars */
.da-bars { display: inline-flex; align-items: flex-end; gap: 2px; height: 26px; }
.da-bar {
    display: block; width: 3px; background: #37a0e8; border-radius: 1px;
    transform-origin: bottom;
    animation: da-eq 1s linear infinite;
    animation-play-state: paused;            /* static until playing   */
}
.da-pill.playing .da-bar { animation-play-state: running; }
@keyframes da-eq {
    0%, 100% { transform: scaleY(1); }
    50%      { transform: scaleY(.30); }
}
@media (prefers-reduced-motion: reduce) {
    .da-bar { animation: none !important; }
}

/* disabled look if today's clip is missing */
.da-pill.da-disabled { opacity: .45; pointer-events: none; }


.sidebar-logo-box{overflow:visible!important; position:relative;}
.sidebar-logo-box:after{content:''; position:absolute; left:-10px; right:-10px; bottom:-10px; width:calc(100% + 20px); height:2px; border-bottom:2px solid #2f74c0;}
.sidebar-logo-box a{display:block; position:relative;}
.sidebar-logo-box a:before{content:''; background-color:#000; position:absolute; display:block; top:-10px; right:-10px; bottom:-10px; width:calc(100% + 20px); height:calc(100% + 20px); margin:auto; z-index:-1;}


.error-page-section{min-height: calc(100dvh - 170px)!important; min-height:calc(100vh - 170px)!important;}
.error-page-content h1{font-size:72px!important;}
.error-page-content p{font-size:22px; margin-bottom:0!important;}


 
/* ---- Responsive: tighten spacing on small screens ----------- */


@media (max-width: 480px) {
    #menu-main-menu.awb-menu__main-ul {
        max-width: 100%;              /* fill the width on phones */
    }
    #menu-main-menu .awb-menu__main-a {
        padding: 8px 6px;
    }
    #menu-main-menu .menu-text {
        font-weight: 600;
        font-size: 16px;
    }
    #menu-main-menu .awb-menu__main-a::after {
        width: 22px;
        height: 22px;
        background-size: 32px;
    }

    .imgcarousel .swiper-wrapper:not(:has(> .swiper-slide:nth-child(5))){justify-content:flex-start;} 
}

.pss-quilt {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
.pss-quilt, .pss-quilt * { box-sizing: border-box; }

.pss-quilt .pss-tile {
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    overflow: hidden;
    aspect-ratio: 16 / 9;             /* per-image ratio */
    border: 1px solid #1B2C3F;
    background: #20313F;
    transition: opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1);
}
/* reveal only when JS is active, so it never gets stuck hidden */
.pss-quilt.pss-js .pss-tile { opacity: 0; transform: translateY(18px) scale(.96); }
.pss-quilt.pss-js .pss-tile.is-in { opacity: 1; transform: none; }

/* shimmer while first image decodes */
.pss-quilt .pss-tile::before {
    content: "";
    position: absolute; inset: 0; z-index: 0; pointer-events: none;
    background: linear-gradient(100deg,#1e2c39 30%,#2a3b4c 50%,#1e2c39 70%);
    background-size: 200% 100%;
    animation: pss-shimmer 1.4s infinite;
    transition: opacity .4s ease;
}
.pss-quilt .pss-tile.loaded::before { opacity: 0; }
@keyframes pss-shimmer {
    0% { background-position: 200% 0; } 100% { background-position: -200% 0; }
}

/* two stacked images per tile; the visible one has .pss-show.
   !important guards against theme rules like img{height:auto}. */
.pss-quilt .pss-face {
    position: absolute !important; inset: 0 !important; z-index: 1;
    display: block !important;
    width: 100% !important; height: 100% !important; max-width: none !important;
    object-fit: cover !important;
    opacity: 0;
    transition: opacity 1s ease, transform .5s ease;
}
.pss-quilt .pss-face.pss-show { opacity: 1; }
/* .pss-quilt .pss-tile:hover .pss-face.pss-show { transform: scale(1.06); } */

/* DESKTOP: cap the grid width by viewport HEIGHT so all 3 rows fit
   on screen (no page scroll). Because tiles are 16:9, height follows
   width, so limiting width in vh limits total height.
   -> If it still scrolls a little, LOWER 140vh (e.g. 128vh).
   -> If there's too much empty space on the sides, RAISE it. */
   
@media (min-width: 783px) {
    .pss-quilt {max-width: 1300px !important; width: 100%; margin-left: auto; margin-right: auto; }
}

@media (max-width: 1239px) { .pss-quilt { grid-template-columns: repeat(2,1fr); gap: 12px; } }
@media (max-width: 782px) { .pss-quilt { grid-template-columns: repeat(2,1fr); gap: 12px; } }
@media (max-width: 480px) { .pss-quilt { grid-template-columns: 1fr; gap: 10px; } }


/* toggle link hidden on desktop (only shows on tablet/phone) */
#sidebar-toggle { display: none !important; }
 
@media (min-width: 1024px) {
    .menu-btn, .audio-counter-wrap{display: none !important;}
}
@media (min-width: 1400px) {
    .fusion-flex-container .fusion-row .fusion-flex-column.audio-section {--awb-spacing-left-large: 0 !important;}
    .fusion-fullwidth.innerwrap > .fusion-row > .fusion-flex-column{max-width: 70%;}
}
@media (max-width: 1399px) {
    #visit-count span{margin: 0 1px; padding: 3px;}
}

@media (max-width: 1199px) {
    #visit-count span {margin: 0 1px; padding: 2px; font-size: 13px; width: 15px;}
    .da-pill{padding: 4px 10px 4px 8px;}
    .da-bars{height: 22px;}
    .fusion-tb-header .logo-section img {max-width: 320px;}
}
@media (max-width: 1024px) {
    #boxed-wrapper #wrapper {
        padding-left: 260px !important;
    }
}
@media (max-width: 1023px) {
    /* content spans full width (drop the pinned-sidebar gap) */
    #boxed-wrapper #wrapper { padding-left: 0 !important; }
    .fusion-tb-header .audio-section, .fusion-tb-header .counter-section{display: none !important;}
    .fusion-tb-header .logo-section {width: 100% !important;}
    .fusion-tb-header .logo-section > .fusion-column-wrapper{flex-direction: row !important; justify-content: space-between !important; margin: 0 35px 0 20px; align-items: center;}
    .fusion-tb-header .logo-section > .fusion-column-wrapper .fusion-text p {margin: 0;}
    .fusion-tb-header .logo-section > .fusion-column-wrapper .fusion-text #sidebar-toggle {color: #2f74c0; font-size: 30px; font-weight: 400;}

    main#main {padding: 25px !important;}
 
    /* the pinned sidebar becomes a slide-in panel, hidden off-screen */
    #sidebar-panel {
        width: 300px !important;
        max-width: 85vw !important;
        transform: translateX(-100%);
        transition: transform .35s ease;
        will-change: transform;
    }
    #sidebar-panel.oc-open { transform: translateX(0); }
 
    /* dim overlay behind the open panel */
    #sidebar-overlay {
        position: fixed; inset: 0;
        background: rgba(0,0,0,.5);
        opacity: 0; visibility: hidden;
        transition: opacity .35s ease;
        z-index: 99985;
    }
    #sidebar-overlay.oc-open { opacity: 1; visibility: visible; }
 
    /* show YOUR toggle link on mobile. Style it however you want in your
       header; this just makes it visible and tappable. */
    #sidebar-toggle {
        display: inline-flex !important;
        align-items: center; gap: 8px;
        cursor: pointer;
    }
}

@media (max-width:800px) {
    #toTop{bottom:0!important; right:18px!important;}
}
 
@media (max-width: 992px) {
    /* .fusion-tb-header .logo-section > .fusion-column-wrapper{margin: 0 20px 0 10px;} */
    .fusion-tb-header .logo-section img {max-width: 280px;}
}
@media (max-width: 575px) {
    .fusion-tb-header .logo-section > .fusion-column-wrapper{margin: 0 10px 0 5px;}
    .fusion-tb-header .logo-section > .fusion-column-wrapper img {max-width: 280px;}
    .imgcarousel > .awb-carousel > .swiper-wrapper > .swiper-slide {max-width: 150px; min-width: 150px;}
}