/*
Theme Name: Congenial Octo Giggle
Description: Brand (Az7-8,Ad)
Author: Jori 
Template: yelly
Version: 1.0.0
*/

/* Below you can add your CSS styles */

.btn-size-big {
  margin: 4px;
}


.table-of-contents {
  background: #303030;
  border: 1px solid #474747;
}

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

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


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

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


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

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

.main-navigation-inner.fixed {
  background-color: #1c1c1c;
}

.main-navigation .full {
  background-color: #1c1c1c;
}

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

h1, h2, h3 {
  color: #ff9a18;
}

#content {
  background-color: #1c1c1c;
  color: #d1d1d1;
    position: relative;
}

#content::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 318px;
    height: 100vh;
    background-image: url('/wp-content/themes/congenial-octo-giggle/images/default-bg-left.0a3f7e95.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    z-index: -1;
}

#content::after {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    width: 318px;
    height: 100vh;
    background-image: url('/wp-content/themes/congenial-octo-giggle/images/default-bg-right.3352f734.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    z-index: -1;
}

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

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

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

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