/*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Post and page content # Alignments # Blocks # Custom block colors # Media # Captions # Galleries # Comments --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Post and page content --------------------------------------------------------------*/ /* Custom rule for sticky posts: .sticky { } */ .hentry { margin-bottom: 1rem; } .entry-meta, .entry-footer { font-family: 'Roboto Condensed', sans-serif; font-size: 80%; } /* Hides the update date and time. */ .updated:not(.published) { display: none; } .post-thumbnail img { margin: 0 auto; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } /* .page-content > *, .entry-content > *, .entry-summary > *, .not-found > * { margin-right: auto; margin-left: auto; padding-right: 1.5rem; padding-left: 1.5rem; max-width: var(--content-width)rem; } */ /* .page-title, .entry-header, .entry-footer, .site-info, .post-navigation, .page-navigation, .comments-area { margin: 1.5em auto; padding-right: 1.5rem; padding-left: 1.5rem; max-width: var(--content-width)rem; } */ /* @media (--content-query) { .page-content > *, .entry-content > *, .entry-summary > *, .page-title, .entry-header, .entry-footer, .site-info, .post-navigation, .page-navigation, .comments-area { padding-left: 0px; padding-right: 0px; } } */ .page-links { clear: both; margin: 0 0 1.5em; } .entry-footer span { margin-right: 1em; } .entry-footer { clear: both; padding: 1.5em 1.5rem 3em; border-bottom: 1px solid #d2cfcf; } @media screen and (min-width: 48em) { .entry-footer { padding-right: 0; padding-left: 0; } } /*-------------------------------------------------------------- ## Alignments --------------------------------------------------------------*/ .alignleft { float: left; margin-right: 1.5rem; } .alignright { float: right; margin-left: 1.5rem; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } @media screen and (min-width: 48em) { .wp-caption.alignright, .wp-block-image.alignright { margin-right: calc((100% - 45rem) / 2); } .wp-caption.alignleft, .wp-block-image.alignleft { margin-left: calc((100% - 45rem) / 2); } } /*-------------------------------------------------------------- ## Blocks --------------------------------------------------------------*/ /* * Available block selectors: * .wp-block-image * .wp-block-gallery * .wp-block-video * .wp-block-quote * .wp-block-text-columns * .wp-block-cover-text * .wp-block-button * .wp-block-gallery * .wp-block-table * .wp-block-embed * .wp-block-audio * .wp-block-pullquote * .wp-block-preformatted * .wp-block-code * .wp-block-verse */ .wp-block-quote.is-large, .wp-block-quote.is-style-large { margin: 1.5em auto; padding: 0 1em; } .entry-content ul, .entry-content ol { padding-right: 2.5em; padding-left: 2.5em; } .entry-content ul ul, .entry-content ol ol { margin-right: 0; margin-left: 0; padding-right: 1.5em; padding-left: 1.5em; } .alignwide { max-width: calc(50% + 45rem / 2); } .alignfull { max-width: 100%; padding: 0; } .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image h2 { margin-top: 0; } @media screen and (min-width: 48em) { .entry-content pre { padding: 1.5em; } } /* Columns Block (experimental) */ .wp-block-columns { display: block; } @media screen and (min-width: 37.5em) { .wp-block-columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; grid-gap: 1em; gap: 1em; } .has-2-columns .wp-block-column { /* flex: none; */ width: calc(50% - .5em); } .has-3-columns .wp-block-column { /* flex: none; */ width: calc(33.3333% - .5em); } .has-4-columns .wp-block-column { /* flex: none; */ width: calc(25% - .5em); } } /* END Columns Block (experimental) */ .wp-block-latest-posts, .wp-block-latest-comments { padding-top: 1.5em; padding-bottom: 1.5em; border: 1px solid hsl(0, 0%, 80%); } /*-------------------------------------------------------------- ## Custom block colors. --------------------------------------------------------------*/ .has-dusty-orange-color, .has-dusty-orange-color a { color: #ED8F5B; } .has-dusty-orange-background-color { background-color: #ED8F5B; } .has-dusty-red-color, .has-dusty-red-color a { color: #E36D60; } .has-dusty-red-background-color { background-color: #E36D60; } .has-dusty-wine-color, .has-dusty-wine-color a { color: #9C4368; } .has-dusty-wine-background-color { background-color: #9C4368; } .has-dark-sunset-color, .has-dark-sunset-color a { color: #33223B; } .has-dark-sunset-background-color { background-color: #33223B; } .has-almost-black-color, .has-almost-black-color a { color: #0A1C28; } .has-almost-black-background-color { background-color: #0A1C28; } .has-dusty-water-color, .has-dusty-water-color a { color: #41848F; } .has-dusty-water-background-color { background-color: #41848F; } .has-dusty-sky-color, .has-dusty-sky-color a { color: #72A7A3; } .has-dusty-sky-background-color { background-color: #72A7A3; } .has-dusty-daylight-color, .has-dusty-daylight-color a { color: #97C0B7; } .has-dusty-daylight-background-color { background-color: #97C0B7; } .has-dusty-sun-color, .has-dusty-sun-color a { color: #EEE9D1; } .has-dusty-sun-background-color { background-color: #EEE9D1; } /*-------------------------------------------------------------- ## Custom block font sizes. --------------------------------------------------------------*/ .has-small-font-size { font-size: calc(16 / 16)rem; } .has-regular-font-size { font-size: calc(20 / 16)rem; } .has-large-font-size { font-size: calc(36 / 16)rem; } .has-larger-font-size { font-size: calc(48 / 16)rem; } /*-------------------------------------------------------------- ## Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ### Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ### Gallery Block - overrides core styles --------------------------------------------------------------*/ .wp-block-gallery:not(.components-placeholder) { margin: 1.5em auto; } /* Override standard ul indentation. */ .entry-content .wp-block-gallery { padding-right: 1.5em; padding-left: 1.5em; } @media screen and (min-width: 48em) { .entry-content .wp-block-gallery { padding-right: 0; padding-left: 0; } } .wp-block-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: .5em; } .wp-block-gallery.columns-2 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-4 .blocks-gallery-item, .wp-block-gallery.columns-5 .blocks-gallery-item, .wp-block-gallery.columns-6 .blocks-gallery-item, .wp-block-gallery.columns-7 .blocks-gallery-item, .wp-block-gallery.columns-8 .blocks-gallery-item, .wp-block-gallery.columns-9 .blocks-gallery-item { grid-column: span 1; margin: 0; width: inherit; } /* .blocks-gallery-item:last-child:nth-child(odd) { grid-column: span 2; } */ @media screen and (min-width: 40em) { .wp-block-gallery.columns-2 { grid-template-columns: repeat(2, 1fr); } .wp-block-gallery.columns-3 { grid-template-columns: repeat(3, 1fr); } .wp-block-gallery.columns-4 { grid-template-columns: repeat(4, 1fr); } .wp-block-gallery.columns-5 { grid-template-columns: repeat(5, 1fr); } .wp-block-gallery.columns-6 { grid-template-columns: repeat(6, 1fr); } .wp-block-gallery.columns-7 { grid-template-columns: repeat(7, 1fr); } .wp-block-gallery.columns-8 { grid-template-columns: repeat(8, 1fr); } .wp-block-gallery.columns-9 { grid-template-columns: repeat(9, 1fr); } } /*-------------------------------------------------------------- ### Galleries (Legacy) --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); grid-gap: .5em; } @media screen and (min-width: 40em) { .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } } .gallery-item { padding: .5em; border: 1px solid rgb(222, 222, 222); } .gallery-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gallery-caption { font-size: 80%; } .wp-block-button a { color: #fff; } .blog .entry-content p { color: #666; font-size: 15px; }