.mejs-offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs-container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs-container,.mejs-container *{box-sizing:border-box}.mejs-container video::-webkit-media-controls,.mejs-container video::-webkit-media-controls-panel,.mejs-container video::-webkit-media-controls-panel-container,.mejs-container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs-fill-container,.mejs-fill-container .mejs-container{height:100%;width:100%}.mejs-fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs-container:focus{outline:none}.mejs-iframe-overlay{height:100%;position:absolute;width:100%}.mejs-embed,.mejs-embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{height:100%!important;width:100%!important}.mejs-background,.mejs-mediaelement{left:0;position:absolute;top:0}.mejs-mediaelement{height:100%;width:100%;z-index:0}.mejs-poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs-poster-img{display:none}.mejs-poster-img{border:0;padding:0}.mejs-overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs-layer{z-index:1}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{background:url(//blogue.randoquebec.ca/wp-includes/js/mediaelement/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs-overlay:hover>.mejs-overlay-button{background-position:-80px -39px}.mejs-overlay-loading{height:80px;width:80px}.mejs-overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent url(//blogue.randoquebec.ca/wp-includes/js/mediaelement/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs-controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs-controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs-button,.mejs-time,.mejs-time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs-button>button{background:transparent url(//blogue.randoquebec.ca/wp-includes/js/mediaelement/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs-button>button:focus{outline:1px dotted #999}.mejs-container-keyboard-inactive [role=slider],.mejs-container-keyboard-inactive [role=slider]:focus,.mejs-container-keyboard-inactive a,.mejs-container-keyboard-inactive a:focus,.mejs-container-keyboard-inactive button,.mejs-container-keyboard-inactive button:focus{outline:0}.mejs-time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs-play>button{background-position:0 0}.mejs-pause>button{background-position:-20px 0}.mejs-replay>button{background-position:-160px 0}.mejs-time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs-time-buffering,.mejs-time-current,.mejs-time-float,.mejs-time-float-corner,.mejs-time-float-current,.mejs-time-hovered,.mejs-time-loaded,.mejs-time-marker,.mejs-time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs-time-total{background:hsla(0,0%,100%,.3);margin:5px 0 0;width:100%}.mejs-time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs-time-loaded{background:hsla(0,0%,100%,.3)}.mejs-time-current,.mejs-time-handle-content{background:hsla(0,0%,100%,.9)}.mejs-time-hovered{background:hsla(0,0%,100%,.5);z-index:10}.mejs-time-hovered.negative{background:rgba(0,0,0,.2)}.mejs-time-buffering,.mejs-time-current,.mejs-time-hovered,.mejs-time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs-time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs-time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs-time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs-time-handle,.mejs-time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs-time-handle-content{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs-time-rail .mejs-time-handle-content:active,.mejs-time-rail .mejs-time-handle-content:focus,.mejs-time-rail:hover .mejs-time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs-time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs-time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs-time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs-long-video .mejs-time-float{margin-left:-23px;width:64px}.mejs-long-video .mejs-time-float-current{width:60px}.mejs-broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs-fullscreen-button>button{background-position:-80px 0}.mejs-unfullscreen>button{background-position:-100px 0}.mejs-mute>button{background-position:-60px 0}.mejs-unmute>button{background-position:-40px 0}.mejs-volume-button{position:relative}.mejs-volume-button>.mejs-volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs-volume-button:hover{border-radius:0 0 4px 4px}.mejs-volume-total{background:hsla(0,0%,100%,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs-volume-current{left:0;margin:0;width:100%}.mejs-volume-current,.mejs-volume-handle{background:hsla(0,0%,100%,.9);position:absolute}.mejs-volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs-horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs-horizontal-volume-total{background:rgba(50,50,50,.8);height:8px;top:16px;width:50px}.mejs-horizontal-volume-current,.mejs-horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs-horizontal-volume-current{background:hsla(0,0%,100%,.8);height:100%;top:0;width:100%}.mejs-horizontal-volume-handle{display:none}.mejs-captions-button,.mejs-chapters-button{position:relative}.mejs-captions-button>button{background-position:-140px 0}.mejs-chapters-button>button{background-position:-180px 0}.mejs-captions-button>.mejs-captions-selector,.mejs-chapters-button>.mejs-chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs-chapters-button>.mejs-chapters-selector{margin-right:-55px;width:110px}.mejs-captions-selector-list,.mejs-chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs-captions-selector-list-item,.mejs-chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs-captions-selector-list-item:hover,.mejs-chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:hsla(0,0%,100%,.4)!important}.mejs-captions-selector-input,.mejs-chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs-captions-selector-label,.mejs-chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs-captions-selected,.mejs-chapters-selected{color:#21f8f8}.mejs-captions-translations{font-size:10px;margin:0 0 5px}.mejs-captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text,.mejs-captions-text *{background:hsla(0,0%,8%,.5);box-shadow:5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5);padding:0;white-space:pre-wrap}.mejs-container.mejs-hide-cues video::-webkit-media-text-track-container{display:none}.mejs-overlay-error{position:relative}.mejs-overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs-cannotplay,.mejs-cannotplay a{color:#fff;font-size:.8em}.mejs-cannotplay{position:relative}.mejs-cannotplay a,.mejs-cannotplay p{display:inline-block;padding:0 15px;width:100%}.mejs-container{clear:both;max-width:100%}.mejs-container *{font-family:Helvetica,Arial}.mejs-container,.mejs-container .mejs-controls,.mejs-embed,.mejs-embed body{background:#222}.mejs-time{font-weight:400;word-wrap:normal}.mejs-controls a.mejs-horizontal-volume-slider{display:table}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#fff}.mejs-controls .mejs-time-rail .mejs-time-current{background:#0073aa}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail .mejs-time-total{background:rgba(255,255,255,.33)}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail span{border-radius:0}.mejs-overlay-loading{background:0 0}.mejs-controls button:hover{border:none;-webkit-box-shadow:none;box-shadow:none}.me-cannotplay{width:auto!important}.media-embed-details .wp-audio-shortcode{display:inline-block;max-width:400px}.audio-details .embed-media-settings{overflow:visible}.media-embed-details .embed-media-settings .setting span:not(.button-group){max-width:400px;width:auto}.media-embed-details .embed-media-settings .checkbox-setting span{display:inline-block}.media-embed-details .embed-media-settings{padding-top:0;top:28px}.media-embed-details .instructions{padding:16px 0;max-width:600px}.media-embed-details .setting .remove-setting,.media-embed-details .setting p{color:#a00;font-size:10px;text-transform:uppercase}.media-embed-details .setting .remove-setting{padding:5px 0}.media-embed-details .setting a:hover{color:#dc3232}.media-embed-details .embed-media-settings .checkbox-setting{float:none;margin:0 0 10px}.wp-video{max-width:100%;height:auto}.wp_attachment_holder .wp-audio-shortcode,.wp_attachment_holder .wp-video{margin-top:18px}.wp-video-shortcode video,video.wp-video-shortcode{max-width:100%;display:inline-block}.video-details .wp-video-holder{width:100%;max-width:640px}.wp-playlist{border:1px solid #ccc;padding:10px;margin:12px 0 18px;font-size:14px;line-height:1.5}.wp-admin .wp-playlist{margin:0 0 18px}.wp-playlist video{display:inline-block;max-width:100%}.wp-playlist audio{display:none;max-width:100%;width:400px}.wp-playlist .mejs-container{margin:0;max-width:100%}.wp-playlist .mejs-controls .mejs-button button{outline:0}.wp-playlist-light{background:#fff;color:#000}.wp-playlist-dark{color:#fff;background:#000}.wp-playlist-caption{display:block;max-width:88%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.5}.wp-playlist-item .wp-playlist-caption{text-decoration:none;color:#000;max-width:-webkit-calc(100% - 40px);max-width:calc(100% - 40px)}.wp-playlist-item-meta{display:block;font-size:14px;line-height:1.5}.wp-playlist-item-title{font-size:14px;line-height:1.5}.wp-playlist-item-album{font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-playlist-item-artist{font-size:12px;text-transform:uppercase}.wp-playlist-item-length{position:absolute;right:3px;top:0;font-size:14px;line-height:1.5}.rtl .wp-playlist-item-length{left:3px;right:auto}.wp-playlist-tracks{margin-top:10px}.wp-playlist-item{position:relative;cursor:pointer;padding:0 3px;border-bottom:1px solid #ccc}.wp-playlist-item:last-child{border-bottom:0}.wp-playlist-light .wp-playlist-caption{color:#333}.wp-playlist-dark .wp-playlist-caption{color:#ddd}.wp-playlist-playing{font-weight:700;background:#f7f7f7}.wp-playlist-light .wp-playlist-playing{background:#fff;color:#000}.wp-playlist-dark .wp-playlist-playing{background:#000;color:#fff}.wp-playlist-current-item{overflow:hidden;margin-bottom:10px;height:60px}.wp-playlist .wp-playlist-current-item img{float:left;max-width:60px;height:auto;margin-right:10px;padding:0;border:0}.rtl .wp-playlist .wp-playlist-current-item img{float:right;margin-left:10px;margin-right:0}.wp-playlist-current-item .wp-playlist-item-artist,.wp-playlist-current-item .wp-playlist-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-audio-playlist .me-cannotplay span{padding:5px 15px}.cnvs-block-posts-sidebar .post-thumbnail {
overflow: initial;
}
.cnvs-block-posts-sidebar .post-thumbnail img {
width: 100%;
}
.cnvs-block-posts-sidebar.is-cnvs-block-rounded .post-thumbnail:before,
.cnvs-block-posts-sidebar.is-cnvs-block-rounded .post-thumbnail img,
.cnvs-block-posts-sidebar.is-cnvs-block-rounded .post-number {
border-radius: 50%;
}
.cnvs-block-posts-sidebar.is-cnvs-block-rounded .pk-lazyload.pk-lqip {
-webkit-clip-path: circle(50% at 50% 50%);
clip-path: circle(50% at 50% 50%);
} .cnvs-block-posts-sidebar-list .post-thumbnail {
width: 100%;
}
.cnvs-block-posts-sidebar-list > ul > li + li {
margin-top: 1rem;
}
.cnvs-block-posts-sidebar-list .post-outer {
display: flex;
}
.cnvs-block-posts-sidebar-list .post-inner:first-child {
flex: 0 0 105px;
width: 105px;
max-width: 105px;
padding-right: 15px;
}
.cnvs-block-posts-sidebar-list .post-inner:first-child a {
display: block;
width: 100%;
}
.cnvs-block-posts-sidebar-list .post-inner:first-child img {
width: 100%;
height: auto;
}
.cnvs-block-posts-sidebar-list .post-inner:last-child {
display: flex;
flex: 0 0 calc(100% - 105px);
flex-direction: column;
justify-content: center;
max-width: calc(100% - 105px);
flex-basis: calc(100% - 105px);
}
.cnvs-block-posts-sidebar-numbered .post-thumbnail {
display: block;
position: relative;
}
.cnvs-block-posts-sidebar-numbered .post-thumbnail:before {
opacity: 1;
}
.cnvs-block-posts-sidebar-numbered .post-number-wrap {
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
line-height: 1;
}
.cnvs-block-posts-sidebar-numbered .post-number {
display: inline-block;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
text-align: center;
transition: all 0.2s ease;
}
.cnvs-block-posts-sidebar-numbered .post-number span {
display: block;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
text-align: center;
transition: all 0.2s ease;
}
.cnvs-block-posts-sidebar-numbered .post-number span:first-child {
transform: translate(0);
}
.cnvs-block-posts-sidebar-numbered .post-number span:last-child {
position: absolute;
left: 50%;
transform: translateY(0%) translateX(-50%);
}
.cnvs-block-posts-sidebar-numbered .post-thumbnail:hover .post-number span:first-child {
transform: translateY(-100%);
}
.cnvs-block-posts-sidebar-numbered .post-thumbnail:hover .post-number span:last-child {
transform: translateY(-100%) translateX(-50%);
}
.cnvs-block-posts-sidebar-numbered > ul > li + li {
margin-top: 1rem;
}
.cnvs-block-posts-sidebar-numbered .post-outer {
display: flex;
}
.cnvs-block-posts-sidebar-numbered .post-inner:first-child {
flex: 0 0 105px;
width: 105px;
max-width: 105px;
padding-right: 15px;
}
.cnvs-block-posts-sidebar-numbered .post-inner:first-child a {
display: block;
width: 100%;
}
.cnvs-block-posts-sidebar-numbered .post-inner:first-child img {
width: 100%;
height: auto;
}
.cnvs-block-posts-sidebar-numbered .post-inner:last-child {
display: flex;
flex: 0 0 calc(100% - 105px);
flex-direction: column;
justify-content: center;
max-width: calc(100% - 105px);
flex-basis: calc(100% - 105px);
}
.cnvs-block-posts-sidebar-large .cnvs-post-item + .cnvs-post-item {
margin-top: 1.5rem;
}
.cnvs-block-posts-sidebar-large .post-inner + .post-inner {
margin-top: 1rem;
}
.cnvs-block-posts-sidebar-slider article {
position: relative;
margin-bottom: 0;
}
.cnvs-block-posts-sidebar-slider .ratio-landscape .overlay-media:after {
padding-bottom: 75%;
}
.cnvs-block-posts-sidebar-slider .cnvs-post-item:not(:first-child) {
margin-top: 0;
}
.cnvs-block-posts-sidebar-slider .cnvs-post-item {
display: none;
}
.cnvs-block-posts-sidebar-slider ul > .cnvs-post-item:first-child {
display: block;
}
.cnvs-block-posts-sidebar-slider .owl-item:first-child .cnvs-post-item,
.cnvs-block-posts-sidebar-slider .owl-loaded .owl-item .cnvs-post-item,
.cnvs-block-posts-sidebar-slider .owl-carousel {
display: block;
}.cnvs-block-twitter-layout-slider {
padding: 2rem;
text-align: center;
}
.cnvs-block-twitter-layout-slider .pk-twitter-wrap .pk-twitter-tweet {
margin-top: 0;
padding: 0;
}
.cnvs-block-twitter-layout-slider .pk-twitter-link {
margin-bottom: 0.5rem;
}
.cnvs-block-twitter-layout-slider .pk-twitter-time {
justify-content: center;
}
.cnvs-block-twitter-layout-slider .pk-twitter-label {
display: none;
}
.cnvs-block-twitter-layout-slider .pk-twitter-footer {
margin-top: 1rem;
}
.cnvs-block-twitter-layout-slider .pk-twitter-tweet {
display: none;
}
.cnvs-block-twitter-layout-slider .pk-twitter-tweet:before {
display: none;
}
.cnvs-block-twitter-layout-slider .pk-tweets > .pk-twitter-tweet:first-child {
display: block;
}
.cnvs-block-twitter-layout-slider .owl-slide:first-child .pk-twitter-tweet {
display: block;
}
.cnvs-block-twitter-layout-slider .owl-loaded .owl-slide .pk-twitter-tweet {
display: block;
}
.cnvs-block-twitter-layout-slider .owl-carousel {
display: block;
}.cs-block-tiles .post-outer {
height: 100%;
}
.cs-block-tiles .post-outer {
position: relative;
}
.cs-block-tiles .tiles-outer {
display: grid;
grid-gap: 1px;
grid-template-columns: 1fr;
grid-auto-rows: 1fr;
}
.cs-block-tiles .overlay-media {
transform: translate3d(0, 0, 0);
}
.cs-block-tiles .overlay-inner {
position: initial;
}
.cs-block-tiles article:not(:first-child) {
margin-top: 0;
}
@media (min-width: 760px) {
.cs-block-tiles .post-inner > *:last-child {
margin-bottom: 0;
}
.cs-block-tiles .tiles-outer {
grid-auto-rows: initial;
}
.cs-block-tiles article:nth-child(1) {
grid-area: tile1;
}
.cs-block-tiles article:nth-child(2) {
grid-area: tile2;
}
.cs-block-tiles article:nth-child(3) {
grid-area: tile3;
}
.cs-block-tiles article:nth-child(4) {
grid-area: tile4;
}
.cs-block-tiles article:nth-child(5) {
grid-area: tile5;
}
}
.entry-content > .cnvs-block-posts[class*='pk-block-posts-layout-tiles'] {
width: 100vw;
max-width: none;
margin-left: calc(100% / 2 - 100vw / 2);
}
.entry-content > .cnvs-block-section-layout-align-full:first-child .cnvs-block-posts[class*='pk-block-posts-layout-tiles']:first-child {
padding-top: 1px;
} @media (min-width: 760px) {
.cs-block-tiles.tiles-1 .tiles-outer {
grid-template-areas: 'tile1 tile2';
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 760px) {
.cs-block-tiles.tiles-2 .tiles-outer {
grid-template-areas: 'tile1 tile1' 'tile2 tile3';
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1020px) {
.cs-block-tiles.tiles-2 .tiles-outer {
grid-template-areas: 'tile1 tile2 tile3';
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (min-width: 760px) {
.cs-block-tiles.tiles-3 .tiles-outer {
grid-template-areas: 'tile1 tile2';
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1020px) {
.cs-block-tiles.tiles-3 .tiles-outer {
grid-template-areas: 'tile1 tile1 tile2';
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (min-width: 760px) {
.cs-block-tiles.tiles-4 .tiles-outer {
grid-template-areas: 'tile1 tile1' 'tile2 tile3';
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1020px) {
.cs-block-tiles.tiles-4 .tiles-outer {
grid-template-areas: 'tile1 tile1 tile2' 'tile1 tile1 tile3';
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (min-width: 760px) {
.cs-block-tiles.tiles-5 .tiles-outer {
grid-template-areas: 'tile1 tile1' 'tile2 tile3';
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1020px) {
.cs-block-tiles.tiles-5 .tiles-outer {
grid-template-areas: 'tile1 tile1 tile2 tile2' 'tile1 tile1 tile3 tile3';
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media (min-width: 760px) {
.cs-block-tiles.tiles-6 .tiles-outer {
grid-template-areas: 'tile1 tile1' 'tile2 tile3' 'tile4 tile5';
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1020px) {
.cs-block-tiles.tiles-6 .tiles-outer {
grid-template-areas: 'tile1 tile1 tile2' 'tile3 tile4 tile5';
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (min-width: 760px) {
.cs-block-tiles.tiles-7 .tiles-outer {
grid-template-areas: 'tile1 tile1' 'tile2 tile3' 'tile4 tile5';
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1020px) {
.cs-block-tiles.tiles-7 .tiles-outer {
grid-template-areas: 'tile1 tile1 tile2 tile3' 'tile1 tile1 tile4 tile5';
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media (min-width: 760px) {
.cs-block-tiles.tiles-8 .tiles-outer {
grid-template-areas: 'tile1 tile1' 'tile2 tile3' 'tile4 tile5';
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1020px) {
.cs-block-tiles.tiles-8 .tiles-outer {
grid-template-areas: 'tile2 tile1 tile1 tile3' 'tile4 tile1 tile1 tile5';
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media (min-width: 760px) {
.cs-block-tiles.tiles-9 .tiles-outer {
grid-template-columns: repeat(2, 1fr);
}
.cs-block-tiles.tiles-9 article:nth-child(-n+8) {
grid-area: initial;
}
}
@media (min-width: 1020px) {
.cs-block-tiles.tiles-9 .tiles-outer {
grid-template-columns: repeat(4, 1fr);
}
}.cs-block-horizontal-tiles .post-outer {
height: 100%;
}
.cs-block-horizontal-tiles .post-outer {
position: relative;
}
.cs-block-horizontal-tiles .horizontal-tiles-outer {
display: grid;
grid-gap: 1px;
grid-template-columns: 1fr;
grid-auto-rows: 1fr;
}
.cs-block-horizontal-tiles .overlay-media {
transform: translate3d(0, 0, 0);
}
.cs-block-horizontal-tiles .overlay-inner {
position: initial;
}
.cs-block-horizontal-tiles article:not(:first-child) {
margin-top: 0;
}
.cs-block-horizontal-tiles .entry-title {
margin: 0 0 1rem;
}
.cs-block-horizontal-tiles .entry-title a {
display: block;
}
.cs-block-horizontal-tiles .post-meta {
margin-bottom: 1rem;
}
.cs-block-horizontal-tiles .post-more {
margin-top: 1.5rem;
}
.cs-block-horizontal-tiles .post-more a {
line-height: initial;
}
@media (min-width: 1120px) {
.cs-block-horizontal-tiles .post-inner > *:last-child {
margin-bottom: 0;
}
.cs-block-horizontal-tiles .horizontal-tiles-outer {
grid-auto-rows: initial;
}
.cs-block-horizontal-tiles article:nth-child(1) {
grid-area: tile1;
}
.cs-block-horizontal-tiles article:nth-child(2) {
grid-area: tile2;
}
.cs-block-horizontal-tiles article:nth-child(3) {
grid-area: tile3;
}
.cs-block-horizontal-tiles article:nth-child(4) {
grid-area: tile4;
}
.cs-block-horizontal-tiles article:nth-child(5) {
grid-area: tile5;
}
}
.entry-content > .cnvs-block-posts[class*='pk-block-posts-layout-horizontal-tiles'] {
width: 100vw;
max-width: none;
margin-left: calc(100% / 2 - 100vw / 2);
}
.entry-content > .cnvs-block-section-layout-align-full:first-child .cnvs-block-posts[class*='pk-block-posts-layout-horizontal-tiles']:first-child {
padding-top: 1px;
} @media (min-width: 1120px) {
.cs-block-horizontal-tiles.horizontal-tiles-1 .horizontal-tiles-outer {
grid-template-areas: 'tile1 tile2 tile3';
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (min-width: 1920px) {
.cs-block-horizontal-tiles.horizontal-tiles-1 .horizontal-tiles-outer {
grid-template-areas: 'tile1 tile1 tile2 tile3';
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
.cs-breakpoint-up-1920px .cs-block-horizontal-tiles.horizontal-tiles-1 .horizontal-tiles-outer {
grid-template-areas: 'tile1 tile1 tile2 tile3';
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (min-width: 1120px) {
.cs-block-horizontal-tiles.horizontal-tiles-2 .horizontal-tiles-outer {
grid-template-areas: 'tile1 tile1 tile2 tile3' 'tile1 tile1 tile4 tile4';
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media (min-width: 1920px) {
.cs-block-horizontal-tiles.horizontal-tiles-2 .horizontal-tiles-outer {
grid-template-areas: 'tile1 tile1 tile1 tile2 tile3 tile4';
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
}
.cs-breakpoint-up-1920px .cs-block-horizontal-tiles.horizontal-tiles-2 .horizontal-tiles-outer {
grid-template-areas: 'tile1 tile1 tile1 tile2 tile3 tile4';
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
@media (min-width: 1120px) {
.cs-block-horizontal-tiles.horizontal-tiles-3 .horizontal-tiles-outer {
grid-template-areas: 'tile1 tile1 tile2 tile3' 'tile1 tile1 tile4 tile5';
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media (min-width: 1920px) {
.cs-block-horizontal-tiles.horizontal-tiles-3 .horizontal-tiles-outer {
grid-template-areas: 'tile1 tile1 tile1 tile2 tile3 tile4 tile5';
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
}
.cs-breakpoint-up-1920px .cs-block-horizontal-tiles.horizontal-tiles-3 .horizontal-tiles-outer {
grid-template-areas: 'tile1 tile1 tile1 tile2 tile3 tile4 tile5';
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}.cs-block-full {
position: relative;
}
.cs-block-full .post-outer {
height: 100%;
}
.cs-block-full .overlay-media {
transform: translate3d(0, 0, 0);
}
.cs-block-full .overlay-inner {
position: initial;
}
.cs-block-full article:not(:first-child) {
margin-top: 0;
}
.entry-content > .cnvs-block-posts[class*='pk-block-posts-layout-full'] {
width: 100vw;
max-width: none;
margin-left: calc(100% / 2 - 100vw / 2);
} .cs-block-full.full-1 .full-outer {
display: flex;
flex-direction: column;
align-items: initial;
justify-content: initial;
padding: 40px 0;
}
.cs-block-full.full-1 .full-outer .overlay-inner {
width: 100%;
padding: 0;
text-align: left;
}
.cs-block-full.full-1 .full-inner:nth-child(1) {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
.cs-block-full.full-1 .full-inner:nth-child(2) {
margin-top: 2rem;
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
@media (min-width: 1020px) {
.cs-block-full.full-1 .full-outer {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
}
.cs-block-full.full-1 .full-inner:nth-child(1) {
flex: 0 0 calc(100% - 400px);
}
.cs-block-full.full-1 .full-inner:nth-child(2) {
margin-top: 0;
flex: 0 0 320px;
}
}
.cs-block-full.full-1 .full-inner:nth-child(2) .post-thumbnail a {
position: absolute;
}
.cs-block-full.full-1 .full-inner:nth-child(2) .overlay-inner + .overlay-inner {
margin-top: 0;
}
.cs-block-full.full-1 .full-inner:nth-child(2) article + article {
margin-top: 2rem;
}
.cs-block-full.full-1 .full-inner:nth-child(2) article .post-outer {
display: flex;
justify-content: space-between;
}
.cs-block-full.full-1 .full-inner:nth-child(2) article .post-outer .overlay-inner {
margin-top: 0;
flex: 0 0 100%;
width: 100%;
}
.cs-block-full.full-1 .full-inner:nth-child(2) article .post-outer .overlay-inner:last-child {
display: flex;
flex-direction: column;
justify-content: center;
}
.cs-block-full.full-1 .full-inner:nth-child(2) article .post-outer .overlay-inner:first-child:not(:last-child) {
flex: 0 0 80px;
width: 80px;
}
.cs-block-full.full-1 .full-inner:nth-child(2) article .post-outer .overlay-inner + .overlay-inner {
flex: 0 0 calc(100% - 80px - 1rem);
width: calc(100% - 80px - 1rem);
}
.cs-block-full.full-1 .full-inner:nth-child(2) article .post-outer .post-meta {
margin-bottom: 0;
}
.cs-block-full.full-2 .full-outer {
display: flex;
flex-direction: column;
align-items: initial;
justify-content: initial;
padding: 40px 0;
}
.cs-block-full.full-2 .full-outer .overlay-inner {
width: 100%;
padding: 0;
text-align: left;
}
.cs-block-full.full-2 .full-inner:nth-child(1) {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
.cs-block-full.full-2 .full-inner:nth-child(2) {
margin-top: 2rem;
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
@media (min-width: 1020px) {
.cs-block-full.full-2 .full-outer {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
}
.cs-block-full.full-2 .full-inner:nth-child(1) {
order: 2;
flex: 0 0 calc(100% - 400px);
}
.cs-block-full.full-2 .full-inner:nth-child(2) {
order: 1;
margin-top: 0;
flex: 0 0 320px;
}
}
.cs-block-full.full-2 .full-inner:nth-child(2) .post-thumbnail a {
position: absolute;
}
.cs-block-full.full-2 .full-inner:nth-child(2) .overlay-inner + .overlay-inner {
margin-top: 0;
}
.cs-block-full.full-2 .full-inner:nth-child(2) article + article {
margin-top: 2rem;
}
.cs-block-full.full-2 .full-inner:nth-child(2) article .post-outer {
display: flex;
justify-content: space-between;
}
.cs-block-full.full-2 .full-inner:nth-child(2) article .post-outer .overlay-inner {
margin-top: 0;
flex: 0 0 100%;
width: 100%;
}
.cs-block-full.full-2 .full-inner:nth-child(2) article .post-outer .overlay-inner:last-child {
display: flex;
flex-direction: column;
justify-content: center;
}
.cs-block-full.full-2 .full-inner:nth-child(2) article .post-outer .overlay-inner:first-child:not(:last-child) {
flex: 0 0 80px;
width: 80px;
}
.cs-block-full.full-2 .full-inner:nth-child(2) article .post-outer .overlay-inner + .overlay-inner {
flex: 0 0 calc(100% - 80px - 1rem);
width: calc(100% - 80px - 1rem);
}
.cs-block-full.full-2 .full-inner:nth-child(2) article .post-outer .post-meta {
margin-bottom: 0;
}.cs-block-slider-container {
overflow: hidden;
}
.cs-block-section-slider .cs-block-slider-featured:not(.cs-block-slider-large):not(.cs-block-slider-multiple) .owl-carousel {
display: block;
}
.cs-block-slider-featured {
position: relative;
}
.cs-block-slider-featured .owl-carousel {
display: block;
}
.cs-block-slider-featured .owl-dot span {
background: rgba(255, 255, 255, 0.5);
}
.cs-block-slider-featured .owl-dot.active span {
background: white;
} .cs-block-slider-center {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 760px) {
.cs-block-slider-center {
width: 100%;
padding: 0;
}
}
.cs-block-slider-center article {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1240px) {
.cs-block-slider-center article {
width: 1160px;
}
}
.cs-block-slider-center .overlay-inner {
max-width: 680px;
}
@media (min-width: 1120px) {
.cs-block-slider-center .overlay-inner {
padding: 3rem;
}
}
.cs-block-slider-center .owl-dots {
z-index: 1;
bottom: 2rem;
}
@media (min-width: 1240px) {
.cs-block-section-slider-center .owl-arrows .owl-prev,
.cs-block-section-slider-center .owl-arrows .owl-next {
transform: none !important;
background: transparent;
position: absolute;
z-index: 3;
top: 0;
bottom: 0;
}
.cs-block-section-slider-center .owl-arrows .owl-prev {
left: 0;
cursor: pointer;
cursor: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU3LjEgKDgzMDg4KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5hcnJvdy1sZWZ0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkxvZ29zIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDU0LjAwMDAwMCwgLTE4MjkuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9ImFycm93LWxlZnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0NjcuMDAwMDAwLCAxODM3LjAwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMTQ2Ny4wMDAwMDAsIC0xODM3LjAwMDAwMCkgdHJhbnNsYXRlKDE0NTQuMDAwMDAwLCAxODI5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIHBvaW50cz0iMjIuMTcyIDcgMTYuODA4IDEuNjM2IDE4LjIyMiAwLjIyMiAyNiA4IDE4LjIyMiAxNS43NzggMTYuODA4IDE0LjM2NCAyMi4xNzIgOSAyLjEyODg1MjY1ZS0xNCA5IDIuMTI4ODUyNjVlLTE0IDciPjwvcG9seWdvbj4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") 16 16, pointer !important;
cursor: -webkit-image-set(url(//blogue.randoquebec.ca/wp-content/themes/authentic/images/cursor-prev.png) 1x, url(//blogue.randoquebec.ca/wp-content/themes/authentic/images/cursor-prev@2x.png) 2x) 0 0, pointer;
}
.cs-block-section-slider-center .owl-arrows .owl-next {
right: 0;
cursor: pointer;
cursor: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU3LjEgKDgzMDg4KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5hcnJvdy1yaWdodDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJMb2dvcyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFydGJvYXJkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQ1NC4wMDAwMDAsIC0xODU0LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJhcnJvdy1yaWdodCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQ1NC4wMDAwMDAsIDE4NTQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aCIgcG9pbnRzPSIyMi4xNzIgNyAxNi44MDggMS42MzYgMTguMjIyIDAuMjIyIDI2IDggMTguMjIyIDE1Ljc3OCAxNi44MDggMTQuMzY0IDIyLjE3MiA5IDIuMTI4ODUyNjVlLTE0IDkgMi4xMjg4NTI2NWUtMTQgNyI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") 16 16, pointer !important;
cursor: -webkit-image-set(url(//blogue.randoquebec.ca/wp-content/themes/authentic/images/cursor-next.png) 1x, url(//blogue.randoquebec.ca/wp-content/themes/authentic/images/cursor-next@2x.png) 2x) 0 0, pointer;
}
} .style-align-center .cs-block-slider-center .owl-dots {
left: 50%;
transform: translate3d(-50%, 0, 0);
} .style-align-left .cs-block-slider-center .owl-dots {
right: 2rem;
}
.style-align-left .cs-block-slider-boxed .owl-arrows {
display: none;
}
@media (min-width: 1440px) {
.container-wide .cs-block-slider-center article {
width: 1360px;
}
}
@media (min-width: 1640px) {
.container-wide .cs-block-slider-center article {
width: 1560px;
}
}
.cs-block-slider-multiple .owl-prev,
.cs-block-slider-multiple .owl-next {
width: 90px;
}
@media (min-width: 1120px) {
.cs-block-slider-multiple .owl-dots {
display: none;
}
}
@media (min-width: 1240px) {
.cs-block-section-slider-multiple .owl-arrows .owl-prev,
.cs-block-section-slider-multiple .owl-arrows .owl-next {
transform: none !important;
background: transparent;
position: absolute;
z-index: 3;
top: 0;
bottom: 0;
}
.cs-block-section-slider-multiple .owl-arrows .owl-prev {
left: 0;
cursor: pointer;
cursor: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU3LjEgKDgzMDg4KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5hcnJvdy1sZWZ0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkxvZ29zIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDU0LjAwMDAwMCwgLTE4MjkuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9ImFycm93LWxlZnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0NjcuMDAwMDAwLCAxODM3LjAwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMTQ2Ny4wMDAwMDAsIC0xODM3LjAwMDAwMCkgdHJhbnNsYXRlKDE0NTQuMDAwMDAwLCAxODI5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIHBvaW50cz0iMjIuMTcyIDcgMTYuODA4IDEuNjM2IDE4LjIyMiAwLjIyMiAyNiA4IDE4LjIyMiAxNS43NzggMTYuODA4IDE0LjM2NCAyMi4xNzIgOSAyLjEyODg1MjY1ZS0xNCA5IDIuMTI4ODUyNjVlLTE0IDciPjwvcG9seWdvbj4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") 16 16, pointer !important;
cursor: -webkit-image-set(url(//blogue.randoquebec.ca/wp-content/themes/authentic/images/cursor-prev.png) 1x, url(//blogue.randoquebec.ca/wp-content/themes/authentic/images/cursor-prev@2x.png) 2x) 0 0, pointer;
}
.cs-block-section-slider-multiple .owl-arrows .owl-next {
right: 0;
cursor: pointer;
cursor: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU3LjEgKDgzMDg4KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5hcnJvdy1yaWdodDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJMb2dvcyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFydGJvYXJkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQ1NC4wMDAwMDAsIC0xODU0LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJhcnJvdy1yaWdodCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQ1NC4wMDAwMDAsIDE4NTQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aCIgcG9pbnRzPSIyMi4xNzIgNyAxNi44MDggMS42MzYgMTguMjIyIDAuMjIyIDI2IDggMTguMjIyIDE1Ljc3OCAxNi44MDggMTQuMzY0IDIyLjE3MiA5IDIuMTI4ODUyNjVlLTE0IDkgMi4xMjg4NTI2NWUtMTQgNyI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") 16 16, pointer !important;
cursor: -webkit-image-set(url(//blogue.randoquebec.ca/wp-content/themes/authentic/images/cursor-next.png) 1x, url(//blogue.randoquebec.ca/wp-content/themes/authentic/images/cursor-next@2x.png) 2x) 0 0, pointer;
}
}
.cs-block-slider-boxed {
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0 20px;
}
@media (min-width: 760px) {
.cs-block-slider-boxed {
width: 680px;
padding: 0;
}
}
@media (min-width: 1020px) {
.cs-block-slider-boxed {
width: 960px;
}
}
@media (min-width: 1120px) {
.cs-block-slider-boxed {
width: 1040px;
}
}
@media (min-width: 1240px) {
.cs-block-slider-boxed {
width: 1160px;
}
}
.cs-block-slider-boxed .overlay-inner {
max-width: 680px;
}
@media (min-width: 1120px) {
.cs-block-slider-boxed .overlay-inner {
padding: 3rem;
}
}
.cs-block-slider-boxed .owl-dots {
position: absolute;
z-index: 1;
bottom: 2rem;
} .style-align-center .cs-block-slider-boxed .owl-dots {
left: 50%;
transform: translate3d(-50%, 0, 0);
} .style-align-left .cs-block-slider-boxed .owl-dots {
right: 2rem;
}
.style-align-left .cs-block-slider-boxed .owl-arrows {
display: none;
}
@media (min-width: 1440px) {
.container-wide .cs-block-slider-boxed {
width: 1360px;
}
}
@media (min-width: 1640px) {
.container-wide .cs-block-slider-boxed {
width: 1560px;
}
}
.cs-block-slider-wide {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1120px) {
.cs-block-slider-wide .overlay-inner {
padding: 3rem;
}
}
.cs-block-slider-wide .owl-dots {
position: absolute;
z-index: 1;
bottom: 2rem;
} .style-align-center .cs-block-slider-wide .owl-dots {
left: 50%;
transform: translate3d(-50%, 0, 0);
} .style-align-left .cs-block-slider-wide .owl-dots {
right: 2rem;
}
.style-align-left .cs-block-slider-wide .owl-arrows {
display: none;
}
.cs-block-section-slider-large {
margin-top: 0;
}
.cs-block-section-slider-large .owl-carousel:not(.owl-loaded) article:nth-child(n+2) {
display: none;
}
.cs-block-slider-large {
width: 100%;
}
.cs-block-slider-large .overlay-outer {
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
min-height: 100vh;
}
@media (min-width: 760px) {
.cs-block-slider-large .overlay-outer {
max-width: 720px;
}
}
@media (min-width: 1020px) {
.cs-block-slider-large .overlay-outer {
max-width: 1000px;
}
}
@media (min-width: 1120px) {
.cs-block-slider-large .overlay-outer {
max-width: 1080px;
}
}
@media (min-width: 1240px) {
.cs-block-slider-large .overlay-outer {
max-width: 1200px;
}
}
.cs-block-slider-large .overlay-inner {
max-width: 800px;
padding-left: 0 !important;
padding-right: 0 !important;
}
@media (min-width: 1240px) {
.cs-block-slider-large .post-inner {
padding-right: 215px;
}
}
@media (min-width: 1440px) {
.container-wide .cs-block-slider-large .overlay-outer {
max-width: 1400px;
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 1640px) {
.container-wide .cs-block-slider-large .overlay-outer {
max-width: 1600px;
padding-right: 20px;
padding-left: 20px;
}
}
@media (min-width: 1120px) {
.cs-block-slider-large .overlay-inner {
padding: 3rem;
}
}
.cs-block-slider-large .owl-dots {
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
position: relative;
z-index: 1;
bottom: 3rem;
left: auto;
height: 0;
transform: none;
}
@media (min-width: 760px) {
.cs-block-slider-large .owl-dots {
max-width: 720px;
}
}
@media (min-width: 1020px) {
.cs-block-slider-large .owl-dots {
max-width: 1000px;
}
}
@media (min-width: 1120px) {
.cs-block-slider-large .owl-dots {
max-width: 1080px;
}
}
@media (min-width: 1240px) {
.cs-block-slider-large .owl-dots {
max-width: 1200px;
}
} @media (min-width: 1240px) {
.style-align-center .cs-block-slider-large .post-inner {
padding-left: 215px;
}
}
.style-align-center .cs-block-slider-large .owl-dots {
text-align: center;
} .style-align-left .cs-block-slider-large .owl-dots {
text-align: right;
}
.entry-content .cnvs-block-section-layout-align-full:first-child .cnvs-block-posts-layout-slider-large:first-child .cs-block-slider-large {
margin-top: calc(var(--large-sm-margin-top, 0) + -3rem);
}
.entry-content .cnvs-block-section-layout-align-full:first-child .cnvs-block-posts-layout-slider-large:first-child .cs-block-slider-large .overlay-outer {
padding-top: calc(var(--large-sm-padding-top, 0) + 3rem);
}
@media (min-width: 1120px) {
.entry-content .cnvs-block-section-layout-align-full:first-child .cnvs-block-posts-layout-slider-large:first-child .cs-block-slider-large {
margin-top: calc(var(--large-lg-margin-top, 0) + -3rem);
}
.entry-content .cnvs-block-section-layout-align-full:first-child .cnvs-block-posts-layout-slider-large:first-child .cs-block-slider-large .overlay-outer {
padding-top: calc(var(--large-sm-padding-top, 0) + 3rem);
}
}.cs-block-carousel {
text-align: center;
}
.cs-block-carousel article:not(:first-child) {
margin-top: 0;
}
.cs-block-carousel article > *:last-child {
margin-bottom: 0;
}
.cs-block-carousel .post-thumbnail {
margin-bottom: 2rem;
}
.cs-block-carousel .slider-loop .owl-carousel {
display: block;
}
.cs-block-carousel .slider-loop .owl-dots {
margin-top: 1rem;
}
.cs-block-carousel .slider-loop .owl-carousel:not(.owl-loaded) {
display: flex;
}
.cs-block-carousel .slider-loop .owl-carousel:not(.owl-loaded) article {
flex: 1;
}
@media (max-width: 759px) {
.cs-block-carousel .slider-loop .owl-carousel:not(.owl-loaded) article:nth-child(n+2) {
display: none;
}
}
@media (min-width: 760px) and (max-width: 1019px) {
.cs-block-carousel .slider-loop .owl-carousel:not(.owl-loaded) article {
margin-left: 40px;
}
.cs-block-carousel .slider-loop .owl-carousel:not(.owl-loaded) article:first-child {
margin-left: 0;
}
.cs-block-carousel .slider-loop .owl-carousel:not(.owl-loaded) article:nth-child(n+3) {
display: none;
}
}
@media (min-width: 1020px) and (max-width: 1119px) {
.cs-block-carousel .slider-loop .owl-carousel:not(.owl-loaded) article {
margin-left: 30px;
}
.cs-block-carousel .slider-loop .owl-carousel:not(.owl-loaded) article:first-child {
margin-left: 0;
}
.cs-block-carousel .slider-loop .owl-carousel:not(.owl-loaded) article:nth-child(n+4) {
display: none;
}
}
@media (min-width: 1120px) and (max-width: 1239px) {
.cs-block-carousel .slider-loop .owl-carousel:not(.owl-loaded) article {
margin-left: 40px;
}
.cs-block-carousel .slider-loop .owl-carousel:not(.owl-loaded) article:first-child {
margin-left: 0;
}
.cs-block-carousel .slider-loop .owl-carousel:not(.owl-loaded) article:nth-child(n+4) {
display: none;
}
}
@media (min-width: 1240px) and (max-width: 1639px) {
.cs-block-carousel .slider-loop .owl-carousel:not(.owl-loaded) article {
margin-left: 30px;
}
.cs-block-carousel .slider-loop .owl-carousel:not(.owl-loaded) article:first-child {
margin-left: 0;
}
}
@media (min-width: 1240px) {
.cs-block-carousel .slider-loop[data-columns="2"] .owl-carousel:not(.owl-loaded) article:nth-child(n+3) {
display: none;
}
.cs-block-carousel .slider-loop[data-columns="3"] .owl-carousel:not(.owl-loaded) article:nth-child(n+4) {
display: none;
}
.cs-block-carousel .slider-loop[data-columns="4"] .owl-carousel:not(.owl-loaded) article:nth-child(n+5) {
display: none;
}
.cs-block-carousel .slider-loop[data-columns="5"] .owl-carousel:not(.owl-loaded) article:nth-child(n+6) {
display: none;
}
.cs-block-carousel .slider-loop[data-columns="6"] .owl-carousel:not(.owl-loaded) article:nth-child(n+7) {
display: none;
}
}
@media (min-width: 1640px) {
.cs-block-carousel .slider-loop .owl-carousel:not(.owl-loaded) article {
margin-left: 40px;
}
.cs-block-carousel .slider-loop .owl-carousel:not(.owl-loaded) article:first-child {
margin-left: 0;
}
}
.single .cs-block-carousel {
margin-top: 3rem;
padding-top: 3rem;
border-top: 1px #e9ecef solid;
}
.single .post-subscribe + .cs-block-carousel {
padding-top: 0;
border-top: none;
}.cs-block-wide .post-outer {
position: relative;
height: 100%;
}
.cs-block-wide .wide-outer article {
margin-top: 3rem;
}
.cs-block-wide .wide-outer article:first-child {
margin-top: 0;
}
.cs-block-wide .overlay-media {
transform: translate3d(0, 0, 0);
}
.cs-block-wide .overlay-outer {
justify-content: flex-end;
}
.cs-block-wide .overlay-inner {
position: initial;
}
.cs-block-wide .entry-header:last-child *:last-child {
margin-bottom: 0;
}
.cs-block-wide .is-cnvs-block-rounded .post-thumbnail:before,
.cs-block-wide .is-cnvs-block-rounded .post-thumbnail img,
.cs-block-wide .is-cnvs-block-rounded .post-number {
border-radius: 50%;
}
.cs-block-wide .is-cnvs-block-rounded .pk-lazyload.pk-lqip {
-webkit-clip-path: circle(50% at 50% 50%);
clip-path: circle(50% at 50% 50%);
}
.cs-block-wide .layout-variation-simple .post-inner + .post-inner {
margin-top: 1rem;
}
@media (min-width: 760px) {
.cs-block-wide .post-inner > *:last-child {
margin-bottom: 0;
}
.cs-block-wide .wide-outer {
display: grid;
grid-gap: 40px;
grid-template-columns: 1fr;
}
.cs-block-wide .wide-outer article {
margin-top: 0;
}
.cs-block-wide article:nth-child(1) {
grid-area: wide1;
}
.cs-block-wide article:nth-child(2) {
grid-area: wide2;
}
.cs-block-wide article:nth-child(3) {
grid-area: wide3;
}
.cs-block-wide article:nth-child(4) {
grid-area: wide4;
}
.cs-block-wide article:nth-child(5) {
grid-area: wide5;
}
.cs-block-wide article:nth-child(6) {
grid-area: wide6;
}
.cs-block-wide article:nth-child(7) {
grid-area: wide7;
}
.cs-block-wide article:nth-child(8) {
grid-area: wide8;
}
.cs-block-wide article:nth-child(9) {
grid-area: wide9;
}
.cs-block-wide article:nth-child(10) {
grid-area: wide10;
}
} .style-align-center .cs-block-wide .overlay-outer {
justify-content: center;
} .cs-block-wide.wide-1 .view-post-button {
display: none;
}
@media (min-width: 760px) {
.cs-block-wide.wide-1 .wide-outer {
grid-template-areas: 'wide1 wide2' 'wide3 wide4';
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1020px) {
.cs-block-wide.wide-1 .wide-outer {
grid-template-areas: 'wide1 wide1 wide2 wide2' 'wide1 wide1 wide3 wide4';
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.cs-block-wide.wide-1 .view-post-button {
display: block;
}
} .style-align-center .cs-block-wide.wide-1 article:nth-child(3) .post-inner:last-child,
.style-align-center .cs-block-wide.wide-1 article:nth-child(4) .post-inner:last-child {
text-align: center;
}
.cs-block-wide.wide-2 article:nth-child(3) .post-outer,
.cs-block-wide.wide-2 article:nth-child(4) .post-outer {
display: flex;
justify-content: space-between;
}
.cs-block-wide.wide-2 article:nth-child(3) .post-outer .post-inner,
.cs-block-wide.wide-2 article:nth-child(4) .post-outer .post-inner {
margin-top: 0;
flex: 0 0 100%;
width: 100%;
}
.cs-block-wide.wide-2 article:nth-child(3) .post-outer .post-inner:last-child,
.cs-block-wide.wide-2 article:nth-child(4) .post-outer .post-inner:last-child {
display: flex;
flex-direction: column;
justify-content: center;
}
.cs-block-wide.wide-2 article:nth-child(3) .post-outer .post-inner:first-child:not(:last-child),
.cs-block-wide.wide-2 article:nth-child(4) .post-outer .post-inner:first-child:not(:last-child) {
flex: 0 0 120px;
width: 120px;
}
.cs-block-wide.wide-2 article:nth-child(3) .post-outer .post-inner + .post-inner,
.cs-block-wide.wide-2 article:nth-child(4) .post-outer .post-inner + .post-inner {
flex: 0 0 calc(100% - 120px - 1rem);
width: calc(100% - 120px - 1rem);
}
.cs-block-wide.wide-2 article:nth-child(3) .post-outer .post-meta,
.cs-block-wide.wide-2 article:nth-child(4) .post-outer .post-meta {
margin-bottom: 0;
}
@media (min-width: 760px) {
.cs-block-wide.wide-2 .wide-outer {
grid-template-areas: 'wide1 wide1' 'wide2 wide2' 'wide3 wide3' 'wide4 wide4';
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1020px) {
.cs-block-wide.wide-2 .wide-outer {
grid-template-areas: 'wide1 wide1 wide2 wide2' 'wide1 wide1 wide2 wide2' 'wide1 wide1 wide3 wide3' 'wide1 wide1 wide4 wide4';
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
.cs-block-wide.wide-3 article:nth-child(3) .post-outer,
.cs-block-wide.wide-3 article:nth-child(4) .post-outer {
display: flex;
justify-content: space-between;
}
.cs-block-wide.wide-3 article:nth-child(3) .post-outer .post-inner,
.cs-block-wide.wide-3 article:nth-child(4) .post-outer .post-inner {
margin-top: 0;
flex: 0 0 100%;
width: 100%;
}
.cs-block-wide.wide-3 article:nth-child(3) .post-outer .post-inner:last-child,
.cs-block-wide.wide-3 article:nth-child(4) .post-outer .post-inner:last-child {
display: flex;
flex-direction: column;
justify-content: center;
}
.cs-block-wide.wide-3 article:nth-child(3) .post-outer .post-inner:first-child:not(:last-child),
.cs-block-wide.wide-3 article:nth-child(4) .post-outer .post-inner:first-child:not(:last-child) {
flex: 0 0 120px;
width: 120px;
}
.cs-block-wide.wide-3 article:nth-child(3) .post-outer .post-inner + .post-inner,
.cs-block-wide.wide-3 article:nth-child(4) .post-outer .post-inner + .post-inner {
flex: 0 0 calc(100% - 120px - 1rem);
width: calc(100% - 120px - 1rem);
}
.cs-block-wide.wide-3 article:nth-child(3) .post-outer .post-meta,
.cs-block-wide.wide-3 article:nth-child(4) .post-outer .post-meta {
margin-bottom: 0;
}
@media (min-width: 760px) {
.cs-block-wide.wide-3 .wide-outer {
grid-template-areas: 'wide1 wide1' 'wide2 wide2' 'wide3 wide3' 'wide4 wide4';
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1020px) {
.cs-block-wide.wide-3 .wide-outer {
grid-template-areas: 'wide2 wide2 wide1 wide1' 'wide2 wide2 wide1 wide1' 'wide3 wide3 wide1 wide1' 'wide4 wide4 wide1 wide1';
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media (min-width: 760px) {
.cs-block-wide.wide-4 .wide-outer {
grid-template-areas: 'wide1 wide1' 'wide2 wide3' 'wide4 wide5';
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1020px) {
.cs-block-wide.wide-4 .wide-outer {
grid-template-areas: 'wide1 wide1 wide2 wide3' 'wide1 wide1 wide4 wide5';
grid-template-columns: 1fr 1fr 1fr 1fr;
}
} .style-align-center .cs-block-wide.wide-4 article:nth-child(n+2) .post-inner:last-child {
text-align: center;
}
.cs-block-wide.wide-5 .cs-wide-area {
margin-top: 3rem;
}
.cs-block-wide.wide-5 .cs-wide-area article + article {
margin-top: 2rem;
}
.cs-block-wide.wide-5 .cs-wide-area article:nth-child(2) .post-outer,
.cs-block-wide.wide-5 .cs-wide-area article:nth-child(3) .post-outer,
.cs-block-wide.wide-5 .cs-wide-area article:nth-child(4) .post-outer {
display: flex;
justify-content: space-between;
}
.cs-block-wide.wide-5 .cs-wide-area article:nth-child(2) .post-outer .post-inner,
.cs-block-wide.wide-5 .cs-wide-area article:nth-child(3) .post-outer .post-inner,
.cs-block-wide.wide-5 .cs-wide-area article:nth-child(4) .post-outer .post-inner {
margin-top: 0;
flex: 0 0 100%;
width: 100%;
}
.cs-block-wide.wide-5 .cs-wide-area article:nth-child(2) .post-outer .post-inner:last-child,
.cs-block-wide.wide-5 .cs-wide-area article:nth-child(3) .post-outer .post-inner:last-child,
.cs-block-wide.wide-5 .cs-wide-area article:nth-child(4) .post-outer .post-inner:last-child {
display: flex;
flex-direction: column;
justify-content: center;
}
.cs-block-wide.wide-5 .cs-wide-area article:nth-child(2) .post-outer .post-inner:first-child:not(:last-child),
.cs-block-wide.wide-5 .cs-wide-area article:nth-child(3) .post-outer .post-inner:first-child:not(:last-child),
.cs-block-wide.wide-5 .cs-wide-area article:nth-child(4) .post-outer .post-inner:first-child:not(:last-child) {
flex: 0 0 80px;
width: 80px;
}
.cs-block-wide.wide-5 .cs-wide-area article:nth-child(2) .post-outer .post-inner + .post-inner,
.cs-block-wide.wide-5 .cs-wide-area article:nth-child(3) .post-outer .post-inner + .post-inner,
.cs-block-wide.wide-5 .cs-wide-area article:nth-child(4) .post-outer .post-inner + .post-inner {
flex: 0 0 calc(100% - 80px - 1rem);
width: calc(100% - 80px - 1rem);
}
@media (min-width: 760px) {
.cs-block-wide.wide-5 .cs-wide-area1 {
grid-area: area1;
}
.cs-block-wide.wide-5 .cs-wide-area2 {
grid-area: area2;
}
.cs-block-wide.wide-5 .cs-wide-area {
margin-top: 0;
}
.cs-block-wide.wide-5 .wide-outer {
grid-template-areas: 'wide1 wide1' 'area1 area2';
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1020px) {
.cs-block-wide.wide-5 .wide-outer {
grid-template-areas: 'area1 wide1 wide1 area2' 'area1 wide1 wide1 area2' 'area1 wide1 wide1 area2' 'area1 wide1 wide1 area2';
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
.cs-block-wide.wide-6 .post-inner + .post-inner {
margin-top: 0;
}
.cs-block-wide.wide-6 article {
margin-top: 1rem;
}
.cs-block-wide.wide-6 article .post-outer {
display: flex;
justify-content: space-between;
}
.cs-block-wide.wide-6 article .post-outer .post-inner {
margin-top: 0;
flex: 0 0 100%;
width: 100%;
}
.cs-block-wide.wide-6 article .post-outer .post-inner:last-child {
display: flex;
flex-direction: column;
justify-content: center;
}
.cs-block-wide.wide-6 article .post-outer .post-inner:first-child:not(:last-child) {
flex: 0 0 120px;
width: 120px;
}
.cs-block-wide.wide-6 article .post-outer .post-inner + .post-inner {
flex: 0 0 calc(100% - 120px - 1rem);
width: calc(100% - 120px - 1rem);
}
.cs-block-wide.wide-6 .post-number-wrap {
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
line-height: 1;
}
.cs-block-wide.wide-6 .post-number {
display: inline-block;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
text-align: center;
transition: all 0.2s ease;
}
.cs-block-wide.wide-6 .post-number span {
display: block;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
text-align: center;
transition: all 0.2s ease;
}
.cs-block-wide.wide-6 .post-number span:first-child {
transform: translate(0);
}
.cs-block-wide.wide-6 .post-number span:last-child {
position: absolute;
left: 50%;
transform: translateY(0%) translateX(-50%);
}
.cs-block-wide.wide-6 .post-thumbnail:hover .post-number span:first-child {
transform: translateY(-100%);
}
.cs-block-wide.wide-6 .post-thumbnail:hover .post-number span:last-child {
transform: translateY(-100%) translateX(-50%);
}
@media (min-width: 760px) {
.cs-block-wide.wide-6 .wide-outer {
grid-template-areas: 'wide1 wide4' 'wide2 wide5' 'wide3 wide6';
grid-template-columns: 1fr 1fr;
}
.cs-block-wide.wide-6 .wide-outer article {
margin-top: 0;
}
}
@media (min-width: 1020px) {
.cs-block-wide.wide-6 .wide-outer {
grid-template-areas: 'wide1 wide4' 'wide2 wide5' 'wide3 wide6';
grid-template-columns: 1fr 1fr;
}
}
.cs-block-wide.wide-7 .post-inner + .post-inner {
margin-top: 0;
}
.cs-block-wide.wide-7 article {
margin-top: 1rem;
}
.cs-block-wide.wide-7 article .post-outer {
display: flex;
justify-content: space-between;
}
.cs-block-wide.wide-7 article .post-outer .post-inner {
margin-top: 0;
flex: 0 0 100%;
width: 100%;
}
.cs-block-wide.wide-7 article .post-outer .post-inner:last-child {
display: flex;
flex-direction: column;
justify-content: center;
}
.cs-block-wide.wide-7 article .post-outer .post-inner:first-child:not(:last-child) {
flex: 0 0 120px;
width: 120px;
}
.cs-block-wide.wide-7 article .post-outer .post-inner + .post-inner {
flex: 0 0 calc(100% - 120px - 1rem);
width: calc(100% - 120px - 1rem);
}
@media (min-width: 760px) {
.cs-block-wide.wide-7 .wide-outer {
grid-template-areas: 'wide1 wide4' 'wide2 wide5' 'wide3 wide6';
grid-template-columns: 1fr 1fr;
}
.cs-block-wide.wide-7 .wide-outer article {
margin-top: 0;
}
}
@media (min-width: 1020px) {
.cs-block-wide.wide-7 {
counter-reset: count;
}
.cs-block-wide.wide-7 .wide-outer {
grid-template-areas: 'wide1 wide4' 'wide2 wide5' 'wide3 wide6';
grid-template-columns: 1fr 1fr;
}
.cs-block-wide.wide-7 article .post-outer .post-inner:last-child {
display: flex;
flex-direction: row;
align-items: center;
}
.cs-block-wide.wide-7 article .post-outer .post-inner:last-child:before {
font-size: 3.75rem;
line-height: 1;
margin-right: 1rem;
color: #000000;
counter-increment: count;
content: counter(count);
}
}
.cs-block-wide.wide-8 .post-inner + .post-inner {
margin-top: 0;
}
.cs-block-wide.wide-8 article {
margin-top: 1rem;
}
.cs-block-wide.wide-8 article .post-outer {
display: flex;
justify-content: space-between;
}
.cs-block-wide.wide-8 article .post-outer .post-inner {
margin-top: 0;
flex: 0 0 100%;
width: 100%;
}
.cs-block-wide.wide-8 article .post-outer .post-inner:last-child {
display: flex;
flex-direction: column;
justify-content: center;
}
.cs-block-wide.wide-8 article .post-outer .post-inner:first-child:not(:last-child) {
flex: 0 0 120px;
width: 120px;
}
.cs-block-wide.wide-8 article .post-outer .post-inner + .post-inner {
flex: 0 0 calc(100% - 120px - 1rem);
width: calc(100% - 120px - 1rem);
}
.cs-block-wide.wide-8 article .post-outer .post-meta {
margin-bottom: 0;
}
@media (min-width: 760px) {
.cs-block-wide.wide-8 .wide-outer {
grid-template-areas: 'wide1 wide4' 'wide2 wide5' 'wide3 wide6';
grid-template-columns: 1fr 1fr;
}
.cs-block-wide.wide-8 .wide-outer article {
margin-top: 0;
}
}
@media (min-width: 1020px) {
.cs-block-wide.wide-8 .wide-outer {
grid-template-areas: 'wide1 wide4' 'wide2 wide5' 'wide3 wide6';
grid-template-columns: 1fr 1fr;
}
}
.cs-block-wide.wide-9 article:nth-child(3) .post-outer,
.cs-block-wide.wide-9 article:nth-child(4) .post-outer,
.cs-block-wide.wide-9 article:nth-child(5) .post-outer,
.cs-block-wide.wide-9 article:nth-child(6) .post-outer {
display: flex;
justify-content: space-between;
}
.cs-block-wide.wide-9 article:nth-child(3) .post-outer .post-inner,
.cs-block-wide.wide-9 article:nth-child(4) .post-outer .post-inner,
.cs-block-wide.wide-9 article:nth-child(5) .post-outer .post-inner,
.cs-block-wide.wide-9 article:nth-child(6) .post-outer .post-inner {
margin-top: 0;
flex: 0 0 100%;
width: 100%;
}
.cs-block-wide.wide-9 article:nth-child(3) .post-outer .post-inner:last-child,
.cs-block-wide.wide-9 article:nth-child(4) .post-outer .post-inner:last-child,
.cs-block-wide.wide-9 article:nth-child(5) .post-outer .post-inner:last-child,
.cs-block-wide.wide-9 article:nth-child(6) .post-outer .post-inner:last-child {
display: flex;
flex-direction: column;
justify-content: center;
}
.cs-block-wide.wide-9 article:nth-child(3) .post-outer .post-inner:first-child:not(:last-child),
.cs-block-wide.wide-9 article:nth-child(4) .post-outer .post-inner:first-child:not(:last-child),
.cs-block-wide.wide-9 article:nth-child(5) .post-outer .post-inner:first-child:not(:last-child),
.cs-block-wide.wide-9 article:nth-child(6) .post-outer .post-inner:first-child:not(:last-child) {
flex: 0 0 120px;
width: 120px;
}
.cs-block-wide.wide-9 article:nth-child(3) .post-outer .post-inner + .post-inner,
.cs-block-wide.wide-9 article:nth-child(4) .post-outer .post-inner + .post-inner,
.cs-block-wide.wide-9 article:nth-child(5) .post-outer .post-inner + .post-inner,
.cs-block-wide.wide-9 article:nth-child(6) .post-outer .post-inner + .post-inner {
flex: 0 0 calc(100% - 120px - 1rem);
width: calc(100% - 120px - 1rem);
}
.cs-block-wide.wide-9 article:nth-child(3) .post-outer .post-meta,
.cs-block-wide.wide-9 article:nth-child(4) .post-outer .post-meta,
.cs-block-wide.wide-9 article:nth-child(5) .post-outer .post-meta,
.cs-block-wide.wide-9 article:nth-child(6) .post-outer .post-meta {
margin-bottom: 0;
}
@media (min-width: 760px) {
.cs-block-wide.wide-9 .wide-outer {
grid-template-areas: 'wide1 wide2' 'wide3 wide5' 'wide4 wide6';
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1020px) {
.cs-block-wide.wide-9 .wide-outer {
grid-template-areas: 'wide1 wide2' 'wide3 wide5' 'wide4 wide6';
grid-template-columns: 1fr 1fr;
}
}
.cs-block-wide.wide-10 .cs-wide-area2 {
margin-top: 3rem;
}
.cs-block-wide.wide-10 .cs-wide-area2 article + article {
margin-top: 2rem;
}
.cs-block-wide.wide-10 .cs-wide-area2 article:nth-child(1) .post-outer,
.cs-block-wide.wide-10 .cs-wide-area2 article:nth-child(2) .post-outer,
.cs-block-wide.wide-10 .cs-wide-area2 article:nth-child(3) .post-outer {
display: flex;
justify-content: space-between;
}
.cs-block-wide.wide-10 .cs-wide-area2 article:nth-child(1) .post-outer .post-inner,
.cs-block-wide.wide-10 .cs-wide-area2 article:nth-child(2) .post-outer .post-inner,
.cs-block-wide.wide-10 .cs-wide-area2 article:nth-child(3) .post-outer .post-inner {
margin-top: 0;
flex: 0 0 100%;
width: 100%;
}
.cs-block-wide.wide-10 .cs-wide-area2 article:nth-child(1) .post-outer .post-inner:last-child,
.cs-block-wide.wide-10 .cs-wide-area2 article:nth-child(2) .post-outer .post-inner:last-child,
.cs-block-wide.wide-10 .cs-wide-area2 article:nth-child(3) .post-outer .post-inner:last-child {
display: flex;
flex-direction: column;
justify-content: center;
}
.cs-block-wide.wide-10 .cs-wide-area2 article:nth-child(1) .post-outer .post-inner:first-child:not(:last-child),
.cs-block-wide.wide-10 .cs-wide-area2 article:nth-child(2) .post-outer .post-inner:first-child:not(:last-child),
.cs-block-wide.wide-10 .cs-wide-area2 article:nth-child(3) .post-outer .post-inner:first-child:not(:last-child) {
flex: 0 0 180px;
width: 180px;
}
.cs-block-wide.wide-10 .cs-wide-area2 article:nth-child(1) .post-outer .post-inner + .post-inner,
.cs-block-wide.wide-10 .cs-wide-area2 article:nth-child(2) .post-outer .post-inner + .post-inner,
.cs-block-wide.wide-10 .cs-wide-area2 article:nth-child(3) .post-outer .post-inner + .post-inner {
flex: 0 0 calc(100% - 180px - 1rem);
width: calc(100% - 180px - 1rem);
}
.cs-block-wide.wide-10 .cs-wide-area2 article:nth-child(1) .post-outer .post-excerpt,
.cs-block-wide.wide-10 .cs-wide-area2 article:nth-child(2) .post-outer .post-excerpt,
.cs-block-wide.wide-10 .cs-wide-area2 article:nth-child(3) .post-outer .post-excerpt {
margin-top: 0.5rem;
}
@media (min-width: 760px) {
.cs-block-wide.wide-10 .cs-wide-area1 {
grid-area: area1;
}
.cs-block-wide.wide-10 .cs-wide-area2 {
grid-area: area2;
}
.cs-block-wide.wide-10 .cs-wide-area {
margin-top: 0;
}
.cs-block-wide.wide-10 .wide-outer {
grid-template-areas: 'wide1' 'area1' 'area2';
grid-template-columns: 1fr;
}
}
@media (min-width: 1020px) {
.cs-block-wide.wide-10 .wide-outer {
grid-template-areas: 'area1 area1 area2 area2';
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
.cs-block-wide.wide-11 .post-inner + .post-inner {
margin-top: 0;
}
.cs-block-wide.wide-11 article {
margin-top: 1rem;
}
.cs-block-wide.wide-11 article .post-outer {
display: flex;
justify-content: space-between;
}
.cs-block-wide.wide-11 article .post-outer .post-inner {
margin-top: 0;
flex: 0 0 100%;
width: 100%;
}
.cs-block-wide.wide-11 article .post-outer .post-inner:last-child {
display: flex;
flex-direction: column;
justify-content: center;
}
.cs-block-wide.wide-11 article .post-outer .post-inner:first-child:not(:last-child) {
flex: 0 0 80px;
width: 80px;
}
.cs-block-wide.wide-11 article .post-outer .post-inner + .post-inner {
flex: 0 0 calc(100% - 80px - 1rem);
width: calc(100% - 80px - 1rem);
}
.cs-block-wide.wide-11 article .post-outer .post-meta {
margin-bottom: 0;
}
.cs-block-wide.wide-11 .post-number-wrap {
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
line-height: 1;
}
.cs-block-wide.wide-11 .post-number {
display: inline-block;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
text-align: center;
transition: all 0.2s ease;
}
.cs-block-wide.wide-11 .post-number span {
display: block;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
text-align: center;
transition: all 0.2s ease;
}
.cs-block-wide.wide-11 .post-number span:first-child {
transform: translate(0);
}
.cs-block-wide.wide-11 .post-number span:last-child {
position: absolute;
left: 50%;
transform: translateY(0%) translateX(-50%);
}
.cs-block-wide.wide-11 .post-thumbnail:hover .post-number span:first-child {
transform: translateY(-100%);
}
.cs-block-wide.wide-11 .post-thumbnail:hover .post-number span:last-child {
transform: translateY(-100%) translateX(-50%);
}
@media (min-width: 760px) {
.cs-block-wide.wide-11 .wide-outer {
grid-template-areas: 'wide1 wide2' 'wide3 wide3';
grid-template-columns: 1fr 1fr;
}
.cs-block-wide.wide-11 .wide-outer article {
margin-top: 0;
}
}
@media (min-width: 1020px) {
.cs-block-wide.wide-11 .wide-outer {
grid-template-areas: 'wide1 wide2 wide3';
grid-template-columns: 1fr 1fr 1fr;
}
}.cs-block-narrow .post-outer {
position: relative;
height: 100%;
}
.cs-block-narrow .narrow-outer article {
margin-top: 3rem;
}
.cs-block-narrow .narrow-outer article:first-child {
margin-top: 0;
}
.cs-block-narrow .overlay-media {
transform: translate3d(0, 0, 0);
}
.cs-block-narrow .overlay-outer {
justify-content: flex-end;
}
.cs-block-narrow .overlay-inner {
position: initial;
}
.cs-block-narrow .entry-header:last-child *:last-child {
margin-bottom: 0;
}
.cs-block-narrow .is-pk-block-rounded .post-thumbnail:before,
.cs-block-narrow .is-pk-block-rounded .post-thumbnail img,
.cs-block-narrow .is-pk-block-rounded .post-number {
border-radius: 50%;
}
.cs-block-narrow .is-pk-block-rounded .pk-lazyload.pk-lqip {
-webkit-clip-path: circle(50% at 50% 50%);
clip-path: circle(50% at 50% 50%);
}
.cs-block-narrow .layout-variation-simple .post-inner + .post-inner {
margin-top: 1rem;
}
@media (min-width: 760px) {
.cs-block-narrow .post-inner > *:last-child {
margin-bottom: 0;
}
.cs-block-narrow .narrow-outer {
display: grid;
grid-gap: 40px;
grid-template-columns: 1fr;
}
.cs-block-narrow .narrow-outer article {
margin-top: 0;
}
.cs-block-narrow article:nth-child(1) {
grid-area: narrow1;
}
.cs-block-narrow article:nth-child(2) {
grid-area: narrow2;
}
.cs-block-narrow article:nth-child(3) {
grid-area: narrow3;
}
.cs-block-narrow article:nth-child(4) {
grid-area: narrow4;
}
.cs-block-narrow article:nth-child(5) {
grid-area: narrow5;
}
.cs-block-narrow article:nth-child(6) {
grid-area: narrow6;
}
} .style-align-center .cs-block-narrow .overlay-outer {
justify-content: center;
} .cs-block-narrow.narrow-1 .cs-narrow-area2 {
margin-top: 3rem;
}
@media (min-width: 760px) {
.cs-block-narrow.narrow-1 .cs-narrow-area2 {
display: grid;
grid-gap: 40px;
grid-template-areas: 'narrow1 narrow2' 'narrow3 narrow4';
grid-template-columns: 1fr 1fr;
margin-top: 0;
}
}
@media (min-width: 1020px) {
.cs-block-narrow.narrow-1 .cs-narrow-area1 {
grid-area: area1;
display: flex;
align-self: stretch;
}
.cs-block-narrow.narrow-1 .cs-narrow-area2 {
grid-area: area2;
}
.cs-block-narrow.narrow-1 .narrow-outer {
grid-template-areas: 'area1 area2';
grid-template-columns: 1fr 1fr;
align-items: flex-start;
}
} .style-align-center .cs-block-narrow.narrow-1 article .post-inner:last-child {
text-align: center;
}
.cs-block-narrow.narrow-2 .cs-narrow-area2 {
margin-top: 3rem;
}
@media (min-width: 760px) {
.cs-block-narrow.narrow-2 .cs-narrow-area2 {
display: grid;
grid-gap: 40px;
grid-template-areas: 'narrow1 narrow2' 'narrow3 narrow4';
grid-template-columns: 1fr 1fr;
margin-top: 0;
}
}
@media (min-width: 1020px) {
.cs-block-narrow.narrow-2 .cs-narrow-area1 {
grid-area: area1;
}
.cs-block-narrow.narrow-2 .cs-narrow-area2 {
grid-area: area2;
}
.cs-block-narrow.narrow-2 .narrow-outer {
grid-template-areas: 'area1 area2';
grid-template-columns: 1fr 1fr;
align-items: flex-start;
}
} .style-align-center .cs-block-narrow.narrow-2 article .post-inner:last-child {
text-align: center;
}
.cs-block-narrow.narrow-3 .cs-narrow-area {
margin-top: 3rem;
}
.cs-block-narrow.narrow-3 .cs-narrow-area article + article {
margin-top: 2rem;
}
.cs-block-narrow.narrow-3 .cs-narrow-area article:nth-child(2) .post-outer,
.cs-block-narrow.narrow-3 .cs-narrow-area article:nth-child(3) .post-outer {
display: flex;
justify-content: space-between;
}
.cs-block-narrow.narrow-3 .cs-narrow-area article:nth-child(2) .post-outer .post-inner,
.cs-block-narrow.narrow-3 .cs-narrow-area article:nth-child(3) .post-outer .post-inner {
margin-top: 0;
flex: 0 0 100%;
width: 100%;
}
.cs-block-narrow.narrow-3 .cs-narrow-area article:nth-child(2) .post-outer .post-inner:last-child,
.cs-block-narrow.narrow-3 .cs-narrow-area article:nth-child(3) .post-outer .post-inner:last-child {
display: flex;
flex-direction: column;
justify-content: center;
}
.cs-block-narrow.narrow-3 .cs-narrow-area article:nth-child(2) .post-outer .post-inner:first-child:not(:last-child),
.cs-block-narrow.narrow-3 .cs-narrow-area article:nth-child(3) .post-outer .post-inner:first-child:not(:last-child) {
flex: 0 0 80px;
width: 80px;
}
.cs-block-narrow.narrow-3 .cs-narrow-area article:nth-child(2) .post-outer .post-inner + .post-inner,
.cs-block-narrow.narrow-3 .cs-narrow-area article:nth-child(3) .post-outer .post-inner + .post-inner {
flex: 0 0 calc(100% - 80px - 1rem);
width: calc(100% - 80px - 1rem);
}
.cs-block-narrow.narrow-3 .cs-narrow-area article:nth-child(2) .post-outer .post-meta,
.cs-block-narrow.narrow-3 .cs-narrow-area article:nth-child(3) .post-outer .post-meta {
margin-bottom: 0;
}
@media (min-width: 760px) {
.cs-block-narrow.narrow-3 .cs-narrow-area1 {
grid-area: area1;
display: flex;
align-self: stretch;
}
.cs-block-narrow.narrow-3 .cs-narrow-area2 {
grid-area: area2;
}
.cs-block-narrow.narrow-3 .cs-narrow-area {
margin-top: 0;
}
.cs-block-narrow.narrow-3 .narrow-outer {
grid-template-areas: 'area1 area2';
grid-template-columns: 1fr 1fr;
}
} .style-align-center .cs-block-narrow.narrow-3 .cs-narrow-area1 article .post-inner:last-child {
text-align: center;
}
.cs-block-narrow.narrow-4 .cs-narrow-area {
margin-top: 3rem;
}
.cs-block-narrow.narrow-4 .cs-narrow-area article + article {
margin-top: 2rem;
}
.cs-block-narrow.narrow-4 .cs-narrow-area article:nth-child(2) .post-outer,
.cs-block-narrow.narrow-4 .cs-narrow-area article:nth-child(3) .post-outer {
display: flex;
justify-content: space-between;
}
.cs-block-narrow.narrow-4 .cs-narrow-area article:nth-child(2) .post-outer .post-inner,
.cs-block-narrow.narrow-4 .cs-narrow-area article:nth-child(3) .post-outer .post-inner {
margin-top: 0;
flex: 0 0 100%;
width: 100%;
}
.cs-block-narrow.narrow-4 .cs-narrow-area article:nth-child(2) .post-outer .post-inner:last-child,
.cs-block-narrow.narrow-4 .cs-narrow-area article:nth-child(3) .post-outer .post-inner:last-child {
display: flex;
flex-direction: column;
justify-content: center;
}
.cs-block-narrow.narrow-4 .cs-narrow-area article:nth-child(2) .post-outer .post-inner:first-child:not(:last-child),
.cs-block-narrow.narrow-4 .cs-narrow-area article:nth-child(3) .post-outer .post-inner:first-child:not(:last-child) {
flex: 0 0 80px;
width: 80px;
}
.cs-block-narrow.narrow-4 .cs-narrow-area article:nth-child(2) .post-outer .post-inner + .post-inner,
.cs-block-narrow.narrow-4 .cs-narrow-area article:nth-child(3) .post-outer .post-inner + .post-inner {
flex: 0 0 calc(100% - 80px - 1rem);
width: calc(100% - 80px - 1rem);
}
.cs-block-narrow.narrow-4 .cs-narrow-area article:nth-child(2) .post-outer .post-meta,
.cs-block-narrow.narrow-4 .cs-narrow-area article:nth-child(3) .post-outer .post-meta {
margin-bottom: 0;
}
@media (min-width: 760px) {
.cs-block-narrow.narrow-4 .cs-narrow-area1 {
grid-area: area1;
}
.cs-block-narrow.narrow-4 .cs-narrow-area2 {
grid-area: area2;
}
.cs-block-narrow.narrow-4 .cs-narrow-area {
margin-top: 0;
}
.cs-block-narrow.narrow-4 .narrow-outer {
grid-template-areas: 'area1 area2';
grid-template-columns: 1fr 1fr;
}
}
.cs-block-narrow.narrow-5 article:nth-child(n+2) .post-outer {
display: flex;
justify-content: space-between;
}
.cs-block-narrow.narrow-5 article:nth-child(n+2) .post-outer .post-inner {
margin-top: 0;
flex: 0 0 100%;
width: 100%;
}
.cs-block-narrow.narrow-5 article:nth-child(n+2) .post-outer .post-inner:last-child {
display: flex;
flex-direction: column;
justify-content: center;
}
.cs-block-narrow.narrow-5 article:nth-child(n+2) .post-outer .post-inner:first-child:not(:last-child) {
flex: 0 0 80px;
width: 80px;
}
.cs-block-narrow.narrow-5 article:nth-child(n+2) .post-outer .post-inner + .post-inner {
flex: 0 0 calc(100% - 80px - 1rem);
width: calc(100% - 80px - 1rem);
}
.cs-block-narrow.narrow-5 article:nth-child(n+2) .post-outer .post-meta {
margin-bottom: 0;
}
@media (min-width: 760px) {
.cs-block-narrow.narrow-5 .narrow-outer {
grid-template-areas: 'narrow1 narrow1' 'narrow2 narrow2' 'narrow3 narrow3' 'narrow4 narrow4' 'narrow5 narrow5' 'narrow6 narrow6';
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1020px) {
.cs-block-narrow.narrow-5 .narrow-outer {
grid-template-areas: 'narrow1 narrow1 narrow1 narrow1 narrow2 narrow2 narrow2' 'narrow1 narrow1 narrow1 narrow1 narrow3 narrow3 narrow3' 'narrow1 narrow1 narrow1 narrow1 narrow4 narrow4 narrow4' 'narrow1 narrow1 narrow1 narrow1 narrow5 narrow5 narrow5' 'narrow1 narrow1 narrow1 narrow1 narrow6 narrow6 narrow6';
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
}