/*

Theme Name: idoce

Theme URI: https://idoce.cl

Author: Idoce inmobiliaria

Author URI: https://idoce.cl

Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.

Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready

Version: 1.3

Requires at least: 5.0

Tested up to: 5.4

Requires PHP: 7.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: melga

This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/

body {
    font-family: 'Raleway', sans-serif;
}
.button {
    border-radius: 8px;
    background: #5C9424;
    color: white!important;
    text-decoration: none;
    font-style: normal;
    font-weight: 500!important;
    line-height: 100%; /* 20px */
    letter-spacing: 0.5px;
    padding: 16px;
    display: inline-block;
}
.button-white {
    border-radius: 8px;
    background: white;
    color: #5C9424;
    text-decoration: none;
    font-style: normal;
    font-weight: 500!important;
    line-height: 100%; /* 20px */
    letter-spacing: 0.5px;
    padding: 16px;
    display: inline-block;
}
.button:hover {
    background: #75bc2e;
}
.white {
    color: #FFF!important;
}
.black {
    color: #21272A;
}

.navbar {
    border-bottom: #5C9424 5px solid;
    display: block;
    background: white;
    z-index: 9;
    overflow: hidden;
    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%;
}
.nav-link:focus, .nav-link:hover {
    color: #5C9424;
}
.carousel {
    padding-top: 60px;
}
.active a {
    color: #5C9424;
    font-weight: bold;
}

.titulos {
    font-size: 42px;
    font-weight: bold;
    color: white;
}
.titulos-home {
    font-size: 62px;
    font-weight: bold;
    color: white;
}
.text-header {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
    display: inline;
}
.carousel-caption {
    top: 20%;
}
.espacio-home {
    padding: 0px 5%;
}
.flecha {
    display: inline-block;
    height: 100%;
}
.carousel-caption .img-header {
    height: 100%;
    width: 10px;
}
.carousel-inner {
    height: 600px;
}
.carousel-caption ion-icon {
    color: #5C9424; font-size: 30px; display: inline-block;
}
.accordion-button:not(.collapsed) {
    background-color: #F5F5F5;
}



#qs-section {
    padding: 60px 0px;
}
.img-destacada {
    width: 100%;
    height: 100%;
    padding: 20px;
}
.img-destacada img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0px 24px;
}
.texto-destacado {
    padding: 30px;
}
.section-name {
    color: white;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.section-name-content {
    color: #5C9424;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.texto-destacado .title {
    color: #21272A;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 46.2px */
}
.texto-destacado .title .box {
    padding: 12px 5px;
    display: inline-block;
}
.texto-destacado .title .box span {
    width: 8px;
    height: 8px;
    background-color: #5C9424;
    display: block;
}
.texto-destacado .space {
    height: 30px;
}
.texto-destacado .texto {
    color:#21272A;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
    text-align: justify;
}

.alto-service {
    height: 700px;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.service-content {
    position: absolute;
    color: #fff;
    top: 0px;
    width: 100%;
    z-index: 2;
    padding: 80px;
}
.fnd-black {
    background-color: rgba(0, 0, 0, 0.3);
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.descripcion {
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 100;
    line-height: 110%;
}
.service-list {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 32px 24px;
    border-radius: 0px 24px;
}
.service-list ul {
    padding: 16px;
}
.title-service {
    border-bottom: 1px solid #5C9424;
}
.title-service p {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    display: inline-block;
    margin-top: 12px;
    position: absolute;
    padding-left: 12px;
}
.title-service ion-icon {
    width: 48px;
    height: 48px;
    display: inline-block;
}

.invierte {
    padding: 80px;
}

footer {
    background-color: #04101C;
    padding: 48px 80px;
}
footer .space-foot {
    padding: 48px 0px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
footer .ft-menu, .ft-menu a {
    color: white;
}
footer .ft-menu li {
    list-style: none;
    padding: 6px 0px;
    font-size: 16px;
}
.img-service {
    height: 100%;
    object-fit: cover;
}

.alto-section {
    height: 300px;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.cargo {
    padding: 14px 0px;
    color: #04101C;
    font-size: 16.954px;
    font-style: normal;
    font-weight: 400;
    line-height: 146.687%;
}
.rrss-somos {
    width: 30px;
    height: 30px;
    color: #5C9424;
}
.correo {
    width: 30px;
    height: 30px;
    background-color: #5C9424;
    display: inline-block;
    border-radius: 3px;
    padding: 5px;
}
.correo ion-icon {
    color: white;
    width: 100%;
    height: 100%;
}
.separador {
    background-color: #5C9424;
    height: 30px;
    width: 10px;
    display: inline-block;
}
.sin-padding {
    padding: 0px;
}
.ico-green {
    color: #5C9424;
}

.desktop {
    display: block;
}
.mobile {
    display: none;
}
.section-padding {
    padding-top: 120px;
    padding-bottom: 120px; 
}
.space-contact {
    padding: 50px 0px;
}
.form-control {
    background-color: #F2F4F8;
    border-radius: 0px;
    border-bottom: 1px solid #C1C7CD;
}
.error_nombre, .error_apellido, .error_comentario, .error_email {

    display:none;

    color: red;

    font-size: 16px;

}
.altoimgfinal {
    height: 200px;
    display: block;
}
.altoimgfinal img {
    object-fit: cover;
    height: 100%;
}

@media (max-width: 1040px) {
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
    .carousel-item-next, .carousel-item-prev, .carousel-item.active {
        height: 100%;
    }
    .alto-service {
        height: 750px;
    }
    .service-list {
        margin-bottom: 12px;
    }
    .service-list ul{
        display: none;
    }
    .title-service {
        border-bottom: none;
    }
    .space-contact {
        padding: 20px 0px;
    }
    .section-padding {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
}

@media (max-width: 540px) {
    .carousel-inner {
        height: auto;
    }
    .carousel-caption {
        top: 40px;
        text-align: center;
        left: auto;
        right: auto;
        width: 100%;
        padding: 12px;
    }
    .titulos {
        font-size: 32px;
    }
    .carousel-caption ion-icon {
        display: none;
    }
    .invierte, .service-concctent {
        padding: 48px 24px;
    }
    .alto-service {
        height: 750px;
    }
    footer {
        padding: 24px;
        text-align: center;
    }
    .logo-ft {
        margin-bottom: 24px;
    }
    footer .ft-menu {
        padding-left: 0px;
    }
    .navbar-collapse {
        padding: 32px 0px;
    }
    .descripcion {
        font-size: 20px;
        line-height: 24px;
    }
    .titulos-home {
        font-size: 42px;
    }
    .carousel {
        padding-top: 40px;
    }
    .alto-video {
        height: 400px;
    }
    .adap-video {
        height: 100%;
        display: block;
        object-fit: cover;
    }
    .service-content {
        padding: 40px 20px;
    }
    
}
@media (max-width: 480px) {
    .carousel-caption {
        top: 20px;
    }
    .text-header {
        font-size: 16px;
    }
    .alto-service {
        height: 850px;
    }
}