/** 
    Custom CSS for Hijab House
*/
/* Font */
@font-face {
  font-family: "azo_sanslight";
  src: url("../fonts/rui_abreu_-_azo_sans_light-webfont.woff2?1623217403") format("woff2"), url("/assets/themes/2020-09-Skeletal-00123950/fonts/rui_abreu_-_azo_sans_light-webfont.woff?1623217403") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "azo_sansthin";
  src: url("../fonts/rui_abreu_-_azo_sans_thin-webfont.eot");
  src: url("../fonts/rui_abreu_-_azo_sans_thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/rui_abreu_-_azo_sans_thin-webfont.woff2") format("woff2"), url("../fonts/rui_abreu_-_azo_sans_thin-webfont.woff") format("woff"), url("../fonts/rui_abreu_-_azo_sans_thin-webfont.ttf") format("truetype"), url("../fonts/rui_abreu_-_azo_sans_thin-webfont.svg#azo_sansthin") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "azo_sanslight";
  src: url("../fonts/rui_abreu_-_azo_sans_light-webfont.woff2") format("woff2"), url("../fonts/rui_abreu_-_azo_sans_light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "azo_sansbold";
  src: url("../fonts/rui_abreu_-_azo_sans_bold-webfont.eot");
  src: url("../fonts/rui_abreu_-_azo_sans_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/rui_abreu_-_azo_sans_bold-webfont.woff2") format("woff2"), url("../fonts/rui_abreu_-_azo_sans_bold-webfont.woff") format("woff"), url("../fonts/rui_abreu_-_azo_sans_bold-webfont.ttf") format("truetype"), url("../fonts/rui_abreu_-_azo_sans_bold-webfont.svg#azo_sansbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
body, h1, h2, h3, h4, h5, h6, p, a {
  font-family: "azo_sanslight", sans-serif !important;
}

strong {
  font-family: "azo_sansbold", sans-serif;
}

.hjh-user-link i {
  font-size: 2em;
  color: black;
}

.hjh-search-link i {
  font-size: 2em;
  color: black;
}

section.top-bar {
  display: block;
}

header {
  position: relative;
}
header .wrapper-header {
  padding-top: 0px;
}
header .wrapper-header .row {
  min-height: 0px;
}
header .wrapper-header .row p {
  color: black;
}
header .wrapper-header .row .nav a.nav-link {
  color: black;
}

#homepageCarousel .carousel-item {
  height: calc(100vh - 143px);
}

/* 
    Category Pages
*/
.products-row article .thumbnail .thumbnail-name {
  max-height: 55px;
}


/*-------------------------------------------------
MOBILE SEARCH BAR
-------------------------------------------------*/

.mobile-search-container {
  padding: 15px;
  background: #000;
  margin-bottom: 10px;
}

.mobile-search-container .input-group .mobile-search-input {
  background: #000;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 0;
}

.mobile-search-container .input-group .mobile-search-input::placeholder {
  color: #fff;
  opacity: 0.7;
}

.mobile-search-container .input-group .mobile-search-input:focus {
  background: #000;
  border-color: #fff;
  color: #fff;
  box-shadow: none;
  outline: none;
}

.mobile-search-container .input-group .mobile-search-btn {
  background: #000;
  border: 1px solid #fff;
  border-left: none;
  color: #fff;
  border-radius: 0;
}

.mobile-search-container .input-group .mobile-search-btn:hover,
.mobile-search-container .input-group .mobile-search-btn:focus {
  background: #000;
  border-color: #fff;
  color: #fff;
  box-shadow: none;
  outline: none;
}