first commit
This commit is contained in:
234
wp-content/themes/hello-elementor/assets/css/custom.css
Normal file
234
wp-content/themes/hello-elementor/assets/css/custom.css
Normal file
@@ -0,0 +1,234 @@
|
||||
#home-hero-box {
|
||||
margin-top: -77px;
|
||||
}
|
||||
|
||||
#home-hero .elementor-swiper:hover .elementor-swiper-button {
|
||||
left: 20px;
|
||||
opacity: 1;
|
||||
}
|
||||
#home-hero .elementor-swiper .swiper-slide .swiper-slide-inner {
|
||||
max-width: var(--content-width);
|
||||
}
|
||||
#home-hero .elementor-swiper .elementor-swiper-button {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 100%;
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
left: -50px;
|
||||
opacity: 0;
|
||||
right: auto;
|
||||
transition-delay: 0.1s;
|
||||
transition-timing-function: ease-in-out;
|
||||
transition-duration: 0.5s;
|
||||
transition-property: all;
|
||||
transform-origin: bottom;
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
#home-hero .elementor-swiper .elementor-swiper-button::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
opacity: 0;
|
||||
transform: translate(-50%, -50%);
|
||||
background: rgba(255, 255, 255, 0.7);
|
||||
transition: all 300ms ease-in-out;
|
||||
border-radius: 100%;
|
||||
}
|
||||
#home-hero .elementor-swiper .elementor-swiper-button:hover::before {
|
||||
opacity: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
#home-hero .elementor-swiper .elementor-swiper-button:hover svg {
|
||||
fill: #000;
|
||||
}
|
||||
#home-hero .elementor-swiper .elementor-swiper-button.elementor-swiper-button-prev {
|
||||
top: calc(50% + 40px);
|
||||
}
|
||||
#home-hero .elementor-swiper .elementor-swiper-button.elementor-swiper-button-next {
|
||||
top: calc(50% - 40px);
|
||||
}
|
||||
#home-hero .elementor-swiper .elementor-swiper-button svg {
|
||||
z-index: 1;
|
||||
transition: all 300ms ease-in-out;
|
||||
}
|
||||
|
||||
.btn-1 {
|
||||
height: 55px;
|
||||
}
|
||||
.btn-1 .elementor-button-wrapper .elementor-button {
|
||||
padding: 20px 40px;
|
||||
border-radius: 0;
|
||||
}
|
||||
.btn-1 .elementor-button-wrapper .elementor-button .elementor-button-text {
|
||||
font-weight: 700;
|
||||
}
|
||||
.btn-2 {
|
||||
height: 55px;
|
||||
}
|
||||
.btn-2 .elementor-button-wrapper .elementor-button {
|
||||
padding: 10px 10px 10px 20px;
|
||||
border-radius: 0;
|
||||
box-shadow: 0 0 0 2px #eaeaea;
|
||||
background: #fff;
|
||||
}
|
||||
.btn-2 .elementor-button-wrapper .elementor-button:hover {
|
||||
background: #fd5523;
|
||||
box-shadow: 0 0 0 2px #fd5523;
|
||||
}
|
||||
.btn-2 .elementor-button-wrapper .elementor-button:hover .elementor-button-content-wrapper .elementor-button-text {
|
||||
color: #fff;
|
||||
}
|
||||
.btn-2 .elementor-button-wrapper .elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon {
|
||||
color: #fd5523;
|
||||
background: #fff;
|
||||
}
|
||||
.btn-2 .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper {
|
||||
align-items: center;
|
||||
-moz-column-gap: 15px;
|
||||
column-gap: 15px;
|
||||
}
|
||||
.btn-2 .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-text {
|
||||
color: #fd5523;
|
||||
font-weight: 700;
|
||||
}
|
||||
.btn-2 .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-icon {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #fd5523;
|
||||
}
|
||||
.btn-3 {
|
||||
height: 55px;
|
||||
}
|
||||
.btn-3 .elementor-button-wrapper .elementor-button {
|
||||
padding: 10px 10px 10px 20px;
|
||||
border-radius: 0;
|
||||
background: #fff;
|
||||
}
|
||||
.btn-3 .elementor-button-wrapper .elementor-button:hover {
|
||||
background: #062e39;
|
||||
}
|
||||
.btn-3 .elementor-button-wrapper .elementor-button:hover .elementor-button-content-wrapper .elementor-button-text {
|
||||
color: #fff;
|
||||
}
|
||||
.btn-3 .elementor-button-wrapper .elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon {
|
||||
color: #062e39;
|
||||
background: #fd5523;
|
||||
}
|
||||
.btn-3 .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper {
|
||||
align-items: center;
|
||||
-moz-column-gap: 15px;
|
||||
column-gap: 15px;
|
||||
}
|
||||
.btn-3 .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-text {
|
||||
color: #fd5523;
|
||||
font-weight: 700;
|
||||
}
|
||||
.btn-3 .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-icon {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #fd5523;
|
||||
}
|
||||
|
||||
.carousel-box-1 .swiper.swiper-initialized {
|
||||
overflow: initial;
|
||||
}
|
||||
.carousel-box-1 .swiper-slide {
|
||||
overflow: initial;
|
||||
}
|
||||
.carousel-box-1 .swiper-pagination .swiper-pagination-bullet {
|
||||
position: relative;
|
||||
}
|
||||
.carousel-box-1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border-radius: 100%;
|
||||
border: 1px solid #fd5523;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.price-tile .elementor-price-table .elementor-price-table__header {
|
||||
position: relative;
|
||||
border-bottom: 2px solid #eaeaea;
|
||||
}
|
||||
.price-tile .elementor-price-table .elementor-price-table__features-list .elementor-price-table__feature-inner {
|
||||
margin: 0 !important;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.price-tile .elementor-price-table .elementor-price-table__features-list .elementor-price-table__feature-inner svg {
|
||||
padding: 5px;
|
||||
background: #f9f9f9;
|
||||
border-radius: 100%;
|
||||
}
|
||||
.price-tile .elementor-price-table .elementor-price-table__price {
|
||||
justify-content: flex-start;
|
||||
align-items: flex-end;
|
||||
}
|
||||
.price-tile .elementor-price-table .elementor-price-table__price .elementor-price-table__period {
|
||||
width: -moz-fit-content;
|
||||
width: fit-content;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.price-tile .elementor-price-table .elementor-price-table__price .elementor-price-table__period::before {
|
||||
content: "/";
|
||||
}
|
||||
.price-tile .elementor-price-table .btn-1 {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.hp-contact-list .elementor-icon-list-items li .elementor-icon-list-icon svg {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 6px;
|
||||
background: #fd5523;
|
||||
border-radius: 100%;
|
||||
}
|
||||
.hp-contact-list .elementor-icon-list-items li:not(:last-child) {
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
}
|
||||
|
||||
.ph-iton-tile {
|
||||
margin-top: -55px;
|
||||
transform: translateY(55px);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.ph-iton-tile:hover {
|
||||
transform: translateY(-20px);
|
||||
}
|
||||
.ph-iton-tile:hover .elementor-widget-button {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
.ph-iton-tile .elementor-icon {
|
||||
background: #fff;
|
||||
border-radius: 100px;
|
||||
padding: 0 30px;
|
||||
}
|
||||
.ph-iton-tile .elementor-widget-button {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transition: all 0.3s ease;
|
||||
height: auto;
|
||||
padding-bottom: 20px;
|
||||
}/*# sourceMappingURL=custom.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["custom.scss","custom.css"],"names":[],"mappings":"AAAA;EACC,iBAAA;ACCD;;ADKG;EACC,UAAA;EACA,UAAA;ACFJ;ADMG;EACC,+BAAA;ACJJ;ADQE;EACC,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;EACA,oCAAA;EACA,WAAA;EACA,UAAA;EACA,WAAA;EACA,sBAAA;EACA,uCAAA;EACA,yBAAA;EACA,wBAAA;EACA,wBAAA;EACA,4BAAA;ACNH;ADQG;EACC,WAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,gCAAA;EACA,oCAAA;EACA,iCAAA;EACA,mBAAA;ACNJ;ADSI;EACC,UAAA;EACA,WAAA;EACA,YAAA;ACPL;ADUI;EACC,UAAA;ACRL;ADYG;EACC,qBAAA;ACVJ;ADYG;EACC,qBAAA;ACVJ;ADaG;EACC,UAAA;EACA,iCAAA;ACXJ;;ADkBC;EACC,YAAA;ACfF;ADkBG;EACC,kBAAA;EACA,gBAAA;AChBJ;ADkBI;EACC,gBAAA;AChBL;ADqBC;EACC,YAAA;ACnBF;ADqBG;EACC,4BAAA;EACA,gBAAA;EACA,6BAAA;EACA,gBAAA;ACnBJ;ADqBI;EACC,mBAAA;EACA,6BAAA;ACnBL;ADsBM;EACC,WAAA;ACpBP;ADsBM;EACC,cAAA;EACA,gBAAA;ACpBP;ADwBI;EACC,mBAAA;EACA,qBAAA;OAAA,gBAAA;ACtBL;ADwBK;EACC,cAAA;EACA,gBAAA;ACtBN;ADwBK;EACC,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;ACtBN;AD4BC;EACC,YAAA;AC1BF;AD4BG;EACC,4BAAA;EACA,gBAAA;EACA,gBAAA;AC1BJ;AD4BI;EACC,mBAAA;AC1BL;AD6BM;EACC,WAAA;AC3BP;AD6BM;EACC,cAAA;EACA,mBAAA;AC3BP;AD+BI;EACC,mBAAA;EACA,qBAAA;OAAA,gBAAA;AC7BL;AD+BK;EACC,cAAA;EACA,gBAAA;AC7BN;AD+BK;EACC,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;AC7BN;;ADsCC;EACC,iBAAA;ACnCF;ADqCC;EACC,iBAAA;ACnCF;ADuCE;EACC,kBAAA;ACrCH;ADwCI;EACC,WAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,yBAAA;EACA,gCAAA;ACtCL;;AD+CE;EACC,kBAAA;EACA,gCAAA;AC5CH;ADmDG;EACC,oBAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;ACjDJ;ADmDI;EACC,YAAA;EACA,mBAAA;EACA,mBAAA;ACjDL;ADsDE;EACC,2BAAA;EACA,qBAAA;ACpDH;ADsDG;EACC,uBAAA;EAAA,kBAAA;EACA,iBAAA;ACpDJ;ADsDI;EACC,YAAA;ACpDL;ADyDE;EACC,gBAAA;ACvDH;;ADgEI;EACC,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;AC7DL;ADiEG;EACC,gCAAA;AC/DJ;;ADqEA;EACC,iBAAA;EACA,2BAAA;EACA,yBAAA;AClED;ADoEC;EACC,4BAAA;AClEF;ADoEE;EACC,UAAA;EACA,mBAAA;AClEH;ADqEC;EACC,gBAAA;EACA,oBAAA;EACA,eAAA;ACnEF;ADqEC;EACC,UAAA;EACA,kBAAA;EACA,yBAAA;EACA,YAAA;EACA,oBAAA;ACnEF","file":"custom.css"}
|
||||
300
wp-content/themes/hello-elementor/assets/css/custom.scss
Normal file
300
wp-content/themes/hello-elementor/assets/css/custom.scss
Normal file
@@ -0,0 +1,300 @@
|
||||
#home-hero-box {
|
||||
margin-top: -77px;
|
||||
}
|
||||
|
||||
#home-hero {
|
||||
.elementor-swiper {
|
||||
&:hover {
|
||||
.elementor-swiper-button {
|
||||
left: 20px;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.swiper-slide {
|
||||
.swiper-slide-inner {
|
||||
max-width: var(--content-width);
|
||||
}
|
||||
}
|
||||
|
||||
.elementor-swiper-button {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 100%;
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
left: -50px;
|
||||
opacity: 0;
|
||||
right: auto;
|
||||
transition-delay: 0.1s;
|
||||
transition-timing-function: ease-in-out;
|
||||
transition-duration: 0.5s;
|
||||
transition-property: all;
|
||||
transform-origin: bottom;
|
||||
transform-style: preserve-3d;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
opacity: 0;
|
||||
transform: translate(-50%, -50%);
|
||||
background: rgba(255, 255, 255, 0.7);
|
||||
transition: all 300ms ease-in-out;
|
||||
border-radius: 100%;
|
||||
}
|
||||
&:hover {
|
||||
&::before {
|
||||
opacity: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
svg {
|
||||
fill: #000;
|
||||
}
|
||||
}
|
||||
|
||||
&.elementor-swiper-button-prev {
|
||||
top: calc(50% + 40px);
|
||||
}
|
||||
&.elementor-swiper-button-next {
|
||||
top: calc(50% - 40px);
|
||||
}
|
||||
|
||||
svg {
|
||||
z-index: 1;
|
||||
transition: all 300ms ease-in-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
&-1 {
|
||||
height: 55px;
|
||||
|
||||
.elementor-button-wrapper {
|
||||
.elementor-button {
|
||||
padding: 20px 40px;
|
||||
border-radius: 0;
|
||||
|
||||
.elementor-button-text {
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&-2 {
|
||||
height: 55px;
|
||||
.elementor-button-wrapper {
|
||||
.elementor-button {
|
||||
padding: 10px 10px 10px 20px;
|
||||
border-radius: 0;
|
||||
box-shadow: 0 0 0 2px #eaeaea;
|
||||
background: #fff;
|
||||
|
||||
&:hover {
|
||||
background: #fd5523;
|
||||
box-shadow: 0 0 0 2px #fd5523;
|
||||
|
||||
.elementor-button-content-wrapper {
|
||||
.elementor-button-text {
|
||||
color: #fff;
|
||||
}
|
||||
.elementor-button-icon {
|
||||
color: #fd5523;
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
.elementor-button-content-wrapper {
|
||||
align-items: center;
|
||||
column-gap: 15px;
|
||||
|
||||
.elementor-button-text {
|
||||
color: #fd5523;
|
||||
font-weight: 700;
|
||||
}
|
||||
.elementor-button-icon {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #fd5523;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&-3 {
|
||||
height: 55px;
|
||||
.elementor-button-wrapper {
|
||||
.elementor-button {
|
||||
padding: 10px 10px 10px 20px;
|
||||
border-radius: 0;
|
||||
background: #fff;
|
||||
|
||||
&:hover {
|
||||
background: #062e39;
|
||||
|
||||
.elementor-button-content-wrapper {
|
||||
.elementor-button-text {
|
||||
color: #fff;
|
||||
}
|
||||
.elementor-button-icon {
|
||||
color: #062e39;
|
||||
background: #fd5523;
|
||||
}
|
||||
}
|
||||
}
|
||||
.elementor-button-content-wrapper {
|
||||
align-items: center;
|
||||
column-gap: 15px;
|
||||
|
||||
.elementor-button-text {
|
||||
color: #fd5523;
|
||||
font-weight: 700;
|
||||
}
|
||||
.elementor-button-icon {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #fd5523;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.carousel-box-1 {
|
||||
.swiper.swiper-initialized {
|
||||
overflow: initial;
|
||||
}
|
||||
.swiper-slide {
|
||||
overflow: initial;
|
||||
}
|
||||
|
||||
.swiper-pagination {
|
||||
.swiper-pagination-bullet {
|
||||
position: relative;
|
||||
|
||||
&.swiper-pagination-bullet-active {
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border-radius: 100%;
|
||||
border: 1px solid #fd5523;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.price-tile {
|
||||
.elementor-price-table {
|
||||
.elementor-price-table__header {
|
||||
position: relative;
|
||||
border-bottom: 2px solid #eaeaea;
|
||||
|
||||
.elementor-price-table__heading {
|
||||
}
|
||||
}
|
||||
|
||||
.elementor-price-table__features-list {
|
||||
.elementor-price-table__feature-inner {
|
||||
margin: 0 !important;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
|
||||
svg {
|
||||
padding: 5px;
|
||||
background: #f9f9f9;
|
||||
border-radius: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.elementor-price-table__price {
|
||||
justify-content: flex-start;
|
||||
align-items: flex-end;
|
||||
|
||||
.elementor-price-table__period {
|
||||
width: fit-content;
|
||||
margin-left: 10px;
|
||||
|
||||
&::before {
|
||||
content: '/';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn-1 {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.hp-contact-list {
|
||||
.elementor-icon-list-items {
|
||||
li {
|
||||
.elementor-icon-list-icon {
|
||||
svg {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 6px;
|
||||
background: #fd5523;
|
||||
border-radius: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(:last-child) {
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ph-iton-tile {
|
||||
margin-top: -55px;
|
||||
transform: translateY(55px);
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
transform: translateY(-20px);
|
||||
|
||||
.elementor-widget-button {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
.elementor-icon {
|
||||
background: #fff;
|
||||
border-radius: 100px;
|
||||
padding: 0 30px;
|
||||
}
|
||||
.elementor-widget-button {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transition: all 0.3s ease;
|
||||
height: auto;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user