/* start css comment */

#banner {
    height: auto;
    width: 100%;
    padding: 18px 15px;
    background: #001245;
    margin-bottom: 2em;
}
#container {
    width: 93%;
    height: auto;
    max-width: 850px;
    margin: auto;
    position: relative;
}
#ubc-signature {
    width: 100%;
    max-width: 400px;
}
.custom-header-container #banner #container .updates-dropdown-container {
    float: right;
    border: 2px solid #fff;
    border-radius: 4px;
    height: 45px;
    position: relative;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 6px;
}
a.show-updates-dropdown {
    background-color: none;
    padding: 12px;
    color: #ffffff;
    font-weight: bold;
}


#support.updates-dropdown-container {
  display: inline-block; 
  margin-right:1.5em; 
  margin-left:1.5em;
  border:0px solid #002145 !important;
}

a:hover,a.whitespace-pre-wrap:hover,a.color-primary:hover {
  text-decoration: underline;
}

/*  overrides baked-in content obfuscation  at 450px breakpoint  */

.updates-dropdown-container .show-updates-dropdown::after {
  content: 'Subscribe to Updates'
} 

#intro {
    width: 90%;
    height: auto;
    max-width: 860px;
    margin: auto;
    padding: 15px 15px 30px;
}

#intro .heading, #intro .body {
  display:table-cell;
  vertical-align:middle;
}

.heading {
    border-right: 1px solid #e0e0e0;
    font-family: "whitney", "proxima-nova", "Helvetica Neue", 'Tungsten A', 'Tungsten B', 'Arial Narrow', Arial, sans-serif !important;
    font-size: 6em;
    line-height: .5em;
    font-weight: 700;
    padding: 20px 40px 20px 0;
  text-align:left;
}
.heading a {
  color:#002145;
}

.subheading {
  font-size:.45em;
}

.body {
    padding-left: 40px;
    font-size: 18px;
    Line-height: 1.5em;
}

.outages {
background:#eeeeee;
  padding: 1em;
  -webkit-border-radius:4px;

}

#footer {
  margin-top:1em;
  padding:20px; 
  width:100%; 
  background: #001245;
  color:#ffffff;
  font-size:.9em;
}
#footer a {
  color:#ffffff;
}

#footer li {
  display:inline;
}


@media only screen and (max-width: 775px) {
  
#banner {
    height: 155px;
    width: 100%;
    padding: 15px;
    background: #001245;
    margin-bottom: 1em;
}
  
.custom-header-container #banner #container .updates-dropdown-container {
    width: 100%;
    border: 2px solid #ffffff;
    text-align: center;
}
  
#support.updates-dropdown-container {
    margin:unset;
  }
  
.heading {
   border-right: none;
   font-size: 3.25em;
   line-height: .4em;
   font-weight: 700;
   padding: 15px 0 25px;
   text-align:center;

}
.subheading {
   font-size:.4em;
   font-weight:500;
}
   
  
  #intro .heading{
  display:block;
  border:none;
  text-align:center;
  
  } 
  #intro .body {
    display:block;
    text-align:center;
    padding:0;
    border:0px solid #900;
    font-size:16px;
  }
  
 #intro {
    width: 100%;
    height: auto;
    margin: auto;
    padding: 30px 15px 5px;
} 
  .mobile {
    display:none;
}
}


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



  #banner {
    height: 155px;
    width: 100%;
    padding: 15px;
    background: #001245;
    margin-bottom: 1em;
}
  
.custom-header-container #banner #container .updates-dropdown-container {
    width: 100%;
    border: 2px solid #ffffff;
    text-align: center;
}
  
#support.updates-dropdown-container {
    margin:unset;
  }
  
.heading {
   border-right: none;
   font-size: 2.5em;
   line-height: .4em;
   font-weight: 700;
   padding: 0;
   text-align:center;

}
.subheading {
   font-size:.4em;
   font-weight:500;
}
   
  
  #intro .heading{
  display:block;
  border:none;
  text-align:center;
  
  } 
  #intro .body {
    display:block;
    text-align:center;
    padding:0;
    border:0px solid #900;
    font-size:16px;
  }
  
 #intro {
    width: 100%;
    height: auto;
    margin: auto;
    padding: 15px 15px 0px;
} 
  
.layout-content.status.status-index .page-status {
    margin-bottom:15px;
    
  }



}


/* end css comment */

/*styling for development banner*/


.development {
  padding:.25em; 
  background:yellow; 
  font-weight:bold; 
  font-size:.75em;
  text-align:center;
  margin-bottom: 2.5em;
  margin-top:-2.7em;
  display:none;
  content: 'This site is currently under developme';
}

/*.color-secondary {
  display:none;
}*/

/*body {background-image:url('https://it.ubc.ca/sites/it.ubc.ca/files/development2.png')}*/