| 1 |
.givewp-layouts { |
| 2 |
&-header { |
| 3 |
max-width: var(--two-panel-header-width); |
| 4 |
text-align: center; |
| 5 |
width: 100%; |
| 6 |
|
| 7 |
@media screen and (min-width: 71.5rem) { |
| 8 |
border: solid 1px var(--givewp-grey-25); |
| 9 |
border-radius: var(--givewp-rounded-8); |
| 10 |
box-shadow: var(--givewp-shadow-sm); |
| 11 |
} |
| 12 |
} |
| 13 |
|
| 14 |
&-headerTitle { |
| 15 |
margin-bottom: var(--givewp-spacing-3); |
| 16 |
} |
| 17 |
|
| 18 |
&-headerDescription { |
| 19 |
margin-bottom: var(--givewp-spacing-10); |
| 20 |
} |
| 21 |
|
| 22 |
.givewp-layouts-header__templates-ms { |
| 23 |
padding-bottom: 2rem; |
| 24 |
|
| 25 |
&--background { |
| 26 |
.givewp-layouts-header__content { |
| 27 |
position: static; |
| 28 |
margin-bottom: 0; |
| 29 |
} |
| 30 |
|
| 31 |
.givewp-layouts-headerImage { |
| 32 |
|
| 33 |
img { |
| 34 |
position: absolute; |
| 35 |
left: 0; |
| 36 |
bottom: 0; |
| 37 |
height: 100%; |
| 38 |
min-height: 100%; |
| 39 |
border-radius: var(--givewp-rounded-8); |
| 40 |
} |
| 41 |
} |
| 42 |
} |
| 43 |
} |
| 44 |
} |
| 45 |
|
| 46 |
|
