/**----------------------------------------------------------------------------
 file: $ISIP_WEB/templates/bootstrap/ieee_spmb/ieee_spmb.css

 revision history:
  20180426 (LJ): initial version

 This file is the css stylesheet for all tuh_eeg pages/subpages. 

   1. ieee meta-navigation styling
   2. ieee standard footer styling
   3. navbar customization
   4. organizing committee customization
   5. miscellaneous classes
  
 This stylesheet affects bootstrap classes and HTML tags. Any custom-made 
 class will be denoted by isip_xx_xx.
----------------------------------------------------------------------------**/

/**----------------- ieee meta-navigation styling --------------------------**/

/* positions meta-nav with flexbox */
.ieee-nav{
 display: flex;
 flex-wrap: wrap;
 list-style: none;
 background: #000;
 padding: .5rem;
 padding-left: 2rem;
 margin: 0;
 justify-content: center;
}

/* styles links and adds sizing */
.ieee-nav a{
 font-size: .8rem;
 box-sizing: border-box;
 color: #fff;
 padding: 0 .5rem 0 .5rem;
 border-right: .0625rem solid #ffffff;
}

.ieee-nav a:link, .ieee-nav a:visited{
 text-decoration: none;
}

.ieee-nav a:hover, .ieee-nav a:active{
 text-decoration: underline;
}

#more_sites_id>a{
 border-color: #000;
}

/*overrides bootstrap*/
@media(max-width: 768px){
 .ieee-nav{
  width: 100%;
 }
}

/**----------------------- ieee standard footer styling -------------------**/
/** positions nav list and copyright **/
.std-footer-nav{
 background: #333;
 padding-top:1rem;
 padding-left: 2rem;
 margin: 0;
 display: flex;
 flex-direction: column;
}

/** positions menu tabs **/
.std-footer-list{
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 list-style: none;
 padding: .5rem;
}

/** colors and positions text **/
.std-footer-list a, .std-footer-nav p{
 font-size: .8rem;
 box-sizing: border-box;
 color: #fff;
 padding: 0 .5rem 0 .5rem;
 border-right: .0625rem solid #ffffff;
}

/** styles links **/
.std-footer-nav a:link, .std-footer-nav a:visited{
 text-decoration: none;
}

.std-footer-nav a:hover, .std-footer-nav a:active{
 text-decoration: underline;
}

#privacy_id>a{
 border-color: #333;
}

.std-footer-nav a{
 color: #fff;
}

/** sets width of copyright **/
.std-footer-nav p{
 padding-right: 2rem;
 padding-left: 1rem;
 padding-bottom: 3rem;
 border-right: none;
 width: 50rem;
 margin: auto;
}

@media(max-width: 768px){
 .std-footer-nav p{
  width: 100%;
 }
}

/**------------------------ navbar customization --------------------------**/
/**                                                                        **/
/** customizes location and style of ieee_spmb title**/
#pageTitle{
 font-size: 1.75rem;
 font-weight: bold;
 color: #3d235b;
 margin: .5rem 0 .5rem 0;
 padding: 0;
 text-align: center;
}

#head_title{
 position: relative;
}

/*creates buffer to clear NEDC logo and IEEE logo*/
#head_title section{
 margin-right: 8rem;
 margin-left: 8rem;
}

/*positioning of IEEE logo and NEDC logo*/
#head_title #ieee_img{
 width: 8rem;
 padding: .5rem;
 padding-right: 1rem;
 position: absolute;
 top: 0px;
 right: 0px;
}

/*further positioning of NEDC logo*/
#head_title #ieee_spmb_img{
 width: 7rem;
 padding: .5rem 0 .5rem 1rem;
 position: absolute;
 top: 0px;
 left: 0px;
}

/** adjusts height/width of isip logo on navbar **/
/**                                             **/
.isip_logo_css {
 width: 1.25rem; 
 height: auto;
 margin-left: 1rem;
 padding-top: .1rem; 
}

/** adjusts font size of link elements, color, padding **/
/**                                                    **/
.isip-nav a{
 height: 100%;
 font-size: .8rem;
 box-sizing: border-box;
 color: #fff;
 padding: 0 .5rem 0 .5rem;
}

/** changes color of links/background when active **/
/**                                               **/
nav ul > .active > a,
nav ul > .active > a:hover,
nav ul > .active > a:focus,
nav ul > .active > .isip-nav a {
 color: #fff;
 background: #073E4F;
 padding-top: .5rem;
 padding-bottom: .5rem;
}

/** changes color of navbar links on hover **/
/**                                        **/
nav ul a:hover {
 color: #fff;
 background: #073E4F;
 padding-top: .5rem;
 padding-bottom: .5rem;
 text-decoration: none;
}

/** changes color of active link on current page **/
/**                                              **/
nav ul a:active {
 color: #000;
}

/** uses flexbox to create and align items of navbar **/
/**                                                  **/

header ul, footer nav ul{
 list-style: none;
 background: #336699;
}

/*flexbox setup*/
.isip-nav{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 flex-direction: row;
}

#link_tabs {
 display: flex;
 flex-wrap: wrap;
}

#link_tabs li {
 paddding-right: .5rem;
}

.isip-nav{
 padding-top: .3rem;
 padding-bottom: .3rem;
 margin: 0;
}

/*positioning below 768 px breakpoint*/
@media(max-width: 768px){
 .isip-nav{
  flex-direction: column;
  align-items: center;
 }
 #link_tabs{
  width: 100%;
  justify-content: space-around;
  padding-right: 1.8rem;
 }
}

/** forces navbar to stay at the bottom of the page **/
/**                                                 **/
html {
 position: relative;
 min-height: 100%;
}

body {
 margin: 0;
 margin-bottom: 1.8125rem;
}

footer {
 background: white;
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 1.8125rem;
}

/** vertically centers navbar brand and logo **/
@media(max-width: 768px){
 .logo_css{
  padding-top: .5rem;
 }
    
 .navbar-brand{
  padding-top: .75rem !important;
 }
}

/** customizes image banner **/
.images{
 width: 100%;
 border-top: 3px solid #000;
 border-bottom: 3px solid #000; 
}

/**-------------------- organizing committee customization ----------------**/

/*styles and positions outer list*/
#organizing_committee ul{
 list-style: none;
 margin: 0;
 padding: 0;
 text-align: center;
}

/*styles positions*/
#organizing_committee>ul>li{
 font-weight: bold;
 padding-top: .5rem;
}

/*styles member listings*/
#organizing_committee>ul>li>ul>li{
 font-weight: normal;
}

/*flex setup of outer list*/
#organizing_committee>ul{
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}

/*aligns organizing committee*/
h2{
 text-align: center;
}

/**--------------------------miscellaneous classes-------------------------**/

p, li{
    font-size: .9rem;
}

/** calculates column height in rem **/
.col-sm-4{
 height: 30rem; /**32rem**/
 padding-right:0;
 padding-left:0;
}

/** standardizes p and h2 tag **/
p, h2 {
 margin-top: 0rem;
 margin-bottom: .5rem;
 text-align: center;
}

h2{
 font-weight: bold;
 font-variant: small-caps;
}

#head_title p, #head_title h2{
 text-align: center;
}

/** end of file **/
/**             **/