1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- footer{
- background: white;
- width: 100%;
- height: auto;
- padding: 2rem 0 0 0;
- margin-top:2rem;
- & > .d-flex{
- & > div{
- margin-bottom: 1.5rem;
- }
- }
- #block-renderedsitesettingsblock-5{
- .site_setting_entity{
- & > div{
- display: flex;
- flex-wrap: nowrap;
- @media screen and (min-width: 768px) {
- display:block;
- }
- & > div{
- width: calc((100% / 3) - #{$gutter});
- @media screen and (min-width: 768px) {
- width: calc((100% / 2) - #{$gutter});
- max-width: 200px;
- margin-bottom: 2rem;
- }
- &:first-child{
- margin-right: $gutter;
- }
- }
- }
- }
- }
- #block-renderedsitesettingsblock-4{
- .site_setting_entity{
- & > div{
- margin: 1rem 0;
- &:first-child{
- &::after,&:before{
- margin: 0.5rem 0;
- display: block;
- content: " ";
- width: 1rem;
- height: 1px;
- background: black;
- }
- }
- }
- .sub-title{
- font-size: 1rem;
- }
- .d-flex{
- margin-top: 1rem;
- & > div{
- width: 30px;
- margin-right: 1rem;
- }
- }
- }
- }
- .site_setting_entity{
- img{
- height: auto;
- }
- }
- & > div{
- display: flex;
- flex-wrap: nowrap;
- .__slide{
- .flickity-slider{
- & > div{
- width: max-content;
- margin: 0 1rem;
- img{
- width: auto!important;
- height: 100px;
- max-width: 70px;
- object-fit: contain;
- }
- }
- }
- }
- }
- }
|