/* Primary color for links, buttons, portal header, titles  */
a,.text-primary,.btn-primary .badge,.btn-link,.pagination>li>a,.pagination>li>span,.nav-site-sidebar .active>a,.portal-single-publication .publication-icon i,.portal-single-publication .publication-icon .fa,.publication-contents a:hover,.publication-contents h4 a,.titlepage h1.title,.titlepage h2.title,.titlepage h3.title {
    color: #004e92;
}

.bg-primary,.btn-primary,.publications-condensed .portal-single-publication a,.toolbar,.tool-search-form .search-field,.pager li>a:hover,.pager li>span:hover,.colored-top .site-sidebar-header {
    background-color: #3A4855;
}

.btn-primary,.nav .open>a,.nav .open>a:hover,.nav .open>a:focus,.colored-top .site-sidebar-header {
    border-color: #3A4855;
}

/* Hover primary color */
a:hover,a:focus,a.text-primary:hover,a.text-primary:focus,.btn-link:hover,.btn-link:focus,.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
    color: #982040;
}

a.bg-primary:hover,a.bg-primary:focus,.btn-primary:hover,.btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus,.portal-header .portal-search button:hover {
    background-color: #982040;    
}

.nav-site-sidebar li a:focus{
    background-color: transparent;
}

.btn-primary:hover,.btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus {
    border-color: #982040;    
}

/* Secondary color - For portal search button, publication count */
.portal-header .portal-search button {
    background-color:#004e92;    
}

.publication-contents h4 span {
    background-color: transparent;  
}


/* Other colors */
.portal-footer {
    background: #004e92;
    color: #ffffff;
}


/* CHANGES */

/* PORTAL PAGE */
.portal-header::after {
    z-index: -5;
    background: url(image/portal2b-bg.jpg) no-repeat center center;
    background-size: cover;
    opacity: 1;
    /* filter: grayscale(100%); */
    filter: blur(3px);
}

@media (min-width: 768px) { 
        .portal-header .logo {
        margin-bottom: 0;
        height: 60px;
    }
}

.portal-single-publication a {
    color: #fff;
    display: inline-block;
    padding: 20px 20px;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background-color: #3A4855;
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.09);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.09);
    -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;
    transition: -webkit-box-shadow 0.1s ease-in-out;
    -o-transition: box-shadow 0.1s ease-in-out;
    transition: box-shadow 0.1s ease-in-out;
    transition: box-shadow 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out;
}
.portal-single-publication a:hover {
    color: #fff;
}
/* Publication Icons */
.cat-panel-1:before{
    content: "\f0a1"; 
}
.cat-panel-2:before{
    content: "\f046"; 
}
.cat-panel-3:before{
    content: "\f0ad"; 
}
.cat-panel-4:before{
    content: "\f02d"; 
}
.cat-panel-5:before{
    content: "\f02d"; 
}
.cat-panel-6:before{
    content: "\f02d"; 
}
.cat-panel-7:before{
    content: "\f02d"; 
}
.cat-panel-8:before{
    content: "\f02d"; 
}
.cat-panel-9:before{
    content: "\f02d"; 
}
.cat-panel-10:before{
    content: "\f02d"; 
}
.cat-panel-11:before{
    content: "\f02d"; 
}
.cat-panel-12:before{
    content: "\f02d"; 
}

.portal-single-publication .publication-icon i, .portal-single-publication .publication-icon .fa {
    color: #fff;
}

.portal-footer {
    background: #3A4855;
}

/*  TOC in Topic */
.theme2 .section-nav.nav li.active>a {
    color: #982040;
    font-weight: bold;
}
.theme2 .section-nav.nav>li.active>a:before {
    background: #982040;
}

.titlepage h1.title, .titlepage h2.title, .titlepage h3.title, .titlepage h4.title, .titlepage h5.title {
    color: #004e92;
    font-weight: bold;
}

/* Admonitions */
/* Note*/
.note.notice h3{
	display:none
}

.note.notice > p {
	margin-top: 5px;
}