:root {
    --light-white   : rgb(255, 255, 255);
    --yellow        : rgb(40, 124, 196);
    --orange	    : rgb(238, 125, 55);
    --background    : rgb(255, 255, 255)
}


body{
  background:
  linear-gradient( 180deg,
  var(--light-white) 130px,
  var(--light-white) 130px,
  var(--light-white) 170px,
  rgba(255, 255, 255, 0.1) 170px,
  rgba(255, 255, 255, 0.1) 100%),

}

.pkp_structure_page{
	max-width: 1200 !important;
	margin: 0px auto 25px auto !important;
	box-shadow: none !important;
}
.pkp_head_wrapper{
	width: auto !important;
}

.pkp_navigation_user > li > a, 
    .pkp_navigation_user > li.in_focus > a, 
    .pkp_navigation_user > li > a:hover, 
    .pkp_navigation_user > li > a:focus {
        color: #000000;
    }
    #navigationPrimary a:hover, #navigationPrimary a:focus {
        color: #FFFFFF!important;
    }
    #navigationPrimary a
    {
        color: #D19D0C!important;
    }
    #navigationPrimary > li > a:hover, #navigationPrimary > li > a:focus {
        border-color: #EE7D37!important;
    }
    .pkp_nav_list ul a:hover, .pkp_nav_list ul a:focus{
        background: #EE7D37!important;
    }


/* #navigationUser li:first-child a{
  color: yellow;
} */
#navigationUser a span{
	color: #fff;
}
#navigationPrimary a{
  color: black !important;
}
#navigationPrimary ul a:hover{
  background-color: var(--orange);
}
.pkp_brand_footer {
    background: none !important;
}



@media only screen and (min-width: 360px) {
  	.pkp_navigation_user{
  		max-width: 150px !important;
      margin-right: 10% !important;
  	}
  	#navigationUser{
  		margin-top: 20px;
    }
    .pkp_site_name{
      margin-left: 5% !important;
    }
}

/* NEW FRAME */

.pkp_structure_page{
	max-width: 1200 !important;
	margin: 0px auto 25px auto !important;
	box-shadow: none !important;
}
.pkp_head_wrapper{
	margin: 0px !important;
}
.pkp_site_name{
  margin-left: 0px !important;
}
.pkp_structure_footer_wrapper{
	background: rgb(255,255,255);
	background: linear-gradient(180deg, var(--background) 75%, rgba(221,221,221,1) 100%) !important;
}
.pkp_structure_footer_wrapper{
	border-radius: 0 0 20px 20px;
}

/* SUBMISSION BUTTON */

a.block_make_submission_link{
	padding: 5px 46px !important;
}
a.block_make_submission_link:hover{
	/* color: var(--darkpurple) !important; */
}

.current_issue h2 {
    display: inline-block;
    padding-bottom: 0.5em;
    border-bottom: 3px solid var(--orange);
    text-transform: uppercase;
    font-weight: 700;
    color: #000000;
}
.pkp_structure_head {
    background-color: var(--orange) !important;
    background-image: none!important;
}
.pkp_site_name .is_text{
   color:white;
}
.pkp_navigation_primary_wrapper {
    background-color: var(--orange);
}
.pkp_navigation_primary_row {
    background: var(--orange);
}

/*SIDE*/
.sidemenu-list a{
  color: white;
}
.sidemenu-list a:hover{
  color: yellow;
}

.sidemenu-head{
  background-color: var(--yellow) !important;
  display: block !important;
  padding: 5px !important;
  text-align: center !important;
  color: black !important;
  text-decoration: none;
  border-radius: 5px !important;
  box-shadow: inset 0 -1em 1em rgba(0,0,0,0.1);
}
.sidemenu-list li{
  margin-bottom: 8px;
  background-color: var(--orange) !important;
  display: block !important;
  padding: 10px 5px !important;
  text-align: center !important;
  color: white !important;
  text-decoration: none;
  border-radius: 5px !important;
}
#customblock-Guidelines .sidemenu-list :hover{
  background-color: white !important;
}

#customblock-Guidelines li{
  margin-bottom: 5px;
}
#customblock-Guidelines a{
  color: white !important;
  font-weight: bold;
}
/* Main Background */
.pkp_structure_page,
.pkp_structure_content,
.pkp_block
{
	background-color: var(--background) !important;
}