/**
 * @file
 * Styles for menus in Bartik.
 */

 @media all and (max-width:1032px){
  nav#block-nasmhpd2022-main-menu{
    display: block;
  }

  div#block-mainnavigation{
    display: none;
  }
 }

 @media all and (min-width:1030px){
  nav#block-nasmhpd2022-main-menu{
    display: none;
  }

  div#block-mainnavigation{
    display: block;
  }
 }

/* This is needed to override ul.menu styles in menu.theme.css */
ul.menu {
  margin: 0;
  padding: 0 0 0.25em 1em;
}

/* This is needed to override [dir="rtl"] ul.menu styles in menu.theme.css */
[dir="rtl"] ul.menu {
  margin: 0;
}
/* Mega Menu Styles */

.tbm-main{
  background-color: #4f82c2;
}

ul.tbm-nav{
  width: fit-content;
  margin:auto;
}

[dir="ltr"] .tbm-nav{
  margin: auto;
}

.tbm-link.level-1{
  padding: 10px 1.25rem;
  color: #fff;
  font-weight: bold;
}

.tbm-main ul > li > div > a{
  /*border-right: 1px solid #5a7a8c;*/

}
.tbm-main ul > li > div > a.tbm-toggle:after{
  /* Reference to symbols: https://oinam.github.io/entities/ */
  content: "\25bc";
  font-size: 10px;
  margin-left:5px;
}
.tbm-submenu-toggle {
  background-color: #4f82c2;
}

.tbm-link.level-1:hover,
.tbm-link.level-1:focus{
  background-color: #5193d4;
  color: #fff;
  text-decoration: none;
}

li.active .tbm-link.level-1{
  background-color: #5193d4;
  color: #fff;
  box-shadow: none;
}

.tbm-link-container a.active-trail {
  background-image: linear-gradient(to bottom, #08c, #0077b3);
  background-repeat: repeat-x;
  color: #EEE;
}

.tbm-subnav > .tbm-item > .tbm-link-container a.active-trail{
  color: #EEE;
}

ul.tb-megamenu-nav.nav.level-0.items-7 {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #4e81c2;
  padding: 0;
}

.tb-megamenu .nav > li > a {
  border-right: 1px solid #5a7a8c;
}

.tb-megamenu .nav > li > a:first-child {
  border-left: 1px solid #5a7a8c;
}


p.mission {
  padding-top: 15px;
  padding-bottom: 0;
}

p.p-mission{
  padding:0 20px 20px 20px;
  color: #cccccc;
}

.tbm-column-inner {
  padding: 0 !important;
  margin:0 !important;
}
.tbm-column-inner .content{
  padding-top: 0px;
  padding-bottom: 0px;
}

p.read.more {
  margin: auto;
  padding-bottom:25px;
  width:100%;
  text-align:center;
}

p.read.more a {
  margin: auto;
  text-align: center;
  width: 80px;
  padding: 3px;
  color: #bde6a3;
  background: #2b2927;
  border: solid 1px #bde6a3;
}

p.read.more a:hover {
  color: #bde6a3;
  background: #000;
  border: solid 1px #fff;
  text-decoration:none;
}

.tb-megamenu .tb-block{
  padding:0;
  margin:0;
}

div#block-block-22{
  background:#3e3e3e;
}

.mission{
  color: rgb(169, 194, 153);
  font-size:30px;
  font-family: Cinzel, georgia, "times new roman", serif;
  text-align: center;
}



a.see-all {
  padding: 5px 35px;
  border: solid 1px;
  color: #fff !important;
  background: #37567e;
}

a.see-all:hover {
  text-decoration:none;
}


div#tb-megamenu-column-5, div#tb-megamenu-column-8, div#tb-megamenu-column-13 {
  background: #eaeaea;
  display: flex;
  align-content: flex-start;
  /* flex: 1; */
  /* flex-direction: column; */
  justify-content: center;
  padding-bottom: 50px;
  padding-left: 50px;
  padding: 26px 5px 33px 50px;
}

.tbm-column.span3
{
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-content: flex-start;
  vertical-align: text-top;
  padding-top: 17px;
  padding-bottom:30px;
  background:#3e3e3e;
}

.tbm-column.span4{
  padding-top: 26px;
  padding-left: 30px;
}

.tbm-column.span5
{

  padding-top: 26px;
  padding-bottom:30px;
  padding-left: 30px;
  background:#eaeaea;
}

div.tech .tbm-column.span4:nth-child(1),
div.tech .tbm-column.span4:nth-child(3){
  background:#eaeaea;
}


div#tb-megamenu-column-1{
  background:#3e3e3e;
}

div#tb-megamenu-column-13, div#tb-megamenu-column-17, div#tb-megamenu-column-18, div#tb-megamenu-column-19 {
  padding: 10px;
}


.tb-megamenu .dropdown-menu li > a {
  border-top: 0;
  font-weight: bold;
}

.tb-megamenu-row.row-fluid {
  display: flex;
  justify-content: center;
}

.tbm-submenu{
  margin: 0px;
  padding: 0rem;
}

.tbm-submenu.tbm-item-child{
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  left: auto;
}
.tbm-submenu.tbm-item-child.tbm-has-width {

  width: 100% !important;
  -webkit-box-shadow: 0 8px 6px -6px black !important;
  -moz-box-shadow: 0 8px 6px -6px black !important;
  box-shadow: 0 8px 6px -6px black !important;
  border-bottom:1px solid grey;
  padding: 0px;
  left: 0;
}

.tbm-group-title{
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
  padding-top: 15px;
  font-size: 1.3em;
}

.tb-megamenu .dropdown-menu .mega-nav > li[data-id="menu_link_content:c9ca086e-b33b-424b-a3a7-d9740a29474a"] > a,
.tb-megamenu .dropdown-menu .mega-nav > li[data-id="menu_link_content:068feb7a-afc0-417c-8da9-afffd3c28010"] > a,
.tb-megamenu .dropdown-menu .mega-nav > li[data-id="5196"] > a,
.tb-megamenu .dropdown-menu .mega-nav > li[data-id="6729"] > a,
.tb-megamenu .dropdown-menu .mega-nav > li[data-id="3846"] > a,
.tb-megamenu .dropdown-menu .mega-nav > li.submenu-item > a{
  font-weight: bold !important;
  margin: 0;
  text-transform: uppercase;
  padding-top: 15px;
  font-size: 1.3em;
}

li.uppercase .tbm-link.level-2{
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
  padding-top: 15px;
  font-size: 1.3em;
}


.tb-megamenu .mega-nav > li:first-child > a, .tb-megamenu .dropdown-menu .mega-nav > li:first-child > a {
  margin-top: 0;
  padding-top: 6px;
}

.tbm-subnav > .tbm-item > .tbm-link-container > .tbm-link{
  padding: 0px;
  font-weight: bold;
  text-decoration: none;
}


