/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
@media ( max-width: 479px ) {
/* Blocks -------------------------------- */
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
/* Entry Content ------------------------- */
/* Post Footer --------------------------- */
@media ( min-width: 480px ) {
/* Blocks -------------------------------- */
/* BLOCK: BASE ALIGNMENT WIDTH */
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright,
.wp-block-embed.alignleft,
.wp-block-embed.alignright,
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright {
.wp-block-table.alignleft,
.wp-block-table.alignright {
/* Entry Content ------------------------- */
/* Post Footer --------------------------- */
@media ( max-width: 599px ) {
/* Blocks -------------------------------- */
/* While columns are stacked */
.wp-block-column:last-child {
.wp-block-columns + .wp-block-columns {
.wp-block-columns.alignwide + .wp-block-columns.alignwide {
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
/* Template -------------------------------- */
.template-cover .post-inner .post-meta-wrapper,
.template-cover .post-inner .author-bio {
width: calc( 100% - 4rem );
/* Post Footer --------------------------- */
@media ( min-width: 600px ) {
/* Blocks -------------------------------- */
.wp-block-columns.alignwide + .wp-block-columns.alignwide,
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
/* Post Footer --------------------------- */
@media ( min-width: 660px ) {
/* Blocks -------------------------------- */
figure.wp-block-gallery.alignleft {
margin-left: calc(( 100vw - 58rem - 8rem ) / -2);
figure.wp-block-gallery.alignright {
margin-right: calc(( 100vw - 58rem - 8rem ) / -2);
/* Entry Content ------------------------- */
.entry-content > .alignleft {
.entry-content > p .alignleft,
.entry-content > .wp-block-image .alignleft {
margin-left: calc(( 100vw - 58rem - 8rem ) / -2);
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft,
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft,
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft {
.entry-content > .alignright {
.entry-content > p .alignright,
.entry-content > .wp-block-image .alignright {
margin-right: calc(( 100vw - 58rem - 8rem ) / -2);
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright,
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright,
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright {
/* Post Footer --------------------------- */
@media ( min-width: 700px ) {
/* Element Base ------------------------- */
.gallery-columns-2 .gallery-item {
.gallery-columns-3 .gallery-item {
.gallery-columns-4 .gallery-item {
.gallery-columns-5 .gallery-item {
.gallery-columns-6 .gallery-item {
.gallery-columns-7 .gallery-item {
.gallery-columns-8 .gallery-item {
.gallery-columns-9 .gallery-item {
margin: 4.5rem auto 2.5rem;
/* Helper Classes ------------------------- */
width: calc(100% - 8rem);
/* Site Header --------------------------- */
transition: height 0.15s linear, width 0.15s linear, max-height 0.15s linear;
.toggle-inner .toggle-text {
/* Menu Modal ---------------------------- */
button.close-nav-toggle {
button.close-nav-toggle svg {
button.close-nav-toggle .toggle-text {
.modal-menu > li > .ancestor-wrapper > a {
border-left-color: transparent;
.modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle {
.modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle svg {
justify-content: space-between;
/* Modal Search Form ------------------------- */
.search-modal .search-field {
.search-modal .search-field::-moz-placeholder {
/* Sub Page ------------------------------ */
.featured-media figcaption {
margin: 2rem auto 0 auto;
width: calc(100% - 8rem);
/* Template: Cover Template -------------- */