@charset "UTF-8";
/***
 Theme Name: Kidify
 Description: Kid fashion store
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
@import "https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700";
@import "https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700";
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap');
/*RESET*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  direction: rtl;
   font-family: "Cairo", sans-serif !important;
}

main {
  display: block;
  clear: both;
   direction: rtl;
    font-family: "Cairo", sans-serif !important;
}

thead {
     direction: rtl;
  font-weight: 600;
   font-family: "Cairo", sans-serif !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
   direction: rtl;
    font-family: "Cairo", sans-serif !important;
}

body {
  line-height: 1;
   direction: rtl;
    font-family: "Cairo", sans-serif !important;
}

ol,
ul {
  list-style: none;
   font-family: "Cairo", sans-serif !important;
   direction: rtl;
}



.header .main-menu li {
    float: right;
    position: relative;
    text-align: right;
     font-family: "Cairo", sans-serif !important;
}
.header .top-header .lang-currency {
    width: 100%;
    max-width: 280px;
    min-width: 280px;
    text-align: left;
     font-family: "Cairo", sans-serif !important;
}
.top-head h4::after {
    content: "";
    position: absolute;
    width: 262px;
    height: 53px;
    bottom: -12px;
    z-index: -1;
    background-image: url(../imgs/template/brush-bg.svg);
    right: -63px;
     font-family: "Cairo", sans-serif !important;
}
.cardProductStyle3 .cardInfo, .cardProductStyle2 .cardInfo, .cardProduct .cardInfo, .cardProductSmall .cardInfo {
    position: relative;
    text-align: right;
     font-family: "Cairo", sans-serif !important;
}
.content-products {
    padding-top: 58px;
    direction: rtl;
     font-family: "Cairo", sans-serif !important;
}
.breadcrumbs ul li::before {
    right: auto;
    left: -24px;
 font-family: "Cairo", sans-serif !important;}
 a{
    text-decoration: none !important;
    color: black;
 }

.box-product-cart .image-product-cart {
    min-width: 89px;
    max-width: 89px;
    margin-left: 15px;

}
.header .main-header .header-account {
    width: auto;
    min-width: 190px;
    text-align: left;
}
.burger-icon {

    right: auto;
    left: 2px;

}
.close-mobile {
    position: absolute;
    top: 21px;
    left: 27px;
    right: auto;
}
.footer .phone-footer {
    background: url(../imgs/template/icons/phone.svg) no-repeat right center;
    padding-right: 30px;
}
.footer .email-footer {

    background: url(../imgs/template/icons/phone.svg) no-repeat right center;
    padding-right: 30px;
}
.footer .menu-footer li a.facebook {
    background: url(../imgs/template/icons/fb.svg) no-repeat right center;
    padding-right: 22px;
}
.footer .menu-footer li a.instagram {
    background: url(../imgs/template/icons/instagram.svg) no-repeat right center;
    padding-right: 24px;
}

.footer .menu-footer li a {

    padding: 0px 19px 0px 15px;
    background: url(../imgs/template/icons/arrow-menu.svg) no-repeat right center;
}
@media (max-width: 1199.98px) {
    .header .main-header .header-account {
        min-width: 190px;
        padding-left: 35px;
    }
}