/* ---------------------------
Global heading styles
--------------------------- */
.pkp_structure_main h1 {
  font-size: 2rem;
}

.pkp_structure_main h2 {
  font-size: 1.75rem;
}

.pkp_structure_main h3 {
  font-size: 1.5rem;
}


/* ---------------------------
Global link styles
--------------------------- */
/* Base styles */
.pkp_structure_content a {
  color: #990000;
  font-weight: bold;
  text-decoration: underline;
}

.pkp_footer_content a {
  color: #990000;
  font-weight: bold;
  text-decoration: none;
}

/* Shared visited state */
.pkp_structure_content a:visited,
.pkp_footer_content a:visited {
  color: #990000;
}

/* Shared hover/focus state */
.pkp_structure_content a:hover,
.pkp_structure_content a:focus,
.pkp_footer_content a:hover,
.pkp_footer_content a:focus {
  color: #660000;
  text-decoration: underline;
}

/* Shared active state */
.pkp_structure_content a:active,
.pkp_footer_content a:active {
  color: #cc0000;
  text-decoration: none;
}

/* ---------------------------
Buttons and gallery links
(fully consolidated)
--------------------------- */
.pkp_structure_content .cmp_button_wire,
.pkp_structure_content .obj_galley_link,
.cmp_button_wire,
.obj_galley_link,
.pkp_structure_content .cmp_button_wire:visited,
.pkp_structure_content .obj_galley_link:visited,
.cmp_button_wire:visited,
.obj_galley_link:visited {
  background: #fff; /* white background */
  border: 1px solid #222222;
  color: #990000; /* main red color */
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  cursor: pointer;
}

/* Hover/focus state */
.pkp_structure_content .cmp_button_wire:hover,
.pkp_structure_content .cmp_button_wire:focus,
.pkp_structure_content .obj_galley_link:hover,
.pkp_structure_content .obj_galley_link:focus,
.cmp_button_wire:hover,
.cmp_button_wire:focus,
.obj_galley_link:hover,
.obj_galley_link:focus {
  background: #fff; /* keep white */
  border: 1px solid #222222;
  color: #660000; /* slightly darker red */
  font-weight: bold;
  text-decoration: none;
}

/* Active state */
.pkp_structure_content .cmp_button_wire:active,
.pkp_structure_content .obj_galley_link:active,
.cmp_button_wire:active,
.obj_galley_link:active {
  background: #fff; /* still white */
  border-color: #111;
  color: #cc0000; /* active state red */
}

/* ---------------------------
Page index read_more links
(always #990000 and bold for all states)
--------------------------- */
.obj_issue_toc .published {
  display: none;
}

.pkp_page_index .current_issue .read_more,
.pkp_page_index .current_issue .read_more:visited,
.pkp_page_index .current_issue .read_more:hover,
.pkp_page_index .current_issue .read_more:focus,
.pkp_page_index .current_issue .read_more:active {
  color: #990000;
  font-weight: bold;
  text-decoration: underline;
}

/* ---------------------------
Article lists
--------------------------- */
ul.articles .obj_article_summary {
  padding: 1rem;
}

ul.articles li:nth-child(odd) {
  background-color: #ffffff;
}

ul.articles li:nth-child(even) {
  background-color: #f0f0f0;
}

/* ---------------------------
Navigation styles (desktop only)
--------------------------- */
@media (min-width: 992px) {
  .pkp_navigation_primary .dropdown-menu a:focus,
  .pkp_navigation_primary .dropdown-menu a:hover,
  .pkp_navigation_user .dropdown-menu a:focus,
  .pkp_navigation_user .dropdown-menu a:hover {
    border-color: #990000;
    color: #000;
  }

  .pkp_nav_list ul a,
  .pkp_navigation_user ul a {
    color: #990000;
  }
}
/* ---------------------------
home page style adjustments 1-2026
--------------------------- */

/* ---------------------------
home page - line spacing
--------------------------- */

/* 1. Style "Current Issue" header and reduce space below it */
.page_index_journal .current_issue h2 {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: -15px; /* Pulls the volume title up by 20px */
}

/* 2. Reduce space between Volume Title and the Article List */
.obj_issue_toc {
    margin-top: -80px; /* Pulls the article list up by 50px */
}

/* ---------------------------
home page - font style
--------------------------- */

/* Style the Section Headings (Articles, Special Sections, etc.) */
.obj_issue_toc .sections .section h3 {
    font-size: 18px;
    color: #767676;
    font-weight: normal;
	}

/* ---------------------------
home page - h2 text replacement - about the journal
--------------------------- */

/* Hide the original text inside the About section H2 */
.homepage_about h2 {
    font-size: 0; 
}

/* Replace "About the Journal" Insert the new hardcoded text using a pseudo-element */
.homepage_about h2::after {
    content: "International Journal of Communication";
    font-size: 22px; /* Restores the font size (adjust as needed) */
    font-weight: bold;
	font-style: italic;
    display: block; /* Ensures it sits on its own line */
}

/* ---------------------------
home page - h2 text replacement - current issue
--------------------------- */

/* Replace "Current Issue" with "Table of Contents" */
.page_index_journal .current_issue h2 {
    font-size: 0; /* Hides the original 'Current Issue' text */
}

.page_index_journal .current_issue h2::after {
    content: "Table of Contents"; /* The new text */
    font-size: 20px; /* Sets the size you wanted */
    line-height: 1.2;
    display: block;
}

/* ---------------------------
home page - issue anchor syles inline css indexJournal.tpl
--------------------------- */


/* ---------------------------
Issues - TOC article pgs. - ADA font color change
--------------------------- */
.obj_article_summary .pages {
    color: #414141;
	}

/* ---------------------------
OJS-3-enhanced-advanced-search CSS
--------------------------- */

.page_search .title {
    width: 50%;
    float: right;
    margin-top: 20px
}

.page_search .abstract {
    float: left;
    width: 50%;
    margin-top: 20px
}

.page_search .fullText {
    width: 50%;
    float: right;
    margin-top: 20px
}

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

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

.page_search .type {
    float: left;
    width: 50%;
    margin-top: 20px
}

.page_search .coverage {
    width: 50%;
    float: right;
    margin-top: 20px
}

.page_search .indexTerms {
    float: left;
    width: 50%;
    margin-top: 20px
}