/* This stylesheet was adapted from the basic_stylesheet and the food & agricultural science theme */

.pkp_structure_sidebar{background: #f5f4f3}

/* ensures the pkp/ojs footer image is invisible */
.pkp_brand_footer img {
	max-height:0px;
}

/* navigation menu background color */
.pkp_navigation_user a{
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    color: #fff;
    font-weight: 300;
}

.pkp_navigation_user>li>a,.pkp_navigation_user>li.in_focus>a,.pkp_navigation_user>li>a:hover,.pkp_navigation_user>li>a:focus{
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    color: #fff;
    font-weight: 300;
}

.pkp_navigation_primary_row {
    background: #fff;
}

/* Main menu style settings. The important ones for us are color and background */
.pkp_navigation_primary a {
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 13px;
    color: #000;
    font-weight: 300;
    text-transform: uppercase;
    background: #fff;
    text-decoration: none;
}

.pkp_navigation_primary li {
padding-left:7px;
}

.pkp_nav_list ul a:hover,.pkp_nav_list ul a:focus{color:#fff;outline:0;background:#c6393c;border-color:#c6393c;text-decoration: underline;}.pkp_nav_list ul li:first-child a{border-top-left-radius:3px;border-top-right-radius:3px}
.pkp_nav_list ul li:last-child a{border-bottom-left-radius:3px;border-bottom-right-radius:3px;}


/* navigation menu drop-down submenu link color */
.pkp_nav_list ul a{display:block;padding-left:5px;border-left:5px solid transparent;background: #c6393c;color#fff;}
.pkp_navigation_primary ul a{padding-top:10px;padding-bottom:10px;color:#fff}
.pkp_navigation_primary ul {background: #c6393c}
.pkp_nav_list ul {background: #c6393c}
.pkp_navigation_primary .dropdown-menu a:focus,.pkp_navigation_primary .dropdown-menu a:hover{border-color:#c6393c}

/* Handling site header image */
.pkp_site_name .is_img img {
	display: block;
    max-height: 150px;
    max-width: 100%;
    width: auto;
    height: auto;
  margin-left: auto;
  margin-right: auto;
}

/* Resize site header in mobile view */
@media (max-width: 991px){
    .pkp_structure_head {
        height: 190px;
    }
}

@media (max-width: 214px){
    .pkp_structure_head {
        height: 90vw;
    }
}

/* keeps abstract text from crowding the heading */
 .pkp_structure_main .page.page_article .obj_article_details .row .main_entry .item.abstract h2 {
          margin-right: 100%;
      }

/* Below is optional color customization. You can freely remove anything. */
/* main background color, background-image ok  -- defaults to OJS grey when not set */
body{
	font-family: "Muli", sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: rgba(0,0,0,0.87);
	background: #fff
}

/* body link colors -- defaults to OJS blue when not set */
a{
	color: #c6393c;
	text-decoration: none
}
  
/* body link hover/focus colors -- defaults to OJS blue when not set */
a:hover, a:focus {
  color:#b15b5d;
}


/* Below is more, extremely element-specific optional color customization. */
/* "read more" link text  -- defaults to OJS blue when not set */
.obj_announcement_summary .read_more, .pkp_page_index .current_issue .read_more {
color: #994d4f;
}

/* "read more" link hover/focus colors  -- defaults to OJS blue when not set */
.obj_announcement_summary .read_more:hover, .pkp_page_index .current_issue .read_more:hover,.pkp_page_index .current_issue .read_more:focus{
  color:#b15b5d;
}

/* galley button colors -- defaults to "Colour" set in OJS Website Settings when not set */ 

/* notification background + accent color  -- defaults to OJS grey & blue when not set */
.cmp_notification {
    background: #ddd;
    border-left: 5px solid #994d4f;
}

/* font styling for various headers (span class title, h2)  -- defaults to OJS grey when not set */
.pkp_structure_main h1{
	font-family: Muli, sans-serif;
	font-size: 38px;
	line-height: 30px;
	font-weight: 900
}
.pkp_structure_main h2{
	font-family: Muli, sans-serif;
	font-size: 28px;
	line-height: 30px;
	font-weight: 900
}
.pkp_structure_main h3{
	font-family: Muli, sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: 600
}
.pkp_structure_main h4{
	font-size: 16px;
	line-height: 20px;
	font-weight: 600
}
.pkp_structure_main h5{
	font-size: 16px;
	line-height: 20px;
	font-weight: 400
}
.pkp_structure_main h6{
	font-size: 12px;
	line-height: 10px;
	font-weight: 600
}
}

/* font color for "SEARCH" text -- defaults to black when not set */
.pkp_head_wrapper .pkp_search .search_controls .search_prompt {
    color:#878787;
}

/* hover color "SEARCH" text -- defaults to OJS blue when not set */
.pkp_head_wrapper .pkp_search .search_controls .search_prompt:hover,.pkp_head_wrapper .pkp_search .search_controls .search_prompt:focus{
    color: #c6393c;
}

/* font color for "SEARCH" magnifying glass -- defaults to "Accent Colour" set in OJS Website Settings when not set */
.pkp_head_wrapper .pkp_search .search_controls .search_prompt:before{
    color: #c6393c;
}



.pkp_structure_head{
background-image: url(/public/site/images/ojsadmin/bg3.jpg);
background-size: cover;
}


/* top bar -- from original theme */ 

.pkp_site_name{
	text-align: center;
	margin-top: 60px
}
.pkp_site_name > a:focus{
	outline: 0
}
.pkp_site_name .is_img:focus{
	box-shadow: 0 0 1px #fff
}
.pkp_site_name .is_img img{
	display: block;
	max-height: 100px;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto 20px auto
}
.pkp_site_name .is_text{
	font-size: 26px;
	line-height: 30px;
	font-family: Muli, sans-serif;
	position: relative;
	color: #fff;
	text-decoration: none;
	margin-left: 20px;
	margin-right: 20px;
	font-weight: 900
}
@media (min-width: 480px){
	.pkp_site_name .is_text{
		font-size: 38px;
		line-height: 50px
}
}
@media (min-width: 992px){
	.pkp_site_name .is_text{
		font-size: 50px
}
	.pkp_site_name .is_img img{
		max-height: 250px;
		margin: 0 auto 30px auto
}
}
.pkp_site_name_small{
	text-align: center;
	margin-top: 10px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	margin-left: 20px;
	margin-right: 20px
}
@media (min-width: 992px){
	.pkp_site_name_small{
		margin-top: 20px
}

/* sidebar -- from original theme */ 


.pkp_structure_content,.pkp_structure_footer{
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px
}
.pkp_structure_content:before,.pkp_structure_footer:before,.pkp_structure_content:after,.pkp_structure_footer:after{
	content: " ";
	display: table
}
.pkp_structure_content:after,.pkp_structure_footer:after{
	clear: both
}
@media (min-width: 768px){
	.pkp_structure_content,.pkp_structure_footer{
		width: 728px;
		padding: 0
}
}
@media (min-width: 992px){
	.pkp_structure_content,.pkp_structure_footer{
		width: 952px
}
}
@media (min-width: 1200px){
	.pkp_structure_content,.pkp_structure_footer{
		width: 1160px
}
}
.pkp_navigation_primary_wrapper{
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #ddd
}
.pkp_structure_content{
	padding-bottom: 20px
}
.pkp_structure_sidebar{
	background: #f5f4f3
}
.pkp_structure_main{
	padding: 10px
}
@media (min-width: 480px){
	.pkp_structure_main{
		padding: 20px
}
}
@media (min-width: 768px){
	.pkp_structure_main:before,.pkp_structure_main:after{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 1px;
		background: #ddd
}
	.pkp_structure_main:after{
		left: 728px
}
}
@media (min-width: 992px){
	.pkp_structure_content{
		overflow: hidden
}
	.pkp_structure_sidebar{
		float: right;
		width: 300px
}
	.pkp_structure_main{
		float: left;
		padding: 0 30px 90px;
		width: 652px
}
	.pkp_structure_main:after{
		left: 652px
}
	.pkp_structure_sidebar,.pkp_structure_main{
		padding-bottom: 99999px;
		margin-bottom: -99999px
}
}
@media (min-width: 1200px){
	.pkp_structure_main{
		width: 860px
}
	.pkp_structure_main:after{
		left: 860px
}
}

.pkp_block{
	padding: 30px 20px;
	clear: both;
	font-size: 16px;
	line-height: 20px;
	color: #ababab;
	border-bottom: 1px solid #ddd
}


/* galley button colors -- from original theme */ 

.cmp_button,.cmp_form .buttons button,.pkp_head_wrapper .pkp_search button,.page_lost_password .buttons button,.obj_article_details .citation_display form input[type="submit"],.block_make_submission a{
	display: inline-block;
	padding: 0 1em;
	background: #eee;
	border: 1px solid rgba(0,0,0,0.4);
	border-top-color: #bbb;
	border-radius: 3px;
	box-shadow: inset 0 -1em 1em rgba(0,0,0,0.1);
	font-size: 12px;
	line-height: 28px;
	font-weight: 600;
	color: #c6393c
}
.cmp_button:hover,.cmp_button:focus,.pkp_head_wrapper .pkp_search button:hover,.pkp_head_wrapper .pkp_search button:focus{
	box-shadow: inset 0 1em 1em rgba(0,0,0,0.1)
}
.cmp_button_wire,.obj_galley_link{
	display: inline-block;
	padding: 0 1em;
	background: #fff;
	border: 1px solid #c6393c;
	border-radius: 3px;
	font-size: 12px;
	line-height: 28px;
	color: #c6393c;
	text-decoration: none
}
.cmp_button_wire:hover,.cmp_button_wire:focus,.obj_galley_link:hover,.obj_galley_link:focus{
	background: #c6393c;
	color: #fff
}