@charset "utf-8";
/* CSS Document */
body {
    background-color: #eceae6;
}
/* html article background */
body.pkp_page_article {
    background-color: white;
}
body, p, div, ul li, ol li {
    font-family: Georgia, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 15px;
    line-height: 24px;
    color: rgba(0,0,0,0.87);
}
.page_contact .address, .page_contact .phone, .page_contact .email {
    font-size: 15px;
}
a {
    color: #977600;
    text-decoration: none;
}
a:hover {
    /*color: #303030;*/
    color: #f26522;
}
.pkp_structure_page {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    box-shadow: 0px 0px 23px rgba(0,0,0,0.2);
}
.pkp_structure_head {
    /*background: url(/public/site/images/sergiyk/irrodl-banner2.png) #eceae6 no-repeat
        center left;*/
    background: url(/public/site/images/sergiyk/IRRODL-banner-1160x4402.jpg) #eceae6 no-repeat
        center left;
    height: 360px;
}
.pkp_site_name {
    height: 320px;
}
.pkp_site_name a, .pkp_site_name .is_text {
    display: none;
}
.pkp_structure_main h1 {
    /*margin-top: 0;*/
}
.pkp_structure_main h3 {
    line-height: 26px;
}
.pkp_structure_main p, .pkp_structure_main div {
    line-height: 24px;
}
.pkp_navigation_primary_row {
    /*width: 714px;
    margin-left: -14px;
    margin-right: 0;
    padding-left: 14px;
    padding-bottom: 12px;
    color: #302010;
    font-size: 0.95em;
    font-family: Verdana, Geneva, sans-serif;*/
    background-color: #f0e3cc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0e3cc));
    background-image: -webkit-linear-gradient(top, #ffffff, #f0e3cc);
    background-image: -moz-linear-gradient(top, #ffffff, #f0e3cc);
    background-image: -ms-linear-gradient(top, #ffffff, #f0e3cc);
    background-image: -o-linear-gradient(top, #ffffff, #f0e3cc);
    background-image: linear-gradient(to bottom, #ffffff, #f0e3cc);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f0e3cc);
    border-bottom: 0px;
}
.pkp_navigation_user li {
    /*display: none;*/
}
#navigationPrimary a {
    font-family: "Verdana", sans-serif;
    font-size: .8em;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    font-weight: bold;
}
#navigationPrimary a:hover, #navigationPrimary a:focus {
    color: #f26522;
}
#navigationPrimary > li > a:hover, #navigationPrimary > li > a:focus {
    border: none;
    color: #f26522;
}
.cmp_breadcrumbs {
    text-transform: none;
}
.cmp_breadcrumbs .separator {
    color: black;
    opacity: 0.6;
}
.cmp_breadcrumbs a {
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 13px;
}
.cmp_breadcrumbs ol li:nth-child(3) a {
    max-width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
}
/* extra content and footer padding for large screens */
@media (min-width: 1200px) {
    .pkp_navigation_primary {
        padding-left: 30px;
        padding-right: 60px;
    }
    .pkp_structure_main {
        width: 860px;
        padding: 0 60px 90px;
    }
    .page_issue_archive .issues_archive {
        padding-left: 30px;
        padding-right: 60px;
    }
    .pkp_footer_content {
        padding: 30px 60px;
        text-align: left;
    }
    .obj_article_details .main_entry {
        max-width: 500px;
    }
}
.pkp_structure_sidebar {
    /*width: 202px !important;
    margin: 0 auto !important;
    padding: 0 0 0 20px !important;
    font-size: .95em !important;*/
    background-color: #e6e4e0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e4e0), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #e6e4e0, #ffffff);
    background-image: -moz-linear-gradient(top, #e6e4e0, #ffffff);
    background-image: -ms-linear-gradient(top, #e6e4e0, #ffffff);
    background-image: -o-linear-gradient(top, #e6e4e0, #ffffff);
    background-image: linear-gradient(to bottom, #e6e4e0, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e6e4e0, endColorstr=#ffffff);
    /*box-shadow: 3px 0px 5px #c0c0c0 inset;*/
    
}
.pkp_block {
    padding: 20px 30px;
}
.pkp_block .title {
    padding-bottom: 0;
    border-bottom: none;
    text-transform: none;
    color: black;
    font-size: 13px;
}
.block_information a, .block_language_toggle a {
    font-size: 14px;
}
.pkp_block .content ul li, .block_information ul li {
    padding: 2px 0; 
}
h2 {
    margin: 0em 1em 0.5em 0em;
    padding-top: 0.5em;
    font-family: Georgia,'Times New Roman',Times,serif;
    font-weight: normal;
}
h3 {
    margin: 0em 1em 0.25em 0em;
    padding-top: 0.75em;
    font-family: Georgia,'Times New Roman',Times,serif;
    font-weight: normal;
    font-size: 1.8em;
}
#focusAndScope > h3:nth-child(1) {
    margin-top: 0;
}
h4 {
    font-family: "Verdana","Arial", sans-serif;
    font-size: 1.2em;
    color: #2c2c2c;
    font-weight: bold;
    margin: 0;
    padding: 20px 0 5px 0;
}
ol > li.show {
    line-height: 24px;
}
button, input, optgroup, select, textarea {
    padding: 5px 15px;
}
#aboutPeople > div > ul > li, #pkp_content_main > div > ul > li {
    line-height: 24px;
    padding-bottom: 10px;
}
.cmp_manuscript_button:hover, .cmp_manuscript_button:focus, .block_make_submission a:hover, .block_make_submission a:focus, .obj_galley_link:hover, .obj_galley_link:focus {
    background: #303030;
    color: #fff !important;
}
.obj_article_details .main_entry .label {
    border-bottom: 3px solid #f26522;
    text-transform: none;
    color: black;
}
div.heading > div.published, .item.published, .item.issue, .item.copyright:not(:first-child) {
    display: none;
}
.item.abstract > h3.label {
   display: block;
}
#customblock-CIDER, #customblock-OER {
    padding: 0;
    margin: 0;
}
#customblock-CIDER {
    height: 200px;
    background-color: black;
}


.obj_issue_summary .title, .obj_issue_summary .series {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-weight: 700;
    text-decoration: none;
}
.obj_issue_toc > .galleys > .galleys_links {
    display: inline-block;
    list-style: none;
}
.obj_issue_toc > .galleys > .galleys_links a {
    border-radius: 3px;
    font-size: 13px;
    line-height: 28px;
    text-decoration: none;
    border: none;
    font-weight: 500;
    display: block;
    background: #202d3d;
    color: white;
    padding: .2em 30px;
    margin-right: 1em;
}
.obj_issue_toc > .galleys > .galleys_links a:hover {
    background: #f26522;
}
.obj_issue_toc > .galleys h2, .obj_issue_toc .section h2 {
    padding: 0;
    border-bottom: none;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 15px;
    margin-right: 2em;
    color: black;
}
.cmp_manuscript_button, .block_make_submission a, .obj_galley_link {
    background: none;
    color: #977600;
    font-weight: 500;
}
.cmp_button_wire, .obj_galley_link {
    padding: .2em 10px;
}
.obj_issue_toc .galleys_links li {
    margin-right: 0;
}
.cmp_manuscript_button:hover, .cmp_manuscript_button:focus, .block_make_submission a:hover, .block_make_submission a:focus, .obj_galley_link:hover, .obj_galley_link:focus {
    background: #f26522;
}
.cmp_button, .cmp_form .buttons button, .pkp_head_wrapper .pkp_search button, .page_lost_password .buttons button, .page_search .submit button, .block_make_submission a {
   color: rgba(0,0,0,0.87);
   font-weight: 500;
   font-family: sans-serif;
    font-size: 15px;
}
.page_search .submit button:after {
    font-size: 14px;
}
.cmp_form .label {
    font-family: sans-serif;
    font-size: 14px;
}
form.cmp_form.register legend {
    display: none;
}
.page_login .password a {
    font-size: 14px;
    font-style: normal;
    font-family: sans-serif;
    margin-top: 1em;
    display: block;
}
.page_search .search_input .query {
    font-size: 16px;
}
.obj_article_details .entry_details .galleys_links > li a {
    display: block;
    background: #202d3d;
    padding-left: 20px;
    color: white;
}
.obj_article_details .entry_details .galleys_links > li a:hover {
    background: #f26522;
}
.obj_article_details .authors .affiliation {
    font-size: 15px;
}
.pkp_search {
    display: none !important;
}
.pkp_brand_footer {
    display: none;
}
.pkp_page_index .current_issue h2 {
    text-transform: none;
    /*border-bottom: 3px solid #f26522;*/
}
.current_issue .obj_issue_toc .heading {
    display: none;
}
.page_issue_archive .issues_archive > li {
    padding: 20px 10px;
}
.pkp_footer_content {
    /*background: #fff;*/
}
.pkp_structure_footer_wrapper {
    border-bottom: 20px solid #1B365D;
}

#customblock-OER {
    background: #cecccd;
}
.pkp_structure_footer_wrapper {
    border-top: solid 3px #707170;
    background-image: linear-gradient(to bottom, #e0e0e0, #ffffff);
}
.footer-flex-container {
  display: flex;
  flex-wrap: nowrap;
 }

.footer-flex-container > div {
  width: 100%;
  margin: 20px 10px; 
}

.pkp_page_index .current_issue .read_more {
    text-transform: none;
}

@media (max-width: 400px) {
    .footer-flex-container {
        display: block;
    }
    .footer-flex-container > div {
         width: 100%;
    }
}
.footer-flex-container > div > .title {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;;
    font-weight: 700;
    color: black;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px;
}
#pkp_content_main {
    padding-bottom: 30px;
}
.obj_issue_toc {
    margin-bottom: 30px;
}

/* User login link */
/*.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: #f26522;
}
.pkp_navigation_user .task_count {
    background: rgba(242,101,34,0.3);
}*/

/* Google Translation */
.goog-te-gadget-simple .goog-te-menu-value span {
    font-family: Georgia, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 15px; 
}

/* Styles to fit 116x440 scaled-up banner */
.pkp_structure_head {
   /*background: url(/public/site/images/sergiyk/irrodl-banner-temp-1160x440.png) #eceae6 no-repeat
        top left;*/
    background: url(/public/site/images/sergiyk/IRRODL-banner-1160x4402.jpg) #eceae6 no-repeat
        top left;
    height: 485px;
}
.pkp_site_name_wrapper {
    height: 440px;
}
/*.pkp_structure_content {
    padding-top: 45px;
}*/


/* Styles for Special Issues block on homepage */
.flex-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 10px;
}
.flex-container div {
    align-self: flex-start;
    margin: 5px 0;
}
.flex-container div a {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    line-height: 19px;
}
.special-issue img {
    width: 100px;
    height: 70px;
}
.special-issue-details {
    max-width: 240px;
}
.flex-container > div:nth-child(1) > a:nth-child(2)  {
    margin-right: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .flex-container {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .flex-container div {
    /*width: 50%;*/
    }
    .special-issue-details {
        min-width: 150px;
        max-width: 160px;
    }
    #customblock-CIDER, #customblock-OER { 
        display: inline-block;
        width: 49%;
        height: auto;
        text-align: center;
    }
}

@media only screen and  (max-width: 767px) {
    .flex-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .special-issue-details {
        min-width: 200px;
        max-width: 250px;
    }
}

@media only screen and  (max-width: 425px) {
    .flex-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .special-issue-details {
        min-width: 150px;
        max-width: 170px;
    }
    .flex-container > div:nth-child(1) > a:nth-child(2)  {
        margin-right: 0;
    }
    #customblock-CIDER, #customblock-OER { 
        display: block;
        width: 100%;
        height: auto;
        text-align: center;
    }
    #customblock-CIDER > div > p, #customblock-OER  > div > p {
        text-align: center; 
    } 
}
/* Mobile Banner */
@media only screen and  (max-width: 400px) {
    
}

/* Styles for announcements on homepage */
#pkp_content_main > div > div.cmp_announcements.highlight_first > article > div.summary > a {
    display: none;
}

#pkp_content_main > div > div.cmp_announcements.highlight_first > article > div.date {
    display: none;
}

.pkp_page_index .cmp_announcements h2 + .obj_announcement_summary, .pkp_page_index .cmp_announcements .more {
    padding-top: 40px;
    padding-bottom: 0;
}

#pkp_content_main > div > div.cmp_announcements.highlight_first > article > h3 > a {
    color: black;
}

.pkp_page_index .cmp_announcements {
    border-bottom: 1px solid #ddd;
}

@media (min-width: 768px) {
    .pkp_page_index .cmp_announcements > .obj_announcement_summary {
        width: 100%;
    }
}
.pkp_page_index .cmp_announcements > .obj_announcement_summary:before {
    border-left: none;   
}

/* Navigation styles for Tablet */
@media only screen and (min-width: 480px) and (max-width: 768px) {
    
    .pkp_navigation_user_wrapper a {
        font-size: 12px;
        font-weight: normal;
    }

    .pkp_site_name_wrapper {
        height: 300px;
    }

    .pkp_structure_head {
        height: 300px;
        background-size: cover;
    }
    #navigationPrimary > li > a {
        margin-left: 3px;
    }
}

/* Mobile banner and navigation */
@media only screen and (max-width: 480px) {
    .pkp_structure_head {
        background: url(/public/site/images/sergiyk/IRRODL-mobile-banner-375x650px.png) #f0e3cc no-repeat center top;
        min-height: 650px;
        background-size: cover;
    }
    .pkp_head_wrapper {
        padding-top: 200px;
    }
    .pkp_structure_content {
        margin-top: 110px;
    }
    /*#pkp_content_main {
        padding-top: 60px;
    }*/
    
    .pkp_page_index .cmp_announcements h2 + .obj_announcement_summary {
        padding-top: 60px;
    }

    .pkp_navigation_primary_row {
        padding-left: 0;
        padding-right: 0;
    }

    .pkp_navigation_primary {
        text-align: left;
    }

    .pkp_nav_list {
        margin: 10px 0;
        padding: 0 10px;
    }

    .pkp_nav_list li {
        line-height: 12px;
    }
    .pkp_navigation_primary > li > a {
        margin: 0 20px 0 0;
        padding: 10px 0 0 0;
    }
    /* Hide user login on mobile*/
    .pkp_navigation_user {
        display: none;
    }
}

/**Privacy policy top bar styles */
div#cookie-law {
    color: white;
    background-color: #273746;
    padding: 2em;
    max-width: 24em;
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Helvetica, Calibri, Arial, sans-serif !important;
    font-size: 16px;
    line-height: 1.5em;
    display: -ms-flexbox;
    z-index: 9999;
    right: 1em;
    bottom: 1em;
}

div#cookie-law > p a { 
	text-decoration: underline;
	color: darkorange;
}


div#cookie-law > p {
    font-family: Helvetica, Calibri, Arial, sans-serif !important;
    font-weight: 400;
    font-size: 14px;
    display: block;
    text-align: left;
    margin: 0px;
    padding: 0;
    color: white;
}

button.close-cookie-banner {
    display: block;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    flex: 1;
    box-sizing: border-box;
    width: 100%;
    margin-top: 1em;
    background-color: darkorange;
    border: none;
    padding: 10px;
    text-decoration: none;
}

@media only screen and (max-width: 480px) {
    div#cookie-law {
        right: 0;
        bottom: 10px;
        margin: 0 10px;
        max-width: 95%;
    }
}

/* Styles for html reader */
@media only screen and (min-width: 1024px) {
    #htmlContainer {
        max-width: 100%;
        overflow: hidden !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #htmlContainer {
        max-width: 100%;
        overflow: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
}
@media only screen and (max-width: 767px)  {
    #htmlContainer {
        max-width: 100%;
        overflow: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
}

.cmp_breadcrumbs ol li.current h1 { 
    font-size: 24px ; font-weight: 700; line-height: 30px; 
}

/* Convert last breadcrumb item into Page Heading, remove the rest of breadcrumbs */
.cmp_breadcrumbs ol li { 
    display: none;
}
.pkp_op_readers .cmp_breadcrumbs, .pkp_op_authors .cmp_breadcrumbs, .pkp_op_librarians .cmp_breadcrumbs {
    display: none !important;
}

/*  Author Notice */
#authornotice {
    background: #ffe082;
    border-radius: 4px;
    width: 100%;
    padding: 20px 25px;
    margin: 40px 30px 10px 0;
}
#authornotice h1 {
    margin: 0;
    color: #ad1457;
    line-height: 1.4em;
    font-size: 1.1em;
    text-align: left;
}

#authornotice p {
    font-family: helvetica, tahoma, arial;
    padding: 10px 0 0 0;
    margin: 0;
    line-height: 1.5em;
    text-align: left;
    font-size: .9em;
    letter-spacing: .1px;
}
@media (max-width: 768px) {
    .pkp_structure_content {
        padding-top: 0;
        margin-top: 50px;
    }
    #authornotice {
        margin: 0;
    }
}
@media (max-width: 425px) {
    .pkp_structure_content {
        padding-top: 0;
        margin-top: 100px;
    }
}

/* Set page title of custom pages to match H1 titles of other pages */
.cmp_breadcrumbs {
    padding: 0 0 30px 0;
}
.pkp_page_conferences h2, .pkp_page_resources h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}