/*
Theme Name: Roneous Child
Theme URI: http://www.themelogi.com/themes/roneous
Description: A child theme of Roneous Theme
Author: THEMELOGI
Author URI: http://www.themelogi.com
Version: 1.0.0
Template: roneous
*/

/*Obento-Styles*/

/*Form*/
.form-landing {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.form-bkg {
    /*background-color: #F0EAFF;*/
    background-color: #ede9f7;
    padding: 20px 20px 0px 20px;
    border-radius: 10px;
}
.form-landing input.wpcf7-form-control.wpcf7-text {
    padding: 3px 0px 3px;
    height: 40px;
    line-height: 20px;
    margin: 0 0 12px;
    display: inline-block;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid;
    border-radius: 0;
}
.form-landing input.wpcf7-form-control.wpcf7-text::placeholder, .form-landing textarea.wpcf7-textarea::placeholder{
    color: #1a0732;
}
.form-landing span.wpcf7-form-control-wrap {
    line-height: 10px !important;
}
.form-landing input.wpcf7-form-control.wpcf7-submit {
    height: 45px;
    line-height: 47px;
    border: 1px solid #00B9B3;
    background: #00B9B3;
    border-radius: 10px;
    font-size: 18px;
    text-transform: capitalize;
}
.form-landing textarea.wpcf7-textarea {
    height: 90px;
    background-color: transparent;
    border: none;
    border-bottom: solid 1px;
    border-radius: 0px;
    padding-left: 0px;
    display: inline-block;
    width: 100%;
}



/*Servicios*/
.servicios-right {
    margin-left: -10%;
    z-index: 10;
}
.servicios-left {
    margin-right: -10%;
    z-index: 10;
}

/*Modelos*/
.modelos-text {
    min-height: 250px;
}

/*Beneficios*/
.no-col {
    width: 12.5% !important;
}


.icons-home .icon-image {
    opacity: 1 !important;
    overflow: visible !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}
.icons-home .boxed-icon.boxed {
    min-height: 260px;
    max-width: 254px;
    background-color: #ffffff;
    /*transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;*/
}
/*.icons-home .boxed-icon.boxed:hover {
    background-color: #ede9f7;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}*/
.icons-home .widgetsubtitle {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
}
.icons-home .icon-image img {
    transition: none !important;
    transform: none !important;
}
.icon-image .image-overlay{
    display: none !important;
}
.icons-home .icon-link:hover .icon-image .image-overlay {
    border: none !important;
    background: transparent !important;
}
.icons-home .widgetsubtitle {
    font-style: normal !important;
}


/*Footer*/
.footer-widget {
    padding-bottom: 0;
    background-color: #393939;
}
footer.footer-widget.bg-graydark .sub-footer {
    background-color: #202020;
}

footer .widget {
    margin-bottom: 10px;
}
/*Social*/
li.wp-social-link.wp-social-link-facebook.wp-block-social-link, li.wp-social-link.wp-social-link-instagram.wp-block-social-link, li.wp-social-link.wp-social-link-linkedin.wp-block-social-link {
    background-color: #ffffff;
}
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited {
    color: rgb(57 57 57);
    fill: rgb(57 57 57);
}
.icon-footer img {
    width: 60px;
}
footer .wp-block-media-text__content {
    padding-left: 10px !important;
}
footer.bg-dark a:hover, footer.bg-graydark a:hover {
    color: #00b9b3;
}


/*Responsive*/

/*Footer*/
@media (max-width: 1500px) {
    .back-to-top {
        right: 15px;
        bottom: 100px !important;
    }
    .back-to-top:hover {
        background: #00b9b3 !important;
        border-color: #00b9b3 !important;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .icons-home .icon-image {
        width: 50px;
        margin: 10px auto;
    }
}

@media (max-width: 768px) {
    .logo-home {
        max-width: 40% !important;
    }
    .home-box h1.widgettitle {
        white-space: break-spaces;
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .headings-title .widgettitle {
        font-size: 30px !important;
        line-height: 35px !important;
    }
    .servicios-right{
        margin-left: 0px;
    }
    .icons-home{
        text-align: center;
    }
    .icons-home .wpb_wrapper {
        display: inline-block;
    }
    .reverse-col .container .row {
        display: flex;
        flex-direction: column-reverse;
    }
    .reverse-col .servicios-left {
        margin-right: 0px !important;
    }
    .servicios-left .wpb_wrapper, .servicios-right .wpb_wrapper {
        padding-left: 20px;
    }
    .servicios-image {
        padding-bottom: 0px !important;
    }
}