@font-face {
  font-family: 'PublicSans';
  src: 
       url('../fonts/publicsans/PublicSans-ExtraLight.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/publicsans/PublicSans-ExtraLight.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/publicsans/PublicSans-ExtraLight.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'FontAwesome';
  src: 
       
       url('../fonts/fontawesome-webfont.otf') format('opentype'), 
       url('../fonts/fontawesome-webfont.ttf')  format('truetype'),

       url('../fonts/fa-solid-900.ttf') format('truetype'), 
       url('../nysmesonet/fonts/fa-regular-400.ttf') format('truetype'), 
       url('../fonts/fa-brands-400.ttf') format('truetype');

}

p, a, h1, h2, h3, h4, h5, h6{
  font-family: 'PublicSans', sans-serif;
}

h1, h2, h3, h4, h5, h6{
  color: #46166b;
}

p {
    margin-bottom: .5rem;
    font-size: 1.2em;
    color: #333;
}

[data-whatinput='mouse'] .menu li {
    padding: 0.7rem 1rem;
}

.top-bar .menu li.menu-text:hover{
  background-color:#46166b;
}

.top-bar.secondary .menu li:hover {
    background-color: #333;
}

.top-bar.secondary .menu li:hover {
    background-color: #333;
    color:#edba32;
}

.secondary .menu-text p {
  color: #edba32;
  font-size: 1em;
    padding-top: 7px;
    margin-left: 1.5em;
}

p.menu-text{
  color: #edba32;
  font-size: 1.2em;
    padding-top: 7px;
    margin-left: .9em;
  font-weight: bold;
}

.title-area{
background-image: url(https://albany.edu/communicationsmarketing/greatness/images/Diagonal_Pattern_PMS_124.png);
background-size: cover;
padding: 1.5em 0px 0px .5rem;
}

.title-area p{
  //margin-bottom: -1em;
}

footer{
  background-color:#333333;
  padding: 2em;
  margin-top: 2em;
}

footer h3{
  font-size:1.3em;
}

footer h3, footer p{
  color: #fff;
}

footer p{
  font-size: 1em;
}

footer a:hover{
  color: #edba32;
}



/*//////////////////////////////////////////////////////////v1//////////////////////////////////////////////////////////////////*/

.row.expanded{
  display:flex;
  align-items: stretch;
  align-content: space-between;
  justify-content:center;
  }

.column{
  flex-grow: 1;
}

.top-bar, .top-bar ul {
  background-color:#46166b;
}

a{
  color:#fff;
}

a:hover, a:focus{
  //color: #edba32;
}


.mega-menu .menu, .dropdown-pane {
   background-color:#46166b;
    width: 102%;
  left: -15px!important;
  border-top: 3px solid #edba32;
}

.secondary .mega-menu .menu, .secondary .dropdown-pane {
    background-color: #333;
    padding: .5em 1em;
    top: 41px!important;
}

.dropdown-pane{
  //border: none!important;
  padding: 1em;
}

.row.expanded{
  width: 102%;
}

.top-bar .menu li:hover{
  background-color: rgb(96, 36, 129);

}

.top-bar a:hover{
  color: #fff;
}

.top-bar.secondary .dropdown.menu a:hover{
  color: #edba32;
}

.menu.vertical li {
    padding: 0px;
}

.left-nav h5{
  font-weight: bold;
}

/*.mega-menu > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 8px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #fff transparent transparent;
  margin-left: 39%;
  margin-top: 11%;
}

.mega-menu > a::after:hover{
  color: #edba32;
}*/



/*//////////////////////////////////////////////////////////v2//////////////////////////////////////////////////////////////////*/

.left-nav h5 {
   margin-top: 1em;
}

.left-nav ul li{
  list-style-type:none;
}

.left-nav ul li a{
  color:#46166b;
}

.left-nav ul li {
    border-bottom: 1px solid #e3e3e3;
    padding: .75em;
}

.multilevel-accordion-menu .sublevel-1 {
  //text-indent: 1rem;
}



.multilevel-accordion-menu .menu > li:not(.menu-text) > a {
  //padding: 1.2rem 1rem;
      margin-left: 1.25rem;
}

/*.multilevel-accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] a.subitem::before {
  content: "\f077";
  font-family: FontAwesome;
  margin-right: 1rem;
}*/

.multilevel-accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] a h5::after {
  content: "\f077";
  font-family: FontAwesome;
  margin-left: 1rem;
}

.top-bar.secondary ul li a.modifier::after{
  content: "\f078";
  font-family: FontAwesome;
  margin-left: 1rem;
  color: #fff;
}

.multilevel-accordion-menu .is-accordion-submenu-parent[aria-expanded="false"] a h5::after {
  content: "\f078";
  font-family: FontAwesome;
  margin-left: 1rem;
}



/*//////////////////////////////////////////////////////////v3//////////////////////////////////////////////////////////////////*/

.top-bar.secondary{
  margin-bottom: 2em;
}

.top-bar.secondary, .top-bar.secondary ul{
  background-color: #333;
}

.top-bar.secondary, .top-bar.secondary ul li{
  padding: 0px;
}




/*//////////////////////////////////////////////////////////mobile nav//////////////////////////////////////////////////////////////////*/

@media screen and (min-width: 1101px) and (max-width: 1300px) {

.top-bar .menu li{
  margin-right: 5px;
}

}

@media screen and (min-width: 801px) and (max-width: 1100px) {

li.menu-text img{
  margin-right: 5px;
}

.top-bar .menu li{

}

.mega-menu .menu, .dropdown-pane{
  width: 104%;
}

}

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

.nav-bar{
  display:none;
}

.top-bar{
  display: block
}

.accordions{
  display:none;
}

}

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

h3{
  font-size: 1.5em;
}

.title-area{
  padding: 1.5em 0px 0px 1rem;
  background-size: 1500px;
}

.top-bar{
  display:none;
}

.accordions{
  display:block;
  margin-bottom: 2em;
}

.nav-bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color:#46166C;
  height: 75px;
}

.nav-bar .nav-bar-logo {
  padding: 1rem;
}

.mav-bar-right {
    padding-left: 10%;
}

/*.nav-bar li {
  background: #2c3840;
}*/

.nav-bar a {
  color: #fff;
  transition: color 0.2s ease-in;
}

.nav-bar a:hover {
  color: #ecb932;
}

.second-img{
  margin-top:  2em;
}
}


@media screen and (max-width: 39.9375em) {
  .nav-bar {
    //height: 53.57143px;
  }
}

.nav-bar .offcanvas-trigger {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  //padding: 1.6rem;
  color: #fff;
  background-color: #46166C;
  transition: background-color 0.2s ease-in;
  cursor: pointer;
}

.nav-bar .offcanvas-trigger .offcanvas-trigger-text {
  margin-right: 0.25rem;
  margin-top: 0.25rem;
}

.nav-bar .offcanvas-trigger:hover {
  background-color: #ecb932;
}

@media screen and (max-width: 39.9375em) {
  .nav-bar .offcanvas-trigger {
    padding: 0.9rem;
  }
}

.multilevel-offcanvas {
  background: #46166C;
  padding: 1em 0px 1em .25em;
  color: #fff;
}

.multilevel-offcanvas > .menu {
  margin-bottom: 1rem;
}

.multilevel-offcanvas .menu a {
  color: #fff;
  padding-top: 20px;
  padding-bottom: 7px;
  transition: color 0.2s ease-in;
  font-size:1.3em;
}

.multilevel-offcanvas .menu a:hover {
  color: #ecb932;
}

.menu.vertical li a.options::after {
    content: "\f078";
    font-family: FontAwesome;
    margin-left: 1rem;
    color: #fff;
}

/*.dropdown.menu a.options::after{
   content: "\f078";
    font-family: FontAwesome;
    margin-left: 1rem;
    color: #fff;
}*/

.multilevel-offcanvas .fa {
  color: #ecb932;
}

.multilevel-offcanvas .is-accordion-submenu-parent > a::after {
  border-color: rgba(254, 254, 254, 0.6) transparent transparent;
}

.body-info {
  text-align: center;
  color: #fff;
}

.body-info .button {
  margin: 1rem 0;
  padding: 0.85em 2em;
}

.is-open + .off-canvas-content .hamburger .line:nth-child(1),
.is-open + .off-canvas-content .hamburger .line:nth-child(3) {
  width: 12px;
}

.is-open + .off-canvas-content .hamburger .line:nth-child(1) {
  -webkit-transform: translateX(-5px) rotate(-45deg);
      -ms-transform: translateX(-5px) rotate(-45deg);
          transform: translateX(-5px) rotate(-45deg);
}

.is-open + .off-canvas-content .hamburger .line:nth-child(3) {
  -webkit-transform: translateX(-5px) rotate(45deg);
      -ms-transform: translateX(-5px) rotate(45deg);
          transform: translateX(-5px) rotate(45deg);
}

.hamburger::after{
  font-family: FontAwesome;
  //content:'\f5a0';
}


.accordions{
  background-color: #333;
  margin-bottom: 1em;
}

.accordions a:hover, a:focus {
    color: #edba32;
}

.accordions ul{
  border-top: 1px solid #fff;
}
}