/*
Theme Name:   montegrande
Description:  Montegrande padre resideo
Template:     resideo
Version:      1.0.0
*/



@import url(../resideo/style.css);



@font-face {
    font-family: 'IFKica-light';
    src: url('fonts/IFKica-Light.woff') format('woff')
}

@font-face {
    font-family: 'IFKica-regular';
    src: url('fonts/IFKica-Regular.woff') format('woff')
}

@font-face {
    font-family: 'IFKica-bold';
    src: url('fonts/IFKica-Bold.woff') format('woff')
}

@font-face {
    font-family: 'gotham-thin';
    src: url('fonts/Gotham-Thin.woff') format('woff'), url('fonts/Gotham-Thin.woff2') format('woff2')
}

@font-face {
    font-family: 'gotham-tihn-italic';
    src: url('fonts/Gotham-ThinItalic.woff') format('woff'), url('fonts/Gotham-ThinItalic.woff2') format('woff2')
}

@font-face {
    font-family: 'gotham-thin-italic';
    src: url('fonts/Gotham-ThinItalic.woff') format('woff'), url('fonts/Gotham-ThinItalic.woff2') format('woff2')
}

@font-face {
    font-family: 'gotham-xl-light';
    src: url('fonts/Gotham-XLight.woff') format('woff'), url('fonts/Gotham-XLight.woff2') format('woff2')
}

@font-face {
    font-family: 'gotham-medium';
    src: url('fonts/GothamMedium.woff') format('woff'), url('fonts/GothamMedium.woff2') format('woff2')
}

@font-face {
    font-family: 'gotham-medium-italic';
    src: url('fonts/GothamMediumItalic.woff ') format('woff'), url('fonts/GothamMediumItalic.woff2') format('woff2')
}

body {
    font-family: gotham-xl-light;
    font-weight: 600;
}


.pxp-logo>svg {
    max-height: 41px;
    height: auto;
    width: 250px;
    fill: #ffffff;
}

/*logo color*/
.pxp-is-sticky .pxp-logo>svg {
    fill: #439c38;
}

.pxp-no-bg .pxp-logo>svg {
    fill: #439c38;
}


.pxp-nav>div>ul>li>a {
    font-family: IFKica-light;
    font-weight: normal;
}

.pxp-nav>div>ul>li>a:hover {
    font-family: IFKica-light;
    font-weight: normal;
}


.pxp-header.pxp-full .pxp-logo>svg {
    fill: #439c38;
}


@media (max-width: 340px) {
    .pxp-logo>svg {
        width: 190px;
    }
}


/*--------------*/


.pxp-caption-prop-title {
    font-family: gotham-medium;

}

.pxp-cta {
    font-family: gotham-medium;
    /* top: 55% !important; */
}

.sub-contacto {
    font-family: gotham-thin;
}

.pxp-price {
    font-family: gotham-medium;
    overflow: visible !important;
    /*  top: 55% !important; */
}

.pxp-caption-prop-features {
    font-family: gotham-thin;
    font-weight: bolder;
}

/* 
.pxp-carousel-ticker{
    top: 55% !important; 
}
*/

.pxp-hero-props-carousel-1-prices .pxp-carousel-ticker .pxp-carousel-ticker-counter {
    overflow: hidden;
    height: 13px;
    font-family: gotham-thin;
}

.pxp-hero-props-carousel-1-prices .pxp-carousel-ticker>div {
    font-family: gotham-thin;
}

/*---------------*/

.pxp-section-h2 {
    color: #439c38;
    font-family: IFKica-regular;
    font-weight: normal;
    font-size: 1.6rem;
    margin: 0px;
}



/*boton filtros*/
a.pxp-adv-toggle.pxp-active,
a.pxp-adv-toggle.pxp-active:hover {
    background-color: #439c38;
    color: #fff;
    border: 1px solid #327229;
}



/*mapa google en pagina home*/
.cont-map-home{
    margin-top: 67px;
} 

.map-home {
    width: 100%;
    height: 100%;
}

a.pxp-list-toggle {
    position: absolute;
    top: 35px;
}

/*padding footer*/

.p-footer {
    padding-top: 50px;
    padding-bottom: 20px;
}

/*font weight de los selects*/

.custom-select,
option {
    font-weight: 600;
}

.checkbox.custom-checkbox label {
    font-weight: 600;
}

.input-group-text {
    font-weight: 600;
}

.form-control {
    font-weight: 600;
}

/*single propiedad*/

.pxp-single-property-top,
.contact-page-top {
    margin-top: 67px;
    padding-top: 60px;
}

.btn-contacto-single {
    background-color: #439c38;
    color: #fff;
    padding: 10px 5px;
    border-radius: 5px;
    text-align: center;
    transition: all .3s;
    display: block;

    &:hover {
        text-decoration: none;
        color: #fff;
        background-color: #327229;
    }
}

.ico-wsp-contacto {
    width: 18px;
    margin-right: 5px;
    margin-bottom: 2px;
}

@media screen and (max-width: 575px) {
    .pxp-sort-form.float-right {
        float: right !important;
    }
}

@media (min-width: 0px) {
    .form-inline .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0;
    }
}

.row-filtros-home {
    display: flex;

    justify-content: space-between;
    flex-wrap: wrap;
}


.select-form-home {
    margin-right: auto;

}

@media(min-width: 390px) {
    .select-form-home {
        margin-left: auto;
        margin-right: unset;

    }
}

.pxp-hero {
    height: 65vh;
}

.pxp-hero-props-carousel-1 .carousel-item .pxp-caption {
    top: 45%;

}

.cont-icono-slider {
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

.icono-slider {
    width: 45px;
    opacity: 0.4;
}

.desc-contacto {
    font-size: 1.5rem;
    color: #439c38;
    text-align: justify;
}

.logo-desc-cont {
    width: 30px;
    margin-bottom: 4px;

}

.color-verde {
    color: #439c38;
}

.color-verde-titulo {
    color: #439c38;
    font-family: gotham-medium;
    font-weight: normal !important;
}

.pxp-sp-top-btn {
    border: 1px solid #449c385d;
    color: #439c38;

}

.pxp-sp-top-btn:hover {
    border: 1px solid #439c38;
    color: #439c38;
}

.pxp-sp-top-btn>span {
    color: #439c38;
}

.pxp-sp-top-btn:hover>span {
    color: #439c38;
}

.pxp-single-marker {
    background-color: #439c38;
}

.pxp-single-marker:after {
    background-color: #439c3857;
}

.pxp-side-address p,
.pxp-side-section h3,
#menu-footer-menu-1 li a,
#menu-footer-menu-2 li a,
#menu-footer-menu-3 li a,
.pxp-sp-gallery-btn,
#menu-nav-menu-1 li a,
#menu-redes-sociales li a {
    color: #439c38;

}

.pxp-carousel-control-prev svg g line,
.pxp-carousel-control-next svg g line {
    stroke: #439c38;
}

.pxp-content-side-h2 {
    color: #439c38;

}

.custom-select {
    border: 1px solid #439c38 !important;
    color: #439c38 !important;
}

.custom-select:hover,
.custom-select:focus {
    border: 1px solid #327229;

}

a.pxp-map-toggle,
a.pxp-adv-toggle {
    color: #439c38 !important;
    border: 1px solid #439c38;
}

a.pxp-map-toggle:hover,
a.pxp-adv-toggle:hover {
    border: 1px solid #327229;

}

a.pxp-list-toggle>span,
.pxp-list-toggle {
    color: #439c38 !important;
}

.pxp-paginantion .page-item.active>a,
.pxp-paginantion .page-item.active>.page-link {
    border-bottom: 2px solid #439c38;
}

.pxp-paginantion .page-item>a,
.pxp-paginantion .page-item>.page-link {
    color: #439c38;

}

.pxp-content-side-search-form .form-control {

    border: 1px solid #439c38;
}

.pxp-content-side-search-form .form-control:focus {
    border: 1px solid #327229;
}

.pxp-content-side-search-form .form-control.pxp-is-address+span,
.pxp-side-section-filter-form .form-control.pxp-is-address+span {
    color: #439c38;
}

.pxp-contact-hero-offices-info a {
    opacity: 1 !important;
}

.pxp-sp-kd-item-label,
.pxp-sp-kd-item-value {
    color: #439c38;

}

.pxp-sp-key-details-item {

    border-bottom: 1px solid #449c3849;
}

.comments-area h4 {
    color: #439c38;

}

.comment-body h5 a,
.comment-body h5 {
    color: #439c38;

}

.comment-meta a {
    color: #449c38d2;

}

.comment-content p,
.no-comments {
    color: #439c38 !important;

}

.pxp-blog-post-comments-author-label {
    color: #439c38;
    border: 1px solid #449c38a9;
}

ul.pxp-comment-ops li:last-child a {
    border-left: 1px solid #449c3877;
}

ul.pxp-comment-ops li a {
    color: #439c38;
}

.pxp-blog-post-comments p,
.pxp-agent-comments p {
    color: #439c38;
}

.pxp-blog-post-comments .logged-in-as a {
    color: #327229;
}

.pxp-blog-post-comments-form label,
.pxp-agent-comments-form label {
    color: #439c38;

}

.pxp-blog-post-comments-form .form-control,
.pxp-agent-comments-form .form-control {
    border: 1px solid #439c38;
}

.sub-contacto {
    color: #439c38;

}

.pxp-contact-hero-offices-title {
    color: #439c38;

}

.pxp-contact-hero-offices-info p,
.pxp-contact-hero-offices-info p a {
    color: #439c38;

}

.pxp-contact-form .form-control {
    border: 1px solid #439c38;
}

.pxp-results-card .pxp-results-card-1-details-title,
.pxp-results-card .pxp-results-card-1-details-price {
    transition: .2s all;
}


.pxp-results-card:hover .pxp-results-card-1-details-title {
    font-size: 18px;
    font-family: 'gotham-medium';
    font-weight: normal;
}

.pxp-results-card:hover .pxp-results-card-1-details-price {
    font-size: 21px;
    font-family: 'gotham-medium';
    font-weight: normal;
}


.boton-lateral {
    position: fixed;
    z-index: 999;
    right: 0px;
    bottom: 10%;
    background-color: #439c38;
    border-radius: 20px 0px 0px 20px;
    padding: 10px 10px 10px 15px;
    transition: .3s all;
}


.boton-lateral img {
    width: 30px;

    @media screen and (max-width: 500px) {
        width: 25px;
    }
}

.ocultar {
    opacity: 0;
    right: -50px;
}


.pxp-header.pxp-is-sticky {
    background-color: #fff;
    padding: 20px 0;
    box-shadow: 0px 24px 22px rgb(255 255 255);
}


.pxp-single-property-gallery {
    margin: 0 auto;
}

.w1,
.grid-sizer {
    width: 25%;

}

.w2 {
    width: 50%;
}

.w3 {
    width: 75%;
}

.w4 {
    width: 100%;
}

.h1 {
    height: 325px;
}

.h2 {
    height: 650px;
}

.h3 {
    height: 975px;
}

.h4 {
    height: 1300px;
}

.pxp-single-property-gallery>figure>a {
    display: block;
    position: relative;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all 2s linear;
    -o-transition: all 2s linear;
    transition: all 2s linear;
    width: 100%;
    height: 100%;
}

/*css para que funcione el boton ver mas y ver menos en la pagina single*/
.pxp-single-property-section {
    overflow: hidden;
    position: relative;
    transition: .5s all;
}

#btnVerMas {
    display: none;
    cursor: pointer;
    margin-top: 10px;
}

/*filtro blanco y negro para dioponibilidad*/
.no-disponible {
    filter: grayscale(1);
}

.pxp-no-map .pxp-content-side-wrapper {
    padding: 77px 0 0 0;
}

.pxp-content-side-wrapper {
    padding: 1px 30px 30px 30px;
}

.pxp-header.pxp-full {
    background-color: #fff;
    padding: 20px 0;
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.10);
}

.pxp-content.pxp-full-height {
    margin-top: 66px;
}

.pxp-map-side {
    position: fixed;
    top: 66px;
    bottom: 0px;
    width: 50%;
    z-index: 3;
}

/*css para shorts yt*/

.shorts{
    position: relative;
}

.contShort {
    /* width: 100%;
    height: 560px; */
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    border-radius: 10px;
    overflow: hidden;
}

.owl-prev{
    position: absolute;
    width: 50px;
    height: 50px;
    top: calc(50% - 15px);
    left: -15px;
    background-color: #fff !important;
    border-radius: 100%;
    border: 1px solid #0000004a !important;
}

.owl-next{
    position: absolute;
    width: 50px;
    height: 50px;
    top: calc(50% - 15px);
    right: -15px;
    background-color: #fff !important;
    border-radius: 100%;
    border: 1px solid #0000004a !important;
}

.owl-next:focus,.owl-prev:focus{
    border: solid #439c38 !important;
    box-shadow: none;
    outline: none;
}

.owl-next.disabled:focus,.owl-prev.disabled:focus{
    border: solid #00000071 !important;
    box-shadow: none;
    outline: none;
}


.elIframe{
    border-radius: 10px;
}

.spinner-border {
    border: .25em solid #439c38;
    border-right-color: transparent;
}

.btn-ver-propiedad-short{
    background-color: #439c38;
    color: #fff;
    padding: 10px 10px;
    border-radius: 5px;
    text-align: center;
    transition: all .3s;
    /* height: 45px; */
    &:hover{
    color: #fff;
    text-decoration: none;
    background-color: #327229;
    }
    
}

button.disabled svg path{
    stroke: #00000071;
}