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

View File

@@ -50,4 +50,185 @@
height: 3px;
background: var(--e-global-color-accent);
transform: translate(0, -50%);
}
.home-card-2 .elementor-image-box-wrapper {
position: relative;
line-height: 0;
height: 100%;
}
.home-card-2 .elementor-image-box-wrapper:hover .elementor-image-box-img a::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.home-card-2 .elementor-image-box-wrapper:hover .elementor-image-box-img img {
transform: scale(1.1);
filter: brightness(0.5);
}
.home-card-2 .elementor-image-box-wrapper:hover .elementor-image-box-content .elementor-image-box-description {
height: 300px;
padding-top: 20px;
}
.home-card-2 .elementor-image-box-wrapper .elementor-image-box-img {
position: relative;
overflow: hidden;
height: 100%;
}
.home-card-2 .elementor-image-box-wrapper .elementor-image-box-img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
filter: brightness(0.7);
}
.home-card-2 .elementor-image-box-wrapper .elementor-image-box-img 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;
}
.home-card-2 .elementor-image-box-wrapper .elementor-image-box-content {
position: absolute;
bottom: 0;
left: 0;
padding: 40px;
line-height: 1.5;
}
.home-card-2 .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title {
position: relative;
margin-top: 0;
margin-bottom: 0;
}
.home-card-2 .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title::before {
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 40px;
height: 2px;
background: var(--e-global-color-accent);
}
.home-card-2 .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-description {
padding-top: 0px;
margin-bottom: 0px;
height: 0;
max-height: -moz-fit-content;
max-height: fit-content;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
.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.hp-box-2-right .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title::before {
left: 0;
}
.hp-box-2 .elementor-image-box-wrapper {
height: 100%;
}
.hp-box-2 .elementor-image-box-wrapper .elementor-image-box-content {
padding-top: 40px;
}
.hp-box-2 .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title {
position: relative;
margin-top: 0;
margin-bottom: 20px;
}
.hp-box-2 .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title::before {
content: "";
position: absolute;
bottom: -4px;
width: 40px;
height: 2px;
background: var(--e-global-color-accent);
}
.hp-box-2 .elementor-image-box-wrapper .elementor-image-box-content .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;
}
.hp-box-2 .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-link:hover {
color: var(--e-global-color-accent);
}
.hp-box-2 .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-link::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;
}
.title-b-line-left::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);
}
.btn-1 .elementor-button {
padding: 0;
margin: 0;
border-radius: 0;
background: transparent !important;
border: none !important;
}
.btn-1 .elementor-button .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;
}
.btn-1 .elementor-button .elementor-button-text::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;
-o-object-fit: contain;
object-fit: contain;
}
#home-video video {
max-height: 600px;
width: auto;
margin-left: auto;
margin-right: auto;
-o-object-fit: contain;
object-fit: contain;
}
.partners-slider .swiper-slide .swiper-slide-image {
width: 100%;
max-width: 150px;
}/*# sourceMappingURL=custom.css.map */

View File

@@ -1 +1 @@
{"version":3,"sources":["custom.scss","custom.css"],"names":[],"mappings":"AAGG;EACC,4BAAA;EACA,iCAAA;ACFJ;ADOE;EACC,WAAA;EACA,WAAA;EACA,gBAAA;ACLH;;ADYE;EACC,aAAA;ACTH;ADUG;EACC,kBAAA;EACA,aAAA;EACA,mBAAA;ACRJ;ADUI;EACC,WAAA;EACA,kBAAA;EACA,OAAA;EACA,YAAA;EACA,WAAA;EACA,WAAA;EACA,wCAAA;ACRL;ADWG;EACC,cAAA;EACA,mBAAA;ACTJ;ADYG;EACC,kBAAA;EACA,kBAAA;EACA,WAAA;EACA,eAAA;EACA,oCAAA;EACA,gBAAA;EACA,gCAAA;ACVJ;ADYI;EACC,mCAAA;ACVL;ADaI;EACC,WAAA;EACA,kBAAA;EACA,QAAA;EACA,OAAA;EACA,WAAA;EACA,WAAA;EACA,wCAAA;EACA,6BAAA;ACXL","file":"custom.css"}
{"version":3,"sources":["custom.scss","custom.css"],"names":[],"mappings":"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","file":"custom.css"}

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;
}
}
}