/*CSS for all GHC sites*/

.bio-button{font-weight: bold;}
.bio-button:hover{text-decoration: underline;cursor: pointer;}

.minisummit1 {
    background-color: #DEEBF3;
}

.minisummit2 {
    background-color: #CFE7D1;
}

.minisummit3 {
    background-color: #F9E3C6;
}

.minisummit4 {
    background-color: #E7CFD4;
}

.minisummit5 {
    background-color: #f2d1ef;
}

.extrapadding {
    padding: 20px 20px 20px;
}

.extrapadding-second {
    padding: 0px 20px 0px 20px;
}

.extrapadding-left {
    padding: 0px 0px 0px 20px;
}


.mini {
    padding: 20px;
}
.mini h5 {
    margin-top: 15px;
    padding-left: 14px;
    text-align: left;
}
.speaker {
    display: flex;
    flex-flow: row nowrap;
    margin-top: 15px;
    justify-content: space-between;
}
.speaker h6 {
    text-align: left;
    color: #000;
    font-size: 1.6rem;
    font-weight: 600;
    display: block;
}
.speaker div:first-child  {
    /*padding: 0 38px 0 14px;*/
    text-align: center;
    width: 15%;
}
.speaker div:nth-child(2) {
    padding: 0;
    width: 82%;
}
.time {
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    margin-top: 15px;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1.8;
}
.time h6:first-child {
    text-align: center;
    width: 15%;
    font-size: 1.8rem;
    line-height: 1.8;
    color: #006766;
}
.time h6:last-child {
    text-align: left;
    color: #006766;
    line-height: 1.8;
}
.time h6:last-child,
.time span {
    width: 82%;
    color: #006766;
}
.time span p {
    color: #000;
    font-weight: bold;
}
/*--------------------------------------New Columns-------------------------------------------------*/
.one,
.two,
.three,
.four,
.five {
    float: left;
    padding: 10px;
}
.one {
    width: 100%;
}
.two {
    width: 50%;
}
.three {
    width: 33%;
}
.four {
    width: 25%;
}
.five {
    width: 20%;
}
.six {
    width: 16%;
}
.new-row {
    clear: both;
}
section.two-wide {
    display: flex;
    flex-flow: row wrap;
}
section.two-wide div {
    flex-basis: 50%;
    padding: 5px;
        text-align: center;
}
section.three-wide {
    display: flex;
    flex-flow: row wrap;
}
section.three-wide div {
    flex-basis: 33%;
    padding: 5px;
        text-align: center;
}
section.four-wide {
    display: flex;
    flex-flow: row wrap;
}
section.four-wide div {
    flex-basis: 25%;
    padding: 5px;
        text-align: center;
}
section.five-wide {
    display: flex;
    flex-flow: row wrap;
}
section.five-wide div {
    flex-basis: 20%;
    padding: 5px;
    text-align: center;
}
body.home {
    text-align: center;
}
@media only screen and (max-width: 768px) {
    .mini,
    .mini h5 {
        text-align: center;
    }
    .time,
    .speaker {
        flex-flow: column nowrap;
        text-align: center;
    }
    .time span,
    .time h6:first-child,
    .time h6:last-child,
    .speaker h6,
    .speaker div:first-child,
    .speaker div:nth-child(2){
        text-align: center;
        width: 100%;
        padding: 0;
    }
    section.two-wide,
    section.three-wide,
    section.four-wide,
    section.five-wide,
    section.six-wide {
        flex-flow: column nowrap;
    }
}