/*
 Theme Name:   Colormag child theme for Mias Atelje
 Theme URI:    http://mbz.nu/colormag-child/
 Description:  Colormag child theme for Mias Atelje
 Author:       Matts Baaz
 Author URI:   http://mbz.nu
 Template:     colormag
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  colormag4miasatelje
*/


ul.blocks-gallery-grid { width: 100%; }
.blocks-gallery-item { max-height: 300px; }
.blocks-gallery-item__title { display: block; }
.blocks-gallery-item img { outline: 1px solid #fff; outline-offset: -6px; object-position: top; background-color: #eee; background-image: url(linen.gif); /*object-fit: scale-down !important;*/ }
.wp-block-gallery.columns-2 .blocks-gallery-item { max-width: calc((100% - 16px)/2); }
.wp-block-gallery.columns-3 .blocks-gallery-item { max-width: calc((100% - 32px)/3); }
.wp-block-gallery.columns-4 .blocks-gallery-item { max-width: calc((100% - 48px)/4); }
.wp-block-gallery.columns-5 .blocks-gallery-item { max-width: calc((100% - 64px)/5); }
.wp-block-gallery.columns-6 .blocks-gallery-item { max-width: calc((100% - 80px)/6); }
.wp-block-gallery.columns-7 .blocks-gallery-item { max-width: calc((100% - 96px)/7); }
.wp-block-gallery.columns-8 .blocks-gallery-item { max-width: calc((100% - 112px)/8); }
.wp-block-gallery.columns-9 .blocks-gallery-item { max-width: calc((100% - 128px)/9); }

.ma-columns2 .ma-image-link img { height: 396px; }

.front-page-top-section #content .post img { margin-bottom: 0; width: 100%; max-height: 300px; object-fit: fill; }

.ma-thumbnails img { max-width: 100%; height: 170px; object-fit: scale-down; object-position: center; size: landscape; width: 100%; background-color: #eee; background-image: url(linen.gif); }

.ma-postlist { padding: 0 !important; }
.ma-postlist .wp-block-latest-posts__featured-image { width: 228px; float: left; margin-right: 15px; }

.ma-image-link img { outline: 1px solid #fff; outline-offset: -6px; size: landscape; width: 100%; height: 300px; object-fit: cover; object-position: top; }
.ma-image-link figcaption { color:#ffffff; font-size:26px; text-transform: uppercase; text-align:center;  background-color: #289DCC; padding: 2px; margin-top: -2px; }

ul.ma-skip12 > li:nth-child(12) { display:none; }
ul.ma-skip11 > li:nth-child(11), ul.ma-skip12 > li:nth-child(11) { display:none; }
ul.ma-skip10 > li:nth-child(10), ul.ma-skip11 > li:nth-child(10), ul.ma-skip12 > li:nth-child(10) { display:none; }
ul.ma-skip9 > li:nth-child(9), ul.ma-skip10 > li:nth-child(9), ul.ma-skip11 > li:nth-child(9), ul.ma-skip12 > li:nth-child(9) { display:none; }
ul.ma-skip8 > li:nth-child(8), ul.ma-skip9 > li:nth-child(8), ul.ma-skip10 > li:nth-child(8), ul.ma-skip11 > li:nth-child(8), ul.ma-skip12 > li:nth-child(8) { display:none; }
ul.ma-skip7 > li:nth-child(7), ul.ma-skip8 > li:nth-child(7), ul.ma-skip9 > li:nth-child(7), ul.ma-skip10 > li:nth-child(7), ul.ma-skip11 > li:nth-child(7), ul.ma-skip12 > li:nth-child(7) { display:none; }
ul.ma-skip6 > li:nth-child(6), ul.ma-skip7 > li:nth-child(6), ul.ma-skip8 > li:nth-child(6), ul.ma-skip9 > li:nth-child(6), ul.ma-skip10 > li:nth-child(6), ul.ma-skip11 > li:nth-child(6), ul.ma-skip12 > li:nth-child(6) { display:none; }
ul.ma-skip5 > li:nth-child(5), ul.ma-skip6 > li:nth-child(5), ul.ma-skip7 > li:nth-child(5), ul.ma-skip8 > li:nth-child(5), ul.ma-skip9 > li:nth-child(5), ul.ma-skip10 > li:nth-child(5), ul.ma-skip11 > li:nth-child(5), ul.ma-skip12 > li:nth-child(5) { display:none; }
ul.ma-skip4 > li:nth-child(4), ul.ma-skip5 > li:nth-child(4), ul.ma-skip6 > li:nth-child(4), ul.ma-skip7 > li:nth-child(4), ul.ma-skip8 > li:nth-child(4), ul.ma-skip9 > li:nth-child(4), ul.ma-skip10 > li:nth-child(4), ul.ma-skip11 > li:nth-child(4), ul.ma-skip12 > li:nth-child(4) { display:none; }
ul.ma-skip3 > li:nth-child(3), ul.ma-skip4 > li:nth-child(3), ul.ma-skip5 > li:nth-child(3), ul.ma-skip6 > li:nth-child(3), ul.ma-skip7 > li:nth-child(3), ul.ma-skip8 > li:nth-child(3), ul.ma-skip9 > li:nth-child(3), ul.ma-skip10 > li:nth-child(3), ul.ma-skip11 > li:nth-child(3), ul.ma-skip12 > li:nth-child(3) { display:none; }
ul.ma-skip2 > li:nth-child(2), ul.ma-skip3 > li:nth-child(2), ul.ma-skip4 > li:nth-child(2), ul.ma-skip5 > li:nth-child(2), ul.ma-skip6 > li:nth-child(2), ul.ma-skip7 > li:nth-child(2), ul.ma-skip8 > li:nth-child(2), ul.ma-skip9 > li:nth-child(2), ul.ma-skip10 > li:nth-child(2), ul.ma-skip11 > li:nth-child(2), ul.ma-skip12 > li:nth-child(2) { display:none; }
ul.ma-skip1 > li:nth-child(1), ul.ma-skip2 > li:nth-child(1), ul.ma-skip3 > li:nth-child(1), ul.ma-skip4 > li:nth-child(1), ul.ma-skip5 > li:nth-child(1), ul.ma-skip6 > li:nth-child(1), ul.ma-skip7 > li:nth-child(1), ul.ma-skip8 > li:nth-child(1), ul.ma-skip9 > li:nth-child(1), ul.ma-skip10 > li:nth-child(1), ul.ma-skip11 > li:nth-child(1), ul.ma-skip12 > li:nth-child(1) { display:none; }