/* CSS Variables */
:root {
	--color-primary: #7a0019;
}


body {
	font-family: 'Noto Sans', sans-serif;
	font-size: 18px;
	color: #333333;
}

h1 {
	font-size: 2.1669rem;
	color: var(--color-primary);
	font-weight: 700;
}

h2 {
	font-size: 1.5rem;
	margin-bottom: 15px;
	font-weight: 700;
	color: #000;
}

h3 {
	font-size: 1.3331rem;
	margin-bottom: 10px;
	font-weight: 700;
	color: #000;
}

h4 {
	font-size: 1.1669rem;
	/*text-transform: uppercase;*/
	margin-bottom: 5px;
	font-weight: 700;
	color: #000;
}

h5 {
	font-size: 1.0831rem;
	margin-bottom: 3px;
	font-weight: 700;
	color: #000;
}

h6 {
	font-size: 1.0831rem;
	margin-bottom: 0;
	font-style: italic;
}

p {
	font-size: 18px;
	line-height: 1.5;
}

a {
	color: #032b68;
}
a{
    text-decoration: none;
}

.align-self-baseline:visited{
	color: #fff !important;
}

.list-unstyled a:hover ,.list-unstyled a:visited ,.list-unstyled a:active {
	color: #8d8d8d !important;
}
.navbar-nav a:hover ,.navbar-nav a:visited ,.navbar-nav a:active {
	color: #666666 !important;
}
.header_view a:hover ,.header_view a:visited ,.header_view a:active {
	color: #fff !important;
}
.align-self-baseline:hover,.heading-link:visited{
    color: #032b68 !important;
}

.heading-link:visited,.heading-link:active,.col-xxl-9 a:visited, .col-xxl-9 a:active{
    color: #032b68 !important;
}


ul {
	list-style: inside;
}

.bold {
	font-weight: 700;
}

.normal {
	font-weight: 400;
}

.small {
	font-size: 0.8125rem;
	color: #333;
}

.btn-primary {
	background-color: var(--color-primary);
	font-size: 0.875rem;
	font-weight: 700;
	color: #fff;
	border-radius: 5px;
	padding: 10px 28px;
	border: 2px solid var(--color-primary);
}

.btn-primary:hover {
	background-color: transparent;
	color: var(--color-primary);
	border: 2px solid var(--color-primary);
}

.btn-secondary {
	background-color: transparent;
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--color-primary);
	border-radius: 5px;
	padding: 10px 28px;
	border: 2px solid var(--color-primary);
}

.btn-secondary:hover {
	background-color: transparent;
	color: var(--color-primary);
	border: 2px solid var(--color-primary);
}

.btn-primary.small {
	padding: 0px 13px !important;
}

hr {
	opacity: 1;
	border-top: 2px solid var(--color-primary);
}

.btn-link {
	color: var(--color-primary);
}

.btn-link:hover {
	color: #000;
}

.contact-info-container p {
	margin-bottom: 0;
}

.text-primary {
	color: var(--color-primary) !important;
}

h4.article-details-biography {
	text-transform: none;
	font-weight: 400;
}

.img-cover {
	height: 100%;
	object-fit: contain;
	max-height: 20em;
}

.issue-summary-cover {
	max-height: 250px;
}

.issue-summary-title {
	text-decoration: none;
}

.navbar-toggler {
	border: 0;
}

.navbar-toggler:focus {
	box-shadow: none
}

nav.navbar .nav-link {
	font-size: 1.0625rem;
	font-weight: 600;
	padding-left: 0 !important;
	padding-right: 50px !important;
	color: #666666;
	/*text-transform: uppercase*/
}

.nav-link:hover {
	color: var(--color-primary) !important;
}

.menu-row .btn-primary {
	padding: 0px 28px !important;
	position: absolute;
	right: 20px;
	top: 13px;
}

.header .dropdown-menu {
	top: 117% !important;
	border-top: 0;
	padding: 0;
	border-radius: 0 0 5px 5px;
}

.nav-item .dropdown-menu {
	top: 117% !important;
	border-top: 0;
	padding: 0;
	border-radius: 0 0 5px 5px;
}

.dropdown-menu {
	border-radius: 5px;
	border: 1px solid #ccc;
}

.dropdown-item {
	font-size: 1.0625rem;
	font-weight: 600;
	color: #666666;
	padding: 8px 20px;
}

.page-header h1 {
	margin: 0;
}

.hero-mob-base {
	display: none;
}

.dropdown-toggle h3::after {
	content: url(../images/dropdown-arrow1.png);
	border: 0 !important;
	vertical-align: 0;
	transform: translate(8px, -2px);
}

.dropdown-toggle.show h3::after {
	border: 0 !important;
	vertical-align: 0;
	content: url(../images/dropdown-arrow2.png);
	position: relative;
}

.dropdown-item:focus {
	background-color: #e9ecef;
	color: #000;
}

.breadcrumb a {
	color: var(--color-primary);
	text-decoration: none;
}

.breadcrumb .active {
	color: var(--color-primary);
}

.breadcrumb li {
	font-size: 1rem;
}

.breadcrumb-item+.breadcrumb-item::before {
	color: var(--color-primary);
}

.sidebar-left h4 {
	font-weight: 400;
	text-transform: none;
}

.sidebar-left {
	border-right: 1px solid #dee2e6
}

label {
	font-size: 1rem;
}

.submit-btn.small {
	padding: 0px 27px !important;
}

.journal-sec h3 {
	font-size: 1.125rem;
	color: var(--color-primary);
}

.journal-sec h4 {
	font-size: 1.125rem;
}

.journal-sec p {
	text-align: left;
}

.home-sec-1 {
	margin: 33px auto;
}

.heading-link {
	color: var(--color-primary);
	text-decoration: none;
}

.chevron-btn {
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
}

.pkp-brand-footer {
	max-width: 150px;
}

ul.site-index-quick-links li {
	display: inline;
	margin-inline-end: 0.5rem;
}

@media (min-width: 1400px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1440px;
	}
}

.header {
	background-color: #f0efee;
}

.header .right-col {
	position: relative;
}

.header .right-col a {
	color: #000;
	font-size: 1rem;
	font-weight: 600;
	text-decoration: none;
	padding: 0 12px 0 8px;
	border-right: 2px solid #333;
	line-height: 13px;
	display: inline-block;
	position: relative;
	text-align: left;
}

.header .right-col a:hover {
	color: var(--color-primary);
}

.header .right-col a:nth-child(3) {
	border: none !important;
}

.header .right-col .user-details a {
	border: 0;
	display: table;
	padding: 10px;
}

.header .right-col .user-details a:nth-child(3) {
	border: none !important;
}

.header .right-col .user-details .dropdown-menu {
	top: 34% !important;
	border: 1px solid #ccc !important;
}

.footer-additional-content {
	min-height: 350px;
}

.footer {
	background-color: #f0efee;
}

/*.bottom-bar {
	background-color: var(--color-primary);
}
*/
.navbar-toggler-icon {
	width: 1.5em;
	height: 1.5em;
	background-image: url(../images/toggler-icon-bg.jpg);
}

.article-btn {
	margin-right: 15px;
}

.csl-entry {
	word-break: break-word;
}

@media (max-width: 1399px) {
	nav.navbar .nav-link {
		font-size: 0.9375rem;
		padding-right: 31px !important;
	}
}

@media (max-width: 1199px) {
	.header .right-col .dropdown-toggle.show h3::after {
		border: 0 !important;
		vertical-align: 0;
		content: url(../images/dropdown-arrow2.png);
		position: relative;
	}

	.header .right-col .dropdown-toggle h3::after {
		content: url(../images/dropdown-arrow1.png);
		border: 0 !important;
		vertical-align: 0;
		transform: scale(.8);
	}

	.nav-item .dropdown-menu {
		border-radius: 0;
		border: 0;
	}

	.dropdown-toggle h3:hover::after {
		content: url(../images/dropdown-arrow1a.png);
		border: 0 !important;
		vertical-align: 0;
	}

	.dropdown-toggle.show h3:hover::after {
		border: 0 !important;
		vertical-align: 0;
		content: url(../images/dropdown-arrow2a.png);
		position: relative;
	}

	nav.navbar .nav-link {
		font-size: 0.875rem;
		padding-right: 31px !important;
		padding-left: 14px !important;
		color: var(--color-primary);
	}

	nav.navbar .nav-link:hover {
		background-color: var(--color-primary);
		color: #ffffff !important;
	}

	.menu-row .btn-primary {
		top: 15px;
	}

	.menu-row .btn-primary.small {
		padding: 0px 20px !important;
	}

	.dropdown-item {
		font-size: 0.875rem;
	}

	.menu-row {
		border-top: 1px solid #dee2e6;
	}

	.navbar-nav {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

@media (max-width: 991px) {
	h1 {
		font-size: 1.6669rem;
	}

	.btn-secondary,
	.btn-primary {
		padding: 6px 17px;
	}

	h2 {
		font-size: 1.3331rem;
	}

	h3 {
		font-size: 1.25rem;
	}
}

@media (max-width: 767px) {
	h1 {
		font-size: 1.3331rem;
	}

	h2 {
		font-size: 1.1669rem;
	}

	h3 {
		font-size: 1rem;
	}

	p {
		font-size: 14.6704px;
	}

	.footer-additional-content .border-start {
		border: 0 !important;
	}

	.footer-additional-content {
		min-height: auto;
	}

	.breadcrumb li {
		font-size: 0.9375rem;
	}

	.sidebar-left {
		border-right: 0px solid #dee2e6;
		border-top: 1px solid #dee2e6;
		padding-top: 30px;
	}

	.btn-primary,
	.btn-secondary {
		padding: 0px 17px;
	}
}

@media (max-width: 520px) {}

@media (max-width: 450px) {
	.article-btn {
		margin-right: 0;
	}

	.header .right-col a {
		font-size: 0.8125rem;
		padding: 0 8px 0 4px;
	}
}

@media (max-width: 400px) {

	.btn-secondary,
	.btn-primary {
		padding: 0px 8px;
		font-size: 0.75rem;
	}

	.breadcrumb li {
		font-size: 0.75rem;
	}

	.menu-row .btn-primary {
		top: 17px;
	}
}

@media (max-width:350px) {
	.btn-primary.small {
		padding: 2px 9px !important;
	}
}
.left-width{
    width: 74%;
    float: left;
}
.right-width{
    width: 25%;
    float: left;
}
.touxiang{
    float: left;
    margin: 1rem 0;
}
.xinxi{
    float: left;
    margin-top: 2rem;
    margin-left: 1rem;
    margin-bottom: 1rem;
    width: 85%;
}
.title{
    font-size: 1.2rem;
}
.header_view {
    z-index: 2;
    position: relative;
    background: var(--color-primary);
}

.header_view a {
    line-height: 2.143rem;
    text-decoration: none;
}

.header_view .return {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.143rem;
    height: 2.143rem;
    line-height: 2.143rem;
    background: #fff;
    color: var(--color-primary);
    text-align: center;
}

.header_view .return:hover,:focus {
        background: lighten(var(--color-primary), 10%);
       /* color: #fff; */
}

.header_view .title {
        display: block;
        padding-left: 2.857rem;
        max-width: 100%;
        overflow-x: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 1rem;
        color: #fff !important;

        
}
.header_view .title:hover,:focus {
    background: lighten(var(--color-primary), 10%);
}
.header_view .download {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    background: #fff;
    text-align: center;
    padding: 0 1.43rem;
}
.header_view .download:hover,:focus {
    background: lighten(var(--color-primary), 10%);
    /*color: #fff;*/
}
.header_view .download .label {
    display:inline-block;
}

.galley_view {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: hidden;
}

.galley_view iframe {
    width: 100%;
    height: 100%;
    padding-top: 2.143rem;
    border: none;
}

.galley_view &.galley_view_with_notice iframe {
    padding-top: 6.729rem;
}

.galley_view .galley_view_notice {
    position: absolute;
    top: 2.143rem;
    width: 100%;
    height: 6.729rem;
    background: #ff4040;
}

.galley_view .galley_view_notice_message {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.galley_view .galley_view_notice_message a {
    color: #fff;
    text-decoration: underline;
}
.pkp_screen_reader{
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    left: -2000px;
}
.search_wrap{
	width: 500px;
	margin: 22px auto;
}
.search_wrap .search_box{
	position: relative;
	width: 500px;
	height: 50px;
}
.search_wrap .search_box .input{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px 20px;
	border-radius: 3px;
	font-size: 18px;
        
}

.search_wrap .search_box .btn{
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;
	background: #7690da;
	z-index: 1;
	cursor: pointer;
}

.search_wrap .search_box .btn:hover{
	background: #708bd2;	
}

.search_wrap .search_box .btn.btn_common .fas{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	font-size: 20px;
}
.search_wrap.search_wrap_3 .search_box .input{
	padding-right: 80px;border-radius: 50px;
}
.search_wrap.search_wrap_3 .search_box .btn{
	right: 0px;
	border-radius: 50%;
}
.header-top {
    background:#1cc7d0;
    padding: 8px 0;
}
.w3_fr a {
    margin-left: 13px;
    color: #fff;
	letter-spacing:2px;
}
.bottom_header_left {
    float: left;
    /*margin: .3em 0 0;*/
    width: 50%;
}
i.fa.fa-search {
    font-size: 1.5rem;
}
.bottom_header_right {
    float: right;
    width: 35%;
    margin-top: 5px;
}
.w3_fl {
    float: left;
    width: 25%;
}
.w3_fr {
    float: left;
    margin-top: 5px;
}
.bottom_header_left p {
    font-size: 14px;
    color: #fff;
    line-height: 1.2;
}
span.chng{
    color: #000;
}
.bottom_header_left p span {
    padding-right: 1em;
    color: #fff;
}
.w3l_l {
    float: left;
    width: 10%;
}
.w3l_r {
    float: left;
    width: 90%;
}
.bottom_header_right {
    float: right;
    width: 30%;
}

.bottom-social-icons {
    width: 50%;
    float: left;
}

.bottom-social-icons a {
    display: inline-block;
}

.bottom-social-icons span {
    font-size: 15px;
    padding: 8px 10px;
    color: #fff;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
}

.bottom-social-icons span:hover {
    color: #fff;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
}
.headerdown {
    background-color:#0077c8;
    height: 70px;
}
.w3l_cl {
    float: left;
    width: 10%;
}
.w3l_cr {
    float: left;
    width: 90%;
}
.w3l_rl {
    float: left;
    width: 10%;
}
.w3l_rr {
    float: left;
    width: 90%;
}
.w3_hl {
    margin-top: 15px;
}
.w3_hc {
    margin-top: 15px;
}
.w3_hr {
    margin-top: 15px;
}
.w3l_l i {
    font-size: 30px;
	    color: #fff;
}
.w3l_cl i {
    font-size: 30px;
	    color: #fff;
}
.w3l_rl i {
    font-size: 30px;
	    color: #fff;
}
.w3l_r h3 {
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 600;
    margin-bottom: 1px;
}
.w3l_cr h3 {
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 600;
    margin-bottom: 1px;
}
.w3l_rr h3 {
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 600;
    margin-bottom: 1px;
}
.w3l_r h5 {
    font-size: 13px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 1px;
}
.w3l_cr h5 {
    font-size: 13px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 1px;
}
.w3l_rr h5 {
    font-size: 13px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 1px;
}
.navbar-brand{
    float: left;
}
.navbar-brand img{
    width: 80%;
}
.container>.navbar-header {
    /*margin-left: 20px;*/
    width: 50%;
    float: left;
}

/*--header--*/

.navbar-nav {
	margin-top: 20px;
}

.navbar {
    position: relative;
    min-height: 80px;
    margin-bottom: 0!important;
    border: 1px solid transparent;
}

.navbar-default {
    background-color:#fff;
}



.footer-area {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #313131;
}
.footer-area,
.footer-area a {
    color: #8d8d8d;
}
.footer-area a:hover {
    color: #009bdb;
}
.footer-area h4 {
    margin-top: 0;
    margin-bottom: 30px;
    padding-bottom: 20px;
    position: relative;
    color: #fff;
    font-size: 2rem;
}
.footer-area h4:after {
    content: "";
    position: absolute;
    width: 69px;
    height: 2px;
    left: 0;
    bottom: 0;
    background-color: #009bdb;
}
.footer-area ul {
    margin-bottom: 0;
}
.footer-area li + li {
    margin-top: 9px;
}
.footer-area li .fa {
    margin-right: 7px;
    font-weight: normal;
}
.footer-area .address-list {
    margin-top: 10px;
    margin-bottom: 0;
}
.footer-area .address-list li {
    margin-top: 12px;
}
.footer-area .address-list li .fa {
    margin: 4px 10px 0 0;
    float: left;
    color: #fff;
}
.footer-area .address-list li.address .fa {
    margin: 2px 10px 0 0;
    font-size: 18px;
}
.footer-area .tweets-list {
}
.footer-area .tweets-list li {
    margin-top: 0px;
}
.footer-area .tweets-list li .fa {
    margin: 7px 12px 20px 0;
    color: #fff;
    font-size: 18px;
    float: left;
}
.footer-area .tweets-list li a:hover {
    text-decoration: underline;
}
.tweets-list p {
    margin: 0;
    color: #fff;
}
.footer-area .newsletter {
    margin-top: 35px;
}
.footer-area .newsletter .form-control {
    padding: 15px 20px;
    height: 52px;
    color: #fff;
    background-color: #434343;
    border-color: #595959;
}
.footer-area .newsletter .form-control:focus {
    border-color: #777;
}
.footer-area .newsletter .btn-secondary {
    text-transform: uppercase;
    font-weight: 500;
    border: 2px solid #cd0000;
    color: #ffffff;
}
.copyright {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
    background-color: #262626;
}
.copyright,
.copyright a {
    color: #ffffff;
}
.copyright span,
.copyright a:hover {
    color: #009bdb;
}
.copyright p,
.copyright ul {
    margin-bottom: 0;
}
.copyright li {
    padding-left: 10px;
    padding-right: 10px;
}
.copyright li:last-of-type {
    padding-right: 0;
}
.list-inline>li {
    display: inline-block;
}
.col-md-4{float: left;}
.navbar .navbar-collapses{
    width: 48%;
    float: left;
}
.input:focus{
    color: #000 !important;
}
.home_div{
    float: left; width: 75%;display: inline-block;
}
.footer_div{
    width:25%;float: left;display: inline-block;padding: 1rem;padding: 1rem;
}
.col-xxl-9 a{word-break: break-all;}
.div_h1{
    float: left;
    width: 19%;
    margin-right: 20px;
}
.div_h1 img{
    width: 100%; border-radius: 5px; box-shadow: 5px 5px 5px #ccc;
}
.div_h2{
    float: left; width: 78%;
}
.data_p{font-size: 15px;}
.data_img{padding:0px 3rem;}
.eheader{position:relative;margin-right:25px;color:#4f5671}
.eheader.active:after{content:"\f146"}
.eheader:after{font-family: "FontAwesome";-webkit-font-feature-settings:'liga';color:#333;position:absolute;right:10px;top:10px;font-size:18px;content:"\f0fe"}
.eheader:hover{cursor:pointer}
.egcontent{display:none}
.egcontent.active{display:block}
@media screen and (max-width: 480px){
    .headerdown {
        height: 175px;
    }
    .bottom_header_right{
        width:28%;
    }
    .bottom-social-icons{
        width:100%;
    }
    .collapse{
        display: block;
    }
    .container>.navbar-header {
        width: 100%;
        float: none;
    }
    .search_wrap {
        width: 370px;
    }
    .search_wrap .search_box {
        width: 370px;
        height: 35px;
    }
    .search_wrap .search_box .input {
        font-size: 14px;
    }
    .search_wrap.search_wrap_3 .search_box .input {
        padding-right: 55px;
    }
    .search_wrap .search_box .btn {
        width: 35px;
    }
    i.fa.fa-search {
        padding: 0;
        font-size: 1rem;
    padding-top: -5px;
    position: relative;
    top: -2px;
    right: 2px;
    }
    .w3_fr a {
        font-size: 13px;
        letter-spacing: 0px;
        margin-left: 0px;
    }
    .bottom_header_left{
        width: 70%;
    }
    .bottom-social-icons span {
        padding: 5px;
    }
    .navbar-brand img{
        width: 40%;
    }
    .w3_hl,.w3_hc,.w3_hr{
        width: 100%;
    }
    .home_div,.footer_div{
        width: 100%;
        clear: both;
    }
    .div_h1{
        float: none;
    text-align: center;
    width: 90%;
    margin: auto;
    }
    .div_h2{
        float: left; width: 100%;
    }
    .mt-4 img{
        width: 100%;
        height: 100%;
    }
    .data_img{padding:0px 2rem;margin-bottom: 2rem;}
    .m_b img{width: 6%;}
    .touxiang {
        float: left;
        margin: 0;
    }
    .xinxi {
        float: left;
        margin-top: 2rem;
        margin-left: 1rem;
        margin-bottom: 1rem;
        width: 65%;
    }
    .touxiang img{width: 100%;}
}