/*
//Theme Name:         Project Yeti
*/

.py-theme .top-bar {
  padding: 0rem;
}

.py-theme .title-bar, .py-topbar {
  position: relative;
}

.py-theme .top-bar, .py-theme .top-bar ul, .py-theme .top-bar .dropdown.menu .submenu, .py-theme .title-bar-title, .py-theme .title-bar {
  background: #333;
  color: #666;
  border: medium none;
  font-weight: 700;
  text-transform: uppercase;
}

.py-theme .top-bar ul {
  margin-left: 0;
}

.py-theme .dropdown.menu .has-submenu.is-down-arrow > a::after {
  border-width: 0;
}

.py-theme .top-bar .dropdown.menu .submenu li a {
  padding: 0.7rem 1rem;  
}

.py-theme .top-bar li a {
  color: #666;
}

.py-theme .top-bar .dropdown.menu .submenu li a {
  line-height: 45px;
}

.py-theme .top-bar .dropdown.menu .submenu {
  border-top: 1px solid #444;
}

@media only screen and (min-width: 640px) {

.py-theme .top-bar li:hover {
  background: #121212;
}

main {
  margin: 0px;
}

}

@media only screen and (max-width: 639px) {

.menu-icon::after {
    background: #666;
    box-shadow: 0 7px 0 #666, 0 14px 0 #666;
}

.menu-icon:hover::after {
    background: #fefefe;
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
}

.js-drilldown-back::before {
  border-width: 0;
  margin: 0;
}

.js-drilldown-back > a::before {
    border-color: transparent #666;
    margin-bottom: 3px;
}
.py-theme .submenu.is-drilldown-submenu.is-active {
	margin-left: 0;
}

.has-submenu.submenu.is-drilldown-submenu.is-active li {
  margin: 0.7rem 1rem;
}

.is-drilldown-submenu-parent > a::after {
  border-color: transparent transparent transparent #666;
}

.menu.drilldown .is-drilldown-submenu-parent .has-submenu .is-drilldown-submenu-parent > a::after {
  border-color: transparent transparent transparent #666;
  float: right;
  height: 0;
  margin-top: 7px;
  position: relative;
  right: 0;
  top: 0;
}


.menu.drilldown li:last-child {
  margin-bottom: 0.5rem;
}

.top-bar-right li {
  display: block;
}

.top-bar-right .is-drilldown {
  height: auto!important;
}

.py-theme .is-drilldown-sub.is-active {
  margin-left: 0;
  padding: 0.5rem;
}
.py-copyright li {
  display: block;
  padding: 0.3rem 0;
}

.demo-header {
    margin-bottom: -2rem;
    margin-top: -2rem;
    padding-bottom: 80px;
    padding-top: 80px;
}

.vertical.menu.docs-menu li a { 
	padding-left: 0;
	font-size: 0.85rem;
}

.docs-menu-title {
    color: #999;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 0.5rem;
    margin-top: 3rem;
    padding-left: 0rem;
    padding-top: 1.5rem;
    text-transform: uppercase;
}


.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

}