
.acf-block-preview.wp-block-acf-wrapper, .acf-block-fields .acf-field-rt-wrapper {
    border: 2px dashed #F5821F!important;
    padding: 30px 10px!important;
}
.acf-block-preview.wp-block-acf-carousel, .acf-block-fields .acf-field-carousel-config {
    border: 2px dashed #4A91A0!important;
    padding: 30px 10px!important;
}

.interface-interface-skeleton__sidebar .acf-block-fields .acf-field-rt-wrapper, .interface-interface-skeleton__sidebar .acf-block-fields .acf-field-carousel-config {
    margin-top: 40px!important;
}
.interface-interface-skeleton__sidebar .acf-block-fields .acf-field-rt-wrapper > .acf-label label {
    display: none;
}
.acf-block-preview.wp-block-acf-wrapper:before, .acf-block-fields .acf-field-rt-wrapper:before {
    content: 'RT Wrapper Block';
    box-shadow: -2px 2px 3px #000;
    background: #595f60;
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 10px;
    border-radius: 4px;
    position: absolute;
    border: 2px solid #666;
    top: -25px;
    left: 10px;
}

.acf-block-preview.wp-block-acf-carousel:before, .acf-block-fields .acf-field-carousel-config:before {
    content: 'RT Carousel Block';
    box-shadow: -2px 2px 3px #000;
    background: #4A91A0;
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 10px;
    border-radius: 4px;
    position: absolute;
    border: 2px solid #4A91A0;
    top: -25px;
    left: 10px;
}
.acf-field-rt-wrapper .acf-fields.-left>.acf-field:before, .acf-field-rt-wrapper .acf-label, .acf-field-carousel-config .acf-fields.-left>.acf-field:before, .acf-field-carousel-config .acf-label {
    width: 40%!important;
}
.acf-field-rt-wrapper .acf-fields.-left>.acf-field>.acf-input, .acf-field-carousel-config .acf-fields.-left>.acf-field>.acf-input  {
    width: 60%!important;
}
.carousel-app .acf-innerblocks-container .wp-block {
    border: 1px dashed #000;
    padding:5px;
}
.carousel-app .acf-innerblocks-container .wp-block .wp-block {
    border: none;
}
.carousel-app .acf-innerblocks-container .wp-block:before {
    content: 'Slide';
    background: #4A91A0;
    color: #fff;
    box-shadow: -1px 1px 2px #000;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    padding: 5px!important;
    min-height:15px;
    border-radius: 4px;
    position: absolute;
    border: 1px solid #4A91A0;
    z-index: 10;
    top: -20px;
    left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.carousel-app .acf-innerblocks-container .wp-block .wp-block:before {
    display:none;
}
.rt-carousel-preview {
    display: flex;
    justify-content: space-around;
}
.rt-carousel-preview div {
    flex-basis: 50%;
    background: rgba(0, 0, 0, .2);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    font-size: 30px;
    margin: 20px;
}
[aria-label="RT Custom Blocks"] .block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon {
    border: 2px solid orange;
    border-radius: 100%;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    max-width: 60px;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
}

.acf-field-rt-faq .acf-editor-wrap iframe {
    height: unset!important;
    min-height: 150px!important;
}

/* homepage page-title styles */
.wp-block-acf-heading {
    width: 100%;
}
.border-title {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.border-title.none h1 {
    margin: 60px auto;
}
.border-title.withicon h1, .border-title.withicon h2 {
    margin-bottom: 0;
}
.border-title.sideborder, .border-title.underline {
    margin: 40px auto;
}
.border-title.withicon {
    margin-top: 40px;
}
.border-title.withicon-img {
    margin: 10px auto 40px;
}
.border-title.withicon-img img{
    max-width: 200px;
    height: auto;
}
.sideborder .border-div, .border-title.withicon-img .border-div {
    flex: auto;
    align-self: center;
    border-bottom: 2px solid #ccc;
    height: 10px;
    margin: 0px 20px;
}
.border-title.withicon-img .border-div {
    max-width: 200px;
}
.border-title.underline h1:after, .border-title.underline h2:after {
    content: '';
    display: block;
    width: 50%;
    margin: 20px auto;
    border-bottom: 1px solid #ccc;
}
/* end homepage page titles */

/* for pattern previews */
[id^="tabs-"][id$="-rt-custom-patterns-view"] .block-editor-block-patterns-list__item .block-editor-block-preview__container {
    display: none;
}
[id^="tabs-"][id$="-rt-custom-patterns-view"] .block-editor-block-patterns-list__list-item > .block-editor-block-patterns-list__item {
    border: 1px solid #ccc;
}

/* end pattern previews */

/* review block */
.rt-review-block .quote-icon {
    display: none;
}
.rt-review-block h4, .acf-block-placeholder .rt-review-block h4, .acf-block-placeholder .rt-review-block h4:before {
    all: revert;
}
.wp-block-acf-reviewblock .rt-review-block {
    background: lightgrey;
    text-align: center;
    max-width: 400px;
    border-radius: 4px;
    margin: 10px;
    padding: 20px 10px;
}
.wp-block-acf-reviewblock .rt-review-block:before {
    content: '★★★★★';
}
/* end review block */

/* Homepage Shortcut Blocks */
/* classic */
.home-cuts.flex-wrapper {
    margin: 0;
    width:100%;
}
.home-cuts .flex-container {
    justify-content: center;
    max-width: 1420px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    display:flex;
}
.shortcutbox {
    position: relative;
    min-height: 80px;
    overflow: hidden;
    padding: 0;
    margin: 4px;
    background: lightgrey;
    flex-basis: 32%;
}

/* for mosaic */
.home-cuts.flex-wrapper.mosaic {
    margin: auto;
}
.home-cuts.flex-wrapper.mosaic.rounded .flex-container {
    border-radius: 11px;
}
.home-cuts.flex-wrapper.mosaic .flex-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 1rem;
    overflow: hidden;
}
.home-cuts.flex-wrapper.mosaic .shortcutbox {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
}
.home-cuts.flex-wrapper.mosaic .shortcutbox:nth-child(1){
    grid-column: span 4;
    grid-row: span 2;
}

.home-cuts.flex-wrapper.mosaic .shortcutbox:nth-child(2),
.home-cuts.flex-wrapper.mosaic .shortcutbox:nth-child(3){
    grid-column: span 2;
}

/* End Homepage Shortcut Blocks */

/* CTA */
.cta-wrapper {
    margin: 0 auto;
    width: 100%;
}
.cta-wrapper .main-section-wrap {
    margin: 0 auto;
    justify-content: space-between;
    display: flex;
    max-width: 1400px;
}
.cta-wrapper .main-section-wrap:first-of-type {
    padding-top: 0;
}
.cta-wrapper .main-section-wrap:last-of-type {
    padding-bottom: 0;
}
.cta-wrapper .main-section-wrap:nth-of-type(odd) {
    flex-direction: row-reverse;
}
.cta-wrapper .main-section-wrap .half-container.txt-box {
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    margin: 40px 0;
    overflow: visible;
    margin-right: -100px;
    z-index: 1;
    padding: 20px 40px 10px 40px;
}
.cta-wrapper .main-section-wrap .half-container.img-box {
    background: lightgrey;
}
.cta-wrapper .main-section-wrap:nth-of-type(even) .half-container.txt-box {
    margin-left: -100px;
    margin-right: 0;
}
.cta-wrapper .main-section-wrap .half-container {
    padding:20px 10px;
    flex-basis:60%;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    border-radius:11px;
}

.cta-wrapper .main-section-wrap h2 {
    text-align: left;
    line-height: 1.1;
    padding:0;
}
.cta-wrapper .main-section-wrap p {
    text-align:left;
    padding:0;
    line-height: 1.5;
}
.cta-wrapper .main-section-wrap h3 {
    text-align:left;
    width:auto;
    color:#666;
    font-weight:normal;
    padding:0;
}
.cta-wrapper .itemSingle h3 {
    margin:5px 0;
    font-size: 1em;
    text-align:left;
    font-weight:bold;
    display:inline;
    color:#000;
}
.cta-wrapper .itemSingle .txt-wrap {
    display: inline;
}
.cta-wrapper .itemSingle p {
    margin:3px 0;
    text-align:left;
    font-size: .9em;
    line-height:1;
    display:inline;
}
.cta-wrapper .itemSingle {
    display:inline-flex;
    min-width:300px;
    text-align: left;
    max-width: 90%;
    line-height:1;
}
.cta-wrapper .icon-wrap {
    position:relative;
    display:flex;
    width:40px;
    height:40px;
    font-size: 2em;
    align-items: center;
    align-self: center;
    justify-content: center;
    background-repeat:no-repeat;
    flex: 0 0 auto;
}
.cta-wrapper .item-info {
    width:100%;
    display: inline-flex;
}
.cta-wrapper .item-info .txt-wrap {
    align-self: center;
}

/* end CTA */

/* RT FAQ */
.faq-app {
    position: relative;
}
.faq-block {
    background: rgba(0, 0, 0, .2);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 10px auto;
    border-radius: 4px;
    padding: 10px;
    cursor: pointer;
    transition: all 0.3s;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}
.rt-faq-question {
    margin-right: auto;
    text-transform: capitalize;
    flex-basis: 80%;
}
.rt-faq-answer {
    flex-basis: 100%;
    background: #fff;
    color: var(--tone-extra-dark);
    padding: 0 10px;
    border-radius: 4px;
}
.faq-block .button {
    background: none;
    color: #666;
    max-width: 50px;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    user-select: none;
    position: absolute;
    top:15px;
    right: 15px;
}
/* end FAQ */

/* featured rentals */
.featured-wrap.results {
    display:flex;
}
.featured-wrap.results .property {
    position: relative;
    padding: 3px;
    box-shadow: none;
    transition: box-shadow 0.2s linear;
    border: 1px solid var(--tone-light);
    height: auto;
    margin: 4px;
    background: lightgrey;
    overflow: hidden;
    flex-basis: 25%;
    min-height: 90px;
}
.featured-wrap.results .thumbnail-wrap {
    background: rgba(0,0,0,.2);
    margin: 5px;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    height: 40px;
}
.featured-wrap.results .thumbnail-wrap + div {
    position: absolute;
    top: 45px;
    left: 5px;
    right: 5px;
    margin: 5px;
}

/* Rt logo bar */
.logo-bar {
    width: 100%;
}
.logo-bar-logos {
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    width:100%;
}
.logo-bar-logos div {
    background: rgba(0, 0, 0, .2);
    width: fit-content;
    border-radius: 4px;
    padding: 5px 15px 5px 5px;
    display: flex;
    align-items: center;
}
.logo-bar-logos div div {
    justify-content: center;
    align-items: end;
    border: 2px solid #000;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    aspect-ratio: 1/1;
    background: #fff;
    font-size: 20px;
    padding: 0;
    margin: 5px;
}
/* End RT Logo bar */

/* parallax */
.parallax-wrapper {
    position: relative;
    width: 100%;
    height: 80px;
    display: flex;
    background: rgba(0, 0, 0, .2);
    align-items: center;
    font-size: 2em;
    justify-content: center;
}
.parallax-wrapper div {
    position: absolute;
    width: 100%;
    text-align: center;
}
/* end parallax */

/* rt block placeholder & titles */
.acf-block-placeholder {
    padding: 5px 20px 20px;
    border:2px dashed #666;
}
.acf-block-placeholder h4 {
    background: #fff;
    width: fit-content;
    font-size: 16px!important;
    color:#595f60!important;
    padding: 5px 10px 2px 10px;
    border-radius: 6px;
    box-shadow: -1px 1px 3px #666;
}
.acf-block-placeholder h4:before {
    content: "";
    display: inline-block;
    background-image: url(../../images/RTConnectorFavicon.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    height: 30px;
    width: 25px;
    margin-right: 10px;
}
/* end rt block titles */