.single .site-main .hentry > .entry-header + *, .page .site-main .hentry > .entry-header + *{ margin-top:0; } .has-post-thumbnail .hentry-wrapper{ background-color:var(--th-color-white); position:relative; z-index:2; } .featured-image-wrap{ border-bottom:1px solid var(--th-color-white); height:35vh; position:relative; } .featured-image-wrap .featured-image{ left:0; position:absolute; top:0; } .featured-image-wrap .wp-caption-text{ -ms-flex-item-align:end; align-self:flex-end; background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.1)),to(rgba(0,0,0,0.25))); background:linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.25) 100%); background-color:rgba(0,0,0,0.5); color:var(--th-color-white); padding-bottom:0.25em; padding-top:0.25em; position:relative; text-align:left; z-index:3; } .single .entry-header .entry-meta{ -ms-flex-align:center; -ms-flex-wrap:wrap; -webkit-box-align:center; align-items:center; display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; grid-gap:0.5rem 1rem; margin-top:0.75rem; } .single .entry-header .entry-meta a:not(:hover){ color:inherit; text-decoration:none; } .single .entry-header .entry-meta .avatar{ display:none; grid-area:image; height:54px; width:54px; } .single .entry-header .entry-meta .byline{ grid-area:name; } .single .entry-header .entry-meta .posted-on{ grid-area:date; } .single .entry-header .entry-meta .comments-link{ grid-area:comments; } .date-hidden.single .entry-header .entry-meta{ display:-webkit-box; display:-ms-flexbox; display:flex; } .author-hidden.single:not(.date-hidden) .entry-header .entry-meta .comments-link{ margin-left:auto; } .author-hidden.single .entry-header .entry-meta{ -ms-flex-wrap:wrap; display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; } .author-hidden.single .entry-header .entry-meta .avatar{ display:none; } .single .entry-header .byline{ color:var(--th-color-primary-dark); line-height:1.15; } .single .entry-header .byline a.twitter-link{ border-left:4px solid var(--th-color-secondary-lighter); color:var(--th-color-primary-base); margin-left:0.75em; padding-left:0.75em; } .single .entry-header .byline a.twitter-link:hover{ color:rgb(29, 161, 242); } .single .entry-header .byline a.twitter-link .svg-icon{ color:rgb(26, 145, 218); margin-right:0.25em; } .single .comments-link .svg-icon{ margin-right:0.5em; } .single .entry-meta .entry-authors + *{ margin-top:0.5rem; } .th-highlighted-summary{ font-weight:700; line-height:1.55; } .th-highlighted-summary::after{ color:var(--th-color-accent-base); content:".........................................."; display:block; letter-spacing:4px; line-height:1; margin:2rem auto 0; max-width:25rem; overflow:hidden; white-space:nowrap; } .single .entry-tags > *{ margin-right:0.5rem; } .single .site-main .entry-footer .entry-tags a:not(:hover){ color:var(--th-color-secondary-base); text-decoration:none; } .single .site-main .entry-footer .entry-tags a:before{ content:"#"; padding-right:1px; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{ font-weight:900; margin-bottom:0.75rem; } .page-links{ clear:both; } .page-links > span:not(.page-links-title){ background-color:var(--th-color-primary-dark); border-radius:1px; color:var(--th-color-white); font-weight:400; } .page-links > * + *{ display:inline-block; height:30px; line-height:30px; margin-left:0.5rem; min-width:32px; text-align:center; } .page-links > a{ background:var(--th-color-secondary-lightest); color:var(--th-color-secondary-base); text-decoration:none; } .edit-link a{ text-decoration:none; } .entry-footer .entry-author{ border-top:1px solid var(--th-color-secondary-lighter); overflow:hidden; } .entry-footer .entry-author + .entry-author{ margin-top:2rem; padding-top:2rem; } .entry-footer .entry-author .author-avatar{ border-left:1px solid var(--th-color-secondary-lighter); float:right; margin-bottom:0.5rem; margin-left:0.5rem; min-width:64px; shape-outside:circle(50%); } .entry-footer .entry-author .avatar{ border-radius:50%; height:64px; width:64px; } .entry-footer .entry-author .author-title{ clear:none; } .entry-footer .entry-author .author-links{ border-top:1px dotted var(--th-color-secondary-light); } .single .entry-footer .entry-author .author-link:not(:hover){ color:var(--th-color-secondary-base); } .single .entry-footer .entry-author .author-link{ text-decoration:none; } .single .entry-footer .entry-author .author-link:after{ content:"\2192"; } .post-navigation .nav-title{ border-bottom:1px solid transparent; } .post-navigation a:hover .nav-title{ border-bottom-color:inherit; } .single-post .sticky-header .mobile-menu-button{ display:none; } @media (min-width: 500px){ .featured-image-wrap{ height:32rem; } .single:not(.date-hidden):not(.author-hidden) .entry-header .entry-meta .comments-link{ margin-left:auto; } .single .entry-header .entry-meta{ display:grid; grid-gap:0 1rem; grid-template-areas:"image name name" "image date comments"; grid-template-columns:54px 1fr 1fr; grid-template-rows:auto auto; margin-top:1.5rem; } .single .entry-header .entry-meta .avatar{ display:block; } .single .comments-link .svg-icon{ margin-right:0.35em; } .single .entry-meta .entry-authors + *{ margin-top:0; } .entry-footer .entry-author .author-avatar{ border-left:none; float:none; margin-bottom:0; margin-left:0; min-width:116px; } .entry-footer .entry-author .avatar{ height:116px; width:116px; } .single .has-multiple-authors .entry-meta{ -ms-flex-wrap:wrap; display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; } .single .site-main .has-multiple-authors .entry-meta img{ height:30px; margin-right:0.5rem; width:30px; } .has-multiple-authors .byline{ margin-right:0.75rem; } .single:not(.author-hidden) .has-multiple-authors .entry-authors{ border-bottom:1px solid var(--th-color-secondary-lighter); margin-bottom:0.5rem; padding-bottom:0.75rem; } .has-multiple-authors .entry-authors ~ *{ line-height:1.45; } .has-multiple-authors .posted-on + .comments-link{ margin-left:1rem; } } @media (min-width: 992px){ .single .site-main .hentry.has-post-thumbnail .entry-header, .page .site-main .hentry.has-post-thumbnail .entry-header{ -webkit-box-shadow:0 -23px 25px rgba(0,0,0,0.1), 0 -2px 2px 0 rgba(0,0,0,0.08); box-shadow:0 -23px 25px rgba(0,0,0,0.1), 0 -2px 2px 0 rgba(0,0,0,0.08); margin-top:-160px; z-index:4; } .featured-image-wrap:before, .featured-image-wrap:after{ content:""; height:100px; left:0; opacity:0.8; position:absolute; width:100%; } .featured-image-wrap:before{ background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),color-stop(96%, rgba(0,0,0,0.65)),to(rgba(0,0,0,0.65))); background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 96%,rgba(0,0,0,0.65) 100%); bottom:0; } .featured-image-wrap:after{ background:-webkit-gradient(linear, left top, left bottom, from(rgba(229,229,229,1)),color-stop(84%, rgba(255,255,255,1))); background:linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 84%); bottom:-100px; } .active-sidebar:not(.left-sidebar) .featured-image-wrap .wp-caption-text{ border-left:6px solid var(--th-color-secondary-lighter); margin-left:auto; padding-left:calc(2rem - 6px); padding-right:2rem; } .left-sidebar .featured-image-wrap .wp-caption-text{ border-right:6px solid var(--th-color-secondary-lighter); margin-right:auto; padding-left:2rem; padding-right:calc(2rem - 6px); } .inactive-sidebar .featured-image-wrap .wp-caption-text{ border-radius:1px; margin-bottom:162px; margin-left:auto; margin-right:auto; max-width:992px; width:100%; } }.comments-area .comment-awaiting-moderation, .comments-area .reply{ clear:both; } .comment-respond .logged-in-as a:not(:hover), .comments-area .comment-metadata a:not(:hover), .comments-area .comment-author a:not(:hover){ color:inherit; text-decoration:none; } .comments-area .reply, .comments-area .comment-content, .comments-area .comment-awaiting-moderation, .comment-respond .comment-form-comment, .comment-respond .form-submit{ margin-top:2rem; } .comments-area .comments-title, .comment-reply-title{ position:relative; z-index:1; } .comments-area .comments-title span, .comment-reply-title span{ background-color:var(--th-color-white); padding-right:20px; position:relative; } .comments-area .comments-title:before, .comment-reply-title:before{ background-color:var(--th-color-secondary-lighter); content:""; height:1px; left:0; position:absolute; top:50%; width:100%; z-index:-1; } .comments-area > :last-child{ margin-bottom:0; } .comments-area .says{ display:none; } .comment-list, .comment-list .children{ list-style:none; } .comments-area .comment-list{ -webkit-padding-start:0; margin-bottom:2rem; margin-left:0; padding-left:0; } .comments-area .comment-list > * + *, .comments-area .comment-list .children > *{ border-top:1px solid var(--th-color-secondary-lighter); padding-top:2.5rem; } .comments-area .comment-list article{ position:relative; } .comments-area .comment-list article, .comments-area .comment-list .pingback, .comments-area .comment-list .trackback{ margin-bottom:2.5rem; } .comments-area .comment-author .avatar{ border-radius:50%; height:34px; left:0; position:absolute; top:-6px; width:34px; } .comments-area .comment-metadata, .comments-area .reply{ text-transform:uppercase; } .comments-area .comment-metadata{ font-weight:700; margin-top:6px; } .comments-area .comment-author{ color:var(--th-color-primary-dark); margin-right:15px; } .comments-area .comment-author b, .comments-area .reply a{ font-weight:900; } .comments-area .comment-meta, .comments-area .reply, .comments-area .comment-content{ padding-left:50px; } .comments-area .comment-meta{ line-height:1.2; overflow:hidden; } .comments-area .comment-author, .comments-area .comment-metadata{ float:left; } .comments-area .comment-content > :last-child{ margin-bottom:0; } .comments-area .comment-edit-link:before{ content:"\2014"; padding:0 6px 0 4px; } .comments-area .comment-list .children{ margin-left:20px; } .comment-respond label, .comment-respond .logged-in-as, .comment-respond .comment-notes, .comments-area .comment-subscription-form, .comments-area .form-allowed-tags{ font-size:0.889rem; } .comments-area .reply a, .comment-respond .comment-notes, .comment-respond .logged-in-as, .comments-area .comment-metadata, .comment-respond label, .comments-area .bypostauthor > .comment-body .comment-author .fn{ color:var(--th-color-secondary-base); } .comment-form > p{ margin-bottom:0; margin-top:0.75rem; } .comment-form-comment label, .comment-form-author label, .comment-form-email label, .comment-form-url label{ display:block; margin-bottom:10px; } .comment-respond input:not([type="checkbox"]){ width:100%; } .comment-respond input[type="checkbox"] + label{ margin-left:0.25rem; } .comments-area .comment-awaiting-moderation, .comments-area .no-comments{ padding:2px 5px; } .comments-area .comment-awaiting-moderation{ background:yellow; margin-bottom:0; } .comments-area .no-comments{ background-color:var(--th-color-secondary-lightest); color:inherit; } .comments-area .comment-subscription-form + .comment-subscription-form{ margin-top:0.5rem; } .comment .comment-respond{ margin-bottom:2rem; } .highlander-dark .comment-respond label{ color:inherit; } .comment-body h1, .comment-body h2, .comment-body h3, .comment-body h4, .comment-body h5, .comment-body h6{ font-weight:900; margin-bottom:0.75rem; } @media (min-width: 500px){ .comment-list .children{ margin-left:52px; } .comment-respond p.comment-form-author{ padding-right:10px; } .comment-respond p.comment-form-email{ padding-left:10px; } .comment-respond p.comment-form-author, .comment-respond p.comment-form-email{ margin-bottom:0.75rem; } .comment-respond p.comment-form-author, .comment-respond p.comment-form-email{ float:left; width:50%; } .comment-respond input.submit{ width:auto; } .comment-respond .comment-form-url{ clear:both; } } #wpstats, #botd, #botd2{ display:none; } .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer{ display:none; } .infinity-end.neverending .site-footer, #infinite-handle span{ display:block; } #infinite-handle{ clear:both; width:100%; } .infinite-loader .spinner, #page #infinite-handle button{ display:-webkit-box; display:-ms-flexbox; display:flex; margin:auto; } .infinite-loader .spinner{ -webkit-box-shadow:0 0 0 1px var(--th-color-secondary-lighter); background-color:var(--th-color-white); border-radius:999px; box-shadow:0 0 0 1px var(--th-color-secondary-lighter); } #page #infinite-handle span{ background:var(--th-color-secondary-lighter); border-radius:0; font-weight:900; padding:11px 30px; } #page #infinite-handle button{ -ms-flex-align:center; -webkit-box-align:center; align-items:center; color:var(--th-color-secondary-base); text-transform:uppercase; } #page #infinite-handle button:hover{ color:var(--th-color-primary-base); } #infinite-handle .svg-icon{ margin-right:0.5rem; } #infinite-handle .svg-icon path{ stroke-width:2.5px; } .infinite-loader{ bottom:0; padding:21px 30px; position:absolute; width:100%; } #infinite-footer{ z-index:99; } #infinite-footer .container{ background-color:var(--th-color-white); padding:7px 30px; text-transform:uppercase; } #infinite-footer #infinity-blog-title{ font-size:1rem; font-weight:900; } #infinite-footer .blog-credits{ font-size:0.625rem; } .site-main .sd-content .share-customize-link{ margin-top:1rem; } .site-main .sd-content .share-customize-link a{ font-family:var(--th-site-font-body); font-size:0.889rem; } #page div.sharedaddy{ margin-top:35px; } #page div.sharedaddy h3.sd-title, #page #jp-relatedposts h3.jp-relatedposts-headline em{ font-weight:900; text-transform:uppercase; } #page div.sharedaddy h3.sd-title, #page #jp-relatedposts h3.jp-relatedposts-headline{ margin-bottom:20px; } #page #jp-relatedposts h3.jp-relatedposts-headline em:before{ display:none; } #page div.sharedaddy h3.sd-title:before{ border:none; margin:0; } #page .sd-social .sd-content ul{ margin:0 !important; } #page .sd-social-icon .sd-content ul li[class*='share-'] a{ padding:18px; text-shadow:2px 2px rgba(0,0,0,0.05), 3px 3px rgba(0,0,0,0.05), 4px 4px rgba(0,0,0,0.05); } #page .sd-content ul li a.sd-button:before{ font-size:18px; font-size:1.125rem; } #page .sd-content ul li{ margin:6px 6px 0 0; } .pd-rating{ line-height:1; } .pd-rating .rating-msg{ font-size:16px !important; } #page #jp-relatedposts .jp-relatedposts-items-visual.jp-relatedposts-list h4.jp-relatedposts-post-title, #page #jp-relatedposts .jp-relatedposts-items-visual.jp-relatedposts-grid h4.jp-relatedposts-post-title, #page #jp-relatedposts .jp-relatedposts-items-visual.jp-relatedposts-list .jp-relatedposts-post .jp-relatedposts-post-date, #page #jp-relatedposts .jp-relatedposts-items-visual.jp-relatedposts-grid .jp-relatedposts-post .jp-relatedposts-post-date{ margin-top:10px; } #page #jp-relatedposts .jp-relatedposts-items-visual.jp-relatedposts-grid h4.jp-relatedposts-post-title, #page #jp-relatedposts .jp-relatedposts-items-visual.jp-relatedposts-list h4.jp-relatedposts-post-title{ line-height:1.3; } #page #jp-relatedposts .jp-relatedposts-items-visual.jp-relatedposts-grid h4.jp-relatedposts-post-title{ font-size:16px; } #page #jp-relatedposts .jp-relatedposts-items-visual.jp-relatedposts-list h4.jp-relatedposts-post-title{ font-size:18px; } #page #jp-relatedposts .jp-relatedposts-items-visual.jp-relatedposts-grid .jp-relatedposts-post-title a, #page #jp-relatedposts .jp-relatedposts-items-visual.jp-relatedposts-list .jp-relatedposts-post-title a{ color:inherit; font-weight:900; } #page #jp-relatedposts .jp-relatedposts-items-visual.jp-relatedposts-list .jp-relatedposts-post .jp-relatedposts-post-date, #page #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a{ font-weight:bold; } #page #jp-relatedposts, #page #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:last-child{ margin-bottom:0; } #page #jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post{ -moz-opacity:1; filter:alpha(opacity=100); opacity:1; } #page #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img{ margin-bottom:10px; } #page .jetpack-recipe{ -webkit-box-shadow:0 0 20px rgba(0,0,0,0.03); border-color:var(--th-color-secondary-lighter); box-shadow:0 0 20px rgba(0,0,0,0.03); margin:0 0 35px; padding:1% 6%; } #page .jetpack-recipe .jetpack-recipe-meta{ color:var(--th-color-secondary-base); } #page .jetpack-recipe-title{ padding-bottom:10px; } #respond.js .comment-reply-title span{ display:inline-block; } #respond.js .comment-reply-title{ margin-bottom:1rem; } .akismet_comment_form_privacy_notice{ font-size:0.889rem; } .wp-block-jetpack-subscriptions{ margin-bottom:2rem; } .wp-block-group.has-background > .wp-block-group__inner-container > .wp-block-jetpack-layout-grid.alignfull{ margin-left:auto; margin-right:auto; width:100%; } .wp-block-jetpack-tiled-gallery.alignfull{ padding:4px; } .wp-block-jetpack-contact-form > form{ width:100%; } .wp-block-jetpack-contact-info{ margin-bottom:2rem; } .wp-block-jetpack-contact-info a{ line-height:1.45; } .wp-block-jetpack-contact-info > * + *{ margin-top:0.25rem; } .wp-block-jetpack-mailchimp input[type="email"]{ width:100%; } .wp-block-jetpack-mailchimp form > :last-child{ margin-bottom:0; } .wpnbha, .th-content .wpnbha{ margin-bottom:2rem; } .wpnbha:not(.is-grid) > div > * + *{ border-top:1px solid var(--th-color-secondary-lighter); margin-top:2rem; padding-top:2rem; } .wpnbha article .entry-wrapper > * + *{ margin-top:1.3em; } .wpnbha .entry-wrapper > .entry-title + *{ margin-top:1em; } .wpnbha .entry-meta a, .wpnbha .cat-links a{ -webkit-box-shadow:none; border-bottom:none; box-shadow:none; font-weight:bold; text-decoration:none; } .wpnbha .entry-wrapper .cat-links + .entry-title{ margin-top:0; } @media only screen and (max-width: 640px){ #page #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post{ padding-right:0; width:100%; } #page #jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img, #page #jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title{ margin-right:0; max-width:100%; } #page #jp-relatedposts .jp-relatedposts-items-visual.jp-relatedposts-list h4.jp-relatedposts-post-title{ font-size:inherit; } #jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title{ float:none; } }.jetpack-subscription-modal { visibility: hidden; position: fixed; z-index: 50000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; opacity: 0; transition: visibility 0s, opacity 0.5s ease; display: flex; justify-content: space-evenly; align-content: center; flex-wrap: wrap; } .jetpack-subscription-modal.open { opacity: 1; background-color: rgba(0, 0, 0, 0.3); visibility: visible; } .jetpack-subscription-modal__modal-content { text-align: center; background-color: #fefefe; width: 100%; max-width: 650px; box-sizing: border-box; transition: visibility 0s, opacity 0.3s linear; opacity: 0; display: flex; flex-direction: column; gap: 5px; justify-content: center; } .jetpack-subscription-modal.open .jetpack-subscription-modal__modal-content { opacity: 1; top: 0; visibility: visible; } /* Hide the modal content when iframe is present */ .jetpack-subscription-modal.has-iframe .jetpack-subscription-modal__modal-content { background: transparent; } .jetpack-subscription-modal.has-iframe .jetpack-subscription-modal__modal-content-form { visibility: hidden; opacity: 0; } /* * These text-wrap properties still have limited browser * support, but based on feedback still adding them for when * they are supported. */ .jetpack-subscription-modal__modal-content p { text-wrap: pretty; } @media screen and (max-width: 640px) { .jetpack-subscription-modal__modal-content { width: 94%; } }