/*==================================
This stylesheet is used for demo 5
=================================*/

@import url('https://fonts.googleapis.com/css2?family=Just+Another+Hand&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

:root{
  --family-display: 'Just Another Hand', cursive;
  --family-body: "Poppins", sans-serif;
  --family-headings: "Poppins", sans-serif;

  --color-primary: #4772D9;
  --color-primary-hover: #345CBE;
  --color-primary-hue: #DBE5FF;
  --color-primary-rgb: 71, 114, 217;

  --color-secondary: #242424;
  --color-secondary-hover: #313131;
  --color-secondary-hue: #6A6A6A;
  --color-secondary-rgb: 36, 36, 36;

  --color-body: #BBBBBB;
  --color-border: rgba(255,255,255,.1);
  --color-headings: #fff;

  --color-bg-light: rgba(255,255,255,.05);

  --logo-size-lg: 210px;
  --logo-size-md: 160px;
  --logo-size-sm: 120px;
}


body{
  background-color: #0D0E11;
}
.dropdown-menu{
  background-color: #0D0E11;
  color: #fff;
}
.datepicker td, .datepicker th{
  color: #fff;
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover{
  background-color: var(--color-secondar-hover);
}

.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover,
.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover,
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover,
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled],
.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled]{
  background-color: rgba(255,255,255,.1);
}

.infobox-section,
.andro_cart-summary,
.andro_cart-wrap{
  background-color: #171717;
}
table td{
  background-color: rgba(255,255,255,.05);
  border: 2px solid rgba(0,0,0,.1);
  font-weight: 400;
}
table th{
  background-color: var(--color-secondary);
  text-transform: none;
}

.andro_cart-wrap .form-control,
table .form-control,
table .form-control:focus{
  background-color: var(--color-bg-light);
}
.andro_table-responsive tr{
  border-bottom-color: rgba(255,255,255,.05);
}

.form-control:focus,
.form-control{
  color: #fff;
}

.andro_aside,
.andro_header-navigation ul ul{
  background-color: #262933;
}
.andro_header-navigation > ul li a:hover{
  color: var(--color-primary);
}
.andro_aside .andro_socials li a{
  background-color: rgba(255,255,255,.1);
  color: #fff;
}

.andro_gallery-content{
  background-color: rgba(var(--color-secondary-rgb), .8);
}

.andro_post-d-footer .andro_socials li a:hover,
.andro_post-d-img span{
  background-color: var(--color-secondary);
}
.andro_post-d-footer .andro_socials li a{
  background-color: rgba(255,255,255,.1);
}
.andro_header-cart-count{
  background-color: var(--color-primary);
}

.andro_artist.style-4 .andro_artist-content{
  background-color: rgba(var(--color-primary-rgb), .8)
}