/*CSS variables for common colors and fonts.*/
:root {
	--western-colour: #4f2683;
	--western-link: #015b86;
	--western-link-hover: #029feb;
	--western-font: 'Arial', sans-serif;
}

/*font replacements*/
body {
	font-family: var(--western-font);
}

h1, .cmp_breadcrumbs .current h1, .pkp_structure_main h1, .pkp_structure_main h2, .pkp_structure_main h3, .pkp_structure_main h4, .pkp_block .title {
	font-family: var(--western-font);
	color: var(--western-colour);
}


/*OJS used h2 for subtitles. For shame! */
.pkp_structure_main h2.subtitle {
	color: black;
}

/*prevents font from being gray on desktop display*/
@media (min-width: 768px){
	.obj_issue_toc .galleys h2, .obj_issue_toc .section h2 {
		color: var(--western-colour);
	}
}

/*SECONDARY RECOLORING FOR MAIN SITE ELEMENTS*/
.pkp_structure_head { 
	background-color: #eee;
}

/*PRIMARY RECOLORING FOR MAIN SITE ELEMENTS*/
/*foreground elements*/
.pkp_site_name {
	padding-bottom: 10px;
}
.pkp_site_name .is_text, .pkp_navigation_user > li > a, .pkp_navigation_user > li > a:hover, .pkp_navigation_user > li > a:focus, .pkp_head_wrapper .pkp_search.is_open .search_prompt{
	color: var(--western-colour);
}
/*background elements*/
.pkp_navigation_primary_row {
	background-color: var(--western-colour);
}

/*PRIMARY RECOLORING FOR LINKS*/
/*in-text links*/
a, a:focus {
	color: var(--western-link);
}
a:hover {
	color: var(--western-link-hover);
}
/*galley link*/
.obj_galley_link {
	border: 1px solid var(--western-link);
	color: var(--western-link);
}
.obj_galley_link:hover, .obj_galley_link:focus {
	background: var(--western-link);
}
/*button elements*/
.block_make_submission a, .page_search .submit button {
	background: var(--western-link);
	box-shadow: 1px 3px 3px rgba(0,0,0,0.3);
	color: white;
}
/*button background elements*/
.page_search .submit button:after {
	background: var(--western-link);
	top: 0;
	height: 28px;
	line-height: 28px;
}
.page_search .submit button:hover:after, .page_search .submit button:focus:after {
	background: var(--western-link-hover);
}
.block_make_submission a:hover {
	box-shadow: inset 0 1em 1em rgba(0,0,0,0.1);
}
/*dropdown elements*/
.pkp_navigation_primary ul a, .pkp_navigation_user ul a {
	color: var(--western-colour);
	text-decoration-color: var(--western-colour);
}
.pkp_navigation_primary .dropdown-menu a:focus,.pkp_navigation_primary .dropdown-menu a:hover, .cmp_notification{
    border-color: var(--western-colour);
}
.pkp_nav_list ul a:hover {
	border-color: var(--western-colour);
	color: var(--western-colour);
}
.cmp_button_wire:hover, .cmp_button_wire:focus{
	background: var(--western-colour);
}
.pkp_head_wrapper .pkp_search.is_open .search_prompt:hover,.pkp_head_wrapper .pkp_search.is_open .search_prompt:focus{
    border-bottom-color: var(--western-colour);
}
:focus {
	outline-color: var(--western-link-hover);
}

/*Code for switching sidebar to left side --- disable block if not desired*/
/*START LEFT SIDEBAR BLOCK*/
/*
.pkp_structure_content {
	display: flex !important;
}
.pkp_structure_sidebar {
	order: -1;
}
@media (min-width: 768px) {
	.pkp_structure_main:before {
		left: 300px;
	}
}
@media (min-width: 1200px) {
	.pkp_structure_main:after {
		left: 1160px;
	}
}
@media (min-width: 992px) {
	.pkp_structure_main:after {
		left: 952px;
	}
}
*/
/*note---this is just for demonstration--- more media queries need to be added if it's decided that sidebar should be moved permanently to left*/
/*END LEFT SIDEBAR BLOCK*/

/*Code for setting footer content and brand footer on the same line*/
.pkp_structure_footer {
	display: flex;
}
.pkp_footer_content {
	flex-grow: 1;
}
/*style formatting for footer*/
.pkp_footer_content img {
	max-width: 300px;
}

/*flex code for pushing footer down to bottom on pages without much content */
.pkp_structure_page {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.pkp_structure_content {
	flex-grow: 1;
}
/*remove submissions link button*/
.page.page_submissions .cmp_notification {display:none!important;}

@media (max-width: 991px) {
        .pkp_site_nav_toggle > span::before, .pkp_site_nav_toggle > span::after {
                background: var(--western-colour);
        }
        .pkp_site_nav_toggle > span {
                border-bottom-color: var(--western-colour);
        }
        .pkp_site_nav_menu {
                background:var(--western-colour);
        }
        .pkp_navigation_primary ul a, .pkp_navigation_user ul a,
        .pkp_navigation_primary ul a:hover, .pkp_navigation_user ul a:hover,
        .pkp_navigation_primary ul a:focus, .pkp_navigation_user ul a:focus {
                color: #ffffff;
                text-decoration-color: #ffffff;
        }
        .pkp_site_name .is_text {
                color: var(--western-colour);
        }
	.pkp_navigation_user > li > a,
        .pkp_navigation_user > li > a:hover, .pkp_navigation_user > li > a:focus,
        .pkp_head_wrapper .pkp_search.is_open .search_prompt {
		color: #ffffff;
	}	
        .pkp_navigation_primary_row {
                border-top: 0;
                background-color: var(--brand-colour);
                background: none;
                border-bottom: 0px;
        }
        .pkp_navigation_user_wrapper {
                background: var(--brand-colour);
                background: none;
                border-bottom: 0px;
        }
}