/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}

body {
margin: 0
}

article,aside,footer,header,nav,section {
display: block
}

h1 {
font-size: 2em;
margin: .67em 0
}

figcaption,figure,main {
display: block
}

figure {
margin: 1em 40px
}

hr {
box-sizing: content-box;
height: 0;
overflow: visible
}

pre {
font-family: monospace,monospace;
font-size: 1em
}

a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}

abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}

b,strong {
font-weight: inherit
}

b,strong {
font-weight: bolder
}

code,kbd,samp {
font-family: monospace,monospace;
font-size: 1em
}

dfn {
font-style: italic
}

mark {
background-color: #ff0;
color: #000
}

small {
font-size: 80%
}

sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}

sub {
bottom: -0.25em
}

sup {
top: -0.5em
}

audio,video {
display: inline-block
}

audio:not([controls]) {
display: none;
height: 0
}

img {
border-style: none
}

svg:not(:root) {
overflow: hidden
}

button,input,optgroup,select,textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0
}

button,input {
overflow: visible
}

button,select {
text-transform: none
}

button,html [type="button"],[type="reset"],[type="submit"] {
-webkit-appearance: button
}

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0
}

button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText
}

fieldset {
padding: .35em .75em .625em
}

legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}

progress {
display: inline-block;
vertical-align: baseline
}

textarea {
overflow: auto
}

[type="checkbox"],[type="radio"] {
box-sizing: border-box;
padding: 0
}

[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
height: auto
}

[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}

::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}

details,menu {
display: block
}

summary {
display: list-item
}

canvas {
display: inline-block
}

template {
display: none
}

[hidden] {
display: none
}

*,*:before,*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}

@keyframes pkp_spin {
0% {
transform: rotateZ(-360deg);
-webkit-transform: rotateZ(-360deg);
-moz-transform: rotateZ(-360deg);
-o-transform: rotateZ(-360deg)
}

100% {
transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg)
}
}

@-webkit-keyframes pkp_spin {
0% {
transform: rotateZ(-360deg);
-webkit-transform: rotateZ(-360deg);
-moz-transform: rotateZ(-360deg);
-o-transform: rotateZ(-360deg)
}

100% {
transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg)
}
}

@-moz-keyframes pkp_spin {
0% {
transform: rotateZ(-360deg);
-webkit-transform: rotateZ(-360deg);
-moz-transform: rotateZ(-360deg);
-o-transform: rotateZ(-360deg)
}

100% {
transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg)
}
}

@-o-keyframes pkp_spin {
0% {
transform: rotateZ(-360deg);
-webkit-transform: rotateZ(-360deg);
-moz-transform: rotateZ(-360deg);
-o-transform: rotateZ(-360deg)
}

100% {
transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg)
}
}

.pkp_button,.pkp_button_primary,.pkp_button_offset,.pkp_button_link {
display: inline-block;
padding: 0 .5em;
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
font-size: .93rem;
line-height: 2rem;
font-weight: 700;
color: #006798;
text-decoration: none;
box-shadow: 0 1px 0 #ddd;
cursor: pointer
}

.pkp_button:hover,.pkp_button:focus,.pkp_button_primary:hover,.pkp_button_primary:focus,.pkp_button_offset:hover,.pkp_button_offset:focus,.pkp_button_link:hover,.pkp_button_link:focus {
color: #006798;
border-color: #006798;
outline: 0
}

.pkp_button:active,.pkp_button_primary:active,.pkp_button_offset:active,.pkp_button_link:active {
box-shadow: 0 0 2px
}

.pkp_button:disabled,.pkp_button_primary:disabled,.pkp_button_offset:disabled,.pkp_button_link:disabled {
color: #aaa
}

.pkp_button:disabled:hover,.pkp_button_primary:disabled:hover,.pkp_button_offset:disabled:hover,.pkp_button_link:disabled:hover {
color: #aaa;
border-color: #ddd;
cursor: not-allowed
}

.pkp_button_primary {
color: #fff;
background: #006798;
border-color: #006798;
box-shadow: 0 1px 0 #006798
}

.pkp_button_primary:hover,.pkp_button_primary:focus {
background: #008acb;
color: #fff
}

.pkp_button_primary:disabled,.pkp_button_primary:disabled:hover {
color: #fff;
background: #b7c5ca;
border-color: #b7c5ca;
box-shadow: 0 1px 0 #888;
cursor: not-allowed
}

.pkp_button_offset {
color: #fee9eb
}

.pkp_button_offset:hover,.pkp_button_offset:focus {
border-color: #fee9eb;
color: #fee9eb
}

.pkp_button_offset:disabled,.pkp_button_offset:disabled:hover {
color: #fff;
background: #b7c5ca;
border-color: #b7c5ca;
box-shadow: 0 1px 0 #888;
cursor: not-allowed
}

.pkp_button_link {
box-shadow: none;
border-color: transparent
}

.pkp_button_link:disabled:hover {
border-color: transparent
}

.pkp_spinner:after {
display: inline-block;
position: relative;
width: 1.25rem;
height: 1.25rem;
vertical-align: middle;
-webkit-animation: pkp_spin .6s linear infinite;
-moz-animation: pkp_spin .6s linear infinite;
-ms-animation: pkp_spin .6s linear infinite;
-o-animation: pkp_spin .6s linear infinite;
animation: pkp_spin .6s linear infinite;
border-radius: 100%;
border-top: 1px solid #888;
border-bottom: 1px solid transparent;
border-left: 1px solid #888;
border-right: 1px solid transparent;
border-top-color: rgba(0,0,0,0.5);
border-left-color: rgba(0,0,0,0.5);
content: '';
opacity: 1
}

.pkp_loading {
font-size: .93rem;
line-height: 1.43rem
}

.pkp_loading .pkp_spinner {
margin-right: 0.25em
}

.pkp_unstyled_list,.cmp_article_list,.cmp_breadcrumbs ol,.cmp_announcements,.pkp_page_index .journals ul,.page_catalog_category .subcategories ul,.page_issue_archive .issues_archive,.page_register .context_optin .contexts,.obj_article_details .authors,.obj_article_details .galleys_links,.obj_article_details .supplementary_galleys_links,.obj_article_summary .galleys_links,.obj_issue_toc .galleys_links {
margin: 0;
padding: 0;
list-style: none
}

.pkp_caret {
content: ' ';
display: inline-block;
width: 0;
height: 0;
border: .25rem solid transparent;
vertical-align: middle
}

.pkp_caret_down {
border-top: .375rem solid
}

.pkp_caret_right {
border-left: .375rem solid
}

.pkp_screen_reader,.cmp_skip_to_content a,.pkp_page_index .journals h2,.pkp_page_index .cmp_announcements h2,.page_register .context_optin .roles legend {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
left: -2000px
}

.pkp_screen_reader:focus,.pkp_page_index .cmp_announcements h2:focus {
background-color: #fff;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
clip: auto !important;
color: #000;
display: block;
font-size: 1rem;
height: auto;
line-height: normal;
padding: 1rem;
position: absolute;
left: 0.5rem;
top: 0.5rem;
text-decoration: none;
width: auto;
z-index: 100000
}

.pkp_helpers_clear:before,.pkp_helpers_clear:after {
content: " ";
display: table
}

.pkp_helpers_clear:after {
clear: both
}

.pkp_help_link {
display: inline-block;
padding: .25rem 0;
font-size: .75rem;
line-height: 1rem;
font-weight: 700;
text-decoration: none;
border: none;
box-shadow: none;
color: #006798;
z-index: 3
}

.pkp_help_link:hover,.pkp_help_link:focus {
color: #008acb
}

.pkp_help_link:focus {
outline: 0;
box-shadow: 0 0 0 3px #006798;
border-radius: 3px
}

.pkp_help_tab,.pkp_help_modal {
position: absolute;
top: -2rem;
right: 2rem;
padding: .5rem 1em;
background: #fff;
border-top-left-radius: 3px;
border-top-right-radius: 3px
}

.pkp_help_modal {
top: 0.5rem;
padding: 0.5rem;
right: 3rem;
border: none
}

.pkp_uploadedFile_summary {
font-size: .93rem;
line-height: 1.43rem
}

.pkp_uploadedFile_summary .filename .display {
line-height: 2rem
}

.pkp_uploadedFile_summary .filename .edit {
line-height: 1.43rem
}

.pkp_uploadedFile_summary .details {
margin-top: 0.5rem;
color: rgba(0,0,0,0.54)
}

.pkp_uploadedFile_summary .details>span {
margin-left: 2rem
}

.pkp_uploadedFile_summary .details>span:first-child {
margin-left: 0
}

.pkp_uploadedFile_summary .details>span:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
padding-right: 0.25em;
color: #aaa
}

.pkp_uploadedFile_summary .pixels:before {
content: "\f108"
}

.pkp_uploadedFile_summary .print {
margin-left: 2rem
}

.pkp_uploadedFile_summary .print:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
padding-right: 0.25em;
color: #aaa;
content: "\f02f"
}

.pkp_uploadedFile_summary .type:before {
content: "\f016"
}

.pkp_uploadedFile_summary .type.pdf:before {
content: "\f1c1"
}

.pkp_uploadedFile_summary .type.doc:before,.pkp_uploadedFile_summary .type.docx:before {
content: "\f1c2"
}

.pkp_uploadedFile_summary .type.xls:before,.pkp_uploadedFile_summary .type.xlsx:before {
content: "\f1c3"
}

.pkp_uploadedFile_summary .file_size:before {
content: "\f0a0"
}

.pkp_helpers_invisible {
visibility: hidden
}

.pkp_helpers_display_none {
display: none !important
}

.pkp_helpers_align_left {
float: left
}

.pkp_helpers_align_right {
float: right
}

.pkp_helpers_text_left {
text-align: left
}

.pkp_helpers_text_right {
text-align: right
}

.pkp_helpers_text_center {
text-align: center
}

.pkp_helpers_text_justify {
text-align: justify
}

.pkp_helpers_title_padding {
padding: 5px !important
}

.pkp_helpers_image_left {
float: left;
margin: 4px 10px 4px 0
}

.pkp_helpers_image_right {
float: right;
margin: 4px 0 4px 10px
}

.pkp_helpers_container_center {
margin: 0 auto
}

.pkp_helpers_debug,.pkp_helpers_debug div {
border: 1px dashed #f00;
padding: 2px
}

.pkp_helpers_flatlist {
margin: 0;
padding: 0
}

.pkp_helpers_flatlist li {
float: left;
position: relative
}

.pkp_helpers_bulletlist li {
list-style: disc
}

.pkp_helpers_icon_link_valign {
line-height: 24px
}

.pkp_helpers_moveicon {
cursor: move
}

.pkp_helpers_full {
width: 100%
}

.pkp_helpers_half {
width: 50%
}

.pkp_helpers_third {
width: 33%
}

.pkp_helpers_quarter {
width: 25%
}

.pkp_helpers_fifth {
width: 20%
}

.pkp_helpers_threeQuarter {
width: 75%
}

.pkp_helpers_underline:after {
border-bottom: 2px solid #fff;
content: " ";
display: block
}

.pkp_helpers_dotted_underline {
border-bottom: 1px dotted #999
}

.pkp_helpers_black_bg {
background-color: black
}

.pkp_helpers_text_warn {
color: #d00a6c
}

.pkp_helpers_text_primary {
color: black
}

.NMI_TYPE_CUSTOM_EDIT {
display: none
}

.pkp_helpers_form_input_title_text {
font-weight: bold;
color: #777777
}

.parallax {
min-height: 500px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover
}

.row:before,.row:after {
content: " ";
display: table
}

.row:after {
clear: both
}

.cmp_button,.page_search .submit button {
display: inline-block;
text-align: center;
vertical-align: middle;
border-radius: 5px;
padding: .8rem 1.5rem;
font-size: .85rem;
font-weight: 500;
line-height: 180%;
text-decoration: none;
-webkit-transition: all 350ms ease;
-o-transition: all 350ms ease;
transition: all 350ms ease;
font-style: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif
}

.nav-link {
display: block;
padding: 1rem .6rem;
position: relative;
font-size: 1.2rem;
font-weight: 500;
color: #212121;
line-height: 1.5;
border-radius: 5px;
-webkit-transition: all 350ms ease;
-o-transition: all 350ms ease;
transition: all 350ms ease
}

.cmp_button_wire,.obj_galley_link {
display: inline-block;
padding: 0 1em;
background: #fff;
border: 1px solid #006798;
border-radius: 3px;
font-size: .93rem;
line-height: calc(2.143rem - 2px);
color: #006798;
text-decoration: none
}

.cmp_button_wire:hover,.cmp_button_wire:focus,.obj_galley_link:hover,.obj_galley_link:focus {
background: #006798;
color: #fff
}

.cmp_article_list>li {
margin-bottom: 2.143rem
}

.cmp_article_list>li:before,.cmp_article_list>li:after {
content: " ";
display: table
}

.cmp_article_list>li:after {
clear: both
}

.cmp_form .fields>div .error {
position: absolute;
left: 0.5em;
bottom: 11px;
padding: 0 .5em;
background: #fee9eb;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
font-size: .93rem;
line-height: 1.43rem;
font-weight: 700;
color: #fff
}

.cmp_form label {
font-size: 1rem;
display: inline;
text-overflow: ellipsis
}

.cmp_form .label .required {
color: red
}

.cmp_form input[type="text"],.cmp_form input[type="email"],.cmp_form input[type="password"],.cmp_form input[type="url"],.cmp_form input[type="tel"],.cmp_form select,.cmp_form textarea {
display: inline-block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.6;
color: #4f4f4f;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #bdbdbd;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0.25rem;
-webkit-transition: all .2s linear;
transition: all .2s linear;
height: 48px;
min-height: auto;
padding-top: 4px;
padding-bottom: 3.28px
}

.cmp_form input[type="text"]:focus,.cmp_form input[type="email"]:focus,.cmp_form input[type="password"]:focus,.cmp_form input[type="url"]:focus,.cmp_form input[type="tel"]:focus,.cmp_form select:focus,.cmp_form textarea:focus {
-webkit-box-shadow: none;
outline: none;
box-shadow: none;
border-color: #1266f1;
-webkit-box-shadow: inset 0 0 0 1px #1266f1;
box-shadow: inset 0 0 0 1px #1266f1
}

.cmp_form textarea {
width: 100%;
height: 8em
}

.cmp_form .pkp_form_error {
margin-bottom: .714rem;
border-radius: 5px;
padding: 1em;
font-size: 1.1em;
background: #fee9eb;
color: #f01e1e;
border-bottom: 1px solid #f01e1e
}

.cmp_form .pkp_form_error * {
color: #f01e1e !important;
font-size: 1.1em
}

.cmp_form .description {
margin-top: 0;
font-size: .75rem;
line-height: 1.5em;
color: rgba(0,0,0,0.54)
}

.cmp_pagination {
text-align: right
}

.cmp_pagination:before,.cmp_pagination:after {
content: " ";
display: table
}

.cmp_pagination:after {
clear: both
}

.cmp_pagination .prev {
float: left;
margin-right: 0.5em;
text-decoration: none
}

.cmp_pagination .prev:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "\f177";
margin-right: 0.5em
}

.cmp_pagination .next {
margin-left: 0.5em;
text-decoration: none
}

.cmp_pagination .next:after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "\f178";
margin-left: 0.5em
}

.cmp_edit_link {
display: inline-block;
margin-left: 1em;
font-size: .93rem;
font-weight: 400;
line-height: 1;
vertical-align: middle;
text-decoration: none
}

.cmp_edit_link:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "\f040"
}

.cmp_search_filter {
margin-bottom: .714rem;
font-size: .93rem
}

.cmp_search_filter:last-child {
margin-bottom: 0
}

.cmp_search_filter label {
font-style: italic
}

.cmp_search_filter .delete {
color: #fee9eb
}

.cmp_notification {
display: block;
width: 100%;
padding: 1.43rem;
margin-bottom: 2.857rem;
background: #ddd;
border-left: .357rem solid #006798;
font-size: 1rem;
line-height: 1.43rem
}

.cmp_notification .success {
border-color: #00b24e
}

.cmp_notification .no {
border-color: #fee9eb
}

.cmp_breadcrumbs {
display: inline-block
}

.cmp_breadcrumbs ol {
margin-bottom: 2.143rem;
padding: .357rem 0;
line-height: 1.43rem;
font-size: .93rem
}

.cmp_breadcrumbs li {
display: inline-block
}

.cmp_breadcrumbs a {
display: inline-block;
text-decoration: none;
font-size: 15px
}

.cmp_breadcrumbs .separator {
color: rgba(0,0,0,0.54);
padding: 0 .5em
}

.cmp_breadcrumbs .current {
color: rgba(0,0,0,0.54);
font-size: 15px
}

.cmp_breadcrumbs .current h1 {
margin: 0;
font-family: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
font-size: 15px;
font-weight: 400
}

.cmp_back_link {
margin-top: 1.43rem
}

.cmp_announcements {
margin-left: 0px;
margin-right: 0px
}

.cmp_announcements>li {
padding: 2.143rem 0px;
border-bottom: 1px solid #ddd
}

.cmp_announcements>li:last-child {
border-bottom: none
}

@media (min-width: 480px) {
.cmp_announcements {
margin-left:0px;
margin-right: 0px
}

.cmp_announcements>li {
padding-left: 0px;
padding-right: 0px
}
}

@media (min-width: 992px) {
.cmp_announcements {
margin-left:0px;
margin-right: 0px
}

.cmp_announcements>li {
padding-left: 0px;
padding-right: 0px
}
}

.cmp_skip_to_content a {
display: block;
padding: 1em;
z-index: 99999;
background: #fff;
transform: translateX(-50%)
}

.cmp_skip_to_content a:focus {
clip: auto;
top: 0;
left: 50%;
color: #006798
}

.cmp_table {
width: 100%;
border: 1px solid #ddd;
border-bottom: none;
border-collapse: collapse
}

.cmp_table th,.cmp_table td {
padding: 0.5em;
text-align: left;
border-bottom: 1px solid #ddd
}

.cmp_table th {
font-weight: 700
}

*,html,body {
font-family: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif
}

body {
display: flex;
min-height: 100vh;
flex-direction: column
}

a {
color: #006798
}

a:hover,a:focus {
color: #008acb
}

main {
flex: 1 0 auto !important
}

.dropdown-toggle:after {
display: none
}

.modal-backdrop {
z-index: 800 !important
}

.nav-link {
font-size: 15px !important
}

.navbar-toggler2 {
display: flex !important
}

.navbar-collapse2 {
display: none !important
}

@media (min-width: 1500px) {
.navbar-toggler2 {
display:none !important
}

.navbar-collapse2 {
display: flex !important
}
}

@media (min-width: 1500px) {
.navbar-expand-xxl2 {
-ms-flex-wrap:nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}

.navbar-expand-xxl2 .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}

.navbar-expand-xxl2 .navbar-nav .dropdown-menu {
position: absolute
}

.navbar-expand-xxl2 .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}

.navbar-expand-xxl2 .navbar-nav-scroll {
overflow: visible
}

.navbar-expand-xxl2 .navbar-collapse {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}

.navbar-expand-xxl2 .navbar-toggler {
display: none
}
}

main .html-preloader {
position: fixed;
display: flex;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
z-index: 1000;
cursor: pointer;
justify-content: center;
align-items: center
}

main .no-html-preloader {
display: none !important
}

main .page {
width: 100%;
padding-left: 0.75rem;
padding-right: 0.75rem;
margin-right: auto;
margin-left: auto
}

main .page .about_section {
color: rgba(0,0,0,0.54);
line-height: 2.143rem
}

main .page .about_section:before,main .page .about_section:after {
content: " ";
display: table
}

main .page .about_section:after {
clear: both
}

main .page .about_section .cover {
float: right;
width: 20%;
margin-left: 10%;
margin-right: 10%
}

main .page .about_section .cover img {
display: block;
margin: 0 auto
}

@media (min-width: 576px) {
main .page {
max-width:540px
}
}

@media (min-width: 768px) {
main .page {
max-width:720px
}
}

@media (min-width: 992px) {
main .page {
max-width:960px
}
}

@media (min-width: 1200px) {
main .page {
max-width:1140px
}
}

@media (min-width: 1400px) {
main .page {
max-width:1320px
}
}

.pkp_site_nav_toggle {
position: absolute;
top: 0;
left: 0;
border: 0;
background: none;
box-shadow: 1px 0 0 rgba(255,255,255,0.2),-1px 0 0 rgba(255,255,255,0.2);
z-index: 999
}

.pkp_site_nav_toggle:focus {
outline: 1px dotted #fff;
box-shadow: none
}

.pkp_site_nav_toggle>span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 24px;
height: 19px;
border-bottom: 3px solid #fff;
text-indent: -9999px;
overflow: hidden
}

.pkp_site_nav_toggle>span:before,.pkp_site_nav_toggle>span:after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 3px;
background: #fff
}

.pkp_site_nav_toggle>span:before {
top: 0
}

.pkp_site_nav_toggle>span:after {
top: 8px
}

.pkp_site_nav_toggle--transform>span {
border-bottom: 0;
overflow: visible
}

.pkp_site_nav_toggle--transform>span:before {
top: 7px;
transform: rotate(-405deg) translateY(1px) translateX(-2px);
-webkit-transform: rotate(-405deg) translateY(1px) translateX(-2px)
}

.pkp_site_nav_toggle--transform>span:after {
top: 14px;
transform: rotate(405deg) translateY(-3px) translateX(-4px);
-webkit-transform: rotate(405deg) translateY(-3px) translateX(-4px)
}

.pkp_site_nav_menu {
display: none
}

.pkp_site_nav_menu--isOpen {
display: flex
}

body.navIsOpen .siteHeader__details {
right: 0
}

body.navIsOpen .siteHeader__screen {
display: block;
opacity: 0.5
}

body.navIsOpen .siteHeader__navToggleIcon>span:first-child {
transform: rotate(45deg);
top: 18px
}

body.navIsOpen .siteHeader__navToggleIcon>span:nth-child(2) {
opacity: 0
}

body.navIsOpen .siteHeader__navToggleIcon>span:last-child {
transform: rotate(-45deg);
top: 18px
}

@media (min-width: 992px) {
.pkp_site_nav_menu {
display:flex
}
}

.pkp_page_index .journals {
margin-top: 2.143rem
}

.pkp_page_index .journals>ul>li {
margin: 2.143rem 0
}

.pkp_page_index .journals img {
display: block;
max-height: 20em
}

.pkp_page_index .journals h3 {
margin: .714rem 0;
font-size: 1rem;
font-weight: 700
}

.pkp_page_index .journals h3 a {
text-decoration: none
}

.pkp_page_index .journals p {
margin: .714rem 0
}

.pkp_page_index .journals .links li {
display: inline-block;
margin: 0 .714rem .714rem 0
}

@media (min-width: 768px) {
.pkp_page_index .journals>ul>li {
margin:0 -1.43rem;
padding: 1.43rem;
border-top: 1px solid #ddd
}

.pkp_page_index .journals>ul>li:before,.pkp_page_index .journals>ul>li:after {
content: " ";
display: table
}

.pkp_page_index .journals>ul>li:after {
clear: both
}

.pkp_page_index .journals .thumb {
float: left;
width: 25%;
padding-right: 1.43rem
}

.pkp_page_index .journals .thumb+.body {
float: right;
width: 75%
}
}

@media (min-width: 992px) {
.pkp_page_index .journals>ul>li {
margin:0 -2.143rem;
padding: 2.143rem
}

.pkp_page_index .journals .thumb {
padding-right: 2.143rem
}
}

.pkp_page_index .homepage_image,.pkp_page_index .additional_content {
margin-left: -0.714rem;
margin-right: -0.714rem
}

@media (min-width: 480px) {
.pkp_page_index .homepage_image,.pkp_page_index .additional_content {
margin-left:-1.43rem;
margin-right: -1.43rem
}
}

@media (min-width: 992px) {
.pkp_page_index .homepage_image,.pkp_page_index .additional_content {
margin-left:-2.143rem;
margin-right: -2.143rem
}
}

.pkp_page_index .homepage_image img {
display: block;
width: 100%;
height: auto
}

@media (min-width: 992px) {
.pkp_page_index .homepage_image {
margin-top:-2.143rem
}
}

.pkp_page_index .homepage_about {
padding-top: 2.143rem;
padding-bottom: 2.143rem
}

.pkp_page_index .homepage_about h2 {
margin-top: -0.714rem
}

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

.pkp_page_index .cmp_announcements:before,.pkp_page_index .cmp_announcements:after {
content: " ";
display: table
}

.pkp_page_index .cmp_announcements:after {
clear: both
}

.pkp_page_index .cmp_announcements>.obj_announcement_summary {
position: relative;
padding: 2.143rem .714rem
}

.pkp_page_index .cmp_announcements .more {
position: relative
}

.pkp_page_index .cmp_announcements .more .obj_announcement_summary {
padding: .714rem
}

.pkp_page_index .cmp_announcements .more h4 {
font-size: .93rem
}

@media (min-width: 480px) {
.pkp_page_index .cmp_announcements>.obj_announcement_summary,.pkp_page_index .cmp_announcements .more .obj_announcement_summary {
padding-left:1.43rem;
padding-right: 1.43rem
}
}

@media (min-width: 768px) {
.pkp_page_index .cmp_announcements>.obj_announcement_summary {
float:left;
width: 65%
}

.pkp_page_index .cmp_announcements>.obj_announcement_summary:before {
content: ' ';
position: absolute;
top: 0;
right: -1px;
width: 1px;
height: 100%;
border-left: 1px solid #ddd
}

.pkp_page_index .cmp_announcements .more {
float: right;
width: 35%;
padding-top: 1.43rem;
padding-bottom: 1.43rem
}

.pkp_page_index .cmp_announcements .more:before {
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 100%;
border-left: 1px solid #ddd
}
}

@media (min-width: 992px) {
.pkp_page_index .cmp_announcements>.obj_announcement_summary,.pkp_page_index .cmp_announcements .more .obj_announcement_summary {
padding-left:2.143rem;
padding-right: 2.143rem
}
}

.pkp_page_index .current_issue .current_issue_title {
margin: 1.43rem 0;
font-weight: 700
}

.pkp_page_index .current_issue .read_more {
display: inline-block;
position: relative;
padding-right: 2.143rem;
font-size: .93rem;
font-weight: 700;
line-height: 2.143rem;
color: #006798;
text-decoration: none;
margin-bottom: 1.43rem
}

.pkp_page_index .current_issue .read_more:after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "\f054";
position: absolute;
top: 2px;
right: 0;
width: 2.143rem;
height: 2.143rem;
line-height: 2.143rem;
text-align: center
}

.pkp_page_index .current_issue .read_more:hover,.pkp_page_index .current_issue .read_more:focus {
color: #008acb
}

@media (min-width: 768px) {
.pkp_page_index .current_issue .section:last-child {
margin-bottom:0
}
}

.pkp_page_index .additional_content {
padding: 2.143rem .714rem 0 .714rem;
border-top: 1px solid #ddd
}

@media (min-width: 480px) {
.pkp_page_index .additional_content {
padding-left:1.43rem;
padding-right: 1.43rem
}
}

@media (min-width: 992px) {
.pkp_page_index .additional_content {
padding-left:2.143rem;
padding-right: 2.143rem
}
}

.pkp_page_index .additional_content>p:first-child {
margin-top: 0
}

.pkp_page_index .additional_content>p:last-child {
margin-bottom: 0
}

@media (min-width: 768px) {
.pkp_page_index .cmp_announcements+.additional_content {
border-top:none
}
}

.page_catalog_category .article_count {
float: right;
padding: .714rem 0;
font-size: .93rem;
color: rgba(0,0,0,0.54)
}

.page_catalog_category .about_section .cover {
float: right;
width: 20%;
margin-left: 10%;
margin-right: 10%
}

.page_catalog_category .subcategories li {
padding-top: .357rem;
padding-bottom: .357rem
}

.page_catalog_category .subcategories a {
text-decoration: none
}

@media (min-width: 768px) {
.page_catalog_category .subcategories {
position:relative;
margin-top: 4.286rem;
margin-left: -1.43rem;
margin-right: -1.43rem;
padding: 2.143rem;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd
}

.page_catalog_category .subcategories h2 {
position: absolute;
top: -15px;
left: 1.43rem;
margin: 0;
padding-left: .714rem;
padding-right: .714rem;
line-height: 2.143rem;
background: #fff;
color: rgba(0,0,0,0.54)
}
}

@media (min-width: 992px) {
.page_catalog_category .subcategories {
margin-left:-2.143rem;
margin-right: -2.143rem
}
}

@media (min-width: 768px) {
.page_catalog_category .cmp_article_list {
padding-top:1.43rem
}

.page_catalog_category h2.title {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
left: -2000px
}

.page_catalog_category h2.title:focus {
background-color: #fff;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
clip: auto !important;
color: #000;
display: block;
font-size: 1rem;
height: auto;
line-height: normal;
padding: 1rem;
position: absolute;
left: 0.5rem;
top: 0.5rem;
text-decoration: none;
width: auto;
z-index: 100000
}
}

@media (min-width: 992px) {
.page_catalog_category .cmp_article_list {
padding-top:2.143rem
}
}

.page_contact .address,.page_contact .phone,.page_contact .email {
margin-top: .714rem;
margin-bottom: .714rem;
font-size: .93rem
}

.page_contact .address {
margin-top: 0
}

.page_contact .address p {
margin: 0
}

.page_contact .label {
display: block;
font-weight: 700
}

.page_contact .contact.support {
margin-top: 2.857rem
}

@media (min-width: 768px) {
.page_contact .contact_section:before,.page_contact .contact_section:after {
content:" ";
display: table
}

.page_contact .contact_section:after {
clear: both
}

.page_contact .contact {
float: left;
width: 50%
}

.page_contact .contact.primary {
padding-right: 1.43rem
}

.page_contact .contact.support {
margin-top: 0
}
}

.page_issue_archive .issues_archive {
margin-left: 0px;
margin-right: 0px;
border-top: 1px solid #ddd
}

.page_issue_archive .issues_archive>li {
padding: 2.143rem 0px;
border-bottom: 1px solid #ddd
}

@media (min-width: 480px) {
.page_issue_archive .issues_archive {
margin-left:0px;
margin-right: 0px
}

.page_issue_archive .issues_archive>li {
padding-left: 0px;
padding-right: 0px
}
}

@media (min-width: 992px) {
.page_issue_archive .issues_archive {
margin-left:0px;
margin-right: 0px;
display: flex;
flex-wrap: wrap
}

.page_issue_archive .issues_archive>li {
padding-left: 0px;
padding-right: 0px;
flex: calc(100%)
}
}

.page_issue_archive .cmp_pagination {
margin-top: 1.43rem
}

.page_login .login {
margin-bottom: 0;
max-width: 17em
}

.page_login .login input[type="text"],.page_login .login input[type="password"] {
width: 100%
}

.page_login .password a {
font-size: .93rem;
font-style: normal
}

.page_login .remember {
padding-bottom: 0
}

.page_login .remember .label {
display: inline;
font-style: normal
}

.page_login .buttons button {
float: right
}

.page_login .buttons a {
float: right;
margin-right: 1em;
margin-left: 0
}

.page_register .required_label {
font-size: .93rem;
line-height: 1.43rem;
color: rgba(0,0,0,0.54);
margin-bottom: 1.43rem
}

.page_register .consent {
margin-bottom: 0
}

.page_register .fields .reviewer_interests {
max-height: 0;
padding-bottom: 0;
overflow: hidden;
opacity: 0;
transition: all .3s
}

.page_register .fields .reviewer_interests.is_visible {
max-height: 400px;
overflow: visible;
padding-bottom: 2.143rem;
opacity: 1
}

.page_register .context_optin .contexts>li {
margin-bottom: 1em
}

.page_register .context_optin .contexts>li:last-child {
margin-bottom: 0
}

.page_register .context_optin .roles {
padding: .357rem 0;
margin-bottom: 0
}

.page_register .context_optin .roles label {
display: inline-block;
margin-right: 1em;
font-size: .93rem;
line-height: 1.43rem
}

.page_register .context_optin .context_privacy {
position: absolute;
left: -9999px;
padding: .357rem 0;
font-size: .93rem;
line-height: 1.43rem
}

.page_register .context_optin .context_privacy_visible {
position: relative;
left: auto
}

.page_register #formErrors {
margin: 1.43rem 0;
padding: .714rem;
background: #fee9eb;
color: #fff
}

.page_register #formErrors .pkp_form_error {
padding: 0;
font-size: .93rem;
font-weight: bold;
line-height: 1.43rem
}

.page_register #formErrors .pkp_form_error_list {
margin: 0;
padding-left: 1.43rem;
font-size: .93rem;
line-height: 1.43rem
}

.page_register #formErrors .pkp_form_error_list a {
color: #fff
}

@media (min-width: 768px) {
.page_register .identity li {
display:inline-block;
padding-right: 1em;
max-width: 13em
}
}

@media (min-width: 1200px) {
.page_register .identity li {
max-width:17em
}
}

.pkp_op_register .ui-helper-hidden-accessible {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
left: -2000px
}

.pkp_op_register .ui-helper-hidden-accessible:focus {
background-color: #fff;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
clip: auto !important;
color: #000;
display: block;
font-size: 1rem;
height: auto;
line-height: normal;
padding: .714rem;
position: absolute;
left: .357rem;
top: .357rem;
text-decoration: none;
width: auto;
z-index: 100000
}

.pkp_op_register .ui-autocomplete {
position: absolute !important
}

.page_search .search_advanced legend {
padding: 0;
margin: 0;
font-weight: 400;
font-size: 1rem
}

.page_search .search_advanced label {
display: block
}

.page_search .search_advanced input {
line-height: 0
}

.page_search .date_range legend {
padding: 0
}

.page_search .date_range label {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
left: -2000px
}

.page_search .date_range label:focus {
background-color: #fff;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
clip: auto !important;
color: #000;
display: block;
font-size: 1rem;
height: auto;
line-height: normal;
padding: 1rem;
position: absolute;
left: 0.5rem;
top: 0.5rem;
text-decoration: none;
width: auto;
z-index: 100000
}

.page_search .date_range select+label+select {
margin-left: 0.25em
}

.page_search .date_range [name*="Year"] {
width: 6em
}

.page_search .date_range [name*="Day"] {
width: 4em
}

.page_search .date_range [name*="Month"] {
width: 10em
}

.page_search .submit {
text-align: right
}

.page_search .submit button {
position: relative;
padding-right: 3.2145rem;
border-right: none;
padding-right: 1em;
padding-left: 3.2145rem;
border-right: 1px solid rgba(0,0,0,0.4);
border-left: none
}

.page_search .submit button:after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "\f002";
position: absolute;
top: -1px;
right: 0;
width: 2.143rem;
height: 2.143rem;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
line-height: 2.143rem;
text-align: center;
background: #006798;
box-shadow: inset 0 -1em 1em rgba(0,0,0,0.2);
color: #fff
}

.page_search .submit button:hover:after,.page_search .submit button:focus:after {
box-shadow: inset 0 1em 1em rgba(0,0,0,0.2);
background: #008acb
}

.page_search .submit button:after {
right: auto;
left: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px
}

.page_search .submit button:after {
right: auto;
left: 0
}

.page_search .search_results {
margin: 2.857rem 0;
padding: 0;
list-style: none
}

.page_search .search_results .obj_article_summary {
margin: 1.43rem 0
}

.page_search .cmp_pagination {
margin-top: 1.43rem;
font-size: .93rem;
line-height: 1.43rem;
color: rgba(0,0,0,0.54);
text-align: right
}

.page_search .cmp_pagination a {
padding-left: 0.5em;
padding-right: 0.5em
}

@media (min-width: 768px) {
.page_search .search_advanced:before,.page_search .search_advanced:after {
content:" ";
display: table
}

.page_search .search_advanced:after {
clear: both
}

.page_search .date_range {
float: left;
width: 50%
}

.page_search .date_range .to fieldset {
margin-bottom: 0
}

.page_search .author {
float: right;
width: 50%
}
}

.page_section .section_description {
margin-bottom: 2em
}

.page_submissions .submission_sections ul,.page_submissions .submission_checklist ul {
margin: 1.43rem 0 0;
padding: 0;
list-style: none;
font-size: .93rem;
border: none
}

.page_submissions .submission_sections li,.page_submissions .submission_checklist li {
position: relative;
border-bottom: none
}

.page_submissions .submission_sections h3 {
margin-top: 0
}

.page_submissions .submission_sections .cmp_notification {
margin-bottom: 0
}

.page_submissions .submission_checklist li {
padding: 1.43rem
}

.page_submissions .submission_checklist li .fa {
top: 50%;
left: .357rem;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
font-size: 1.285rem;
color: #00b24e
}

@media (min-width: 480px) {
.page_submissions .submission_sections li .fa {
top:22px;
left: calc(1.43rem - 3px)
}

.page_submissions .submission_sections ul,.page_submissions .submission_checklist ul {
border: 1px solid #ddd;
border-bottom: none
}

.page_submissions .submission_sections li,.page_submissions .submission_checklist li {
padding: 1.43rem 1.43rem 1.43rem 2.857rem;
border-bottom: 1px solid #ddd
}

.page_submissions .submission_sections li .fa,.page_submissions .submission_checklist li .fa {
left: 1.43rem
}
}

.header_view {
z-index: 2;
position: relative;
background: #006798
}

.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: #006798;
text-align: center
}

.header_view .return:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "\f060"
}

.header_view .return:hover,.header_view .return:focus {
background: #008acb;
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: .93rem;
color: #fff
}

.header_view .title:hover,.header_view .title:focus {
background: #008acb
}

.header_view .download {
display: block;
position: absolute;
top: 0;
right: 0;
width: 2.143rem;
background: #fff;
text-align: center
}

.header_view .download:hover,.header_view .download:focus {
background: #008acb;
color: #fff
}

.header_view .download:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "\f019"
}

.header_view .download .label {
display: none
}

@media (min-width: 768px) {
.header_view .title {
font-size:1rem
}

.header_view .download {
width: auto;
padding: 0 1.43rem
}

.header_view .download .label {
display: inline-block
}

.header_view .download .pkp_screen_reader,.header_view .download .pkp_page_index .cmp_announcements h2 {
display: none
}
}

.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.429rem
}

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

.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
}

.obj_announcement_full h1 {
margin: 0
}

.obj_announcement_full .date {
margin: 16px 0;
color: rgba(0,0,0,0.54)
}

.obj_announcement_full .date:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "\f073";
margin-right: 0.5em;
color: #ddd
}

.obj_announcement_full .description {
margin-top: 2.857rem
}

.obj_announcement_full .description p:first-child {
margin-top: 0
}

.obj_announcement_full .description p:last-child {
margin-bottom: 0
}

.obj_announcement_summary h2,.obj_announcement_summary h3,.obj_announcement_summary h4 {
margin: 0;
font-size: 1rem;
line-height: 1.43rem
}

.obj_announcement_summary h2 a,.obj_announcement_summary h3 a,.obj_announcement_summary h4 a {
text-decoration: none
}

.obj_announcement_summary .date {
font-size: .93rem;
line-height: 1.785rem;
color: rgba(0,0,0,0.54)
}

.obj_announcement_summary .date:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "\f073";
margin-right: 0.5em;
font-size: 1rem;
color: #ddd
}

.obj_announcement_summary .summary {
font-size: .93rem;
line-height: 1.43rem;
margin-top: .714rem
}

.obj_announcement_summary .summary p:first-child {
margin-top: 0
}

.obj_announcement_summary .summary p:last-child {
margin-bottom: 0
}

.obj_announcement_summary .read_more {
display: inline-block;
position: relative;
padding-right: 2.143rem;
font-size: .93rem;
font-weight: 700;
line-height: 2.143rem;
color: #006798;
text-decoration: none
}

.obj_announcement_summary .read_more:after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "\f054";
position: absolute;
top: 2px;
right: 0;
width: 2.143rem;
height: 2.143rem;
line-height: 2.143rem;
text-align: center
}

.obj_announcement_summary .read_more:hover,.obj_announcement_summary .read_more:focus {
color: #008acb
}

.obj_article_details>.page_title {
margin: 0
}

.obj_article_details>.subtitle {
margin: 0;
font-size: 1rem;
line-height: 2.143rem;
font-weight: 400
}

.obj_article_details .row {
margin-top: 0px
}

.obj_article_details .item {
padding-top: 1.43rem;
padding-bottom: 1.43rem
}

.obj_article_details .item>*:first-child {
margin-top: 0
}

.obj_article_details .item>*:last-child {
margin-bottom: 0
}

.obj_article_details .sub_item {
margin-bottom: 1.43rem
}

.obj_article_details .sub_item:last-child {
margin-bottom: 0
}

.obj_article_details .main_entry {
width: 100%
}

.obj_article_details .main_entry .item {
border-bottom: 1px solid #ddd;
margin-right: 0;
padding: 1.43rem 0
}

.obj_article_details .main_entry .item .label {
margin: 0px;
font-family: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
font-size: 1.143rem;
font-weight: 700
}

.obj_article_details .main_entry .item.doi .label,.obj_article_details .main_entry .item.keywords .label {
display: inline;
font-size: 1rem;
margin: 0 0 1.43rem;
font-family: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
font-size: 1.143rem;
font-weight: 700
}

.obj_article_details .main_entry .item:last-child {
border-bottom: none
}

.obj_article_details .main_entry .sub_item .label {
font-size: 1rem
}

.obj_article_details .authors li {
margin-bottom: .714rem
}

.obj_article_details .authors .name {
font-weight: bold;
display: block
}

.obj_article_details .authors .orcid {
display: block;
font-size: .75rem;
line-height: 1.43rem
}

.obj_article_details .authors .orcid a {
vertical-align: middle
}

.obj_article_details .authors .orcid_icon {
width: 1.43rem;
height: 1.43rem
}

.obj_article_details .authors .affiliation {
font-size: .93rem;
color: rgba(0,0,0,0.54)
}

.obj_article_details .author_bios .sub_item .label {
margin-bottom: 0
}

.obj_article_details .author_bios .sub_item .value>p:first-child {
margin-top: 0
}

.obj_article_details .item.doi,.obj_article_details .item.keywords {
padding-top: none
}

.obj_article_details .galleys_links li {
display: inline-block
}

.obj_article_details .supplementary_galleys_links {
margin-top: .714rem
}

.obj_article_details .copyright {
font-size: .93rem;
line-height: 1.43rem
}

.obj_article_details .copyright a[rel="license"]+p {
margin-top: 0
}

.obj_article_details .entry_details {
margin-left: 0px;
margin-right: 0px;
border-top: 1px solid #ddd;
width: 100%
}

.obj_article_details .entry_details .item {
padding: 1.43rem;
border-bottom: 1px solid #ddd;
word-wrap: break-word
}

.obj_article_details .entry_details .item:last-child {
border-bottom: none
}

.obj_article_details .entry_details .item .label {
margin: 0;
font-family: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
font-size: .93rem;
font-weight: 400;
color: rgba(0,0,0,0.54)
}

.obj_article_details .entry_details img {
width: 100%;
height: auto
}

.obj_article_details .categories {
margin: 0;
padding: 0;
list-style: none
}

.obj_article_details .versions ul {
margin: 0;
padding: 0;
list-style: none
}

.obj_article_details .citation_display .value {
font-size: .75rem
}

.obj_article_details .citation_display .csl-left-margin {
display: none
}

.obj_article_details .citation_display [aria-hidden="true"] {
display: none
}

.obj_article_details .citation_display .citation_formats {
margin-top: 1em;
border: 1px solid rgba(0,0,0,0.4);
border-radius: 3px
}

.obj_article_details .citation_display .citation_formats_button {
position: relative;
background: transparent;
border: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
box-shadow: none;
padding: 0 1em;
width: 100%;
font-family: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
font-weight: 400;
color: rgba(0,0,0,0.54);
text-align: left
}

.obj_article_details .citation_display .citation_formats_button:after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "\f0d7";
position: absolute;
top: 50%;
right: 1em;
transform: translateY(-50%)
}

.obj_article_details .citation_display .citation_formats_button[aria-expanded="true"]:after {
content: "\f0d8"
}

.obj_article_details .citation_display .citation_formats_button:focus {
background: #ddd;
outline: 0
}

.obj_article_details .citation_display .citation_formats_styles {
margin: 0;
padding: 0;
list-style: none
}

.obj_article_details .citation_display .citation_formats_styles a {
display: block;
padding: .5em 1em;
border-bottom: 1px solid #ddd;
text-decoration: none
}

.obj_article_details .citation_display .citation_formats_styles a:focus {
background: #ddd;
outline: 0
}

.obj_article_details .citation_display .citation_formats_styles li:last-child a {
border-bottom: none
}

.obj_article_details .citation_display .citation_formats_list .label {
padding: 1em 1em .25em 1em
}

.obj_article_details .citation_display .citation_formats_styles+.label {
border-top: 1px solid #ddd
}

.obj_article_details .citation_display span {
margin-right: 0.5em
}

@media (min-width: 480px) {
.obj_article_details .entry_details {
width:100%;
margin-left: 0px;
margin-right: 0px
}

.obj_article_details .main_entry .item {
margin-right: 1.43rem
}
}

@media (min-width: 768px) {
.obj_article_details .row {
margin-left:0px;
margin-right: 0px;
border-top: none;
border-bottom: none
}

.obj_article_details .main_entry {
float: left;
width: 100%;
border-right: 1px solid #ddd
}

.obj_article_details .main_entry .item {
margin-right: 1.43rem
}

.obj_article_details .item {
padding: 1.43rem
}

.obj_article_details .item .label {
margin: 0;
font-family: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
font-size: 1.143rem;
font-weight: 700
}

.obj_article_details .item.doi .label,.obj_article_details .item.keywords .label {
display: inline;
font-size: 1rem
}

.obj_article_details .entry_details {
float: left;
width: 30%;
margin: 0px;
border-top: none;
border-left: 1px solid #ddd
}

.obj_article_details .entry_details .item {
margin-right: -1px;
border-bottom: 1px solid #ddd
}

.obj_article_details .entry_details .item:last-child {
border-bottom: none
}
}

@media (min-width: 992px) {
.obj_article_details .row {
margin-left:0px;
margin-right: 0px
}

.obj_article_details .main_entry {
width: 70%
}

.obj_article_details .item {
padding: 2.143rem
}
}

@media (min-width: 1200px) {
.obj_article_details .main_entry {
width:70%
}
}

.obj_article_summary:before,.obj_article_summary:after {
content: " ";
display: table
}

.obj_article_summary:after {
clear: both
}

.obj_article_summary .cover {
display: block;
margin-bottom: 1.43rem
}

.obj_article_summary .cover img {
display: block;
max-height: 250px;
width: auto
}

.obj_article_summary>.title {
font-family: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
font-size: 1rem;
line-height: 1.43rem;
font-weight: 700;
border-bottom: none;
margin: 0
}

.obj_article_summary>.title a {
text-decoration: none
}

.obj_article_summary .subtitle {
display: block;
margin-top: 0.25em;
margin-bottom: 0.5em;
font-weight: 400;
color: rgba(0,0,0,0.54)
}

.obj_article_summary .meta {
position: relative;
padding-top: .357rem;
font-size: .93rem;
line-height: 1.43rem
}

.obj_article_summary .pages,.obj_article_summary .published {
color: rgba(0,0,0,0.54)
}

.obj_article_summary .galleys_links {
margin-top: .714rem
}

.obj_article_summary .galleys_links li {
display: inline-block;
margin-right: 1em
}

.obj_article_summary .galleys_links li:last-child {
margin-right: 0
}

@media (min-width: 768px) {
.obj_article_summary .authors {
padding-right:5em
}

.obj_article_summary .pages {
position: absolute;
top: 0;
right: 0;
line-height: 2.143rem
}

.obj_article_summary .cover {
float: left;
width: 25%;
height: auto;
max-height: none;
margin-right: 1.43rem
}
}

@media (min-width: 992px) {
.obj_article_summary .cover {
margin-right:2.143rem;
margin-bottom: 2.143rem
}

.obj_article_summary .cover img {
max-height: none
}
}

.obj_galley_link:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "\f0f6";
margin-right: 0.25em
}

.obj_galley_link.pdf:before {
content: "\f1c1"
}

.obj_galley_link.restricted:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "\f023";
color: white
}

.obj_galley_link_supplementary:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "\f0f6";
margin-right: 0.25em
}

.obj_issue_summary h2 {
margin: 0;
font-size: 1rem;
line-height: 1.43rem;
font-weight: 400
}

.obj_issue_summary .cover {
display: block;
margin-bottom: 1.43rem
}

.obj_issue_summary .cover img {
display: block;
width: auto;
max-height: 250px
}

.obj_issue_summary .title {
font-family: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
font-weight: 700;
text-decoration: none
}

.obj_issue_summary .series {
margin-bottom: .357rem;
color: rgba(0,0,0,0.54)
}

.obj_issue_summary .description {
font-size: .93rem;
line-height: 1.43rem
}

.obj_issue_summary .description p:first-child {
margin-top: 0
}

.obj_issue_summary .description p:last-child {
margin-bottom: 0
}

@media (min-width: 768px) {
.obj_issue_summary:before,.obj_issue_summary:after {
content:" ";
display: table
}

.obj_issue_summary:after {
clear: both
}

.obj_issue_summary .cover {
float: left;
width: 25%;
height: auto;
margin-right: 1.43rem
}

.obj_issue_summary .cover img {
max-height: auto
}
}

.obj_issue_toc .cover {
display: block;
margin-bottom: 1.43rem
}

.obj_issue_toc .cover img {
display: block;
max-height: 250px;
width: auto
}

.obj_issue_toc .description>*:first-child {
margin-top: 0
}

.obj_issue_toc .description>*:last-child {
margin-bottom: 0
}

.obj_issue_toc .pub_id {
margin: 1.43rem 0
}

.obj_issue_toc .pub_id .type {
font-weight: 700
}

.obj_issue_toc .published {
margin: 1.43rem 0
}

.obj_issue_toc .published .label {
font-weight: 700
}

.obj_issue_toc .galleys_links li {
display: inline-block;
margin-right: 1em
}

.obj_issue_toc .galleys_links li:last-child {
margin-right: 0
}

@media (min-width: 768px) {
.obj_issue_toc .heading:before,.obj_issue_toc .heading:after {
content:" ";
display: table
}

.obj_issue_toc .heading:after {
clear: both
}

.obj_issue_toc .cover {
float: left;
width: 25%;
height: auto;
max-height: none;
margin-right: 1.43rem
}

.obj_issue_toc .galleys {
padding: 1.43rem 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd
}
}

@media (min-width: 992px) {
.obj_issue_toc .cover {
margin-right:2.143rem;
margin-bottom: 1.43rem
}

.obj_issue_toc .cover img {
max-height: 350px
}
}

.pkp_structure_sidebar a {
display: inline-block;
position: relative;
font-size: .93rem;
font-weight: 700;
line-height: 2.143rem;
color: #000000;
text-decoration: none
}

.pkp_structure_sidebar a:hover,.pkp_structure_sidebar a:focus {
color: #000000
}

footer {
color: rgba(0,0,0,0.55) !important
}

body[dir="rtl"] {
direction: rtl;
unicode-bidi: embed
}

@media (min-width: 768px) {
body[dir="rtl"] .pkp_structure_main:before {
left:auto;
right: 0
}

body[dir="rtl"] .pkp_structure_main:after {
left: auto;
right: 728px
}
}

@media (min-width: 992px) {
body[dir="rtl"] .pkp_structure_main {
float:right
}

body[dir="rtl"] .pkp_structure_main:after {
left: auto;
right: 652px
}

body[dir="rtl"] .pkp_structure_sidebar {
float: left
}
}

@media (min-width: 1200px) {
body[dir="rtl"] .pkp_structure_main:after {
left:auto;
right: 860px
}
}

@media (min-width: 992px) {
body[dir="rtl"] .pkp_site_name {
text-align:right
}
}

body[dir="rtl"] .pkp_navigation_primary ul {
text-align: right
}

body[dir="rtl"] .pkp_navigation_user {
text-align: left
}

body[dir="rtl"] .pkp_navigation_user li {
text-align: right
}

body[dir="rtl"] .pkp_head_wrapper .pkp_search {
right: auto;
left: 0;
text-align: left
}

body[dir="rtl"] .pkp_head_wrapper .pkp_search.is_open .search_prompt {
border-left: none;
border-right: 1px solid #ddd
}

body[dir="rtl"] .pkp_head_wrapper .pkp_search.is_open input[type="text"] {
padding-right: 0.5em;
padding-left: 180px
}

body[dir="rtl"] .pkp_screen_reader,body[dir="rtl"] .cmp_skip_to_content a,body[dir="rtl"] .pkp_page_index .journals h2,body[dir="rtl"] .pkp_page_index .cmp_announcements h2,body[dir="rtl"] .page_register .context_optin .roles legend,body[dir="rtl"] .pkp_page_index .cmp_announcements h2 {
left: auto;
right: -2000px
}

body[dir="rtl"] .pkp_screen_reader:focus,body[dir="rtl"] .cmp_skip_to_content a:focus,body[dir="rtl"] .pkp_page_index .journals h2:focus,body[dir="rtl"] .pkp_page_index .cmp_announcements h2:focus,body[dir="rtl"] .page_register .context_optin .roles legend:focus,body[dir="rtl"] .pkp_page_index .cmp_announcements h2:focus {
right: 50%
}

body[dir="rtl"] .obj_announcement_summary .date:before {
margin-right: 0;
margin-left: 0.5em
}

body[dir="rtl"] .obj_issue_toc .galleys_links li {
margin-right: inherit;
margin-left: 1em
}

@media (min-width: 768px) {
body[dir="rtl"] .obj_issue_toc .galleys h2,body[dir="rtl"] .obj_issue_toc .section h2 {
left:auto;
right: 1.0715rem
}

body[dir="rtl"] .obj_issue_toc .cover {
float: right;
margin-right: inherit;
margin-left: 1.43rem
}
}

@media (min-width: 992px) {
body[dir="rtl"] .obj_issue_toc .cover {
margin-right:inherit;
margin-left: 2.143rem
}
}

@media (min-width: 768px) {
body[dir="rtl"] .obj_issue_summary .cover {
float:right;
margin-right: inherit;
margin-left: 1.43rem
}
}

@media (min-width: 768px) {
body[dir="rtl"] .obj_article_summary {
padding-right:0;
padding-left: 5em
}
}

@media (min-width: 768px) {
body[dir="rtl"] .galleys h2,body[dir="rtl"] .section h2 {
left:auto;
right: 1.0715rem
}

body[dir="rtl"] .cover {
float: right;
margin-right: inherit;
margin-left: 1.43rem
}
}

@media (min-width: 992px) {
body[dir="rtl"] .cover {
margin-right:inherit;
margin-left: 2.143rem
}
}

@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 300;
src: url('//journals.klisc.or.ke/plugins/themes/material/fonts/Montserrat/Montserrat-Regular.ttf');
src: local(''),url('//journals.klisc.or.ke/plugins/themes/material/fonts/Montserrat/Montserrat-Regular.ttf') format('truetype')
}

html {
overflow-x: hidden
}

body {
font-family: "Roboto",sans-serif;
color: #9fa1a4;
line-height: 1.5
}

a {
color: #777;
text-decoration: none;
transition: .3s all ease
}

a:hover {
color: #000
}

h1,h2,h3,h4,h5,h6,.font-heading {
color: #000
}

.container {
z-index: 2;
position: relative
}

.text-black {
color: #000 !important
}

.text-primary {
color: #2d71a1 !important
}

.border-top {
border-top: 1px solid #f2f2f2 !important
}

.border-bottom {
border-bottom: 1px solid #f2f2f2 !important
}

figure figcaption {
margin-top: 0.5rem;
font-style: italic;
font-size: 0.8rem
}

section {
overflow: hidden
}

.section-heading {
font-size: 3rem;
font-weight: 700;
background: linear-gradient(-45deg, #3db3c5, #274685);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}

.back-to-top {
position: fixed;
visibility: hidden;
opacity: 0;
right: 15px;
bottom: 15px;
z-index: 996;
background: #2d71a1;
width: 40px;
height: 40px;
border-radius: 50px;
transition: all .4s
}

.back-to-top i {
font-size: 28px;
color: #fff;
line-height: 0
}

.back-to-top:hover {
background: #3687c1;
color: #fff
}

.back-to-top.active {
visibility: visible;
opacity: 1
}

.feature-1 .wrap-icon {
margin: 0 auto;
height: 100px;
width: 100px;
border-radius: 50%;
position: relative;
margin-bottom: 30px;
box-shadow: 0 15px 30px 0 rgba(0,0,0,0.2);
display: inline-flex;
align-items: center;
justify-content: center
}

.feature-1 .wrap-icon i {
font-size: 40px;
line-height: 0;
color: #fff
}

.feature-1 h3 {
font-size: 20px
}

.feature-1 p {
color: #b1b1b1
}

.step {
box-shadow: 0 10px 30px -5px rgba(0,0,0,0.1);
background: #fff;
padding: 40px
}

.step .number {
background: linear-gradient(-45deg, #1391a5, #274685);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 700;
letter-spacing: 0.2rem;
margin-bottom: 10px;
display: block
}

.step p:last-child {
margin-bottom: 0px
}

.review h3 {
font-size: 20px
}

.review p {
line-height: 1.8;
font-style: italic;
color: #333333
}

.review .stars span {
color: #FF8803
}

.review .stars .muted {
color: #ccc
}

.review .review-user img {
width: 70px;
margin: 0 auto
}

.testimonials-slider .swiper-pagination {
margin-top: 20px;
position: relative
}

.testimonials-slider .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: #fff;
opacity: 1;
border: 1px solid #2d71a1
}

.testimonials-slider .swiper-pagination .swiper-pagination-bullet-active {
background-color: #2d71a1
}

.pricing {
padding: 50px;
background: linear-gradient(-45deg, #1391a5, #274685);
color: #fff;
padding-bottom: 12rem !important;
position: relative;
border-radius: 4px;
color: #000000;
background: #fff;
box-shadow: 0 10px 30px 0 rgba(0,0,0,0.2)
}

.pricing h3 {
color: #2d71a1
}

.pricing .price-cta {
text-decoration: none;
position: absolute;
bottom: 50px;
width: 100%;
text-align: center;
left: 0
}

.pricing .price-cta .price {
display: block;
margin-bottom: 20px;
font-size: 2rem;
font-weight: 300
}

.pricing .popularity {
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.2rem;
display: block;
margin-bottom: 20px
}

.pricing ul {
margin-bottom: 50px
}

.pricing ul li {
margin-bottom: 10px
}

.pricing .btn-white {
background: #fff;
border: 2px solid #f1f1f1;
border-radius: 4px;
box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1)
}

.pricing .btn-white:hover {
color: #2d71a1
}

.pricing.popular {
background: #fff;
box-shadow: 0 10px 30px 0 rgba(0,0,0,0.2);
color: #000000;
background: linear-gradient(-45deg, #1391a5, #274685);
color: #fff;
box-shadow: none
}

.pricing.popular .popularity {
color: #b3b3b3
}

.pricing.popular h3 {
color: #fff;
background: none
}

.pricing.popular .btn-white {
border: 2px solid #2d71a1
}

.cta-section {
background: linear-gradient(to right, #274685 0%, #3db3c5 100%);
color: #fff
}

.cta-section h2 {
color: #fff;
font-size: 3rem;
font-weight: 700
}

@media screen and (max-width: 768px) {
.cta-section h2 {
font-size:2rem
}
}

.cta-section .btn {
background: #000000;
color: #fff
}

.cta-section .btn i {
margin-right: 5px;
font-size: 24px;
line-height: 0
}

.form-control {
height: 48px;
border-radius: 0;
border: 1px solid #dae0e5
}

.form-control:active,.form-control:focus {
outline: none;
box-shadow: none;
border: 1px solid #2d71a1
}

.php-email-form .validate {
display: none;
color: red;
margin: 0 0 15px 0;
font-weight: 400;
font-size: 13px
}

.php-email-form .error-message {
display: none;
color: #fff;
background: #ed3c0d;
text-align: left;
padding: 15px;
font-weight: 600
}

.php-email-form .error-message br+br {
margin-top: 25px
}

.php-email-form .sent-message {
display: none;
color: #fff;
background: #18d26e;
text-align: center;
padding: 15px;
font-weight: 600
}

.php-email-form .loading {
display: none;
background: #fff;
text-align: center;
padding: 15px
}

.php-email-form .loading:before {
content: "";
display: inline-block;
border-radius: 50%;
width: 24px;
height: 24px;
margin: 0 10px -6px 0;
border: 3px solid #18d26e;
border-top-color: #eee;
-webkit-animation: animate-loading 1s linear infinite;
animation: animate-loading 1s linear infinite
}

.php-email-form textarea {
min-height: 160px
}

@-webkit-keyframes animate-loading {
0% {
transform: rotate(0deg)
}

100% {
transform: rotate(360deg)
}
}

@keyframes animate-loading {
0% {
transform: rotate(0deg)
}

100% {
transform: rotate(360deg)
}
}

.post-entry {
margin-bottom: 60px
}

.post-entry .post-text .post-meta {
text-decoration: none;
color: #ccc;
font-size: 13px;
display: block;
margin-bottom: 10px
}

.post-entry .post-text h3 {
font-size: 20px;
color: #000000
}

.post-entry .post-text h3 a {
text-decoration: none;
color: #000000
}

.post-entry .post-text h3 a:hover {
text-decoration: none;
color: #2d71a1
}

.post-entry .post-text .readmore {
color: #2d71a1
}

.sidebar-box {
margin-bottom: 30px;
padding: 25px;
font-size: 15px;
width: 100%;
float: left;
background: #fff
}

.sidebar-box *:last-child {
margin-bottom: 0
}

.sidebar-box h3 {
font-size: 18px;
margin-bottom: 15px
}

.categories li,.sidelink li {
position: relative;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted gray("300");
list-style: none
}

.categories li:last-child,.sidelink li:last-child {
margin-bottom: 0;
border-bottom: none;
padding-bottom: 0
}

.categories li a,.sidelink li a {
text-decoration: none;
display: block
}

.categories li a span,.sidelink li a span {
position: absolute;
right: 0;
top: 0;
color: #ccc
}

.categories li.active a,.sidelink li.active a {
text-decoration: none;
color: #000000;
font-style: italic
}

.comment-form-wrap {
clear: both
}

.comment-list {
padding: 0;
margin: 0
}

.comment-list .children {
padding: 50px 0 0 40px;
margin: 0;
float: left;
width: 100%
}

.comment-list li {
padding: 0;
margin: 0 0 30px 0;
float: left;
width: 100%;
clear: both;
list-style: none
}

.comment-list li .vcard {
width: 80px;
float: left
}

.comment-list li .vcard img {
width: 50px;
border-radius: 50%
}

.comment-list li .comment-body {
float: right;
width: calc(20%)
}

.comment-list li .comment-body h3 {
font-size: 20px
}

.comment-list li .comment-body .meta {
text-decoration: none;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 0.1em;
color: #ccc
}

.comment-list li .comment-body .reply {
padding: 5px 10px;
background: #e6e6e6;
color: #000000;
text-transform: uppercase;
font-size: 14px
}

.comment-list li .comment-body .reply:hover {
color: #000000;
background: #e3e3e3
}

.search-form {
background: #f7f7f7;
padding: 10px
}

.search-form .form-group {
position: relative
}

.search-form .form-group input {
padding-right: 50px
}

.search-form .icon {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%)
}

#header {
height: 80px;
z-index: 997;
transition: all .5s
}

#header.header-scrolled {
background: rgba(39,70,133,0.8);
height: 60px
}

#header .logo h1 {
font-size: 28px;
margin: 0;
padding: 4px 0;
line-height: 1;
font-weight: 500
}

#header .logo h1 a,#header .logo h1 a:hover {
color: #fff;
text-decoration: none
}

#header .logo img {
padding: 0;
margin: 0;
max-height: 40px
}

.navbar-nav {
display: flex;
flex-direction: row !important;
list-style: none;
align-items: center;
font-family: "Roboto",sans-serif
}

.navbar li {
position: relative
}

.navbar .nav-link {
padding: 10px 0 10px 20px !important
}

.navbar .nav-link:hover,.navbar .active,.navbar .active:focus,.navbar .nav-link:hover>a {
color: #fff
}

.mobile-nav-toggle {
color: #fff;
font-size: 28px;
cursor: pointer;
display: none;
line-height: 0;
transition: 0.5s
}

@media (max-width: 992px) {
.mobile-nav-toggle {
display:block
}

.navbar ul {
display: none
}
}

.navbar-mobile {
position: fixed;
overflow: hidden;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(27,49,94,0.9);
transition: 0.3s;
z-index: 999
}

.navbar-mobile .mobile-nav-toggle {
position: absolute;
top: 15px;
right: 15px
}

.navbar-mobile ul {
display: block;
position: absolute;
top: 55px;
right: 15px;
bottom: 15px;
left: 15px;
padding: 10px 0;
border-radius: 10px;
background-color: #fff;
overflow-y: auto;
transition: 0.3s
}

.navbar-mobile a,.navbar-mobile a:focus {
padding: 10px 20px;
font-size: 15px;
color: #101c36
}

.navbar-mobile a:hover,.navbar-mobile .active,.navbar-mobile li:hover>a {
color: #2d71a1
}

.navbar-mobile .dropdown ul {
position: static;
display: none;
margin: 10px 20px;
padding: 10px 0;
z-index: 99;
opacity: 1;
visibility: visible;
background: #fff;
box-shadow: 0px 0px 30px rgba(127,137,161,0.25)
}

.navbar-mobile .dropdown ul li {
min-width: 200px
}

.navbar-mobile .dropdown ul a {
padding: 10px 20px
}

.navbar-mobile .dropdown ul a i {
font-size: 12px
}

.navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul li:hover>a {
color: #2d71a1
}

.navbar-mobile .dropdown>.dropdown-active {
display: block
}

.hero-section {
background: linear-gradient(to right, rgba(39,70,133,0.8) 0%, rgba(61,179,197,0.8) 100%),url('https://raw.githubusercontent.com/madi-nuralin/material/main/assets/background.jpg');
position: relative
}

.hero-section .wave {
width: 100%;
overflow: hidden;
position: absolute;
z-index: 1;
bottom: -150px
}

@media screen and (max-width: 992px) {
.hero-section .wave {
bottom:-180px
}
}

.hero-section .wave svg {
width: 100%
}

.hero-section,.hero-section>.container>.row {
height: 100vh;
min-height: 880px;
}

.hero-section.inner-page {
height: 60vh;
min-height: 0
}

.hero-section.inner-page .hero-text {
transform: translateY(-150px);
margin-top: -120px
}

@media screen and (max-width: 992px) {
.hero-section.inner-page .hero-text {
margin-top:-80px
}
}

.hero-section h1 {
font-size: 3.5rem;
color: #fff;
font-weight: 700;
margin-bottom: 30px
}

@media screen and (max-width: 1400px) {
.hero-section h1 {
font-size:2.5rem
}
}

@media screen and (max-width: 992px) {
.hero-section h1 {
font-size:2.5rem;
text-align: center;
margin-top: 40px
}
}

@media screen and (max-width: 992px) {
.hero-section .hero-text-image {
margin-top:4rem
}
}

.hero-section p {
font-size: 18px;
color: #fff
}

.hero-section .iphone-wrap {
position: relative
}

@media screen and (max-width: 992px) {
.hero-section .iphone-wrap {
text-align:center
}
}

.hero-section .iphone-wrap .phone-2,.hero-section .iphone-wrap .phone-1 {
position: absolute;
top: -50%;
overflow: hidden;
left: 0;
box-shadow: 0 15px 50px 0 rgba(0,0,0,0.3);
border-radius: 30px
}

@media screen and (max-width: 992px) {
.hero-section .iphone-wrap .phone-2,.hero-section .iphone-wrap .phone-1 {
position:relative;
max-width: 100%
}
}

.hero-section .iphone-wrap .phone-2,.hero-section .iphone-wrap .phone-1 {
width: 250px
}

@media screen and (max-width: 992px) {
.hero-section .iphone-wrap .phone-1 {
margin-left:-150px
}
}

.hero-section .iphone-wrap .phone-2 {
margin-top: 100px;
margin-left: 100px;
width: 350px
}

@media screen and (max-width: 1450px) {
.hero-section .iphone-wrap .phone-2 {
margin-top:150px;
margin-left: 50px;
width: 300px
}
}

@media screen and (max-width: 1400px) {
.hero-section .iphone-wrap .phone-2 {
margin-top:110px;
margin-left: 50px;
width: 270px
}
}

@media screen and (max-width: 992px) {
.hero-section .iphone-wrap .phone-2 {
width:250px;
position: absolute;
margin-top: 0px;
margin-left: 100px
}
}

.footer {
padding: 5rem 0 2.5rem 0
}

.footer h3 {
font-size: 18px;
margin-bottom: 30px
}

.footer ul li {
margin-bottom: 10px
}

.footer a {
color: #c61212
}

.footer .copyright {
margin-bottom: 0px
}

.footer .copyright,.footer .credits {
font-size: 14px
}

.social a {
display: inline-block;
width: 50px;
height: 50px;
border-radius: 50%;
background: #f8f9fa;
position: relative;
text-align: center;
transition: .3s background ease;
color: #0d1e2d;
line-height: 0
}

.social a span {
display: inline-block;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}

.social a:hover {
color: #fff;
background: #2d71a1
}

.social a i {
line-height: 0
}