/*
Theme Name: musical-octo-umbrella
Description: Brand (AzMob)
Author: Jori 
Template: yelly
Version: 1.0.0
*/

/* Below you can add your CSS styles */

.btn-size-big {
  margin: 4px;
  border-radius: 5px;
  font-weight: 900;
}

div#content.site-content.fixed,
#page.site {
  background: linear-gradient(180deg, #7c0000 33%, #111 69%) no-repeat fixed;
}

.table-of-contents {
  background: #2e0a0a;
  border: 1px solid #2e0a0a;
}

.table-of-contents ol li a,
.entry-content table a {
  color: #fff;
}

.table-of-contents ol li a:hover,
.entry-content table a:hover {
  color: orange;
}

.entry-content table th {
  background-color: #480a0a;
  color: #fff;
  border: 1px solid #480a0a;
}

.entry-content table,
.entry-content table td,
.entry-content table th {
  border: 1px solid #480a0a;
}

.table-responsive tr:nth-child(even) {
  background-color: #480a0a;
  border: 1px solid #480a0a;
}

.table-responsive tr:nth-child(odd) {
  background-color: #7c0000;
  border: 1px solid #480a0a;
}

body .entry-content > ul:not([class]) > li::before,
body .entry-content ul:not([class]) li::before {
  background-color: #fff;
}

body .entry-content > ol:not([class]) > li::before,
body .entry-content ol:not([class]) li::before {
  color: #fff;
}

.site-header-inner .main-navigation ul li > a {
  color: #fff;
}

.main-navigation ul li span:hover,
.site-header-inner .main-navigation ul li > a:hover {
  color: orange;
}

@media (min-width: 992px) {
  .site-header-inner .main-navigation ul li > a {
    color: #fff;
  }

  .main-navigation ul li span:hover,
  .site-header-inner .main-navigation ul li > a:hover {
    color: orange;
  }
}

.main-navigation-inner.fixed {
  background-color: #480a0a;
}

.main-navigation .full {
  background-color: #480a0a;
}

@media (min-width: 768px) {
  .main-navigation-inner.fixed {
    background-color: #480a0a;
  }
}

h2 {
  color: orange;
}

h3 {
  color: #fff;
}

#footer_menu.menu,
.footer-navigation .main-navigation-inner,
.site-footer.main-navigation-inner.fixed {
  background-color: #000;
  color: #fff;
  border-top: 1px solid #474747;
  border-bottom: 1px solid #474747;
}

.footer-navigation .main-navigation-inner {
  background-color: #000;
}

#menu-item a {
  color: #fff;
}

#menu-item a:hover {
  color: orange;
}