/*
 Theme Name:   CodeForge Child Theme
 Theme URI:    https://codeforge.themerex.net/
 Description:  CodeForge Child Theme
 Author:       ThemeREX
 Author URI:   https://themerex.net/
 Template:     codeforge
 Version:      1.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  codeforge
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */



:root {
    /*--rojoGPDW: #e94e4c;*/
    --rojoGPDW: #cd211d;
    --verdeWhatsapp: #48c859;
    --fontLight: 'Greycliff CF Light';
    --fontRegular: 'Greycliff CF Regular';
    --fontBold: 'Greycliff CF Bold';
}



/* fuentes */
    @font-face {
        font-family: 'Greycliff CF Bold';
        src: url('/wp-content/themes/codeforge-child/fonts/GreycliffCF-Bold.eot');
        src: url('/wp-content/themes/codeforge-child/fonts/GreycliffCF-Bold.eot?#iefix') format('embedded-opentype'),
            url('/wp-content/themes/codeforge-child/fonts/GreycliffCF-Bold.woff2') format('woff2'),
            url('/wp-content/themes/codeforge-child/fonts/GreycliffCF-Bold.woff') format('woff'),
            url('/wp-content/themes/codeforge-child/fonts/GreycliffCF-Bold.ttf') format('truetype'),
            url('/wp-content/themes/codeforge-child/fonts/GreycliffCF-Bold.svg#GreycliffCF-Bold') format('svg');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'Greycliff CF Regular';
        src: url('/wp-content/themes/codeforge-child/fonts/GreycliffCF-Regular.eot');
        src: url('/wp-content/themes/codeforge-child/fonts/GreycliffCF-Regular.eot?#iefix') format('embedded-opentype'),
            url('/wp-content/themes/codeforge-child/fonts/GreycliffCF-Regular.woff2') format('woff2'),
            url('/wp-content/themes/codeforge-child/fonts/GreycliffCF-Regular.woff') format('woff'),
            url('/wp-content/themes/codeforge-child/fonts/GreycliffCF-Regular.ttf') format('truetype'),
            url('/wp-content/themes/codeforge-child/fonts/GreycliffCF-Regular.svg#GreycliffCF-Regular') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'Greycliff CF Light';
        src: url('/wp-content/themes/codeforge-child/fonts/GreycliffCF-Light.eot');
        src: url('/wp-content/themes/codeforge-child/fonts/GreycliffCF-Light.eot?#iefix') format('embedded-opentype'),
            url('/wp-content/themes/codeforge-child/fonts/GreycliffCF-Light.woff2') format('woff2'),
            url('/wp-content/themes/codeforge-child/fonts/GreycliffCF-Light.woff') format('woff'),
            url('/wp-content/themes/codeforge-child/fonts/GreycliffCF-Light.ttf') format('truetype'),
            url('/wp-content/themes/codeforge-child/fonts/GreycliffCF-Light.svg#GreycliffCF-Light') format('svg');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }


    h1, h2, h3, h4,
    h1 span, h2 span, h3 span, h4 span {
        font-family: var(--fontBold) !important;
    }
    
    html, body, div, span, applet, object, iframe, video, audio, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, address, section {
        font-family: var(--fontRegular) !important;
        font-weight: normal;
        letter-spacing: .5px;
    }
    

/* botones */
    .sc_button_icon_left {
        background-color: var(--rojoGPDW) !important;
    }


/* desktopHeader */
    .desktopHeader,
    .mobileHeader {
        /*background: rgb(255 255 255 / 63%);
        backdrop-filter: blur(10px);*/
        background: #fff;
    }


/* logo */
    .logo_image {
        width: 250px !important;
        height: auto !important;
        max-height: unset !important;
    }


/* btn whatsapp top */
    .btnWhatsapp.sc_button_bordered:not(.sc_button_bg_image) {
        border-width: 2px !important;
        border-color: var(--verdeWhatsapp) !important;
        background-color: #fff !important;
        color: var(--verdeWhatsapp) !important;
    }
    .btnWhatsapp.sc_button_bordered:not(.sc_button_bg_image):hover {
        border-color: var(--verdeWhatsapp) !important;
        background-color: var(--verdeWhatsapp) !important;
    }


/* btnContactTop */ 
    .btnContactTop.sc_button_size_small.sc_button_icon_left,
    .btnContactTop.sc_button_size_small.sc_button_icon_left:hover {
        background: var(--rojoGPDW) !important;
    }



/* layoutTitle */
    .home  .layoutTitle {
        display: none;
    }


/* social media flotante left */
    .sticky_socials_wrap.sticky_socials_modern {
        mix-blend-mode: difference;
    }
    .sticky_socials_wrap.sticky_socials_modern .social_item {
        color: #c5c5c5;
    }


/* homeSlider */
    .homeSlider .slider_container .slide_content {
        padding: 0;
    }

/* waves */
    .wavesSection .elementor-container {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .waveWrapper1 {
        width: 100% !important;
    }
    .waveWrapper2 {
        width: 100% !important;

    }
    body:not(.elementor-editor-active) .waveWrapper2 {
        position: absolute;
        top: 0;
        left: 0;
    }
    .waveInBlack1 {
        background: url(/wp-content/themes/codeforge-child/svgs/waveInBlack1.svg);
        background-size: 50% auto;
        background-repeat: repeat-x;
        background-position: bottom left;
        width: 100%;
        height: 150px;
        animation: wave1In 10s linear infinite ;
  
    }
    .waveInBlack2 {
        background: url(/wp-content/themes/codeforge-child/svgs/waveInBlack2.svg);
        background-size: 50% auto;
        background-repeat: repeat-x;
        background-position: bottom left;
        width: 100%;
        height: 150px;
        animation: wave2In 40s linear infinite ;
        opacity: .5;
    }
    .waveOutBlack1 {
        background: url(/wp-content/themes/codeforge-child/svgs/waveOutBlack1.svg);
        background-size: 50% auto;
        background-repeat: repeat-x;
        background-position: top left;
        width: 100%;
        height: 150px;
        animation: wave1Out 40s linear infinite ;
        opacity: .5;
    }
    .waveOutBlack2 {
        background: url(/wp-content/themes/codeforge-child/svgs/waveOutBlack2.svg);
        background-size: 50% auto;
        background-repeat: repeat-x;
        background-position: top left;
        width: 100%;
        height: 150px;
        animation: wave2Out 10s linear infinite ;
        
    }




    .waveInWhite1 {
        background: url(/wp-content/themes/codeforge-child/svgs/waveInWhite1.svg);
        background-size: 50% auto;
        background-repeat: repeat-x;
        background-position: bottom left;
        width: 100%;
        height: 150px;
        animation: wave1In 10s linear infinite ;
  
    }
    .waveInWhite2 {
        background: url(/wp-content/themes/codeforge-child/svgs/waveInWhite2.svg);
        background-size: 50% auto;
        background-repeat: repeat-x;
        background-position: bottom left;
        width: 100%;
        height: 150px;
        animation: wave2In 40s linear infinite ;
        opacity: .5;
    }
    .waveOutWhite1 {
        background: url(/wp-content/themes/codeforge-child/svgs/waveOutWhite1.svg);
        background-size: 50% auto;
        background-repeat: repeat-x;
        background-position: top left;
        width: 100%;
        height: 150px;
        animation: wave1Out 10s linear infinite ;
        opacity: .5;
    }
    .waveOutWhite2 {
        background: url(/wp-content/themes/codeforge-child/svgs/waveOutWhite2.svg);
        background-size: 50% auto;
        background-repeat: repeat-x;
        background-position: top left;
        width: 100%;
        height: 150px;
        animation: wave2Out 40s linear infinite ;

    }






/* videotutoriales */
    .page-id-29602 .layoutTitle,
    .page-id-29602  {
        background-color: #fff !important;
    } 
    /**/
    .btnTuto .elementor-widget-container {
        height: auto !important;
    }
    .btnTuto .elementor-image-box-wrapper {
        justify-content: center;
    }
    .btnTuto .elementor-image-box-content {
        width: auto;
    }
    /**/
    .videoTuto >.elementor-widget-container {
        border-radius: 25px;
    }
    /**/
    .btnsTutosSticky {
        position: fixed;
        /*top: 150px;*/
        z-index: 50;
        padding: 0;
        margin: 0;
        border: none;
        transition: .3s;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-50px);
    }
    .showBtnsTutosSticky {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    .btnsTutosSticky .elementor-widget-container {
        padding: 8px 15px !important;
        box-shadow: 0 0px 40px -15px rgb(0 0 0 / 65%);
    }
    .btnsTutosSticky .elementor-image-box-img {
        width: 40px !important;
    }
    .btnsTutosSticky .elementor-image-box-title {
        font-size: 1rem;
    }



    @keyframes wave1In {
        0% {
            background-position: 0 101%;
        }
        100% {
            background-position: 100% 101%;
        }
    }
    @keyframes wave2In {
        0% {
            background-position: 100% 101%;
        }
        100% {
            background-position: 0 101%;
        }
    }
    @keyframes wave1Out {
        0% {
            background-position: 0 0;
        }
        100% {
            background-position: 100% 0;
        }
    }
    @keyframes wave2Out {
        0% {
            background-position: 100% 0;
        }
        100% {
            background-position: 0 0;
        }
    }





/* homeSectionFraseAnimada */
    .homeSectionFraseAnimada {
        overflow: hidden;

    }


/* homeFraseAnimada *//*
    .homeFraseAnimada {
        top: -100px;
    }*/
    .homeFraseAnimada h1.sc_item_title {
        text-align: center;
    }


/* homeLogoFrasesAnimadas */
    .homeLogoFrasesAnimadas {
        margin-bottom: -100px;
        opacity: .65;
    }
    .homeLogoFrasesAnimadas img {
        width: 350px;
        height: 350px;
    }


/* homeSvgMorph */
    .homeSvgMorph {
        position: absolute;
        left: -25%;
        top: -75%;
        transform: translate(-50%, -50%);
        /* z-index: 50 !important; */
        width: 100% !important;
        pointer-events: none;
    }
    .homeSvgMorph2 {
        position: absolute;
        right: -45%;
        top: 20%;
        /* transform: translate(-50%, -50%); */
        /* z-index: 50 !important; */
        width: 100% !important;
        pointer-events: none;
    }
    .homeSvgMorph svg path{
        d:path('M37.5,186c-12.1-10.5-11.8-32.3-7.2-46.7c4.8-15,13.1-17.8,30.1-36.7C91,68.8,83.5,56.7,103.4,45	c22.2-13.1,51.1-9.5,69.6-1.6c18.1,7.8,15.7,15.3,43.3,33.2c28.8,18.8,37.2,14.3,46.7,27.9c15.6,22.3,6.4,53.3,4.4,60.2	c-3.3,11.2-7.1,23.9-18.5,32c-16.3,11.5-29.5,0.7-48.6,11c-16.2,8.7-12.6,19.7-28.2,33.2c-22.7,19.7-63.8,25.7-79.9,9.7	c-15.2-15.1,0.3-41.7-16.6-54.9C63,186,49.7,196.7,37.5,186z');
        animation: morph 5s infinite;
    }
    .homeSvgMorph svg:hover path {
        d:path:hover('M51,171.3c-6.1-17.7-15.3-17.2-20.7-32c-8-21.9,0.7-54.6,20.7-67.1c19.5-12.3,32.8,5.5,67.7-3.4C145.2,62,145,49.9,173,43.4 c12-2.8,41.4-9.6,60.2,6.6c19,16.4,16.7,47.5,16,57.7c-1.7,22.8-10.3,25.5-9.4,46.4c1,22.5,11.2,25.8,9.1,42.6	c-2.2,17.6-16.3,37.5-33.5,40.8c-22,4.1-29.4-22.4-54.9-22.6c-31-0.2-40.8,39-68.3,35.7c-17.3-2-32.2-19.8-37.3-34.8	C48.9,198.6,57.8,191,51,171.3z');
    }
    .homeSvgMorph2 svg path{
        d:path('M37.5,186c-12.1-10.5-11.8-32.3-7.2-46.7c4.8-15,13.1-17.8,30.1-36.7C91,68.8,83.5,56.7,103.4,45	c22.2-13.1,51.1-9.5,69.6-1.6c18.1,7.8,15.7,15.3,43.3,33.2c28.8,18.8,37.2,14.3,46.7,27.9c15.6,22.3,6.4,53.3,4.4,60.2	c-3.3,11.2-7.1,23.9-18.5,32c-16.3,11.5-29.5,0.7-48.6,11c-16.2,8.7-12.6,19.7-28.2,33.2c-22.7,19.7-63.8,25.7-79.9,9.7	c-15.2-15.1,0.3-41.7-16.6-54.9C63,186,49.7,196.7,37.5,186z');
        animation: morph 5s infinite;
    }

    .homeSvgMorph2 svg:hover path {
        d:path:hover('M51,171.3c-6.1-17.7-15.3-17.2-20.7-32c-8-21.9,0.7-54.6,20.7-67.1c19.5-12.3,32.8,5.5,67.7-3.4C145.2,62,145,49.9,173,43.4 c12-2.8,41.4-9.6,60.2,6.6c19,16.4,16.7,47.5,16,57.7c-1.7,22.8-10.3,25.5-9.4,46.4c1,22.5,11.2,25.8,9.1,42.6	c-2.2,17.6-16.3,37.5-33.5,40.8c-22,4.1-29.4-22.4-54.9-22.6c-31-0.2-40.8,39-68.3,35.7c-17.3-2-32.2-19.8-37.3-34.8	C48.9,198.6,57.8,191,51,171.3z');
    }
    @keyframes morph {
        0%, 100%{
            d:path('M37.5,186c-12.1-10.5-11.8-32.3-7.2-46.7c4.8-15,13.1-17.8,30.1-36.7C91,68.8,83.5,56.7,103.4,45	c22.2-13.1,51.1-9.5,69.6-1.6c18.1,7.8,15.7,15.3,43.3,33.2c28.8,18.8,37.2,14.3,46.7,27.9c15.6,22.3,6.4,53.3,4.4,60.2	c-3.3,11.2-7.1,23.9-18.5,32c-16.3,11.5-29.5,0.7-48.6,11c-16.2,8.7-12.6,19.7-28.2,33.2c-22.7,19.7-63.8,25.7-79.9,9.7	c-15.2-15.1,0.3-41.7-16.6-54.9C63,186,49.7,196.7,37.5,186z');
        }
        50%{
            d:path('M51,171.3c-6.1-17.7-15.3-17.2-20.7-32c-8-21.9,0.7-54.6,20.7-67.1c19.5-12.3,32.8,5.5,67.7-3.4C145.2,62,145,49.9,173,43.4 c12-2.8,41.4-9.6,60.2,6.6c19,16.4,16.7,47.5,16,57.7c-1.7,22.8-10.3,25.5-9.4,46.4c1,22.5,11.2,25.8,9.1,42.6	c-2.2,17.6-16.3,37.5-33.5,40.8c-22,4.1-29.4-22.4-54.9-22.6c-31-0.2-40.8,39-68.3,35.7c-17.3-2-32.2-19.8-37.3-34.8	C48.9,198.6,57.8,191,51,171.3z')
        }
    }


/* homeGraficas */
    @media (max-width: 1279px) and (min-width: 768px) {
        /*.homeGrafica1 .sc_skills_digits {*/
        .homeGrafica2 .sc_skills_digits {
            font-size: 2rem;
        }
    }


/* homePrice */
    .homePrice .sc_price_columns_wrap {
        justify-content: center;
    }
    .homePrice .sc_price_simple_shadow .sc_price_item_price {
        font-size: 45px;
    }


/* homeOpiniones */
    @media (max-width: 767px) {
        .homeOpiniones .slider-slide.swiper-slide:not(.swiper-slide-active) {
            opacity: 0 !important;
        }
    }


/* homeBlogPosts */
    .homeBlogPosts .sc_blogger_columns_wrap {
        justify-content: center;
    }
 

/* servicios */
    /* wrapper */
        .cpt_services-template .content_wrap {
            width: 100%;
        }


/* portfolio */
    /* wrapper */
        .page-id-20144 .content_wrap {
            width: 100%;
        }


/* newsletter footer */
    .newsletterFooter #style-10.mc4wp-form .mc4wp-form-fields button, #style-10.mc4wp-form .mc4wp-form-fields input[type="submit"] {
        background-color: var(--rojoGPDW) !important;
    }
    .newsletterFooter label span {
        font-size: .7rem;
        line-height: 1rem;
        display: flex;
        flex-wrap: wrap;
    }
    

/* cardsContactos */
    .cardsContactos .sc_price_item_price {
        margin-top: 0 !important;
        line-height: 25px;
    }
    .cardsContactos .sc_price_item_price_value {
        font-size: 2rem
    }
    .cardsContactos .sc_price_plain .sc_price_item_price + .sc_price_item_details {
        margin-top: 10px !important;
    }
    



/* iconos descarga footer */
    .footerOsIcons .sc_icons_item {
        display: flex;
        align-items: center;
    }
    .footerOsIcons  .sc_icons_modern .sc_icons_item + .sc_icons_item {
        margin-top: .5rem;
    }
    /**/
    .footerOsIcons .sc_icons_item_title {
        font-size: 1.2rem;
    }
    /**/
    .footerOsIcons .sc_icons_modern.sc_icons_size_small .sc_icons_icon, 
    .footerOsIcons .sc_icons_modern.sc_icons_size_small .sc_icons_image {
        width: 3em;
        height: 3em;
        line-height: 3em;
        text-align: center;
        max-width: 3em;
    }
    .footerOsIcons .sc_icons_modern.sc_icons_size_small .sc_icons_icon>span {
        width: 2em;
        height: 2em;
        line-height: 2em;
    }
    .footerOsIcons .sc_icons_size_small .sc_icons_icon:before, 
    .footerOsIcons .sc_icons_size_small .sc_icons_icon>span:before {
        font-size: 1.5em !important;
    }
    .footerOsIcons .sc_icons_modern .sc_icons_icon + .sc_icons_item_details, 
    .footerOsIcons .sc_icons_modern .sc_icons_image + .sc_icons_item_details {
        margin-left: 1em;
        margin-top: .5em;
    }
    .footerOsIcons .sc_icons .sc_icons_item .sc_icons_item_title + .sc_icons_item_more_link, 
    .footerOsIcons .sc_icons .sc_icons_item .sc_icons_item_description + .sc_icons_item_more_link {
        margin-top: .5em;
    }


/* volver arriba */
    .trx_addons_scroll_to_top {
        mix-blend-mode: difference;
        bottom: 6em !important;
    }
    .trx_addons_scroll_to_top span {
        color: #c5c5c5;
    }


/* homeSlider */
    sr7-media .sr7-html5-video {

        height: 100vh !important;
    }


/* contacto */
    .page-id-1453 .layoutTitle {
        display: none;
    }

/* blog */
    .blog .layoutTitle {
        display: none;
    }