/*
Theme Name: NiyoDx
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: the WordPress team
Author URI: https://wordpress.org
Description: NiyoDX is an IT services company, pioneer in Digital experience services, including Portal, e-commerce, Intranet, Mobile and AI.
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.0
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfour
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
.wp-site-blocks{
    padding-top: 0;
}
header{
    background: #20323D;
    color: #fff;
}
header a,
:root :where(.wp-block-site-tagline){
    color: #fff!important;
}
header .has-base-background-color, header .has-global-padding{
    background-color: transparent!important;
}


footer{
    background: #20323D;
    color: #fff;
}
footer a{
    color: #fff;
}
#simple-carousel{
    max-width: 100%!important;
}
#simple-carousel .carousel-item:before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(32, 50, 61, 0.75);
}
#simple-carousel .carousel-caption{
    text-align: left;
    bottom: 268px;
}

.wp-theme-niyodx .btn{
    border-radius: 50px;
    background: transparent;
}
.wp-theme-niyodx .btn-secondary{
    border-color: #323232 solid 1px;
    color: #323232;
}
.wp-theme-niyodx .btn-primary{
    color: #0091EE;
    border-color: #0091EE solid 1px;
}
.wp-theme-niyodx .btn-primary:hover{
    background:rgba(0, 145, 238, 0.25);
}
.wp-theme-niyodx .ndx-card .card-data{
    display: flex;
    align-items: center;
} 
.wp-theme-niyodx .ndx-card .card-data .card-image{
    width: 80px;
    min-width: 80px;
    height: 80px;
    min-height: 80px;
    display: flex;
    background: #fff;
    border-radius: 4px;
    align-items: center;
    margin-right: 20px;
}
.wp-theme-niyodx .ndx-card .card-data .card-image img{
    max-height: 40px;
}
#simple-carousel .carousel-control-next, #simple-carousel .carousel-control-prev{
    width: 60px;
}
#simple-carousel .carousel-caption{
    max-width: 672px;
    padding: 10px 0;
    left: 0;
}
.container-1250{
    position: relative;
    max-width: 1250px;
    margin: 0 auto;
}
/*---Featured container---*/
.featured-container{
    background: #E6E6E6;
    margin-top: 0;
    position: relative;
    padding-bottom: 40px;
}
.fatured-content{
    background: #20323D;
    color: #fff;
    padding: 50px;
    position: relative;
    z-index: 10;
}
.featured-container .wp-block-columns .ndx-card{
    background: #20323D;
    color: #fff;
    padding: 10px;
}
.featured-container .wp-block-columns .ndx-card .card-title{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
}

.wp-theme-niyodx .key-services{
    margin: 0;
    padding-top: 40px;
    padding-bottom: 40px;
}
.wp-theme-niyodx .key-services .ndx-card{
    box-shadow: 30px 30px 60px 0 rgba(0, 0, 0, 0.10);
    border: #EFEFEF solid 1px;
}
.wp-theme-niyodx .key-services .wp-block-heading{
    font-size: 40px;
    font-weight: 400;
}
.wp-theme-niyodx .key-services .wp-block-heading strong{
    font-weight: 600;
    color: #0091EE;
}
.wp-theme-niyodx .key-services .ndx-card .card-image{
    background: #20323D;
}
.wp-theme-niyodx .key-services .ndx-card .card-text{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    display: -webkit-box;
}
.wp-theme-niyodx .quick-links{
    text-align: center;
}
.wp-theme-niyodx .quick-links .wp-block-heading{
    font-size: 35px;
    font-weight: 600;
}
.wp-theme-niyodx .quick-links .wp-block-buttons a{
    border: #ccc solid 1px;
    border-radius: 50px;
    color: #323232;
    font-weight: 400;
}
.wp-theme-niyodx .quick-links .wp-block-buttons a:hover{
    background: none;
    border-color: #0091EE;
    color: #0091EE;
}
@media (max-width: 1400px){
    #simple-carousel .carousel-caption{
        max-width: 672px;
        padding: 10px 60px;
        left: 0;
    }
    footer{
        padding: 0 15px;
    }
}
@media (min-width: 768px){
    .fatured-content{
        margin-top: -184px!important;
    }
}
@media (max-width: 998px){
    .featured-container .is-layout-grid{
        display: block;
    }
    .wp-theme-niyodx .key-services .wp-block-heading{
        font-size: 30px;
    }
}
@media (max-width: 767px){
    .ndx-card{
        padding: 10px 0;
    }
    .featured-container .ndx-card .card-body{
        padding-left: 0;
        padding-right: 0;
    }
    .wp-theme-niyodx .key-services .wp-block-heading{
        font-size: 20px;
    }
    .wp-theme-niyodx .ndx-card .card-data .card-image{
        width: 60px;
        min-width: 60px;
        height: 60px;
        min-height: 60px;
    }
}