Files
tysweld.com/wp-content/themes/hello-elementor/assets/css/custom.scss
2025-02-24 22:33:42 +01:00

1056 lines
18 KiB
SCSS

$cOrange: #ff5100;
$cBlack: #000;
header {
position: sticky;
top: 0;
z-index: 10;
transition: all 300ms ease-in-out;
>div {
transition: all 300ms ease-in-out;
}
&.fixed {
>div {
background: $cBlack;
}
}
.elementor-menu-toggle {
margin: 0 auto;
}
.elementor-nav-menu .elementor-item {
font-family: 'Montserrat', Sans-serif;
font-weight: 400;
}
.elementor-nav-menu--main .elementor-item {
color: #ffffff;
fill: #ffffff;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.elementor-nav-menu--main .elementor-item.elementor-item-active {
color: #ff5100;
}
.e--pointer-framed .elementor-item:before {
border-width: 0px;
}
.e--pointer-framed.e--animation-draw .elementor-item:before {
border-width: 0 0 0px 0px;
}
.e--pointer-framed.e--animation-draw .elementor-item:after {
border-width: 0px 0px 0 0;
}
.e--pointer-framed.e--animation-corners .elementor-item:before {
border-width: 0px 0 0 0px;
}
.e--pointer-framed.e--animation-corners .elementor-item:after {
border-width: 0 0px 0px 0;
}
div.elementor-menu-toggle {
color: #ffffff;
border: 1px solid #fff;
}
div.elementor-menu-toggle svg,
.elementor-menu-toggle .e-font-icon-svg {
fill: #ffffff;
}
.elementor-nav-menu .elementor-item {
justify-content: flex-end;
font-size: 16px;
font-family: 'Montserrat', Sans-serif;
font-weight: 500 !important;
}
}
#header {
>.e-con-inner {
@media (max-width: 570px) {
flex-wrap: wrap;
}
}
.header-logo {
.elementor-widget-container {
@media (max-width: 570px) {
text-align: center;
}
}
}
.nav-menu {
min-width: 69px;
@media (max-width: 1024px) {
min-width: unset;
}
}
// .header-search {
// > div {
// @media (max-width: 570px) {
// width: 100%;
// }
// }
// }
}
body.page-id-11 {
#box-5 {
position: relative;
#box-5-1 {
position: relative;
&::before {
content: '';
position: absolute;
inset: 0 0 0 auto;
width: 50vw;
background: rgba($cBlack, 0.03);
@media (max-width: 1024px) {
width: 100svw;
inset: 0 auto auto 50%;
transform: translateX(-50%);
}
}
@media (min-width: 1020px) {
&::after {
content: '';
position: absolute;
top: -130px;
left: 0;
width: 35%;
height: 100%;
border-top: 2px solid $cBlack;
border-left: 2px solid $cBlack;
}
}
.img-absolute {
transform: translateX(-50%);
}
.box-5-left-text {
position: relative;
z-index: 2;
&::before {
content: '';
position: absolute;
inset: 0 -10px 0 auto;
width: 50vw;
background: $cBlack;
}
@media (max-width: 1024px) {
&::before {
width: 100svw;
inset: 0 auto auto 50%;
transform: translateX(-50%);
}
}
}
}
#box-5-2 {
position: relative;
&::before {
content: '';
position: absolute;
inset: 0 auto 0 0;
width: 50vw;
background: rgba($cOrange, 0.03);
}
@media (min-width: 1020px) {
&::after {
content: '';
position: absolute;
top: -130px;
right: 0;
width: 35%;
height: 100%;
border-top: 2px solid $cOrange;
border-right: 2px solid $cOrange;
}
}
.img-absolute {
transform: translateX(-50%);
}
.box-5-right-text {
position: relative;
z-index: 2;
&::before {
content: '';
position: absolute;
inset: 0 auto 0 -10px;
width: 50vw;
background: $cOrange;
}
@media (max-width: 1024px) {
&::before {
width: 100svw;
inset: 0 auto auto 50%;
transform: translateX(-50%);
}
}
}
}
}
}
.contact-box {
display: flex;
flex-direction: row;
gap: 16px;
.col-left {
width: 40%;
}
.col-right {
width: 60%;
>p {
margin-bottom: 8px !important;
&:last-child {
display: flex;
flex-direction: row-reverse;
align-items: center;
}
}
}
>div {
>p {
margin-bottom: 13px !important;
}
}
p {
width: 100%;
}
@media (max-width: 520px) {
flex-direction: column;
.col-left {
width: 100%;
}
.col-right {
width: 100%;
}
}
}
.box-custom-line {
background: $cOrange;
}
.cl-1-end-arrow {
&::before {
content: '';
position: absolute;
right: -20px;
top: 50%;
width: 123px;
height: 123px;
border-top: 2px solid $cOrange;
border-right: 2px solid $cOrange;
transform: translateY(-50%) rotate(45deg);
}
}
.custom-tiles-border {
>.e-con-inner {
>.elementor-element {
@media (min-width: 1024px) {
&:not(:last-child) {
border-right: 1px solid #707070;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
&:nth-child(1),
&:nth-child(3) {
border-right: 1px solid #707070;
}
}
@media (max-width: 767px) {
&:nth-child(1),
&:nth-child(3) {
border-right: 1px solid #707070;
}
&:nth-child(1),
&:nth-child(2) {
border-bottom: 1px solid #707070;
}
}
}
}
}
.c-ul {
ul {
padding: 0;
margin: 0;
list-style: none;
li {
position: relative;
padding-left: 26px;
&:not(:last-child) {
margin-bottom: 30px;
}
&::before {
content: '-';
position: absolute;
left: 0;
top: 0;
}
}
}
}
.box-arrow-left {
border-left: 1px solid #ff5100;
border-bottom: 1px solid #ff5100;
z-index: 1;
&::before {
content: '';
position: absolute;
right: -10px;
bottom: -10px;
width: 64px;
height: 64px;
transform: rotate(45deg) translateY(50%);
border-right: 1px solid #ff5100;
border-top: 1px solid #ff5100;
}
}
.box-arrow-right {
border-right: 1px solid #ff5100;
border-bottom: 1px solid #ff5100;
z-index: 1;
&::before {
content: '';
position: absolute;
left: -10px;
bottom: -55px;
width: 64px;
height: 64px;
transform: rotate(45deg) translateY(-50%);
border-left: 1px solid #ff5100;
border-bottom: 1px solid #ff5100;
}
}
.circle-part {
position: relative;
&::before {
content: '';
position: absolute;
top: auto;
right: 60px;
bottom: 50px;
left: auto;
width: 40px;
height: 45px;
background-image: url('/wp-content/uploads/2024/08/part-orange.svg');
z-index: 1;
@media (max-width: 1024px) {
display: none !important;
}
}
}
body.page-id-594 {
.box-1 {
.box-1-data {
>.e-con-inner {
position: relative;
}
.box-1-span {
&.box-1-span-left {
border-left: 1px solid $cOrange;
border-bottom: 1px solid $cOrange;
.box-1-span-left-top {
background: $cOrange;
}
}
&.box-1-span-right {
border-right: 1px solid $cOrange;
border-bottom: 1px solid $cOrange;
.box-1-span-right-top {
background: $cOrange;
}
}
}
}
}
.box-2 {
.box-2-span {
background: $cOrange;
z-index: -1;
}
.box-2-end-arrow {
&::before {
content: '';
position: absolute;
right: -20px;
top: 50%;
width: 123px;
height: 123px;
border-top: 2px solid $cOrange;
border-right: 2px solid $cOrange;
transform: translateY(-50%) rotate(45deg);
}
}
}
.box-3 {
.box-3-span {
background: $cOrange;
z-index: -1;
}
.box-3-end-arrow {
&::before {
content: '';
position: absolute;
left: -20px;
top: 50%;
width: 123px;
height: 123px;
border-bottom: 2px solid $cOrange;
border-left: 2px solid $cOrange;
transform: translateY(-50%) rotate(45deg);
}
}
}
.box-4 {
.box-4-span {
background: $cOrange;
z-index: -1;
}
.box-4-end-arrow {
&::before {
content: '';
position: absolute;
right: -20px;
top: 50%;
width: 123px;
height: 123px;
border-top: 2px solid $cOrange;
border-right: 2px solid $cOrange;
transform: translateY(-50%) rotate(45deg);
}
}
}
.c-column-card {
>.e-con-inner {
@media (max-width: 1500px) {
grid-template-columns: repeat(3, 1fr);
max-width: 1000px;
}
@media (max-width: 767px) {
grid-template-columns: repeat(2, 1fr);
>div {
&:nth-child(4n + 1),
&:nth-child(4n + 4) {
background-color: #f5f5f5 !important;
}
&:nth-child(4n + 2),
&:nth-child(4n + 3) {
background-color: #fff !important;
}
}
}
}
}
}
.btn-hello {
u {
color: $cOrange;
text-decoration: none;
}
svg {
width: auto;
height: auto;
}
.elementor-button-content-wrapper {
align-items: center;
}
}
body.page-id-999 {
.box-1 {
.box-1-span {
background: $cOrange;
z-index: -1;
}
.box-1-end-arrow {
&::before {
content: '';
position: absolute;
right: -20px;
top: 50%;
width: 123px;
height: 123px;
border-top: 2px solid $cOrange;
border-right: 2px solid $cOrange;
transform: translateY(-50%) rotate(45deg);
}
}
}
}
#custom-blog-section {
.elementor-posts {
>article.elementor-post {
@media (min-width: 1024px) {
&:nth-child(4) {
grid-column: span min(2, 3);
}
}
.elementor-post__thumbnail {
img {
height: 336px;
object-fit: cover;
object-position: center center;
}
}
}
}
}
#contact-members {
>.e-con-inner {
position: relative;
@media (max-width: 768px) {
display: flex;
flex-direction: column;
}
}
.cm-line-1,
.cm-line-2,
.cm-line-3,
.cm-line-4 {
position: absolute;
background: #777;
}
}
#taxonomy-filter {
display: block;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
ul {
margin: 0;
padding: 0;
list-style: none;
>li {
&.active {
>button {
font-weight: 700;
}
}
}
}
li {
&.lvl-0 {
border-bottom: 1px solid #777;
padding-top: 20px;
padding-bottom: 20px;
>button {
font-size: 20px;
font-weight: 700;
}
&.active {
>button {
color: $cOrange;
}
}
}
>ul {
display: none;
padding-top: 20px;
padding-left: 15px;
li {
&:not(:last-child) {
margin-bottom: 10px;
}
}
}
&.active {
>ul {
display: block;
}
}
button {
color: $cBlack;
font-size: 20px;
padding: 0;
}
}
}
footer {
.footer-bottom-nav {
.elementor-icon-list-items {
.elementor-icon-list-item {
&::after {
@media (max-width: 600px) {
display: none;
}
}
}
}
}
}
.c-tabs-nav {
.elementor-icon-list-items {
@media (max-width: 600px) {
flex-direction: column;
row-gap: 16px;
}
.elementor-icon-list-item {
@media (max-width: 600px) {
&::after {
position: absolute !important;
right: auto !important;
left: 50% !important;
top: auto !important;
bottom: calc(-15px / 2) !important;
transform: translateX(-50%) !important;
width: 120px !important;
height: 1px !important;
background: #000;
}
}
}
}
}
.single-post-same-posts {
.elementor-categories-list {
@media (min-width: 600px) and (max-width: 1024px) {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
}
}
#social-nav-bar {
@media (max-width: 768px) {
top: auto;
bottom: 0;
transform: translateY(0);
}
}
//
#search-form-box {
@media (max-width: 1024px) {
display: none;
}
}
#header-search-switcher {
height: 46px;
width: 46px;
line-height: 0;
align-items: center;
justify-content: center;
border: 1px solid #fff;
border-radius: 100%;
cursor: pointer;
@media (min-width: 1024px) {
display: none;
}
@media (max-width: 1024px) {
display: flex;
width: 32px;
height: 32px;
}
&.header-search-switcher-t2 {
border: 1px solid #000;
}
>.elementor-widget-container {
height: fit-content;
}
}
#header-search-box {
display: none;
position: absolute;
}
@media (max-width: 1024px) {
.header-search {
padding-right: 0;
}
.nav-menu {
margin: 0;
padding: 0;
.elementor-widget-nav-menu {
.elementor-widget-container {
.elementor-menu-toggle {
border: 1px solid #fff;
}
}
}
}
.elementor-1390 {
.elementor-widget-nav-menu {
.elementor-widget-container {
.elementor-menu-toggle {
border: 1px solid #000;
}
}
}
}
.elementor-nav-menu--dropdown[aria-hidden='false'] {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh;
z-index: 99 !important;
margin-top: 0 !important;
padding-top: 75px;
transform: none !important;
animation: none !important;
max-height: 100vh !important;
transition: none !important;
}
.elementor-menu-toggle.elementor-active {
z-index: 199 !important;
position: fixed;
top: 20px;
right: 20px;
color: #fff !important;
background: #000 !important;
}
.elementor-widget-audio_handler {
order: 6;
.elementor-widget-container {
margin: 0 !important;
}
}
.elementor-nav-menu--toggle {
.elementor-widget-container {
.elementor-menu-toggle {
border: 1px solid #000;
}
}
}
.elementor-1390 {
.elementor-menu-toggle {
background: #fff !important;
svg {
fill: #000 !important;
}
}
}
#audio-handler {
display: flex;
align-items: center;
justify-content: center;
height: 47px;
width: 47px;
padding: 0;
margin: 0;
border: 1px solid #fff;
@media (max-width: 1024px) {
width: 32px;
height: 32px;
border-radius: 3px;
margin: 0 15px;
}
}
.elementor-1390 {
#audio-box {
@media (min-width: 1024px) {
width: 47px;
}
#audio-handler {
border: 1px solid #000;
}
}
}
.e-con .elementor-widget {
min-width: unset;
}
}
.elementor-element-44bc87d {
display: none !important;
}
@media (max-width: 1400px) {
.elementor-element-a5b54cc,
.elementor-element-f9b2877,
.elementor-element-225d961,
.elementor-element-87ffe92,
.elementor-element-680a47a,
.elementor-element-58d7a8c,
.elementor-element-4fa7464,
.elementor-element-2693b53,
.elementor-element-6b9bf7d {
gap: 10px;
}
}
@media (max-width: 1290px) and (min-width: 1025px) {
.elementor-element-a5b54cc,
.elementor-element-f9b2877,
.elementor-element-225d961,
.elementor-element-87ffe92,
.elementor-element-680a47a,
.elementor-element-58d7a8c,
.elementor-element-4fa7464,
.elementor-element-2693b53,
.elementor-element-6b9bf7d {
img {
width: 125px !important;
height: 189px !important;
}
}
}
@media (max-width: 1200px) and (min-width: 1025px) {
.elementor-element-a5b54cc,
.elementor-element-f9b2877,
.elementor-element-225d961,
.elementor-element-87ffe92,
.elementor-element-680a47a,
.elementor-element-58d7a8c,
.elementor-element-4fa7464,
.elementor-element-2693b53,
.elementor-element-6b9bf7d {
img {
width: 100px !important;
height: 151px !important;
}
}
}
@media (max-width: 1150px) and (min-width: 1025px) {
.elementor-element-a5b54cc,
.elementor-element-f9b2877,
.elementor-element-225d961,
.elementor-element-87ffe92,
.elementor-element-680a47a,
.elementor-element-58d7a8c,
.elementor-element-4fa7464,
.elementor-element-2693b53,
.elementor-element-6b9bf7d {
align-items: flex-start;
font-size: 14px !important;
* {
font-size: 14px !important;
}
img {
width: 75px !important;
height: 115px !important;
}
}
}
@media (max-width: 1400px) and (min-width: 1025px) {
.elementor-kit-6 h2 {
font-size: 40px !important;
}
.elementor-element-78e7004 {
p {
font-size: 26px !important;
}
h2 {
font-size: 40px !important;
}
}
.elementor-element-d39de78 {
.e-con-inner {
column-gap: 30px;
}
}
.elementor-element-b16c4e2 {
p {
font-size: 40px !important;
}
}
.category-list {
.e-con-inner {
column-gap: 30px;
.category-list-text {
column-gap: 30px;
}
}
}
.h2 {
font-size: 36px !important;
* {
font-size: 36px !important;
}
}
}
@media (max-width: 1366px) and (min-width: 1025px) {
.elementor-nav-menu--main {
ul {
li {
&:first-child {
display: none !important;
}
a {
margin: 0 5px !important;
}
}
}
}
.elementor-widget-theme-post-title {
h1 {
font-size: 30px !important;
}
}
.elementor-widget-archive-posts {
h3 {
a {
font-size: 20px !important;
}
}
}
.elementor-widget-loop-grid {
.type-oferta {
h1 {
font-size: 20px !important;
}
}
}
}
.ekspert-button {
.eael-creative-button--default {
@media (max-width: 768px) {
display: flex;
align-items: center;
justify-content: center;
padding: 20px !important;
span {
font-size: 14px !important;
&:last-child {
margin: 0 !important;
}
}
}
}
}