.burger {
	cursor: pointer;
	height: 27px;
	width: 35px;
	overflow: visible;
	position: relative;
	z-index: 6;
   display: block;
}

.burger span,
.burger span:before,
.burger span:after {
	background: #1a1a1a;
	display: block;
	height: 4px;
	opacity: 1;
	position: absolute;
	transition: 0.3s ease-in-out;
   box-sizing: content-box;
   border-radius: 2px;
}

.burger span:before,
.burger span:after {
	content: "";
}

.burger span {
	right: 0px;
	top: 13px;
	width: 35px;
}

.burger span:before {
	left: 0px;
	top: -10px;
	width: 27px;
}

.burger span:after {
	left: 0px;
	top: 10px;
	width: 27px;
}

.burger.close span,
.burger.close span:before,
.burger.close span:after {
   background-color: #fff;
}

.burger.close span {
	transform: rotate(-45deg);
	top: 13px;
	width: 27px;
}

.burger.close span:before {
	top: 0px;
	transform: rotate(90deg);
	width: 27px;
}

.burger.close span:after {
	top: 0px;
	left: 0;
	transform: rotate(90deg);
	opacity: 0;
	width: 0;
}

.menu-toggle {
	z-index: 5;
	min-width: 100%;
	min-height: 100vh;
	position: fixed;
   overflow: hidden;
   overflow-y: scroll;
	top: 0;
	height: 0;
	visibility: hidden;
	opacity: 0;
	text-align: center;
	padding-top: 20px;
	transition: all 0.3s ease-in-out;
   left: 0;
}

.menu-toggle.overlay {
	visibility: visible;
	opacity: 1;
	padding-top: 100px;
	background: #1a1a1a;
}

.menu-toggle ul {
   list-style: none;
   padding: 0;
   margin: 0;
}
.menu-toggle a {
   color: #fff;
   padding: 10px;
   text-decoration: none;
   display: flex;
   position: relative;
}

.menu-item-has-children a span {
   width: 40px;
   height: 40px;
   font-size: 30px;
   line-height: 0.6;
   font-weight: bold;
   color: #00a9d1;
   position: absolute;
   right: 10px;
   top: 50%;
   transform: translateY(-50%);
   display: flex;
   align-items: center;
   justify-content: flex-end;
}

.menu-item-has-children > a > span::after {
   content: '+';
}

.menu-item-has-children.active > a > span::after {
   content: '–';
}

.menu-item .menu-item-has-children {
   width: 100%;
}

.menu-toggle .nav__menu > li.ox-mega-menu.active > .sub-menu > li > a,
.menu-toggle .nav__menu > li.ox-mega-menu:hover > .sub-menu > li > a {
   font-weight: bold;
}

.menu-item-has-children.active > .sub-menu > .menu-item-has-children.active > .sub-menu {
   margin-left: 1rem;
}

.ox-mega-menu-img {
   display: none;
}

.menu-item-has-children.active > .sub-menu {
   display: flex;
   flex-wrap: wrap;

   /*flex-direction: column;*/
   background: #000;
}

.menu-item-has-children .sub-menu li.title {
   display: none;
}

.menu-item-has-children .sub-menu a {
   padding: 7px 20px;
   text-align: start;
}

.menu-toggle .sub-menu {
   display: none;
}

section.header {
   padding-top: 5px;
   padding-bottom: 5px;
}

section.header .container-fluid {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
}

section.header .logo {
   padding-right: 1em;
}

section.header .logo img {
   display: block;
   height: 48px;
   width: auto;
   margin-left: 0;
}

@media (min-width: 1024px) {
   section.header  {
      position: relative;
      font-size: 18px;
      padding-top: 0;
      padding-bottom: 0;
   }

   section.header .logo {
      padding-bottom: 5px;
      padding-top: 5px;
   }

   section.header .logo img {
      height: auto;
	  width: auto;
      display: block;
   }

   .menu-toggle,
   .menu-toggle > ul {
      display: flex;
      visibility: visible;
      position: static;
      background: transparent;
      height: 100%;
      min-height: auto;
      min-width: auto;
      opacity: 1;
      padding-top: 0;
      overflow: visible;
   }

   .burger {
      display: none
   }

   .menu-toggle > ul > li {
      display: flex;
      align-items: center;
   }

   .menu-toggle > ul > li > a {
      font-size: 1em;
      padding: .8em;
      color: #03035e;
      transition: all 0.1s ease-in;
      margin: 0;
      display: flex;
      align-items: center;
      height: 90px;
   }

   .menu-toggle > ul > li:last-child > a {
      margin-left: 0.8em;
      padding: 10px 26px;
      background: #00b4d8;
      border: none;
      border-radius: 10px;
      color: #fff;
      height: auto;
   }

   .menu-toggle > ul > li:last-child:hover > a {
      background: #018cbd;
   }

   .menu-toggle > ul > li:not(:last-child):hover > a,
   .menu-toggle > ul > .current-item > a {
      color: #fff;
      background: #1a1a1a;
   }

   .menu-item-has-children a span {
      display: none;
   }

   .menu-toggle li a {
      position: static;
   }

   .menu-toggle li .sub-menu::before,
   .menu-toggle li .sub-menu {
      display: none;
      position: absolute;
      width: 100%;
      left: 50%;
      top: 100%;
      background: #1a1a1a;
      z-index: 6;
   }

   .menu-toggle li .sub-menu::before {
      content: '';
      width: 100vw;
      transform: translateX(-50vw);
      top: 0;
      bottom: 0;
      z-index: -1;
   }

   .menu-toggle li .sub-menu {
      z-index: 6;
      visibility: visible;
      opacity: 1;
      max-width: 1400px;
      transform: translateX(-50%);
      flex-wrap: wrap;
      padding: 3rem 1rem;
   }

   .menu-toggle li > .sub-menu > li > .sub-menu {
      padding: 1rem 1rem;
   }

   .menu-toggle .nav__menu > li.ox-mega-menu:hover > .sub-menu {
      flex-direction: column;
      box-sizing: border-box;
   }

   .menu-toggle .nav__menu > li.ox-mega-menu:hover > .sub-menu > li {
      width: 20vw;
      font-size: 1.8em;
      margin-bottom: 0;
   }

   .menu-toggle .nav__menu > li.ox-mega-menu:hover > .sub-menu > li:nth-child(2) > .sub-menu,
   .menu-toggle .nav__menu > li.ox-mega-menu:hover > .sub-menu > li:hover > .sub-menu,
   .menu-toggle .nav__menu > li.ox-mega-menu:hover > .sub-menu > li:nth-child(2) > .ox-mega-menu-img,
   .menu-toggle .nav__menu > li.ox-mega-menu:hover > .sub-menu > li:hover > .ox-mega-menu-img {
      display: flex;
   }

   .menu-toggle .nav__menu > li.ox-mega-menu:hover > .sub-menu > li > a::after {
      display: none;
   }

   .menu-toggle .nav__menu > li.ox-mega-menu:hover > .sub-menu > li > .sub-menu::before {
      display: none;
   }

   .menu-toggle .nav__menu > li.ox-mega-menu:hover > .sub-menu > li > .sub-menu {
      width: 45vw;
      position: absolute;
      top: 105px;
      transform: none;
      left: 20vw;
      display: none;
      min-height: calc(100% - 105px);
   }

   .menu-toggle .nav__menu > li.ox-mega-menu:hover > .sub-menu > li > .ox-mega-menu-img {
      display: none;
      width: 200px;
      height: 200px;
      background-color: #1a1a1a;
      position: absolute;
      top: 105px;
      left: 70vw;
   }

   .menu-toggle .nav__menu > li.ox-mega-menu:hover > .sub-menu > li > .sub-menu > li {
      width: 33.3% !important;
      font-size: 18px;
   }

   .menu-toggle li:hover .sub-menu {
      display: flex;
   }

   .menu-toggle li .sub-menu::before {
      display: flex;
   }

   .menu-toggle .sub-menu li{
      text-align: left;
      float: left;
      margin-bottom: 10px;
   }

   .menu-toggle .sub-menu li:nth-child(even) {
      width: 25%;
      min-height: 2.3em;
   }

   .menu-toggle .sub-menu li:nth-child(odd) {
      width: 25%;
      min-height: 2.3em;
   }

   .menu-toggle .sub-menu li a::after {
      content: '→';
      font-size: 1em;
      color: #00b4d8;
      margin-left: 10px;
   }

   .menu-toggle .sub-menu li.title {
      display: flex;
      width: 100% !important;
      color: #fff;
      font-size: 37px;
      margin-top: 0;
      line-height: 1;
      margin-bottom: 20px;
      margin-right: 0 !important;
      float: none !important;
      font-family: var(--font-accent);
   }

   .menu-item-has-children .sub-menu a {
      padding: 0;
      font-size: 1em;
      display: inline;
   }

   .menu-item-has-children .sub-menu a:hover {
      text-shadow: 1px 1px 10px #fff;
   }

   .menu-item-has-children .sub-menu a:after {
      line-height: normal;
   }


   .nomega {
      position: relative;
   }

   .nomega:hover > .sub-menu {
      display: flex;
      left: auto !important;
      right: 0 !important;
      height: auto;
      transform: none;
      padding: .8em 1.5em;
      min-width: 200px;
      top: 100%
   }

   .nomega .sub-menu li.title {
      display: none;
   }

   .nomega .sub-menu li {
      width: 100% !important;
      display: flex;
      align-items: center;
   }

   .nomega .sub-menu li:last-child {
      margin-bottom: 0;
   }

   .menu-toggle li.nomega .sub-menu::before{
      display: none !important;
   }
}
.menu-toggle .current-menu-parent > a,
.menu-toggle .current-menu-item > a {
   font-weight: bold;
}

#menu-our-programmes {
   display: block !important;
}

.footer .menu-title {
   font-size: 22px;
}

.footer .menu {
   padding: 0;
   margin: 0;
   list-style: none;
}

.footer .menu a {
   display: flex;
   text-decoration: none;
   color: var(--black);
   font-size: 16px;
   margin-bottom: 10px;
}

@media (min-width: 1024px) {
   .footer .menu a {
      margin-bottom: 16px;
   }
}


.header-banner {
   display: flex;
   flex-direction: column;
   color: #fff;
   background-color: #1a1a1a;
   font-size: .67rem;
 }

 .header-banner .item {
   display: flex;
   align-items: center;
 }

 .header-banner .item-content {
   display: flex;
   align-items: center;
   padding: .2em 0;

   background-color: transparent;
   border-radius: .25em;
 }

 .header-banner .item a,
 .header-banner .item a:visited {
   color: inherit;
   text-decoration: none;
 }

 .header-banner .item a.item-content {
   padding: 0.5em 1em;
   transition: all .35 ease-in-out;
 }

 .header-banner .item a.item-content:hover {
   background-color: #313131;
 }

 .header-banner .icon {
   display: block;
   height: 1.5em;
   width: 1.5em;

   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
 }

 .header-banner .text {
   margin-left: 1em;
 }

 .header-banner .icon--gov_logo {
   background-image: url('../img/govuk-crest.png');
   height: 3em;
   width: 3em;
 }

 .header-banner .icon--star {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23f4c01e' d='M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z'/%3E%3C/svg%3E");
   transform: translateY(-0.1em);
 }

 .header-banner .icon--star + .icon--star {
   margin-left: .2em;
 }

 .header-banner .icon--phone {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z'/%3E%3C/svg%3E");
 }

 .header-banner .icon--email {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg%3E%3Cpath d='m23.954 5.542-8.418 8.418a5.007 5.007 0 0 1-7.072 0L.046 5.542C.032 5.7 0 5.843 0 6v12a5.006 5.006 0 0 0 5 5h14a5.006 5.006 0 0 0 5-5V6c0-.157-.032-.3-.046-.458Z' fill='%23fff'/%3E%3Cpath d='m14.122 12.546 9.134-9.135A4.986 4.986 0 0 0 19 1H5A4.986 4.986 0 0 0 .744 3.411l9.134 9.135a3.007 3.007 0 0 0 4.244 0Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
 }

@media(max-width: 767px) {
   .ox-mega-menu > .sub-menu > .menu-item.menu-item-type-custom.menu-item-object-custom {
      width: 100%;
   }

   .sub-menu > .menu-item.menu-item-type-custom.menu-item-object-custom {
      width: 50%;
   }
}
