/****************************************************************************************************************************/


/* Co-located events    */ 


/**********************************************************************************************************************/
/*
.colocated ul li {
    margin: 0.6rem;
    
}
.colocated ul li img {
  
    max-width: 75%;
}
.colocated ul {
    text-align: center;
    display: inline-flex;
}
.colocated ul li {
    display: inline-flex;
}
.colocated h5 {
    font-size: 2rem;
    color: #0e5196;
    text-align: center;
    margin-bottom: auto;
}

  width: intrinsic;          Safari/WebKit uses a non-standard name 
  width: -moz-max-content;    = Firefox/Gecko 
  width: -webkit-max-content; = Chrome 
*/



.colocated {
    margin: 90px 0px 0px;
    float: left;
    clear: both;
    width: 100%;
    background: #ffffff;
    
}

.colocated ul {
    text-align: center;
    display: block;
}

.colocated ul li {
    
    margin: 2%;
    display: inline-grid;
    justify-content: center;
}


.colocated ul li {
    min-width: 151px;
    min-height: 60px;
    
}

/*
.colocated ul li:first-child {
    min-width: 140px;
    min-height: 60px;
    
    
}
*/
.colocated h5 {
    font-size: 2rem;
    color: #315565;
    text-align: center;
    margin-bottom: auto;
}

ul li span {
    font-size: 1em;
}

/* Below are only for the landing pages of the colocated in SME site
    Not needed elsewhere */
    .ColocatedImageHearder150{
        width:600px;
        height:150px;
    }
    .ColocatedImageHeader200{
        width:600px;
        height:200px;
    }
    .ColocatedImageHeaderBST {
        width: 700px;
        height: 200px;
    }
    .ColocatedImageHearderDiscovery {
        width: 700px;
        height: 151px;
    }

    
@media screen and (max-width:760px) {
    .theme_video {
        display: none;
    }
   
    .theme_content {
        padding: 90px 0 60px 0;
    }

    .subpage .primary_content {
        
        padding: 20px 30px 0 30px;
    }
    .ColocatedImageHeader200 {
        width: 600px;
        height: 100px;
    }
    .ColocatedImageHearder150 {
        width: 600px;
        height: 78px;
    }
    .ColocatedImageHeaderBST {
        width: 700px;
        height: 100px;
    }
    .ColocatedImageHearderDiscovery {
        width: 700px;
        height: 100px;
    }


    @media screen and (max-width:630px) {
    .colocated ul {
        text-align: center;
        display: grid;
    }
    .colocated ul li {
    
        margin: 3%;

    }
    
}