forked from markus/AMPERION_Webpage
74 lines
1.4 KiB
SCSS
74 lines
1.4 KiB
SCSS
.call-to-action {
|
|
position: relative;
|
|
text-align: center;
|
|
padding: 70px 10px;
|
|
background-size: cover;
|
|
background-position: center;
|
|
|
|
@include tablet {
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0, 0, 0, 0.7); /* Adjust the color and opacity as needed */
|
|
z-index: 1;
|
|
}
|
|
|
|
.container, .row, .col-md-12, .block {
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
|
|
h2 {
|
|
color: #ffffff;
|
|
margin: 0px;
|
|
padding: 20px 0px;
|
|
text-shadow:
|
|
-1px -1px 0 #000,
|
|
1px -1px 0 #000,
|
|
-1px 1px 0 #000,
|
|
1px 1px 0 #000; /* Black contour */
|
|
}
|
|
|
|
|
|
p {
|
|
color: #ffffff;
|
|
font-size: 20px;
|
|
text-shadow:
|
|
-1px -1px 0 #000,
|
|
1px -1px 0 #000,
|
|
-1px 1px 0 #000,
|
|
1px 1px 0 #000; /* Black contour */
|
|
}
|
|
.btn-main {
|
|
padding: 15px 35px;
|
|
font-size: 20px;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
text-shadow:
|
|
-1px -1px 0 #000,
|
|
1px -1px 0 #000,
|
|
-1px 1px 0 #000,
|
|
1px 1px 0 #000; /* Black contour */
|
|
}
|
|
}
|
|
|
|
.overlay-dark {
|
|
position: absolute;
|
|
top: 0; left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0, 0, 0, 0.4); // oder 0.6 oder 0.7
|
|
z-index: 1;
|
|
}
|
|
.call-to-action .container {
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|