div.fc_cta_banner {
padding: 10px clamp(15px, 6vw, 200px);
@media (max-width: 660px) {
padding-inline: 0;
&.brochure_small {
padding-inline: 0 !important;
}
.banner {
border-radius: 0 !important;
}
}
.banner {
position: relative;
border-radius: 10px;
padding: clamp(15px, 2vw, 60px) clamp(15px, 6vw, 150px);
overflow: hidden;
z-index: 1;
}
&.brochure_banner, &.brochure_small {
padding:0;
&.brochure_small {
padding: 10px clamp(15px, 6vw, 200px);
.banner {
border-radius: 10px;
}
}
.banner {
background: #ffc90a;
border-radius: 0;
&:before {
content: '';
position: absolute;
top: 0;
right: 18%;
@media (max-width: 1545px) {
right: 25%;
}
@media (max-width: 1214px) {
right: 35%;
}
@media (max-width: 630px) {
right: 10%;
}
width: 500px;
height: 100%;
z-index: -1;
background: center / contain no-repeat url('data:image/svg+xml,');
}
&:after {
content: '';
position: absolute;
top: 0;
right: 4%;
width: 550px;
height: 100%;
z-index: -1;
@media (max-width: 1180px) {
opacity: 0.4;
}
@media (max-width: 814px) {
right: -12%;
}
@media (max-width: 630px) {
right: -35%;
}
background: center / contain no-repeat url('data:image/svg+xml,');
}
}
}
&.events_banner {
.banner {
background: #f2f2f2;
overflow: hidden;
.wp_content {
max-width: 514px;
}
&:after {
content: '';
position: absolute;
inset: 0;
width: 102%;
height: 100%;
z-index: -1;
background: center / cover no-repeat url('data:image/svg+xml,');
}
&:before {
content: '';
position: absolute;
width: 420px;
height: 100%;
right: 40px;
@media (max-width: 1070px) {
opacity: .3;
}
@media (max-width: 490px) {
right: -80px;
}
top: 0;
z-index: -1;
background: center / contain no-repeat url('data:image/svg+xml,');
}
}
}
}