Files
celek.pagedev.pl/wp-content/themes/hello-elementor/assets/css/custom.scss
Roman Pyrih fa27c5e7b3 Save
2025-11-18 11:49:15 +01:00

171 lines
2.6 KiB
SCSS

html {
overflow: initial !important;
}
.tile-img {
.elementor-widget-heading {
position: absolute;
bottom: 40px;
padding: 0 50px 0 50px;
width: 100%;
}
}
.why-icon {
width: 125px !important;
min-width: 125px !important;
height: 125px !important;
}
#services-tiles {
.services-tile {
background: #fff;
@media (min-width: 768px) {
position: sticky;
top: 30px;
}
&-1 {
}
&-2 {
@media (min-width: 768px) {
.services-tile-grid {
grid-template-areas: 'i1 i2' 'i3 i2';
> div {
&:nth-child(1) {
grid-area: i1;
}
&:nth-child(2) {
grid-area: i2;
}
&:nth-child(3) {
grid-area: i3;
}
}
}
}
@media (max-width: 767px) {
display: none;
}
}
&-3 {
}
.services-tile-grid {
}
}
}
#header-row-box {
> .e-con-inner {
@media (max-width: 500px) {
}
}
}
#header-menu {
.elementor-nav-menu--main {
ul.elementor-nav-menu {
li.menu-item {
&.menu-item-678 {
@media (min-width: 1024px) {
display: none !important;
}
}
}
}
}
.elementor-nav-menu--dropdown {
ul.elementor-nav-menu {
padding-bottom: 20px;
li.menu-item {
a.elementor-item {
text-align: center;
justify-content: center;
}
&.menu-item-678 {
a {
font-size: 18px;
border-radius: 4px 4px 4px 4px;
padding: 12px 16px 12px 16px;
background-color: var(--e-global-color-accent);
font-family: 'Inter', Sans-serif;
width: fit-content;
margin: 10px auto 0;
color: #fff;
}
@media (min-width: 768px) {
display: none !important;
}
}
}
}
}
}
#header-contact-btn {
@media (max-width: 767px) {
display: none !important;
}
}
div.elementor.elementor-9 {
> .elementor-element {
> .e-con-inner {
@media (min-width: 1500px) {
padding-left: 50px;
padding-right: 50px;
}
}
}
}
.hp-hero {
@media (max-width: 500px) {
min-height: 600px !important;
.hp-hero-title {
h2 {
font-size: 28px !important;
}
}
.hp-hero-text {
p {
font-size: 14px !important;
}
}
.hp-hero-btn {
a.elementor-button {
padding: 10px !important;
.elementor-button-text {
font-size: 12px !important;
}
}
}
}
@media (max-width: 450px) {
min-height: 550px !important;
}
@media (max-width: 380px) {
.hp-hero-title {
h2 {
font-size: 24px !important;
}
}
}
}
#single-page-wrapper {
@media (max-width: 1024px) {
overflow: hidden;
}
}
div[data-elementor-type='footer'] {
@media (max-width: 1024px) {
overflow: hidden;
}
}