/*-------------- BY CHING -----------------*/
main{
    display:block;
    width:100%;
}

p{
    text-align:justify;
}

.maincontent > p + ul,
.maincontent > p + ol{
    margin-top: -15px;
}

.ust-row a {
    text-decoration: none;
}

.site-logos .ieda_logo_mobile{
    display:none;
}

.table_container {
    width: 100%;
    overflow-x: auto;
}

/* Index */
.info-block__fulldate {
    display: none;
}

.page-index .wrapper{
    padding: 0 30px;
}

.slide__content{
    padding: 0 30px 0 0;
}

.slide__action {
    padding: 30px 30px 10px 0;
    text-align: center;
}

/*------- Second Menu ---------*/
.header-desktop__site-menu li {
    padding: 0 0 8px 10px;
}

.ieda-img.info{
    position:relative;
}

.info-li:hover > .header-second-menu{
    display:block;
}

.header-second-menu {
    background: rgba(41, 108, 182, 0.75);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width:190px;
    position:absolute;
    top:40px;
    right:0;
    padding: 8px 0;
    display:none;
    z-index: 10;
}

.header-second-menu li{
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 8px 18px;
    line-height: 1.2;
}

.header-second-menu li a{
    color: #fff;
}

.header-second-menu li:hover {
    background: #CBDEF3;
}

.header-second-menu li:hover a{
    color: #0B3E75;
    text-decoration: none;
}

/* Publications */
.pub__items{
    text-align:center;
}

.pub__item{
    display: inline-block;
    vertical-align: top;
    float: none;
}

.pub__name{
    text-align:left;
}

/* .pub__item:nth-child(4n){
    margin: 0 0 20px 0;
} */

/* News & Event */
.news-events__sidebar img{
    -ms-interpolation-mode: nearest-neighbor; /*  IE 7+ (non-standard property) */
    image-rendering: -webkit-optimize-contrast; /* Safari 6, UC Browser 9.9 */
    image-rendering: -webkit-crisp-edges; /* Safari 7+ */
    image-rendering: -moz-crisp-edges; /* Firefox 3.6+ */
    image-rendering: -o-crisp-edges; /* Opera 12 */
    image-rendering: pixelated; /* Chrome 41+ and Opera 26+ */
    width:100%;
}


/* Rich Text */
em {
    font-style: italic;
}

.maincontent > :first-child.ck-major-para-title,
.tabmenu__tab-content > :first-child.ck-major-para-title{
    margin: 0px 0 18px;
}

.maincontent > p:first-child,
.tabmenu__tab-content > p:first-child {
    margin: 0 0 28px 0;
}

.tabmenu__tab-content{
    padding: 50px 18px 30px;
}

/* Faculty */
.div_abstract{
    cursor:pointer;
}

.info-block__dates > div {
    max-height: 60px;
}

/* Our stories - popup */
#cboxContent{
    padding:75px 0;
    background: #FDFDFD;
}

/* Sitemap */
.sitemap__col:not(:last-child) {
    width: 30.5%;
    display: inline-block;
    vertical-align: top;
    margin-right: 4%;
}

.sitemap__col:last-child{
    display: inline-block;
    vertical-align: top;
    width:30.5%;
}

.sitemap-menu.menu__lv1 > li {
    margin-bottom: 50px;
}

.sitemap-menu.menu__lv1 > li > span, 
.sitemap-menu.menu__lv1 > li > a {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #0B3E75 !important; 
}

.sitemap-menu .menu__lv2 > li, 
.sitemap-menu .menu__lv3 > li{
    margin-bottom: 3px;
    padding-left: 15px;
    position: relative;
}

.sitemap-menu .menu__lv2 > li > span, 
.sitemap-menu .menu__lv2 > li > a,
.sitemap-menu .menu__lv3 > li > span, 
.sitemap-menu .menu__lv3 > li > a {
    color:#286CB6;
    display: inline;
}

.sitemap-menu .menu__lv2 > li::before,
.sitemap-menu .menu__lv3 > li::before{
    content: "\203A";
    font-size: 28px;
    position: absolute;
    top: -3px;
    left: 0;
    color:#286CB6;
}

.sitemap-menu .menu__lv2 > li.menu-title > span, 
.sitemap-menu .menu__lv2 > li.menu-title > a {
    color:#0B3E75;
    font-weight: 600;
}

.sitemap-menu .menu__lv2 > li.menu-title::before{
    color:#286CB6;
}

.sitemap-menu .menu__lv3 {
    margin-bottom: 15px;
    padding-left: 15px;
}


/******* This screen only for news slider in index use */
@media only screen and (max-width: 1400px) {
    .events-news__news{
        max-width: 632px;
    }

    body.page-index .events-news > .wrapper{
        max-width: 1065px;
    }
}


@media only screen and (max-width: 1100px) {
    .events-news__news{
        max-width: 302px;
    }

    body.page-index .events-news > .wrapper{
        max-width: 733px;
    }
}
/*----------- end here -------------*/


@media only screen and (max-width: 1024px) {
    /* Faculty */
    .tabmenu__title ul{
        overflow-x: scroll;
        overflow-y: hidden;
    }
}

@media only screen and (max-width: 1023px) {
    .site-logos .ieda_logo_desktop{
        display:none;
    }

    .site-logos .ieda_logo_mobile{
        display: inline-block;
        /* width:50px; */
        /* width:35px; */
        width: 28px;
        height: 35px;
    }
    header.js-stick .header-desktop{
        margin-top: -30px;
    }

    /* menu lv2 */
    .top-menu .menu.menu__lv2 > li > a{
        position: relative;
        line-height: 1;
        padding-left: 30px;
    }

    .header-desktop__menu .menu__lv2 > li > span:before, 
    .header-desktop__menu .menu__lv2 > li > a:before{
        position: absolute;
        left:0;
        top:50%;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

    .richtext__col.sidebar{
        display:none;
    }

    /* Mobile menu */
    .info-li{
        display:none !important;
    }

    /* Sitemap */
    .sitemap__col:not(:last-child) {
        width: 46%;
    }
    
    .sitemap__col:last-child{
        display: block;
        vertical-align: top;
        width:100%;
    }

    .sitemap-menu .menu__lv2 > li > a{
        padding-left: 0px;
    }

}

@media only screen and (max-width: 750px) {
    .tabmenu__tab-content.active{
        padding: 8px 18px 25px 18px;
    }

    /* Sitemap */
    .sitemap__col:not(:last-child) {
        display:block;
        width: 100%;
        margin-right:0;
    }
    
    .sitemap__col:last-child{
        display: block;
        vertical-align: top;
        width:100%;
    }
}

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

@media only screen and (max-width: 377px) {
    .ust-row a{
        padding: 2px 0;
    }

    /* header.js-stick .header-desktop{
        margin-top: -28px;
    }

    header.js-stick .ust-row{
        -webkit-transform: translateY(-46px);
        -moz-transform: translateY(-46px);
        -ms-transform: translateY(-46px);
        transform: translateY(-46px);
    } */
}