100 lines
1.5 KiB
SCSS
100 lines
1.5 KiB
SCSS
.footer-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
border-radius: 8px;
|
|
background-color: var(--bluest-blue);
|
|
}
|
|
|
|
.footer-upper-box {
|
|
display: flex;
|
|
flex-direction: row;
|
|
height: 150px;
|
|
width: 100%;
|
|
}
|
|
|
|
.footer-right-box {
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-top: 12px;
|
|
padding: 10px 20px;
|
|
width: 75%;
|
|
}
|
|
|
|
.footer-left-box {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 10px 20px;
|
|
width: 25%;
|
|
}
|
|
|
|
.footer-logo {
|
|
height: 80px;
|
|
}
|
|
|
|
.footer-left-inner {
|
|
width: 100%;
|
|
height: 95%;
|
|
border-right: 1px solid #fff;
|
|
}
|
|
|
|
.footer-lower-box {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
//border-top: 1px solid #ffd7b1;
|
|
height: 50px;
|
|
width: 100%;
|
|
}
|
|
|
|
.footer-item {
|
|
font-weight: 500;
|
|
color: #fff;
|
|
margin: 0px 10px;
|
|
padding: 0px 10px;
|
|
}
|
|
|
|
.footer-item-link {
|
|
letter-spacing: 0.11rem;
|
|
font-weight: 500;
|
|
color: #fff;
|
|
margin: 0px 10px;
|
|
padding: 0px 10px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*
|
|
background-color: var(
|
|
--bluest-blue
|
|
); //#4675c3; // before Ali: #4e6a98; // #18263c; //#a7b1c0 #22416f //#22416f
|
|
*/
|
|
|
|
@media only screen and (max-width: 430px) {
|
|
.footer-left-box {
|
|
width: 40%;
|
|
}
|
|
|
|
.footer-left-inner {
|
|
border-right: none;
|
|
}
|
|
|
|
.footer-right-box {
|
|
width: 60%;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.footer-logo {
|
|
height: 60px;
|
|
}
|
|
|
|
.footer-item-link {
|
|
font-size: 0.87rem;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.footer-item {
|
|
font-size: 0.87rem;
|
|
}
|
|
}
|