/*=============================================hamburger menu begins here========================================================*/
.hamburger-outer {
  display: none;
}

.burger-wrapper {
  cursor: pointer;
  margin: auto;
  width: 65px;
  height: 65px;
  padding:10px;
  position: fixed;
  z-index: 14;
	left:0;
}
.burger-wrapper .hamburger {
  display:block;
  background:#fff;
  width: 40px;
  height: 3px;
  position: relative;
  transition: background 10ms 300ms ease;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
.burger-wrapper .hamburger:before, .burger-wrapper .hamburger:after {
  transition: top 300ms 350ms ease, -webkit-transform 300ms 50ms ease;
  transition: top 300ms 350ms ease, transform 300ms 50ms ease;
  transition: top 300ms 350ms ease, transform 300ms 50ms ease, -webkit-transform 300ms 50ms ease;
  position: absolute;
  background: #fff;
  width: 40px;
  height: 3px;
  content: '';
}
.burger-wrapper .hamburger:before {
  top: -15px;
}
.burger-wrapper .hamburger:after {
  top: 15px;
}
.single-task .hamburger-container, .page .hamburger-container {
	position:absolute;
	top: 160px;
}
.burger-wrapper[aria-pressed="true"] .hamburger {
  background: transparent;
}
.burger-wrapper[aria-pressed="true"] .hamburger:after, .burger-wrapper[aria-pressed="true"] .hamburger:before {
  transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease, -webkit-transform 300ms 350ms ease;
  top: 0;
}
.burger-wrapper[aria-pressed="true"] .hamburger:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.burger-wrapper[aria-pressed="true"] .hamburger:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.hidden{
	display:none;
}

/* 
---------------------------------------Modal in the hamburger menu ------------------------------- */
.task-modal {
  background-color:#fff;
  height:100%;
}

.modal-dialog {
  overflow-y: initial !important;
  background-color:#fff;
  z-index:10;
  position: fixed;
  width: 100%;
  height: 100%;
  box-shadow: 3px 3px 5px 6px rgba(0,0,0,0.4);
}
.modal-content {
  background-color:#fff;
/*   height: inherit; */
  display: flex;
  align-items: stretch;
  flex: 0 1 auto;
  justify-content: flex-start;
  overflow: auto;
}
.modal-body {
    width: 80%;
    margin: 4% auto;
    height: calc(100vh - 235px);
    overflow-y: auto;
}
.modal-content> .modal-body> .custom-menu-class {
    display: flex;
    align-items: stretch;
}
.modal-content> .modal-body > .custom-menu-class > ul {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.modal-content .modal-body .custom-menu-class > ul .grand-parent {
	    flex-flow: column;
    padding-right: 30px;
    padding-left: 50px;
    text-transform: uppercase; 
    letter-spacing: 1px;
    text-align: left;
    color: #00204e;
    width: 33%;
    flex-wrap: wrap;
    display: flex;
    padding-bottom: 25px;
}
.modal-content .modal-body .custom-menu-class >ul>li {
    display: flex;
    position: relative;
    margin: 0;
    align-items: stretch;
}
.modal-content .modal-body li h3 {
	width: 100%;
}
.modal-content .modal-body .custom-menu-class > ul .grand-parent .sub-menu .parent-menu .sub-menu {
	display:none;
}
.hide-modal{
	display:none;
}
.body-overflow{
	overflow: hidden;
}
.task-menu-program-finder{
	padding-left: 50px;
	font-size: 21px;
}
.hamburger-class .menu li.grand-parent ul.sub-menu li.parent-menu{
	list-style:none;
}
.hamburger-class .menu li.grand-parent ul.sub-menu{
 padding:0 ! important;		
}
.hamburger-class .menu li.grand-parent ul.sub-menu {
	margin-left: -35px;
}
.hamburger-class .menu li.grand-parent ul.sub-menu li.parent-menu{
	padding-left: 35px;
}
.hamburger-class .menu li.grand-parent ul.sub-menu li.parent-menu:hover {
	
	background-image: url('/wp-content/uploads/nav-arrow.png');
	background-repeat: no-repeat;
    background-size: 15px;
    background-position: center left; 
	
}
.hamburger-class .menu li.grand-parent ul.sub-menu li.parent-menu > a {
	font-family: helvetica;
	text-decoration: none;
/* 	font-size: 16px; */
	font-weight: lighter;
	color: #767676;
	letter-spacing: 0.01em;
    text-transform: none !important;
    padding-left: 0;
    width: 100%;
}
.hamburger-class .menu li.grand-parent ul.sub-menu li.parent-menu > a:hover{
	text-decoration: underline;
	color: #00204e;
}