/* head part*/
.logo {margin: 20px 20px 0px 20px; padding: 10px;}
.logo .society {margin-top: 5px;}
.logo .title {
    font-size: 30pt;
    font-weight: 900;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.logo .location {margin-left:150px;}
.logo .date {margin-left:150px;}

/*override*/
.head-container-fluid { padding-right: 0px; padding-left: 0px;}
.dl-horizontal dt {white-space: normal;}
//p {margin-bottom: 0px;}


/* nav part*/
.navbar {
    margin-bottom: 0;
    border: 1px solid transparent;
}

@media (min-width: 768px) {
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        text-align: center;
    }
    .navbar-nav {
        display: inline-block;
        height: 45px;
    }
}

@media (max-width: 768px) {
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        text-align: left;
    }
    .navbar-nav {
        float:left;
    }
}


/* bar part*/

/*
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
*/

.carousel-caption {
    right: 12%;
    left: 12%;
    bottom: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
}

/* Adjust font size for medium-sized screens (e.g., tablets) */
@media (max-width: 768px) {
    .carousel-caption {
        right: 10%;
        left: 10%;
        bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}


/*
.h2, h2 {
    font-size: 30px;
}.

h3, h3 {
    font-size: 24px;
}
*/


.h2, h2 {
    font-size: 34px;
    margin-bottom: 40px;
}

@media (max-width: 1100px) {
    .h2, h2 {
        font-size: 26px;
    }
    
    .h3, h3 {
        font-size: 20px;
    }
    
    .h1, .h2, .h3, h1, h2, h3 {
        margin-top: 2vw;
        margin-bottom: 1vw;
    }

    
  }

  @media (max-width: 924px) {
    .h2, h2 {
        font-size: 22px;
    }
    
    .h3, h3 {
        font-size: 16px;
    }
  }


/* Adjust font size for medium-sized screens (e.g., tablets) */
@media (max-width: 768px) {
    .h2, h2 {
        font-size: 3vw;
    }
    
    .h3, h3 {
        font-size: 2.5vw;
    }
  }
  
/* Adjust font size for small screens (e.g., phones) */
@media (max-width: 480px) {
    .h2, h2 {
        font-size: 3vw;
    }
    
    .h3, h3 {
        font-size: 2.5vw;
    }
  }


/* body part*/

.h4, h4{
    margin-top: 30px;
    margin-bottom:20px;
    font-size: 22px;
}

.h5, h5{
    margin-top: 15px;
    margin-bottom:10px;
    font-size: 20px;
}

.row {
    font-size:14px;
}

hr {
    border: 0;
    border-top: 2px solid #7bb7865e;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        width: 180px;
    }    
    .dl-horizontal dd {
        margin-left: 200px;
    }
}

a:hover, a:active {
    color:#7bb786;
}


.emp {
    font-size:18px;
    font-weight:bold;
    color:#7bb786;
}

.phm-green {
    color:#7bb786
}

.sub-header
{ 
    font-size: 17px; 
    font-weight: bold;
    text-decoration: underline;
    margin-top:10px;
} 

/* committee part */
.committee-role { 
    font-size: 17px; 
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: #7bb786;
    text-decoration-thickness: 2px;
} 

.committee-member {
    padding-left: 60px;
}

/* topic part */
.topic-level-1 { 
    font-size: 17px; 
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: #7bb786;
    text-decoration-thickness: 2px;
} 

.topic-level-2 {
    padding-left: 60px;
}


.row ol 
{
    list-style-type:lower-roman;
    margin-left:50px;
    margin-bottom:10px;
}

.row ul 
{
    list-style-type:disc;
    margin-left:50px;
    margin-bottom:10px;
}

.row li 
{
    margin-bottom:10px;
    padding-left:10px;
}