/* ===================================================
   QUEST JOURNAL OF EDUCATION
   Elite • Modern • Responsive
=================================================== */


/* ================= GLOBAL ================= */

body {
    font-family: "Georgia", serif;
    font-size: 14px;
    line-height: 1.6;
    color: #0a011a;
    background-color: #f9fbfc;
  }
  
  
  /* ================= HEADER ================= */
  
  .pkp_structure_head {
    background: linear-gradient(135deg, #0b2e59, #123d73) !important;
    text-align: center !important;
    padding: 50px 20px !important;
  }
  
  .pkp_site_name {
    float: none !important;
    display: block !important;
    margin: 0 auto !important;
  }
  
  .pkp_site_name a {
    display: block !important;
    font-size: 45px !important;   /* Desktop size */
    font-weight: 900 !important;
    font-family: Georgia, serif !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    margin: 0 auto !important;
  }

  /* ===== CENTER ALL IMAGES ===== */


.homepage_image{

padding-left: 0px;
padding-right: 40px;
}

  /* ================= NAVIGATION ================= */
  
  .pkp_navigation_primary_wrapper,
  .pkp_navigation_primary_row {
    background-color: #f3f3f3 !important;
    text-align: left;
    color: #123d73;
  }

  .pkp_site_nav_menu a {
    color: white;
    

  }
  .pkp_site_nav_menu a:hover {
    color: #a5bdf1;
  }
  
  .pkp_navigation_primary_wrapper a,
  .pkp_navigation_primary_row a {
    color: #123d73 !important;
    font-weight: 500;
  }
  
  .pkp_navigation_primary_wrapper a:hover,
  .pkp_navigation_primary_row a:hover {
    color: #a5bdf1 !important;
  }
  
  
  /* ================= HEADINGS ================= */
  
  h1, h2, h3, h4 {
    font-family: "Georgia", serif;
    font-weight: bold;
    color: #0b2e59;
  }
  
  /*========Submission list (footer)========= */
  .pkp_block .title {
    display: block;
    margin-bottom: 10px;
    margin-top: 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;
    line-height: 1.43rem;
    color: rgba(0, 0, 0, 0.54);
}
  
  /* ================= ARTICLES ================= */
  
  .obj_article_summary .title a {
    color: #0b2e59;
    font-weight: 600;
  }
  
  .obj_article_summary .title a:hover {
    color: #1e8449;
  }
  
  
  /* ================= BUTTONS ================= */
  
  button,
  .pkp_button {
    background-color: #ffffff !important;
    color: #ffffff !important;
    border-radius: 4px;
    padding: 8px 16px;
    border: none;
    font-weight: 600;
  }
  
  button:hover,
  .pkp_button:hover {
    background-color: #aaddce !important;
  }
  
  
  /* ================= LINKS ================= */
  
  a {
    color: #062449;
  }
  
  a:hover {
    color: #a8e9c3;
  }
  
  
  /* ================= CONTENT ================= */
  
  .pkp_structure_content {
    max-width: 1100px;
    margin: auto;
    padding: 40px 20px;
  }
  
  
  /* ================= FOOTER ================= */
  
  .pkp_structure_footer_wrapper {
    background-color: #0b2e59 !important;
    color: #ffffff;
    padding: 30px 0;
    text-align: center;
  }
  
  .pkp_structure_footer_wrapper a {
    color: #3bb273 !important;
  }
  
  
  /* ================= ABSTRACT BOX ================= */
  
  .item.abstract {
    background-color: #eef6f2;
    padding: 20px;
    border-left: 4px solid #1e8449;
  }
  
  
  /* ================= DIVIDER ================= */
  
  hr {
    border: none;
    height: 1px;
    background-color: #dce3ea;
  }
  
  
  /* ===================================================
     RESPONSIVE DESIGN (MUST STAY AT THE BOTTOM)
  =================================================== */
  
  /* Tablet */
  @media (max-width: 768px) {
    .pkp_site_name a {
      font-size: 18px !important;
      letter-spacing: 1px !important;
    }
  
    .pkp_structure_head {
      padding: 40px 15px !important;
    }
    .homepage_image{

        padding-left: 0px;
        padding-right: 0px;
        }
  }
  
  
  /* Mobile */
  @media (max-width: 480px) {
    .pkp_site_name a {
      font-size: 15px !important;
      letter-spacing: 1px !important;
      line-height: 1.3 !important;
      padding: 0 10px !important;
    }
  
    .pkp_structure_head {
      padding: 30px 10px !important;
    }
    .homepage_image{

        padding-left: 0px;
        padding-right: 0px;
        }
  }

  @media (max-width: 1368px) {
    .pkp_site_name a {
      font-size: 28px !important;
      letter-spacing: 1px !important;
      line-height: 1.3 !important;
      padding: 0 10px !important;
    }
  
    .pkp_structure_head {
      padding: 30px 10px !important;
    }
    .homepage_image{

        padding-left: 0px;
        padding-right: 40px;
        }
  }
  @media (max-width: 667px) {
    .pkp_site_name a {
      font-size: 15px !important;
      letter-spacing: 1px !important;
      line-height: 1.3 !important;
      padding: 0 10px !important;
    }
  
    .pkp_structure_head {
      padding: 30px 10px !important;
    }
    .homepage_image{

        padding-left: 0px;
        padding-right: 0px;
        }
  }