_link_block.scss
8.62 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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
.block-link{
text-decoration: none;
.link-block{
color: #000;
height:350px;
position: relative;
overflow: hidden;
box-shadow: 0px 3px 6px #00000029;
.image{
background-size: cover;
background-position:center;
transition: 0.5s;
}
.link{
padding-top: 18px;
text-transform: uppercase;
color: #fff;
font-size: 16px;
line-height: 20px;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 50px;
text-align: center;
background-size: cover;
background-position: top right;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='445' height='45.104' viewBox='0 0 445 45.104'%3E%3Cpath id='Union_1' data-name='Union 1' d='M-1628-953.943v-36h231.632l167.007-.04 4.914.005c.011.1.019.189.029.287.625.266 1.305.834 1.858.73a12.964 12.964 0 0 0 2.864-1.012l.515-.234c.866-.4 1.613-1.07 2.638-.292a1.475 1.475 0 0 0 1.177-.043 14.77 14.77 0 0 0 2.92-1.437c1.62-1.155 2.3-1.336 3.628-.319a9.343 9.343 0 0 1 1.219 1.546 4.444 4.444 0 0 0 .742.8.208.208 0 0 0 .167.048 1.638 1.638 0 0 1 .284-.048h.236c.7.05 1.191.576 1.8.847a1.038 1.038 0 0 0 .946-.185 3.743 3.743 0 0 0 .438-.657c.146-.271.284-.56.449-.852h-1.6c.592-.877 1.086-1.607 1.671-2.471-.5.056-.77.085-1.252.136.311-.489.513-.826.725-1.153s.7-.758.627-1c-.4-1.283.746-1.761 1.057-2.654l.419-.058c.686 1.583 1.373 3.166 2.091 4.821h-.972c.528.823.994 1.549 1.551 2.412h-1.5c.212.282.414.553.614.824.392.529.786 1.057 1.248 1.682.176-.6.332-1.156.486-1.679.184-.648.356-1.254.531-1.857l.324.016a3.53 3.53 0 0 1 .365.741c.09.37.181.733.268 1.1q.606 2.487 1.182 4.984a4.956 4.956 0 0 0 1.355 2.329 15.077 15.077 0 0 1 1.662 2.779c.237.4.508.768.89 1.341.614-1.463 1.156-2.6 1.565-3.777.361-1.044 1.44-1.878.863-3.23a2.585 2.585 0 0 1 .14-1.509c.237-.847.563-1.668.853-2.5.167.011.338.018.508.026q.509 2.28 1.017 4.558l.287.013c.332-.8.685-1.594.985-2.407a7.956 7.956 0 0 0 .579-2.739v36.124Z' transform='translate(1628.5 998.547)' fill='%23183668' stroke='rgba(0 0 0 0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E");
}
}
.link-block.text{
padding:40px 32px 0px 32px;
}
}
.block-link:hover{
.link-block{
color: #000;
.image{
transform: scale(1.1) !important;
background-position:center;
transition: .3s;
}
.link{
font-weight: 700;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='445' height='45.104' viewBox='0 0 445 45.104'%3E%3Cpath id='Union_1' data-name='Union 1' d='M-1628-953.943v-36h231.632l167.007-.04 4.914.005c.011.1.019.189.029.287.625.266 1.305.834 1.858.73a12.964 12.964 0 0 0 2.864-1.012l.515-.234c.866-.4 1.613-1.07 2.638-.292a1.475 1.475 0 0 0 1.177-.043 14.77 14.77 0 0 0 2.92-1.437c1.62-1.155 2.3-1.336 3.628-.319a9.343 9.343 0 0 1 1.219 1.546 4.444 4.444 0 0 0 .742.8.208.208 0 0 0 .167.048 1.638 1.638 0 0 1 .284-.048h.236c.7.05 1.191.576 1.8.847a1.038 1.038 0 0 0 .946-.185 3.743 3.743 0 0 0 .438-.657c.146-.271.284-.56.449-.852h-1.6c.592-.877 1.086-1.607 1.671-2.471-.5.056-.77.085-1.252.136.311-.489.513-.826.725-1.153s.7-.758.627-1c-.4-1.283.746-1.761 1.057-2.654l.419-.058c.686 1.583 1.373 3.166 2.091 4.821h-.972c.528.823.994 1.549 1.551 2.412h-1.5c.212.282.414.553.614.824.392.529.786 1.057 1.248 1.682.176-.6.332-1.156.486-1.679.184-.648.356-1.254.531-1.857l.324.016a3.53 3.53 0 0 1 .365.741c.09.37.181.733.268 1.1q.606 2.487 1.182 4.984a4.956 4.956 0 0 0 1.355 2.329 15.077 15.077 0 0 1 1.662 2.779c.237.4.508.768.89 1.341.614-1.463 1.156-2.6 1.565-3.777.361-1.044 1.44-1.878.863-3.23a2.585 2.585 0 0 1 .14-1.509c.237-.847.563-1.668.853-2.5.167.011.338.018.508.026q.509 2.28 1.017 4.558l.287.013c.332-.8.685-1.594.985-2.407a7.956 7.956 0 0 0 .579-2.739v36.124Z' transform='translate(1628.5 998.547)' fill='%23132C55' stroke='rgba(0 0 0 0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E");
}
}
}
.link-block.image-text{
overflow: hidden;
padding:0px;
height:auto;
.text{
padding:25px 47px 60px 47px;
}
.img-content{
overflow:hidden;
padding:0px;
}
.img{
background-size: cover;
background-position:center;
min-height: 250px;
-o-object-fit: cover;
object-fit: cover;
@media only screen and (max-width: 800px) {
min-height: 300px;
}
}
.link{
padding-top: 35px;
height: 70px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='902.135' height='60.705' viewBox='0 0 902.135 60.705'%3E%3Cg id='Colour_block_frame' data-name='Colour block frame' transform='translate(481.137 11)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M317.3 306.17v48.9l-902.135.374V306.751l836.751-.458L259 306.3c.015.138.027.272.042.414.9.383 1.88 1.2 2.676 1.053a18.677 18.677 0 0 0 4.128-1.459c.249-.111.5-.226.743-.337 1.248-.571 2.324-1.543 3.8-.421a2.125 2.125 0 0 0 1.7-.061 21.282 21.282 0 0 0 4.208-2.072c2.336-1.666 3.32-1.926 5.23-.46a13.507 13.507 0 0 1 1.758 2.229 6.38 6.38 0 0 0 1.068 1.149.3.3 0 0 0 .241.069 2.411 2.411 0 0 1 .41-.069h.341c1.015.073 1.715.831 2.6 1.221a1.494 1.494 0 0 0 1.363-.268 5.428 5.428 0 0 0 .632-.946c.211-.391.41-.808.647-1.229h-2.313c.854-1.264 1.566-2.317 2.408-3.561-.716.08-1.11.122-1.8.2.448-.7.739-1.191 1.045-1.662.318-.49 1.015-1.091.9-1.44-.582-1.849 1.076-2.539 1.524-3.825.2-.027.4-.057.6-.084.988 2.282 1.98 4.564 3.013 6.95h-1.4c.762 1.187 1.432 2.232 2.236 3.477h-2.163c.306.406.6.8.885 1.187.567.762 1.133 1.524 1.8 2.424.253-.869.479-1.666.7-2.42.264-.934.513-1.807.766-2.676l.467.023a5.113 5.113 0 0 1 .525 1.068c.13.532.26 1.057.387 1.589q.873 3.584 1.7 7.183a7.148 7.148 0 0 0 1.953 3.358 21.709 21.709 0 0 1 2.4 4.005c.341.57.731 1.107 1.283 1.934.885-2.11 1.666-3.745 2.255-5.445.521-1.5 2.075-2.707 1.244-4.656a3.722 3.722 0 0 1 .2-2.175c.341-1.221.812-2.4 1.229-3.6.241.015.486.027.731.038q.735 3.285 1.467 6.571c.138.008.276.011.414.019.479-1.16.988-2.3 1.421-3.469A11.466 11.466 0 0 0 317.3 306.17Z' transform='translate(103.7 -305.737)' fill='%23183668'/%3E%3C/g%3E%3C/svg%3E");
}
}
.link-block.image-text:hover{
.img{
transform: scale(1.05);
background-position:center;
transition: .3s;
}
.link{
padding-top: 35px;
height: 70px;
font-weight: 700;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='902.135' height='60.705' viewBox='0 0 902.135 60.705'%3E%3Cg id='Colour_block_frame' data-name='Colour block frame' transform='translate(481.137 11)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M317.3 306.17v48.9l-902.135.374V306.751l836.751-.458L259 306.3c.015.138.027.272.042.414.9.383 1.88 1.2 2.676 1.053a18.677 18.677 0 0 0 4.128-1.459c.249-.111.5-.226.743-.337 1.248-.571 2.324-1.543 3.8-.421a2.125 2.125 0 0 0 1.7-.061 21.282 21.282 0 0 0 4.208-2.072c2.336-1.666 3.32-1.926 5.23-.46a13.507 13.507 0 0 1 1.758 2.229 6.38 6.38 0 0 0 1.068 1.149.3.3 0 0 0 .241.069 2.411 2.411 0 0 1 .41-.069h.341c1.015.073 1.715.831 2.6 1.221a1.494 1.494 0 0 0 1.363-.268 5.428 5.428 0 0 0 .632-.946c.211-.391.41-.808.647-1.229h-2.313c.854-1.264 1.566-2.317 2.408-3.561-.716.08-1.11.122-1.8.2.448-.7.739-1.191 1.045-1.662.318-.49 1.015-1.091.9-1.44-.582-1.849 1.076-2.539 1.524-3.825.2-.027.4-.057.6-.084.988 2.282 1.98 4.564 3.013 6.95h-1.4c.762 1.187 1.432 2.232 2.236 3.477h-2.163c.306.406.6.8.885 1.187.567.762 1.133 1.524 1.8 2.424.253-.869.479-1.666.7-2.42.264-.934.513-1.807.766-2.676l.467.023a5.113 5.113 0 0 1 .525 1.068c.13.532.26 1.057.387 1.589q.873 3.584 1.7 7.183a7.148 7.148 0 0 0 1.953 3.358 21.709 21.709 0 0 1 2.4 4.005c.341.57.731 1.107 1.283 1.934.885-2.11 1.666-3.745 2.255-5.445.521-1.5 2.075-2.707 1.244-4.656a3.722 3.722 0 0 1 .2-2.175c.341-1.221.812-2.4 1.229-3.6.241.015.486.027.731.038q.735 3.285 1.467 6.571c.138.008.276.011.414.019.479-1.16.988-2.3 1.421-3.469A11.466 11.466 0 0 0 317.3 306.17Z' transform='translate(103.7 -305.737)' fill='%23132C55'/%3E%3C/g%3E%3C/svg%3E");
}
}
.link-block.image-text.no-link{
box-shadow: 0px 3px 6px #00000029;
.img{
transform: scale(1) !important;
background-position:center;
transition: .3s;
}
}
.link-block{
.text{
position: relative;
p:last-child{
padding-bottom: 40px;
}
a{
background-color: transparent !important;
text-transform: uppercase;
max-width: unset;
float: right;
border: 1px solid #183668 !important;
color: #183668 !important;
transition: ease-out 0.5s;
position: absolute;
bottom: 25px;
left: 45px;
padding: 10px 20px;
text-decoration: none;
}
a:hover{
background-color: transparent !important;
color: #fff !important;
box-shadow: inset 200px 0 0 0 #183668;
transition: ease-out 0.5s;
}
}
}