/* 
Theme Name: Hello Elementor FCMA
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-theme-child-sgvp-main
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


img, a, .b-item, p, h4 {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}



.grid {
    display: grid;
    gap: 20px;
}

.grid-2 {
    grid-template-columns: 1fr 1fr;
}

.grid-3 {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
}

.grid-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid-6 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}





#sticky-head.hfe-sticky .header-logo {
    text-align: left;
}

#sticky-head.hfe-sticky .header-logo img {
    height: 45px;
    width: inherit;
    margin-top: 0px;
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}


a.btn-theme {
    display: flex;
    gap: 5px;
    align-items: center;
}

.insightList .blog-date {
    display: none;
}

.bloglist .thumb {
    display: none;
}


/* blog css  */
.blog-box a {
    text-decoration: none !important;
    color: #000;
    font-size: 16px;
    font-weight: 500;
}

.blog-items, .b-item {
    height: 100%;
}

.blog-info h4 {
    color: #da2c46;
    font-size: 18px;
    font-weight: bold;
    line-height: 27px;
}

.blog-content {
    padding: 20px;
    margin-top: -9px;
}

.b-item {
    background-color: #fff;
    position: relative;
}

.blog-box:hover .b-item {
    background-color: #2e3745;
}

.blog-box:hover .blog-content, .blog-box:hover a, .blog-box:hover h4 {
    color: #fff;
}

.blog-box:hover .blog-content p {
    color: #fff;
}

.blog-box:hover svg {
    filter: invert(100%) grayscale(1);
    -webkit-filter: invert(100%) grayscale(1);
}

.thumb img {
    line-height: 1px !important;
}

.blog-content .elementor-button-icon svg {
    height: 0.6em;
}

.elementor-6 .elementor-element.elementor-element-d090780 .elementskit-menu-hamburger {
    width: 36PX !important;
}

.elementskit-menu-overlay {
    background: none !important;
}

.ekit_menu_responsive_tablet .elementskit-submenu-indicator {
    border: none !important;
}

.elementskit-megamenu-panel .elementor-widget-container {
    padding-left: 0px !important;
}

.footernewsletter input {
    background: none !important;
    border: solid 1px rgb(255 255 255 / 0.5) !important;
    color: #fff !important;
}

.footernewsletter input[type="submit"] {
    background: #DA2C46 !important;
    color: #fff !important;
    border: none !important;
}

h2.wp-block-heading, h3.wp-block-heading, h4.wp-block-heading, h5.wp-block-heading, h6.wp-block-heading {
    font-size: 22px !important;
    font-weight: 400 !important;
}

@media (min-width: 999px) and (max-width: 50000px) {




    #sticky-head.hfe-sticky {
        border-bottom: solid 1px #fbe9ec;
        position: fixed;
        padding: 0px 0;
        left: 0;
        width: 100%;
        top: 0px;
        z-index: 10000;
        background: #fff;
        animation: slide-down 0.8s;
    }

    @keyframes slide-down {
        0% {
            opacity: 0;
            transform: translateY(-100%);
        }

        100% {
            opacity: 0.9;
            transform: translateY(0);
        }
    }

    @media(max-width: 767px) {

        #sticky-head.hfe-sticky {
            top: 0;
        }
    }

    #sticky-head.hfe-sticky .myaccount {
        display: none;
    }

    #sticky-head.hfe-sticky .elementor-button {
        padding: 10px 15px 10px 15px !important;
    }

    #sticky-head.hfe-sticky .elementor-element-488af3f {
        align-items: center;
    }

}

.bloglist .blog-items {
    border: solid 1px #cedbe4;
    margin: 0;
}

.bloglist .blog-content {
    margin: 0;
}

.bloglist .b-item:hover {
    background: #da2c46;
}

.bloglist .blog-date {
    opacity: 0.6;
    font-size: 14px;
    font-weight: 600;
}

.fulllink {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.serviceBox a {
    text-decoration: none !important;
}

.serviceBox:hover h2 a {
    color: #da2c46;
}

.serviceBox img {
    border: solid 5px #FEF4F4;
}

.serviceBox:hover img {
    border: solid 5px #da2c46;
}

button.jkit-mailchimp-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}


.industriespageBlog .blog-content {
    padding: 20px 0 0 0;
}

.industriespageBlog .blog-info h4 {
    color: #000;
}

.industriespageBlog a.btn {
    color: #da2c46;
}

.industriespageBlog .blog-info {}

.industriespageBlog .blog-date {
    display: none;
}

.industriespageBlog .blog-box:hover .b-item {
    background: none;
}

.industriespageBlog .blog-box:hover .blog-content, .industriespageBlog .blog-box:hover a, .industriespageBlog .blog-box:hover .blog-content p, .industriespageBlog .blog-box:hover h4 {
    color: #000 !important;
}

.industriespageBlog .blog-box:hover svg {
    filter: invert(0%) grayscale(0);
}

.issuesPage a {
    text-decoration: none !important;
}

.rightsticky {
    position: sticky !important;
    top: 10px;
}

.sub-menu li a {
    display: flex !important;
    justify-content: space-between !important;
}

.sub-menu li a i {
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);

}

.blogInnerOuter {
    display: grid;
    gap: 60px;
    grid-template-columns: 65% 30%;
    justify-content: space-between;
}

.container {
    width: 1320px;
    margin: auto;
}

.customeInner {
    background: #f2f5f7;
    padding: 100px 0;
    text-align: center;
}

h1.entry-title, .cateName {
    color: #da2c46;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.innerHead {
    padding: 0 20%;
}

.single-post .innerHead {
    padding: 0;
}

.innerHead h1.entry-title {
    font-family: "Mulish", Sans-serif;
    font-size: 18px;
    font-weight: 800;
    font-style: normal;
    text-transform: inherit !important;
    
    text-decoration: none;
    line-height: 30px;
    color: #000 !important;
}

.innerHead p {
    margin-bottom: 15px !important;
    font-family: "Mulish", Sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 40px;
    font-style: normal;
    text-decoration: none;
}

.blogInnerOuter {
    padding: 100px 0;
}

.blogInnerOuter .thumb {
    display: block;
}

.blogRight {
    background: #0a1c2d;
    color: #a5a8ac;
    padding: 30px;
    font-size: 20px;
}

.blogRight a {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

.wp-block-heading {
    font-family: "Mulish", Sans-serif;
    color: #da2c46;
    font-size: 20px;
    font-weight: 800;
    text-transform: capitalize;
    letter-spacing: 1.5px;
}

.wp-block-tag-cloud a {
    border: solid 1px #1e364d;
    padding: 7px 10px;
    font-size: 18px !important;
    font-weight: 400;
    margin-bottom: 10px;
}

.wp-block-tag-cloud a:hover {
    color: #fff;
}

.blogRight ul {
    margin: 0;
    padding: 0;
}

.blogRight ul li {
    list-style: none;
    background: url(assets/images/arrow.png) no-repeat left 15px;
    padding: 5px 0 5px 25px;
}

.blogRight ul li a:hover {
    color: #fff;
}

.widget_block {
    padding-bottom: 40px;
}

.widget_block p {
    margin-bottom: 0 !important;
}

.bloglistPage {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

/* .page-content  { padding: 30px 0 ;} */
.single .customeInner {
    text-align: left;
}

.single .entry-title {
    margin-bottom: 5px;
}

.tag-links a {
    padding: 2px 5px;
    border: solid 1px rgba(0, 0, 0, 0.2);
    margin: 0 5px;
}

.tag-links a:hover {
    color: #fff;
    background: #da2c46;
}

.page-content-search article {
    padding: 80px 0;
}

.page-content-search article:nth-child(odd) {
    background: #f2f5f7;
}

.category-blog .blog-items .thumb {
    display: none;
}

.item-list .item {
    padding: 30px 0 !important;
}

.cate_descprition p {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

@media (min-width: 100px) and (max-width: 767px) {

    .innerHead .entry-title {
      
        font-size: 20px;
        font-weight: 800;
        line-height: 30px;
    }
    .innerHead p { font-size: 20px; font-weight: 800; line-height: 25px;}
    .cate_descprition p { font-weight: 400; line-height: 30px;}
    #gallery-1.gallery {
        margin: 0 !important;
    }

    .grid-2, .grid-3, .grid-4, .grid-5, .grid-6 {
        grid-template-columns: 1fr;
    }

    .innerHead {
        padding: 0 !important;
    }

    .bloglistPage {
        display: block;
    }

    .blogInnerOuter {
        display: block;
    }

    .container {
        width: 100%;
        margin: auto;
        padding: 0 15px;
    }

    .customeInner, .blogInnerOuter {
        padding: 30px 0;
    }

    .blogInnerOuter .blog-box {
        padding-bottom: 30px;
    }

}

@media (min-width: 768px) and (max-width: 1000px) {
    .grid-4 { grid-template-columns: 1fr 1fr;}
    .container {
        width: 90%;
        margin: auto;
    }
    .innerHead { padding: 0 5%;}
    .blogInnerOuter { gap: 30px; padding: 50px 0 ;} 

}




.stickyRight {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 0;
}

.servicesboxInner a {
    text-decoration: none !important;
}

.servicesboxInner a:hover {
    color: #da2c46 !important;
}

#Readcontent {
    display: none;
}

button#toggleButton:focus {
    outline: none;
    border: none;
}

a {
    text-decoration: none !important;
}