/*
 Theme Name:   Periscope Live
 Theme URI:    https://periscopelive.com
 Description:  Child theme for Hello Elementor
 Author:       MEM Digital
 Author URI:   https://memdigital.co.uk
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  periscope-live
*/

/* ==========================================================================
   Add your custom styles below this line
   ========================================================================== */

/* Nav menus */
.headerMenu .elementor-nav-menu--dropdown {
    background-color: #212121 !important;
	padding: 15px 0 !important;
}
.headerMenu .menu-item .elementor-sub-item:hover {
    transform: translateX(5px);
}

.footerMenu li {
    transition: transform 0.25s ease;
}
.footerMenu li:hover {
    transform: translateX(5px);
}

.servicesMenu li:not(.current_page_item):not(.current-menu-item) {
    transition: .4s;
    background-color: #f2f2f2;
}
.servicesMenu li:not(.current_page_item):not(.current-menu-item):hover {
    background-color: var(--e-global-color-primary);
}

/* Smartcrawl breadcrumbs */
.smartcrawl-breadcrumb strong {
    font-weight: 500 !important;
    color: #ffffff90;
}
.smartcrawl-breadcrumb-separator, .smartcrawl-breadcrumb a {
    color: white !important;
    font-weight: 500;
}
.smartcrawl-breadcrumb-separator {
    padding: 0 10px;
}
.smartcrawl-breadcrumbs {
	text-align: center !important;
}

/* Base carousel pagination */
.customCarousel .swiper-pagination.swiper-pagination-bullets {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.customCarousel .swiper-pagination-bullet {
    width: 4px !important;
    height: 20px !important;
    margin: 0 !important;
    border-radius: 0;
    background-color: #ffffff !important;
    opacity: 1;

    transition:
        height 0.35s cubic-bezier(.4,0,.2,1),
        background-color 0.25s ease;
}

.customCarousel .swiper-pagination-bullet:hover,
.customCarousel .swiper-pagination-bullet-active {
    height: 30px !important;
    background-color: #BDCC16 !important;
}

/* Black carousel – default (inactive, not hovered) */
.customCarouselBlack .swiper-pagination-bullet {
    background-color: #1c1c1c !important;
}

/* Black carousel – hover (even if not active) */
.customCarouselBlack .swiper-pagination-bullet:hover {
    background-color: #BDCC16 !important;
}

/* Black carousel – active */
.customCarouselBlack .swiper-pagination-bullet-active {
    background-color: #BDCC16 !important;
}

/* Link/text colours & styles */
.whiteLink a {
    color: white !important;
    text-decoration: underline !important;
}
.whiteLink a:hover {
    color: #BDCC16 !important;
    text-decoration: none !important;
}
.greenText {
    color: var(--e-global-color-primary) !important;
}
.plainLink a {
    color: inherit !important;
}
.plainLink {
    color: inherit !important;
}
/* Buttons */
.arrowBtn .elementor-button {
    background-color: #FFFFFF00 !important;
    border-color: #FFFFFF00 !important;
    padding: 0 !important;
    color: var(--e-global-color-accent) !important;
}
.arrowBtn .elementor-button .elementor-button-icon {
    transition: transform 250ms ease-in-out;
}
.arrowBtn .elementor-button:hover {
    background-color: #FFFFFF00 !important;
    border-color: #FFFFFF00 !important;
    color: var(--e-global-color-primary) !important;
}
.arrowBtn .elementor-button:hover .elementor-button-icon {
    transform: translateX(5px);
}
.arrowBtn .elementor-button:focus {
    background-color: #FFFFFF00 !important;
    border-color: #FFFFFF00 !important;
    color: var(--e-global-color-primary) !important;
}
/* Square boxes */
.squareContainer {
    aspect-ratio: 1 / 1;
}
/* Elementor post content widget */
.elementor-widget-theme-post-content ul, .elementor-widget-theme-post-content ol {
margin-bottom: 14px !important;
}