/*
 * embeddable_narrator_usnews.1.0.0.css — externalized static CSS for embeddable_narrator_usnews.jsp
 *
 * Externalized 2026-05-25 (see engineering-docs/features/jsp-externalization/playbook.md).
 *
 * Per-partner theming values live in the JSP as CSS custom properties on :root.
 * This file consumes them via var(--name).
 *
 * Versioned filename for cache-busting. Bump the version when this file changes.
 * Tomcat serves /css/* with Cache-Control: public, max-age=31536000, immutable.
 */

             .provider-primary {
               color: var(--primary-color);
             }

             .provider-primary-background,
             .provider-primary-background-spinner:after {
               background-image: linear-gradient(141deg, var(--background-gradient-start) 12%, var(--background-gradient-stop) 87%);
             }

             .provider-primary-border,
             .button-container:hover .spinner,
             .button-container:hover .spinner:before,
             .button-container-selected .provider-primary-selected,
             .button-container-selected .provider-primary-border-small,
             .provider-primary-seekbar::-webkit-slider-thumb,
             .provider-primary-seekbar::-moz-range-thumb,
             .provider-primary-seekbar::-moz-range-progress,
             .button-container:hover .circular-button,
             .button-container:hover .spinner:after,
             .button-container:hover .speed-text-hover,
             .widget-ad-container,
             .provider-primary-seekbar::-moz-range-progress,
             input[type="range"]::-webkit-slider-thumb,
             input[type="range"]::-moz-range-thumb,
             .provider-primary-seekbar::-webkit-slider-thumb:hover,
             .provider-primary-seekbar::-moz-range-thumb:hover,
             .provider-primary-seekbar::-moz-range-thumb {
               background-color: var(--primary-color);
             }

             .button-container:hover .circular-button {
               background-color: var(--primary-color);
               opacity:0.8;
             }

             .provider-primary-border {
               border: solid 4px var(--primary-color);
             }

             .sponsor-text {
               color: var(--sponsor-text-color);
               font-size: var(--sponsor-text-size) !important;
             }

             .sponsor-instaread-logo {
               height: var(--sponsor-text-logo) !important;
             }

             .speed-text-hover {
               color: var(--speed-time-color);
             }

             .speed-current-time,
             .audio-primary-text,
             .current {
               color: var(--speed-time-current-color);
             }

             .widget-ad-container {
                cursor:pointer;
               /* background-image: linear-gradient(to bottom, var(--widget-ad-gradient-start-color) 0%, var(--widget-ad-gradient-end-color) 100%) !important; */
               height:42px;
               background-image: var(--default-ad-bg); /* Set the path to your image */
               background-size: cover; /* Adjust the background size */
               width: 265px;
               background-repeat: no-repeat;
               -webkit-background-repeat: no-repeat;
               -moz-background-repeat: no-repeat;
               -o-background-repeat: no-repeat;
               background-position: contain;
               box-shadow:none !important;
               -webkit-background-size: contain;
               -moz-background-size: contain;
               -o-background-size: contain;
             }
             .widget-ad-inner-container_default{
                 background-image: var(--default-ad-bg) !important;
                 background-size: cover !important;
                 background-position: center !important;
             }

             .underline {
               -webkit-text-decoration-line: underline;
               text-decoration-line: underline;
             }

             .text-black {
               color: #000;
             }

             .font-bold {
               font-weight: 700;
             }

             .provider-primary-border {
               border: solid 4px var(--primary-color);
             }

             .provider-secondary-background {
               background-color: var(--secondary-color);
               /* border-bottom: solid 1px rgb(0 0 0 / 0.2); */
             }

             .widget-ads-container {
               padding: 1px;
               display: flex;
               justify-content: center;
               align-items: center;
             }
             .instaread-widget-mobile .widget-ads-container{
               width: 320px;
               min-width: 320px;
               height: 100px !important;
               display: flex;
               justify-content: center;
               position: relative
             }

             .instaread-widget-mobile {
               background-color: var(--bg-secondary-color);
               width: 99%;
               height: 218.4px;
               box-shadow: 0px 1px 5px 0px rgba(81, 87, 103, 0.12), 0px 2px 2px 0px rgba(81, 87, 103, 0.14), 0px 3px 1px -2px rgba(81, 87, 103, 0.20);
              /** border: solid 1px rgb(0 0 0 / 0.1);
               box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); **/
             }

             .instaread-widget-desktop {
               background-color: var(--bg-secondary-color);
              box-shadow: 0px 1px 5px 0px rgba(81, 87, 103, 0.12), 0px 2px 2px 0px rgba(81, 87, 103, 0.14), 0px 3px 1px -2px rgba(81, 87, 103, 0.20);
              width: 99%;
              height: 140px;
              display: flex;
              flex-direction: row;
              align-items: center;
             }
             .instaread-widget-desktop .flexible-seekbar{
                  padding: 0.0319rem 0 !important;
                  display: flex;
             }

             .pointer {
               cursor: pointer;
             }
             .audio-primary-text{
                   font-family: var(--font-family) !important;
               }
               .circular-button{
                   box-shadow: none;
                   border: 3px solid var(--button-border-color);
               }

          .pby-container{
              z-index:9999;
              cursor:pointer;
             }

               .instaread-widget-mobile .audio-primary-text {
                font-size: 14px;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                display: flex;
                align-items: center;
                box-sizing: border-box;
                height: 16px;
                padding-left: 1.2rem;
            }
            .instaread-widget-mobile .widget-audio-inner-container{

                    margin-top: 0px !important;
                }
              .instaread-widget-mobile .circular-button {
              position: relative;
              width: 50px !important;
              height: 50px !important;
    }

                .instaread-widget-mobile .widget-audio-container{
                    padding-top: 16px;
                    position: relative;
                }

             .instaread-widget-mobile .pby-container{
                 right: 4.14%;
                 bottom: -17px;
             }
             .instaread-widget-mobile .advertisementText{
                     font-size: 10px;
                     font-family: var(--font-family);
                     margin-bottom: 6px;
                     width: 100%;
                     padding-left: 2.8rem;

             }
                            #instaread-widget {
      visibility: hidden;
  }


             @media all and (min-width:600px){

               .instaread-widget-desktop #widget-audio-container::after {
                   content: "";
                   background-color: rgb(0 0 0 / 0.2);
                   position: absolute;
                   width: 1px;
                   height: 33px;
                   top: 24px;
                   left: 100%;
                   display: block;
               }
               .instaread-widget-desktop .audio-primary-text{
                           font-size: 16px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    display: flex;
                    align-items: center;
                    box-sizing: border-box;
                    height: 32px;
                    padding-left: 2.2rem;
               }
               .instaread-widget-desktop #widget-audio-container {
                                width: 66%;
                        padding: 0px 10px;
                        min-width: 278.4px;
                        border-bottom: 0;
                        position: relative;
                        padding-top: 50px;
               }
               /* .instaread-widget-desktop .widget-audio-container{
                 width: 324px;
               } */
               .instaread-widget-desktop .widget-ads-container{
                   width: 320px;
                   min-width: 320px;
                   height: 100px;
                   display: flex;
                   justify-content: center;
                   align-items: center;
                   position: relative;
               }
               .instaread-widget-desktop .advertisementText{
                 font-size: 12px;
                 font-family: var(--font-family);
                 /* margin-left: 2rem; */
                 width: 87%;
               }

               .instaread-widget-desktop .parent-ad-container{
                     width: 52%;
                    padding: 0px 10px;
                    margin: 12px 0px;
                    border-bottom: 0;
                    height: 140px;
                    display: flex;
                    flex-direction: column;
                    gap:4px;
                 }


              #widget-audio-container::after{
               display: none !important;
             }

            .instaread-widget-desktop .widget-audio-inner-container{
              height:auto !important;
            }

             }
             .instaread-widget-desktop .widget-ad-container {
              cursor:pointer;
              margin-top :-5px !important;
            }
               .instaread-widget-desktop .pby-container{
                   right: 3.22%;
                   bottom: 15px;
                 }
                .instaread-widget-mobile .parent-ad-container {
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  flex-direction: column;
           }
           ._ap_apex_ad {
            display: flex !important;
            align-items: center !important;
            }
             .instaread-widget-desktop .audioplayer-middle-container-1{
                 padding-left: 0.65rem;
                 padding-right: 0.65rem !important;
                 display: flex;
             }
             .audioplayer-middle-container-1{
              height: 53px !important;
             }
             /* Rest of your styles... */
              .pb-instaread-logo{
               opacity: 0.2 !important;
             }

             .instaread-widget-mobile .audioplayer-middle-container-1 {
                padding-left: 1rem !important;
                padding-right: 1rem !important;
           }

                           .audioPrimaryWaves {
      height: auto;
      width: 100%;
      cursor: pointer;
      max-width: 377px;
  }
            .instaread-widget-mobile .audioPrimaryWaves {
            width: 230px;
            max-width: 230px;
            height: 44px;
        }
            .instaread-widget-mobile .play-icon-inner-container{
              height: 50px !important;
            }
              ._ap_apex_ad {
                  display: flex !important;
                  align-items: center !important;
                  }
</style>