/* Theme Name: Machuca Homes Theme URI: https://machucahomes.com/ Description: Machuca Homes child theme for Twenty Twenty-Five. Belongs to the Belong living infrastructure platform. Author: Samuel Rotker Author URI: https://machucahomes.com/ Version: 1.19.0 Template: twentytwentyfive License: GPL-2.0-or-later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: machucahomes Requires at least: 6.4 Requires PHP: 7.4 */ /* Table of Contents - HTML5 Reset / Normalize - Box Sizing / Float Clearing - Defaults: Typography, Headings, Objects, Gallery, Forms, Tables, Screen Reader - Common Classes: Avatar, Search Form, Titles, WordPress alignment - Widgets / Featured Content - Pages: Home, Our Fees, Legal, Affiliate, Photographers, Neighborhoods, 404 - Plugins - WP Booking Calendar (WPBC / booking_search_ajax_container) - BP Better Messages - WP User Frontend (WPUF) - Login / Register / Account - Site Reviews (GLSR) - Site Header (TT25), Content Area, Sidebar, Footer - AGREGADOS (custom) - Site header (TT25 overrides) - Home page - Single-rental page - Gallery (GLightbox) - Booking card tabs - Reviews section - Host section - FacetWP / listing cards - Media Queries (old propio section) - Print Styles - Single-rental (full layout, Phase 5+) - GLightbox overrides - Reviews - Host section - Header search overlay - Nav pill (ST / LT trigger) - Overlay / panel - LT form (desktop pill) - ST form (WPBC) - Mobile (≤767px stacked) Note: Some EPL/Genesis selectors remain in the old "Media Queries (propio)" section (lines ~3700–3900 area). They match no live elements and are harmless. Dead sections extracted to style-css-cleanup-leftovers.css (2026-05-31). */ /* HTML5 Reset ---------------------------------------------------------------------------- */ /* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css ---------------------------------------------------------------------------- */ /* stylelint-disable */ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none} /* stylelint-enable */ /* Box Sizing --------------------------------------------- */ html { box-sizing: border-box; scroll-behavior: smooth; } *, *::before, *::after { box-sizing: inherit; } *:focus, *:focus-visible { outline: none !important; } /* Float Clearing --------------------------------------------- */ .author-box::before, .clearfix::before, .entry::before, .entry-content::before, .pagination::before, .widget::before { content: " "; display: table; } .author-box::after, .clearfix::after, .entry::after, .entry-content::after, .pagination::after, .widget::after { clear: both; content: " "; display: table; } /* Defaults ---------------------------------------------------------------------------- */ /* Typographical Elements --------------------------------------------- */ /* Sen Regular */ @font-face { font-family: "Sen"; src: url("/wp-content/uploads/fonts/Sen-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } /* Sen ExtraBold */ @font-face { font-family: "Sen"; src: url("/wp-content/uploads/fonts/Sen-ExtraBold.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; } /* Sen Bold */ @font-face { font-family: "Sen"; src: url("/wp-content/uploads/fonts/Sen-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } body { background-color: #fff; color: #333; font-family: "Sen", "Source Sans Pro", sans-serif; font-size: 18px; font-weight: 400; line-height: 1.625; margin: 0; overflow-x: hidden; } button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img { transition: all 0.2s ease-in-out; } a { color: var(--wp--preset--color--primary); text-decoration: underline; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; } a:focus, a:hover { color: var(--wp--preset--color--accent); text-decoration: none; } p { margin: 0 0 28px; padding: 0; } ol, ul { margin: 0; padding: 0; } li { list-style-type: none; } hr { border: 0; border-collapse: collapse; border-bottom: 1px solid currentColor; clear: both; color: #eee; margin: 1.65em auto; } b, strong { font-weight: 700; } blockquote, cite, em, i { font-style: italic; } mark { background: #ddd; color: #333; } blockquote { margin: 30px; } /* Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-family: Sen, "Source Sans Pro", sans-serif; font-weight: 400; line-height: 1.2; margin: 0 0 20px; } h1 { font-size: 30px; } h2 { font-size: 27px; } h3 { font-size: 24px; } h4 { font-size: 20px; } .entry-content h3, .entry-content h4 { font-weight: 600; } .entry-content h4 { margin-top: 40px; } h5 { font-size: 18px; } h6 { font-size: 16px; } /* Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } img { height: auto; vertical-align: top; } figure { margin: 0; } /* Gallery --------------------------------------------- */ .gallery { overflow: visible; } .gallery img { border: 1px solid #eee; height: auto; padding: 4px; } .gallery img:focus, .gallery img:hover { border: 1px solid #999; outline: none; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.6666%; } .gallery-columns-7 .gallery-item { width: 14.2857%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.1111%; } .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery-columns-4 .gallery-item:nth-child(4n+1), .gallery-columns-5 .gallery-item:nth-child(5n+1), .gallery-columns-6 .gallery-item:nth-child(6n+1), .gallery-columns-7 .gallery-item:nth-child(7n+1), .gallery-columns-8 .gallery-item:nth-child(8n+1), .gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: left; } .gallery-item { float: left; margin: 0 0 30px; text-align: center; } /* Forms --------------------------------------------- */ input, select, textarea { background-color: #fff; border: 1px solid #ddd; color: #333; font-size: 18px; font-weight: 400; padding: 15px; width: 100%; } input:focus, textarea:focus { border: 1px solid #999; } input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto; } :-ms-input-placeholder { color: #333; opacity: 1; } ::placeholder { color: #333; opacity: 1; } button, input[type="button"], input[type="reset"], input[type="submit"], div.wpforms-container-full .wpforms-form input[type="submit"], div.wpforms-container-full .wpforms-form button[type="submit"], .button { background-color: #333; border: 0; border-radius: 5px; color: #fff; cursor: pointer; font-size: 16px; font-weight: 700; padding: 15px 30px; text-align: center; text-decoration: none; white-space: normal; width: auto; } button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover, div.wpforms-container-full .wpforms-form input[type="submit"]:focus, div.wpforms-container-full .wpforms-form input[type="submit"]:hover, div.wpforms-container-full .wpforms-form button[type="submit"]:focus, div.wpforms-container-full .wpforms-form button[type="submit"]:hover, .button:focus, .button:hover { /* El verde de hover de la marca es el CLARO (`primary-soft`), el mismo que el tema ya usa como fondo de estado en theme.json. El oscuro se leía como un botón apagándose en vez de encendiéndose. Y no se toca el grosor del borde: ponerlo en cero hacía que cualquier botón con borde se achicara 3px al pasarle el mouse, que es el "encogimiento" que se veía en el botón de mensaje al anfitrión. Un botón que cambia de tamaño en hover se lee como un salto, no como una respuesta. */ background-color: var(--wp--preset--color--primary-soft, #1d5a44); color: #fff; } .entry-content .button:focus, .entry-content .button:hover { color: #fff; } .button { display: inline-block; } button:disabled, button:disabled:hover, input:disabled, input:disabled:hover, input[type="button"]:disabled, input[type="button"]:disabled:hover, input[type="reset"]:disabled, input[type="reset"]:disabled:hover, input[type="submit"]:disabled, input[type="submit"]:disabled:hover { background-color: #eee; border-width: 0; color: #777; cursor: not-allowed; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } /* Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; margin-bottom: 40px; width: 100%; word-break: break-all; } tbody { border-bottom: 1px solid #eee; } td, th { line-height: 2; text-align: left; vertical-align: top; } td { padding: 0.5em; } tr { border-top: 1px solid #eee; } th { font-weight: 700; padding: 0.5em; } /* Screen Reader Text --------------------------------------------- */ .screen-reader-shortcut, .screen-reader-text, .screen-reader-text span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus, .screen-reader-shortcut:focus, .widget_search input[type="submit"]:focus { background: #fff; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #333; display: block; font-size: 1em; font-weight: 700; height: auto; padding: 15px 23px 14px; text-decoration: none; width: auto; z-index: 100000; /* Above WP toolbar. */ } .more-link { display: inline-block; position: relative; margin-bottom: 30px; } /* Structure and Layout ---------------------------------------------------------------------------- */ /* Common Classes ---------------------------------------------------------------------------- */ /* Avatar --------------------------------------------- */ .avatar { border-radius: 50%; float: left; } .author-box .avatar, .alignleft .avatar { margin-right: 20px; } .alignright .avatar { margin-left: 20px; } .comment .avatar { margin: 0 15px 20px 0; } /* Search Form --------------------------------------------- */ .search-form { overflow: hidden; } .entry-content .search-form { margin-bottom: 40px; width: 50%; } .post-password-form input[type="submit"], .search-form input[type="submit"] { margin-top: 10px; } .widget_search input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; } /* Titles --------------------------------------------- */ .archive-description .entry-title, .archive-title, .author-box-title { font-size: 20px; font-weight: 600; margin-bottom: 10px; } .entry-title { font-size: 30px; margin-bottom: 10px; } .entry-title a, .sidebar .widget-title a { color: #333; text-decoration: none; } .entry-title a:focus, .entry-title a:hover { color: #0073e5; } .widget-title { font-size: 18px; font-weight: 700; margin-bottom: 20px; } /* WordPress --------------------------------------------- */ a.aligncenter img { display: block; margin: 0 auto; } a.alignnone { display: inline-block; } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } a.alignleft, a.alignnone, a.alignright { max-width: 100%; } img.centered, .aligncenter, .singular-image { display: block; margin: 0 auto 30px; } img.alignnone, .alignnone { margin-bottom: 15px; } a.alignleft, img.alignleft, .wp-caption.alignleft { margin: 0 20px 20px 0; } a.alignright, img.alignright, .wp-caption.alignright { margin: 0 0 20px 20px; } figcaption, .gallery-caption, .wp-caption-text { font-size: 14px; font-weight: 700; margin-top: 0.5em; margin-bottom: 1em; padding-left: 10px; padding-right: 10px; text-align: center; } .entry-content p.wp-caption-text { margin-bottom: 0; } .entry-content .wp-audio-shortcode, .entry-content .wp-playlist, .entry-content .wp-video { margin: 0 0 30px; } /* Widgets ---------------------------------------------------------------------------- */ .widget { margin-bottom: 40px; } .widget p:last-child, .widget ul > li:last-of-type { margin-bottom: 0; } .widget ul > li { margin-bottom: 10px; } .widget ul > li:last-of-type { padding-bottom: 0; } .widget ol > li { list-style-position: inside; list-style-type: decimal; padding-left: 20px; text-indent: -20px; } .widget li li { border: 0; margin: 0 0 0 30px; padding: 0; } .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { text-align: center; } /* Featured Content --------------------------------------------- */ .featured-content .entry { border-bottom: 1px solid #eee; margin-bottom: 20px; } .featured-content .entry:last-of-type { border-bottom: none; margin-bottom: 0; } .featured-content .entry-title { font-size: 16px; margin-bottom: 5px; margin-top: 10px; } /* Pages --------------------------------------------------------------------------- */ /* Home -------------------------------------------------------------------- */ .wp-block-buttons.is-content-justification-right { justify-content: flex-end; } .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container { max-width: 1080px; } .home .wp-block-cover.homecover .wp-block-button:not(.months-buttons) a, .home .wp-block-cover.homecover .wp-block-button:not(.months-buttons) a:hover { border-radius: 10px 10px 0 0!important; color: #444; } .home .wp-block-cover.homecover .wp-block-button.short-term-btn.active a, .home .wp-block-cover.homecover .wp-block-button.long-term-btn.active a { background-color: #fff; } .home .wp-block-cover.homecover .wp-block-button.short-term-btn.active a:focus, .home .wp-block-cover.homecover .wp-block-button.long-term-btn.active a:focus { color: #444; } .home .wp-block-cover.homecover .wp-block-button.short-term-btn a, .home .wp-block-cover.homecover .wp-block-button.long-term-btn a { background-color: #ffffffa3; display: block; padding-bottom: 5px; } /* Stay-type captions under the hero search tabs mirror the current booking ranges. Copy lives in CSS so the user-built button blocks stay untouched. */ .home .wp-block-cover.homecover .wp-block-button.short-term-btn a::after, .home .wp-block-cover.homecover .wp-block-button.long-term-btn a::after { text-align: center; display: block; font-size: 10px; font-weight: 400; line-height: 1.2; margin-top: 3px; opacity: .75; } .home .wp-block-cover.homecover .wp-block-button.short-term-btn a::after { content: "2 to 30 nights"; } .home .wp-block-cover.homecover .wp-block-button.long-term-btn a::after { content: "1 to 12 months"; } body.home .wp-block-cover__image-background.has-parallax { background-image: url("/pictures/2024/04/Machuca-Valley-living-cover.jpg")!important; background-image: -webkit-image-set(url("/pictures/2024/04/Machuca-Valley-living-cover-768x432.jpg") 1x, url("/pictures/2024/04/Machuca-Valley-living-cover.jpg") 2x)!important; background-image: image-set( url("/pictures/2024/04/Machuca-Valley-living-cover-768x432.jpg") 1x, url("/pictures/2024/04/Machuca-Valley-living-cover.jpg") 2x)!important; background-image: image-set( url("/pictures/2024/04/Machuca-Valley-living-cover-768x432.jpg") 750w, url("/pictures/2024/04/Machuca-Valley-living-cover.jpg") 2048w)!important; } /* ── BP Better Messages ──────────────────────────────────────────────────── */ /* Policy notice injected above every message thread via ::before */ body .bm-list-content:before { content: "The exchange of phone numbers, emails or any other form of off-platform contact such as requests to visit the home is prohibited until after the booking has been confirmed. We have a zero tolerance policy for off-platform contact."; display: block; margin: 0 10px 14px; font-weight: 600; font-size: 12px; color: var(--wp--preset--color--accent, #b9663d); position: sticky; top: 0; background-color: var(--wp--preset--color--background, #faf7f1); padding: 10px 12px; z-index: 9; border: 1px solid rgba(185, 102, 61, 0.4); border-radius: 6px; } /* Email notification hint on first date separator */ .bm-date-stack:before { content: 'An email notification will be sent to the user to let them know when they have new messages. It may take a few minutes or even a couple of hours for them to reply.'; text-align: center; display: block; font-size: 10px; padding: 10px; } /* Back link injected by PHP above the chat widget */ .machuca-messages-back-wrap { margin-bottom: 0.75rem; } a.machuca-messages-back { display: inline-flex; align-items: center; gap: 0.3rem; font-family: var(--wp--preset--font-family--sans, 'Sen', sans-serif); font-size: 0.875rem; font-weight: 600; color: var(--wp--preset--color--text-muted, #6b6b6b); text-decoration: none; outline: none; box-shadow: none; background: none; border: none; } a.machuca-messages-back:hover, a.machuca-messages-back:focus, a.machuca-messages-back:focus-visible { color: var(--wp--preset--color--primary, #013b28); text-decoration: none; box-shadow: none; } body #bp-better-messages-mini-mobile-container { z-index: 9999999; } body .bm-button-loading .bm-button-text { opacity: 1; } button.bm-lc-button, button.bm-lc-button:hover, button.bm-lc-button:focus { min-width: 200px; border-radius: 100px; text-align: center; } body button.bm-lc-button:hover { filter: brightness(1.8); background-color: #333; } /* Our fees ---------------------------------------------------------- */ .our-fees-table table { max-width: 720px; margin-left: auto; margin-right: auto; } .our-fees-table table thead { border-bottom-width: 2px; } .our-fees-table table tfoot { border-top-width: 2px; } .our-fees-table thead th, .our-fees-table td { line-height: 1.5; vertical-align: middle; } .our-fees-table thead tr { border: none; } .our-fees-table thead th:first-child { border: none; } .our-fees-table thead th:nth-child(2) { border-top: 2px solid #013b28; border-left: 2px solid #013b28; } .our-fees-table thead th:nth-child(2), .our-fees-table thead th:nth-child(3) { background-color: #013b28; color: white; border-right: 1px solid #646464; } .our-fees-table thead th:last-child, .our-fees-table thead th:nth-child(3) { border-top: 2px solid #013b28; } .our-fees-table thead th:last-child { max-width: 150px; line-height: 1.2; background-color: #ff395c; color: white; } .our-fees-table table { border-right: 2px solid #013b28; border-bottom: 2px solid #013b28; } .our-fees-table table tbody, .our-fees-table table tfoot { border-left: 2px solid #013b28; } .our-fees-table thead th strong:before { content: url(/pictures/2024/05/cropped-machuca-properties-favicon.png); zoom: 10%; display: block; } .our-fees-table thead th strong:after, .our-fees-table tbody tr td:after { display: block; font-size: x-small; font-weight: 100; word-break: normal; } .our-fees-table thead th:nth-child(2) strong:after { content: '(from the booking price, including discounts)'; } .our-fees-table thead th:nth-child(3) strong:after { content: '(from the first two months of the booking)'; } .our-fees-table thead th a { font-size: small; text-decoration: underline; font-weight: 500; color: white; } .our-fees-table tbody tr:first-child td:first-child:after { content: '(deducted from the booking price)'; } .our-fees-table tbody tr:nth-child(2) td:first-child:after { content: '(added to the booking price)'; } .our-fees-table tbody tr:nth-child(3) td:first-child:after { content: '(added to the booking price)'; } .our-fees-table tbody tr:nth-child(2) td:nth-child(2), .our-fees-table tbody tr:nth-child(1) td:nth-child(2), .our-fees-table tbody tr:nth-child(3) td:nth-child(2), .our-fees-table tbody tr:nth-child(3) td:nth-child(2), .our-fees-table tbody tr:nth-child(2) td:nth-child(3), .our-fees-table tbody tr:nth-child(1) td:nth-child(3), .our-fees-table tbody tr:nth-child(3) td:nth-child(3), .our-fees-table tfoot tr td:nth-child(2), .our-fees-table tfoot tr td:nth-child(3), .erp-table tbody tr:nth-child(1) td:nth-child(2), .erp-table tbody tr:nth-child(2) td:nth-child(2) { background-color: #f5f9f7; } .our-fees-table table thead, .our-fees-table table tbody, .our-fees-table table tfoot, .our-fees-table table th, .our-fees-table table td, .our-fees-table table tr { border-top-color: #013b28; border-bottom-color: #013b28; border-left-color: #013b28; border-right-color: #013b28; word-break: normal; } .our-fees-table tfoot td { text-align: center; } .erp-table { max-width: 600px; margin: 0 auto; } .numberonly.price .wpuf-fields.fee-page { text-align: center; max-width: 360px; margin: 0 auto; } .numberonly.price .wpuf-fields.fee-page hr, .numberonly.price .wpuf-fields.fee-page input { max-width: 320px; } .numberonly.price .wpuf-fields.fee-page .sar-currency-symbol { position: absolute; margin-top: 12px; margin-left: 10px; } .numberonly.price .wpuf-fields.fee-page:before { content: ''; } .numberonly.price .wpuf-fields.fee-page input { padding-left: 20px; } /* Legal Pages ----------------------------------------------------------- * Terms (755) and Privacy (2565) only. The FAQ (1954) was in this group * while its body was authored in the block editor; it is now code-owned * (machuca-faq.php) and brings its own stylesheet, and justified text on * a 38rem measure opened rivers through every answer. Do not re-add page * ids here — a page that needs type set has a stylesheet of its own. */ .page-id-2565 .entry-content a, .page-id-2565 .entry-content a:hover, .page-id-2565 .entry-content a:focus, .page-id-755 .entry-content a, .page-id-755 .entry-content a:hover, .page-id-755 .entry-content a:focus { text-decoration: underline; } .page-id-2565 .entry-content p, .page-id-755 .entry-content p { text-align: justify; } /* Affiliate Program -------------------------------------------- */ .aff-tc-list li { margin-bottom: 20px; } /* How to page ------------------------------------ */ body.page-id-2660 .content img { box-shadow: 3px 7px 14px #ccc; } /* Photographers ------------------------------- */ body.single-ph .contact-ph-group { padding: 25px; border-radius: 0 0 10px 10px; } body.single-ph .contact-ph-group.mobile-only-782 { border-radius: 10px; } body.single-ph h1.wp-block-heading { margin-bottom: 10px; } body.single-ph .wp-block-image img { border-radius: 10px 10px 0 0; } body.single-ph .wp-image-2331 { aspect-ratio: 1; object-fit: cover; } body.single-ph .ph-profile-sticky, body.single-pm .ph-profile-sticky { position: sticky; top: 0; } body.single-ph .underline a { font-weight: 100; text-decoration: underline; } /* About us ------------------------------------ */ body.about-us h1.entry-title { text-align: center; margin-top: 14px; } body.about-us p:not(.coverphoto-credit) { text-align: justify; } body.about-us .about-us-squares { max-width: 782px; margin: 0 auto; } .about-us-squares h2.wp-block-heading { background-size: cover; } .about-us-squares h2.wp-block-heading a { padding: 150px 0; color: white; box-shadow: inset 0 0 0 2000px rgb(17 17 17 / 70%); transition: box-shadow .5s; display: block; } .about-us-squares h2.wp-block-heading, .about-us-squares h2.wp-block-heading a { border-radius: 20px; } .about-us-squares h2.wp-block-heading a:hover { box-shadow: inset 0 0 0 2000px rgb(17 17 17 / 40%); } .about-us-squares .about-machuca-homes { background-image: url(/pictures/2024/04/Machuca-Valley-living-cover.jpg); } .about-us-squares .who-we-are { background-image: url(/pictures/machuca-homes-about-us-oli-and-sam.jpg); background-position: 20% 50%; } .about-us-squares .about-the-valley { background-image: url(/pictures/About-the-machuca-valley-the-machuca-river.jpg); } .about-us-squares .values-and-vision { background-image: url(/pictures/Machuca-Homes-Our-values-and-vision.jpg); } body .media-text-no-padding-left .wp-block-media-text__content { padding-left: 0; } body .media-text-no-padding-right .wp-block-media-text__content { padding-right: 0; } body.about-us img, body.about-us .wp-block-cover { border-radius: 10px; } .photo-by-florian .wp-block-media-text__media:after { content: 'photo by Florian Kuster'; display: block; font-size: small; position: relative; text-align: right; margin-top: 1px; } .photo-by-florian.left .wp-block-media-text__media:after { text-align: left; } /* Neighborhoods ------------------------------------- */ body.archive.tax-location.term-la-ecovilla .archive-description { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/pictures/machuca-homes-ecovilla-domo-huerta-organica-comunitaria.jpg); background-position: 50% 54%; } body.archive.tax-location.term-alegria-village .archive-description { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/pictures/Alegria-Village-2400px.jpg); background-position: 50% 35%; } body.archive.tax-location.term-surroundings .archive-description { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/pictures/la-ecovilla-alegria-village-surroundings.jpg); background-position: 50% 50%; } body.archive.tax-location.term-atenas .archive-description { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/pictures/Atenas-community-cover.jpg); background-position: 50% 70%; } body.archive.tax-location.term-maderal .archive-description { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/pictures/Maderal-community-sunset-cover.jpg); background-position: 50% 50%; } body.archive.tax-location.term-san-mateo .archive-description { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/pictures/San-Mateo-community-cover.jpg); background-position: 50% 70%; } body.archive.tax-location.term-tacotal .archive-description { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/pictures/Tacotal-community-cover.jpg); background-position: 50% 46%; } body.archive.tax-location.term-turrubares .archive-description { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/pictures/Turrubares-community-cover.jpg); background-position: 50% 20%; } body.archive.tax-location.term-surroundings .loop-title span:before { content: 'the'; } body.archive.tax-location .loop-header p.backto-cat-btn { text-align: left; font-size: large; } body.archive.tax-location .loop-header ul { display: flex; width: 100%; max-width: 720px; flex-wrap: wrap; row-gap: 1em; column-gap: .2em; margin: 20px auto; justify-content: space-around; } body.archive.tax-location .loop-header ul:empty { display: none; } body.archive.tax-location .loop-header ul li a { font-weight: normal; border: 1px solid #ccc; border-radius: 100px; padding: 6px 20px; font-size: large; } body.archive.tax-location .archive-description { min-height: 300px; background-size: cover; text-align: center; margin: auto; color: white; display: flex; flex-direction: column; justify-content: center; border-radius: 10px; } body.archive.tax-location .archive-description h1 { font-size: 30px; font-weight: 400; max-width: 600px; margin: 0 auto; } body.archive.tax-location .archive-description p { max-width: 600px; margin: 0 auto; } body.archive.tax-location .content .loop-header { text-align: center; margin-top: 32px; } body.tax-location .loop, body.post-type-archive .loop { margin-bottom: 60px; } /* 404 ------------------------ */ /* The 404 page styles itself, in mu-plugins/assets/machuca-404.css, loaded only on a 404. What stood here targeted `.content .entry` — Genesis markup that left with the theme change, so every rule had been dead since. */ /* ------------------------------ PLUGINS ------------------------------- */ /* WP Booking Calendar -------------------------------------------------------------------- */ #booking_search_form .well.search_container { border-radius: 100px; background-color: #fff; padding: 17px 30px; border: none; box-shadow: none; align-items: center; flex-wrap: nowrap; gap: 6px; margin-bottom: 17px; display: flex; } /* [MACHUCA obsolete — old short-stay search form; replaced by the pill bar (.machuca-st-bar / .machuca-pill). Commented during the pill migration; delete once verified. These forced width:100% + border-radius:100px on every input and styled the old bullet search button, fighting the pill CSS. ] #booking_search_form .search_container .search_row { flex-direction: column; text-align: left; padding: 0; margin:0; margin-top: -3px; display: flex; width: 100%; } #booking_search_form .search_container .search_row.search_button { max-width: 140px; margin-top: .5em; } #booking_search_form .search_container .search_row.search_button input { background: #013b28; } #booking_search_form .search_container label { font-size: .85em; font-weight: normal; width: 100%; text-align: left; } #booking_search_form .wpdevelop .search_container select, #booking_search_form .wpdevelop .search_container input, #booking_search_form .wpbc_container_search_form .wpdevelop .search_container input[type="button"] { border-radius: 100px; margin-left: 0!important; width: 100% !important; box-sizing: border-box; height: unset; line-height: 1.3; min-height: 2.1em; font-size: 18px; } .short-term-form .wpbc_container_search_form .wpbc__field>*, .short-term-form #booking_search_form .wpbc_container_search_form label, .short-term-form #booking_search_form .wpbc_container_search_form input, .short-term-form #booking_search_form .wpbc_container_search_form input[type=text], .short-term-form #booking_search_form .wpbc_container_search_form select { margin:0; } #booking_search_form .wpbc_container_search_form { margin-top:0; width: 100%; } #booking_search_form label { color: #616161; } #booking_search_form .wpdevelop select, #booking_search_form .wpdevelop input, #booking_search_form .wpdevelop input::placeholder { color: #595959; } #booking_search_form .wpdevelop .search_row .add-days { width: 100%; text-align: center; line-height: 1; } #booking_search_form .wpdevelop .search_row .add-days span { font-size: 16px; } #booking_search_form .form-inline input.search_booking.wpbc_button_light { border-radius: 100px; box-shadow: unset; font-size: 16px; color: #fff!important; font-weight: 700; padding: 14px 0px; width: 140px!important; max-width: 140px; border: none; } #booking_search_form .form-inline input.search_booking.wpbc_button_light:hover, #booking_search_form .form-inline input.search_booking.wpbc_button_light:focus { border: none; filter: brightness(2); } */ .booking_search_ajax_container center, .booking_search_ajax_container .wp-block-group__inner-container center, #booking_search_results .booking_search_ajax_container .wpbc_search_avy_header, .booking_search_ajax_container .wpbc_search_avy_header { grid-column: 1 / -1; margin-bottom: -40px; } .booking_search_ajax_container .booking_search_result_item, .booking_search_ajax_container .wp-block-group__inner-container .booking_search_result_item { border: 0; margin-left: unset !important; margin-right: unset !important; } .booking_search_ajax_container .booking_search_result_item .search_results_container, .booking_search_ajax_container .wp-block-group__inner-container .booking_search_result_item .search_results_container, body.single-ph .booking_search_ajax_container .listing-item { border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px 0px; flex-direction: column; padding-bottom: .7em; text-align: center; } .booking_search_ajax_container .booking_search_result_item img.booking_featured_image, .booking_search_ajax_container .wp-block-group__inner-container .booking_search_result_item img.booking_featured_image, body.single-ph .booking_search_ajax_container .listing-item img { width: 100%!important; margin:0!important; padding:0; border: none; border-radius: 10px 10px 0 0; } .booking_search_ajax_container .booking_search_result_item .search_results_b:nth-child(2), .booking_search_ajax_container .wp-block-group__inner-container .booking_search_result_item .search_results_b:nth-child(2) { line-height: 0; } .booking_search_ajax_container .booking_search_result_item .search_results_b { float: left; position: relative; } .booking_search_ajax_container .booking_search_result_item .search_results_b:nth-child(3) { margin-top: 16px; } .booking_search_ajax_container .booking_search_result_item .booking_search_result_title, .booking_search_ajax_container .wp-block-group__inner-container .booking_search_result_item .booking_search_result_title { margin-bottom:0; margin-top: 24px; line-height: 0; } .booking_search_ajax_container .search_results_a, .booking_search_ajax_container .wp-block-group__inner-container .search_results_a { margin:0; } .booking_search_ajax_container .search_results_b a, .booking_search_ajax_container .wp-block-group__inner-container .search_results_b a { display: block; padding: 0; } .booking_search_ajax_container .search_results_b:not(:first-child), .booking_search_ajax_container .wp-block-group__inner-container .search_results_b:not(:first-child) { padding: 0 .5em; display: inline-block; } .booking_search_ajax_container .search_results_a2, .booking_search_ajax_container .wp-block-group__inner-container .search_results_a2 { margin-left: unset; width: 100%; padding: 0 .5em; float: left; } .booking_search_ajax_container .search_results_a2 .search_results_b2, .booking_search_ajax_container .wp-block-group__inner-container .search_results_a2 .search_results_b2 { text-align: left; padding: 0 .5em; } .booking_search_ajax_container .wp-block-group__inner-container .search_results_b.dates, .datos_personales_ocultos { display: none; } .booking_search_result_item a.wpbc_book_now_link, .booking_search_result_item a.wpbc_book_now_link:hover, .wpbc_book_now_link, .wpbc_book_now_link:hover { text-decoration: none; font-weight: inherit; } .booking_search_ajax_container .search_results_b:not(:first-child), .booking_search_ajax_container .wp-block-group__inner-container .search_results_b:not(:first-child) { width: 100%; text-align: center; } .booking_search_result_item .search_results_b .booking_search_result_info { margin:0; } .booking_search_ajax_container .search_results_a2 .search_results_b2, .booking_search_ajax_container .wp-block-group__inner-container .search_results_a2 .search_results_b2 { text-align: center; width: 100%; display: block; border-top: 1px solid #ccc; padding-top: 10px; margin-top: 10px; } .booking_search_result_item img.booking_featured_image { aspect-ratio: 16 / 9; object-fit: cover; } .booking_search_result_item u { filter: brightness(1.5); } .short-term-form .wp-block-booking-booking .wpbc_container .wpbc_button_light, .short-term-form .wp-block-booking-booking .wpbc_container.wpbc_container_booking_form .wpbc_button_light { width: 100%; border-radius: 100px; background-color: #013b28; color: white; /* line-height: unset;*/ border: unset; margin-top: 14px; font-size: 16px; padding-left: 0; padding-right: 0; } .short-term-form .wp-block-booking-booking .wpbc_container .wpbc_button_light:focus, .short-term-form .wp-block-booking-booking.wpbc_container.wpbc_container_booking_form .wpbc_button_light:focus, .short-term-form .wp-block-booking-booking .wpbc_container .wpbc_button_light:hover, .short-term-form .wp-block-booking-booking.wpbc_container.wpbc_container_booking_form .wpbc_button_light:hover { border: unset; /* font-weight: inherit;*/ filter: brightness(1.6); } .short-term-form button.bm-lc-button, .lt-search-form button.bm-lc-button { width: 100%; margin-top: 12px; position: relative; border: none; background-color: rgb(49 111 246); padding: 0; height: var(--wpbc_form-button-light-size-height); margin-bottom: 46px; } .location-la-ecovilla:not(.post-5555):not(.post-5550):not(.post-5410):not(.post-5407) .short-term-form button.bm-lc-button { margin-bottom: 55px; } body .lt-search-form button.bm-lc-button { margin-top:0; top: -16px; } .short-term-form button.bm-lc-button:hover, .lt-search-form button.bm-lc-button:hover { filter: brightness(1); background-color: rgb(49 111 246 / 90%) !important; } .short-term-form button.bm-lc-button:before, .lt-search-form button.bm-lc-button:before { content: 'Write to the host before booking to make sure that they will accept your reservation'; display: block; position: absolute; color: #ff8502; font-size: small; text-align: justify; text-align-last: center; left: 0; font-weight: 100; border: 1px solid #ff8500; padding: 5px; border-radius: 3px; /* background-color: #9e1313;*/ top: 50px; pointer-events: none; width: 100%; } .location-la-ecovilla:not(.post-5555):not(.post-5550):not(.post-5410):not(.post-5407) .short-term-form .wp-block-booking-booking .booking_form_div:before { content: 'The minimum stay at La Ecovilla is 7 nights'; display: block; /* position: absolute;*/ color: #9e1313; font-size: 11px; text-align: center; text-align-last: center; font-weight: 100; /* top: 98px;*/ pointer-events: none; width: 100%; } body .short-term-form .wpbc_wizard_step.wpbc__form__div.wpbc_wizard_step2 { margin-top: 36px; } .lt-search-form form { /* top: 16px;*/ position: relative; } .short-term-form .wp-block-booking-booking .wpbc_container_booking_form .wpbc__field:not(.wpbc__cal), .short-term-form .wp-block-booking-booking .wpbc_container_booking_form p { margin:0; } .wp-block-booking-booking.short-term-form hr { margin-top: 10px; } .wp-block-booking-booking.short-term-form .wpbc_container_booking_form .wpbc__field:not(.machuca-st-terms-field) .wpbc_wrap_checkbox { width: auto; } .sar-booking-group .short-term-form .wpbc_container_booking_form .wpbc__field.checkbox_field:not(.machuca-st-terms-field) .wpdev-form-control-wrap.wpbc_wrap_checkbox { width: fit-content; min-width: unset; } .wp-block-booking-booking.short-term-form .wpbc_container_booking_form .wpbc__field.checkbox_field:not(.machuca-st-terms-field) { display: flex; align-items: center; flex-wrap: nowrap; gap: 4px; margin-top: 0; } .sar-booking-group .short-term-form .machuca-st-terms-field { flex: 0 0 100% !important; display: block !important; width: 100%; margin: 16px 0 0 !important; } .sar-booking-group .short-term-form .machuca-st-terms-field .machuca-st-terms-label { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; gap: var(--wp--preset--spacing--10) !important; box-sizing: border-box; width: 100%; margin: 0 !important; padding: var(--wp--preset--spacing--40); border: 1px solid var(--wp--preset--color--border); border-radius: 8px; background: var(--wp--preset--color--background); cursor: pointer; transition: border-color 180ms ease-out, background-color 180ms ease-out; } .sar-booking-group .short-term-form .machuca-st-terms-field .machuca-st-terms-label:hover, .sar-booking-group .short-term-form .machuca-st-terms-field .machuca-st-terms-label:focus-within { border-color: var(--wp--preset--color--border-strong); background: var(--wp--preset--color--primary-faint); } .sar-booking-group .short-term-form .machuca-st-terms-field .wpbc_wrap_checkbox { display: flex !important; flex: 0 0 18px; align-items: center; width: 18px !important; min-width: 18px !important; } .sar-booking-group .short-term-form .machuca-st-terms-field .wpdev-checkbox, .sar-booking-group .short-term-form .machuca-st-terms-field .wpdev-list-item { display: flex; align-items: center; } .sar-booking-group .short-term-form .machuca-st-terms-field input[type="checkbox"] { flex: 0 0 18px; width: 18px !important; height: 18px !important; margin: 0 !important; cursor: pointer; } .sar-booking-group .short-term-form .machuca-st-terms-field .machuca-st-terms-copy { flex: 1 1 auto; min-width: 0; margin: 0 !important; color: var(--wp--preset--color--text); font-size: var(--wp--preset--font-size--sm) !important; font-weight: 500; line-height: 1.45; white-space: normal; cursor: pointer; } .machuca-st-identity-fields, .short-term-form .machuca-st-identity-fields, .sar-booking-group .short-term-form .machuca-st-identity-fields, .wp-block-booking-booking.short-term-form .wpbc_container_booking_form .machuca-st-identity-fields { display: none !important; } .short-term-form .machuca-st-terms-link, .wp-block-booking-booking.short-term-form .wpbc_container_booking_form .machuca-st-terms-link, .sar-booking-group .wp-block-booking-booking.short-term-form .wpbc_container.wpbc_form.wpbc_container_booking_form .wpbc__field.checkbox_field a.machuca-st-terms-link { display: inline !important; margin: 0 !important; padding: 0 !important; /* Secondary, not a CTA. These sit inside checkout, a few centimetres from "Send Booking Request", and in primary colour at 700 they read as a second action competing with it. A legal/informational link only has to be unmistakably a link: the underline does that, and inheriting the surrounding text colour keeps the primary colour meaning "the button". */ color: inherit; font-weight: inherit; text-decoration: underline; text-underline-offset: 2px; white-space: normal !important; cursor: pointer; } .short-term-form .machuca-st-terms-link:hover { color: var(--wp--preset--color--primary-soft); } .short-term-form .machuca-st-terms-link:focus-visible { outline: 2px solid var(--wp--preset--color--accent); outline-offset: 2px; } .sar-booking-group .short-term-form .machuca-st-terms-warning { flex: 0 0 100%; width: 100%; margin: var(--wp--preset--spacing--20) 0 0 !important; } .sar-booking-group .short-term-form .machuca-st-terms-warning .wpbc_front_end__message { margin: 0; padding: 0; color: var(--wp--preset--color--status-declined); font-family: var(--wp--preset--font-family--sans); font-size: var(--wp--preset--font-size--xs); font-weight: 500; line-height: 1.45; } /* WPBC leaves each expired notice wrapper in the DOM after fading out its message. Collapse only those stale terms wrappers so their margins cannot create blank rows below the consent card. */ .sar-booking-group .short-term-form .machuca-st-terms-warning:has(.wpbc_front_end__message[style*="display: none"]) { display: none !important; } .wp-block-booking-booking.short-term-form .wpbc_container_booking_form .wpbc__field.wpbc_submit { justify-content: flex-start; align-items: flex-start; text-align: left; } .sar-booking-group .wp-block-booking-booking.short-term-form .wpbc_container.wpbc_form.wpbc_container_booking_form .wpbc__field.wpbc_submit { margin-bottom: 0 !important; } .wp-block-booking-booking.short-term-form .wpbc_container_booking_form .wpbc__field.wpbc_submit input[type="submit"] { width: 100%; } .wp-block-booking-booking.short-term-form .wpbc_container_booking_form .datos_reserva spacer, .wp-block-booking-booking.short-term-form .wpbc_container_booking_form .machuca-st-reservation-fields spacer { display: block; height: 4px !important; } .wp-block-booking-booking.short-term-form .wpbc_container_booking_form .datos_reserva textarea, .wp-block-booking-booking.short-term-form .wpbc_container_booking_form .machuca-st-reservation-fields textarea { margin-bottom: 2px; } .sar-booking-group .reservation-cost-msg { text-align: center; } /* A thank-you used to be injected here, on the booking card of both forms: "Thank you for recognizing the value of our platform". It sat on the listing page, so it thanked people for a decision they had not made yet — which is why it read as a plea rather than a courtesy, and it claimed something about us that is not true. The thank-you now lives on the booking requests page, where the booking has actually been made. */ .short-term-form .wp-block-booking-booking .wpbc_container_booking_form .wpbc__field:not(.machuca-st-terms-field) .wpdev-form-control-wrap.wpbc_wrap_checkbox { display: inline-flex; align-items: center; width: auto; min-width: unset; flex-wrap: nowrap; flex-direction: row; } .short-term-form .wp-block-booking-booking div.wpbc_container.wpbc_form input[type=checkbox] + label { font-size: 15px; white-space: nowrap; } .short-term-form .wp-block-booking-booking div.wpbc_container.wpbc_form .checkbox_field:not(.machuca-st-terms-field) a { display: inline-flex; align-items: center; white-space: nowrap; margin: 0 !important; padding: 0 !important; } .short-term-form .wp-block-booking-booking .wpbc_after_booking_thank_you_section .wpbc_ty__message { display: block; margin: 0 0 var(--wp--preset--spacing--30); color: var(--wp--preset--color--text); font-family: var(--wp--preset--font-family--sans); font-size: var(--wp--preset--font-size--base); font-weight: 600; line-height: 1.35; text-align: center; } .short-term-form .wp-block-booking-booking .wpbc_after_booking_thank_you_section .wpbc_ty__container .wpbc_ty__content .wpbc_ty__content_text .wpbc_ty__section_text_costs { padding: 0 1em; } .short-term-form .wp-block-booking-booking .wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_gw_stripe { padding-right: 0; padding-left: 1em; justify-content: center; align-items: flex-start; flex-flow: column; background-color: #013b28; } .short-term-form .wp-block-booking-booking .wpbc_after_booking_thank_you_section .wpbc_ty__container .wpbc_ty__content .wpbc_ty__content_text h4 { margin: 0; } .short-term-form .wp-block-booking-booking .wpbc_after_booking_thank_you_section .wpbc_ty__container .wpbc_ty__content .wpbc_ty__content_text:first-child { border: none; } /* TT25 fix: WP constrained layout caps direct children to contentSize (720px) via .is-layout-constrained > :where(...). Target the direct child container and inner form elements. Specificity (0,2,1) beats WP's (0,1,0). */ body .short-term-form > .wpbc_container, body .short-term-form .wpbc_form, body .short-term-form .wpbc_container_search_form { max-width: none; width: 100%; margin-top: 0; margin-left: 0; margin-right: 0; padding: 0; } .booking_search_ajax_container .wp-block-group__inner-container, #booking_search_results .booking_search_ajax_container, .booking_search_ajax_container { display: grid; grid-template-columns: repeat(auto-fill, 32%); justify-content: space-around; row-gap: 40px; margin-bottom: 60px; } /* Site Header ---------------------------------------------------------------------------- */ /* Content Area ---------------------------------------------------------------------------- */ body.page-template-default:not(.home) .wp-site-blocks > main.has-global-padding { box-sizing: border-box; padding-right: clamp(1rem, 4vw, 1.5rem) !important; padding-left: clamp(1rem, 4vw, 1.5rem) !important; } body:not(.login):not(.machuca-auth-flow-page):has(.wppb-user-forms.wppb-register-user) .wp-site-blocks > main.has-global-padding { min-height: calc(100vh - 84px); padding-top: clamp(42px, 8vh, 84px) !important; padding-bottom: clamp(42px, 8vh, 84px) !important; background: linear-gradient(180deg, rgba(248, 246, 241, 0.78), rgba(255, 255, 255, 0.98)), var(--wp--preset--color--surface); } body.machuca-auth-flow-page { background: var(--wp--preset--color--background); } body.machuca-auth-flow-page > .wp-site-blocks > header.wp-block-template-part, body.machuca-auth-flow-page > .wp-site-blocks > footer.wp-block-template-part { display: none; } body.machuca-auth-flow-page .wp-site-blocks > main, body.machuca-auth-flow-page .wp-site-blocks > main.has-global-padding { display: grid; align-items: stretch; min-height: 100svh; margin-top: 0 !important; margin-block-start: 0 !important; padding: 0 !important; padding-top: 0 !important; padding-block-start: 0 !important; padding-bottom: 0 !important; padding-block-end: 0 !important; padding-right: 0 !important; padding-inline-end: 0 !important; padding-left: 0 !important; padding-inline-start: 0 !important; background: var(--wp--preset--color--background); } body.machuca-auth-flow-page .wp-site-blocks > * { margin-block-start: 0 !important; } body.machuca-auth-flow-page .wp-site-blocks > main > .wp-block-group:has(.machuca-auth-page), body.machuca-auth-flow-page .wp-site-blocks > main .wp-block-post-content:has(.machuca-auth-page), body.machuca-auth-flow-page .wp-site-blocks > main .entry-content:has(.machuca-auth-page) { width: 100vw !important; max-width: none !important; margin-top: 0 !important; margin-block-start: 0 !important; margin-right: calc(50% - 50vw) !important; margin-left: calc(50% - 50vw) !important; padding: 0 !important; padding-block: 0 !important; padding-inline: 0 !important; background: var(--wp--preset--color--background) !important; } /* Entry Content --------------------------------------------- */ .entry { margin-bottom: 40px; } .entry-content ol, .entry-content ul { margin-bottom: 30px; padding-left: 40px; } .entry-content ol > li { list-style-type: decimal; } .entry-content ul > li { list-style-type: disc; } .entry-content ol ul > li, .entry-content ul ul > li { list-style-type: circle; } .entry-content ol ol, .entry-content ul ul { margin-bottom: 0; } .entry-content code { background-color: #f5f5f5; } .content .sticky { background-color: #f5f5f5; padding: 30px; } /* Entry Meta --------------------------------------------- */ p.entry-meta { font-size: 16px; margin-bottom: 0; } .entry-header .entry-meta { margin-bottom: 20px; } .entry-footer .entry-meta { border-top: 1px solid #eee; padding-top: 20px; } .entry-categories, .entry-tags { display: block; } .entry-comments-link::before { content: "\2014"; margin: 0 6px 0 2px; } /* Pagination --------------------------------------------- */ .pagination { clear: both; margin: 60px 0; } .adjacent-entry-pagination { margin-bottom: 0; } .archive-pagination li { display: inline; } .archive-pagination li a { background-color: #f5f5f5; color: #333; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 700; margin-bottom: 4px; padding: 8px 12px; text-decoration: none; } .archive-pagination li a:focus, .archive-pagination li a:hover, .archive-pagination li.active a { background-color: #333; color: #fff; } /* Entry Comments --------------------------------------------- */ .comment-respond, .entry-comments, .entry-pings { margin-bottom: 40px; } .comment-list li { padding: 40px 0 0 30px; } .comment-list .depth-1 { padding-left: 0; } .comment-header { margin-bottom: 30px; } .comment-content { clear: both; } .comment-content ul > li { list-style-type: disc; } .comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] { width: 50%; } .comment-respond label { display: block; margin-right: 12px; } .comment-header p { margin-bottom: 0; } .entry-pings .reply { display: none; } .comment-form-cookies-consent label { display: inline; padding-left: 10px; } /* Sidebar ---------------------------------------------------------------------------- */ .sidebar { font-size: 16px; line-height: 1.5; } .sidebar .widget { margin-bottom: 40px; } .sidebar p { margin-bottom: 20px; } /* Footer Widgets ---------------------------------------------------------------------------- */ /* Site footer — styled via Site Editor (TT25 block footer) */ /* The middle row of the footer (About / FAQs / Fees) spreads across the width it has instead of clustering in the centre. This one setting cannot come from the Site Editor: the navigation block's justification control offers left, centre, right and space-between — space-around is not among them. The row is identified by the label the block already publishes to the accessibility tree, which is the same name it carries in the editor. That is a real handle, not a position: adding or reordering the other two rows cannot move it. Rename the menu in the editor and this stops matching — so if the name changes, change it here too. The