/*
Theme Name:        Silicon Child
Theme URI:         https://themeforest.net/user/madrasthemes/portfolio
Author:            MadrasThemes
Author URI:        https://themeforest.net/user/madrasthemes/
Description:       Child Theme of Silicon Multipurpose Business Theme. Silicon is a multipurpose WordPress Theme with focus in Technology Business niches.
Requires at least: WordPress 5.0
Template:          silicon
Version:           1.7.1
License:           GNU General Public License v3 or later
License URI:       LICENSE
Text Domain:       silicon-child
Tags:              two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, rtl-language-support, footer-widgets, sticky-post, theme-options
*/

/*Loader element*/
.elementor-kit-203 e-page-transition {
    background-color: #ffffff;
    display:none!important;
} 
#silicon-header .cta-button:hover{
    background-color: var(--sl-primary-bg-d);
}
#silicon-header .cta-button {
    font-size: 14px!important;
    box-shadow: none!important;
}

#silicon-header.scrolling {
    background: #ffffff!important;
    box-shadow: 0 0.275rem 1.25rem rgba(19, 16, 34, 0.05), 0 0.25rem 0.5625rem rgba(19, 16, 34, 0.03)!important;
}
.main-menu {
    gap: 30px;
}
.main-menu a {
    font-family: 'Manrope', sans-serif!important;
    font-weight: 600!important;
}
.main-menu .menu-item-has-children > ul:hover,
.main-menu .menu-item-has-children > ul:hover ~ a,
.main-menu .menu-item-has-children:hover > a  {
    color: #07BEE5;
}
.text-gradient-primary {
        background: linear-gradient(to right, #07bee5, #34628F, #0ab8df);
            -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.si-multipurpose-text__before.step-number-inner {
    outline:solid 10px #07BEE5;
} 
#insights-container {
padding-bottom: 200px!important;
}
#intr-icons img,
.accent-icons img {
    filter: hue-rotate(297deg) saturate(232%) brightness(101%);
}
#carousel-logos .card-body {
    padding: 0!important;
}
.footer-cta h5 {
    color: #fff!important;
    text-decoration: underline!important;
    opacity: 1!important;
}
#hero-section {
    background: none!important;
}
/* About us page*/
.about-intro-columns .silicon-elementor-highlighted-heading__highlighted-text {
    display: block;
    font-weight: normal!important;
    font-size: 14px!important;
}
/*Services page*/
.vertical-step {
    display: flex;
    flex-direction: row;
}
.vertical-step > .elementor-widget-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.vertical-step .step-number .step-number-inner {
    width: 3rem;
    height: 3rem;
}
.vertical-step .step-number{
        width: 5rem;
    height: 5rem;
}
.vertical-step .si-multipurpose-text__before.h4 {
    margin-bottom:10px!important;
}

.single-case-hero {
    height: 60vh;
    overflow: hidden;
    margin-bottom: 40px;
}
.single-case-hero img{
        width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.heroimage {
    padding:0!important;
    min-height: 40vh!important;
    background-position: center!important;
}
.heroimage .elementor-column {
        
    }


nav[aria-label="breadcrumb"] {
    padding-top:0!important;
    margin-top: 0 !important;
}
section.herosection {
    padding-top:0!important;
    margin-top: 0 !important;
}
.post-type-archive-case_study #breadcrumbs span span {
    padding-right:5px;
    color: #9397ad!important;
    font-size: 14px;
    font-weight: 500;
}
.post-type-archive-case_study #breadcrumbs a {
    color: #9397ad!important;
    font-size: 14px;
    font-weight: 500;
}
.post-type-archive-case_study #breadcrumbs:before {
    content: "\eb13";
    font-family: 'boxicons' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    margin-right:5px;
    font-size:18px;
    color: #9397ad!important;
    top: 2px;
    position: relative;
}
.post-type-archive-case_study #breadcrumbs .breadcrumb_last {
    padding-left:5px;
    color:#2ac7e9!important;
}
.case_study-template nav[aria-label="breadcrumb"],
.single-post nav[aria-label="breadcrumb"],
.single-jetpack-portfolio nav[aria-label="breadcrumb"] {
   padding-top: 3rem !important;
}
.single-post .entry-content hr {
        margin-bottom: 20px;
}
/*Desktop + tablet only start*/
@media (min-width: 768px) {
    /* .logo-containerz {
        max-width: 192px;
    } */
     #silicon-header {
    background: transparent!important;
    box-shadow: none!important;
}
    .main-navigation {
        padding-left:40px;
    }
    #intr-icons .elementor-column  {
        width: 50%!important;
    }
    #intr-icons .elementor-column .card {
        border: 0!important;
        padding-left:20%!important;
        padding-right:20%!important;
    
    }
    .menu-item-has-children:hover:after {
        color: #07BEE5;
    }

    .menu-item-has-children:after {
        content: "\ea4a";
        color: #333333;
        font-family: 'boxicons' !important;
        top: 6px;
        position: absolute;
        font-size: 20px;
        margin-left: 5px;
    }
    .menu-item-has-children {
        padding-right:10px!important;
    }
}
/*Desktop + tablet only end*/

/*mobile only start*/
@media (max-width: 850px) {
    .homepage-steps .elementor-inner-column .elementor-element {
        display: flex;
        align-items: center;

    }
    #site-navigation {
        padding:0!important;
    }
    .sub-menu.submenu {
        position: relative;
        box-shadow: none;
        padding-bottom:0;
    }
    .sub-menu li:last-child{
        border-bottom: none!important;
    }
    .header-inner-wrapper {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    /* Hide the menu by default */
    .main-navigation {
        display: none!important;
        width: 100%;
        margin-top: 10px;
    }

    .main-navigation.active {
        display: block!important;
    }

    .main-menu {
        flex-direction: column;
        gap: 0;
    }

    .main-menu li {
        padding: 10px;
        border-bottom: 1px solid #e5e5e5;
    }

    .main-menu a {
        display: block;
        width: 100%;
    }
     .dropdown-arrow {
        position: absolute;
        right: 0;
        font-size: 34px;
        top: -8px;
    }

    /* Hamburger */
    .mobile-menu-toggle {
        display: inline-block!important;
        cursor: pointer;
        width: 28px;
        height: 22px;
        position: absolute;
        top: 22px;
        right: 23px;
    }
    #silicon-header .cta-button {
        margin-right: 52px;
        margin-left: 15px;
    }
    .mobile-menu-toggle span {
        position: absolute;
        height: 3px;
        width: 100%;
        background: #333;
        left: 0;
        transition: 0.3s;
    }
    .mobile-menu-toggle span:nth-child(1) { top: 0; }
    .mobile-menu-toggle span:nth-child(2) { top: 9px; }
    .mobile-menu-toggle span:nth-child(3) { top: 18px; }

    /* Animate toggle when active */
    .mobile-menu-toggle.active span:nth-child(1) {
        transform: rotate(45deg);
        top: 9px;
    }
    .mobile-menu-toggle.active span:nth-child(2) {
        opacity: 0;

    }
    .mobile-menu-toggle.active span:nth-child(3) {
        transform: rotate(-45deg);
        top: 9px;
    }
    .table-responsive-lg {

    }
    .elementor-element.vertical-step.e-con-full .elementor-element {
        display: flex;
        flex-wrap: nowrap!important;
    }
    .silicon-elementor-highlighted-heading__title.step-number {
        background-color: transparent!important;
    }
    .heroimage .elementor-column {
        min-height: 40vh;
    }
    .testimonial-img {
        min-height: 250px;
    }
}
.hidden {
    display: none;
}
.elementor-widget-si-silicon-breadcrumb,
.elementor-widget-breadcrumbs,
.single-post .breadcrumb {
    opacity: 0;
}
/* body:not(.home) [data-elementor-type="wp-page"]{
    padding-top: 100px !important;
} */

#blogz-container .card-footer,
#blogz-container .avatar,
#blogz-container .d-flex.align-items-center.position-relative.me-3,
.single-post .avatar,
.single-post .stretched-link.url,
.single-post .d-flex .ps-3 h6.mb-1,
.post-type-archive-case_study .elementor-post__meta-data,
.insights-containerr .card-footer {
    display: none!important;
}
.single-post {
    
}
.insights-containerr .card-body{
    padding-bottom:40px!important;
}