/* Anchor Tags */
.anchor{
    display: block;
    height: 100px; /*same height as header*/
    margin-top: -100px; /*same height as header*/
    visibility: hidden;
  }
  /* Blockquote Border*/
  blockquote {
  border-left: 5px solid #FFC629;
  }
  
  /* Buttons & Labels (can also attach btn-block or btn-lg to the class to change sizes) */
  .btn-primary {
      background-color: #0071CE;
      text-transform: uppercase;
      border-color: #0071CE;
      margin: 10px 0px 15px 0px!important;
      padding: 10px!important;
  }
  .btn-warning {
    background-color: #FFC629;
    text-transform: uppercase;
    border-color: #FFC629;
    margin: 10px 0px 15px 0px!important;
    padding: 10px!important;
    color:#000000
  }
  .btn-default {
      text-transform: uppercase;
      color:#0071CE;
      border-color: #0071CE;
      margin: 10px 0px 15px 0px!important;
      padding: 10px!important;
      border-width: 2px;
  }
  /* For use for mandatory, optional, or differing between sections */
  .label-default {
      background-color: #8A1A9B!important;
  }
  .badge {
    background-color: #003A70;
    margin: 0px 0px 8px 0px;
  }
  
  /* Callouts */
  .calloutgold {
    background-color: #ffc212;
    padding: 20px;
    margin: 15px;
    border-radius: 5px;
  }
  .calloutnavy {
    background-color: #003A70;
    padding: 20px;
    margin: 15px;
    border-radius: 5px;
    color: #FFFFFF
  }
  .calloutnavy a {
    color: #FFFFFF;
  }
  .callout-outlinegold {
    padding: 20px;
    margin: 15px;
    border-color:#ffc212;
    border-radius: 5px;
    border-style: solid;
  }

  .callout-outlineblue {
    border-color: #3CB4E5;
    padding: 20px;
    margin: 15px;
    border-radius: 5px;
    border-style: solid;
  }

  .navydifference {
    background-color: #003A70;
    border: none;
    padding: 15px;
    margin: 20px 0px;
    color: #FFFFFF;
    text-align: center;
    border-radius: 7px;
  }
  .calloutblue {
    background-color: #3CB4E5;
    padding: 20px;
    margin: 15px;
    border-radius: 5px;
  }
  .callout-invispace {
    margin: 15px;  
  }
  
  /* Header (grey) */
  .grey-header{
    background-color: #232323;
    color: #FFFFFF;
    padding:10px;
  }
  .curved-header {
    color: #FFC629;
    border: none;
    margin: 5px 0px -5px 0px;
    padding: 10px 20px 10px 30px;
    background-color: #003A70;
    border-radius: 50px 50px 0px 5px;
  }
  /*Header Decorations*/
  .underline-purple {
    border-bottom: 0.1875rem solid #8A1A9B;
    padding-bottom: 0.5rem;
    color: #8A1A9B;
}
  .underline-blk {
    border-bottom: 0.1875rem solid #000000;
    padding-bottom: 0.5rem;
    color: #000000;
}
.border-left-yellow {
    border-left: .6rem solid #FFC629;
  	padding-left: .5rem;
    margin: 1.3em 0em;
}
  
    /* Line - Teal*/
    hr {
        height: 3px!important;
        border: 0;
        border-top: 3px solid #57B6B2!important;
        margin: 1em 0;
        padding: 0;
    }
  
  
    /* HERO Program Container holding the image and the text */
  .herocontainer {
    position: relative;
    text-align: center;
    color: white;
    font-weight: 700px;
  }
  .hero {
  filter: brightness(50%);
  }
  /* Container Centered text */
  .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  /* For extremely small screen devices (595px and below) */
  @media only screen and (max-width: 595px) {
  .herocontainer p {
   display:none;
  }}
  
  @media only screen and (max-width: 595px) {
    .hero {
     filter: brightness(100%);
    }}
  @media only screen and (min-width: 845px) and (max-width: 911px){
    .hero {
     filter: brightness(100%);
    }}
  @media only screen and (min-width: 845px) and (max-width: 911px){
  .herocontainer p {
   display:none;
  }}
  
  /* Sections (Space and Blue for Different Colored Sections) */
  .space{
    margin:20px 0px;
    padding:20px;
  }
  .blue{
    background-color: #F3F9FF;
    margin:20px 0px;
    padding:20px;
  }

.thumbnail {
    border: 0px;
    padding-top: 10px;
  }

/*Nav-Pills Semantics*/
.grey {
     background-color:#F5F5F5;
     padding: 20px;
     border-radius:7px;
     margin: 0px 10px;
}
        
 .nav-pills>li>a {
    color: #000;
    background-color: #e6e6e6;
}

  /* ILJ */
  .bluecontentblock {
    background-color: #F3F9FF;
    padding: 20px;
    border-radius:5px;
    color:#232323;
  }
  .greycontentblock {
    background-color: #ECECEC;
    border: none;
    border-radius: 7px;
    margin: 5px 0px 10px 0px;
    padding: 10px 20px 40px 20px;
  }
  
  /* Used for Outcome Sections at the bottom of Program pages*/
  .navydifference {
    background-color: #003A70;
    border: none;
    padding: 15px;
    margin: 20px 0px;
    color: #FFFFFF;
    text-align: center;
    border-radius: 7px;
  }
  .navydifference >.fa {
    color:#FFFFFF;
  }
  
  /* Removal of Left Hand Navigation */
  .rtsUL {display:none;}
  
  /* Social Icons (old if displayed) */
  .callout .social-icons ul li.facebook a {
    width: 27px;
  }
  
  /* Social Media Icons (id is social, class is fa) */
  #social .fa {
    width: 43px;
    padding: 10px;
    font-size: 1.5em!important;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    color: white;
    border-radius: 50%;
    background: #003A70;
  }
  #social .fa:hover {
  opacity: 0.7;
    text-decoration: none!important;
  }
  .events >.fa {
    text-decoration: none;
    color:#57B6B2;
  }
  .fa-exclamation-triangle {color: #E43D30}
  
  /*Image Gallery Semantics*/
  .galleria-theme-classic {
    background:#0071CE;
    border-radius: 7px;
  }
  
  /*Table Semantics*/
  
  table.table2 {
    background-color: #FFFFFF;
    text-align: left;
    width: 100%
  }
  table.table2 td, table.table2 th {
    border: 0px solid #AAAAAA;
    padding: 10px 10px;
  }
  table.table2 tr:nth-child(even) {
    background: #F3F9FF;
  }
  table.table2 thead {
    background: #0475BC;
    color:#FFFFFF
  }
  table.table2 thead th {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
    border-left: 0px solid #818285;
    padding: 5px;
  }
  table.table2 thead th:first-child {
    border-left: none;
  }