/*
 Theme Name:     Threshold Divi
 Theme URI:      https://www.thresholdagency.com/
 Description:    Threshold Divi Child Theme
 Author:         Threshold Agency
 Author URI:     https://www.thresholdagency.com/
 Template:       Divi
 Version:        1.0.0
*/
 
/*-------------------------------------------------------------- 
    Theme customization starts here
-------------------------------------------------------------- */

/*font-family: "athena", sans-serif;*/
/*font-family: montserrat, sans-serif;*/


/*--------------------------------------------------------------
    General Elements
-------------------------------------------------------------- */
.white{
    color:#ffffff;
    }
.black{
    color:#000000;
    }
.right-float{
    float:right;
    }
.left-float{
    float:left;
    }
.right-text{
    text-align:right;
    }
.left-text{
    text-align:left;
    }

.mobile-br{
    display:inline;
    }

body div#main-content h1, body div#main-content h2, body div#main-content .athena h3, .floor-title, body div#main-content  .floorplans-filter-inner h3 {
    font-family: "garamond-atf-text", sans-serif;
}
body, body div#main-content h3,  body div#main-content h4,  body div#main-content h5, li, p, span,
.element-item .unit-status, .floor-btn {
    font-family: brandon-grotesque, sans-serif;
}

.floor-description {
    font-size: 18px;
    color: #333;
    margin-bottom: 25px;
}


/*--------------------------------------------------------------
    Header Elements
-------------------------------------------------------------- */


.et_pb_row.et_pb_row_1_tb_header.et_pb_sticky_module.et_pb_row--with-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: inherit;
}






/*--------------------------------------------------------------
    Homepage Elements
-------------------------------------------------------------- */
button#loadMore {
    display: none;
}

.element-item[data-status="soldout"] .unit-status  {
    background-color: red;
    color: white; /* Ensure text remains readable */
}

.et_pb_column_1_2 .et_pb_gallery_item img {
    max-height: 300px;
    min-height: 300px;
    object-fit: cover;
}

.unit-detail {
    line-height: 1.2 !important;
}
.element-item .unit-status {
    font-size: 22px !important;
}

.element-item >div {
    border-radius: 0px;
}
.floor-title {
    color: #a15622 !important;
}
.floor-btn:before, button#wpforms-submit-395:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #ED020A;
    top: -6px;
    left: -6px;
    display: block;
    margin-left: 0 !important;
    opacity: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.3s ease 0s;
}

.floor-btn:after, button#wpforms-submit-395:after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    border-style: solid;
    border-color: #ED020A;
    display: block;
    margin-left: 0 !important;
    opacity: 1;
    transition: all 0.3s ease 0s !important;
    top: auto;
    bottom: -6px;
    left: auto;
    right: -6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 0 1px 1px 0;
    font-size: 1.6em;
    color: rgba(119, 119, 119, 0);
    opacity: 1;
    margin-left: .3em;
    left: auto;
}
.floor-btn:hover:before, .floor-btn:hover:after,
button#wpforms-submit-395:hover:before, 
button#wpforms-submit-395:hover:after{
    width: calc(100% + 12px) !important;
    height: calc(100% + 12px) !important;
    transform: rotateY(180deg) !important;
}
.floor-btn {
    position: relative;
    background: transparent;
    color: #000000;
    padding: 3px 20px !important;
    filter: hue-rotate(59deg) saturate(119%) brightness(180%);
}

.floor-btn:hover {
    background: transparent !important;
    color:  #ed020a !important;
}
form#wpforms-form-395 button[type=submit]#wpforms-submit-395{
     position: relative;
    background: transparent !important; 
    color: #ffffff !important; 
    padding: 3px 20px !important; 
    filter: hue-rotate(59deg) saturate(119%) brightness(180%);
}
form#wpforms-form-395 button[type=submit]#wpforms-submit-395:hover{
     background: transparent !important;
    color:  #ed020a !important;   
}
button#loadMore {
    border: 1px solid #000000;
    background-color: #0d0d0d;
    border-radius: 0px;
}
button#loadMore:hover {
    background-color: #383838;
    border: 1px solid #383838;
}
button#loadMore:disabled {
    border: 1px solid rgb(0 0 0 / 25%);
    background-color: rgb(0 0 0 / 25%);
}
.floor-btn-sec a {
    max-width: 230px;
}

.floor-btn-sec {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.pop-content-sec {
    padding-top: 50px;
}
.wpforms-container-full .wpforms-field-label {
    color: #ffffff !important;
}
.entry-content:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2024/07/Flower-01.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: 1;
    background-position: center;
    pointer-events: none;
    opacity: .1;
}

.unit-detail {
    display: none;
}

.jquery-modal.blocker.current {
    z-index: 9999 !important;
}

/*--------------------------------------------------------------
    Interior Page Elements
-------------------------------------------------------------- */










/*--------------------------------------------------------------
    Footer Elements
-------------------------------------------------------------- */









/*--------------------------------------------------------------
    Media Query Elements
-------------------------------------------------------------- */
@media screen and (max-width: 1365px) {
.st-logo h1 {
    font-size: 25px!important;
}
}

@media screen and (max-width: 1240px) {
    
}
@media screen and (max-width: 1200px) {
    
}
@media screen and (max-width: 1140px) {
    
}
@media screen and (max-width: 980px) {
    ul#mobile_menu1 {
    width: 300px;
    left: -200px;
    top: 30px;
}
    
}
@media screen and (max-width: 767px) {
    .mobile-br{
    display:none;
    }
}
@media screen and (max-width: 640px) {
    
}
@media screen and (max-width: 525px) {
.st-logo h1 {
        font-size: 18px !important;
}
}
@media screen and (max-width: 480px) {
    
}
@media screen and (max-width: 375px) {
.st-logo h1 {
        font-size: 14px !important;
}
}
@media screen and (max-width: 320px) {
    
}

/*--------------------------------------------------------------
    Iphone/Ipad Elements
-------------------------------------------------------------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { /* STYLES GO HERE */}

/*(orientation : portrait) / (orientation : landscape)*/
/*6*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { /* STYLES GO HERE */}
/*6p*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) { /* STYLES GO HERE */}
/*5*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { /* STYLES GO HERE */}