#header{
}

#header.is-sticky .head-main{
	text-align: right;
}

#footer #footer-main{
	background-color: #eee;
	border-top:1px solid #ddd;
}

#footer #footer-main [class^="sp-line-"]:after, #footer #footer-main [class^="sp-trans-"]:after{
	background-color:#dcdcdc;
}


.mobile-menu .head-main{
	text-align: right !important;
}

/****************/
/* my overwrites*/
/****************/

.alert-info {
    color: #fff;
    /* font-weight: 400; */
    background-color: #00A8E3;
    border-color: #5384A1;
}
.alert-success {
    color: #fff;
    /* font-weight: 400; */
    background-color:#479b49;
    border-color:#3c763d;
}
.light-border{
    border-bottom: 1px solid #dedede;
}
.dark-border{
    border-bottom: 1px solid #ccc;
}
.section.section-narrow-2 {
    padding: 50px 0;
}

.ol-user-profile .title {
    /* color: #fff; */
    color: #222;
/*    opacity: 0.5;*/
    font-family: "Merriweather",serif;
    font-size: 40px !important;
}

.ol-user-profile .subtitle {
    /* color: #fff; */
    color: #222;
/*    opacity: 0.5;*/
	font-family: 'Lato',sans-serif;
    margin-top: 20px;
    font-size: 15px;
}
.page-head .container {/* overflow:hidden; */
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.ol-hover .subtitle {
/*
    text-transform: uppercase;
    margin-top: 20px;
    font-size: 10px;
*/
    margin-top: 40px;
    font-size: 120px;
    color: #bbb;
    z-index: 2;
}

.ol-hover.hover-2 .subtitle {
/*
    text-transform: uppercase;
    margin-top: 20px;
    font-size: 10px;
*/
    margin-top: 40px;
    font-size: 12px;
    color: #bbb;
    z-index: 2;
}


#header.dark .hamburger-inner {
    background-color: #BBBBBB;
}
#header.dark .hamburger-inner:before, #header.dark .hamburger-inner:after {
    background-color: #BBBBBB;
}

/* footer */
#footer #footer-main {
    background-color: #666;
    border-top: 2px solid #555;
    padding: 50px 0;
    color: #fff;
}

/* timeline */
.ol-timeline-tab .tl-content {
    margin-left: 120px;
}
.ol-timeline-tab .tl-head li.active {
    font-size: 15px;
}


/* my carousel*/
.news-carousel {
    position: relative;
    box-shadow: 0px 0px 6px -3px #000;
    background-color: #eee;
    text-align: center;
}


.news-carousel .title {
    font-size: 16px;
    margin-bottom: 10px;
    text-align: left;
}
.news-carousel .sub-title {
    font-family: 'Lato',sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 30px;
}
.news-carousel .description {
    font-size: 14px;
    line-height: 20px;
    color: #4b4b4b;
    text-align: left;

}
.news-carousel .item {
    text-align: center;
    padding: 40px;
    padding-bottom: 60px;
}
.news-carousel .item > .btn {
    margin-top: 40px;
}
.news-carousel .owl-nav {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    margin: 0;
/*    margin-top: 115px;*/
}
.news-carousel .owl-nav .owl-prev {
    margin-right: 25px;
    margin-left: 0;
}
.news-carousel .owl-nav .owl-next {
    margin: 0;
}
.news-carousel .owl-nav .owl-prev:hover {
    /* background-color: #6FA0CE; */
    background-color: #1876ce;

}
.news-carousel .owl-nav .owl-next:hover {
    /* background-color: #6FA0CE; */
    background-color: #1876ce;
}
.news-carousel ul{
    list-style-type: none;
    padding: 0;
}

.newsbuttons{
    text-align: center;
    margin: 5px;
}

.news-list{
    font-size: 14px;
}
ul.news-list{
    list-style-type: none;
    padding-left: 0;
}

.news-list li{
    transition: background-color 0.2s linear; /* vendorless fallback */
    -o-transition: background-color 0.2s linear; /* opera */
    -ms-transition: background-color 0.2s linear; /* IE 10 */
    -moz-transition: background-color 0.2s linear; /* Firefox */
    -webkit-transition: background-color 0.2s linear; /*safari and chrome */
    padding: 3px;
}
.news-list li:hover{
    background-color: rgb(225, 239, 250); 
    transition: background-color 0.2s linear; /* vendorless fallback */
    -o-transition: background-color 0.2s linear; /* opera */
    -ms-transition: background-color 0.2s linear; /* IE 10 */
    -moz-transition: background-color 0.2s linear; /* Firefox */
    -webkit-transition: background-color 0.2s linear; /*safari and chrome */
}
/*.news-list */
.date{
    font-family: "Lato",sans-serif;
    font-weight: bold;
    /* color: #6FA0CE; */
    /* color: #1876ce; */
    color: #222;

}

/* index page events (carousel)  */
.highlight_event{
    font-size: 120%;
    font-weight: bold;
}

/*menu header*/
.activeSection{
/*    font-size: 30px;*/
    text-decoration: underline;
    font-weight: bolder;
}
.is-sticky .activeSection{
/*    font-size: 15px;*/
    text-decoration: underline;
    font-weight: bolder;
}

/*publications*/
.pubFilter{
/*    font-size: 80%;*/
    font-size: 85%;
}

a.anchor {
    display: block;
    position: relative;
    top: -90px;
/*    visibility: hidden;*/
}
.ol-timeline.scrollable-timeline {
    padding: 40px 0;
}

.ol-timeline .tl-item{
    margin-bottom: 20px;
}

.pub-item .title{
    margin-top: 10px;
    margin-bottom: 10px;
}


.pub-item .description .authors, .pub-item .description .citation{
    font-style: normal;
}
/*
.pub-item .description .citation .links, .description .institution .links{
    font-style: normal;
}
*/
.pub-item .description .citation .links, .description .institution .links{
    font-style: normal;
}

.pub-item .description .citation .links a, .description .institution .links a {
    font-style: normal;
    /* color: #6FA0CE; */
    color: #1876ce;

}

.authors .highlight{
    font-weight: bold;
    /* color: #6FA0CE; */
    color: #1876ce;
}

.citation .paperaward{
    font-weight: bold !important;
    color: #FF3366;
    font-style: normal;
}

.paperaward a{
    font-weight: bold;
    font-style: normal !important;
    color: #FF3366 !important;
}


.pub-item .description .citation, .pub-item .description .citation a {
    max-width: 100%;
}

/* teaching */

.pub-item .description .institution{
    font-style: italic;
    /* color: #9d9d9d; */
    color: #636363;
/*    margin-bottom: 20px;*/
    font-size: 14px;
}
.teaching-timeline{
    padding: 30px 0;
    margin-left: 100px;
    margin-right: 20px;
    margin-bottom: 50px;

}


/*Embedded presentations*/
.ppEmbed{
    width: 100%;
    height: 400px;
}

@media (max-width: 768px) {
    .ppEmbed{
        width: 100%;
        height: 200px;
    }
}

/* POSTS AND FIGURES WITH CAPTIONS*/
.post-excerpt p{
    text-align: justify;
    margin-bottom: 10pt;
}

.caption-img.off-container.left-align{
    margin-left: 0;
}
.caption-img.off-container.right-align{
    margin-left: 35px;
    margin-right: 0;
}
@media (max-width: 768px) {
    .caption-img.off-container.right-align{
        margin-left: 0px;
        margin-right: 0;
    }
}
.caption-img.left-align .caption{
    margin-right: 0;
    margin-left: 0;
    border-left: 0;
    text-align: justify;
}
.caption-img.right-align .caption{
    margin-right: 0;
    margin-left: 0;
    border: 0;
    text-align: justify;
}

.caption-img.left-align, .caption-img.right-align {
    margin-top: 10px;
}

/*TOOLS*/
.toolDesc{
    text-indent: 15pt;
}
.toolItem{
    padding: 10px;
}
.toolItem .caption-img.left-align, .toolItem .caption-img.right-align {
    max-width: 100%;
    text-align: center;
}
/*
@media (max-width: 768px) {
    .toolItem .caption-img.left-align, .toolItem .caption-img.right-align {
        max-width: 100%;
    }
}
*/

.toolItem .caption-img.off-container.left-align{
    margin-right: 0px;
}

.toolItem .caption-img.off-container.right-align{
    margin-left: 0px;
}


.toolItem .alert{
    text-align: center;
}


/*RESEARCH*/
.researchItem .with-underline{
    margin-bottom: 10px;
}

.researchHeadline{
    margin-bottom: 10pt;
    text-align: justify;
}
.indent15{
    text-indent: 15pt;
}

.researchProjHeader{
    font-size: 85%;
    margin-bottom: 30px;
}

.researchItem .caption-img.left-align, .researchItem .caption-img.right-align {
    max-width: 100%;
/*    text-align: center;*/
}

.researchItem .caption-img.off-container.left-align{
    margin-right: 0px;
    margin-top: 0px;
}

.researchItem .caption-img.off-container.right-align{
    margin-left: 0px;
    margin-top: 0px;
}

@media (max-width: 768px) {
    .researchItem .caption-img.left-align, .researchItem .caption-img.right-align {
        max-width: 100%;
    }
}

.researchItem{
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
}

.researchItem .ol-side-navigation{
    cursor: pointer;
}

.researchItem .badge, .researchItem .badge:hover, .researchItem .badge:after, .researchItem .badge:focus {
    border: 1px solid #636363;
    border-radius: 60px;
    text-decoration: none;
    color: #636363;
    padding: 5px 10px;
    font-size: 10px;
    background-color: transparent;
    margin-bottom: 5px !important;
}
.researchItem .relatedContent{
    padding: 0 30px 0 30px;
    background-color: #eee;
    border: 1px solid #dedede;
    border-top: none;
    font-size: 13px;
}

.relatedContent .title a{
    font-family: "Lato",sans-serif;
    font-weight: bold;
    /* color: #4b4b4b; */
    color: #222;
}
/*
.relatedContent .in, .relatedContent .school, .relatedContent .institution, .relatedContent .publisher{
    font-style: italic;
}
*/
.relatedContent .paperaward{
    font-weight: bold !important;
    color: #FF3366;
}
.relatedContent .vc-card{
    margin-bottom: 15px !important;
}
.relatedContent .vc-card-wrapper{
    padding: 15px 10px 10px;
    min-height: 0;
}

.relatedContent .vc-card-wrapper .title{
    font-size: 14px;
}


/*ALERTS*/
.alert{
    font-family: 'Lato',sans-serif;
    font-size: 16px;
}

.alert a{
    color: #fff;
    /* font-weight: 1000; */
    text-decoration: underline;
    transition: text-shadow 0.5s linear; /* vendorless fallback */
    -o-transition: text-shadow 0.5s linear; /* opera */
    -ms-transition: text-shadow 0.5s linear; /* IE 10 */
    -moz-transition: text-shadow 0.5s linear; /* Firefox */
    -webkit-transition: text-shadow 0.5s linear; /*safari and chrome */
}


/*highlight anchor*/
.highlightAnchor{
    background-color: aliceblue;
}
.talkEntry .highlightAnchor .bg-gray{
    background-color: aliceblue !important;
}



/*research highlights*/
.ol-hover .title{
    overflow: visible;
    white-space: normal;
}


/*ol-filter bug on mobile phones*/
@media only screen and (max-width : 480px) {
.ol-grid-filters .default-filters {
        display: initial;
    }
.ol-grid-filters .default-filters li{
        font-size: 85%;
    }
.ol-grid-filters .default-filters li.pubFilter {
        font-size: 85%;
    }
}


/* menu*/
#header{
    background-color: transparent;
    border: none;
/*    box-shadow: 0px 2px 10px -6px rgba(0, 0, 0, 0.1);*/
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
}


/* link transitions */
/* need to have higher contrast o/w is invisible. Also change the style of default links*/


a, .pub-item .description .citation .links a, .paperaward a, .description .institution .links  a{
    transition: color 0.5s linear; /* vendorless fallback */
    -o-transition: color 0.5s linear; /* opera */
    -ms-transition: color 0.5s linear; /* IE 10 */
    -moz-transition: color 0.5s linear; /* Firefox */
    -webkit-transition: color 0.5s linear; /*safari and chrome */
}

a:hover, .pub-item .description .citation .links  a:hover, .description .institution .links  a:hover{
    /* color: #1169a6; */
    color: rgb(3, 77, 147);
    transition: color 0.5s linear; /* vendorless fallback */
    -o-transition: color 0.5s linear; /* opera */
    -ms-transition: color 0.5s linear; /* IE 10 */
    -moz-transition: color 0.5s linear; /* Firefox */
    -webkit-transition: color 0.5s linear; /*safari and chrome */
}

.alert a:hover{
    color: #fff !important;
    text-shadow: 1px 1px 1px rgba(255,255,255,20);
    /* font-weight: 1000; */
    transition: text-shadow 0.5s linear; /* vendorless fallback */
    -o-transition: text-shadow 0.5s linear; /* opera */
    -ms-transition: text-shadow 0.5s linear; /* IE 10 */
    -moz-transition: text-shadow 0.5s linear; /* Firefox */
    -webkit-transition: text-shadow 0.5s linear; /*safari and chrome */
}
.paperaward a:hover{
    color: #DD0033 !important;
    transition: color 0.5s linear; /* vendorless fallback */
    -o-transition: color 0.5s linear; /* opera */
    -ms-transition: color 0.5s linear; /* IE 10 */
    -moz-transition: color 0.5s linear; /* Firefox */
    -webkit-transition: color 0.5s linear; /*safari and chrome */
}

#header.dark {
	background: -moz-linear-gradient(top, rgb(222,222,222) 0%, rgb(255,255,255) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgb(222,222,222) 0%,rgb(255,255,255) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(222,222,222) 0%,rgb(255,255,255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DEDEDE00', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#header.dark.is-sticky {
	background: #fff;
}


/* ol-user problem with mobile phones */
.avatar_text{
    text-align: left;
}
@media only screen and (max-width : 500px) {
    .ol-user-profile .avatar {
        display: none;
    }
    .avatar_text{
        text-align: center;
    }
    .avatar_text h1.title{
        font-size: 25px !important;
    }
    .avatar_text h2.subtitle{
        font-size: 15px !important;
    }
}