html {
direction: rtl;
unicode-bidi: isolate;
}
body {
text-align: right;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h2,
.site-header,
.main-navigation,
section.hero .banner-text,
button,
.button,
a.button,
input[type="submit"] {
font-family: "liebling", sans-serif;
font-weight: 900;
line-height: 0.9;
}
h3,
h4,
h5,
h6 {
line-height: 1.1;
}
input[type="submit"],
a.button,
button.button,
.button {
padding-right: 10%;
padding-left: 57%;
background-image: url(//epicod.co.il/wp-content/themes/epicod-2026/assets/images/arrow-left-button.svg);
background-repeat: no-repeat;
background-position: left 3.5rem center;
background-size: 7rem auto;
}
ul:not(.menu):not(.sub-menu) li {
padding-left: 0;
padding-right: 1.6rem;
}
ul:not(.menu):not(.sub-menu) li:before {
left: auto;
right: 0;
}
ul:not(.menu):not(.sub-menu).flex-list li span {
font-family: "liebling", sans-serif;
font-weight: 600;
font-size: 1.1rem;
line-height: 0;
line-height: 1.3;
display: block;
}
form {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.wpcf7-list-item label {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.site-header .main-navigation .menu-wrapper {
left: 0;
right: auto;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 8rem;
border-bottom-right-radius: 8rem;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.site-header .main-navigation .menu-wrapper ul li {
font-family: "liebling", sans-serif;
font-weight: 900;
margin-bottom: clamp(0.5rem, 3.5vh, 3rem);
}
.site-header .main-navigation .menu-wrapper.active {
-webkit-transform: translateX(0);
transform: translateX(0);
}
@media (max-width: 640px) {
.site-header .main-navigation .menu-wrapper {
left: 0;
right: 0;
width: 100%;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 6rem;
border-bottom-right-radius: 6rem;
--menu-y: -100%;
-webkit-transform: translateX(0) translateY(var(--menu-y));
transform: translateX(0) translateY(var(--menu-y));
}
.site-header .main-navigation .menu-wrapper.active {
--menu-y: 0%;
-webkit-transform: translateX(0) translateY(var(--menu-y));
transform: translateX(0) translateY(var(--menu-y));
}
}
@media (max-width: 640px) {
.scrolling .site-header .main-navigation .menu-wrapper:not(.active) {
-webkit-transform: translateX(0) translateY(-100%);
transform: translateX(0) translateY(-100%);
}
}
.site-header .main-navigation .menu-wrapper ul,
.site-header .main-navigation .menu-wrapper li {
text-align: right;
}
section.hero.simple-hero picture img {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
section.hero .visual-element {
left: 4rem;
right: auto;
}
section.hero .banner-text p {
font-family: "liebling", sans-serif;
font-weight: 600;
}
section.hero .banner-text h1 {
font-size: 6.5rem;
}
section.hero .banner-text h1 span {
margin-left: 0;
margin-right: 35%;
white-space: nowrap;
}
section.hero .banner-text .text-wrapper {
text-align: right;
}
section.hero .banner-text .button {
padding-left: 0;
padding-right: 3rem;
}
.special-list li {
font-family: "liebling", sans-serif;
font-weight: 600;
}
.project-navigation a.nav-prev {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 20rem;
border-bottom-left-radius: 20rem;
}
.project-navigation a.nav-next {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 20rem;
border-bottom-right-radius: 20rem;
}
.project-navigation a .nav-label {
font-family: "liebling", sans-serif;
font-weight: 600;
}
.project-navigation a .nav-label svg {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
@media (max-width: 1024px) {
.project-navigation a.nav-next {
margin-right: 2.5rem;
}
}
.content-wrapper.col-2,
.content-wrapper.col-3,
.content-wrapper.small,
.text-wrapper {
direction: rtl;
}
.floating-image.left {
left: auto;
right: 0;
}
.floating-image.right {
right: auto;
left: 0;
}
.project-mosaic .mosaic-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.project-mosaic .mosaic-text {
text-align: right;
}
.swiper-button-next,
.swiper-button-prev {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.back-to-top {
left: 2rem;
right: auto;
}
.back-to-top .back-to-top__label {
font-family: "liebling", sans-serif;
font-weight: 900;
}
.sticky-contact {
right: 2rem;
left: auto;
}
.sticky-contact__panel {
left: 0;
right: auto;
}
input,
textarea,
select {
direction: rtl;
text-align: right;
}
section.about .visual-element {
left: auto;
right: -5rem;
}
section.about .text-wrapper:before {
left: auto;
right: 0;
border-top-left-radius: 0;
border-top-right-radius: 10rem;
}
section.about .inner-text-wrapper {
border-top-left-radius: 0;
border-top-right-radius: 10rem;
}
section.about .inner-text-wrapper .col:first-child {
width: 50%;
}
@media (max-width: 640px) {
section.about .inner-text-wrapper {
padding: 7rem 4rem 0 5rem;
}
section.about .visual-element {
left: auto;
right: -3rem;
}
}
section.services .services-wrapper .service-block .hover-text span svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
section.posts-carousel .section-header .decorative {
font-family: "liebling", sans-serif;
}
section.posts-carousel .post-block div.project-type {
font-family: "liebling", sans-serif;
font-weight: 600;
}
section.posts-carousel .post-block .hover-text .arrow {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
section.contact .ticker-header {
font-family: "liebling", sans-serif;
font-weight: 900;
}
.site-footer .footer-content {
padding: 5rem 12% 5rem 29%;
}
.site-footer .footer-visual {
right: auto;
left: 0;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
section.simple-text .container {
padding-left: 0;
padding-right: 3.4rem;
}
section.simple-text .text-wrapper {
border-top-left-radius: 0;
border-top-right-radius: 10rem;
}
section.simple-text .text-wrapper .floating-image {
right: auto;
left: 0;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
top: -15% !important;
}
.projects-wrapper .project-item .project-type {
font-family: "liebling", sans-serif;
font-weight: 600;
}
@media (max-width: 640px) {
.projects-wrapper {
margin-left: 0;
margin-right: -2rem;
}
}
@media (max-width: 1024px) {
section.progress .section-header {
text-align: right;
}
section.progress .items .item .text {
padding-left: 0;
padding-right: 2rem;
}
}