Files
Popsu-coloque/web/themes/custom/colloque2024/css-compiled/components/footer/footer.css
T
2024-05-08 23:03:32 +02:00

93 lines
3.5 KiB
CSS

footer {
background: white;
border-top: 1px solid black;
width: 100%;
height: auto;
margin-top: 2rem; }
footer .container {
max-width: 90vw; }
footer > .d-flex > div {
margin-bottom: 1.5rem;
padding-top: 2rem;
padding-left: 2rem !important;
padding-right: 2rem !important; }
footer > .d-flex > div:not(:last-of-type) {
border-right: 1px solid black; }
@media screen and (min-width: 300px) {
footer > .d-flex > div:not(:last-of-type) {
border-right: none; } }
@media (min-width: 992px) {
footer .d-lg-block {
display: block !important; } }
footer #block-renderedsitesettingsblock-5 {
max-width: 30%; }
@media screen and (max-width: 550px) {
footer #block-renderedsitesettingsblock-5 {
max-width: 80%; } }
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid {
display: grid;
grid-template-columns: 1fr 1fr; }
@media (max-width: 992px) {
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid {
display: flex;
flex-direction: row;
flex-wrap: wrap; } }
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(1) {
grid-column: 1;
grid-row: 1 / span 3; }
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(2) {
grid-column: 2;
grid-row: 1; }
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(3) {
grid-column: 2;
grid-row: 2;
margin-left: 1rem; }
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(3) a img {
width: 90%;
margin: auto; }
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(4) {
grid-column: 2;
grid-row: 3;
margin-top: 2rem;
margin-left: 1rem; }
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(4) a img {
width: 60%; }
@media screen and (max-width: 300px) {
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid {
display: flex;
flex-direction: column; } }
@media (min-width: 992px) {
footer #block-renderedsitesettingsblock-4 .d-lg-block {
display: block !important; } }
footer #block-renderedsitesettingsblock-4 .site_setting_entity > div {
margin: 1rem 0; }
footer #block-renderedsitesettingsblock-4 .site_setting_entity > div:first-child::after, footer #block-renderedsitesettingsblock-4 .site_setting_entity > div:first-child:before {
margin: 0.5rem 0;
display: block;
content: " ";
width: 1rem;
height: 1px;
background: black; }
footer #block-renderedsitesettingsblock-4 .site_setting_entity .sub-title {
font-size: 1rem; }
footer #block-renderedsitesettingsblock-4 .site_setting_entity .d-flex {
margin-top: 1rem; }
footer #block-renderedsitesettingsblock-4 .site_setting_entity .d-flex > div {
width: 30px;
margin-right: 1rem; }
footer .site_setting_entity img {
height: auto; }
footer > div {
display: flex;
flex-wrap: nowrap; }
footer > div .__slide .flickity-slider > div {
width: max-content;
margin: 0 1rem; }
footer > div .__slide .flickity-slider > div img {
width: auto !important;
height: 100px;
max-width: 70px;
object-fit: contain; }
footer #block-renderedsitesettingsblock-3 {
display: none; }