/** * editor-style.css file for Theme, note uses default font and gray-pink styles * * @package Canuck WordPress Theme * @copyright Copyright (C) 2020 or later Kevin Archibald * @license http://www.gnu.org/licenses/gpl-2.0.html * @author Kevin Archibald */ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400'); @font-face { font-family: 'FontAwesome'; src: url('../font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('../font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } /* Gertiburgh General */ .edit-post-visual-editor .editor-block-list__block-edit, .edit-post-visual-editor .editor-block-list__block { font-size: 100%; line-height: 1.5em; } /* ---------------- Headers --------------------------- */ .editor-styles-wrapper h1,.editor-styles-wrapper h2, .editor-styles-wrapper h3,.editor-styles-wrapper h4, .editor-styles-wrapper h5,.editor-styles-wrapper h6, #page-title-wide .page-title-wrap h1, .editor-post-title .editor-post-title__block textarea { line-height: 1.5em!important; padding: 0; margin: 10px 0 0 0; font-weight: 300; } .editor-styles-wrapper h1, .editor-post-title .editor-post-title__block textarea { font-size: 2.75em; } .editor-styles-wrapper h2 { font-size: 2.25em; } .editor-styles-wrapper h3 { font-size: 1.75em; } .editor-styles-wrapper h4 { font-size: 1.5em; } .editor-styles-wrapper h5 { font-size: 1.25em; } .editor-styles-wrapper h6 { font-size: 1.125em; } /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> A. General */ body { width: 100%; font-size: 100%; font-weight: normal; line-height: 1.5em; word-wrap: break-word; margin: 0; padding: 0; } /* ---------------- clear fixes ----------------------- */ .clearfix { clear: both; } .clearleft { clear: left; } .clearright {clear: right;} /* ---------------- basic paragraph ------------------- */ p { font-size: 1em; margin: 0; padding: 0.75em 0 0 0; line-height: 1.5em; } p:first-child { margin: 0; padding: 0; } /* ---------------- Misc HTML tags -------------------- */ address { font-size: 1em; font-style: italic; } /* .wp-block-quote is gutenberg */ blockquote.wp-block-quote, blockquote.wp-block-quote p { font-style: italic; margin-left: 1em; font-weight: 600; line-height: 1.5em; vertical-align: bottom; border: none; } /* .wp-block-quote is gutenberg */ blockquote.wp-block-quote p:before { font-family: FontAwesome; content:'\f10d'; font-size: 0.75em; line-height: 1.5em; padding: 0 0.5em 0 0; vertical-align: top; color: #7f7f7f; } /* gutenberg remove padding and border */ .wp-block-quote:not(.is-large):not(.is-style-large) { border-left: none; padding-left: inherit; } pre { margin: 1em 0 0 0; padding: 1em; font-size: 1em; border-radius: 10px; overflow-x: auto; } label { font-size: 1em; } code { font-size: 1em; } q { font-style: italic; } q:before, q:after { content:'"'; } /* ------------- unordered list ----------------------- */ ul { margin: 0 0 0 1.5em; padding: 0; line-height: 1.5em; } ul li { font-size: 1em; list-style: disc; list-style-position: outside; } ul li li { font-size: 1.0em; list-style: circle; list-style-position: outside; } ul li li li { font-size: 1.0em; list-style: square; list-style-position: outside; } /* -------------- special lists ----------------------- */ ul.recent-posts li { list-style: none; } /* -------------- ordered list ------------------------ */ ol { margin: 0 0 0 1.5em; padding: 0; line-height: 1.5em; } ol li { font-size: 1em; list-style: decimal; list-style-position: outside; } ol li li { font-size: 1em; list-style: lower-roman; list-style-position: outside; } ol li li li { font-size: 1em; list-style: decimal; list-style-position: outside; } /* -------------- ordered/unordered combo lists ------- */ ol ul li { list-style: disc; list-style-position: inside; } ol ul ul li { list-style: circle; list-style-position: inside; } ul ol li { list-style: decimal; list-style-position: inside; } ul ol ul li { list-style: circle; list-style-position: inside; } ul ul ol li { list-style: decimal; list-style-position: inside; } /* --------------definition list ---------------------- */ dt { margin: 0; padding: 0; font-size: 1em; font-weight: bold; } dl { margin: 0; padding: 0; font-size: 1.0em; } dd { margin-left: 1em; font-size: 1em; } /* ----- links default ------------------------------- */ /* ------ links default ------------------------------- */ a { transition: .5s ease; } a:link, a:active, a:visited, a:hover { text-decoration: none; } /* see gutenberg skin files */ /* ------------------table styles --------------------- */ .editor-block-list__block-edit table { border-collapse: collapse; border-spacing: 0; font-size: 1em; color: red; } thead { font-weight: bold; text-align: center; } th { padding: 0.625em; } tfoot { font-weight: bold; } tbody { text-align: left; } tr { padding: 0.625em; } td { padding: 0.625em; text-align: left; } /* ----------------------------------scroll to top ---- */ body .scrolltotop { padding: 8px 10px 10px 10px; font-size: 20px; display: none; position: fixed; bottom: 20px; right: 20px; border-radius: 3px; z-index: 999999; } body.sticky .scrolltotop { display: inline-block; } body.sticky .scrolltotop:hover { transition: .5s ease; } /* ---------------------------- animations -------------*/ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes searchHeightOn { from { height: 0; } to { height: 25px; } } @keyframes searchHeightOff { from { height: 25px; } to { height: 0; } } @keyframes menuDropDown { from { opacity: 0; } to { opacity: 1; } } @keyframes menuDropOut { from { opacity: 1; } to { opacity: 0; } } /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> J. Post Styles */ /* ---------------------------------------------------------------- General Post Styles */ /* ---------------- WordPress read-more */ .post-content-tf .read-more-wrap { width: 100%; float: left; margin: 10px 0 10px 0; text-align: left; } .read-more-wrap a.read-more { display: inline-block; margin: 10px 0 0 0; padding: 5px 35px 5px 35px; font-size: 1em; position: relative; opacity: 0.999; border-radius: 3px; overflow: hidden; transition: all 0.3s; } .read-more-wrap a.read-more:before { content: ''; width: 100%; top: 0%; height: 0; opacity: 0; position: absolute; left: 0; z-index: -1; transition: all 0.3s; } .read-more-wrap a.read-more:hover { cursor: pointer; } .read-more-wrap a.read-more:hover:before { height: 100%; opacity: 1; } .post-content-sf .read-more-wrap { width: 100%; float: left; margin: 5px 0 5px 0; text-align: right; } .post-content-sf .read-more-wrap a.read-more { margin: 5px 0 0 0; padding: 3px 15px 3px 15px; } .post-content-grid .read-more-wrap { width: 100%; float: left; margin: 5px 0 5px 0; text-align: right; font-size: .875em; } .post-content-grid .read-more-wrap a.read-more { margin: 5px 0 0 0; padding: 3px 15px 3px 15px; } /* --------- post image styling ------- */ img { max-width: 100%; height: auto; margin: 0; padding: 0; } img.border { max-width: 98%!important; height: auto!important; border-radius: 5px!important; padding: 0!important; margin-top: 0.625em!important; margin-bottom: 0.625em!important; } .image-post-feature { width: 100%; float: left; margin: 0; } .wp-caption { display: block; max-width: 100%; margin: 0.5em 0 0.5em 0; } .wp-caption.border { max-width: 98%!important; height: auto!important; border-radius: 5px!important; padding: 0!important; margin-top: 0.625em!important; margin-bottom: 0.625em!important; } .wp-caption img { max-width: 100%; height: auto; padding: 0; margin: 0; } .post-content .wp-caption p { margin: 0; padding: 0; } .wp-caption-text { text-align: center; margin: 0; padding: 0.25em; font-size: 1em; font-style: italic; } .wp-block-image .aligncenter img { margin: 0 auto 0 auto; } /* ---- WordPress alignment classes ---- */ .alignleft,.wp-caption.alignleft { float: left; margin: 0.5em 1em 0 0; padding: 0; } .alignright,.wp-caption.alignright { float: right; margin: 0.5em 0 0 1em; padding: 0; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignnone { margin-right: 1em; } img.wp-smiley { padding: 0; margin: 0; border: none; float: none; } /* ************************************************************* * icky Guttenberg Gallery styles * *************************************************************** */ ul.wp-block-gallery li { list-style-type: none; } .blocks-gallery-item figure:not(.is-selected):focus { outline: 0; } .blocks-gallery-item .is-selected, .blocks-gallery-item img:focus { outline: 4px solid #0085ba; } body.admin-color-sunrise .blocks-gallery-item .is-selected, body.admin-color-sunrise .blocks-gallery-item img:focus { outline: 4px solid #d1864a; } body.admin-color-ocean .blocks-gallery-item .is-selected, body.admin-color-ocean .blocks-gallery-item img:focus { outline: 4px solid #a3b9a2; } body.admin-color-midnight .blocks-gallery-item .is-selected, body.admin-color-midnight .blocks-gallery-item img:focus { outline: 4px solid #e14d43; } body.admin-color-ectoplasm .blocks-gallery-item .is-selected, body.admin-color-ectoplasm .blocks-gallery-item img:focus { outline: 4px solid #a7b656; } body.admin-color-coffee .blocks-gallery-item .is-selected, body.admin-color-coffee .blocks-gallery-item img:focus { outline: 4px solid #c2a68c; } body.admin-color-blue .blocks-gallery-item .is-selected, body.admin-color-blue .blocks-gallery-item img:focus { outline: 4px solid #82b4cb; } body.admin-color-light .blocks-gallery-item .is-selected, body.admin-color-light .blocks-gallery-item img:focus { outline: 4px solid #0085ba; } .blocks-gallery-item .is-transient img { opacity: .3; } .blocks-gallery-item .editor-rich-text { display: block; position: relative; bottom: inherit; width: 100%; max-height: inherit; overflow-y: auto; } .blocks-gallery-item .editor-rich-text figcaption:not([data-is-placeholder-visible=true]) { position: relative; overflow: hidden; } @supports ((position:-webkit-sticky) or (position:sticky)) { .blocks-gallery-item .is-selected .editor-rich-text { right: 0; left: 0; margin-top: -4px; } } .blocks-gallery-item .is-selected .editor-rich-text .editor-rich-text__inline-toolbar { top: 0; } .blocks-gallery-item .is-selected .editor-rich-text .editor-rich-text__tinymce { padding-top: 48px; } .blocks-gallery-item .components-button.block-library-gallery-add-item-button, .blocks-gallery-item .components-form-file-upload { width: 100%; height: 100%; } .blocks-gallery-item .components-button.block-library-gallery-add-item-button { display: flex; flex-direction: column; justify-content: center; box-shadow: none; border: none; border-radius: 0; min-height: 100px; } .blocks-gallery-item .components-button.block-library-gallery-add-item-button .dashicon { margin-top: 10px; } .blocks-gallery-item .components-button.block-library-gallery-add-item-button:focus, .blocks-gallery-item .components-button.block-library-gallery-add-item-button:hover { border: 1px solid #555d66; } .blocks-gallery-item .editor-rich-text .editor-rich-text__tinymce a { color: #000000; } .blocks-gallery-item .editor-rich-text .editor-rich-text__tinymce:focus a[data-mce-selected] { color: rgba(0, 0, 0, .2); } .block-library-gallery-item__inline-menu { padding: 2px; position: absolute; top: -2px; right: -2px; background-color: #0085ba; display: inline-flex; z-index: 20; } body.admin-color-sunrise .block-library-gallery-item__inline-menu { background-color: #d1864a; } body.admin-color-ocean .block-library-gallery-item__inline-menu { background-color: #a3b9a2; } body.admin-color-midnight .block-library-gallery-item__inline-menu { background-color: #e14d43; } body.admin-color-ectoplasm .block-library-gallery-item__inline-menu { background-color: #a7b656; } body.admin-color-coffee .block-library-gallery-item__inline-menu { background-color: #c2a68c; } body.admin-color-blue .block-library-gallery-item__inline-menu { background-color: #82b4cb; } body.admin-color-light .block-library-gallery-item__inline-menu { background-color: #0085ba; } .block-library-gallery-item__inline-menu .components-button { color: #fff; } .block-library-gallery-item__inline-menu .components-button:focus, .block-library-gallery-item__inline-menu .components-button:hover { color: #fff; } .blocks-gallery-item__remove { padding: 0; } .blocks-gallery-item__remove.components-button:focus { color: inherit; } .blocks-gallery-item .components-spinner { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: -9px; } .is-selected .wp-block-gallery .blocks-gallery-image:nth-last-child(2), .is-selected .wp-block-gallery .blocks-gallery-item:nth-last-child(2), .is-typing .wp-block-gallery .blocks-gallery-image:nth-last-child(2), .is-typing .wp-block-gallery .blocks-gallery-item:nth-last-child(2) { margin-right: 0; } .wp-block-gallery { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; /*display: block; width: 100%; float: left;*/ } .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { /*margin: 0 16px 16px 0; display: flex; flex-grow: 1; flex-direction: column; justify-content: center; position: relative;*/ flex-grow: 0; margin: 0; display: block; width: 100%; float: left; } .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure { /*margin: 0; height: 100%;*/ height: auto; } @supports ((position:-webkit-sticky) or (position:sticky)) { .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure { /*display: flex; align-items: flex-end; justify-content: flex-start;*/ display: block; /*float: left;*/ } } .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img { display: block; max-width: 100%; height: auto; } .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img { width: 100%; } @supports ((position:-webkit-sticky) or (position:sticky)) { .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img { width: auto; } } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { /*position: absolute; bottom: 0; width: 100%; max-height: 100%; overflow: auto; padding: 40px 10px 5px; color: #fff; text-align: center; font-size: 13px; background: linear-gradient(0deg, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .3) 60%, transparent);*/ display: block; float: left; clear: both; position: relative; width: 100%; padding: 0; margin:0; color: #000000; text-align: center; font-size: 13px; background: #ffffff; font-style: italic; } .wp-block-gallery .blocks-gallery-image figcaption img, .wp-block-gallery .blocks-gallery-item figcaption img { display: inline; } .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img { width: 100%; } @supports ((position:-webkit-sticky) or (position:sticky)) { .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img { /*height: 100%; flex: 1; -o-object-fit: cover; object-fit: cover;*/ height: auto; } } .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img { /*width: calc((100% - 16px)/ 2);*/ width: inherit; } /* ka new */ .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img { padding: 2px!important; border: 1px solid #e3e3e3!important; background-color: #ffffff!important; height: auto; /*width: calc(100% - 6px);*/ } .wp-block-gallery .blocks-gallery-image:nth-of-type(even), .wp-block-gallery .blocks-gallery-item:nth-of-type(even) { margin-right: 0; } .wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item { width: 100%; margin-right: 0; } @media (min-width:600px) { .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item { /*width: calc((100% - 5px * 2)/ 3); margin-right: 16px;*/ width: inherit; /* margin-right: 0 */ margin-right: inherit; } .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item { /*width: calc((100% - 16px * 3)/ 4); margin-right: 16px;*/ width: inherit; margin-right: inherit; } .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item { /*width: calc((100% - 16px * 4)/ 5); margin-right: 16px;*/ width: inherit; /* margin-right: 0 */ margin-right: inherit; } .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item { /*width: calc((100% - 16px * 5)/ 6); margin-right: 16px;*/ width: inherit; /* margin-right: 0 */ margin-right: inherit; } .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item { /*width: calc((100% - 16px * 6)/ 7); /*margin-right: 16px;*/ width: inherit; /* margin-right: 0 */ margin-right: inherit; } .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item { /*width: calc((100% - 16px * 7)/ 8); margin-right: 16px;*/ width: inherit; /* margin-right: 0 */ margin-right: inherit; } .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n) { /* margin-right: 0 */ margin-right: inherit; } .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n) { /* margin-right: 0 */ margin-right: inherit; } .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n) { /* margin-right: 0 */ margin-right: inherit; } .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n) { /* margin-right: 0 */ margin-right: inherit; } .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n) { /* margin-right: 0 */ margin-right: inherit; } .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n) { /* margin-right: 0 */ margin-right: inherit; } .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n) { /* margin-right: 0 */ margin-right: inherit; } .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) { /* margin-right: 0 */ margin-right: inherit; } } .wp-block-gallery.columns-1 .blocks-gallery-item, .wp-block-gallery.columns-1 .blocks-gallery-image { padding: 0 0 3px 0; width: 100%; } .wp-block-gallery.columns-1 figcaption { font-size: .875em; } .wp-block-gallery.columns-2 .blocks-gallery-item, .wp-block-gallery.columns-2 .blocks-gallery-image { padding: 2px 5px 2px 5px; width: calc(50% - 11px); } .wp-block-gallery.columns-2 figcaption { font-size: .875em; } .wp-block-gallery.columns-2 .blocks-gallery-item:nth-child(2n+3), .wp-block-gallery.columns-2 .blocks-gallery-image:nth-child(2n+3) { clear: both; } .wp-block-gallery.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image { padding: 2px 5px 2px 5px; width: calc(33.3333% - 11px); } .wp-block-gallery.columns-3 figcaption { font-size: .875em; } .wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(3n+4), .wp-block-gallery.columns-3 .blocks-gallery-image:nth-child(3n+4) { clear: both; } .wp-block-gallery.columns-4 .blocks-gallery-item, .wp-block-gallery.columns-4 .blocks-gallery-image { padding: 1px 4px 1px 4px; width: calc(25% - 9px); } .wp-block-gallery.columns-4 figcaption { font-size: .875em; } .wp-block-gallery.columns-4 .blocks-gallery-item:nth-child(4n+5), .wp-block-gallery.columns-4 .blocks-gallery-image:nth-child(4n+5) { clear: both; } .wp-block-gallery.columns-5 .blocks-gallery-item, .wp-block-gallery.columns-5 .blocks-gallery-image { padding: 1px 4px 1px 4px; width: calc(20% - 9px); } .wp-block-gallery.columns-5 figcaption { font-size: .75em; } .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(5n+6), .wp-block-gallery.columns-5 .blocks-gallery-image:nth-child(5n+6) { clear: both; } .wp-block-gallery.columns-6 .blocks-gallery-item, .wp-block-gallery.columns-6 .blocks-gallery-image { padding: 1px 4px 1px 4px; width: calc(16.6666% - 9px); } .wp-block-gallery.columns-6 figcaption { font-size: .75em; } .wp-block-gallery.columns-6 .blocks-gallery-item:nth-child(6n+7), .wp-block-gallery.columns-6 .blocks-gallery-image:nth-child(6n+7) { clear: both; } .wp-block-gallery.columns-7 .blocks-gallery-item, .wp-block-gallery.columns-7 .blocks-gallery-image { padding: 1px 4px 1px 4px; width: calc(14.2857% - 9px); } .wp-block-gallery.columns-7 figcaption { font-size: .625em; } .wp-block-gallery.columns-7 .blocks-gallery-item:nth-child(7n+8), .wp-block-gallery.columns-7 .blocks-gallery-image:nth-child(7n+8) { clear: both; } .wp-block-gallery.columns-8 .blocks-gallery-item, .wp-block-gallery.columns-8 .blocks-gallery-image { padding: 1px 4px 1px 4px; width: calc(12.5% - 9px); } .wp-block-gallery.columns-8 figcaption { font-size: .625em; } .wp-block-gallery.columns-8 .blocks-gallery-item:nth-child(8n+9), .wp-block-gallery.columns-8 .blocks-gallery-image:nth-child(8n+9) { clear: both; } .wp-block-gallery .blocks-gallery-image:last-child, .wp-block-gallery .blocks-gallery-item:last-child { /* margin-right: 0 */ margin-right: inherit; } .wp-block-gallery .blocks-gallery-item.has-add-item-button { width: 100%; } .wp-block-gallery.alignleft, .wp-block-gallery.alignright { max-width: 305px; width: 100%; } .wp-block-gallery.aligncenter, .wp-block-gallery.alignleft, .wp-block-gallery.alignright { display: flex; } .wp-block-gallery.aligncenter .blocks-gallery-item figure { justify-content: center; } @media (max-width:900px){ /* -----------------------------------Block Post Galleries - adjust to 6 column max -*/ .wp-block-gallery.columns-7 .blocks-gallery-item, .wp-block-gallery.columns-7 .blocks-gallery-image { padding: 1px 4px 1px 4px; width: calc(16.6666% - 9px); } .wp-block-gallery.columns-7 figcaption { font-size: .75em; } .wp-block-gallery.columns-7 .blocks-gallery-item:nth-child(7n+8), .wp-block-gallery.columns-7 .blocks-gallery-image:nth-child(7n+8) { clear: none; } .wp-block-gallery.columns-7 .blocks-gallery-item:nth-child(6n+7), .wp-block-gallery.columns-7 .blocks-gallery-image:nth-child(6n+7) { clear: both; } .wp-block-gallery.columns-8 .blocks-gallery-item, .wp-block-gallery.columns-8 .blocks-gallery-image { padding: 1px 4px 1px 4px; width: calc(16.6666% - 9px); } .wp-block-gallery.columns-8 figcaption { font-size: .75em; } .wp-block-gallery.columns-8 .blocks-gallery-item:nth-child(8n+9), .wp-block-gallery.columns-8 .blocks-gallery-image:nth-child(8n+9) { clear: none; } .wp-block-gallery.columns-8 .blocks-gallery-item:nth-child(6n+7), .wp-block-gallery.columns-8 .blocks-gallery-image:nth-child(6n+7) { clear: both; } } @media (max-width:700px){ /* ------------ Block Post Galleries - adjust to 4 column max -*/ .wp-block-gallery.columns-5 .blocks-gallery-item, .wp-block-gallery.columns-5 .blocks-gallery-image { padding: 1px 4px 1px 4px; width: calc(25% - 9px); } .wp-block-gallery.columns-5 figcaption { font-size: .875em; } .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(5n+6), .wp-block-gallery.columns-5 .blocks-gallery-image:nth-child(5n+6) { clear: none; } .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(4n+5), .wp-block-gallery.columns-5 .blocks-gallery-image:nth-child(4n+5) { clear: both; } .wp-block-gallery.columns-6 .blocks-gallery-item, .wp-block-gallery.columns-6 .blocks-gallery-image { padding: 1px 4px 1px 4px; width: calc(25% - 9px); } .wp-block-gallery.columns-6 figcaption { font-size: .875em; } .wp-block-gallery.columns-6 .blocks-gallery-item:nth-child(6n+7), .wp-block-gallery.columns-6 .blocks-gallery-image:nth-child(6n+7) { clear: none; } .wp-block-gallery.columns-6 .blocks-gallery-item:nth-child(4n+5), .wp-block-gallery.columns-6 .blocks-gallery-image:nth-child(4n+5) { clear: both; } .wp-block-gallery.columns-7 .blocks-gallery-item, .wp-block-gallery.columns-7 .blocks-gallery-image { padding: 1px 4px 1px 4px; width: calc(25% - 9px); } .wp-block-gallery.columns-7 figcaption { font-size: .875em; } .wp-block-gallery.columns-7 .blocks-gallery-item:nth-child(7n+8), .wp-block-gallery.columns-7 .blocks-gallery-image:nth-child(7n+8) { clear: none; } .wp-block-gallery.columns-7 .blocks-gallery-item:nth-child(6n+7), .wp-block-gallery.columns-7 .blocks-gallery-image:nth-child(6n+7) { clear: none; } .wp-block-gallery.columns-7 .blocks-gallery-item:nth-child(4n+5), .wp-block-gallery.columns-7 .blocks-gallery-image:nth-child(4n+5) { clear: both; } .wp-block-gallery.columns-8 .blocks-gallery-item, .wp-block-gallery.columns-8 .blocks-gallery-image { padding: 1px 4px 1px 4px; width: calc(25% - 9px); } .wp-block-gallery.columns-8 figcaption { font-size: .875em; } .wp-block-gallery.columns-8 .blocks-gallery-item:nth-child(8n+9), .wp-block-gallery.columns-8 .blocks-gallery-image:nth-child(8n+9) { clear: none; } .wp-block-gallery.columns-8 .blocks-gallery-item:nth-child(6n+7), .wp-block-gallery.columns-8 .blocks-gallery-image:nth-child(6n+7) { clear: none; } .wp-block-gallery.columns-8 .blocks-gallery-item:nth-child(4n+5), .wp-block-gallery.columns-8 .blocks-gallery-image:nth-child(4n+5) { clear: both; } } @media (max-width:480px) { /* ------------ Block Post Galleries - adjust to 2 column max - */ .wp-block-gallery.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image { padding: 2px 5px 2px 5px; width: calc(50% - 11px); } .wp-block-gallery.columns-3 figcaption { font-size: .875em; } .wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(3n+4), .wp-block-gallery.columns-3 .blocks-gallery-image:nth-child(3n+4) { clear: none; } .wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(2n+3), .wp-block-gallery.columns-3 .blocks-gallery-image:nth-child(2n+3) { clear: both; } .wp-block-gallery.columns-4 .blocks-gallery-item, .wp-block-gallery.columns-4 .blocks-gallery-image { padding: 2px 5px 2px 5px; width: calc(50% - 11px); } .wp-block-gallery.columns-4 figcaption { font-size: .875em; } .wp-block-gallery.columns-4 .blocks-gallery-item:nth-child(4n+5), .wp-block-gallery.columns-4 .blocks-gallery-image:nth-child(4n+5) { clear: none; } .wp-block-gallery.columns-4 .blocks-gallery-item:nth-child(2n+3), .wp-block-gallery.columns-4 .blocks-gallery-image:nth-child(2n+3) { clear: both; } .wp-block-gallery.columns-5 .blocks-gallery-item, .wp-block-gallery.columns-5 .blocks-gallery-image { padding: 2px 5px 2px 5px; width: calc(50% - 11px); } .wp-block-gallery.columns-5 figcaption { font-size: .875em; } .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(5n+6), .wp-block-gallery.columns-5 .blocks-gallery-image:nth-child(5n+6) { clear: none; } .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(4n+5), .wp-block-gallery.columns-5 .blocks-gallery-image:nth-child(4n+5) { clear: none; } .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(2n+3), .wp-block-gallery.columns-5 .blocks-gallery-image:nth-child(2n+3) { clear: both; } .wp-block-gallery.columns-6 .blocks-gallery-item, .wp-block-gallery.columns-6 .blocks-gallery-image { padding: 2px 5px 2px 5px; width: calc(50% - 11px); } .wp-block-gallery.columns-6 figcaption { font-size: .875em; } .wp-block-gallery.columns-6 .blocks-gallery-item:nth-child(6n+7), .wp-block-gallery.columns-6 .blocks-gallery-image:nth-child(6n+7) { clear: none; } .wp-block-gallery.columns-6 .blocks-gallery-item:nth-child(4n+5), .wp-block-gallery.columns-6 .blocks-gallery-image:nth-child(4n+5) { clear: none; } .wp-block-gallery.columns-6 .blocks-gallery-item:nth-child(2n+3), .wp-block-gallery.columns-6 .blocks-gallery-image:nth-child(2n+3) { clear: both; } .wp-block-gallery.columns-7 .blocks-gallery-item, .wp-block-gallery.columns-7 .blocks-gallery-image { padding: 2px 5px 2px 5px; width: calc(50% - 11px); } .wp-block-gallery.columns-7 figcaption { font-size: .875em; } .wp-block-gallery.columns-7 .blocks-gallery-item:nth-child(7n+8), .wp-block-gallery.columns-7 .blocks-gallery-image:nth-child(7n+8) { clear: none; } .wp-block-gallery.columns-7 .blocks-gallery-item:nth-child(6n+7), .wp-block-gallery.columns-7 .blocks-gallery-image:nth-child(6n+7) { clear: none; } .wp-block-gallery.columns-7 .blocks-gallery-item:nth-child(4n+5), .wp-block-gallery.columns-7 .blocks-gallery-image:nth-child(4n+5) { clear: none; } .wp-block-gallery.columns-7 .blocks-gallery-item:nth-child(2n+3), .wp-block-gallery.columns-7 .blocks-gallery-image:nth-child(2n+3) { clear: both; } .wp-block-gallery.columns-8 .blocks-gallery-item, .wp-block-gallery.columns-8 .blocks-gallery-image { padding: 2px 5px 2px 5px; width: calc(50% - 11px); } .wp-block-gallery.columns-8 figcaption { font-size: .875em; } .wp-block-gallery.columns-8 .blocks-gallery-item:nth-child(8n+9), .wp-block-gallery.columns-8 .blocks-gallery-image:nth-child(8n+9) { clear: none; } .wp-block-gallery.columns-8 .blocks-gallery-item:nth-child(6n+6), .wp-block-gallery.columns-8 .blocks-gallery-image:nth-child(6n+7) { clear: none; } .wp-block-gallery.columns-8 .blocks-gallery-item:nth-child(4n+5), .wp-block-gallery.columns-8 .blocks-gallery-image:nth-child(4n+5) { clear: none; } .wp-block-gallery.columns-8 .blocks-gallery-item:nth-child(2n+3), .wp-block-gallery.columns-8 .blocks-gallery-image:nth-child(2n+3) { clear: both; } }