/* Grouped Buttons should be the same size */
.hero-module-actions, /* art-btn-group should be added to the parent div */
.art-btn-group {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: row;
    grid-auto-columns: 1fr;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    gap: 20px;
    margin: 0 auto;
}
@media(min-width: 650px) {
    .hero-module-actions, /* art-btn-group should be added to the parent div */
    .art-btn-group {
        grid-auto-flow: column;
    }    
}

.property-search-art-btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    gap: 20px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.property-search-art-btn-group .art-btn {
    min-width: auto;
    width: 100%;
}
@media(min-width:768px) {
    .property-search-art-btn-group .art-btn {
        max-width: 150px;
    }   
}
.property-cta-grid .art-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: auto;
}
.property-cta-grid .property-cta-grid-content p {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.property-cta-list-btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;    
}
.list-view .grid-box-card .art-btn {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}
@media (max-width: 1149px) {
    .list-view .grid-box-card .art-btn {
        min-width: 100%;
    }
}
.grid-view .art-btn.property-card-btn,
.page-template-page-quick-links .art-btn.property-card-btn {
        display: none;
}

/* Basic Button styles - add to override unset, remove once legacy styles have been deleted */
/* Double class specificity to override PH calcualtor buttons */
.art-btn.art-btn {
    color: var(--btn-primary-txt-colour);
    background-color: var(--btn-primary-bg-colour);
    text-align: center;
    border: 2px solid transparent;
    padding: 21px 22px;
    cursor: pointer;
    border-radius: var(--radius);
    font-size: 18px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block; 
    -webkit-transition: 0.4s ease-out; 
    -o-transition: 0.4s ease-out; 
    transition: 0.4s ease-out;
    line-height: 1;
    width: 100%;
    text-transform: uppercase;        
}
@media(min-width:350px) {
    .art-btn {
        min-width: 300px;
    }    
}
.art-btn-group.single-property-content-cta {
    width: auto;    
}
@media(min-width:707px) {
    .art-btn-group.single-property-content-cta {
        display: -ms-grid;
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(auto-fill, 280px);
        grid-auto-flow: unset;
    }
}
@media(min-width:380px) {
    .art-btn-group.single-property-content-cta .art-btn {
        min-width: auto;
    }    
}
.art-btn.art-property-search {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    height: 40px;
    padding: 0 16px;
    font-size: 16px;
}
.list-view .grid-box-card .art-btn {
    font-size: 16px;
    min-width: fit-content;
}
@media (max-width: 767px) {
    .list-view .grid-box-card .art-btn {
        display: none;
    }
}

.contact-four-contact.art-btn-group,
.contact-six-contact.art-btn-group {
  display: grid;
  margin-left: 0;
}
.contact-three-contact.art-btn-group,
.contact-five-contact.art-btn-group {
  grid-auto-flow: row;
  margin-top: 20px;
}
.contact-three-contact.art-btn-group {
    margin-left: 0;
}
@media(min-width:1660px) {
    .contact-three-contact.art-btn-group {
        grid-auto-flow: column;
    }
}

/* Modifiers */
.art-btn.art-btn--sml {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

a.button {
    color: inherit;
}
a.button:hover,
a.button:focus {
    color: inherit;
}
.sidebar-shortlist .art-btn-group {
    margin: 0;
    grid-auto-flow: row;
}

.sidebar-shortlist .art-btn-group {
    margin: 0;
    grid-auto-flow: row;
    display: -ms-grid;
    display: grid;
    gap: 20px;
    width: auto;
}

.sidebar-shortlist {
    container-type: inline-size;
}
@container (min-width: 590px) {
    .sidebar-shortlist .art-btn-group {
        -ms-grid-columns: (minmax(200px, 1fr))[2];
        grid-template-columns: repeat(2, minmax(200px, 1fr));
    }
}

/* Additionals style to add to master style.css */
/* Navbar Buttons */
.nav-buttons .art-btn {
    min-width: auto;    
}
.nav-menu-icons-container {
    gap: 20px;
}
.opening-hours-container {
    margin-bottom: 35px;
}
.property-search-one-keyword {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
}
.grid-content-inner .icons-list {
    margin-bottom: 20px;
}

.post-type-archive-property .property-shortlist-txt,
.page-template-page-quick-links .property-shortlist-txt {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;    
}
@media (max-width: 767px) {
    .content-button {
        width: 100%;
    }
}