/* Fonts */
@font-face {
  font-family: 'Heritage';
  src: url('https://wpazzrk.github.io/Moaaz2.0/Fonts/GE-Heritage-Two-Medium_A.otf');
}
body {
  font-family: 'Heritage', sans-serif;
}

/* Header */
#mainnav {
    height: unset !important;
}
#mainnav .inner {
    padding-block: 0.4rem !important;
}
.top-navbar {
    background-color: var(--color-primary);
}
.top-navbar ::placeholder {
    color: #000;
}
.s-search-icon svg {
    fill: #000;
}
.navbar-brand img {
    max-height: 7rem;
    height: unset !important;
}
.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 140px;
}
@media (max-width: 1024px) {
    .store-header {
        position: static !important;
    }
}
/* @media only screen and (min-width: 1024px) {
    #mainnav * {
        color: #671a29;
    }
} */

/* First Banner Start */
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide{
width:100%;
}
section.s-block.s-block--photos-slider .carousel-slider .swiper-wrapper>div{
padding:0 !important;
}
section:first-of-type.s-block.s-block--photos-slider{
margin-top:0;
}
[dir=rtl] salla-slider.photos-slider .swiper {
    padding: 0;
}
/* Hide right-left arrows */
section.s-block.s-block--photos-slider .s-slider-block__title-nav {
  display: none !important;
}
img,
.banner-entry {
  background-color: unset !important;
}
/* First Banner End */

/* cats 1  */
@media (min-width: 1280px) {
    section.s-block--circle-links .mx-auto {
        max-width: 1500px;
    }
    section.s-block--circle-links ul {
        grid-template-columns: repeat(8,minmax(0,1fr));
    }
}
@media (max-width: 1280px) {
    section.s-block--circle-links ul {
        grid-template-columns: repeat(4,minmax(0,1fr));
    }
}
@media (max-width: 576px) {
    section.s-block--circle-links ul {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

/* Categories List Start */
section.s-block.s-block--banners.container .grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
}
.two-row .banner-entry:first-child {
    grid-column: 1 / 1;
    grid-row: 1 / 1;
}
.banner-entry {
    height: 505px;
    background-color:unset;
    transition: 0.2s;
}
.banner-entry:hover {
    transform: scale(1.04)
}
section.s-block.s-block--banners.container .lazy__bg.lazy.entered.loaded{
    background-size: contain;
    background-repeat: no-repeat;
}

@media(min-width:768px) and (max-width:1200px){
    .banner-entry{
        height: 385px;
    }
}
@media(max-width:768px){
    .banner-entry{
        height: 250px;
    }
}
@media(max-width: 576px){
    section.s-block.s-block--banners.container .grid {
        grid-template-columns: repeat(1,minmax(0,1fr));
    }
    .banner-entry{
        height: 260px;
    }
}
/* Categories List End */

/* advanced-slider */
section:nth-child( 1 of .advanced-slider ) .advanced-slider__slide {
    max-width: 1400px;
    margin-inline: auto; 
}
section:nth-child( 1 of .advanced-slider ) .advanced-slider__caption {
    align-items: end;
    padding-bottom: 2%;
}
section.advanced-slider h2,
section.advanced-slider p {
    color: #fff;
}
/* Mobile */
@media (max-width: 768px) {
    section.advanced-slider h2 {
        font-size: 20px;
    }
    section.advanced-slider p {
        font-size: 13px;
        max-width: 80%;
    }
    section.advanced-slider .advanced-slider__caption__inner__content__button {
        font-size: 12px;
        padding-block: 0.3rem;
    }
    .advanced-slider__caption__inner__content > * {
        margin-block: 2px ;
    }
    section:nth-child( 1 of .advanced-slider ) .advanced-slider__caption__inner__content > * {
        margin-inline: auto;
    }
}

/* Footer Start */
.footer-is-light .store-footer .store-footer__inner{
    background-color: var(--color-primary);
    color: white;
    border: none;
}
.footer-is-light .store-footer{
    background-color: var(--color-primary);
}

/* remove border - xmoaaz */
.footer-is-light .store-footer .contact-social {
  border: none;
}
.copyright-text p {
  color: #fff;
}
/* color: black to icons's border */
span.s-contacts-icon {
    border-color: #fff;
}
.store-footer .copyright-text a:hover {
    opacity: 0.7;
    color: #fff;
}

.unicode {
  text-align: right;
}
@media (width < 1024px) {
	footer * {
  		margin-left: auto;
  		margin-right: auto;
  		text-align: center;
	}
}
/* Footer End */