@import "_variables.less";
@import "bootstrap/_mixins.less";
// ============================
// NewsFlash Advanced Modules
// ============================
.mod-newsflash-adv {
    &.counters {
        text-align: center;
        padding-top: 20px;
        .item {
            .counter {
                font: 400 72px/1.2em @font-family-alt;
                color: @global-color;
                padding-bottom: 10px;
                position: relative;
            }
            h4 {
                font: 700 22px/1.2em @font-family-base;
                color: @global-color3;
            }
            &:nth-child(4) {
                .counter {
                    &:after {
                        content: "%";
                        font: 400 30px/1.3em @font-family-alt;
                        color: @global-color;
                        vertical-align: top;
                        position: relative;
                        display: inline-block;
                    }
                }
            }
        }
    }
    &.mod-newsflash-adv__pricing_simple {
        .item {
            position: relative;
            .item_img {
                margin-bottom: 0;
                .border-radius(60px 60px 0 0);
                overflow: hidden;
                display: block;
            }
            .item_title {
                color: @white;
                text-align: center;
                margin-bottom: 0;
                padding: 17px 0;
                position: relative;
                .border-radius(60px 60px 0 0);
                overflow: hidden;
                display: block;
            }
            .item_content {
                text-align: center;
                padding: 0px;
                margin: 0 9px;
                .price {
                    font: 30px/40px @font-family-alt;
                    color: @headings-color;
                    padding-top: 40px;
                }
            }
            .btn {
                margin-top: 20px;
                background: none;
                border: 1px solid #dcdcdc;
                padding-left: 40px;
                padding-right: 40px;
                &:hover {
                    border-color: @global-color;
                    background: @global-color;
                    color: @white;
                }
            }
            &:nth-child(3n-2) .item_title {
                background: @global-color4;
                &:after {
                    content: '';
                    position: absolute;
                    left: 50%;
                    .translate(-50%, 0);
                    bottom: -8px;
                    .triangle(bottom, 16px, 8px, @global-color4);
                }
            }
            &:nth-child(3n-1) .item_title {
                background: @global-color3;
                &:after {
                    content: '';
                    position: absolute;
                    left: 50%;
                    .translate(-50%, 0);
                    bottom: -8px;
                    .triangle(bottom, 16px, 8px, @global-color3);
                }
            }
            &:nth-child(3n) .item_title {
                background: lighten(saturate(spin(@global-color, -8.849045691150963), 20.703933747412%), 35.49019607843138%);
                &:after {
                    content: '';
                    position: absolute;
                    left: 50%;
                    .translate(-50%, 0);
                    bottom: -8px;
                    .triangle(bottom, 16px, 8px, lighten(saturate(spin(@global-color, -8.849045691150963), 20.703933747412%), 35.49019607843138%));
                }
            }
        }
        .item_introtext {
            border-left: 1px solid #e1e1e1;
            border-right: 1px solid #e1e1e1;
            border-bottom: 1px solid #e1e1e1;
            .border-radius(0 0 60px 60px);
            padding-bottom: 50px;
        }
    }
    &.mod-newsflash-adv__pricing_detailed {
        .item {
            position: relative;
            .item_img {
                margin-bottom: 0;
                .border-radius(60px 60px 0 0);
                overflow: hidden;
                display: block;
            }
            .item_title {
                color: @white;
                text-align: center;
                margin-bottom: 0;
                padding: 17px 0;
                position: relative;
            }
            .item_content {
                text-align: center;
                padding: 0px;
                margin: 0 9px;
                ul {
                    padding-top: 35px;
                    margin: 0;
                    padding-bottom: 45px;
                    text-align: center;
                    display: -webkit-flex;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-around;
                    box-sizing: border-box;
                    li {
                        display: inline-block;
                        font: 400 14px/21px @font-family-base;
                        letter-spacing: 0.01em;
                        color: @headings-color;
                        position: relative;
                        span {
                            display: block;
                            font: 600 18px/21px @font-family-base;
                        }
                        +li {
                            margin: 0;
                            &:before {
                                content: "";
                                width: 1px;
                                height: 42px;
                                display: inline-block;
                                position: absolute;
                                top: 0;
                                left: -35%;
                                background: #dcdcdc;
                            }
                        }
                    }
                }
            }
            .btn {
                background: none;
                border: 1px solid #dcdcdc;
                padding-left: 40px;
                padding-right: 40px;
                &:hover {
                    border-color: @global-color;
                    background: @global-color;
                    color: @white;
                }
            }
            &:nth-child(3n-2) .item_title {
                background: @global-color4;
                &:after {
                    content: '';
                    position: absolute;
                    left: 50%;
                    .translate(-50%, 0);
                    bottom: -8px;
                    .triangle(bottom, 16px, 8px, @global-color4);
                }
            }
            &:nth-child(3n-1) .item_title {
                background: @global-color3;
                &:after {
                    content: '';
                    position: absolute;
                    left: 50%;
                    .translate(-50%, 0);
                    bottom: -8px;
                    .triangle(bottom, 16px, 8px, @global-color3);
                }
            }
            &:nth-child(3n) .item_title {
                background: lighten(saturate(spin(@global-color, -8.849045691150963), 20.703933747412%), 35.49019607843138%);
                &:after {
                    content: '';
                    position: absolute;
                    left: 50%;
                    .translate(-50%, 0);
                    bottom: -8px;
                    .triangle(bottom, 16px, 8px, lighten(saturate(spin(@global-color, -8.849045691150963), 20.703933747412%), 35.49019607843138%));
                }
            }
        }
        .item_introtext {
            border-left: 1px solid #e1e1e1;
            border-right: 1px solid #e1e1e1;
            border-bottom: 1px solid #e1e1e1;
            .border-radius(0 0 60px 60px);
            padding-bottom: 50px;
        }
        &.about_detailed {
            .pretext {
                max-width: 670px;
            }
            .item {
                .item_introtext {
                    padding: 30px 0 30px;
                    p {
                        padding: 0 20px;
                    }
                }
            }
        }
    }
    &.mod-newsflash-adv__progbars_horizontal {
        text-align: center;
    }
    &.mod-newsflash-adv__progbars_circle {
        text-align: center;
        @media(min-width: 480px) and (max-width: 767px) {
            .item__module {
                width: 50%;
                float: left;
            }
        }
    }
    &.mod-newsflash-adv__sunrise {
        .item {
            .thin-ico {
                font-size: 55px;
                width: 110px;
                height: 110px;
                border-radius: 500px;
                border: 1px solid lighten(saturate(spin(@global-color, 0.5769230769230944), 8.36550836550834%), 38.0392156862745%);
                color: lighten(saturate(spin(@global-color, 0.5769230769230944), 8.36550836550834%), 38.0392156862745%);
                text-align: center;
                line-height: 110px;
                margin: 20px auto 30px;
                display: block;
            }
            .item_title {
                color: @headings-color;
                a {
                    color: inherit;
                    &:hover {
                        color: @global-color3;
                    }
                }
            }
        }
    }
    &.mod-newsflash-adv__pricing_detailed {
        .pretext {
            max-width: 430px;
        }
    }
    &.mod-newsflash-adv__team_home, &.mod-newsflash-adv__team_team {
        .item {
            .item_img {
                background: #f9f9f9;
                border-radius: 50px;
                position: relative;
                overflow: hidden;
                .name {
                    position: absolute;
                    right: 0%;
                    bottom: 20%;
                    .translate(0%, 20%);
                    background: @global-color4;
                    border-radius: 50px 0 0 50px;
                    width: 90%;
                    .item_title {
                        text-align: left;
                        color: @white;
                        display: inline-block;
                        padding-left: 30px;
                        padding-top: 12px;
                        margin-bottom: 0;
                        a {
                            color: inherit;
                            &:hover {
                                color: @global-color;
                            }
                        }
                    }
                    .item_introtext {
                        p {
                            font: 400 14px/21px @font-family-base;
                            color: @white;
                            letter-spacing: 0.01em;
                            padding-left: 30px;
                            padding-bottom: 10px;
                        }
                    }
                }
            }
            &:nth-child(4n-3) {
                .item_img {
                    .name {
                        background: lighten(desaturate(spin(@global-color2, -2.8226319135410023), 28.855721393034827%), 8.039215686274503%);
                    }
                }
            }
            &:nth-child(4n-2) {
                .item_img {
                    .name {
                        background: darken(saturate(spin(@global-color4, 17.304372842347533), 3.8269419862340115%), 0.19607843137254832%);
                    }
                }
            }
            &:nth-child(4n-1) {
                .item_img {
                    .name {
                        background: lighten(saturate(spin(@global-color, -17.396449704141986), 32.50864591646715%), 31.960784313725483%);
                    }
                }
            }
            &:nth-child(4n) {
                .item_img {
                    .name {
                        background: darken(saturate(spin(@global-color3, -0.07764644983177504), 16.250000000000014%), 2.5490196078431353%);
                    }
                }
            }
        }
    }
    &.mod-newsflash-adv__recent_post {
        padding-top: 10px;
        .item {
            margin-bottom: 15px;
            .img-intro__left,
            .img-full__left {
                float: left;
                margin-right: 30px;
                max-width: 27%;
                border-radius: 20px;
                margin-bottom: 0;
                overflow: hidden;
            }
            .item_content {
                overflow: hidden;
            }
            .item_title {
                font: 700 14px/21px @font-family-base;
                letter-spacing: 0.01em;
                color: @white;
                margin-bottom: 0;
                a {
                    color: inherit;
                    &:hover {
                        color: @global-color2;
                    }
                }
            }
            .item_info {
                .item_info_dl {
                  margin-bottom: 0;
                    dd {
                      margin-right: 0;
                        &:first-child{
                          margin-right: 5px;
                        }
                        .item_published {
                            color: lighten(desaturate(spin(@global-color, 1.240694789081914), 8.147536471235881%), 33.13725490196079%);
                            font: 300 12px/21px @font-family-base;
                            font-style: italic;
                            &:before {
                                display: none;
                            }
                        }
                        .komento {
                            .kmt-readon {
                                vertical-align: bottom;
                                .kmt-comment {
                                    color: lighten(desaturate(spin(@global-color, 1.240694789081914), 8.147536471235881%), 33.13725490196079%);
                                    font: 300 12px/22px @font-family-base;
                                    font-style: italic;
                                    &:before {
                                        content: "/";
                                        color: lighten(desaturate(spin(@global-color, 1.240694789081914), 8.147536471235881%), 33.13725490196079%);
                                    }
                                    a {
                                        color: inherit;
                                        &:hover {
                                            color: @global-color2;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    &.mod-newsflash-adv__commitment {
        .item {
            .item_title {
                text-align: left;
            }
        }
    }
    &.mod-newsflash-adv__career {
        .item {
          margin-bottom: 30px;
            .item_content {
                border-radius: 30px;
                padding: 25px;
                border: 1px solid #d7d7d7;
                display: block;
                .item_title{
                  text-align: left;
                  margin-bottom: 0;
                }
                ul{
                  margin-bottom: 0;
                  li{
                    display: inline-block;
                    margin-right: 10px;
                    i{
                      font-size: 16px;
                      color: lighten(saturate(spin(@global-color, 0.5224963715529896), 26.428571428571452%), 43.529411764705884%);
                      display: inline-block;
                      padding-right: 5px;
                    }
                  }
                }
            }
        }
    }
    .mod-newsflash-adv_custom-link {
        margin-bottom: @line-height-base*2;
    }
}
