/* Scss Document */
/*new for career tool*/
/* Medium Displays: 768px - 1279px */
/* Large Displays: 1280px - 1440px */
/* X-Large Displays: 1400px and up */
/*.toggleSubNav{
	display: none !important; 
}*/
#main-content-container {
    /*#subNav{
    background-color: $ou-tan;

    .hideRow{
        height: 0px;
        width: 100%;
        text-align: center;
        display: inline-block;

        a{
            font-family: $sans;
            font-size: 9px;
            line-height: 0px;
            color: #90908f;
            font-weight: 900;
            background-color: #d2c7bc;
            padding: 0.5% 1% 0.4% 1%;
            text-transform: uppercase;
        }
        a:hover{
            text-decoration: none;
        }
    }
    
    .tabs-content > .content{
        padding: 0.9375em 0 0 0;
    }

    .tabs-content {
        margin-bottom: 0px;

        .letterTitle{
            font-size: 70px;
            font-family: $serif;
            font-weight: lighter;
            color: $ou-gold;
        }

        ul {
            float: left;
            list-style: none;
            margin: 0px;
            width: 25%;
            padding: 15px 0.5%;

            li{

                a{
                    color: $ou-brown;
                    text-decoration: none;
                    line-height: 22px;

                    p{
                        font-family: $sans;
                        font-size: 11px;
                        font-weight: bold;
                        line-height: 15px;
                    }
                }
                a:hover{
                    color: black;
                    text-decoration: none;
                }
            }	
        } 
    } 
} */ }
#main-content-container #nav {
  background-color: #F1F1F1;
  border-top: 1px solid #a3a3a3;
  border-bottom: 1px solid #a3a3a3;
  /*.borderLeft{border-left:1px solid $ou-light-gray;}*/
  /* Deleting the letters and subnav out of the header. Saving a backup of the code but it should also be in the revision history. */
      /*.letters{
          padding: 0px 0 0 13px;
          width: 70%;
          float: left;
          width: 54%;
                  
          .tab-title {
              width: 11%;
          }
  
          a{
              padding: 18px 2px;
              line-height: 24px;
              letter-spacing: 1.4px;
          }
      }*/ }
  #main-content-container #nav .borderTop {
    border-top: 1px solid #a3a3a3; }
  #main-content-container #nav .borderRight {
    border-right: 1px solid #a3a3a3; }
  #main-content-container #nav .borderBottom {
    border-bottom: 1px solid #a3a3a3; }
  #main-content-container #nav .active a {
    color: white; }
  #main-content-container #nav a {
    color: #0f0f0f;
    background: none;
    font-size: 16px;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 18px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none; }
  #main-content-container #nav a:hover,
  #main-content-container #nav a:active {
    color: #7a6641;
    text-decoration: none; }
  #main-content-container #nav .words {
    /*padding: 0px 0 0 30px;*/
    min-width: initial;
    width: 98%; }
    #main-content-container #nav .words .homeBtn {
      width: 16%; }
      #main-content-container #nav .words .homeBtn a .blackHomeIcon {
        display: inline; }
      #main-content-container #nav .words .homeBtn a .goldHomeIcon {
        display: none; }
    #main-content-container #nav .words .homeBtn:hover a .blackHomeIcon {
      display: none; }
    #main-content-container #nav .words .homeBtn:hover a .goldHomeIcon {
      display: inline; }
    #main-content-container #nav .words .ugBtn {
      width: 34%; }
    #main-content-container #nav .words .gBtn {
      width: 30%; }
    #main-content-container #nav .words .minBtn {
      width: 20%; }
    #main-content-container #nav .words a {
      padding: 18px 2px; }
    #main-content-container #nav .words .vAlign {
      line-height: 16px; }
    #main-content-container #nav .words img {
      width: 17px;
      height: auto; }

/*LARGE MEDIA QUERY*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#main-content-container {
          /*#subNav{
  
              .tabs-content {
  
                  .letterTitle{
                      font-size: 44px;
                      margin-bottom: 0px;
                  }
  
              } 
          } */ }
  #main-content-container #nav {
                /*.letters{ 
                    width: 70%;
                    
                    .tab-title {
                        width: 5%;
                    }
    
                     a {
                        padding: 8px 0px;
                    }
                }*/ }
    #main-content-container #nav .words {
      min-width: initial;
      width: 100%; }
      #main-content-container #nav .words .homeBtn {
        width: 10%; }
      #main-content-container #nav .words .ugBtn {
        width: 40%; }
      #main-content-container #nav .words .gBtn {
        width: 28%; }
      #main-content-container #nav .words .minBtn {
        width: 22%; }
      #main-content-container #nav .words a {
        padding: 18px 2px; }

/*#career-tool*/ }
/*END LARGE MEDIA QUERY*/
/*MEDIUM MEDIA QUERY*/
@media only screen and (min-width: 641px) and (max-width: 767px) {
#main-content-container {
  /* END #nav */
      /*	#subNav{
  
              .medium-1,
              .medium-11{
                  width: 100%;
              }
  
              .tabs-content {
  
                  .letterTitle{
                      font-size: 30px;
                      margin-bottom:0px;
                  }
  
              } 
          } */ }
  #main-content-container #nav {
                /*.letters{ 
                    width: inherit;
    
                    .tab-title {
                        width: 5%;
                    }
                }*/ }
    #main-content-container #nav .words {
      width: 100%;
      padding: 0px; }
      #main-content-container #nav .words .tab-title {
        width: 29%;
        border-bottom: none; }
      #main-content-container #nav .words .homeBtn {
        width: 13%; }
      #main-content-container #nav .words a {
        font-size: 16px; }
      #main-content-container #nav .words .homeBtn {
        width: 10%; }
      #main-content-container #nav .words .ugBtn {
        width: 41%; }
      #main-content-container #nav .words .gBtn {
        width: 31%; }
      #main-content-container #nav .words .minBtn {
        width: 18%; }
      #main-content-container #nav .words a {
        padding: 18px 2px; }
      #main-content-container #nav .words .vAlign {
        line-height: 16px; }

/* END #main-content-container */ }
/* END MEDIUM MEDIA QUERY */
/*SMALL MEDIA QUERY*/
@media only screen and (min-width: 0em) and (max-width: 640px) {
#main-content-container {
  /* END #nav */
  /*		#subNav{
  
              display:none;
  
              .medium-1,
              .medium-11{
                  width: 100%;
              }
  
              .tabs-content {
  
                  .letterTitle{
                      font-size: 20px;
                      margin-bottom: 0px;
                  }
  
              } 
          } 
  */ }
  #main-content-container #nav .words {
    width: 100%;
    padding: 0px; }
    #main-content-container #nav .words .tab-title {
      width: 29%;
      border-bottom: none; }
    #main-content-container #nav .words .homeBtn {
      width: 13%; }
    #main-content-container #nav .words a {
      font-size: 14px; }
    #main-content-container #nav .words .homeBtn {
      width: 10%; }
    #main-content-container #nav .words .ugBtn {
      width: 41%; }
    #main-content-container #nav .words .gBtn {
      width: 31%; }
    #main-content-container #nav .words .minBtn {
      width: 18%; }
    #main-content-container #nav .words a {
      padding: 18px 2px; }
    #main-content-container #nav .words .vAlign {
      line-height: 16px; }
  #main-content-container #nav .letters {
    display: none; }

/* END #main-content-container */ }
/* END SMALL MEDIA QUERY */
