_footer.scss
6.32 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
#wrapper-footer{
background-color: #183668;
width: 100%;
height: 200px;
margin-top: -100px;
position: absolute;
padding-bottom: 80px;
z-index: 99;
@media (max-width: 786px) {
height: 250px;
padding-bottom: 0px;
}
}
#wrapper-footer:before{
content: "";
display: block;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1376.236" height="130.521" viewBox="0 0 1376.236 130.521"><g id="White_block_frame" data-name="White block frame" transform="translate(379.943 -391.106)"><path id="Path_1" data-name="Path 1" d="M995.793,324.6v99.616l-1375.236-.206V324.931l1204.476-.014,18.5.02c.04.36.07.71.11,1.08,2.35,1,4.91,3.14,6.99,2.75a48.779,48.779,0,0,0,10.78-3.81c.65-.29,1.3-.59,1.94-.88,3.26-1.49,6.07-4.03,9.93-1.1.93.7,3.12.38,4.43-.16,3.78-1.58,7.71-3.07,10.99-5.41,6.1-4.35,8.67-5.03,13.66-1.2,1.9,1.45,2.99,3.91,4.59,5.82a16.656,16.656,0,0,0,2.79,3,.786.786,0,0,0,.63.18,6.293,6.293,0,0,1,1.07-.18h.89c2.65.19,4.48,2.17,6.78,3.19a3.9,3.9,0,0,0,3.56-.7,14.172,14.172,0,0,0,1.65-2.47c.55-1.02,1.07-2.11,1.69-3.21h-6.04c2.23-3.3,4.09-6.05,6.29-9.3-1.87.21-2.9.32-4.71.51,1.17-1.84,1.93-3.11,2.73-4.34.83-1.28,2.65-2.85,2.36-3.76-1.52-4.83,2.81-6.63,3.98-9.99.52-.07,1.05-.15,1.58-.22,2.58,5.96,5.17,11.92,7.87,18.15h-3.66c1.99,3.1,3.74,5.83,5.84,9.08H936.6c.8,1.06,1.56,2.08,2.31,3.1,1.48,1.99,2.96,3.98,4.7,6.33.66-2.27,1.25-4.35,1.83-6.32.69-2.44,1.34-4.72,2-6.99l1.22.06a13.36,13.36,0,0,1,1.37,2.79c.34,1.39.68,2.76,1.01,4.15q2.28,9.36,4.45,18.76a18.665,18.665,0,0,0,5.1,8.77c2.72,2.89,4.19,6.95,6.26,10.46.89,1.49,1.91,2.89,3.35,5.05,2.31-5.51,4.35-9.78,5.89-14.22,1.36-3.93,5.42-7.07,3.25-12.16-.67-1.54.03-3.85.53-5.68.89-3.19,2.12-6.28,3.21-9.41.63.04,1.27.07,1.91.1q1.92,8.58,3.83,17.16c.36.02.72.03,1.08.05,1.25-3.03,2.58-6,3.71-9.06A29.945,29.945,0,0,0,995.793,324.6Z" transform="translate(0 96.914)" fill="%23183668" stroke="rgba(0,0,0,0)" stroke-width="1"/></g></svg>');
display: block;
width: 100%;
height: 100px;
background-position: right top;
background-size: cover;
background-repeat: no-repeat;
margin-top: -120px;
}
.site-footer{
img{
float: right;
width: 230px;
@media (max-width: 786px) {
margin-top: 10px;
padding: 0px 10px;
}
}
}
#menu-footer{
list-style: none;
padding-left: 0px;
@media (max-width: 786px) {
padding: 0px 10px;
}
li{
a{
color: #fff;
text-decoration: none;
font-size: 18px;
line-height: 24px;
font-weight: 300;
&:hover{
color: #fff;
text-decoration: underline;
}
}
}
}
#menu-social {
display: flex;
list-style: none;
margin-bottom: 10px;
padding: 0;
gap: 1rem;
@media (max-width: 786px) {
padding: 0 10px;
}
li{
a {
color:transparent;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
}
&.insta {
a {
width:25px;
height:25px;
text-indent: 9999px;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="26" height="26" viewBox="0 0 26 26"><defs><clipPath id="clip-path"><rect id="Rectangle_79" data-name="Rectangle 79" width="26" height="26" fill="%23fff"/></clipPath></defs><g id="Group_72" data-name="Group 72" clip-path="url(%23clip-path)"><path id="Path_29" data-name="Path 29" d="M25.923,7.64C25.71,2.924,23.086.3,18.363.08,16.974.017,16.532,0,13,0S9.029.017,7.64.08C2.917.3.295,2.917.079,7.64.015,9.029,0,9.471,0,13s.015,3.973.079,5.361c.216,4.721,2.838,7.344,7.562,7.562C9.029,25.985,9.469,26,13,26s3.973-.017,5.362-.079c4.715-.218,7.347-2.837,7.56-7.562C25.985,16.974,26,16.532,26,13s-.015-3.972-.077-5.361M23.585,18.253c-.162,3.495-1.8,5.17-5.331,5.331-1.371.06-1.781.075-5.254.075s-3.883-.013-5.252-.075c-3.531-.162-5.168-1.839-5.331-5.331-.06-1.369-.075-1.781-.075-5.252s.015-3.883.075-5.252c.161-3.5,1.8-5.17,5.331-5.331C9.118,2.356,9.53,2.345,13,2.345s3.883.013,5.254.075c3.526.161,5.168,1.831,5.331,5.329.06,1.371.074,1.781.074,5.252s-.013,3.883-.074,5.252" transform="translate(0 0)" fill="%23fff"/><path id="Path_30" data-name="Path 30" d="M10.454,3.779a6.675,6.675,0,1,0,6.678,6.676,6.677,6.677,0,0,0-6.678-6.676m0,11.009a4.333,4.333,0,1,1,4.336-4.333,4.332,4.332,0,0,1-4.336,4.333" transform="translate(2.545 2.546)" fill="%23fff"/><path id="Path_31" data-name="Path 31" d="M12.541,2.69A1.56,1.56,0,1,0,14.1,4.25a1.56,1.56,0,0,0-1.562-1.56" transform="translate(7.397 1.812)" fill="%23fff"/></g></svg>');
}
a:hover {
opacity: 0.4;
}
}
&.face {
a{
width:15px;
height:25px;
text-indent: 9999px;
background-image: url('data:image/svg+xml,<svg id="social_media_-_FB" data-name="social media - FB" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15.167" height="26" viewBox="0 0 15.167 26"><defs><clipPath id="clip-path"><rect id="Rectangle_78" data-name="Rectangle 78" width="15.167" height="26" fill="%23fff"/></clipPath></defs><g id="Group_70" data-name="Group 70" clip-path="url(%23clip-path)"><path id="Path_28" data-name="Path 28" d="M4.333,8.666H0V13H4.333V26h6.5V13h3.943l.39-4.333H10.833v-1.8c0-1.036.208-1.446,1.208-1.446h3.125V0H9.958c-3.9,0-5.625,1.715-5.625,5Z" transform="translate(0 0)" fill="%23fff"/></g></svg>');
}
a:hover {
opacity: 0.4;
}
}
}
}
.new-window{
a:after{
content: "";
height: 20px;
width: 20px;
margin-left: 8px;
position: relative;
top: 7px;
display: inline-block;
background-repeat: no-repeat;
color: #fff;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="%23fff" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>');
}
}