ecfbb47f1e
Favicon aanpassen Logo aanpassen + subtitel toevoegd Tab ‘Nieuws’ uit het menu gehaalt Menu item ‘Gemist’ in menu plaaten App uit menu balk Adverteren toevoegen aan blauwe balk Wat draait in sidebar NH Gooi Radio Live Footer tekst NAW toevoegen aan contact pagina Op contactpagina: Chef redactie Delen bericht
136 lines
2.4 KiB
SCSS
Vendored
136 lines
2.4 KiB
SCSS
Vendored
@use "../abstracts/mixin" as *;
|
|
@use "../abstracts/variables" as *;
|
|
|
|
.footer_container {
|
|
font-family: Montserrat, serif;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 1.71;
|
|
text-align: left;
|
|
color: $text-inverted-color;
|
|
|
|
.footer_menu {
|
|
background-image: linear-gradient(to right, #0102b0, #4090e3);
|
|
padding: 15px 0;
|
|
@media (max-width: 768px) {
|
|
padding: 60px 30px 30px 30px;
|
|
}
|
|
|
|
.row {
|
|
@include container;
|
|
}
|
|
|
|
.row:first-child {
|
|
padding-bottom: 70px;
|
|
margin-bottom: 34px;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
|
|
}
|
|
|
|
a {
|
|
color: $text-inverted-color;
|
|
text-decoration: none;
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.about a {
|
|
display: inline;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.buttons a {
|
|
text-transform: uppercase;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.box_header {
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
|
|
|
|
span {
|
|
border-bottom: 3px solid #fff;
|
|
color: $text-inverted-color;
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.copyright {
|
|
padding: 20px;
|
|
background-color: #0f259d;
|
|
text-align: center;
|
|
position: relative;
|
|
|
|
.scroll_top {
|
|
position: absolute;
|
|
right: 30px;
|
|
top: -19px;
|
|
width: 38px;
|
|
height: 38px;
|
|
background-color: #5ba8f4;
|
|
color: $text-inverted-color;
|
|
text-decoration: none;
|
|
line-height: 40px;
|
|
border-radius: 5px;
|
|
}
|
|
}
|
|
|
|
.footer_menu2 {
|
|
@include reset-list;
|
|
float: left;
|
|
margin-bottom: 20px;
|
|
|
|
li {
|
|
@media (min-width: 768px) {
|
|
float: left;
|
|
}
|
|
margin-right: 40px;
|
|
padding: 9px 0;
|
|
&:first-child {
|
|
padding: 0;
|
|
@media (max-width: 768px) {
|
|
padding: 0 0 15px 0;
|
|
}
|
|
}
|
|
|
|
.logo {
|
|
display: block;
|
|
width: 115px;
|
|
height: 41px;
|
|
}
|
|
|
|
a {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
}
|
|
|
|
.footer_social_media {
|
|
float: right;
|
|
@include reset-list;
|
|
|
|
li {
|
|
float: left;
|
|
margin: 4px;
|
|
|
|
a {
|
|
display: block;
|
|
width: 34px;
|
|
height: 34px;
|
|
border-radius: 5px;
|
|
text-align: center;
|
|
line-height: 37px;
|
|
|
|
&.facebook {
|
|
background-color: #0f259d;
|
|
}
|
|
&.twitter-x {
|
|
background-color: #5ba8f4;
|
|
}
|
|
&.youtube {
|
|
background-color: #e73323;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|