@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap');
body {
  background: rgba(9, 30, 66, 0.8);
  color: #525252;
  font-family: 'Open Sans', sans-serif;
}
.container {
  max-width: 1040px;
  background: white;
}

/* -----------------------------------------------HEADER STYLES------------------------------------------------------------------ */
.border-bottom {
  border-bottom: 1px solid #f0f0f0;
}
.header-top-link {
  color: #379FFF;
  font-size: 14px;
}
.cart-link {
  color: #FF8A02;
}
.semi-bold-font {
  font-weight: 600;
}
.search-icon-box {
  width: 40px;
  right: 0;
  background-color: #379FFF;
  height: 100%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  color: white;
}
.main-search-form i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-search-form input{
  border: 1px solid #379FFF;
  border-radius: 5px;
}
.main-search-form input:focus {
  outline: none;
  box-shadow: 0 0 0 0 2rem rgba(0,123,255,.25);
}
.navitem-container li a.nav-link {
  color: inherit;
  /* border: 2px solid red; */
}
.navitem-container li.active {
  /* color: #379FFF; */
  border-bottom: 2px solid #379FFF;
}
.navitem-container li.active a{
  color: #379FFF !important;
  /* border-bottom: 2px solid #379FFF; */
}

/* -----------------------------------------------LEFT SIDEBAR------------------------------------------------------------------ */
.links-list {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 11px #0000001A;
  border-radius: 4px;
}
.option-container {
  border-bottom: 1px solid #000;
}
.option-title-container {
  background-color: #379FFF;
  color: white;
  border-radius: 5px;
}
.option-title-container a {
  color: white;
}
.option-list {
  list-style: none;
}
.option-list li {
  padding: 4px 16px;
}
.option-list li:hover {
  background: #F1F8FF;
  cursor: pointer;
}
.option-list li a {
  text-decoration: none;
}
.option-title-container .collapse-icon .fa-plus-circle {
  display: none;
}
.option-title-container .collapse-icon .fa-minus-circle {
  display: inline-block;
}
.option-title-container.collapsed .collapse-icon .fa-minus-circle{
  display: none;
}
.option-title-container.collapsed .collapse-icon .fa-plus-circle{
  display: inline-block;
}
.option-title-container:hover {
  cursor: pointer;
}

.option-title-container .collapse-icon .plus-circle {
  display: none;
}
.option-title-container .collapse-icon .minus-circle {
  display: inline-block;
}
.option-title-container.collapsed .collapse-icon .minus-circle{
  display: none;
}
.option-title-container.collapsed .collapse-icon .plus-circle{
  display: inline-block;
}
/* -----------------------------------------------SLICK SLIDER------------------------------------------------------------------ */
#bannerSlider .slick-list {
  padding: 0 !important;
  border-radius: 20px;
}
ul.slick-dots li button::before {
  font-size: 10px;
  color: #379FFF;
}
ul.slick-dots li.slick-active button:before {
  color: #379FFF;
}
.category-title::after {
  content: '';
  height: 1px;
  position: absolute;
  width: 75%;
  display: inline-block;
  top: 12px;
  border-bottom: 1px solid #D7D7D7;
  right: 83px;
}

/* -----------------------------------------------PRODUCTS CARD------------------------------------------------------------------ */
.product-box {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 11px #0000001A;
  border-radius: 4px;
  opacity: 1;
  height: 100%;
}
.product-boxes:hover {
  border: 1px solid #379FFF;
}
.product-image {
  mix-blend-mode: multiply;
  opacity: 1;
}
.product-name {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0px;
  text-align: left;
  opacity: 1;
}
.product-name span {
  color: #3D4961;
}
.buy-price {
  font-size: 20px;
  color: #56678A;
}
.discount-price {
  line-height: 30px;
  font-size: 16px;
  color: #AEB8CC;
}
.about-text, .calendar-text {
  font-size: 14px;
}
.on-sale-badge {
  background-repeat: no-repeat;
  font-size: 11px;
  font-weight: bold;
  height: 25px;
  position: absolute;
  top: -0.55rem;
  right: 0.5rem;
  width: 50px;
  color: #FF1C1B;
  padding-top: 1px;
}
.best-seller-badge {
  background-repeat: no-repeat;
  font-size: 11px;
  font-weight: bold;
  height: 25px;
  position: absolute;
  top: -0.55rem;
  right: 0.35rem;
  width: 69px;
  color: #2A9D00;
  padding-top: 1px;
}

/* -----------------------------------------------EVENT CALENDAR------------------------------------------------------------------ */
.monthly-events {
  font-size: 14px;
}
.monthly-events .option-title-container {
  background: #56678A;
}
.monthly-events .option-list li:hover {
  background: rgba(9, 30, 66, 0.04);
}
footer .footer-top{
  background-color: #C5E1FF;
}
footer .social-icons + .social-icons {
  margin-left: 16px;
}
footer .fa-facebook:hover {
  color: #3B5998;
}
footer .fa-instagram:hover {
  color: #DD2A7B;
}
footer .fa-twitter:hover {
  color: #00ACEE;
}
footer .fa-pinterest:hover {
  color: #C8232C;
}
.footer-container {
  background-color: #e0efff;
}
.font-size-14 {
  font-size: 14px;
}
.search-matches ul li {
  display: inline-block;
}
.search-matches button {
  background: #F5F5F5 0% 0% no-repeat padding-box;
  border-radius: 8px;
  opacity: 1;
  border: transparent;
}
.search-matches button:hover {
  background: #DFDFDF 0% 0% no-repeat padding-box;
}
.search-matches span {
  display: inline-block;
  color: #000000A6;
}

/* -----------------------------------------------HOMEPAGE MODAL STYLES------------------------------------------------------------------ */
.email-modal {
  color: #fff;
}
.modal-container {
  background-size: conver;
}
.modal-box {
  width: 600px;
  min-width: 600px;
}
@media only screen and (max-width: 450px) {
  .modal-box {
    width: 375px;
    min-width: 375px;
  }
}
.btn-close, .btn-close:focus {
  outline: none;
  font-size: 30px;
}
#submitBtn {
  background-color: #0a6ad2;
  border-color: #0a6ad2;
}
#submitBtn:hover {
  background-color: #1772d6;
  border-color: #1772d6;
}
.discount-text {
  color: #e4f395;
  font-size: 1.6rem!important;
}
.help-links {
  color: #0a6ad2;
}
.check-submit:hover {
  background-color: #DEEFFF;
}

/* -----------------------------------------------SIGIN IN PAGE------------------------------------------------------------------ */
.separator {
  display: flex;
  text-align: center;
  align-items: center;
  color: #99A6BF;
}
.separator::before, .separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #DEE2E6;
}
.separator:not(:empty)::before {
  margin-right: 1.5em;
}
.separator:not(:empty)::after {
  margin-left: 1.5em;
}
.page-heading {
  color: #3D4961;
}
.with-social-btn, .customGPlusSignIn {
  border-color: #E2E2E2;
  border-radius: 4px;
  color: #3D4961;
  font-size: 16px;
  font-weight: 600;
  display: inline-flex;
  padding: 9px 30px;
}
.input-label {
  color: #3D4961;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 400;
}
.input-field {
  border-color: #E2E2E2;
  display: block;
}
.with-social-btn:hover, .input-field:hover, .input-field:active, .customGPlusSignIn:hover {
  border-color: #99A6BF;
  background-color: #ffffff;
  color: #3D4961;
}
.more-options {
  color: #3D4961;
  font-size: 14px;
  font-weight: 400;
}
.color-white {
  color: #ffffff;
}
.with-social-btn img, .customGPlusSignIn img {
  height: 24px;
}
.error-message {
  color: #F5222D;
  font-size: 14px;
  font-weight: 600;
}

/* -----------------------------------------------ORDER HISTORY PAGE------------------------------------------------------------------ */
.page-header-container {
  border-bottom: 1px solid #DEE2E6;
}
.page-header {
  font-size: 18px;
  font-weight: bold;
  color: #3D4961;
}
.meta-data-label {
  color: #7A8AAC;
  font-size: 14px;
}
.meta-data-value {
  color: #3D4961;
  font-size: 14px;
  font-weight: 600;
}
.order-product-list-table-header {
  background: #E8E8E8; 
  border-radius: 8px 8px 0px 0px; 
  padding-top: 13px; 
  padding-bottom: 13px;
  font-size: 14px;
  color: #7A8AAC;
}
.order-product-list-table-row {
  background: #FAFAFA;
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 14px;
  font-weight: 500;
}
.order-product-list-table-row > .product-name {
  color: #3D4961;
  font-weight: 600;
  font-size: 14px;
}
.order-product-list-table-row > .product-sku {
  color: #7A8AAC;
  font-weight: 600;
}
.order-product-list-table-row > .link {
  color: #027BFF;
  font-weight: 600;
}
.order-product-list-table-row > .product-quantity {
  color: #7A8AAC;
  padding-top: 5px;
}
.order-product-list-table-row > .product-price, .product-subtotal {
  color: #3D4961;
  padding-top: 5px;
  font-weight: 600;
}
.back-link {
  color: #027BFF;
  font-size: 16px;
  display: flex;
  width: fit-content;
}
.page-content-header {
  font-size: 18px;
  color: #3D4961;
  font-weight: bold;
}
.input-field-info {
  color: #7A8AAC;
  font-size: 12px;
  font-style: italic;
}
.inner-content-label {
  color: #7A8AAC;
  font-size: 14px;
}
.inner-content-value {
  color: #3D4961;
  font-size: 14px;
}
.pdp-product-detail-label {
  color: #7B7B7B;
}
.fa-envelope-o, .fa-clone {
  color: #7b7b7b;
  font-weight: bolder;
  height: 18px;
  width: 18px;
}
.fa-envelope-o:hover, .fa-clone:hover {
  color: #379fff;
}

/* -----------------------------------------------THEMES PAGE------------------------------------------------------------------ */
.themes-link {
  border: 1px solid #AEB8CC;
  border-radius: 4px;
  background: none;
  width: 190px;
  color: #3D4961;
  font-size: 14px;
  padding: 10px;
}
.themes-link:hover {
  border-color: #027BFF;
  color: #027BFF;
  background: none;
}
.themes-link:hover .b, .themes-link:hover .d {
  fill: #027bff;
}


.submit-btn {
  width: 100%!important;
  text-align: left;
  border: none;
  color: #3D4961;
  padding-top: .6rem;
  padding-bottom: .6rem;
  background-color: white;
  padding-left: 1rem;
  padding-right: 1rem;
}
.submit-btn:hover {
  color: #FF4B34 !important;
  text-shadow: 0 0 0.01px #3D4961;
  background-color: #FFEDEB;
}