/*
    BASE STYLE SHEET
    Author: Magic Five
*/
body, .content-wrapper {
  overflow-x: hidden;
}
.logo {
	max-height: 30px;
}
.footer-logo {
	max-width: 100px;
}
main {
 min-height: calc(100vh - 56px - 208px);
} 
.navbar-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color: #444;
  transform: rotate(0deg) translate(0px, 0px);
  transition: ease all .2s;
}

.navbar-toggler .icon-bar+.icon-bar {
  margin-top: 4px;
}

.icon-bar:nth-child(2) {
  /* width: 16px; */
  transition: ease all .2s;
}

.navbar-toggler:hover>.icon-bar:nth-child(2) {
  width: 22px;
  transition: ease all .2s;
}

.navbar-toggler:active>.icon-bar:nth-child(2) {
  width: 22px;
  transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
  transform: rotate(45deg) translate(5px, 4px);
  transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
  opacity: 0;
  transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
  transform: rotate(-45deg) translate(4px, -4px);
  transition: ease all .2s;
}

@media only screen and (max-width: 980px) {
	.navbar-toggler {
		display: block;
		padding: 7px;
		float: right;
	    top: 10px;
	    position: relative;
	    right: 10px;
	}
	.navbar-toggler .navbar-toggler-icon {
		width: 20px;
	    height: 2px;
	    background-color: #585858;
	    position: relative;
	    display: block;
	    margin-bottom: 3px;
   	}
	.navbar-toggler .navbar-toggler-icon:last-child {
		margin-bottom: 0;
	}
}