
/* =========================================================
   JOB ALERT RJ - PREMIUM BLOG POST CSS
   SEO + MOBILE + RESPONSIVE
========================================================= */

.rj-blog-post{
  font-family:'Open Sans',Arial,sans-serif !important;
  line-height:1.8 !important;
  color:#333 !important;
  background:#fff !important;
  padding:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
}


.rj-blog-post h2{
  color:#fff !important;
  background:linear-gradient(90deg,#117a65 0%,#1abc9c 100%) !important;
  font-size:22px !important;
  line-height:1.5 !important;
  padding:12px 18px !important;
  border-radius:7px !important;
  margin:35px 0 15px !important;
  box-shadow:0 4px 6px rgba(0,0,0,.10) !important;
}

.rj-blog-post h3{
  color:#c0392b !important;
  font-size:20px !important;
  line-height:1.5 !important;
  margin:28px 0 12px !important;
  border-left:4px solid #c0392b !important;
  padding-left:10px !important;
  font-weight:700 !important;
}

.rj-blog-post p{
  font-size:16px !important;
  line-height:1.8 !important;
  margin:0 0 16px !important;
  color:#444 !important;
}

.rj-blog-post ul,
.rj-blog-post ol{
  margin:0 0 20px !important;
  padding-left:25px !important;
}

.rj-blog-post li{
  font-size:16px !important;
  line-height:1.8 !important;
  margin-bottom:8px !important;
}


/* =========================================================
   TABLES
========================================================= */

.rj-table-wrapper{
  width:100% !important;
  margin:25px 0 !important;
  box-shadow:0 5px 15px rgba(0,0,0,.08) !important;
  border:1px solid #e0e0e0 !important;
  border-radius:8px !important;
  overflow:hidden !important;
}

table.rj-custom-table{
  width:100% !important;
  border-collapse:collapse !important;
  background:#fff !important;
  margin:0 !important;
  table-layout:fixed !important;
  word-wrap:break-word !important;
  overflow-wrap:anywhere !important;
}

.two-column-table th:first-child,
.two-column-table td:first-child{
  width:40% !important;
}

.two-column-table th:last-child,
.two-column-table td:last-child{
  width:60% !important;
}

table.rj-custom-table th,
table.rj-custom-table td{
  border:1px solid #e0e0e0 !important;
  padding:10px 12px !important;
  vertical-align:middle !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  text-align:left !important;
}

table.rj-custom-table th{
  background:#fff !important;
  color:#0b5345 !important;
  font-size:15px !important;
  font-weight:800 !important;
  border-bottom:3px solid #1abc9c !important;
}

table.rj-custom-table td{
  font-size:14px !important;
  color:#333 !important;
}

table.rj-custom-table tbody tr:nth-child(even){
  background:#f4f6f6 !important;
}

table.rj-custom-table tbody tr:hover{
  background:#e8f8f5 !important;
}

table.rj-custom-table th.center-align,
table.rj-custom-table td.center-align{
  text-align:center !important;
}

/* =========================================================
   BUTTONS
========================================================= */

.rj-btn{
  display:inline-block !important;
  padding:9px 18px !important;
  background:#d35400 !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:700 !important;
  border-radius:5px !important;
  text-align:center !important;
  transition:.3s !important;
  border:none !important;
  box-shadow:0 4px 6px rgba(0,0,0,.15) !important;
  margin:3px 0 !important;
}

.rj-btn:hover{
  background:#a04000 !important;
  color:#fff !important;
  transform:translateY(-2px) !important;
}

.rj-btn-blue{
  background:#2874a6 !important;
}

.rj-btn-blue:hover{
  background:#1b4f72 !important;
}

/* =========================================================
   NOTICE BOX
========================================================= */

.rj-notice-box{
  background:#fef9e7 !important;
  border-left:5px solid #f1c40f !important;
  padding:15px !important;
  margin:20px 0 !important;
  border-radius:5px !important;
}

.rj-notice-box p{
  margin-bottom:8px !important;
}

/* =========================================================
   READ ALSO
========================================================= */

.rj-read-also{
  background:#e8f8f5 !important;
  border-left:5px solid #1abc9c !important;
  padding:12px 18px !important;
  margin:25px 0 !important;
  border-radius:5px !important;
  box-shadow:0 2px 4px rgba(0,0,0,.05) !important;
}

.rj-read-also a{
  color:#c0392b !important;
  font-weight:700 !important;
  text-decoration:none !important;
}

.rj-read-also a:hover{
  color:#117a65 !important;
}

/* =========================================================
   WHATSAPP
========================================================= */

.rj-whatsapp-box{
  background:#fff !important;
  border-radius:16px !important;
  border:1px solid #e8e8e8 !important;
  box-shadow:0 6px 18px rgba(0,0,0,.08) !important;
  margin:30px 0 !important;
  overflow:hidden !important;
}

.rj-whatsapp-head{
  background:linear-gradient(135deg,#25d366,#128c7e) !important;
  padding:14px 18px !important;
  text-align:center !important;
  color:#fff !important;
  font-size:18px !important;
  font-weight:700 !important;
}

.rj-whatsapp-body{
  padding:20px !important;
  text-align:center !important;
}

.rj-whatsapp-body p{
  color:#222 !important;
  font-size:16px !important;
  margin:0 !important;
}

.rj-whatsapp-btn{
  display:inline-block !important;
  background:#25d366 !important;
  color:#fff !important;
  border-radius:8px !important;
  font-size:16px !important;
  font-weight:700 !important;
  margin-top:15px !important;
  padding:12px 28px !important;
  text-decoration:none !important;
}

/* =========================================================
   PREPARATION TIP
========================================================= */

.rj-tip{
  background:#f8fbff !important;
  border:1px solid #dbeafe !important;
  border-left:5px solid #2874a6 !important;
  border-radius:6px !important;
  padding:14px 16px !important;
  margin:15px 0 25px !important;
}

.rj-tip-title{
  color:#1b4f72 !important;
  font-weight:800 !important;
  margin-bottom:5px !important;
}

/* =========================================================
   HIGHLIGHT BOX
========================================================= */

.rj-highlight{
  background:linear-gradient(135deg,#fef9e7,#fff) !important;
  border:1px solid #f5d76e !important;
  border-radius:10px !important;
  padding:16px !important;
  margin:20px 0 !important;
}

.rj-highlight strong{
  color:#9a6700 !important;
}

/* =========================================================
   STUDY PLAN
========================================================= */

.rj-study-table th{
  background:#117a65 !important;
  color:#fff !important;
  border-bottom:0 !important;
}

.rj-study-table td:first-child{
  width:20% !important;
  font-weight:700 !important;
  text-align:center !important;
}

/* =========================================================
   LATEST POSTS - STATIC HTML
========================================================= */

#rj-dontmiss{
  margin:30px 0 !important;
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:18px !important;
  overflow:hidden !important;
  box-shadow:0 2px 8px rgba(0,0,0,.08) !important;
  font-family:Arial,sans-serif !important;
}

#rj-dontmiss .rj-head{
  padding:18px 22px !important;
  font-size:25px !important;
  font-weight:800 !important;
  color:#d4002a !important;
  background:#fafafa !important;
  border-bottom:1px solid #ececec !important;
  letter-spacing:.3px !important;
}

.rj-item{
  display:block !important;
  padding:17px 22px !important;
  text-decoration:none !important;
  border-bottom:1px solid #ededed !important;
  transition:.25s !important;
}

.rj-item:last-child{
  border-bottom:none !important;
}

.rj-item:hover{
  background:#fafafa !important;
}

.rj-title{
  font-size:19px !important;
  font-weight:700 !important;
  line-height:1.5 !important;
  color:#1f2937 !important;
  margin-bottom:5px !important;
}

.rj-meta{
  font-size:14px !important;
  color:#c70039 !important;
  line-height:1.5 !important;
}

/* =========================================================
   FAQ
========================================================= */

.rj-faq-section{
  margin-top:25px !important;
  margin-bottom:30px !important;
}

.rj-faq-container{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
}

.rj-faq-item{
  background:#fff !important;
  border:1px solid #d5dbdb !important;
  border-radius:8px !important;
  overflow:hidden !important;
  box-shadow:0 2px 5px rgba(0,0,0,.05) !important;
}

.rj-faq-item[open]{
  border-color:#1abc9c !important;
  box-shadow:0 4px 10px rgba(26,188,156,.15) !important;
}

.rj-faq-item summary{
  padding:15px 45px 15px 18px !important;
  font-size:16px !important;
  font-weight:700 !important;
  color:#117a65 !important;
  cursor:pointer !important;
  background:#e8f8f5 !important;
  position:relative !important;
  list-style:none !important;
  outline:none !important;
}

.rj-faq-item summary::-webkit-details-marker{
  display:none !important;
}

.rj-faq-item summary::after{
  content:'+' !important;
  position:absolute !important;
  right:18px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  font-size:24px !important;
  color:#117a65 !important;
}

.rj-faq-item[open] summary::after{
  content:'−' !important;
  font-size:27px !important;
}

.rj-faq-item p{
  padding:15px 18px !important;
  margin:0 !important;
  color:#444 !important;
  font-size:15px !important;
  background:#fff !important;
  border-top:1px solid #e0e0e0 !important;
}

/* =========================================================
   SOURCE / DISCLAIMER
========================================================= */

.rj-source-box{
  background:#f7f7f7 !important;
  border:1px solid #e2e2e2 !important;
  border-radius:8px !important;
  padding:15px !important;
  margin:25px 0 !important;
}

.rj-source-box strong{
  color:#117a65 !important;
}

/* =========================================================
   MOBILE
========================================================= */

@media(max-width:768px){

  .rj-blog-post h1{
    font-size:23px !important;
  }

  .rj-blog-post h2{
    font-size:19px !important;
    padding:10px 13px !important;
  }

  .rj-blog-post h3{
    font-size:18px !important;
  }

  .rj-blog-post p,
  .rj-blog-post li{
    font-size:15px !important;
  }

  table.rj-custom-table th,
  table.rj-custom-table td{
    padding:7px 5px !important;
    font-size:13px !important;
  }

  table.rj-custom-table th{
    font-size:13px !important;
  }

  .rj-author-info{
    font-size:13px !important;
    gap:5px 8px !important;
  }

  #rj-dontmiss .rj-head{
    font-size:19px !important;
    padding:14px 16px !important;
  }

  .rj-item{
    padding:14px 15px !important;
  }

  .rj-title{
    font-size:16px !important;
  }

  .rj-meta{
    font-size:13px !important;
  }

  .rj-faq-item summary{
    font-size:15px !important;
    padding:14px 40px 14px 14px !important;
  }
}
