:root {
--blue: #1800ad;
--beige: #f5f4e4;
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
background-color: var(--beige);
color: var(--blue);
font-family: "aktiv-grotesk-arabic", sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(15px, 2vw, 20px);
line-height: 1.1;
}
a {
color: inherit;
text-decoration: none;
}
p {
line-height: 1.2;
}
p a {
text-decoration: underline;
}
p.alt {
font-family: "roboto-mono", monospace;
font-weight: 400;
font-style: normal;
}
h1 {
font-family: "aktiv-grotesk-extended", sans-serif;
font-size: clamp(18px, 2vw, 30px); line-height: 1.2;
padding-left: 50px;
margin: 0;
text-transform: uppercase;
}
h2 {
font-family: "aktiv-grotesk-extended", sans-serif;
font-weight: 800;
font-style: normal;
font-size: clamp(18px, 2vw, 30px);
text-transform: uppercase;
}
h3 {
margin: 0;
font-weight: bold;
} .bold {
font-weight: 800;
font-style: normal;
}
.big {
font-size: 30px;
letter-spacing: 0.1em;
}
.img-fluid {
width: 100%;
height: auto;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
.checkers.bottom {
margin-top: -1.05vw;
}
.checkers.top {
margin-bottom: -1.05vw;
}
@media (max-width: 768px) {
.checkers.bottom,
.checkers.top {
margin-top: 0;
margin-bottom: 0;
}
} header {
display: flex;
border-bottom: 2px solid var(--blue);
background-color: var(--beige);
position: sticky;
top: 0;
left: 0;
z-index: 10;
}
header > div {
display: flex;
flex: 1;
align-items: center;
padding: 40px 50px;
}
header > div:nth-child(1) {
border-right: 2px solid var(--blue);
} .logo {
display: flex;
width: 100%;
height: auto;
max-width: 550px;
}
.header-button {
position: absolute;
bottom: 0;
left: 50%;
margin-bottom: 0;
padding: 15px 30px 10px;
width: auto;
height: auto;
color: #f5f4e4;
background-color: var(--blue); transform: translateX(-50%) translateY(50%) rotate(-7deg);
font-weight: 800;
font-size: clamp(15px, 2vw, 30px);
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
z-index: 1;
} section.default {
padding: 80px 100px 100px;
min-height: 50vh;
min-height: calc(100svh - var(--header-height));
}
section.default p {
margin-top: 0.2rem;
line-height: 1.35;
}
section.s_01 {
height: 100vh;
height: calc(100vh - var(--header-height));
overflow: hidden;
border-bottom: 14px solid var(--blue);
}
section.s_02 {
display: flex;
}
section.s_02 > div {
flex: 1;
padding: 50px 100px;
}
section.s_02 > div:nth-child(1) {
border-right: 2px solid var(--blue);
}
section.s_03 {
height: 100vh;
height: calc(100vh - var(--header-height));
overflow: hidden;
}
.circle-overlay {
position: absolute;
bottom: 50px;
right: 30px;
z-index: 5;
width: 18%;
height: auto;
}
@media (max-width: 768px) {
.circle-overlay {
bottom: 10px;
right: 10px;
width: 34%;
}
} section.s_04 {
font-family: "roboto-mono", sans-serif;
display: grid;
grid-template-columns: 1fr 1fr;
background-color: #ffed00;
color: #000;
border-bottom: 2px solid var(--blue);
}
section.s_04 > div:nth-child(1) { padding: 10% 20%;
}
section.s_04 > div:nth-child(2) { padding: 10% 25% 10% 0;
}
.logo-catering {
max-width: 350px;
width: 90%;
height: auto;
}
section.s_04 .button {
display: inline-block;
margin: 1rem 0 0;
background-color: #000;
color: #ffed00;
padding: 15px 40px;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.rounded {
border-radius: 20px;
}
section.s_04 p {
margin: 60px 0;
letter-spacing: 0.1em;
line-height: 1.4;
}
section.s_04 p.big {
margin: 50px 0 60px;
font-size: clamp(16px, 2vw, 30px);
} #catering {
scroll-margin-top: var(--header-height);
} section.s_05 {
display: flex;
}
section.s_05 > div {
flex: 1;
padding: 100px;
}
section.s_05 > div:nth-child(1) {
border-right: 2px solid var(--blue);
}
.empty-double {
height: 120px;
background-color: var(--beige);
border-top: 2px solid var(--blue);
border-bottom: 2px solid var(--blue);
display: flex;
}
.empty-double > div {
flex: 1;
}
.empty-double > div:nth-child(1) {
border-right: 2px solid var(--blue);
} .owl-carousel .owl-item .item {
height: calc(100vh - var(--header-height));
}
.owl-carousel .owl-item img {
width: 100%;
object-fit: cover;
height: 100%;
object-position: center;
}
@media (max-width: 768px) {
.owl-carousel .owl-item .item {
aspect-ratio: 1.2 / 1;
height: auto;
min-height: 350px;
}
} footer {
background-color: var(--blue);
color: var(--beige);
padding: 74px;
}
footer ul {
display: flex;
justify-content: space-evenly;
}
footer ul li {
font-family: "aktiv-grotesk-extended", sans-serif;
font-weight: 800;
font-style: normal;
font-size: 30px;
text-transform: uppercase;
letter-spacing: 0.1em;
} @media (max-width: 768px) {
header {
flex-flow: column;
border-bottom: 0;
}
header > div {
padding: 15px 40px 25px;
}
header > div:nth-child(1) {
border-bottom: 2px solid var(--blue);
border-right: 0;
}
header > div:nth-child(2) {
display: none;
}
.page-template-page-home header > div:nth-child(1) {
padding: 15px 40px;
}
.page-template-page-home header > div:nth-child(2) {
display: block;
padding: 10px 30px 25px;
border-bottom: 2px solid var(--blue);
}
h1 {
padding-left: 0;
margin: 10px 0 0;
}
h1 > br {
display: none;
}
.header-button {
margin-bottom: -10px;
transform: translateX(-50%) translateY(50%) rotate(-5deg);
} section.s_01 {
position: relative;
height: auto;
border-width: 5px;
min-height: 350px;
}
section.s_02,
section.s_05 {
flex-flow: column;
}
section.s_02 > div {
padding: 35px;
}
section.s_02 > div:nth-child(1) {
border-right: unset;
border-bottom: 2px solid var(--blue);
}
section.s_03 {
height: auto;
}
section.s_04 {
grid-template-columns: 1fr;
text-align: center;
}
section.s_04 > div:nth-child(1) {
padding: 35px;
}
section.s_04 > div:nth-child(1) img {
width: 50%;
height: auto !important;
}
section.s_04 > div:nth-child(2) {
padding: 35px;
}
section.s_04 p.big,
section.s_04 p {
margin: 0;
padding: 1rem 0;
}
section.s_05 > div {
padding: 35px;
}
section.s_05 > div:nth-child(1) {
border-right: 0;
border-bottom: 2px solid var(--blue);
}
section.s_05 > div:nth-child(2) {
padding-bottom: 50px;
}
section.default {
padding: 35px;
}
footer {
padding: 25px;
}
footer ul {
line-height: 2;
align-items: center;
text-align: center;
flex-wrap: wrap;
}
footer ul li:nth-child(2) {
flex-basis: 100%;
}
footer ul li {
font-size: 20px;
} section.default > div:nth-child(1) {
padding-top: 20px;
}
.page-id-8.page-template-default section.default > div:nth-child(1) {
padding-top: 50px;
}
}span.eeb-nodis { 
display:none !important; 
}
span.eeb-rtl { 
unicode-bidi:bidi-override !important; 
direction:rtl !important; 
display:inline !important; 
}
span.eeb-rtl span.eeb-sd, span.eeb-nrtl span.eeb-sd{
display:inline !important;
padding-left:0 !important;
}
span.eeb-nrtl { 
word-break: break-all !important;
}
.eeb-encoded { 
position:relative; 
margin-top:-0.3em; 
z-index:1000; 
color:green; 
}