2 // --------------------------------------------
4 // Fix main cover image bg position
6 background-position: top center;
7 background-size: cover;
20 #header .logo.image img {
22 transform: none !important;
31 // --------------------------------------------
33 // Couple of alignment fixes cause we're not
34 // using page numbers, just prev/next
37 justify-content: space-between;
44 border-color: transparent !important;
45 color: #222 !important;;
54 // --------------------------------------------
63 // --------------------------------------------
67 flex-direction: column;
71 .author-profile-image {
76 box-shadow: rgba(255,255,255,0.1) 0 0 0 6px;
98 .author-location:before {
103 // --------------------------------------------
112 justify-content: center;
119 display: inline-flex;
120 align-items: flex-start;
127 color: #212931 !important;
130 .author-box:hover .author-box-name {
132 transition: color 0.2s ease;
135 .author-box .author-profile-image {
141 .author-box-content {
143 flex-direction: column;
147 font-family: _font(family-heading);
151 text-transform: uppercase;
159 transition: color 0.5s ease;
173 // --------------------------------------------
181 flex-direction: column;
190 .kg-card figcaption {
200 width: calc(100% + 12rem);
202 @include breakpoint('<=large') {
205 width: calc(100% + 8rem);
207 @include breakpoint('<=medium') {
210 width: calc(100% + 4rem);
212 @include breakpoint('<=small') {
221 margin-left: -14.1rem;
222 margin-right: -14.1rem;
223 width: calc(100% + 28.2rem);
225 @include breakpoint('<=large') {
228 width: calc(100% + 16rem);
230 @include breakpoint('<=medium') {
233 width: calc(100% + 8rem);
235 @include breakpoint('<=small') {
238 width: calc(100% + 4rem);
242 .kg-gallery-container {
244 flex-direction: column;
247 width: calc(100% + 12rem);
249 @include breakpoint('<=large') {
252 width: calc(100% + 8rem);
254 @include breakpoint('<=medium') {
257 width: calc(100% + 4rem);
259 @include breakpoint('<=small') {
269 justify-content: center;
272 .kg-gallery-image img {
279 .kg-gallery-row:not(:first-of-type) {
280 margin: 0.75em 0 0 0;
283 .kg-gallery-image:not(:first-of-type) {
284 margin: 0 0 0 0.75em;
287 .kg-gallery-card + .kg-image-card.kg-width-wide,
288 .kg-gallery-card + .kg-gallery-card,
289 .kg-image-card.kg-width-wide + .kg-gallery-card,
290 .kg-image-card.kg-width-wide + .kg-image-card.kg-width-wide {
291 margin: -2.25em 0 3em;