1/* 2 * DO NOT EDIT THIS FILE. 3 * See the following change record for more information, 4 * https://www.drupal.org/node/3084859 5 * @preserve 6 */ 7 8/** 9 * @file 10 * Embedded Media. 11 */ 12 13figure { 14 background: #f7f9fa; 15} 16 17[dir="ltr"] figcaption { 18 padding-left: 0.5625rem; 19} 20 21[dir="rtl"] figcaption { 22 padding-right: 0.5625rem; 23} 24 25[dir="ltr"] figcaption { 26 padding-right: 0.5625rem; 27} 28 29[dir="rtl"] figcaption { 30 padding-left: 0.5625rem; 31} 32 33figcaption { 34 padding-top: 0.5625rem; 35 padding-bottom: 0.5625rem; 36 color: #313637; 37 background: #f7f9fa; 38 font-family: "Lora", "georgia", serif; 39 font-size: 0.875rem; 40 font-style: italic; 41 line-height: 1.125rem 42} 43 44@media (min-width: 31.25rem) { 45 46[dir="ltr"] figcaption { 47 padding-left: 1.125rem; 48 } 49 50[dir="rtl"] figcaption { 51 padding-right: 1.125rem; 52 } 53 54[dir="ltr"] figcaption { 55 padding-right: 1.125rem; 56 } 57 58[dir="rtl"] figcaption { 59 padding-left: 1.125rem; 60 } 61 62figcaption { 63 padding-top: 1.125rem; 64 padding-bottom: 1.125rem 65} 66 } 67 68[dir="ltr"] .align-right { 69 margin-left: 0; 70} 71 72[dir="rtl"] .align-right { 73 margin-right: 0; 74} 75 76[dir="ltr"] .align-right { 77 margin-right: 0; 78} 79 80[dir="rtl"] .align-right { 81 margin-left: 0; 82} 83 84.align-right { 85 float: none; /* Override core's align.module.css. */ 86 max-width: 100%; 87 margin-top: 3.375rem; 88 margin-bottom: 3.375rem 89} 90 91@media (min-width: 43.75rem) { 92 93[dir="ltr"] .align-right { 94 float: right; 95 } 96 97[dir="rtl"] .align-right { 98 float: left; 99 } 100 101[dir="ltr"] .align-right { 102 margin-left: 1.125rem; 103 } 104 105[dir="rtl"] .align-right { 106 margin-right: 1.125rem; 107 } 108 109[dir="ltr"] .align-right { 110 margin-right: 0; 111 } 112 113[dir="rtl"] .align-right { 114 margin-left: 0; 115 } 116 117.align-right { 118 max-width: 50%; 119 margin-top: 1.125rem; 120 margin-bottom: 1.125rem 121} 122 } 123 124/* Pull out of grid if nested in content narrow layout. */ 125 126@media (min-width: 43.75rem) { 127 128[dir="ltr"] .layout--content-narrow .align-right,[dir="ltr"] 129.layout--pass--content-narrow > * .align-right { 130 margin-right: -7.14286vw; 131 } 132 133[dir="rtl"] .layout--content-narrow .align-right,[dir="rtl"] 134.layout--pass--content-narrow > * .align-right { 135 margin-left: -7.14286vw; 136 } 137 } 138 139@media (min-width: 62.5rem) { 140 141[dir="ltr"] .layout--content-narrow .align-right,[dir="ltr"] 142.layout--pass--content-narrow > * .align-right { 143 margin-right: calc(-14.28571vw - -2.14286px); 144 } 145 146[dir="rtl"] .layout--content-narrow .align-right,[dir="rtl"] 147.layout--pass--content-narrow > * .align-right { 148 margin-left: calc(-14.28571vw - -2.14286px); 149 } 150 } 151 152@media (min-width: 75rem) { 153 154[dir="ltr"] .layout--content-narrow .align-right,[dir="ltr"] 155.layout--pass--content-narrow > * .align-right { 156 margin-right: calc(-21.42857vw - -1.88839rem); 157 } 158 159[dir="rtl"] .layout--content-narrow .align-right,[dir="rtl"] 160.layout--pass--content-narrow > * .align-right { 161 margin-left: calc(-21.42857vw - -1.88839rem); 162 } 163 } 164 165@media (min-width: 90rem) { 166 167[dir="ltr"] .layout--content-narrow .align-right,[dir="ltr"] 168.layout--pass--content-narrow > * .align-right { 169 margin-right: -17.59821rem; 170 } 171 172[dir="rtl"] .layout--content-narrow .align-right,[dir="rtl"] 173.layout--pass--content-narrow > * .align-right { 174 margin-left: -17.59821rem; 175 } 176 } 177 178[dir="ltr"] .align-left { 179 margin-left: 0; 180} 181 182[dir="rtl"] .align-left { 183 margin-right: 0; 184} 185 186[dir="ltr"] .align-left { 187 margin-right: 0; 188} 189 190[dir="rtl"] .align-left { 191 margin-left: 0; 192} 193 194.align-left { 195 float: none; /* Override core's align.module.css. */ 196 max-width: 100%; 197 margin-top: 3.375rem; 198 margin-bottom: 3.375rem 199} 200 201@media (min-width: 43.75rem) { 202 203[dir="ltr"] .align-left { 204 float: left; 205 } 206 207[dir="rtl"] .align-left { 208 float: right; 209 } 210 211[dir="ltr"] .align-left { 212 margin-left: 0; 213 } 214 215[dir="rtl"] .align-left { 216 margin-right: 0; 217 } 218 219[dir="ltr"] .align-left { 220 margin-right: 2.25rem; 221 } 222 223[dir="rtl"] .align-left { 224 margin-left: 2.25rem; 225 } 226 227.align-left { 228 max-width: 50%; 229 margin-top: 1.125rem; 230 margin-bottom: 1.125rem /* Extra right margins in case of aligning next to lists. */ 231} 232 } 233 234/* Pull out of grid if nested in content narrow layout. */ 235 236@media (min-width: 43.75rem) { 237 238[dir="ltr"] .layout--content-narrow .align-left,[dir="ltr"] 239.layout--pass--content-narrow > * .align-left { 240 margin-left: -7.14286vw; 241 } 242 243[dir="rtl"] .layout--content-narrow .align-left,[dir="rtl"] 244.layout--pass--content-narrow > * .align-left { 245 margin-right: -7.14286vw; 246 } 247 } 248 249@media (min-width: 62.5rem) { 250 251[dir="ltr"] .layout--content-narrow .align-left,[dir="ltr"] 252.layout--pass--content-narrow > * .align-left { 253 margin-left: calc(-7.14286vw - -1.07143px); 254 } 255 256[dir="rtl"] .layout--content-narrow .align-left,[dir="rtl"] 257.layout--pass--content-narrow > * .align-left { 258 margin-right: calc(-7.14286vw - -1.07143px); 259 } 260 } 261 262@media (min-width: 75rem) { 263 264[dir="ltr"] .layout--content-narrow .align-left,[dir="ltr"] 265.layout--pass--content-narrow > * .align-left { 266 margin-left: calc(-7.14286vw - -0.62946rem); 267 } 268 269[dir="rtl"] .layout--content-narrow .align-left,[dir="rtl"] 270.layout--pass--content-narrow > * .align-left { 271 margin-right: calc(-7.14286vw - -0.62946rem); 272 } 273 } 274 275@media (min-width: 90rem) { 276 277[dir="ltr"] .layout--content-narrow .align-left,[dir="ltr"] 278.layout--pass--content-narrow > * .align-left { 279 margin-left: -5.86607rem; 280 } 281 282[dir="rtl"] .layout--content-narrow .align-left,[dir="rtl"] 283.layout--pass--content-narrow > * .align-left { 284 margin-right: -5.86607rem; 285 } 286 } 287 288.align-center img, 289.align-center video, 290.align-center audio { 291 margin-left: auto; 292 margin-right: auto; 293} 294 295.media-oembed-content { 296 display: block; 297 max-width: 100%; 298} 299