Project-Pro/__inwestprofil.pagedev.pl
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Save

Browse Source
This commit is contained in:
Roman Pyrih
2025-07-15 13:42:28 +02:00
parent 2bc4812b3e
commit 0e9a49ee53
3 changed files with 423 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

241
wp-content/themes/hello-elementor/assets/css/custom.scss
View File

@@ -67,3 +67,244 @@
}
}
}
.home-card-2 {
.elementor-image-box-wrapper {
position: relative;
line-height: 0;
height: 100%;
&:hover {
.elementor-image-box-img {
a {
&::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
}
img {
transform: scale(1.1);
filter: brightness(0.5);
}
}
.elementor-image-box-content {
.elementor-image-box-description {
height: 300px;
padding-top: 20px;
}
}
}
.elementor-image-box-img {
position: relative;
overflow: hidden;
height: 100%;
img {
height: 100%;
object-fit: cover;
filter: brightness(0.7);
}
a {
&::after {
content: '';
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
}
}
.elementor-image-box-content {
position: absolute;
bottom: 0;
left: 0;
padding: 40px;
line-height: 1.5;
.elementor-image-box-title {
position: relative;
margin-top: 0;
margin-bottom: 0;
&::before {
content: '';
position: absolute;
left: 0;
bottom: -4px;
width: 40px;
height: 2px;
background: var(--e-global-color-accent);
}
}
.elementor-image-box-description {
padding-top: 0px;
margin-bottom: 0px;
height: 0;
max-height: fit-content;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
.elementor-image-box-link {
}
}
}
}
.hp-box-2 {
&.hp-box-2-left {
.elementor-image-box-wrapper {
.elementor-image-box-content {
.elementor-image-box-title {
&::before {
right: 0;
}
}
}
}
}
&.hp-box-2-right {
.elementor-image-box-wrapper {
.elementor-image-box-content {
.elementor-image-box-title {
&::before {
left: 0;
}
}
}
}
}
.elementor-image-box-wrapper {
height: 100%;
.elementor-image-box-content {
padding-top: 40px;
.elementor-image-box-title {
position: relative;
margin-top: 0;
margin-bottom: 20px;
&::before {
content: '';
position: absolute;
bottom: -4px;
width: 40px;
height: 2px;
background: var(--e-global-color-accent);
}
}
.elementor-image-box-link {
position: relative;
padding-left: 25px;
color: #000;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
transition: all 0.3s ease-in-out;
&:hover {
color: var(--e-global-color-accent);
}
&::before {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 15px;
height: 3px;
background: var(--e-global-color-accent);
transform: translate(0, -50%);
}
}
}
}
}
.title-b-line-left {
position: relative;
margin-top: 0;
margin-bottom: 20px;
&::before {
content: '';
position: absolute;
bottom: -5px;
width: 40px;
height: 2px;
background: var(--e-global-color-accent);
}
}
.btn-1 {
&:hover {
.elementor-button {
.elementor-button-text {
color: var(--e-global-color-accent);
}
}
}
.elementor-button {
padding: 0;
margin: 0;
border-radius: 0;
background: transparent !important;
border: none !important;
.elementor-button-text {
position: relative;
padding-left: 25px;
color: #000;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
transition: all 0.3s ease-in-out;
&::before {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 15px;
height: 3px;
background: var(--e-global-color-accent);
transform: translate(0, -50%);
}
}
}
}
#home-video {
max-height: 600px;
object-fit: contain;
video {
max-height: 600px;
width: auto;
margin-left: auto;
margin-right: auto;
object-fit: contain;
}
}
.partners-slider {
.swiper-slide {
.swiper-slide-image {
width: 100%;
max-width: 150px;
}
}
}