/*
 * SIAE Portfolio internal pages
 * Initial compatibility layer for migrated Joomla content.
 */

/* AGS20 */
.entry-content .content {
    max-width: 100%;
}

.entry-content .col-md-6 {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    box-sizing: border-box;
}

.entry-content .col-md-6 img {
    max-width: 100%;
    height: auto;
}

/* Neutralize legacy absolute positioning that breaks the WP layout */
.entry-content .col-md-6 img[style*="position: absolute"] {
    position: static !important;
    display: block;
    margin: 20px auto 0;
}

.entry-content .content::after {
    content: "";
    display: table;
    clear: both;
}

/* Legacy lists */
.entry-content ul.list1 {
    margin: 15px 0 25px;
    padding-left: 28px !important;
}

.entry-content ul.list1 li {
    margin-bottom: 6px;
}

/* Portfolio blue product blocks */
.entry-content .team-col-2-con,
.entry-content .col-md-6[style*="background"] {
    overflow: hidden;
}

/* Legacy Back button */
.entry-content .btn_c.large_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 110px;
    padding: 12px 22px;
    background: #008ac9;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 3px;
}

.entry-content .btn_c.large_btn:hover,
.entry-content .btn_c.large_btn:focus {
    color: #fff !important;
    text-decoration: none !important;
}

@media (max-width: 767px) {
    .entry-content .col-md-6 {
        float: none;
        width: 100%;
    }

    .entry-content .col-md-6[style*="height: 320px"] {
        height: auto !important;
        min-height: 280px;
    }
}

/* AGS20 - restore original two-column feature lists */
@media (min-width: 768px) {
    .entry-content ul.list1 {
        columns: 2;
        column-gap: 55px;
    }

    .entry-content ul.list1 li {
        break-inside: avoid;
    }
}

/* AGS20 - text panels inside the product grid */
.entry-content .team-col-2-con + .col-md-6,
.entry-content .team-col-2-con + .col-md-6 + .col-md-6 {
    padding: 16px 18px;
    box-sizing: border-box;
}

.entry-content .team-col-2-con + .col-md-6 h4,
.entry-content .team-col-2-con + .col-md-6 + .col-md-6 h4 {
    margin-top: 0;
    margin-bottom: 14px;
    padding-top: 0 !important;
}

.entry-content .team-col-2-con + .col-md-6 p,
.entry-content .team-col-2-con + .col-md-6 + .col-md-6 p {
    line-height: 1.55;
}

.entry-content .team-col-2-con + .col-md-6 h4:last-child,
.entry-content .team-col-2-con + .col-md-6 + .col-md-6 h4:last-of-type {
    padding-top: 12px !important;
}

.entry-content .team-col-2-con + .col-md-6 a,
.entry-content .team-col-2-con + .col-md-6 + .col-md-6 a {
    color: #fff !important;
}

/* Shared Portfolio text panel spacing */
.entry-content .team-col-2-con + .col-md-6,
.entry-content .team-col-2-con + .col-md-6 + .col-md-6 {
    padding: 24px 26px;
}

/* Portfolio shared text panels */
.entry-content .team-col-2-con + .col-md-6 {
    padding: 28px 36px !important;
}

/* Shared Portfolio text panels - legacy Joomla markup */
.entry-content .col-md-6 {
    padding: 0px 15px !important;
    box-sizing: border-box;
    font-size: 14px;
}

.entry-content .col-md-6 h4 {
    padding-top: 10px !important;
    font-size: 14px;
}


/* Portfolio product-family grids */
.entry-content .team_block3.rows_container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.entry-content .team_block3 .team-col {
    display: flex;
    width: 50%;
    min-height: 260px;
    box-sizing: border-box;
}

.entry-content .team_block3 .team-col-1,
.entry-content .team_block3 .team-col-2 {
    position: relative;
    width: 50%;
    box-sizing: border-box;
}

.entry-content .team_block3 .team-col-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.entry-content .team_block3 .team-col-1 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.entry-content .team_block3 .team-col-2 {
    display: flex;
    align-items: center;
    color: #fff;
}

.entry-content .team_block3 .team-col-2-con {
    width: 100%;
    padding: 24px 26px;
    box-sizing: border-box;
}

.entry-content .team_block3 .person_name,
.entry-content .team_block3 .person_jop,
.entry-content .team_block3 .person_desc {
    display: block;
    color: #fff;
}

.entry-content .team_block3 .person_name {
    margin-bottom: 5px;
    font-weight: 600;
}

.entry-content .team_block3 .person_jop {
    margin-bottom: 12px;
}

.entry-content .team_block3 .arrow {
    position: absolute;
    top: 55px;
    left: -7px;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    z-index: 2;
}

@media (max-width: 767px) {
    .entry-content .team_block3 .team-col {
        width: 100%;
        min-height: 220px;
    }
}

/* AGS20 NextGen - benefit flip cards */
body.postid-624 .entry-content .team_block.flipp_effect {
    position: relative;
    height: 240px;
    perspective: 1000px;
}

body.postid-624 .entry-content .f1_card,
body.postid-624 .entry-content .f2_card {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform .5s ease;
}

body.postid-624 .entry-content .team_block.flipp_effect:hover .f1_card,
body.postid-624 .entry-content .team_block.flipp_effect:hover .f2_card {
    transform: rotateY(180deg);
}

body.postid-624 .entry-content .team_block.flipp_effect .face {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
}

body.postid-624 .entry-content .team_block.flipp_effect .front {
    display: flex;
    align-items: center;
    justify-content: center;
}

body.postid-624 .entry-content .team_block.flipp_effect .front > div {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px !important;
    box-sizing: border-box;
}

body.postid-624 .entry-content .team_block.flipp_effect .front h3 {
    margin: 0;
    padding: 0 !important;
    text-align: center;
}

body.postid-624 .entry-content .team_block.flipp_effect .back {
    transform: rotateY(180deg);
    padding: 18px 24px;
    color: #fff;
}

body.postid-624 .entry-content .team_block.flipp_effect .back ul {
    margin: 0 0 12px;
    padding-left: 22px !important;
    color: #fff;
}

body.postid-624 .entry-content .team_block.flipp_effect .back a {
    color: #fff !important;
    text-decoration: underline;
}

body.postid-624 .entry-content .siae-portfolio-back {
    clear: both;
    padding-top: 30px;
    padding-bottom: 20px;
}

@media (max-width: 767px) {
    body.postid-624 .entry-content .team_block.flipp_effect {
        height: 280px;
    }
}

/* AGS20 NextGen - taller benefit cards */
body.postid-624 .entry-content .team_block.flipp_effect {
    height: 300px;
}

body.postid-624 .entry-content .team_block.flipp_effect .back {
    display: flex;
    flex-direction: column;
    padding: 22px 26px;
}

body.postid-624 .entry-content .team_block.flipp_effect .back ul {
    flex: 1 1 auto;
    margin-bottom: 16px;
}

body.postid-624 .entry-content .team_block.flipp_effect .back .arrow_btn {
    display: inline-block;
    margin-top: auto;
}

@media (max-width: 767px) {
    body.postid-624 .entry-content .team_block.flipp_effect {
        height: 340px;
    }
}

/* SM-OS */
body.postid-569 .entry-content .rows_container {
    display: flex;
    align-items: center;
    gap: 40px;
}

body.postid-569 .entry-content .col-md-7 {
    width: 58.333333%;
    box-sizing: border-box;
}

body.postid-569 .entry-content .col-md-5 {
    width: 41.666667%;
    box-sizing: border-box;
}

body.postid-569 .entry-content .col-md-7 img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 520px;
    margin: 0 auto;
}

body.postid-569 .entry-content .col-md-5 h5 {
    margin-top: 0;
    margin-bottom: 12px;
}

body.postid-569 .entry-content .col-md-5 ul.list1 {
    columns: 1;
    margin: 0 0 28px;
    padding-left: 0 !important;
}

body.postid-569 .entry-content .col-md-5 ul.list1 li {
    margin-bottom: 9px !important;
}

body.postid-569 .entry-content .description1.centered {
    display: block;
    max-width: 900px;
    margin: 28px auto;
    text-align: center;
}

body.postid-569 .entry-content > .content > h4 {
    margin-top: 30px;
}

body.postid-569 .entry-content > .content > ul.list1 {
    columns: 1;
    padding-left: 0 !important;
}

body.postid-569 .entry-content > .content > ul.list1 li {
    margin-bottom: 9px !important;
}

@media (max-width: 767px) {
    body.postid-569 .entry-content .rows_container {
        display: block;
    }

    body.postid-569 .entry-content .col-md-7,
    body.postid-569 .entry-content .col-md-5 {
        width: 100%;
    }

    body.postid-569 .entry-content .col-md-5 {
        margin-top: 25px;
    }
}

/* Microwave Product Portfolio */
body.postid-560 .entry-content .welcome_banner .content {
    max-width: 980px;
    margin: 0 auto;
    padding: 25px 20px 35px;
}

body.postid-560 .entry-content .intro_text {
    display: block;
    line-height: 1.6;
}

body.postid-560 .entry-content .row_spacer {
    padding: 45px 0 55px;
}

body.postid-560 .entry-content .main_title {
    text-align: center;
    margin-bottom: 30px;
}

body.postid-560 .entry-content .main_title h1 {
    margin-bottom: 8px;
}

body.postid-560 .entry-content .container.icon_boxes_con {
    display: flex;
    flex-wrap: wrap;
    max-width: 980px;
    margin: 0 auto;
}

body.postid-560 .entry-content .container.icon_boxes_con > .col-md-6 {
    width: 50%;
    float: none;
    padding: 18px 24px;
    box-sizing: border-box;
}

body.postid-560 .entry-content .service_box {
    position: relative;
    min-height: 150px;
    padding-left: 105px;
}

body.postid-560 .entry-content .service_box > a > img,
body.postid-560 .entry-content .service_box > span > a > img {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 84px !important;
    height: 84px !important;
    object-fit: contain;
}

body.postid-560 .entry-content .service_box_con {
    margin-left: 0;
}

body.postid-560 .entry-content .service_box_con p {
    margin: 0 0 4px;
}

body.postid-560 .entry-content .service_box_con p a {
    text-decoration: none;
}

body.postid-560 .entry-content .service_box_con .desc {
    display: block;
    line-height: 1.45;
}

body.postid-560 .entry-content .title_banner {
    text-align: center;
    padding: 14px 20px;
}

body.postid-560 .entry-content .title_banner h2 {
    margin: 0;
    color: #fff;
}

body.postid-560 .entry-content .t_b_color3 {
    background: #4f7487;
}

body.postid-560 .entry-content .t_b_color4 {
    background: #008ac9;
}

body.postid-560 .entry-content .content_section .col-md-12 {
    width: 100%;
}

body.postid-560 .entry-content .enar_occ_container img {
    display: block;
    max-width: 800px;
    width: 100%;
    height: auto;
    margin: 30px auto;
}

body.postid-560 .entry-content .t_b_color4 a {
    color: #fff !important;
    text-decoration: none;
}

@media (max-width: 767px) {
    body.postid-560 .entry-content .container.icon_boxes_con {
        display: block;
    }

    body.postid-560 .entry-content .container.icon_boxes_con > .col-md-6 {
        width: 100%;
    }
}

/* Microwave Product Portfolio - separator bar */
body.postid-560 .entry-content .bg_header1 {
    position: relative;
    height: 70px !important;
    margin: 0;
    background: #11a5b6;
}

/* Orange diamond */
body.postid-560 .entry-content .bg_header1::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 46px;
    height: 46px;
    background: #f28c00;
    transform: translate(-50%, -50%) rotate(45deg);
}

/* White decorative icon */
body.postid-560 .entry-content .bg_header1::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 22px;
    height: 18px;
    transform: translate(-50%, -50%);
    background:
        linear-gradient(#fff, #fff) 50% 0 / 2px 18px no-repeat,
        linear-gradient(#fff, #fff) 0 4px / 22px 2px no-repeat,
        linear-gradient(#fff, #fff) 3px 12px / 16px 2px no-repeat;
}

/* Microwave Product Portfolio - separator bar background */
body.postid-560 .entry-content .bg_header1 {
    background:
        url('/wp-content/uploads/joomla/images/Titles/background.jpg')
        center center / cover no-repeat !important;
}

/* Microwave Product Portfolio - full width separator */
body.postid-560 .entry-content .bg_header1 {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* Microwave Product Portfolio - full width title bars */
body.postid-560 .entry-content .title_banner {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* Mobile Backhauling & Fixed Convergence */
body.postid-547 .entry-content > .content_section:first-child .welcome_banner .content {
    max-width: 980px;
    margin: 0 auto;
    padding: 30px 20px 35px;
}

body.postid-547 .entry-content .intro_text {
    display: block;
    line-height: 1.6;
}

body.postid-547 .entry-content video {
    display: block;
    width: 100%;
    max-width: 980px;
    height: auto;
    margin: 20px auto 0;
}

/* Blue separator under video */
body.postid-547 .entry-content .bg_header1 {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw;
    height: 70px !important;
    margin-left: -50vw;
    margin-right: -50vw;
    background:
        url('/wp-content/uploads/joomla/images/Titles/background.jpg')
        center center / cover no-repeat !important;
}

body.postid-547 .entry-content .bg_header1::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 46px;
    height: 46px;
    background: #f05a4f;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

/* Advantages */
body.postid-547 .entry-content .row_spacer {
    padding: 45px 0 55px;
}

body.postid-547 .entry-content .main_title {
    text-align: center;
    margin-bottom: 30px;
}

body.postid-547 .entry-content .container.icon_boxes_con {
    display: flex;
    flex-wrap: wrap;
    max-width: 980px;
    margin: 0 auto;
}

body.postid-547 .entry-content .container.icon_boxes_con > .col-md-6 {
    width: 50%;
    float: none;
    padding: 13px 25px !important;
}

body.postid-547 .entry-content .service_box {
    position: relative;
    min-height: 62px;
    padding-left: 70px;
}

body.postid-547 .entry-content .service_box .icon.square {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    background: #008ac9;
    color: #fff;
}

body.postid-547 .entry-content .service_box_con p {
    margin: 0 0 3px;
}

body.postid-547 .entry-content .service_box_con .desc {
    display: block;
    line-height: 1.4;
}

/* Full-width section bars */
body.postid-547 .entry-content .title_banner {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 13px 20px;
    text-align: center;
}

body.postid-547 .entry-content .title_banner h2 {
    margin: 0;
    color: #fff;
}

body.postid-547 .entry-content .t_b_color3 {
    background: #4f7487;
}

body.postid-547 .entry-content .t_b_color4 {
    background: #008ac9;
}

body.postid-547 .entry-content .t_b_color4 a {
    color: #fff !important;
    text-decoration: none;
}

/* Mobile Backhaul applications */
body.postid-547 .entry-content .enar_accordion {
    max-width: 980px;
    margin: 0 auto;
}

body.postid-547 .entry-content .enar_occ_container {
    margin-bottom: 18px;
}

body.postid-547 .entry-content .enar_occ_title {
    display: block;
    padding: 10px 15px;
    background: #008ac9;
    color: #fff;
}

body.postid-547 .entry-content .enar_occ_content {
    height: auto !important;
    overflow: visible !important;
}

body.postid-547 .entry-content .acc_content {
    padding: 18px 10px;
}

body.postid-547 .entry-content .acc_content img {
    max-width: 100%;
    height: auto;
}

/* Benefits */
body.postid-547 .entry-content section:nth-of-type(4) > div {
    padding-bottom: 35px;
}

body.postid-547 .entry-content section:nth-of-type(4) .content.clearfix {
    max-width: 980px;
    margin: 20px auto;
}

body.postid-547 .entry-content section:nth-of-type(4) .col-md-6 {
    padding: 12px 15px !important;
}

body.postid-547 .entry-content section:nth-of-type(4) .col-md-6 h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    height: auto !important;
    line-height: 1.25 !important;
    margin: 0 0 12px;
    padding: 8px 15px !important;
    border-radius: 6px !important;
    font-size: 18px !important;
}

body.postid-547 .entry-content section:nth-of-type(4) .col-md-6 p {
    margin: 0;
    line-height: 1.5;
}

/* Related products */
body.postid-547 .entry-content table {
    width: 100%;
    max-width: 980px;
    margin: 0 auto 25px;
}

body.postid-547 .entry-content table td {
    text-align: center;
}

body.postid-547 .entry-content table h4 {
    margin: 0;
}

/* Responsive */
@media (max-width: 767px) {
    body.postid-547 .entry-content .container.icon_boxes_con {
        display: block;
    }

    body.postid-547 .entry-content .container.icon_boxes_con > .col-md-6 {
        width: 100%;
    }

    body.postid-547 .entry-content .acc_content table,
    body.postid-547 .entry-content .acc_content tbody,
    body.postid-547 .entry-content .acc_content tr,
    body.postid-547 .entry-content .acc_content td {
        display: block;
        width: 100% !important;
    }

    body.postid-547 .entry-content .acc_content td {
        margin-bottom: 15px;
    }
}

/* Mobile Backhauling - benefits aligned as original 2 x 3 grid */
body.postid-547 .entry-content section:nth-of-type(4) .content.clearfix {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 28px;
    row-gap: 22px;
}

body.postid-547 .entry-content section:nth-of-type(4) .content.clearfix > .col-md-6 {
    float: none;
    width: auto;
    padding: 0 !important;
}

body.postid-547 .entry-content section:nth-of-type(4) .col-md-6 h3 {
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    body.postid-547 .entry-content section:nth-of-type(4) .content.clearfix {
        grid-template-columns: 1fr;
    }
}

/* Mobile Backhauling - separator identical to Microwave Product Portfolio */
body.postid-547 .entry-content .bg_header1 {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw;
    height: 70px !important;
    margin-left: -50vw;
    margin-right: -50vw;
    background:
        url('/wp-content/uploads/joomla/images/Titles/background.jpg')
        center center / cover no-repeat !important;
}

body.postid-547 .entry-content .bg_header1::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 46px;
    height: 46px;
    background: #f28c00;
    border-radius: 0;
    transform: translate(-50%, -50%) rotate(45deg);
}

body.postid-547 .entry-content .bg_header1::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 22px;
    height: 18px;
    transform: translate(-50%, -50%);
    background:
        linear-gradient(#fff, #fff) 50% 0 / 2px 18px no-repeat,
        linear-gradient(#fff, #fff) 0 4px / 22px 2px no-repeat,
        linear-gradient(#fff, #fff) 3px 12px / 16px 2px no-repeat;
}