.section .articleHeading,.section .headings {
    letter-spacing: 2px;
    border-bottom: 0 solid;
    display: inline;
    top: -20px;
    background: var(--mycolor-bg-color)!important;
    position: relative
}

:root {
    --mycolor-bg-color: #ebebeb;
    --mycolor-bg-hover: #FFFFFF;
    --mycolor-text-menu-bar: #FFFFFF;
    --mycolor-text-btn-hover: #232E6D;
    --mycolor-blue-50: #14e749;
    --mycolor-blue-80: #0a4595;
    --mycolor-blue-100: #232E6D;
    --mycolor-yellow: #FFC745;
    --mycolor-purple: #5C7EFB
}

body,html {
    height: 100%;
    background-color: var(--mycolor-bg-color)!important;
    font: 1rem/1.5 var(--bs-font-sans-serif)
}

#primaryMenuWrp,//new CSS #topMenuWrp {
    opacity: 1
}

.primaryMenuWrp,.primaryMenuWrp .dropdown-menu>li>a,.primaryMenuWrp .navbar-nav>li>a,.primaryMenuWrp ul.dropdown-menu,.topHeader,.topHeader .dropdown-menu>li>a,.topHeader ul.dropdown-menu,.topHeader ul.nav>li>a {
    background-color: var(--mycolor-blue-100)!important;
    opacity: 1;
    font-weight: bold !important;
    padding: 0 20px !important;
    border-radius: 10px !important;
    color: var(--mycolor-text-menu-bar)!important
}

.primaryMenuWrp .dropdown-menu>li>a:hover,.topHeader .dropdown-menu>li>a:hover,.topHeader ul.nav>li>a:hover {
    background-color: #f5f5f5!important;
    color: #232E6D!important;
    opacity: 1;
    padding: 0 20px !important;
    border-radius: 20px !important;
    transition: 0.5s
}

.primaryMenuWrp .navbar-nav>li>a:hover {
    background-color: #FFFFFF!important;
    color: #035397!important;
    font-weight: bold !important;
    padding: 0 20px !important;
    border-radius: 20px !important;
    transition: 0.5s
}

.breadcrumb {
    background-color: transparent!important;
    font-size: 15px;
    padding: 10px 15px!important;
    border-bottom: 1px dashed #bfb7b6!important;
    border-radius: 0
}

.breadcrumb-item::before {
    font-family: FontAwesome
}

.current_issue_title {
    background: #1d275e;
    padding: 5px 10px;
    color: var(--bs-white)!important
}

.section .headings {
    color: #035397
}

.section .articleHeading {
    color: #035397;
    margin-left: 3rem!important
}

.citation_formats_list,.citation_formats_list>li>a,.citation_formats_list>ul.dropdown-menu {
    text-decoration: none;
    color: #008acb!important;
    background: #fff!important;
    padding: .5em 1em
}

.citation_formats_list>li>a:hover {
    background-color: #ccc!important
}

.card-page_contact {
    background-color: #337ab7!important
}

.map-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0
}

.map-responsive iframe {
    left: 0;
    top: 0;
    height: 50%;
    width: 70%;
    position: absolute
}

#footer,.footer-widget h4 {
    font-size: 14px;
    position: relative
}

#footer {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJElEQVQYV2NkwASSjGhikgwMDM+RBcECIEUwQbgATBBFACQIAKWBBB+kE5zTAAAAAElFTkSuQmCC) 0 0/cover no-repeat;
    padding-top: 10px;
    font-family: Arial,Helvetica,'Nimbus Sans L',sans-serif;
    line-height: 20px;
    font-weight: 400;
    font-style: normal
}

#footer a,[id^=customblock-] .card .list-group>li>a {
    text-decoration: none
}

#footer ul {
    list-style-type: none;
    padding-left: 0
}

#footer ul li {
    padding: 5px 0
}

.footer-widget h4 {
    color: #333;
    text-transform: uppercase;
    padding-bottom: 8px;
    margin-bottom: 20px;
    font-weight: 700
}

.footer-widget h4 .head-line {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 50px;
    height: 3px;
    background-color: #143c62;
    margin: 0
}

[id^=customblock-] .list-group-item.active,[id^=customblock-] .list-group-item.active:focus,[id^=customblock-] .list-group-item.active:hover {
    color: #fff;
    background-color: #3f51b5!important;
    border-color: #3f51b5!important
}

[id^=customblock-] a.list-group-item:focus,[id^=customblock-] a.list-group-item:hover {
    color: #fff!important;
    text-decoration: none;
    font-weight: bold !important;
    background-color: #4389e6!important
}

[id^=customblock-] .card>.card-header,[id^=customblock-] .list-group-item {
    color: #FFF!important;
    margin-bottom: .05rem!important;
    background-color: #232E6D!important;
    border: 1px solid #fff!important
}

[id^=customblock-] .card {
    background-color: transparent!important;
    border-color: #ddd!important
}

[id^=customblock-] .card .list-group {
    margin-left: .5rem!important
}

.fa {
    padding-right: 10px;
}

.fa-bulat {
    padding-right: 20px;
}


.btn-bd-warning:hover {
    background-color: var(--mycolor-bg-hover)!important;
    border-color: #035397;
    color: var(--mycolor-text-btn-hover)!important
}

.btn-bd-warning {
    color: var(--bs-white)!important;
    background-color: #232E6D;
    border-color: #232E6D!important
}

.btn-secondary {
    background: #ffffff;
    color: #035397;
    border-radius: 20px;
    transition: 0.5s
}

.btn-secondary:hover {
    background: #ffffff;
    color: #035397;
    transition: 0.5s;
    border-radius: 0px
}

.articleborder-left {
    border-left-color: #035397!important
}

/*Styling Img*/
.zoom {
/*  padding: 50px;*/
/*  background-color: green;*/
  transition: transform .2s; /* Animation */
/*  width: 150px;*/
/*  height: 150px;*/
  margin: 0 auto
}

.zoom:hover {
  transform: scale(1.1) /* (130% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}