/** * editor-style.css file for Theme, note uses default font and gray-pink styles * * @package Canuck WordPress Theme * @copyright Copyright (C) 2017-2019 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; } /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> A. General */ .edit-post-visual-editor .editor-block-list__block-edit, .edit-post-visual-editor .editor-block-list__block { /*font-family: 'Open Sans', sans-serif;*/ font-size: 100%; line-height: 1.5em; } body { width: 100%; font-size: 100%; /* all theme fonts are scaled from this size - 100% is 16px */ font-weight: normal; line-height: 1.5em; word-wrap: break-word; margin: 0; padding: 0; color: #474747; } .clearfix {clear: both;} .clearleft {clear: left;} .clearright {clear: right;} /* ---------------- Headers --------------------------- */ .wp-block-heading h1, .wp-block-heading h2, .wp-block-heading h3, .wp-block-heading h4, .wp-block-heading h5, .wp-block-heading 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-family: 'Open Sans', sans-serif;*/ font-weight: 300; } .wp-block-heading h1, .editor-post-title .editor-post-title__block textarea {font-size: 2.75em;} .wp-block-heading h2 {font-size: 2.25em;} .wp-block-heading h3 {font-size: 1.75em;} .wp-block-heading h4 {font-size: 1.5em;} .wp-block-heading h5 {font-size: 1.25em;} .wp-block-heading h6 {font-size: 1.125em;} /* ---------------- basic paragraph ------------- */ p { font-size: 1em; line-height: 1.5em!important; margin: 0; padding: 0.75em 0 0 0; } p:first-child { padding: 0; margin: 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 { /*font-family: */ border-radius: 10px; font-size: 1em; margin: 1em 0 0 0; padding: 1em; overflow-x: auto; border: solid 5px #474747; color: #474747; background: #e3e3e3; } label {font-size: 1em;} code { font-size: 1em; background: #e3e3e3; } q{font-style: italic;} q:before, q:after { content:'"'; } /* ---------------------------------- list defaults --------------- */ /* ------------- unordered ------------------- */ ul li { font-size: 1em; list-style-position: outside; line-height: 1.5em; margin: 0; } ul li li { font-size: 1.0em; list-style-position: outside; } ul li li li { font-size: 1.0em; list-style-position: outside; } /* --- special lists --- */ ul.recent-posts li { list-style: none; } /* ------------ ordered --------------------------- */ ol{ padding: 0; margin: 0 0 0 1.5em; line-height: 1.5em; } ol li { list-style: decimal; font-size: 1em; list-style-position: outside; line-height: 1.5em; margin: 0; } ol li li { list-style: lower-roman; font-size: 1em; list-style-position: outside; line-height: 1.5em; } ol li li li { list-style: decimal; font-size: 1em; list-style-position: outside; line-height: 1.5em; } /* -------------- 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 { font-size: 1em; margin-left: 1em; } /* ----- links default ------------------------------- */ /* 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; border: 1px solid #474747!important; background-color: #e3e3e3; } tfoot { font-weight: bold; background-color: #e3e3e3; } tbody { text-align: left; } tr { padding: 0.625em; } td { padding: 0.625em; text-align: left; } /* ----------------------------------scroll to top ---- */ body .scrolltotop { display: none; position: fixed; bottom: 20px; right: 20px; font-size: 20px; padding: 8px 10px 10px 10px; 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; } } @keyframes sidebarShowLeft { from { width: 0; } to { width: 80%; } } @keyframes sidebarShowRight { from { width: 0; } to { width: calc(80% - 20px); } } /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 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; } /* image border override */ 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; } /* ------- post feature images ------ */ .image-post-feature { width: 100%; float: left; margin: 0; } /* --------- captioned images --------- */ .wp-caption { display: block; max-width: 100%; margin: 0.5em 0 0.5em 0!important; padding: 0!important; } /* captioned image border override */ .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; } /* ---- 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: 0px; margin: 0px; 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 { /*position: absolute; bottom: 0; width: 100%; max-height: 100%; overflow-y: auto;*/ 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; /*right: inherit; left: inherit; margin-top: inherit;*/ } } .blocks-gallery-item .is-selected .editor-rich-text .editor-rich-text__inline-toolbar { top: 0; /*top: inherit;*/ } .blocks-gallery-item .is-selected .editor-rich-text .editor-rich-text__tinymce { padding-top: 48px; /*padding-top: inherit;*/ } .blocks-gallery-item .components-button.block-library-gallery-add-item-button, .blocks-gallery-item .components-form-file-upload { width: 100%; height: 100%; /*height: auto;*/ } .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: #fff;*/ 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; } }