Project-Pro/fr.vidok.com
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

save

Browse Source
This commit is contained in:
Roman Pyrih
2024-08-26 15:58:29 +02:00
parent 11ea3f98bd
commit a4c4b7f3c3
5 changed files with 233 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
wp-content/themes/hello-elementor/assets/styles/custom.css
View File

@@ -96,6 +96,18 @@ input[id^=eael-tabs-filter-type-]:checked::after {
align-items: center;
justify-content: center;
font-size: 24px;
animation: bounce 2s infinite;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(-50%) translateX(0) rotate(90deg);
}
40% {
transform: translateY(calc(-50% - 10px)) translateX(-10px) rotate(90deg);
}
60% {
transform: translateY(calc(-50% - 5px)) translateX(-5px) rotate(90deg);
}
}
.eael-tabs-nav > ul {
display: grid !important;
@@ -812,9 +824,22 @@ body.elementor-page > div[data-elementor-type=single-page] {
align-items: center;
}
.addon-btn-title .elementor-icon {
position: relative;
margin-left: -20px;
z-index: -1;
}
.addon-btn-title .elementor-icon::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 90px;
height: 90px;
background: #e6e3e3;
border-radius: 100%;
z-index: -1;
}
.addon-btn-title .elementor-icon i {
color: #000;
width: 100px;
@@ -825,8 +850,58 @@ body.elementor-page > div[data-elementor-type=single-page] {
align-items: center;
justify-content: center;
font-size: 28px;
transition: all 250ms ease-in-out;
}
.addon-btn-title span {
position: relative;
}
.addon-btn-title span::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background: #000;
transition: width 250ms ease-in-out;
}
.addon-btn-title:hover span::before {
width: 100%;
}
.addon-btn-title:hover .elementor-icon::before {
animation: puls 500ms ease-in-out;
}
.addon-btn-title:hover .elementor-icon i {
background: #e6e3e3;
}
@keyframes puls {
0% {
opacity: 1;
}
100% {
width: 140px;
height: 140px;
opacity: 0;
}
}
@media (min-width: 501px) {
#center-header-box > .e-con-inner .center-header-box-menu .elementor-nav-menu li.menu-item-4927 {
display: none;
}
}
@media (min-width: 1025px) {
#center-header-box > .e-con-inner .center-header-box-menu .elementor-nav-menu > .menu-item.current_page_item > a::after {
width: 100%;
}
#center-header-box > .e-con-inner .center-header-box-menu .elementor-nav-menu > .menu-item > a::after {
width: 0;
transition: width 250ms ease-in-out;
}
#center-header-box > .e-con-inner .center-header-box-menu .elementor-nav-menu > .menu-item > a:hover::after {
width: 100%;
}
}
@media (max-width: 1024px) {
#center-header-box > .e-con-inner .center-header-box-logo {
flex: 1;
@@ -841,6 +916,13 @@ body.elementor-page > div[data-elementor-type=single-page] {
width: max-content;
z-index: 1;
}
}
@media (max-width: 1024px) and (max-width: 768px) {
#center-header-box > .e-con-inner .center-header-box-menu > .elementor-widget-container > .elementor-nav-menu--dropdown {
top: 52px;
}
}
@media (max-width: 1024px) {
#center-header-box > .e-con-inner .center-header-box-menu .elementor-nav-menu .menu-item ul.sub-menu {
background: #f4f4f4;
}