diff --git a/wp-content/themes/hello-elementor/assets/css/custom.css b/wp-content/themes/hello-elementor/assets/css/custom.css index e71a65b..61418df 100644 --- a/wp-content/themes/hello-elementor/assets/css/custom.css +++ b/wp-content/themes/hello-elementor/assets/css/custom.css @@ -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 */ \ No newline at end of file diff --git a/wp-content/themes/hello-elementor/assets/css/custom.css.map b/wp-content/themes/hello-elementor/assets/css/custom.css.map index 5054958..4650d45 100644 --- a/wp-content/themes/hello-elementor/assets/css/custom.css.map +++ b/wp-content/themes/hello-elementor/assets/css/custom.css.map @@ -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"} \ No newline at end of file +{"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;;ADmBC;EACC,kBAAA;EACA,cAAA;EACA,YAAA;AChBF;ADqBK;EACC,YAAA;EACA,4BAAA;EACA,6BAAA;ACnBN;ADuBI;EACC,qBAAA;EACA,uBAAA;ACrBL;AD0BI;EACC,aAAA;EACA,iBAAA;ACxBL;AD6BE;EACC,kBAAA;EACA,gBAAA;EACA,YAAA;AC3BH;AD6BG;EACC,YAAA;EACA,oBAAA;KAAA,iBAAA;EACA,uBAAA;AC3BJ;AD+BI;EACC,WAAA;EACA,kBAAA;EACA,WAAA;EACA,UAAA;EACA,SAAA;EACA,QAAA;EACA,0CAAA;EACA,+CAAA;EACA,UAAA;AC7BL;ADkCE;EACC,kBAAA;EACA,SAAA;EACA,OAAA;EACA,aAAA;EACA,gBAAA;AChCH;ADkCG;EACC,kBAAA;EACA,aAAA;EACA,gBAAA;AChCJ;ADkCI;EACC,WAAA;EACA,kBAAA;EACA,OAAA;EACA,YAAA;EACA,WAAA;EACA,WAAA;EACA,wCAAA;AChCL;ADmCG;EACC,gBAAA;EACA,kBAAA;EACA,SAAA;EACA,4BAAA;EAAA,uBAAA;EACA,gBAAA;EACA,gCAAA;ACjCJ;AD+CK;EACC,QAAA;AC7CN;ADuDK;EACC,OAAA;ACrDN;AD4DC;EACC,YAAA;AC1DF;AD4DE;EACC,iBAAA;AC1DH;AD4DG;EACC,kBAAA;EACA,aAAA;EACA,mBAAA;AC1DJ;AD4DI;EACC,WAAA;EACA,kBAAA;EACA,YAAA;EACA,WAAA;EACA,WAAA;EACA,wCAAA;AC1DL;AD6DG;EACC,kBAAA;EACA,kBAAA;EACA,WAAA;EACA,eAAA;EACA,oCAAA;EACA,gBAAA;EACA,gCAAA;AC3DJ;AD6DI;EACC,mCAAA;AC3DL;AD8DI;EACC,WAAA;EACA,kBAAA;EACA,QAAA;EACA,OAAA;EACA,WAAA;EACA,WAAA;EACA,wCAAA;EACA,6BAAA;AC5DL;;ADmEA;EACC,kBAAA;EACA,aAAA;EACA,mBAAA;AChED;ADkEC;EACC,WAAA;EACA,kBAAA;EACA,YAAA;EACA,WAAA;EACA,WAAA;EACA,wCAAA;AChEF;;ADuEG;EACC,mCAAA;ACpEJ;ADyEC;EACC,UAAA;EACA,SAAA;EACA,gBAAA;EACA,kCAAA;EACA,uBAAA;ACvEF;ADyEE;EACC,kBAAA;EACA,kBAAA;EACA,WAAA;EACA,eAAA;EACA,oCAAA;EACA,gBAAA;EACA,gCAAA;ACvEH;ADyEG;EACC,WAAA;EACA,kBAAA;EACA,QAAA;EACA,OAAA;EACA,WAAA;EACA,WAAA;EACA,wCAAA;EACA,6BAAA;ACvEJ;;AD6EA;EACC,iBAAA;EACA,sBAAA;KAAA,mBAAA;AC1ED;AD4EC;EACC,iBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;EACA,sBAAA;KAAA,mBAAA;AC1EF;;ADgFE;EACC,WAAA;EACA,gBAAA;AC7EH","file":"custom.css"} \ No newline at end of file diff --git a/wp-content/themes/hello-elementor/assets/css/custom.scss b/wp-content/themes/hello-elementor/assets/css/custom.scss index 1a66b18..4c2c0d9 100644 --- a/wp-content/themes/hello-elementor/assets/css/custom.scss +++ b/wp-content/themes/hello-elementor/assets/css/custom.scss @@ -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; + } + } +}