/*
    =================================================
                    LARGE SCREENS
    =================================================
*/
@media screen and (min-width: 4000px) {
    .ticker-banner--wrapper .slick-track {
        justify-content: space-between;
        width: 200% !important;
    }
}




/*
    =================================================
                        DESKTOP
    =================================================
*/

@media screen and (min-width: 1366px) {
    .slideshow--slider.docs .slideshow-item {
        max-height: 424px;
        /* height: 40vw; */
    }
    
}

@media screen and (max-width: 1366px) {

    .custom-uabb-timeline .timeline-item--img img {
        max-width: 140px;
        max-height: 140px;
    }

    .custom-uabb-timeline .uabb-timeline-heading-text {
                max-width: 460px;
                display: flex;
        min-height: 150px;
        align-items: center;
    } 
    .custom-uabb-timeline .uabb-timeline-heading-text, 
    .custom-uabb-timeline .uabb-timeline-desc-content {
        padding-right: 140px;
    }

    .custom-uabb-timeline .timeline-item--img {
        width: 130px;
    }
    
}



@media only screen and (max-width: 1280px) {

    .custom-uabb-timeline .uabb-timeline-desc-content {
        padding-right: 0;
    }
        .custom-uabb-timeline .timeline-item--img img {
        max-width: 120px;
        max-height: 120px;
    }

}


/*
    =================================================
                SMALL DESKTOP SCREEN
    =================================================
*/

@media only screen and (max-width: 1024px) {

    .materials-list.list .item--desc p.h4 {
        max-width: 350px;
    }

}




/*
    =================================================
                ABOVE TABLET SIZE SCREEN
    =================================================
*/
@media screen and (min-width: 993px) {

    .wrap_svl_center_box,
    .wrap_svl {
        width: 100%;
    }

}



/*
    =================================================
                        TABLET
    =================================================
*/
@media only screen and (max-width: 992px) {


    /*
        ========================
                SPACING
        ========================
    */

    .fl-row:not(.nopadding) .fl-row-content-wrap {
        padding-left: 50px;
        padding-right: 50px;
    }


    /**************/
    /* TYPOGRAPHY */
    /**************/

    h1, .h1, .h1 p, .h1 .fl-heading {
        font-size: 2.375rem;
        line-height: 2.875rem;
    }

    h2, .h2, .h2 p, .h2 .fl-heading {
        font-size: 1.75rem;
        line-height: 2.375rem;
    }

    h3, .h3, .h3 p, .h3 .fl-heading {
        font-size: 1.5rem;
        line-height: 1.875rem;
    }

    h4, .h4, .h4 p, .h4 .fl-heading {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    h5, .h5, .h5 p, .h5 .fl-heading {
        font-size: 0.9375rem;
        line-height: 1.5rem;
    }

    .uabb-hoptspot-title span.h4 {
        font-size: 1.125rem !important;
        line-height: 1.875rem !important
    }

    p, .p, ul, ol {
        font-size: 1rem;
        line-height: 1.75rem;
    }

    .large, p.large, p .large, .large p,
    .large ol, ol.large, .large ul, ul.large {
        font-size: 1.125rem;
        line-height: 1.875rem;
    }

    .maxwidth500 h2 {
        max-width: 300px;
    }

    .stats .fl-number .fl-number-text .fl-number-string,
    .stats .fl-number .fl-number-text .fl-number-string span {
        font-size: 2.2222rem;
    }

    .counter-row .fl-number .fl-number-text .fl-number-string span {
        font-size: 2rem;
    }

    .experience-title-font .fl-heading,
    .experience-title-font .haisla-heading span:not(.haisla_pronunciation) {
        font-size: 38px;
        line-height: 46px;
    }




    /*
        ========================
                 ASSETS
        ========================
    */

    /* ============
        IMAGES
    ============= */

    .photo-overlap {
        width: calc(100% - 100px);
    }

    .background-shape-resp .fl-builder-bottom-edge-layer > * {
        height: 70%;
    }

    .background-shape-resp .fl-row-content-wrap {
        background-position: center top;
        background-size: 100%;
    }

    
    /* ===================
         AUDIO CONTROLS
       =================== */

.podcast-controls .mejs-embed, .mejs-embed body, 
.wp-audio-shortcode.mejs-container .mejs-controls {
    max-width: 100%;
    height: 66px;
}

.podcast-controls .mejs-button:not(.podcast-controls .mejs-volume-button) {
    transform: scale(0.74);
}


    /*
        =================================================
                          ITEM STYLING
        =================================================
    */

    /*
        ========================
                TIMELINE
        ========================
    */
    .custom-uabb-timeline .timeline-item--img img {
                max-width: 110px;
        max-height: 110px;
        
    }
    .custom-uabb-timeline .timeline-item--img {right:2vw;}
    
    .custom-uabb-timeline .uabb-timeline-desc-content {
        padding-right: 0;
        /* padding-top: 60px; */
    }

    

    /*
        ========================
                  TEAM
        ========================
    */

    ul.team-list {
        grid-template-columns: 100%;
    }




    /*
        ========================
                MATERIALS
        ========================
    */
    .materials-list.list .item--desc p:not(.h4) {
        font-size: 0.9rem;
        line-height: 2rem;
        padding: 16px 29px;
    }

    .materials-list.list .item--desc p.h4 {
        max-width: 600px;
    }

    .materials-list.list span.item--tag {
        display: inline-block;
        position: revert;
        top: revert;
        right: revert;
        transform: revert;
    }

    .materials-list.list .item--desc p.h4 span.title {
        margin-right: 26px;
    }




    /*
        ========================
                PARTNERS
        ========================
    */
    .fl-module-photo-gallery.partners .uabb-photo-gallery-content {
        height: 17vw;
    }




    /*
        ========================
               ACCORDIONS
        ========================
    */
    .fl-builder-content .centered .fl-accordion-button .fl-accordion-button-icon {
        padding-right: 62px;
    }

}



/*
    =================================================
                        MOBILE
    =================================================
*/
@media only screen and (max-width: 768px) {

    /*
        ========================
                SPACING
        ========================
    */

    .fl-row:not(.nopadding, .resp-fullwidth) .fl-row-content-wrap {
        padding-left: 18px;
        padding-right: 18px;
    }

    .fl-row.resp-fullwidth .fl-row-content-wrap {
        padding: 0;
    }


    .acknowledgement-row-auto {
        display: grid;
        grid-template-columns: 100%;
        grid-column-gap: 16px;
        grid-row-gap: 36px;
    }


    .modal-slider.exp .slick-slide:nth-of-type(even),
    .slideshow--slider.exp .slick-slide:nth-of-type(even),
    .slideshow--slider.docs .slick-slide:nth-of-type(even) {
        margin-top: 0;
    }

    .slideshow--slider.docs .slick-track {
        display: flex;
    }

    .slideshow--slider.docs .slick-slide {
        height: inherit;
    }

    .slideshow--slider.docs .slick-slide > div,
    .slideshow--slider.docs .slick-slide .slideshow-item {
        height: 100%;
    }

    .slideshow--slider.docs .slick-slide .slideshow-item {
        display: flex !important;
        flex-direction: column;
    }

    .slideshow--slider.docs .slideshow-slide--details {
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    .slideshow--slider.docs .slideshow-slide--details a {
        margin-top: auto;
    }

    .slideshow--slider.exp .slideshow-item > div {
        height: 400px;
    }




    .immersive-video-modal-overlay .uabb-modal-close {
        right: 18px;
        top: 18px !important;
        width: 36px;
        height: 36px;
    }



    .origin-story-hero::after {
        top: 95%;
        width: 500px;
        height: 130px;
    }

    .origin-story-hero::before {
        width: 150px;
        bottom: -100px;
    }

    .social-share {
        height: 50%;
        width: 56px;
    }

    .fl-module-uabb-hotspot span.uabb-hotspot-tooltip-content.uabb-text-editor {
        padding: 16px;
        margin-bottom: 0px !important;
        width: 250px;
        font-size: 14px;
        line-height: 24px;
    }

    .fl-module-uabb-hotspot .uabb-imgicon-wrap .uabb-image-content img {
        transform: scale(.7);
    }
    
    .fl-module-uabb-hotspot .uabb-hotspot-hover .uabb-imgicon-wrap .uabb-image-content img,
    .fl-module-uabb-hotspot .uabb-imgicon-wrap .uabb-image-content img:hover {
        transform: scale(.8);
    }




    



    /*
        ========================
                 ASSETS
        ========================
    */

    /*============
        BUTTONS
    =============*/

    .fl-module-button:not(.arrowlink, .download) a.fl-button,
    div.wpforms-container-full button.wpforms-submit.btn-round {
        padding: 13px 49px 13px 25px;
    }

    .fl-module-button.round.scroll a.fl-button {
        padding: 13px;
    }

    .fl-module-button.noarrow a.fl-button,
    div.wpforms-container-full button.wpforms-submit.btn-round {
        padding: 13px 25px;
    }

    .fl-module-button a.fl-button,
    .fl-module-button-group a.fl-button,
    a.arrowlink,
    div.wpforms-container-full button.wpforms-submit.btn-round {
        font-size: 16px;
    }

    .fl-module-button-group.arrowlink .fl-button-group-buttons {
        flex-direction: column;
        justify-content: flex-start;
    }

    .fl-module-button-group.arrowlink.video-row .fl-button-group-buttons {
        flex-direction: row;
        justify-content: space-between;
    }

    .fl-builder-content .arrowlink .fl-button-group .fl-button-group-buttons .fl-button-group-button:not(:last-of-type) {
        padding-bottom: 16px;
    }

    .fl-builder-content .arrowlink.video-row .fl-button-group .fl-button-group-buttons .fl-button-group-button:not(:last-of-type) {
        max-width: max-content;
    }

    .fl-module-button-group.arrowlink .fl-button-group-button:not(:first-of-type) {
        transform: translateX(0px);
    }



    /*============
        IMAGES
    =============*/
    .fl-post .mediumheight img {
        height: auto;
        max-height: 64vw;
        object-fit: cover;
        object-position: center bottom;
    }

    .photo-overlap {
        bottom: -44px;
        width: calc(100% - 36px);
    }




    /*
        =================================================
                          ITEM STYLING
        =================================================
    */

    /*
        ========================
                COUNTER
        ========================
    */

    .counter-row .fl-col-group:last-of-type {
        flex-direction: column;
        max-width: fit-content;
    }

    .counter-row .fl-number .fl-number-text .fl-number-string span {
        font-size: 2.2222rem;
    }




    /*
        ========================
                  TEAM
        ========================
    */

    ul.team-list {
        grid-row-gap: 16px;
    }

    li.team-list_item {
        padding: 26px 18px;
    }

    li.team-list_item div.item--logo {
        height: 42.66px;
        margin-bottom: 36px;
    }

    li.team-list_item div.item--logo img {
        max-width: 145px;
    }

    li.team-list_item div.item--details .h4,
    li.team-list_item div.item--details p {
        margin-bottom: 16px;
    }




    /*
        ========================
                  FAQ
        ========================
    */

    .fl-builder-content .fl-accordion-button .fl-accordion-button-label {
        font-size: 18px;
        line-height: 24px;
    }

    .fl-builder-content .fl-accordion-button .fl-accordion-button-icon {
        padding-right: 34px;
    }

    .fl-builder-content .fl-module:not(.centered) .fl-accordion-content {
        padding-left: 47px;
    }

    .fl-builder-content .fl-accordion-button .fl-accordion-button-icon::before {
        width: 14px;
        height: 14px;
        top: 18px;
    }




    /*
        ========================
           BEFORE AFTER SLIDER
        ========================
    */

    .fl-row-content-wrap .uabb-before-after-slider .twentytwenty-handle {
        padding: 24px 65px 24px 58px;
        margin-left: -58px;
        font-size: 12px;
    }

    .fl-row-content-wrap .uabb-before-after-slider .twentytwenty-left-arrow:after, .fl-row-content-wrap .uabb-before-after-slider .twentytwenty-right-arrow:after {
        top: 18px;
    }

    .fl-row-content-wrap .uabb-before-after-slider .twentytwenty-left-arrow:after {
        left: 20px;
    }

    .fl-row-content-wrap .uabb-before-after-slider .twentytwenty-right-arrow:after {
        right: 20px;
    }

    .fl-row-content-wrap .uabb-before-after-slider .twentytwenty-handle:before {
        margin-bottom: 24px;
    }
    .fl-row-content-wrap .uabb-before-after-slider .twentytwenty-handle:after {
        margin-top: 24px;
    }

    .fl-row-content-wrap .uabb-before-after-slider .twentytwenty-before-label:before,
    .fl-row-content-wrap .uabb-before-after-slider .twentytwenty-after-label:before {
        line-height: 20px;
    }




    /*
        ========================
                SLIDER #1
        ========================
    */

    .fl-page-content :is(.image_slider1, .image_slider2, .image_slider3) .fl-slide-foreground .fl-slide-text * {
        font-size: 0.89rem !important;
        line-height:1.3rem !important;
    }
    :is(.image_slider1, .image_slider2)  {     
        padding-bottom: 100px; 
        overflow:hidden;
    }
    :is(.image_slider1, .image_slider2) .bx-wrapper {
        max-width: 100% !important;
    }

    :is(.image_slider1, .image_slider2) .bx-viewport { 
        overflow:visible !important;
    }
    :is(.image_slider1, .image_slider2) .fl-content-slider-wrapper,
    :is(.image_slider1, .image_slider2) .fl-slide {
            min-height: 275px !important;
    }

    :is(.image_slider1, .image_slider2) .fl-slide-mobile-photo { display:none }
    
    :is(.image_slider1) .fl-content-slider-navigation {
        top: initial;
        bottom: 40px;
        margin: auto;
    }

    :is(.image_slider1, .image_slider2) .fl-slide-foreground .fl-slide-content {padding:0 !important;}
    :is(.image_slider1, .image_slider2) .fl-content-slider-navigation .slider-prev:before, :is(.image_slider1, .image_slider2) .fl-content-slider-navigation .slider-next:before {
        width: 35px;
        height: 27px;
    }

    
    :is(.image_slider1, .image_slider2, .image_slider3) .fl-slide {
        border: 0;
    }

    :is(.image_slider1, .image_slider2, .image_slider3) .slide-counter {
        bottom: -6px;
        width: 100%;
        left: 0;
    }

    .image_slider2 .slide-counter {
        bottom: -75px;
        width: 100%;
        left: 0;
        background: var(--white);
        padding: 7px 15px;
        height: initial;
    }

    .image_slider1 .slide-counter {
        bottom: initial;
        top: 234px;
        width: 100%;
        text-align: center;
    }

    :is(.image_slider1, .image_slider2) .fl-slide-photo img {
        max-height: 280px;
    }

    .image_slider1 .fl-slide-content-wrap {
        padding: 0;
        text-align: center;
        position: relative;
        top: calc(100% - -30px);
    }

    .image_slider1 .fl-slide-photo-wrap {
        position: absolute;
        top: 0;
    }




    /*
        ========================
                SLIDER #2
        ========================
    */

    .image_slider2  {     
        padding-bottom: 155px; 
    }
    .image_slider2 .fl-content-slider-wrapper,
    .image_slider2 .fl-slide {
            min-height: 220px !important;
    }
    .fl-page-content .image_slider2 .fl-slide-foreground .fl-slide-text * {
        text-align:left;
    }

    .image_slider2 .fl-content-slider-navigation {
        max-width: 100%;
    }
    .image_slider2 .fl-content-slider-navigation {
        display: grid;
        grid-template-columns: 1fr 1fr; 
    }
    .image_slider2 .fl-content-slider-navigation .slider-prev, 
    .image_slider2 .fl-content-slider-navigation .slider-next {
        padding: 6px 40px;
    }
    .image_slider2 .fl-content-slider-navigation .slider-prev:before,
    .image_slider2 .fl-content-slider-navigation .slider-next:before {
        width: 30px;
        height: 23px;
        top: 4px;
        transform:scale(0.8);
    }
    .image_slider2 .fl-content-slider-navigation .slider-prev:before {
        transform:scale(0.8) rotate(180deg);
    }
    .image_slider2 .fl-content-slider-navigation .slider-prev:after, 
    .image_slider2 .fl-content-slider-navigation .slider-next:after {
        font-size: 0.89rem;
        position:absolute;
        right:60px;
        bottom: 3px;
    }
    .image_slider2 .fl-content-slider-navigation .slider-next:after {
        left:40px;
        
    }
    .image_slider2 .fl-content-slider-navigation .slider-prev:before {
        left: -15px;
    }
    .image_slider2 .fl-content-slider-navigation {
        top: initial;
        bottom: -35px;
    }

    .image_slider2 .fl-slide-content-wrap {
        padding: 15px;
        height: fit-content;
        top: calc(100% + 55px);
    }

    .image_slider1 .fl-slide-photo img {
        max-height: 220px !important;
        height: 80%;
        border-radius: 6px;
    }
    .image_slider2 .fl-slide-photo img {
        object-fit: cover;
        max-height: initial !important;
        height: 100%;
        width: 100%;
        border-radius: 6px;
    }




    /*
        ========================
                SLIDER #3
        ========================
    */

    .fl-page-content .fl-module-content-slider .fl-slide .fl-slide-title {
        font-size: 1.3333rem !important;
        line-height: 1.8889rem !important;
        margin-bottom: 16px !important;
    }
    .image_slider3 .fl-slide-content-wrap {
        padding: 0;
        height: fit-content;
        bottom: -163px;
    }

    .image_slider3 .bx-wrapper {
        max-width: 100% !important;
    }

    .image_slider3 .bx-controls {display:none;}
    :is(.image_slider1, .image_slider3) .fl-content-slider-navigation .slider-prev {
        left:0;
    }
    

    .image_slider3 .fl-slide-foreground {
        position:relative;
    }


    .image_slider3 img {
        height:220px !important;
        border-radius:3px;
        object-fit:cover;
    }
    .image_slider3 .slide-counter {
        bottom:initial;
        top:0;
        text-align:center;
        top:237px;
    }
    .image_slider3 .fl-content-slider-navigation {
        top: 255px;
    }
    :is(.image_slider1,.image_slider3) .fl-content-slider-navigation .slider-next {
        top: -1px;
        right:0;
    }
    :is(.image_slider1, .image_slider3) .fl-content-slider-navigation .slider-next:after {
        top: 1px;
        position:relative;
    }

    .image_slider3 .bx-wrapper .bx-pager {
        text-align: center;
        bottom: initial;
        top: 235px;
        padding: 0;
    }
    
    
    .image_slider3 .fl-slide-content {
        padding: 0 !important;
        text-align: left !important;
        padding-top: 90px !important;
    }

    .image_slider3 .bx-wrapper .bx-pager {
        left: 0;
        transform: translateY(25px);
    }




    /*
        ========================
                  TABS
        ========================
    */

    .fl-tabs .fl-tabs-panel-content-wrapper {
        display: block;
    }
    .fl-tabs .fl-tabs-panel-content-col1,
    .fl-tabs .fl-tabs-panel-content-col2 {
        width: 100%;
    }
    .fl-tabs .fl-tabs-panel-content-col2 {
        padding: 26px 18px;
    }

    .fl-tabs .fl-tabs-panel-content-col2 p {
        margin-top: 8px;
    }
    .fl-tabs-panel {border-bottom: 1px solid rgba(0,0,0,0.2);}




    /*
        ========================
                TIMELINE
        ========================
    */

    /*============
        GENERAL
    =============*/

    .timeline-list .timeline-list_item .item--details {
        padding: 26px;
    }

    .timeline-list .timeline-list_item .item--details p:not(.h4) {
        margin-top: 6px;
    }

    .timeline-list .timeline-list_item .item--details a {
        margin-top: 8px;
    }

    .timeline-container .timeline-list .timeline-list_item .item--details {
        margin-left: 36px;
    }

    .timeline-container .timeline-list li.timeline-list_item {
        margin-bottom: 16px;
    }
    .custom-uabb-timeline .timeline-item--img {
        width: 100%;
        justify-content: left;
        right: initial;
    }
    .custom-uabb-timeline .uabb-timeline-heading-text h3{
        font-size:22px;
    }
    .custom-uabb-timeline .uabb-timeline-heading-text {
        margin-top:150px;
        max-width:initial;
                min-height: initial;
    } 
    .custom-uabb-timeline .uabb-timeline-heading-text, 
    .custom-uabb-timeline .uabb-timeline-desc-content {
        padding-right: 0;
    }




    /*============
      ALTERNATING
    =============*/

    .timeline-list.alt li.timeline-list_item {
        max-width: 100%;
    }
    
    .timeline-list.alt .item--arrow {
        left: -15px;
    }

    .timeline-list.alt li.timeline-list_item:nth-child(even),
    .timeline-list.alt li.timeline-list_item:nth-child(odd) {
        margin-bottom: 16px;
        padding-left: 0px;
    }

    .timeline-list.alt li.timeline-list_item:nth-child(odd) {
        padding-right: 0;
    }

    .timeline-list.alt li.timeline-list_item:nth-child(odd) .item--arrow {
        transform: rotate(0);
    }

    .timeline-list.alt li.timeline-list_item::before,
    .timeline-list.alt li.timeline-list_item:nth-child(even)::before,
    .timeline-list.aligned li.timeline-list_item::before {
        left: -9px;
    }

    .timeline-list.alt li.timeline-list_item:not(:first-of-type, :last-of-type)::after,
    .timeline-list.alt li.timeline-list_item:first-of-type::after,
    .timeline-list.alt li.timeline-list_item:last-of-type::after,
    .timeline-list.aligned li.timeline-list_item:not(:first-of-type, :last-of-type)::after,
    .timeline-list.aligned li.timeline-list_item:first-of-type::after,
    .timeline-list.aligned li.timeline-list_item:last-of-type::after {
        left: 0px;
    }

    /*============
      BB TIMELINE
    =============*/
    
    .custom-uabb-timeline .uabb-content {
        width: 90%;
        margin-top: 149px;
    }

    /*
    .custom-uabb-timeline .timeline-item--img {
        width: 133px;
        height: 133px;
        top: 26px;
        left: 26px;
    }
    */

    .custom-uabb-timeline .timeline-item--img img {
        width: 133px;
        height: 133px;
    }




    /*
        ========================
                  FORM
        ========================
    */

    div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
        height: 220px;
    }

    div.wpforms-container-full .wpforms-form .wpforms-field-label {
        font-size: 1rem;
        line-height: 1.6667rem;
        margin-bottom: 13px;
    }

    div.wpforms-container-full .wpforms-form input[type=text],
    div.wpforms-container-full .wpforms-form input[type=email],
    div.wpforms-container-full .wpforms-form textarea {
        padding: 14px 18px;
        font-size: 0.8889rem;
        line-height: 1.5556rem;
    }

    div.wpforms-container-full .wpforms-form .wpforms-field:not(:last-of-type) {
        margin-bottom: 16px;
    }

    div.wpforms-container-full .wpforms-form .wpforms-field:last-of-type {
        margin-bottom: 36px;
    }

    div.wpforms-container-full .wpforms-form .wpforms-field-label-inline,
    div.wpforms-container-full .wpforms-form input::placeholder,
    div.wpforms-container-full .wpforms-form textarea::placeholder {
        font-size: 0.8889rem;
        line-height: 1.5556rem;
    }




    /*
        ========================
               MATERIALS
        ========================
    */

    /*============
       CATEGORIES
    =============*/
    .materials-cats_btngroup {
        margin: -6.5px;
    }

    button.materials-cats_btn {
        margin: 6.5px;
        font-size: 0.8889rem;
    }




    /*============
          GRID
    =============*/
    .materials-list.cards {
        grid-template-columns: 100%;
        grid-row-gap: 16px;
    }

    .materials-list.cards .item--desc {
        padding: 49px 18px 25px 18px;
    }

    .materials-list.cards .item--desc p.h4 {
        max-width: 300px;
        margin-bottom: 10px;
    }

    .materials-list.cards .item--desc p:not(.h4) {
        font-size: 16px;
    }

    .materials-list.cards span.item--tag {
        margin: 5px;
    }




    /*============
         LIST
    =============*/

    .materials-list.list a {
        padding: 13px 0px;
    }

    .materials-list.list .item--desc {
        align-items: flex-start;
    }

    .materials-list.list .item--desc p.h4 {
        margin-right: 22px;
        font-size: 16px;
        max-width: 500px;
        display: flex;
        flex-direction: column;
    }

    .materials-list.list .item--desc p:not(.h4) {
        font-size: 16px;
        padding: 13px 21px;
    }

    .materials-list.list span.item--tag {
        margin-left: 0px;
        margin-top: 13px;
        width: fit-content;
    }




    /*
        ========================
               VIDEO ROW
        ========================
    */

    .fl-module-button-group.arrowlink.resp-row .fl-button-group-buttons {
        flex-direction: row;
        justify-content: space-between;
    }

    .fl-module-button-group.video-row.arrowlink.resp-row .fl-button-group-buttons div {
        padding: 0;
    }




    /*
        ========================
               HOTSPOT MAP
        ========================
    */
    .hotspot-icon {
        justify-content: flex-start;
    }




    /*
        =================================================
                          SHORTCODES
        =================================================
    */
    .flexreversecolumn .fl-col-group {display: flex;flex-direction: column-reverse;}

}




@media only screen and (max-width: 500px) {

    div#powerTip {
        /* overflow-x: auto !important; */
        /* overflow-y: auto !important; */
        height: fit-content !important;
        left: 18px !important;
        max-width: calc(100vw - 54px);
        width: calc(100vw - 54px);
        /* top: 50% !important; */
    }

    div#powerTip:before {
        display: none;
    }

    .fl-module-uabb-hotspot span.uabb-hotspot-tooltip-content.uabb-text-editor {
        width: calc(100vw - 51px);
        position: fixed;
        left: 18px !important;
        margin: 0 !important;
    }

    .fl-module-uabb-hotspot .uabb-tooltip-style-classic .uabb-hotspot-tooltip-content::after {
        display: none;
    }
    
}




/*
    =================================================
                        SMALL MOBILE
    =================================================
*/
@media only screen and (max-width: 480px) {

    .materials-list.list .item--desc p:not(.h4) {
        font-size: 12px;
        padding: 2px 16px;
    }
    
}