/* Theme Name: Hello Elementor Child Theme URI: https://github.com/elementor/hello-theme-child/ 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: 2.0.2 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 */ /* Featured images on single posts: fill their container, so the image and the article text always share the same width. The container below sets that single number. */ .elementor-widget-theme-post-featured-image{ width:100% !important; max-width:100% !important; } .elementor-widget-theme-post-featured-image a, .elementor-widget-theme-post-featured-image .elementor-widget-container{ display:block !important; width:100% !important; max-width:100% !important; } .elementor-widget-theme-post-featured-image img{ display:block !important; width:100% !important; max-width:100% !important; height:auto !important; margin-left:auto !important; margin-right:auto !important; } /* Essay series: one width for the featured image and the text. Change this number and both move together. */ body.postid-660 .elementor-location-single .e-con-inner, body.postid-685 .elementor-location-single .e-con-inner, body.postid-702 .elementor-location-single .e-con-inner, body.postid-709 .elementor-location-single .e-con-inner, body.postid-717 .elementor-location-single .e-con-inner, body.postid-818 .elementor-location-single .e-con-inner{ max-width:1080px !important; } /* Elementor caps the post-content widget at 900px while its container allows 1140. Release the widget so the article fills the container on desktop. */ body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content{ width:100% !important; max-width:none !important; } /* ============================================================ When to Slow Down — essay styling Scope: the article wrapper (.post-content .wrap) plus the six posts in the series, by post ID. Nothing else on the site is affected. A new article in the series picks this up either by carrying the .wrap div or by adding its ID below. 660 back-to-the-land 685 growing-dragon-fruit-in-florida 702 i-thought-it-was-corn 709 the-empty-seat 717 so-much-for-slowing-down 818 ive-been-growing-money-for-twelve-years Typefaces are the two the site already loads: Montserrat for reading, Cormorant Garamond for display. ============================================================ */ :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content){ max-width:none !important; margin:0 auto !important; padding:0 !important; } /* body copy */ :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content) p, :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content) li{ font-size:21px !important; line-height:1.8 !important; color:#2E3A46 !important; margin:0 0 1.3em !important; letter-spacing:-.003em !important; } :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content) strong, :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content) b{ font-weight:700 !important; color:#11202E !important; } /* standfirst */ :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content) p.standfirst{ font-family:"Cormorant Garamond",Georgia,serif !important; font-size:22px !important; font-weight:500 !important; font-style:italic !important; line-height:1.5 !important; color:#5C6B7C !important; letter-spacing:0 !important; padding-bottom:1em !important; border-bottom:2px solid #1DB095 !important; margin-bottom:2em !important; } /* section headings */ :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content) h2{ font-family:"Cormorant Garamond",Georgia,serif !important; font-size:35px !important; font-weight:600 !important; line-height:1.18 !important; color:#11202E !important; letter-spacing:-.005em !important; margin:2.5em 0 .5em !important; padding-top:.7em !important; border-top:1px solid #DCD8CF !important; } /* pull quotes */ :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content) blockquote{ margin:2em 0 !important; padding:.1em 0 .1em 1.05em !important; border-left:4px solid #1DB095 !important; border-top:0 !important; border-right:0 !important; border-bottom:0 !important; background:none !important; } :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content) blockquote:before, :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content) blockquote:after{ content:none !important; } :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content) blockquote p{ font-family:"Cormorant Garamond",Georgia,serif !important; font-size:30px !important; font-weight:500 !important; font-style:italic !important; line-height:1.3 !important; color:#11202E !important; letter-spacing:0 !important; margin:0 !important; } /* images: capped by viewport height so they punctuate, never dominate */ :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content) figure{ margin:1.4em 0 1.9em !important; } :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content) figure img{ display:block !important; margin:0 auto !important; max-width:100% !important; width:auto !important; height:auto !important; max-height:58vh !important; border-radius:2px !important; box-shadow:0 8px 20px rgba(17,32,46,.15) !important; } :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content) figure.portrait img{ max-height:52vh !important; } /* captions sit tight under the picture */ :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content) figcaption{ font-family:"Cormorant Garamond",Georgia,serif !important; margin:6px auto 0 !important; max-width:30em; font-size:17px !important; font-weight:500 !important; font-style:italic !important; line-height:1.4 !important; color:#67757F !important; text-align:center !important; letter-spacing:0 !important; padding-top:0 !important; border-top:0 !important; } /* links */ :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content) a{ color:#11202E !important; text-decoration:none !important; border-bottom:1.5px solid #1DB095 !important; } :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content) a:hover{ color:#1DB095 !important; } /* closing mark */ :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content) p.end{ text-align:center !important; color:#1DB095 !important; letter-spacing:.5em !important; font-size:13px !important; margin-top:2.4em !important; } /* The editor leaves a blank

 

after each image. Restricted to the new wrapper: in the older articles a real paragraph can follow a figure, and this would hide it. */ .post-content .wrap figure + p{ display:none !important; } .post-content .wrap p:empty{ display:none !important; } @media (max-width:640px){ :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content){ padding:0 !important; } :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content) p{ font-size:17.5px !important; line-height:1.72 !important; } :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content) h2{ font-size:27px !important; } :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content) blockquote p{ font-size:24px !important; } :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content) figcaption{ font-size:16px !important; } :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content) figure img, :is(.post-content .wrap, body.postid-660 .post-content, body.postid-685 .post-content, body.postid-702 .post-content, body.postid-709 .post-content, body.postid-717 .post-content, body.postid-818 .post-content) figure.portrait img{ max-height:none !important; width:100% !important; } }