/*
  Theme Name: nodejsengineer.ai
  Theme URI: https://nodejsengineer.ai/
  Author: nodejsengineer.ai Design Team
  Author URI: https://nodejsengineer.ai/
  Description: nodejsengineer designed and developed for the nodejsengineer.ai website use only
  Tags: nodejsengineer.ai
  Version: 1.0
  Requires at least: 5.0
  Tested up to: 5.4
  Requires PHP: 7.0
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.htpl
  Text Domain: nodejsengineer.ai
  This theme, like WordPress, is licensed under the GPL.
*/

body {
  font-family: "PT Sans", serif;
  font-size: 20px;
  background:#fff;
  color:#023a51
}
a {
  cursor: pointer;
  color: #12903e;
  text-decoration: underline;
  text-decoration-color: #12903e !important;
  text-decoration-thickness: 0.7px !important;
  text-underline-offset: .5ex;
  transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
a:hover {
  color: #12903e;
  text-underline-offset: .3ex;
  transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Rajdhani", sans-serif;
  font-weight: 900;
}

/* elements */
.featured-img {
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border: 1px solid #eee;
}
.featured-img-lg {
  height: 400px
}
.featured-img-md {
  display: block;
  height: 250px
}
.featured-img-sm {
  display: block;
  height: 200px
}
.featured-img-lg-content {
  position: absolute;
  left: 5px;
  bottom: 5px;
  width: calc(100% - 10px);
  padding: 10px 15px;
  background: #ffffffcf
}
.featured-img h2, .md-tile h2, .sm-tile h2 {
  font-size: 30px;
  font-weight: 900;
  padding: 0px;
  margin: 0px;
}
.sm-tile h2 {
  font-size: 25px;
}
.featured-img h2 a, .sm-tile h2 a, .md-tile h2 a {
  text-decoration: none;
  color: #161515
}
.single-category a {
  font-family: "Rajdhani", sans-serif;
  font-size: 15px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  padding: 2px 10px;
  background: #12903e;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.post-meta {
  font-size: 15px;
  margin: 10px 0px 5px 0px
}
.sm-tile h2 {
  font-size: 25px;
  font-weight: 900;
  padding: 0px;
  margin: 0px;
}
.more-news {
  position: relative;
  margin: 40px 0px 100px 0px;
  border-top: 2px solid #161515;
}
.more-news span, .more-news .more-news-content-wrapper {
  font-family: "Rajdhani", sans-serif;
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  display: inline-block;
  background: #000;
  padding: 2px 10px;
  color: #fff
}
.more-news .more-news-content-wrapper div, .more-news .more-news-content-wrapper h1 {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  font-weight: 900;
  font-size: 25px;
}
.more-news .more-news-content-wrapper div {
  font-weight: 500;
}
.entry-excerpt {
  font-size: 18px;
}
/* END // elements */

/* header */
#header {
  background: #161515;
  padding: 10px 0px
}
#header .container {
  position: relative
}
.logo {
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 20px;
  font-family: "Press Start 2P", system-ui;
  color: #fff;
  letter-spacing: -1px;
  margin-bottom: 20px;
}
.logo span {
  display: inline-block;
  background: #12903e;
  color: #fff;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 2px 8px 0px 8px;
  letter-spacing: -4px;
}
.logo a, .logo a:hover {
  color: #fff;
  text-decoration: none;
}
/* END // header */

/* navigation */
.menu-toggle {
  display: none
}
.navigation ul.nav-menu {
  font-family: "Rajdhani", sans-serif;
  text-align: right;
  padding: 0px;
  margin: 0px
}
.navigation ul.nav-menu li, .navigation ul.nav-menu li a {
  display: inline-block
}
.navigation ul.nav-menu li a {
  font-size: 17px;
  color: #fff;
  text-decoration: none;
  margin: 0px 10px;
}
.navigation ul.nav-menu li a:hover {
  text-decoration: underline
}
.navigation ul.nav-menu li:first-child a {
  margin-left: 0px;
}
.navigation ul.nav-menu li:last-child a {
  margin-right: 0px;
}
/* END // navigation */

/* post */
.single h1, .single h2, .single h3 {
  font-weight: 900;
}
.single h4, .single h5, .single h6 {
  color: #004f1b;
  font-weight: 500;
}
.single h1 {
  font-size: 55px;
  margin: 30px 0px
}
.single h2 {
  font-size: 45px;
  margin: 30px 0px
}
.single h3 {
  color: #004f1b;
  font-size: 35px;
  margin: 20px 0px;
}
.single h4 {
  font-size: 30px;
}
.single h5 {
  font-size: 25px;
}
.single h6 {
  font-size: 20px;
}
.single .sm-tile h2 {
  font-size: 25px;
  padding: 0px;
  margin: 0px;
}
.post-container-wrapper {
  position: relative
}
.post-container-wrapper aside.post-column-left {
  position: absolute; 
  top: 10px; 
  left: 20px; 
  width: 260px
}
.post-container-wrapper article.post-column {
  width: 100%;
  padding: 0px 0px 0px 300px
}
.sticky-container {
  position: sticky; 
  top: 30px; 
  max-height: calc(100vh - 100px); 
  overflow: scroll
}
.table-contents-title {
  font-family: "Rajdhani", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 900
}
#postLeftNav {
  font-family: "Rajdhani", sans-serif;
  list-style-type: none;
  margin: 0px;
  padding: 0px
}
#postLeftNav li {
  position: relative;
  padding-left: 15px;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  margin: 10px 0px
}
#postLeftNav li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  width: 5px;
  height: 15px;
  background-color: #12903e;
  transform: translateY(-50%)
}
#postLeftNav li a {
  color: #000
}
/* END // post */

/* search */
.wp-block-search__button {
  background: #12903e;
  color: #fff;
  border: 0px;
}
/* END // search */
/* footer */
#footer {
  border-top: 2px solid #000;
  margin-top: 60px;
  padding: 20px 10px
}
/* END // footer */

/* CSS Defaults */
  /* FONT */
  .font8{font-size: 8px;line-height:125%}.font9{font-size: 9px; line-height:125%}.font10{font-size: 10px; line-height:125%}.font11{font-size: 11px; line-height:125%}.font12{font-size: 12px; line-height:125%}.font13{font-size: 13px; line-height:125%}.font14{font-size: 14px; line-height:125%}.font15{font-size: 15px; line-height:125%}.font16{font-size: 16px; line-height:125%}.font17{font-size: 17px; line-height:125%}.font18{font-size: 18px; line-height:125%}.font19{font-size: 19px; line-height:125%}.font20{font-size: 20px; line-height:125%}.font21{font-size: 21px; line-height:125%}.font22{font-size: 22px; line-height:125%}.font23{font-size: 23px; line-height:125%}.font24{font-size: 24px; line-height:125%}.font25{font-size: 25px; line-height:125%}.font26{font-size: 26px; line-height:125%}.font27{font-size: 27px; line-height:125%}.font28{font-size: 28px; line-height:125%}.font29{font-size: 29px; line-height:125%}.font30{font-size: 30px; line-height:125%}.font35{font-size: 35px; line-height:125%}.font40{font-size: 40px; line-height:125%}.font45{font-size: 45px; line-height:125%}.font50{font-size: 50px; line-height:125%}.font55{font-size: 55px; line-height:125%}.font60{font-size: 60px; line-height:125%}
  /* COLOR */
	  .text-white{color:#fff}.text-yellow{color:#ffbc00}.text-red{color:#f5151c}.text-black{color:#000}.text-green{color:#36958e}.text-blue{color: #136cc2}.text-brown{color: #8a6d3b}.text-gray{color: #a3adbd}.text-cyan{color: #15A7C3}.text-orange{color: #FF8A0E}
  /* BACKGROUND */
    .no-bg{background: none}.bg-light-yellow{background:#fbefc8}.bg-light-red{background:#fce8e6}.bg-light-gray{background: #edf1f5}.gray-bg{background: gray}.white-bg{background: white}.light-green{background:#dff0d8}.light-yellow{background:#fcf8e3}.light-red{background:#f2dede}.light-blue{background:#eaf3f8}
  /* MARGIN */
    .mall-0{margin: 0px}.mall-5{margin: 5px}.mall-10{margin: 10px}.mall-15{margin: 15px}.mall-20{margin: 20px}.mall-25{margin: 25px}.mall-30{margin: 30px}.mall-35{margin: 35px}.mall-40{margin: 40px}.mall-45{margin: 45px}.mall-50{margin: 50px}
    .mt-0{margin-top: 0px}.mt-5{margin-top: 5px}.mt-10{margin-top: 10px}.mt-15{margin-top: 15px}.mt-20{margin-top: 20px}.mt-25{margin-top: 25px}.mt-30{margin-top: 30px}.mt-35{margin-top: 35px}.mt-40{margin-top: 40px}.mt-45{margin-top: 45px}.mt-50{margin-top: 50px}.mt-55{margin-top: 55px}.mt-60{margin-top: 60px}.mt-65{margin-top: 65px}.mt-70{margin-top: 70px}.mt-80{margin-top: 80px}.mt-90{margin-top: 90px}.mt-100{margin-top: 100px}.mt-200{margin-top: 200px}
    .mb-0{margin-bottom: 0px}.mb-5{margin-bottom: 5px !important}.mb-10{margin-bottom: 10px}.mb-15{margin-bottom: 15px}.mb-20{margin-bottom: 20px}.mb-25{margin-bottom: 25px}.mb-30{margin-bottom: 30px}.mb-35{margin-bottom: 35px}.mb-40{margin-bottom: 40px}.mb-45{margin-bottom: 45px}.mb-50{margin-bottom: 50px}.mb-55{margin-bottom: 55px}.mb-60{margin-bottom: 60px}.mb-65{margin-bottom: 65px}.mb-70{margin-bottom: 70px}.mb-80{margin-bottom: 80px}.mb-90{margin-bottom: 90px}.mb-100{margin-bottom: 100px}.mb-200{margin-bottom: 200px}
    .ml-0{margin-left: 0px}.ml-5{margin-left: 5px}.ml-10{margin-left: 10px}.ml-15{margin-left: 15px}.ml-20{margin-left: 20px}.ml-25{margin-left: 25px}.ml-30{margin-left: 30px}.ml-35{margin-left: 35px}.ml-40{margin-left: 40px}.ml-45{margin-left: 45px}.ml-50{margin-left: 50px}
    .mr-0{margin-right: 0px}.mr-5{margin-right: 5px}.mr-10{margin-right: 10px}.mr-15{margin-right: 15px}.mr-20{margin-right: 20px}.mr-25{margin-right: 25px}.mr-30{margin-right: 30px}.mr-35{margin-right: 35px}.mr-40{margin-right: 40px}.mr-45{margin-right: 45px}.mr-50{margin-right: 50px}
  /* PADDING */
    .pall-0{padding: 0px}.pall-5{padding: 5px}.pall-10{padding: 10px}.pall-15{padding: 15px}.pall-20{padding: 20px}.pall-25{padding: 25px}.pall-30{padding: 30px}.pall-35{padding: 35px}.pall-40{padding: 40px}.pall-45{padding: 45px}.pall-50{padding: 50px}
    .pt-0{padding-top: 0px}.pt-5{padding-top: 5px}.pt-10{padding-top: 10px}.pt-15{padding-top: 15px}.pt-20{padding-top: 20px}.pt-25{padding-top: 25px}.pt-30{padding-top: 30px}.pt-35{padding-top: 35px}.pt-40{padding-top: 40px}.pt-45{padding-top: 45px}.pt-50{padding-top: 50px}.pt-55{padding-top: 55px}.pt-60{padding-top: 60px}.pt-65{padding-top: 65px}.pt-70{padding-top: 70px}.pt-80{padding-top: 80px}.pt-90{padding-top: 90px}.pt-100{padding-top: 100px}.pt-200{padding-top: 200px}
    .pb-0{padding-bottom: 0px}.pb-5{padding-bottom: 5px}.pb-10{padding-bottom: 10px}.pb-15{padding-bottom: 15px}.pb-20{padding-bottom: 20px}.pb-25{padding-bottom: 25px}.pb-30{padding-bottom: 30px}.pb-35{padding-bottom: 35px}.pb-40{padding-bottom: 40px}.pb-45{padding-bottom: 45px}.pb-50{padding-bottom: 50px}.pb-55{padding-bottom: 55px}.pb-60{padding-bottom: 60px}.pb-65{padding-bottom: 65px}.pb-70{padding-bottom: 70px}.pb-80{padding-bottom: 80px}.pb-90{padding-bottom: 90px}.pb-100{padding-bottom: 100px}.pb-200{padding-bottom: 200px}
    .pl-0{padding-left: 0px}.pl-5{padding-left: 5px}.pl-10{padding-left: 10px}.pl-15{padding-left: 15px}.pl-20{padding-left: 20px}.pl-25{padding-left: 25px}.pl-30{padding-left: 30px}.pl-35{padding-left: 35px}.pl-40{padding-left: 40px}.pl-45{padding-left: 45px}.pl-50{padding-left: 50px}
    .pr-0{padding-right: 0px}.pr-5{padding-right: 5px}.pr-10{padding-right: 10px}.pr-15{padding-right: 15px}.pr-20{padding-right: 20px}.pr-25{padding-right: 25px}.pr-30{padding-right: 30px}.pr-35{padding-right: 35px}.pr-40{padding-right: 40px}.pr-45{padding-right: 45px}.pr-50{padding-right: 50px}
  /* HELPERS */
  .clear{clear: both}.italic{font-style: italic}.hide{display: none}.line-through{text-decoration: line-through}.underline{text-decoration: underline}.pointer{cursor: pointer}.not-allowed{cursor:not-allowed}.uppercase{text-transform:uppercase}.inline{display: inline}.inline-block{display: inline-block}.block{display: block}.absolute{position: absolute}.relative{position: relative}.text-left{text-align: left}.text-center{text-align: center}.text-right{text-align: right}.font-slim{font-weight: 100}.font-normal{font-weight: 400}.font-bold{font-weight: 700}.font-xbold{font-weight: 900}.v-center{margin-top: auto;margin-bottom: auto}
  /* SHADOW */
    .shadow{-webkit-box-shadow: 0 2px 16px #0000001a; box-shadow: 0 2px 16px #0000001a}
  /* TRANSITION */
    .trans { transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; -ms-transition-duration: .4s}
    .trans:hover { transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; -ms-transition-duration: .4s}
  /* DIVIDERS */
    .divider {margin: 50px auto; height: 2px; width: 80%; background: #b3b3b3; background: linear-gradient(90deg, hsl(0deg 0% 100%), hsl(0, 0%, 70%), hsl(0deg 0% 100%))}
  /* ROUND CORNERS */
    .round-8 { -webkit-border-radius: 8px; border-radius: 8px}.round-20 { -webkit-border-radius: 20px; border-radius: 20px}
  /* BACKGROUND IMAGE */
    .background-image {background-position: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
/* END CSS Defaults */

@media only screen and (max-width: 991px) {
/* navigation */
.menu-toggle {display: inline-block; border: 1px solid #12903e; background: none; color: #12903e; padding: 2px 10px 0px 10px}
.navigation ul.nav-menu {display: none; width: 200px; position: absolute; top: 40px; right: 10px; z-index: 99; color: #12903e; border: 1px solid #12903e; background: #161515;}
.navigation ul.nav-menu li, .navigation ul.nav-menu li a {display: block}
.navigation ul.nav-menu li a {margin: 0px; padding: 10px; text-align: center; border-bottom: 1px solid #12903e;}
.navigation ul.nav-menu li:last-child a {border-bottom: 0px solid #12903e}
/* END // navigation */
}
@media only screen and (max-width: 767px) {
  .more-news span, .more-news .more-news-content-wrapper {width: 80%; text-align: center}
  .more-news {margin: 40px 0px 70px 0px}
  .md-tile {margin-bottom: 30px}
}
@media only screen and (max-width: 575px) {
  .logo {left: 10px}
}
@media only screen and (max-width: 450px) {
  .logo {top: 5px; font-size: 15px}
}
@media only screen and (max-width: 340px) {
  .logo {top: 7px; font-size: 13px}
}