/******************************************************************
Site Name: Cooperative Institute for Research in the Atmosphere
Author: Barbra Lashbrook
Stylesheet: Main Stylesheet 
******************************************************************/
body#tinymce.wp-editor{
  width:auto;
}
.skip-to-content-link {
  background: #fff;
  height: 30px;
  left: 50%;
  padding: 8px;
  position: absolute;
  transform: translateY(-100%);
  transition: transform 0.3s;
  margin:0 !important;
}

.skip-to-content-link:focus {
  transform: translateY(0%);
}
a.skip-to-content-link:focus {
    z-index: 800;
}
.screen-reader-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0); 
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; 
  width: 1px;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  }
  .acf-required {
    color: #A30000 !important;
}
  body { 
  margin: 0;
  background-color: #E1E1E1;
  }
  b,
  strong,
  .strong {
  font-weight: bold; }
  dfn,
  em,
  .em {
  font-style: italic; }
  hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; 
  }
  p {
  margin-bottom:15px;
  margin-top: 0;
  -webkit-hyphens: none;
  -epub-hyphens: none;
  -moz-hyphens: none;
  hyphens: none; 
  word-wrap: normal;
  line-height: 1.8;
}
  p img{
    max-width: 100%;
    height: auto;
  }
  .smallText{
    font-size: .8rem;
    font-weight: bold;
  }
  .largeText{
    font-size: 1rem;
  }
  img.aligncenter{
    max-width: 100%;
    height: auto;
  }
  p a{ -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }
  pre {
  margin: 0; }
  pre {
  white-space: pre-wrap; }
  q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }
  q:before,
  q:after {
  content: '';
  content: none; }
  small, .small {
  font-size: 75%; }
  sub,
  sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }
  sup {
  top: -0.5em; }
  sub {
  bottom: -0.25em; }
  dl,
  menu,
  ol,
  ul {
  margin: 1em 0; }
  dd {
  margin: 0; }
/*LINKS*/
a { background: transparent; 
  font-family: 'Open Sans', sans-serif;}
  a:hover {color:#0098d7;}
  a:focus { outline: thin dotted; }
  a:active, a:hover { outline: 0; }
  a { color: #115c99;}
  a:focus{ color: #0098d7; }
  a:link, a:visited:link { 
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); 
  word-wrap: break-word; 
  }
/*MENUS*/
menu { padding: 0 0 0 40px; }
  ol,
  ul {
  padding: 0;
  margin-left:6%;
  margin-top:3px;
  }
  ul{
  list-style: square;
  }
  ul li a:hover + .hidden, .hidden:hover {
  display: block;
  }
  li.listSQ{
  list-style: square;
  margin-left:14px;
  }
/*GLOBAL STYLES*/
legend {
  padding: 0;
  margin: 0;
  display: none;
}
fieldset {
  display: inline-block;
  margin: 0 0px -4px 10px;
  border: none;
  padding: 0;
}
button{border:0px;}
  .topPadding{padding-top:50px;}
  .bottomMargin{margin-bottom:50px !important;}
  .topMargin{ margin-top:50px !important;}
  .margin{
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: auto;
  }
  .alignleft{
  float: left;
  margin-right:10px;
  }
  .alignright{
  float:right;
  margin-left:10px;
  }
  .imgWidth{width:100%;}
  .imgWidth img{
  width:100%; 
  height:auto; 
  margin:0 auto; 
  display:block;
  }
  .sideBorder{border-right:2px solid #0098d7; }
  .box-shadow{ box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4);}
  .floatRight{float:right;}
  .floatLeft{float:left;}
  .entry-content img{
  min-width:300px;
  height:auto;}
  .featuredImg img{
  width:100%;
  height:auto;
  }
  .anchor {
  width: 100%;
  height: 10px;
  position: relative;
  top:-300px;
  z-index: -2;
  }
  img { -ms-interpolation-mode: bicubic; }
  .sr_only{
  position: absolute;
  height: 1px;
  width: 1px;
  left: -10000px;
  }
  blockquote {
  margin: 0 0 1.5em 0.75em;
  padding: 0 0 0 0.75em;
  border-left: 3px solid #2980b9;
  font-style: italic;
  color: #666;
  }
  .aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: block;
  }

  .hidden{display:none;}
  .inner-content{
  background-color:#fff;
  padding: 20px 15px !important;
  display: inline-block;
  width: 100%;
  }
  .whiteBox{
  background-color:#fff;
  padding:0.75em 25px !important;
  }
  .whiteBox p{
    padding:5px;
  }
  .pageTitle{
    font-weight: bold;
  }
  .scrollContent{
    max-height: 150px;
    overflow-y:scroll;
  }
/*Tables*/
tbody {
  border-collapse: collapse;
  border-spacing: 0;
  border:none;
  margin-bottom:15px;
  background-color:#fff;
  width:100%;
  }
  table {
  margin:0 auto;
  border-spacing:0px;
  width:100% !important;
  }
  table tr td{
  border:none;
  padding:3px;
  margin: 0 auto;
  width: auto;
  position: relative;
  vertical-align: top;
  }
  * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .image-replacement,
  .ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  .clearfix, .cf, .comment-respond {
  transform: scale(1); /* Standard Property */
transform-origin: 0 0;  /* Standard Property */ }
  .clearfix:before, .clearfix:after, .cf:before, 
  .comment-respond:before, .cf:after, 
  .comment-respond:after {
  content: "";
  display: table; }
  .clearfix:after, .cf:after, .comment-respond:after {
  clear: both; }
  span.amp {
  font-style: italic; }
/***Grid Stylesheet***/
.last-col {
  float: right;
  padding-right: 0 !important; }
@media (max-width: 767px) {
  .countBox{height:80px !important;}
  .infoBox{margin-bottom:4px;}
  .m-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0; }

  .m-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%; }

  .m-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%; }

  .m-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%; }

  .m-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%; }

  .m-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%; } 
    .empImg img{
      top:0px !important;
    }
    .m-hidden{display: none;}

    .af-form{
      line-height: 1.1;
      font-size: 12px;
    }


  }
/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 1229px) {
  .t-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0; }

  .t-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%; }

  .t-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%; }

  .t-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%; }

  .t-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%; }

  .t-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%; }

  .t-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%; }

  .t-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%; }

  .t-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%; }

  .t-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%; } 

  .t-1of6{
    float: left;
    padding-right: 0.75em;
    width: 16%;}
    .t-2of6{
    float: left;
    padding-right: 0.75em;
    width: 32%;}
    .t-3of6{
    float: left;
    padding-right: 0.75em;
    width: 48%;}
    .t-4of6{
    float: left;
    padding-right: 0.75em;
    width: 64%;}
    .t-5of6{
    float: left;
    padding-right: 0.75em;
    width: 80%;}

    .t-1of7{
    float: left;
    padding-right: 0.75em;
    width: 14%;}
    .t-2of7{
    float: left;
    padding-right: 0.75em;
    width: 28%;}
    .t-3of7{
    float: left;
    padding-right: 0.75em;
    width: 42%;}
    .t-4of7{
    float: left;
    padding-right: 0.75em;
    width: 56%;}
    .t-5of7{
    float: left;
    padding-right: 0.75em;
    width: 70%;}
    .t-6of7{
    float: left;
    padding-right: 0.75em;
    width: 84%;}
    .t-hidden{display: none;}
      .af-form{
        line-height: 1.1;
        font-size: 12px;
      }


  }
/* Landscape to small desktop */
@media (min-width: 1230px) {

  .d-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0; }

  .d-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%; }

  .d-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%; }

  .d-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%; }

  .d-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%; }

  .d-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%; }

  .d-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%; }

  .d-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%; }

  .d-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%; }

  .d-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%; }

  .d-1of6 {
    float: left;
    padding-right: 0.75em;
    width: 16.6666666667%; }

    .d-2of6 {
    float: left;
    padding-right: 0.75em;
    width: 33.32%; }

    .d-3of6 {
    float: left;
    padding-right: 0.75em;
    width: 49.98%; }

    .d-4of6 {
    float: left;
    padding-right: 0.75em;
    width: 66.6666666667%; }

    .d-5of6 {
    float: left;
    padding-right: 0.75em;
    width: 83.312%; }

  .d-1of7 {
    float: left;
    padding-right: 0.75em;
    width: 14.2857142857%; }

  .d-2of7 {
    float: left;
    padding-right: 0.75em;
    width: 28.5714286%; }

  .d-3of7 {
    float: left;
    padding-right: 0.75em;
    width: 42.8571429%; }

  .d-4of7 {
    float: left;
    padding-right: 0.75em;
    width: 57.1428572%; }

  .d-5of7 {
    float: left;
    padding-right: 0.75em;
    width: 71.4285715%; }

  .d-6of7 {
    float: left;
    padding-right: 0.75em;
    width: 85.68%; }

  .d-1of8 {
    float: left;
    padding-right: 0.75em;
    width: 12.5%; }

  .d-1of9 {
    float: left;
    padding-right: 0.75em;
    width: 11.1111111111%; }

  .d-1of10 {
    float: left;
    padding-right: 0.75em;
    width: 10%; }

  .d-1of11 {
    float: left;
    padding-right: 0.75em;
    width: 9.09090909091%; }

  .d-1of12 {
    float: left;
    padding-right: 0.75em;
    width: 8.33%; } 
    .d-2of12 {
    float: left;
    padding-right: 0.75em;
    width: 16.66%; } 
    .d-3of12 {
    float: left;
    padding-right: 0.75em;
    width: 24.99%; } 
    .d-4of12 {
    float: left;
    padding-right: 0.75em;
    width: 33.32%; } 
    .d-5of12 {
    float: left;
    padding-right: 0.75em;
    width: 41.65%; } 
    .d-6of12 {
    float: left;
    padding-right: 0.75em;
    width: 49.98%; } 
    .d-7of12 {
    float: left;
    padding-right: 0.75em;
    width: 58.31%; } 
    .d-8of12 {
    float: left;
    padding-right: 0.75em;
    width: 66.64%; } 
    .d-9of12 {
    float: left;
    padding-right: 0.75em;
    width: 74.97%; } 
    .d-10of12 {
    float: left;
    padding-right: 0.75em;
    width: 83.3%; } 
    .d-11of12 {
    float: left;
    padding-right: 0.75em;
    width: 91.63%; } 



  }
/***Form Styles***/
input[type="password"] {
  letter-spacing: 0.3em; }
  textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em; }
  select {
  -webkit-appearance: none;
  background-repeat: no-repeat;
  background-position: 97.5% center; 
  }
  form#loginform {
  width: auto;
  max-width: 300px;
  padding: 20px;
  margin: 20px auto;
  box-shadow: 0px 2px 5px #888888;
  background-image:url(../images/topography.png);
  }
  #loginform p {
  margin-bottom: 10px;
  }
  input#user_login {
  padding: 6px;
  border: 0px;
  background-color: #eee;
  width: 100%;
  }
  #loginform input {
  padding: 6px;
  border: 0px;
  background-color: #eee;
  width: 100%;
  }
  #wp-submit {
  background-color: #115c99 !important;
  color: #fff;
  margin-top: 20px;
  }
  .af-form{
    margin:0 3px;
  }
/**Base**/
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 100%;
  line-height: 1.5;
  color: #222;
  }
/**WRAPS***/
.wrap {
  width: 70%;
  margin: 0 auto; }
  .wrapXL {
  width: 90%;
  margin: 0 auto;
  display: block; }
  .calWrap{
  width: 75%;
  margin: 0 auto;
  display: block; 
  }
/*H1, H2, H3, H4... Type*/

  h1 {
  margin: 0.67em 0; }
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  font-weight: 500;
  font-family:'Prox-regular', sans-serif;
  margin:0px;
  }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, 
  h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none; }
  h1, .h1 {
  line-height: 1.333em; }
  h2, .h2 {
  line-height: 1.4em;
  margin-bottom: 0em; }
  h3, .h3 {
  margin-bottom: 0em; }
  h4, .h4 {
  font-weight: 700;
  margin-bottom: 0em; }
  h5, .h5 {
  line-height: 1.60em;
  text-transform: uppercase;
  letter-spacing: 1px; }
  h6, .h6 {
  font-weight: 700;
  margin: 0em; }
  .pTiny{font-size:0.67em;}
  .upper_text{
    text-transform: uppercase;
  }
/**HEADER STYLES**/
.subSubBanner img {
  float: left;
  height: 110px;
  position: relative;
  top: -25px;
  }
  .subSubHome{
  background-image: url(../images/headBG2.jpg);
  background-size: cover;
  padding-top: 3%;
  padding-bottom: 3%;
  margin-bottom: 8%;
  position: relative;
  top: 55px;
  }
  .marginBox {
  width: 65%;
  margin: 0 auto;
  }
  .textBannerHome{
  width: 100%;
  text-align: center;
  min-height: 108px;
  }
  .textBannerHome h1{
  font-size: 2.3vw;
  line-height: 1em;
  top: 5px;
  position: relative;
  }
  .textBannerHome img{
  float:left;
  max-width:250px;
  margin-top:0.5%;
  }
  .textBannerContentHome{
  position:relative;
  top:-8%;
  }
  .textBannerBarHome{
  background-color:rgba(255, 255, 255, 0.85); 
  background-image:url(../images/topography.png);
  }
  .smallLogo img{
  max-height: 50px;
  width: auto;
  float:left;
  }
  .smallLogo h5{
  line-height: 1.5;
  text-align: left;
  left: 10px;
  position: relative;
  top: 0px;
  color: #222;
  }
  .smallLogo a{
  text-decoration: none;
  }
  .smallLogo{
  position: absolute;
  top: 2px;
  width: 100%;
  }
  .smallLogo ul#menu-main-menu{
    position: relative;
    float: right;
    height: 50px;
  }
  .smallLogo img{
  left: 6px;
  position: relative;
  }
  .csuLogoH{
  max-width: 280px;
  float: left;
  position: relative;
  width: 100%;
  }

  .csuLogoH-s{
    width: 80px;
    position: absolute;
  }
  .logoBox{
  display: flex;
  background-color: #fff;
  padding: 4px;
  width: 200px;
  margin-bottom: 50px;
  }
  .logoBox a{text-decoration: none;}
  .logoBox a p{
    color:transparent;
    text-decoration: none;
    margin:0;
  }
  .logoBox div{
  margin:0 2px;
  }
  .textBannerBarHome-fixed .logoBox{
  display: none;
  }
  .comBox{
  display: inline-block;
  margin-bottom:15px;
  position: relative;
  }
/****NAVIGATION*******/
.nav{
  margin:0;
  padding:0;
  text-align:center;
  }
  .nav li{
  display: inline;
  }
  .nav a{
  display: inline-block;
  }
  .navBar{
  position:relative;
  height:65px;
  z-index:20;
  background-color: #fff;
  box-shadow: 0px 2px 8px #414141;
  border-top:4px solid #115c99;
  }
  .nav .menu-item-has-children a:after{
  content: '';
  border: 4px solid transparent;
  border-top: 6px solid #115c99;
  margin-left: 8px;
  margin-bottom: 5px;
  display: inline-block;
  vertical-align: bottom;
  }
  .nav .sub-menu .menu-item-has-children a:after{
  border: none;
  }
  .navbar-fixed {
  top: 0;
  z-index: 100;
  position: fixed;
  width: 100%;
  background-color:#fff;
  }
  .textBannerBarHome-fixed{
  top: 46px;
  z-index: 100;
  position: fixed;
  width: 100%;
  }
  ul#menu-main-menu {
  margin: 0 auto !important;
  }
  .nav ul {
  padding: 0px;
  margin-left: 0px;
  }
  .nav li{
  list-style: none;
  }
  .nav>li a {
  padding:10px 8px;
  }
  ul.sub-menu li a{width:100%;}
  .nav li a {
  color: #666;
  text-decoration: none;
  font-size: 1vw;
  }
  .nav li a:hover{
  background-color: #0098d7
  }
  .nav li a:hover {
  color: #fff !important;
  }
  .btn a:hover:after {
  color: #fff !important;
  }
  .fly_out ul.sub-menu {
  width: 20% !important;
  margin: 10px auto;
  }
  .sub-menu {
  display: none;
  background-color: #fff;
  box-shadow: 2px 4px 2px 1px rgba(0,0,0,.2);
  z-index: 1;
  top: 40px;
  right: 0;
  left:0;
  position: static;
  width: 100%;
  }
  .sub-menu a {
  color: #000;
  padding: 12px 16px;
  display: block;
  border-bottom:1px solid #0098d7;
  }
  .sub-menu li ul {
  width: 100% !important;
  }
  .nav li:hover .sub-menu {
  display: block;
  position: absolute;
  width: 85%;
  padding: 0 5px 0px 5px;
  transition: all 0.5s ease;
  margin: 0 auto;
  }
  .open_sub .sub-menu {
  text-align: left;
  position: relative !important;
  top: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  box-shadow:none;
  background-color:transparent;
  border:none;
  }
  .open_sub .sub-menu a{
  border:none;
  }
  .menu-section {
  border-bottom: 2px solid red;
  display: inline-table;
  width: auto;
  padding-left: 4%;
  padding-right: 4%
  }
  nav .show-menu {
  text-decoration: none;
  text-align: center;
  padding: 10px 15px;
  display: none;
  cursor: pointer;
  text-transform: uppercase;
  }
  nav .show-menu span{
  padding-left: 35px;
  }
  nav .show-menu-full {
  text-decoration: none;
  text-align: center;
  padding: 10px 15px;
  display: none;
  cursor: pointer;
  text-transform: uppercase;
  }
  nav .show-menu-full span{
  padding-left: 35px;
  }
  /*Hide checkbox*/
  nav input[type=checkbox]{
  display: none;
  }
  /*Show menu when invisible checkbox is checked*/
  nav input[type=checkbox]:checked ~ #menu-main-menu{
  display: inline-table;
  background: white;  
  text-align: left;
  }
  nav input[type=checkbox]:checked ~ #menu-main-menu-1{
  display: inline-table;
  background: white;  
  text-align: left;
  }
  @media screen and (max-width : 1160px){
    .nav li:hover .sub-menu{display:none;}
      nav .lines {
      content:"";
      height: 5px; 
      width:20px;
      padding-right:15px;
      float: right;
      }
      nav ul {
      position: static;
      display: none;
      }
      nav li {
      margin-bottom: 1px;
      }
      nav ul li, .nav li a {
      width: 100%;
      font-size: 15px;
      }
      nav .show-menu {
      display:block;
      }
      nav .show-menu-full {
      display:block;
      }
      .navWrap{
      width:100%;
      }
      .blue-button{
        font-size:2.5vw;
      }
  }
/*****WEATHER STATION*********/
.weatherBar .weather table tr{
  background-color: transparent !important;
  }
  .weatherStation {
  background-color: #fff;
  box-shadow: 0px 2px 5px #888888;
  position: relative;
  text-align:center;
  -webkit-transition:all 0.5s ease;
  transition: all 0.5s ease;
  top:65px;
  width: 100%;
  height: 25px;
  z-index: 5;
  }
  .weatherData{
  font-size:2em;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  width: 100%;
  top:-4px;
  }
  .weatherTitle{
  float: left;
  margin-left: 20px;
  margin-top:5px;
  text-transform: uppercase;
  font-size: 12px;
  }
  .weatherStation p {
  display: inline-block;
  margin:8px 5px;
  font-size:10px;
  }
  .weather table{
  box-shadow: none;
  width: auto !important;
  float:right;
  margin-top: 3px;
  }
  .weather tbody{
  border: none;
  }
  .weather table tr{
  float:left;
  background-color:#fff;
  border-right:1px solid #115c99;
  }
  .weather table tr td {
  position: relative;
  display: inline-block;
  padding:0;
  font-size:12px;
  border:0;
  margin:3px;
  }
  .weather table tr:nth-child(2n+1){
  background-color:#fff;
  }
  .weather table tr:nth-child(1){
  display:none;
  }
  .chrisWeather table tr:nth-child(n+3){
  display:none;
  }
  .chrisWeather table{
  font-size: 12px;
  text-transform: uppercase;
  width: auto !important;
  float:right;
  position: relative;
  box-shadow: none;
  }
  .chrisWeather tbody{
  background-color: transparent;
  }
  .chrisWeather table tr:nth-child(2n+1){
  display: none
  }
  .chrisWeather table tr td{
  border:none;
  border-right:1px solid #115c99;
  }
  .chrisWeather td:nth-child(1)::before{
  content:"Date: ";
  }
  .chrisWeather td:nth-child(2)::before{
  content:"Temperature: ";
  }
  .chrisWeather td:nth-child(3)::before{
  content:"Relative Humidity: "
  }
  .chrisWeather td:nth-child(4)::before{
  content:"Dew Point: ";
  }
  .chrisWeather td:nth-child(5)::before{
  content:"Wind: ";
  }
  .chrisWeather td:nth-child(6){
  display: none;
  }
  .chrisWeather td:nth-child(7){
  display: none;
  }
  .chrisWeather td:nth-child(8){
  display: none;
  }
  .chrisWeather td:nth-child(9){
  display: none;
  }
  .chrisWeather td:nth-child(10){
  display: none;
  }
  .chrisWeather td:nth-child(11)::before{
  content:"Rainfall: ";
  }
  
    .english td:nth-child(2)::after{
    content:" °F";
    text-transform: none;
    }
    .english td:nth-child(3)::after{
    content:" %";
    text-transform: none;
    }
    .english td:nth-child(4)::after{
    content:" °F";
    text-transform: none;
    }
    .english td:nth-child(5)::after{
    content:" mph";
    text-transform: none;
    }
    .english td:nth-child(11)::after{
    content:" in";
    text-transform: none;
    }
    .metric td:nth-child(2)::after{
      content:" °C";
      text-transform: none;
      }
      .metric td:nth-child(3)::after{
      content:" %";
      text-transform: none;
      }
      .metric td:nth-child(4)::after{
      content:" °C";
      text-transform: none;
      }
      .metric td:nth-child(5)::after{
      content:" m/s";
      text-transform: none;
      }
      .metric td:nth-child(11)::after{
      content:" mm";
      text-transform: none;
      }
/**POSTS & CONTENT STYLES**/
#content {
  margin-top: 1.5em;
  min-height:680px; 
  }
  .content{
  min-height:600px;
  }
  .contentXL{
  min-height:600px;
  }
  .hsContainer {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  }
  .conferenceCardImg img{
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
  max-width:100%;
  }
  .conferences img{
  height:auto;
  margin: 0 auto;
  display: block;
  max-width: 100%;
  }
  .singleImg img{
  width:100%;
  height:auto;
  }
  .archivePost li{list-style: none  }
  .publicationsBox{
  margin-bottom:10px;
  padding:5px;
  background-color: #fff;
  border:1px solid #0098d7;
  display:flow-root;
  }
  #tabs-ssr a{
  padding:5px 0; 
  text-align:center; 
  display:inline-block; 
  font-weight:bold; 
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color:#2d343e;
  background-color:#eee;
  height:55px;
  }
  #tabs-ssr a.aktif{
  background-color:#0098d7;
  border-right:1px solid #B80440;
  border-bottom:1px solid #B80440;
  color:#fff;
  }
  .ssr_content{
  border:1px solid #eee;
  margin-bottom: 5px;
  padding:0px 10px 15px 10px;
  }
/****** HOME PAGE *******/
.layerThermo{
  width:100%; 
  height:auto;
  }
  .layerThermo h2{
  font-size:2.5em;
  text-align:center;
  }
  .dailyImgHeader a{
  text-align:center;
  color:#fff;
  margin: 0px;
  font-size:1em;
  }
  #loop_of_the_day_title{
  font-size: 20px;
  color:#222;
  text-decoration: none;
  margin-bottom: 20px;
  text-align: center;
  }
  #loop_of_the_day_title a{
  text-decoration: none;
  }
  .dailyImgHeader a{ 
  left:5px; 
  position:relative; 
  }
  .dailyImg img {
  width: 85%;
  margin: 0 auto;
  display: block;
  max-width: 600px;
  }
  img.attachment-thumbnail.size-thumbnail {
  width: 100%;
  height:100%;
  width:200px;
  }
  .newsBox{
    overflow: hidden;
  }
  .newsBox img{
  position: relative;
  margin: 0 auto;
  max-width:400px;
  }
  .fb-page.fb_iframe_widget {
  width: 100%;
  text-align: center;
  }
  ._2lqh {
  visibility: hidden;
  height: 0px;
  }
  /***MESO!!!!!***/
  .layerMeso{
  width:100%; 
  display:inline-block;
  height:auto;
  }
  .layerMeso h2 {
  text-align: center;
  margin-top: 20px;
  position: relative;
  }
  .layerMeso .blue-button{
  margin:10px auto;
  display: table;
  }

  /****STRATO!!!!!****/
  .layerStrato{
  width:100%; 
  display:inline-block;
  height:auto;
  }
  .layerStrato table{
  display: flex;
  margin: 0 auto;
  width: 90% !important;
  box-shadow: none;
  border: none;
  }
  .layerStrato table img{
    margin-top:10px;
  }
  .layerStrato tbody{
    border:0;
  }
  .layerStrato table tr td{
    background-color:#fff;
    border:0;
  }
  .satImg img{
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:65%;
  }
  .satImg a{
  text-align: center;
  margin: 0 auto;
  display: block;
  }
  /***TROPO!***/
  .layerTropo{
  width:100%; 
  display:inline-block;
  height:auto;
  padding-top:10px; 
  }
  .radarTemp {
  width: auto;
  max-width: 100%;
  min-height: 330px;
  margin:0 auto;
  display: block;
  }
/****Admin Blog******/
.blog{
  list-style: none;
  border:1px solid #ccc;
  padding: 10px;
  margin-bottom:20px;
  border-radius: 5px;
  background-color:white;
  }
  .featuredTitleFull{
  width:100%;
  background-color:#0098d7;
  color: #fff;
  padding: 10px;
  float: right;
  text-align: center;
  }
  .featuredTitle{
  background-color:#0098d7;
  color: #fff;
  width: 200px;
  padding: 10px;
  float: right;
  text-align: center;
  }
  .blog ul{
  margin:0;
  }
  .blog h3{
  text-transform: uppercase;
  font-size:35px;
  }
  .blog h6{
  margin-bottom: 8px;
  font-size:10px;
  }
  .blogSide li{
  list-style: none;
  margin:0;
  }
/**PAGE NAVI STYLES**/
.pagination,
  .wp-prev-next {
  margin: 1.5em 0; }
  .pagination {
  text-align: center; }
  .pagination ul {
  display: inline-block;
  background-color: white;
  white-space: nowrap;
  padding: 0;
  clear: both;
  border-radius: 3px; }
  .pagination li {
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
  overflow: hidden;
  border-right: 1px solid #eaedf2; }
  .pagination a, .pagination span {
  margin: 0;
  text-decoration: none;
  padding: 0;
  line-height: 1em;
  font-size: 1em;
  font-weight: normal;
  padding: 0.75em;
  min-width: 1em;
  display: inline-block;
  color: #222; }
  .pagination a:hover, .pagination a:focus, 
  .pagination span:hover, .pagination span:focus {
  background-color: #2980b9;
  color: white; }
  .pagination .current {
  cursor: default;
  color: #5c6b80; }
  .pagination .current:hover, .pagination .current:focus {
  background-color: white;
  color: #5c6b80; }
  .wp-prev-next .prev-link {
  float: left; }
  .wp-prev-next .next-link {
  float: right; }
/**SIDEBARS & ASIDES**/
.no-widgets {
  background-color: white;
  padding: 1.5em;
  text-align: center;
  border: 1px solid #cccccc;
  border-radius: 2px;
  margin-bottom: 1.5em; }
/**FOOTER STYLES**/
.footer {
  clear: both;
  background-color: #115c99;
  color: #fff;
  position: relative;
  bottom: 0px;
  font-size: 18px;
  }
  .footerAddress{
  margin-top:20px;
  margin-bottom:20px;
  }
  #inner-footer a{color:#fff;}
  #inner-footer a:hover{color:#ecc530;}
  .csuMenu ul{
  margin:0;
  }
  .csuMenu li{
  list-style: none;
  text-decoration: none;
  }
  .csuMenu li a{
  text-decoration: none;
  }
  .CSUfooter{
  background-color:#1e4d2b;
  padding-top:20px;
  width:100%;
  position:relative;
  display:flex;
  }
  .CSUfooter a{
  color:#fff;
  }
  .footer p{ margin:0px; }
  .footer-links ul{
  top:10px;
  display:block;
  list-style: none;
  margin: 0px;
  }
  .footer-links ul a{
  color:#fff;
  text-decoration: none;
  line-height: 0;}
  .footer-links ul li a:hover{ color:#0098d7; }
  .footer-links ul li{
  background-color:transparent !important;
  padding:0px;
  color:#fff;
  min-height:22px;
  }
  .footer-links a{
  padding:0px !important;
  color:#fff;
  }
  .CSUfooter li:hover a{
  background-color:transparent;
  }
  .csuFootMenu ul{
  margin: 0 auto;
  text-align: center;
  }
  .csuFootMenu ul li{
  color:#fff !important;
  background-color:transparent !important;
  margin-left: 5px;
  margin-right: 5px;
  list-style: none;
  } 
  .csuFootMenu a:hover{
  background-color:transparent;
  }
  img.csuLogo {
  display: block;
  }
  .csuFootMenu ul li {
  display: inline-block;
  margin: 0 10px;
  }
/**LARGER MOBILE DEVICES**/
@media only screen and (max-width: 600px){
  #google_translate_element {
    max-width: 140px;
  }
  .layerStrato table tr td{
    display: block;
  }
  .layerStrato table tr td{
    width: 100% !important;
  }
  summary{
    font-size: 16px !important;
    margin-top: 10px;
    line-height: 1.3 !important;
  }
  .logoBox{
    margin-top: 34px;
    width: 100%;
  }
  #content{
    margin-top:30%;
  }
  .toolbar .blue-button {
    margin: 3px 0;
    display: block;
    width: 100%;
    background: #115c99;
    border-radius: 6px;
    padding: 5px 10px;
    color: white;
    text-align: center;
  }
  .toolbar.mb2.mt2 a {
    display: inline-block;
  }
}
@media only screen and (max-width: 1280px) {
  .toolbar .blue-button{font-size: 15px;}
  .weatherStation{height: 40px;}
  .weatherTitle{ margin:0 auto; display:block; float:none;}
  .weatherData table{ margin:0 auto; float:none;}
  .chrisWeather table{ margin:0 auto; float:none;}
  }
@media only screen and (min-width: 768px) {
  .widgettitle {
    border-bottom: 2px solid #444;
    margin-bottom: 0.75em; }
  .footer-links ul li {
    height: 20px;
    width: 100%;
    margin: 0px;
  }
  .footer-links li a:hover{
    background-color:transparent;
  }
}
@media only screen and (max-width: 1200px) {
  .smallLogo h5{display: none;}
}
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important;
    height:auto; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }
/**Gallery */
.gallery {
  margin: auto;
  }
  .gallery-item {
  float: left;
  margin-top: 10px;
  text-align: center;
  width: 33%;
  }
  .gallery img {
  border: 2px solid #cfcfcf;
  }
  .gallery-caption {
  margin-left: 0;
  font-size:10px;
  font-weight:normal;
  }
  .textwidget {
  margin: 0 15px;
  }
/*************CARD TEMPLATE **********/
.card{
  text-align:center;
  overflow: hidden;
  position:relative;
  border:1px solid #c5c5c5;
  background-color:#fff;
  width:100%;
  margin:0 auto;
  height: 270px;
  border-radius: 5px;
  }
  .cardPosition{
    padding:0;
    border:2px solid #fff;
  }
  .card_title {
  background-color: rgb(255, 255, 255);
  border-bottom:1px solid #ecc530;
  font-size: 15px;
  padding:5px;
  }
  .card_title a{
  text-decoration:none;
  color:#222;
  }
  .card_title h3{
  text-align: center;
  color: #222;
  line-height: 0.9;
  font-size: 1.5em;
  }
  .card a{
  text-decoration: none;
  color:#fff;
  }
  .cardButton{
  width:100%;
  background-color:#115c99;
  border: 3px solid #115c99;
  padding:3px;
  bottom: 0px;
  text-align: center;
  position:absolute !important;
  font-family: 'Open Sans', sans-serif;
  right:0;
  }
  .cardPosition a{color:#fff !important;}
  .cardPosition:hover a{
  color:#ecc530 !important;
  transform: translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color;
  transition-property: color;
  }
  .card li a{ background-color:#fff; }
  .card img{
    width:auto !important;
    max-width: 100%;
  }
  .card_image_filter img{
  max-height: 180px !important;
  margin-top:10px;
  }
  .card_image{
  width: 100%;
  position: absolute;
  display: block;
  z-index: -1;
  }
  a.excerpt-read-more{
  display: block !important;
  color:#fff;
  position: relative;
  background-color:#115c99;
  border-radius:6px;
  padding: 5px;
  width:100%;
  left:0px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  }
  a.excerpt-read-more:hover{
  background-color:#eec530; 
  }
  .paragraph p{ margin-left:10px; min-height:280px; }
  .researchBlocks{
  margin-top:5px;
  margin-bottom:5px;
  padding:5px;
  border:1px solid #888;
  box-shadow: 0px 1px 2px #888888;
  }
  .researchBlocks li{
  list-style: none;
  }
  .teamCard{
  padding:10px;
  margin-bottom:20px;
  border:1px solid #888;
  box-shadow: 0px 1px 2px #888888;
  border-radius: 5px;
  background-color:#fff;
  }
  .themeCard{
  border:2px solid #115c99;
  padding:10px;
  margin-bottom:20px;
  }
  .themeCard ul{
  padding:10px !important;
  }
  .teamSingle ul{
    list-style: none;
    margin:0;
  }
  .teamSingle ul li{
    margin:0;
  }
  .teamSingle ul a{
    text-decoration: none;
    font-weight: bold;
  }
  .anchorMenu ul{
    display: inline-block;
    margin:0;
  }
  .anchorMenu ul li{
    list-style: none;
    display: inline-block;
    background-color: #fff;
    padding:3px;
    margin:3px;
    font-size: 12px;
    border-radius: 5px;
  }
  .anchorMenu ul li:hover{
    list-style: none;
    display: inline-block;
    background-color: #0098d7;
    padding:3px;
    margin:3px;
    font-size: 12px;
    border-radius: 5px;
  }
  .anchorMenu li:hover a{
    color:#fff;
  }
/****Hover Effects *****/
.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 0.5em;
  color:#fff;
  }
  .hvr-icon-fade:before {
  content: "\f18e";
  position: absolute;
  right: 2em;
  top: -4px;
  font-family: FontAwesome;
  font-size:1.5em;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color;
  transition-property: color;
  }
  .hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, 
  .hvr-icon-fade:active:before {
  color: #eec530;
  }
  .hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  }
  .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  }
/*******BUTTONS ********/
.the .blue-button{
  position: relative;
  width: 100%;
  margin: 2px 0px;
  display:block;
  }
  .blue-button { 
  background-color:#115c99;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  cursor:pointer;
  color:#ffffff !important;
  padding:8px 24px;
  text-decoration:none;
  }
  .toolbar.mb2.mt2 a {
  display: inline-block;
  margin-bottom:5px;
  }
  h5 .blue-button{
    margin:3px 0;
    display:block;
  }
  .blue-button:hover{
  background-color:#ecc530;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  }
  .blue-button h5{color:#fff;}
  .blue-button a{color:#fff !important;}

  .buttons-inner{
  margin-top:5px;
  margin-bottom:5px;
  width:100%;
  }

  .the .cira-button{
  position: relative;
  width: 100%;
  margin: 2px 0px;
  display:block;
  }
  .cira-button { 
  background-color:#115c99;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  cursor:pointer;
  color:#ffffff !important;
  padding:8px 24px;
  text-decoration:none;
  }
  h5 .cira-button{
    margin:3px 0;
    display:block;
  }
  .cira-button:hover{
  background-color:#ecc530;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  }
  .cira-button h5{color:#fff;}
  .cira-button a{color:#fff !important;}




  .the .pink-button{
  position: relative;
  width: 100%;
  margin: 2px 0px;
  display:block;
  }
  .pink-button { 
  background-color: #ff7675;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  cursor: pointer;
  color: #ffffff !important;
  padding: 8px 24px !important;
  text-decoration: none;
  }
  h5 .pink-button{
    margin:3px 0;
    display:block;
  }
  .pink-button:hover{
  background-color:#ecc530;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  }
  .pink-button h5{color:#fff;}
  .pink-button a{color:#fff !important;}


  .ltblue-button { 
    background-color: #81ecec;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    cursor: pointer;
    color: #ffffff !important;
    padding: 8px 24px !important;
    text-decoration: none;
    }
    h5 .ltblue-button{
      margin:3px 0;
      display:block;
    }
    .ltblue-button:hover{
    background-color:#ecc530;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    }
    .ltblue-button h5{color:#fff;}
    .ltblue-button a{color:#fff !important;}

    .the .green-button{
  position: relative;
  width: 100%;
  margin: 2px 0px;
  display:block;
  }
  .green-button { 
  background-color:#00b894;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  cursor:pointer;
  color:#ffffff !important;
  padding:8px 24px;
  text-decoration:none;
  }
  h5 .green-button{
    margin:3px 0;
    display:block;
  }
  .green-button:hover{
  background-color:#ecc530;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  }
  .green-button h5{color:#fff;}
  .green-button a{color:#fff !important;}

  #myBtn {
  display: none;
  position: fixed;
  bottom: 0px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  border:4px solid #ecc530;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
  }
  #myBtn:hover {
  background-color: #555;
  }
  button.backLink{
  background-color:none;
  }
  .backButton{
  margin-right:5%;
  float:right;
  top:-30px;
  position:relative;
  }
  .iconButton{
  padding:4px;
  background-color:#115c99;
  border-radius: 10px;
  color:#fff;
  text-align: center;
  border:5px solid #fff;
  }
  .iconButton:hover{
  background-color:#ecc530;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  }
  .iconButton a{
  color:#fff;
  text-align: center;
  }
  .btn {
  -webkit-transition: all linear 0.15s;
  transition: all linear 0.15s;
  text-decoration: none;
  color: #222;
  }
  .btn a:after{
  font-family: "Font Awesome 5 Free"; 
  content: "\f002";
  margin:5px;
  color:#0098d7;
  font-weight: bold;
  }
  .btn:hover {
  opacity: 0.75;
  color:#fff;

  }
/*EMPLOYEE CARDS --Full Directory**/
#profile {
  position: relative;
  border: 6px solid #0098d7;
  background-color: #fff;
  width:100%;
  height:300px;
  }
  #profile ul{
    margin:0;
    list-style: none;
    line-height: 1.2;
  }
  img.attachment-bones-thumb-staff.size-bones-thumb-staff.wp-post-image{
  position: absolute;
  width: 90px;
  height: auto;
  }
  #profile .img {
  position: absolute;
  top: -50px;
  left: 50%;
  margin: 0 0 0 -42px;
  width: 90px;
  height: 90px;
  overflow:hidden;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  }
  #profile .btn, #profile .btn:visited {
  position: absolute;
  top: 10px;
  z-index: 10;
  padding: 0 8px;
  height: 24px;
  font-size: 10px;
  line-height: 24px;
  font-weight: 100;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  }
  #profile a{color:#222;}
  #profile .btn.btn_left, #profile .btn:visited.btn_left {
  left: 10px;
  }
  #profile .btn.btn_right, #profile .btn:visited.btn_right {
  right: 10px;
  }
  #profile .info {
  position: relative;
  padding: 40px 15px 18px 15px;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
  min-height: 250px;
  overflow: hidden;
  margin-bottom: 15px;
  font-size: 14px;
  }
  #name {
    margin-bottom: 5px;
}
  .info h3 a {
    line-height: 1;
    font-size: 20px;
  }
 .dropbtn-loc, .dropbtn-aff, .dropbtn, .dropbtn-team {
  background-color: #115c99;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom: 5px;
  }
  .dropbtn a{
    color:#fff;
  }

  .dropbtn-loc:hover, .dropbtn-loc:focus,
  .dropbtn-aff:hover, .dropbtn-aff:focus,
  .dropbtn-team:hover, .dropbtn-team:focus,
  .dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
  }
  .dropdown-loc, .dropdown-aff {
  position: relative;
  display: inline-block;
  width: 100%;
  }
  .dropdown-content-loc,
  .dropdown-content-aff  {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  }
  .dropdown-content-team  {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  }
  .dropdown-content-team li{
    list-style: none;
  }
  .dropdown-content-loc a,
  .dropdown-content-team li,
  .dropdown-content-aff a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  }
  .dropdown-loc a:hover,
  .dropdown-team:hover, 
  .dropdown-aff a:hover {
  background-color: #ddd;
  }
  .show {display: block;}
  .dropdown-loc .dropdown-content-loc ul,
  .dropdown-aff .dropdown-content-aff ul,
  .dropdown-team .dropdown-content-team li{
    list-style: none;
    margin:0 auto;
  }
  .dropdown-team .active{
    background-color: #0098d7;
    color: #fff;
  }
  .btnTeam{
    list-style: none;
  }
  li.cat-item{
    list-style: none;
  }
  .affiliationBox{
    display: inline-block;
    position: relative;
    border:2px soild black;
    color:#fff;
  }
  .affiliationBox a{
    display: inline-block;
position: relative;
background-color: #61B7E3;
border:2px solid #61B7E3;
color: #000 !important;
padding: 0 6px;
  }
  .affiliationBox a:hover{
    background-color:#fff;
    border:2px solid #61b7e3;
    color:#222 !important;
  }
  .titleBoxes div{
    display: inline;
    position: relative;
  }
  .fedBox{
    background-color:#00A8F0;
    color:#000;
    padding: 3px 10px;
    width: 50%;
  }
  .fellowBox{
    background-color: #115c99;
    color: #fff;
    padding: 3px 10px;
    width: 50%;
  }
/*EMPLOYEE CARDS   --SINGLE Page***/
.employeeCards{
  border:2px solid #fff;
  display: inline-block;
  }
  .employeeCards ul{
    margin:0 15px;
  }
  .empCards h2{
  border-bottom:2px solid #115c99;
  }
  .empImg img{
  margin:0 auto;
  display:block;
  width:100%;
  height: auto;
  top: 45px;
  position: relative;
  max-width: 250px;
  }
  .empItmeList{
  margin-bottom:15px;
  border-bottom:1px solid #115c99;
  }
  .employeeCards p{
  line-height:1;
  margin-bottom: 4px;
  display: inline;
  }
  .empText{
  font-weight:normal !important;
  }
  .empCards{
  margin-bottom:50px;
  background-color: #fff;
  padding:20px;
  position: relative;
  display: inline-block;
  }
  .attachment-medium {
  float: right;
  margin: 5px;
  }
/**************CONTACT US PAGE***************/
.contactBox{
  background-color:#0098d7; 
  text-align:center; 
  display:inline-block; 
  padding:5px;
  box-shadow: 0px 1px 2px #888888;
  border-right:1px solid #fff;
  border-left:1px solid #fff;
  }
  .contactBoxOdd{
  background-color:#0098d7; 
  text-align:center; 
  padding:5px; 
  display:inline-block;
  box-shadow: 0px 1px 2px #888888;
  width:98%;
  margin:0 auto;
  }
  .contactBox a, .contactBox h3, 
  .contactBoxOdd a, .contactBoxOdd h3{
  color:#fff; 
  text-align:center; 
  }
  .facebook2{
  height:150px;
  width:100%;
  background-color:#385998;
  text-align: center;
  vertical-align: middle;
  padding-top: 50px;
  border:1px solid #fff;
  }
  .twitter2{
  height:150px;
  width:100%;
  background-color:#1da1f2;
  text-align: center;
  vertical-align: middle;
  padding-top: 50px;
  border:1px solid #fff;
  }
  .linkedin2{
  height:150px;
  width:100%;
  background-color:#0177b5;
  text-align: center;
  vertical-align: middle;
  padding-top: 50px;
  border:1px solid #fff;
  }
  .facebook2 a, .twitter2 a, .linkedin2 a{
  color:#fff; text-align:center; 
  font-size:2em; text-decoration:none;}
  .otherLocations p{text-align: center;}
/*************media queries************/
@media screen and (max-width: 1030px) and (min-width: 996px) {
  .page-title{ font-size:250%; }
  .nav li a {font-size: 18px;}
  }
  @media screen and (max-width: 1000px){
  .social{display:none;}
  }
  @media screen and (max-width: 1170px){
  #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link{
    font-size: 12px;
  }
  }
  @media screen and (max-width: 725px) and (min-width: 550px) {
  .textBannerContentHome img{ max-width:130px; }
  .textBannerHome{min-height:80px;}
  .card{max-height: 300px !important;}
  .info h3{
    line-height: 1;
    font-size: 24px;
}
  }
  @media only screen and (max-width:670px){
  #menu-csu-menu {
  display: block;
  }
  .weatherStation{display: none;}
  }
  @media screen and (max-width: 549px) {
  .textBannerHome img{width:155px; float:none;}
  .textBannerHome h2{font-size:.8em;}
  .card{max-height: 300px !important;}
  
  }
  @media only screen and (max-width:310px){
  select.goog-te-combo {
  width: 100%;
  }
  .textBannerContentHome {
  position: relative;
  top: -3%;
  }
  #BrandLogo.fontLarge p, #BrandLogo.fontLarge h2 {
  font-size: 15px !important;
  }
  .locationBox{margin-top:5px;}
  .empImg img{top:0px;}
  .backButton{top:0px;}
  .row{height:auto;}
  .row2{height:auto;}
  .row3{height:auto;}
  .row4{height:auto;}
  form.es_shortcode_form{border-left:0px !important;}
  }
  @media screen and (max-width:280px){
  #BrandLogo.fontLarge p, #BrandLogo.fontLarge h2 {
  font-size: 4vw !important;
  }
  }
  @media screen and (max-width:670px){
  .card{
  min-height: 160px;
  max-height: 160px;
  }
  }
/******ACCORDS*******/
.accordion {
  background-color: #115c99;
  color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  border-bottom:1px solid #eee;
  }
  .accordion-blue {
  background-color: #0098d7;
  color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  border-bottom:1px solid #eee;
  }
  .accordion.active, .accordion:hover {
  color: #fff;  
  }
  .accordion-blue.active, .accordion-blue:hover {
  color: #fff;
  }
  .accordion.active{
  display: block;
  }
  .panel {
  display: none;
  padding: 10px;
  background-color:#fff;
  }
  div.panel img{
  max-height:400px;
  height: auto;
  }
  .SSR ul {
  margin: 0 ;
  }
/*****SOCIAL ******/
.nav-social li a{
  text-decoration: none;
  font-weight: normal;
  display: inline-block;
  text-align: center;
  border-radius: 100px;
  font-size:36px;
  color:#fff;
  width:55px;
  margin-bottom:15px;
  }
  .nav-social li a:hover, .nav-social li a.hover{
  box-shadow: 0px 4px 4px -2px rgba(0,0,0,0.75) inset;
  }
  .social{
  position: fixed;
  z-index:8;
  top: 25.5%;
  display:block;
  }
  .facebook{background-color:#385998;}
  .twitter{background-color:#1da1f2;}
  .fts-jal-fb-header {
  display: none;
  }
  .fts-jal-fb-vid-picture img {
  width: 90%;
  margin: 0 auto;
  display: block;
  }
/**Search and Filter*****/
.headSearch .search-form {
  position:absolute;
  }
  strong.search-excerpt { background: yellow; }
  .headSearch .search-field {
  background-color: transparent;
  background-image: url(../images/searchicon.png);
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: 35px 35px;
  border: none;
  z-index: 10;
  cursor: pointer;
  height: 40px;
  margin: 3px 0;
  padding: 0 0 0 40px;
  position: relative;
  -webkit-transition: width 400ms ease, background 400ms ease;
  transition: width 400ms ease, background 400ms ease;
  width: 0;
  }
  .headSearch .search-field:focus {
  background-color: #fff;
  border: 2px solid #ecc530;
  cursor: text;
  outline: 0;
  width: 230px;
  }
  .search-form
  .search-submit { 
  display:none;
  }
  .searchBox{
  margin: 5px auto;
  width:100%;
  }
  .searchBox input {
  padding:8px 15px;
  background:rgba(50, 50, 50, 0.2);
  border: 2px solid #ecc530;
  background-color: #f9f9f9;
  width: 100%;
  border-radius: 5px;
  }
  .searchBox input[type="button"], 
  .searchBox input[type="submit"] {
  position:relative;
  padding:8px 15px;
  border:2px solid #ecc530;
  background-color:#ecc530;
  }
  .searchBox input[type="button"]:hover, 
  .searchBox input[type="submit"]:hover  {
  background-color:#0098d7;
  border:2px solid #0098d7;
  color:#fff;
  } 
  .empsearchBox{
  margin: 5px auto;
  z-index: 8;
  position: relative;
  }
  .empsearchBox input {
  padding:8px 15px;
  background:rgba(50, 50, 50, 0.2);
  border: 2px solid #ecc530;
  background-color: #f9f9f9;
  width: 100%;
  border-radius: 5px;
  }
  .empsearchBox input[type="button"], 
  .empsearchBox input[type="submit"] {
  position:relative;
  padding:8px 15px;
  border:2px solid #ecc530;
  background-color:#ecc530;
  }
  .empsearchBox input[type="button"]:hover, 
  .empsearchBox input[type="submit"]:hover  {
  background-color:#0098d7;
  border:2px solid #0098d7;
  color:#fff;
  }
  ul#result{list-style: none; margin:0px;}
  #results{margin:0px;}
  .sf-field-submit input{
  background-color:#0098d7;
  border:0;
  display:inline-block;
  cursor:pointer;
  color:#ffffff !important;
  padding:3px 24px;
  text-decoration:none;
  }
  .sf-field-submit input:hover{
  background-color:#0098d7;
  }
  /* GOOGLE SEARCH BOXES */
  .popup-wrap {
  width: 85%;
  height: 100%;
  display: none;
  content: '';
  position:absolute;
  margin:0 auto;
  left:50%;
  }

  .popup-box {
  width: 100%;
  padding: 10px 10px;
  transform: translate(-50%, -50%) scale(0.5);
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  background: #fff;
  text-align: center;
  }
  .popup-box h2 {
  color: #1a1a1a;
  }
  .popup-box h3 {
  color: #888;
  }
  .popup-box .close-btn {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
  -webkit-transition: all ease 0.50s;
  transition: all ease 0.75s;
  border-radius: 1000px;
  background: #0098d7;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  line-height: 160%;
  }
  .popup-box .close-btn:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  }

  .transform-in, .transform-out {
  display: block;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  position: relative;
  left:-50%;
  }

  .transform-in {
  -webkit-transform: translate(0%, 0%) scale(1);
  transform: translate(0%, 0%) scale(1);
  }

  .transform-out {
  -webkit-transform: translate(-50%, -50%) scale(0.5);
  transform: translate(-50%, -50%) scale(0.5);
  }

  .gsc-control-wrapper-cse{
  width: 80% !important;
  }
  .gsib_b{display: none;}

  .gsc-search-box tr:nth-child(2n+1){
  background-color: #fff !important;
  border:none !important;
  box-shadow: none !important;
  }
  .gsc-search-box table tr:nth-child(2n+1){
  background-color: #fff !important;
  border:none !important;
  box-shadow: none !important;
  }
  table.gsc-search-box{
  box-shadow: none !important;
  border:none !important;
  }
  .gsc-input{
  border: none !important;
  }
  .gsc-search-button{
  border: none !important;
  }
  .gsc-search-button-v2{
  background-color:#0098d7 !important;
  padding:10px !important;
  }
  .gsc-search-button-v2:hover, .gsc-search-button-v2:focus{
  background-color:#ecc530 !important;
  padding:10px !important;
  }
  #gs_tti50{
  border:none !important;
  }
  .gsc-results-wrapper-overlay{
  width:100% !important;
  min-height: 400px;
  left: 0 !important;
  }
  table tr td.gsc-results-info-container,
  .gsc-results-info-container table tr:nth-child(2n+1)
  {
  border: none !important;
  background-color: #fff !important;
  box-shadow: none !important;
  }
  .gsc-result .gs-title {
  height: 2em !important;
  }
  .gsc-results-wrapper-visible table tr:nth-child(2n+1),
  .gsc-results-wrapper-visible table{
  background-color: #fff !important;
  box-shadow: none !important;
  }
  .gsc-table-cell-snippet-close{
  border:none !important;
  }
  .gs-webResult.gs-result a.gs-title:link, 
  .gs-webResult.gs-result a.gs-title:link b, 
  .gs-imageResult a.gs-title:link, 
  .gs-imageResult a.gs-title:link b{
  color:#0098d7 !important;
  }
/***Search---STAFF**************/
ul.tags{
  margin:0px auto;
  display: block;
  position: relative;
  width: 80%;
  text-align:center;
  }
  ul.tags li {
  display: inline-block;
  margin: 0 auto;
  position: relative;
  border: 1px solid #115c99;
  padding: 0 10px;
  }
  ul.tags li a {
  text-decoration: none;
  font-weight: bold;
  color: #0098d7;
  }
  .search-wrapper {
  margin: 5px auto 10px auto;
  }
  .search-wrapper input {
  height: 42px;
  padding: 10px 0px;
  float: left;
  width:90%;
  border: 0;
  background: #fff;
  border:1px solid #ccc;
  }
  .search-wrapper input:focus {
  outline: 0;
  border:2px solid #115c99;
  width:86%;
  }
  .search-wrapper input::-webkit-input-placeholder {
  color: #999;
  font-weight: normal;
  font-style: italic;
  }
  .search-wrapper input:-moz-placeholder {
  color: #999;
  font-weight: normal;
  font-style: italic;
  }
  .search-wrapper input:-ms-input-placeholder {
  color: #999;
  font-weight: normal;
  font-style: italic;
  }    
  /* Form submit button */
  .search-wrapper button {
  overflow: visible;
  position: relative;
  float: right;
  border: 0;
  padding: 0;
  cursor: pointer;
  height: 42px;
  width: 71px;
  color: white;
  text-transform: uppercase;
  background: #0098d7;
  border-radius: 0 3px 3px 0;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
  }   
  .search-wrapper button:hover{     
  background: #e54040;
  }    
  .search-wrapper button:active,
  .search-wrapper button:focus{   
  background: #c42f2f;
  outline: 0;   
  }
  .search-wrapper button:before { /* left arrow */
  content: '';
  position: absolute;
  border-width: 8px 8px 8px 0;
  border-style: solid solid solid none;
  border-color: transparent #0098d7 transparent;
  top: 12px;
  left: -6px;
  }
  .search-wrapper button:hover:before{
  border-right-color: #e54040;
  }
  .search-wrapper button:focus:before,
  .search-wrapper button:active:before{
  border-right-color: #c42f2f;
  }         
  .search-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
  border: 0;
  padding: 0;
  }    
  .staffLocations a{
  width:100%;
  }
  .empSearch{
  background-color:#fff;
  border-bottom:2px solid #115c99;
  border-left:2px solid #115c99;
  border-right:2px solid #115c99;
  display:none;
  padding:10px;
  -webkit-transition: width 2s; /* Safari */
  transition: width 2s;
  }
  .empSearchBut{
  padding: 18px 35px !important;
  margin:0 auto;
  display:block;
  width:100%;
  color:#fff;
  border:0px !important;
  -webkit-transition: width 2s; /* Safari */
  transition: width 2s;
  }
/**Email Subscriptions**/
.es_textbox_class {
  width: 100%;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #d6d6d6;
  }
  .es_textbox_button {
  width: 100%;
  background-color: #115c99;
  color: #fff;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #d6d6d6;
  }
  .es_textbox_button:hover {
  background-color: #ecc530;
  }
  .es_lablebox{
  text-transform:uppercase;
  }
  form.es_shortcode_form {
  margin:0 auto;
  padding:10px;
  background-color:#fff;
  background-image: url(../images/topography.png);
  border-radius: 6px;
  }
  .es-box{
  background-color:#115c99;
  }
  .es-box .inner-content{
  background-color: rgba(255, 255, 255, 0.85);
  background-image: url(../images/topography.png);
  }
  .es-box .smallText{
    text-align: center;
  }
  .es-box .dark{
    color:#222;
  }
  .es-box .light{
    color:#fff;
  }
  .es-title-bar{
  text-align:center;
  color:#fff;
  padding:10px 10px 0 10px;
  border-bottom:2px solid #115c99;
  }
  .es-Sign-Box .smallText{
    color:#fff;
  }

  .es-Sign-Box{
  border:2px solid #115c99;
  display:inline-block;
  padding:0;
  margin-right: 0;
  border-radius: 6px;
  width:100%;
  }

  .mailpoet_text {
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 3px;
    max-width: 100% !important;
    min-height: 35px;
  }
  .mailpoet_text:focus-within {
      border: 2px solid #115c99;
      background-color: #fffcf0;
  }
  .mailpoet_submit {
    background-color: #0098d7;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    color: #ffffff !important;
    padding: 8px 24px;
    text-decoration: none;
    border: none;
    font-weight: bold;
    margin: 0 auto;
    display: block;
    font-size: 12px;
    width: 100%;
  }
  .mailpoet_submit:hover{
  background-color:#ecc530;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  }
/* =CUSTOM PAGINATION=== */
.custom-pagination span,
  .custom-pagination a {
  display: inline-block;
  padding: 2px 10px;
  }
  .custom-pagination a {
  background-color: #ebebeb;
  color: #0098d7;
  }
  .custom-pagination a:hover {
  background-color: #0098d7;
  color: #fff;
  }
  .custom-pagination span.page-num {
  margin-right: 10px;
  padding: 0;
  }
  .custom-pagination span.dots {
  padding: 0;
  color: gainsboro;
  }
  .custom-pagination span.current {
  background-color: #0098d7;
  color: #fff;
  }
/* ==Google Translate Tool==== */
.goog-te-gadget .goog-te-combo {
  padding: 4px;
  background: #E6E6E6;
  }
  .goog-te-combo option{color:#000 !important; background-color: #e6e6e6 !important;}
  .goog-logo-link {
  padding:0px;
  }
  #google_translate_element {
  background-color: #fff;
  border-radius: 6px;
  display: block;
  padding-left:3px;
  padding-right:3px;
  margin-top:45px;
  float: right;
  }
  .goog-te-gadget img {
  margin: 0px;
  float: right;
  }
  a.goog-logo-link {
  display: inline-flex;
  }
  .goog-te-gadget img {
  top: 3px;
  position: relative;
  }
  a.goog-logo-link {
  display: inline-flex;
  top: 2px;
  position: relative;
  color:#1a1a1a !important;
  }

  iframe {
  width: 100%;
  }

  .goog-te-gadget{
  overflow:hidden;
  color:#000 !important;
  }
/****************WAVE CLEAN UP ***************/
.sr-only{
  color:#fff;
  }
  .goog-logo-link{
  color:black;
  }
  .goog-te-combo{
  color:black;
  }
/****************WIKI Drops ***************/
/*.tab {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  overflow: hidden;
  }
  #wiki input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  }
  #wiki label {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  background: #115c99;
  font-weight: bold;
  line-height: 3;
  cursor: pointer;
  color:#fff;
  }
  .blue label {
  background: #2980b9;
  }
  .tab-content {
  max-height: 0;
  overflow: hidden;
  background: #fff;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
  border:1px solid #222;
  }
  .tab-content p {
  margin: 1em;
  }
  #wiki input:checked ~ .tab-content {
  max-height: 1000em;
  }
  #wiki label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
  }
  #wiki input[type=checkbox] + label::after {
  content: "+";
  }
  #wiki input[type=radio] + label::after {
  content: "\25BC";
  }
  #wiki input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
  }
  #wiki input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
  }*/
/****************Show and Hide Detail Box ***************/
details > div {
  position: relative;
  z-index: 3;
  padding: 1.25em 1.5em;
  margin-bottom: .6em;
  border-radius: 0.3em;
  background-color: white;
  }
  summary {
  position: relative;
  z-index: 3;
  display: block;
  background: white;
  padding:5px 3em;
  margin-bottom: .5em;
  font-size: 1.2em;
  line-height: 3;
  box-sizing: border-box;
  list-style: none;
  cursor: pointer;
  border-radius: 0.3em;
  line-height: 1.5;
  }
  summary:hover,
  summary:focus {
  background: #0098d7;
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  outline: 0;
  }
  summary::-webkit-details-marker {
  display: none;
  }
  summary::before {
  content: '+';
  position: absolute;
  top: 50%;
  left: 1em;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  margin-right: 1em;
  background: #eec530;
  color: white;
  font-family: Arial, sans-serif;
  font-size: 20px;
  line-height: 1;
  text-align: center;
  border-radius: 50%;
  }
  details[open] summary::before {
  content: '-';
  line-height: .9;
  }
  details[open] summary:hover::before,
  details[open] summary:focus::before {
  background: white;
  color: #1e90ff;
  }
/**TOP TABBED CONTENT**/
.tabs {
  margin: 0 auto;
  position: relative;
  }
  .tabs ul{
  margin: 0;
  list-style: none;
  }
  .tabs__header {
  display: flex;
  justify-content: space-between;
  }
  .tabs__header--title {
  background: #115c99;
  color: #fff;
  cursor: pointer;
  flex: 1 0 auto;
  padding: 15px;
  position: relative;
  text-align: center;
  transition: opacity 0.3s;
  font-size: 15px;
  }
  .tabs__header--title::after {
  background: #0098d7;
  bottom: -1px;
  content: '';
  display: none;
  height: 4px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%) scaleX(0);
  transition: transform 0.3s;
  width: 100%;
  }
  .tabs__header--title.active::after {
  transform: translateX(-50%) scaleX(1);
  }
  .tabs__underline {
  width: 10%;
  background: #eec530;
  height: 4px;
  position: absolute;
  left: 0;
  top: 50px;
  transition: transform 0.5s cubic-bezier(1, -1.25, 0, 1.75);
  }
  .tabs__content {
  display: none;
  }
  .tabs__content ul li{
  list-style: square;
  margin-left: 20px;
  }

  .tabs__content.active {
  animation: fadeIn 1s;
  display: block;
  }
  .tabs__content.active .tabs__content--title,
  .tabs__content.active .tabs__content--text {
  animation: fadeInUp 0.3s forwards;
  }
  .tabs__content.active .tabs__content--text {
  animation-delay: 0.3s;
  }
  .tabs__content--title {
  font-family: "Lustria", serif;
  font-size: 2rem;
  margin-bottom: 20px;
  }
  .tabs__content--text {
  line-height: 1.4;
  opacity: 0;
  margin-top: 10px;
  }

@media only screen and (min-width: 1170px) {
    .tabs__header--title:hover {
    opacity: .7;
    }
    .tabs__header--title:not(:last-of-type) {
    border-right: 1px solid #fff;
    }
  }
@media only screen and (max-width: 1169px) {
    .tabs__header {
    flex-wrap: wrap;
    }
    .tabs__header--title {
    border-bottom: 1px solid #fff;
    width: 100%;
    font-size: 12px;
    }
    .tabs__header--title::after {
    display: block;
    font-size: 12px;
    }
    .tabs__underline {
    display: none;
    }
    }
    @keyframes fadeIn {
    0% {
    display: none;
    opacity: 0;
    }
    1% {
    display: block;
    opacity: 0;
    }
    100% {
    display: block;
    opacity: 1;
    }
    }
    @keyframes fadeInUp {
    0% {
    opacity: 0;
    transform: translateY(20px);
    }
    100% {
    opacity: 1;
    transform: translateY(0);
    }
  }

  [role=tablist] .on{
    background-color:#115c99;
    color:#fff;
    }
    [role=tablist] {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
    }
    [role=tablist] li {
    list-style: none;
    margin: 0 0 0.3em 0;
    line-height: 1.3em;
    padding: 0.4em;
    text-decoration: none;
    cursor: pointer;
    border:1px solid #115c99;
    }
    #tabpanel{
      border-left: 2px solid #115c99;
      padding:10px
    }

    @media (min-width: 37.5em) {
    [role=tablist] li {
      width: auto;
      margin: 0 0.3em 0 0 !important;
      float: left;
    }
    }


    .js [role=tabpanel] {
    display: none;
    }
    .js [role=tabpanel]:first-of-type {
    display: block;
    }
/**CALENDAR PAGE***/
.calBox ul li{
  position: relative;
  }
  .calContent{
  margin:0 auto;
  display: block;}
  .calButton a{
  margin:0 auto;
  display: block;
  color:#fff;
  }
  .calButt{
  width: 150px;
  padding: 10px;
  position: fixed;
  left: -50px;
  top: 50%;
  transform: rotate(90deg);
  background-color: #0098d7;
  color: #fff;
  z-index: 50;
  border:0;
  }
  .calBox{
  background-color:#fff;
  }
  .calDetails ul li,
  .calDetails li{
  list-style: square;
  margin: 0;
  left: 20px;
  position: relative;
  }
  .calendarButton, .af-submit-button{
  background-color: #115c99;
  border-radius: 5px;
  color:#fff;
  }
  .af-submit-button{
  background-color: #115c99;
  border-radius: 5px;
  color:#fff;
  padding: 5px 10px;
  }

/**Staff Area Dropdown PAGE***/
.active {
  border-bottom: 1px solid #ccc;
  text-decoration: none;
  }
  .spacer {
  clear: both;
  height: 20px;
  }
  .jobsBox{
  border-bottom:2px solid #000;
  }

/*       STAFF DASHBOARD       */
.countBox{
  color:#fff;
  text-shadow: 0px 2px 3px #000;
  width:100%;
  height: 135px;
  padding:10px;
  border-radius:15px 15px 0 0;
  text-align: center;
  margin-bottom:0px;
  position: relative;
  border:2px solid #666;
  }
  .dashboard .blue-button{
    bottom:0;
    border-radius:0 0 15px 15px;
    text-align: center;
    text-decoration: none;
    border:2px solid #666;
  }
  .staffCountBox .blue-button,
  .staffCountBox .cira-button,
  .staffCountBox .pink-button,
  .staffCountBox .green-button{
    bottom:0;
    border-radius:15px;
    text-align: center;
    text-decoration: none;
    border:2px solid #666;
  }
  .subCountBox{
    background-color:#6c5ce7;
  }
  .sub2CountBox{
    background-color:#81ecec;
  }
  .subCountBox .far,
  .sub2CountBox .fas{
    font-size: 115px;
    margin-bottom: 5px;
  }
  .countBox .box-shadow:hover {
      box-shadow: none;
  }
  .jobCountBox{
    background-color:#6c5ce7;
  }
  .confCountBox{
    background-color:#81ecec;
  }
  .semCountBox{
    background-color:#fdcb6e;
  }
  .staffCountBox{
  margin:10px 0;
    bottom: 0;
  }
  .dashboard a{
    text-decoration: none;
  }
  .countBox h3{
    margin:0;
    line-height: 1.3;
  }
  .countBox .number{
    font-size:4vw;
    margin:0;
    position: absolute;
    bottom:0;
    right:0;
    left:0;
  }
  .dashboardBar{
    background-color:#115c99;
    color:#fff;
  }
  .required:after{
    content:" *";
    color:red;
  }
  .required{
    margin-bottom:0;
  }
#new_post{
  display: inline-block;
  margin:0;
  width:100%;
}
#cat{
  height: 180px;
  border: 1px solid #ccc;
  box-shadow: none;
  padding: 3px;
  scrollbar-width:none;
}
#cat option{
  padding-top:3px;
}
.dashboard #submit{
  border-radius: 15px !important;
  border: 2px solid #666;
  width:100%;
  font-size: 18px;
}
.dashboard input{
  width: 100%;
}
.dashboard #content{
  min-height: 200px;
  width: 100%;
  margin:0;
}

/*==== Single Page Edits =====*/
  #attachment_7202 {
    background: #efeeee;
    padding: 4px;
    text-align: center;
    font-size: 12px;
  }
/* ALL POP UP BOX */
.popup-wrap-all {
  width: 85%;
    display: none;
    content: '';
    right:0;
    left:0;
    margin: 0 auto;
    position: absolute;
    z-index: 98;
  }

  .popup-box-all {
      width: 70%;
    padding: 10px 10px;
    box-shadow: 55px 10px 1000px rgba(0, 0, 0, 1);
    border-radius: 3px;
    background: #fff;
    text-align: center;
    position: fixed;
    z-index: 100;
    top:15%;
    left:15%;
    max-height: 80%;
    overflow-y: auto;
  }
  a.popup-btn-all:hover{color:#115c99}
  .popup-box-all h2 {
  color: #1a1a1a;
  }
  .popup-box-all h3 {
  color: #888;
  }
  .popup-box-all .close-btn-all {
  width: 30px;
  height: 30px;
  display: inline-block;
  top: 10px;
  right: 10px;
  -webkit-transition: all ease 0.50s;
  transition: all ease 0.75s;
  border-radius: 1000px;
  background: #0098d7;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  line-height: 160%;
  }
  .popup-box-all .close-btn-all:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  }


    /* EDIT POP UP BOX */
    .popup-wrap-edit {
      width: 85%;
        height: 100vh;
        display: none;
        content: '';
        top: 15%;
        right:0;
        left:0;
        margin: 0 auto;
        position: absolute;
        z-index: 98;
      }
    
      .popup-box-edit {
          width: 100%;
        padding: 10px 10px;
        box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);
        border-radius: 3px;
        background: #fff;
        text-align: center;
        position: initial;
      }
      a.popup-btn-edit:hover{color:#115c99}
      .popup-box-edit h2 {
      color: #1a1a1a;
      }
      .popup-box-edit h3 {
      color: #888;
      }
      .popup-box-edit .close-btn-edit {
      width: 30px;
      height: 30px;
      display: inline-block;
      top: 10px;
      right: 10px;
      -webkit-transition: all ease 0.50s;
      transition: all ease 0.75s;
      border-radius: 1000px;
      background: #0098d7;
      font-weight: bold;
      text-decoration: none;
      color: #fff;
      line-height: 160%;
      }
      .popup-box-edit .close-btn-edit:hover {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
      }

      .staff_dash_img img{
        width:100%;
        height: auto;
      }