/*
Theme Name:     PBX Hosting
Theme URI:      https://www.pbxhosting.co.uk/
Author:         Supersonic Playground
Author URI:     https://www.supersonicplayground.com/
Description:    A custom theme for PBX Hosting.
Version:        3.4.4
Text Domain:    pbx-hosting
Template:       hello-elementor
*/

/* 
Use:        Import all styles
Scope:      All devices
Theme:      PBX Hosting
Author:     Supersonic Playground
Copyrights: © 2025 PBX Hosting
*/

@import url("./styles/styles-global.css");
@import url("./styles/styles-header.css");
@import url("./styles/styles-footer.css");
@import url("./styles/styles-form.css");
@import url("./styles/styles-search-form.css");
@import url("./styles/styles-blog.css");
@import url("./styles/styles-industry.css");
@import url("./styles/styles-case-study.css");
@import url("./styles/styles-testimonial.css");
@import url("./styles/styles-image-carousel.css");
@import url("./styles/styles-data-table.css");
@import url("./styles/styles-timeline.css");


.repeater-container {
    display:block !important;
}

.repeater-block.case-studies .dce-acf-repeater,
.repeater-block.case-studies .dce-acf-repeater {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.repeater-block.case-studies .dce-acf-repeater .e-loop-item,
.repeater-block.case-studies .dce-acf-repeater .e-loop-item {
    flex: 1 1 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    box-sizing: border-box;
}

/* ----------- TEAM MEMBERS ----------- */
.eael-team-item .eael-team-content {
    position: absolute;
    bottom: 0;
    background-color: var(--white);
    width: 89%;
    margin: 20px;
    padding: 20px;
    border-radius: 20px;
}

/* ----------- NEWS STYLES ----------- */
.page-numbers {
    display: inline-block;
    width:25px;
    height:25px;
    border-radius: 50%;
    line-height:26px;
    background-color: var(--primary-color) !important;
}

.page-numbers.current {
    background-color: var( --e-global-color-accent ) !important;
}

.page-numbers:hover {
    background-color: var( --e-global-color-f5dad22 ) !important;
}

.related-posts article {
    position:relative;
}

/* --- News Single Styles --- */
.single-latest-news #breadcrumbs a {
    color:var( --e-global-color-f5dad22 ) !important;
    text-decoration:underline !important;
}

.single-latest-news figure {
    display:none;
}

.single-latest-news .elementor-widget-theme-post-content h3 {
    font-size:20px !important;
}

.single-latest-news .elementor-widget-theme-post-content a {
    color:var( --e-global-color-accent ) !important;
}

.single-latest-news .elementor-widget-theme-post-content a:hover {
    color:var( --e-global-color-f5dad22 ) !important;
}

/* --- Mobile Responsive Styles --- */
@media only screen and (max-width: 1024px) {
    .timeline-vertical-container .elementor-grid-tablet-2 .elementor-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .related-posts-container .elementor-grid-tablet-2 .elementor-grid {
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }
}

@media only screen and (max-width: 575px) {
    .related-posts-container .elementor-grid-tablet-2 .elementor-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .elementor-1930 .elementor-element.elementor-element-1823d22 {
        max-height: initial;
    }
    .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
        width: 100% !important;
    }
    .nf-field-element p {
        text-align: center;
    }
}