/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
Text Domain: hello-elementor-child
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
*/
.cindy-header{
	position: absolute !important;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9;
}
.schedule-btn a {
    width: 100% !important;
    max-width: 230px;
    height: 60px;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
}
.frustration-left > .elementor-widget-wrap,
.aspiration-right > .elementor-widget-wrap {
    max-width: 525px;
}
.aspiration-right{
	display: flex;
	justify-content: flex-end;
}
.features {
    max-width: 425px;
}
.page-id-323 .features {
    max-width: 550px;
}
.align-left a {
    float: left;
}
.copyright-right > .elementor-widget-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.social-media-title, .social-icons {
    width: auto !important;
}
.work-descp {
    margin: 0 auto;
    max-width: 600px;
}
.schedule-btn.align-center a {
    float: none;
    margin: 0 auto;
}
.steps-wrapper::before {
    content: "";
    width: 80px;
    height: 80px;
    background: url(https://square1dev.com/cindyarroya/wp-content/uploads/2023/01/lines.webp) no-repeat center;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-size: contain;
}
.steps-wrapper::after {
    content: "";
    width: 80px;
    height: 80px;
    background: url(https://square1dev.com/cindyarroya/wp-content/uploads/2023/01/lines.webp) no-repeat center;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-size: contain;
    transform: rotate(180deg);
}
.step:not(:last-child)::after {
    content: "";
    display: block;
    width: 10px;
    height: 16px;
    background: url(https://square1dev.com/cindyarroya/wp-content/uploads/2023/01/right-arrow.webp) no-repeat center;
    position: absolute;
    right: -5px;
    top: calc(50% - 5px);
}
.cindy-descp {
    margin: 0 auto;
    max-width: 515px;
}
ul.star-rating li {
    margin: 0 10px;
}
ul.star-rating li i {
    font-size: 22px;
}
.author-meta .elementor-widget-wrap {
    display: flex;
    justify-content: center;
}
.company {
    width: auto !important;
}
.testimonial-carousel  ul.slick-dots,
.property-carousel  ul.slick-dots {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.testimonial-carousel ul.slick-dots li button,
.property-carousel ul.slick-dots li button {
    padding: 0;
    font-size: 0;
    border: 0;
    width: 20px;
    height: 3px;
    margin: 0 5px;
    background: #d9d9d9;
    outline: none !important;
}
.testimonial-carousel ul.slick-dots li,
.property-carousel ul.slick-dots li {
    display: flex;
     outline: none !important;
}
.testimonial-carousel ul.slick-dots  li.slick-active button,
.property-carousel ul.slick-dots  li.slick-active button {
    background: #1BB0CC !important;
}
.blue-txt{
    color: #1BB0CC !important;
}
.testimonial-carousel .slick-list {
    padding: 0 12.5% 50px;
}
.property-carousel .slick-list {
    padding: 0 110px 50px;
}
.testimonial-carousel .slick-list article.ae-post-list-item ,
.property-carousel .slick-list article.ae-post-list-item {
    opacity: 0.3;
    transition: .3s linear;
}
.testimonial-carousel .slick-list article.ae-post-list-item.slick-active,
.property-carousel .slick-list article.ae-post-list-item.slick-active  {
    opacity: 1;
}
.property-meta {
    position: absolute !important;
    bottom: 0;
        padding: 20px;
        z-index: 9;
}
.property-meta::after{
    content: "";
    width: 100%;
    height: 10px;
    background: #1BB0CC;
    display: block;
    bottom: 0;
    position: absolute;
    left: 0;
    opacity: 0;
    z-index: 99;
}
.property-price {
    margin-bottom: 20px !important;
}
.property-price .elementor-widget-container {
    margin: 0 auto;
    max-width: 140px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.property-title {
    color: #fff;
    text-align: center;
    font-size: 24px;
    line-height: 1.25;
    font-family: "Oswald", Sans-serif;
    font-weight: normal;
}
.property-title span.property-address {
    display: block;
}
.property-meta-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 30px;
    padding-top: 10px;
    visibility: hidden;
    display: none;
    opacity: 0;
    transition: opacity 0.3s linear;
}
.property-divider{
    visibility: hidden;
    display: none;
    opacity: 0;
       transition: opacity 0.3s linear;
}
.property-info {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 25px;
}
span.property-meta-label {
    margin-top: 20px;
    color: #fff;
    font-size: 15px !important;
    line-height: 1.6;
    font-family: "Cardo", Sans-serif;
}
span.divider {
    color: #fff;
    opacity: 0.5;
}
.property-block::before{
    content: "";
    width: 60px;
    height: 60px;
    display: block;
    border-top: 5px solid #fff;
    border-right: 5px solid #fff;
    position: absolute;
    right: 30px;
    top: 30px;
        z-index: 9;
        opacity: 0;
}
.property-block::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 1;
    opacity: 0;
}
.property-block:hover .property-meta-wrapper,
.property-block:hover .property-divider {
    visibility: visible;
    opacity: 1;
    display: flex;
}
.property-block:hover .property-divider {
    display: block;
}
.property-block:hover .property-meta::after, .property-block:hover::after{
    opacity: 1;
}
.property-block:hover::before{
    opacity: 1;
}
.property-image .ae_thumb_wrapper, .property-image .ae_thumb_wrapper a, .property-image .ae_thumb_wrapper a img {
    width: 100% !important;
}
.property-image .ae_thumb_wrapper {
   display: flex;
}
button.slick-arrow {
    width: 60px;
    height: 135px;
    border-radius: 0;
    border: 2px solid #fff;
    color: #fff;
    position: absolute;
    top: calc(50% - 67.5px);
    outline: none !important;
    z-index: 9;
}
button.slick-arrow:hover {
    background: #1BB0CC !important;
    border: 2px solid #1BB0CC;
    }
button.slick-prev {
    left: 20px;
}
button.slick-next {
    right: 20px;
}
button.slick-arrow:hover, button.slick-arrow:active, button.slick-arrow:visited, button.slick-arrow:focus {
    background: transparent;
}
.schedule-btn.join-fb-btn a {
    width: 100% !important;
    max-width: 300px;
}
.video-title{
        max-width: 550px;
}

/* Media Queries */
@media only screen and (max-width: 1600px){
    .property-info {   
        padding: 0 20px;
    }
    /*.banner-heading {
    max-width: 800px;
}*/
}
@media only screen and (max-width: 1368px){
.property-title {    
    font-size: 20px;
    }
    .property-info {
    padding: 0 10px;
}
}
@media only screen and (max-width: 800px){
.frustration-left > .elementor-widget-wrap,
.aspiration-right > .elementor-widget-wrap {
    max-width: 100%;
}
.aspiration-right{
    display: flex;
    justify-content: flex-start;
}
.features {
    max-width: 100%;
}
}
@media only screen and (max-width: 479px){
.property-carousel .slick-list,
.testimonial-carousel .slick-list {
    padding: 0 0px 30px;
}
.step:not(:last-child)::after {
    top: auto;
    right: 0;
    bottom: 75px;
    left: 0;
    margin: 0 auto;
    transform: rotate(90deg);
}
}