@import url('//fonts.googleapis.com/css?family=Macondo|Open+Sans+Condensed:300');

	.comingsoon{
        background: #003300;
        width: 100%;
        min-height: 300px; 
        background-size: 100%; 
        text-align: center; 
    }
	
   .njera-banner {
        background: url('https://nodejsera.com/assets/img/nodejsera4.jpg');
        width: 100%;
        min-height: 450px; 
        background-size: 100%; 
        text-align: center; 
    }
    .njera-banner h1 {
        font-size: 72px;
        color: #fff; 
        font-weight: bolder; 
    }
    .njera-banner h2 {
        font-family: 'Macondo', cursive; 
        font-size: 32px; 
        color: #efefef; 
        font-weight: bolder; 
    }
 
    .navbar-nj {
        background: transparent; 
        padding: 20px; 
        border-style: none; 
    }
    .banner-content {
       
        background: rgba(20, 20, 20, 0.5);
        
        margin: 0px; 
        width: 100%; 
        height: 100%; 
        min-height: 450px; 
       

        
    }

 

    .social-links {
        color: #fff; 
        font-size: 40px; 
        text-decoration: none; 
    }
    .social-links:hover {
        color: #bbbbbb; 
         text-decoration: none; 
    }
    

    .btn-nj {
        background: transparent; 
        color: #eee; 
        border-style: none; 
        font-size: 20px; 
    }
    .trending {
         background: rgba(209, 196, 190,1);
        font-size: 48px;
        font-weight: bolder; 
        text-align: center; 
        font-family: 'Macondo', cursive; 
        color: #000000; 
        padding: 20px; 
    }
    .trending-space {
         background: rgba(209, 196, 190,1);
         color: rgba(209, 196, 190,1);
    }
	/**
	
	rgba(237, 202, 14, 1)
	
    #trending01 {
        min-height: 200px;
	}
	#trending01:hover {
        background: url('https://nodejsera.com/assets/img/a.png');
    }
	
    .trending2 {
                min-height: 200px;
                 background: #249538; 
    }
    .trending3 {
                min-height: 200px;
                 background: #a495a8; 
    }
    .trending4 {
                    min-height: 200px;
                     background: #a4f538; 
    }
	**/
    .col-md-3 {
        padding: 0px; 
    }
    .school-4 {
        min-height: 200px; 
         background: rgba(38, 136, 255, 1);
         font-size: 120px;
         padding: 20px; 
         text-align: center; 
         color: #ffffff;
         margin-right: 0px; 
    }
    .school-4 p {
          font-family: 'Pacifico', cursive;
          font-size: 28px; 
    }

    .school-content {
        background: #2f2f2f; 
        opacity: 0.5;
        padding: 5px 5px 5px 5px; 
        
    }
    .school-8 {
        font-family: 'Pacifico', cursive;
        margin-left: 0px; 

    }
    .school-8 row {
        margin: 0px; 
        padding: 0px; 
    }
    .school-8 .col-md-3 {
        padding: 0px; 
        margin: 0px; 
    }

    .library-4 {
         min-height: 200px; 
         background: rgba(144, 156, 32, 1);
         font-size: 120px;
         padding: 20px; 
         text-align: center; 
           color: #ffffff 
    }
    .library-4 p {
        font-family: 'Pacifico', cursive;
          font-size: 28px; 
    }
    .library-8{
        font-family: 'Pacifico', cursive;
    }
  .snippets-4 {
         min-height: 200px; 
         background: rgba(231, 29, 37, 1);
         font-size: 120px;
         padding: 20px; 
         text-align: center; 
           color: #ffffff 
    }
       .snippets-4 p {
          font-family: 'Pacifico', cursive;
          font-size: 28px; 
    }
    .snippets-8{
        font-family: 'Pacifico', cursive;
    }


        .store-4 {
         min-height: 200px; 
         background: rgba(38, 136, 255, 1);
         font-size: 120px;
         padding: 20px; 
         text-align: center; 
           color: #ffffff 
    }
       .store-4 p {
          font-family: 'Pacifico', cursive;
          font-size: 28px; 
    }
    .store-8{
        font-family: 'Pacifico', cursive;
    }
        .qa-4 {
         min-height: 200px; 
         background: rgba(144, 156, 32, 1);
         font-size: 120px;
         padding: 20px; 
         text-align: center; 
           color: #ffffff 
    }
       .qa-4 p {
          font-family: 'Pacifico', cursive;
          font-size: 28px; 
    }

    .qa-8{
        font-family: 'Pacifico', cursive;
    }
    .question1 {
         font-family: 'Open Sans Condensed', sans-serif;
         padding: 10px; 
         background: #222222; 
    }
    .answer1 {
         font-family: 'Open Sans Condensed', sans-serif;
         padding: 20px; 
         background: #cccccc; 
    }


        .quiz-4 {
         min-height: 200px; 
         background: rgba(242, 43, 40, 1);
         font-size: 120px;
         padding: 20px; 
         text-align: center; 
           color: #ffffff;
    }
       .quiz-4 p {
          font-family: 'Pacifico', cursive;
          font-size: 28px; 
    }
    .quiz-8{
        text-align: center; 
        font-family: 'Pacifico', cursive;
        padding: 30px; 
        margin-top: 20px; 
        
    }
    .btn-quiz {
        width: 150px;
        height: 150px; 
        border-radius: 75px; 
        font-family: 'Open Sans Condensed', sans-serif;
        margin-right: 20px; 
    }

    .nj-footer {
		
        background: #222222; 
        padding: 20px; 
    }
	



    /** Carousel **/
.carousel-inner .active.left { left: -33%; }
.carousel-inner .next        { left:  33%; }
.carousel-inner .prev        { left: -33%; }
.carousel-inner  { background: rgba(209, 196, 190,1); }
.carousel-control.left,.carousel-control.right {background-image:none;}
.item:not(.prev) {visibility: visible;}
.item.right:not(.prev) {visibility: hidden;}
.rightest{ visibility: visible;}

/** Carousel **/ 


.cardhead {
    background: #2f2f2f; 
}
.cardbody {
    background: #202020; 
}



.card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

/* Add some padding inside the card container */
.container {
    padding: 2px 16px;
}

.school-img {
    width: 100%;
    height: 50%; 
}

.btn-nj-ghost {
    text-align: center; 
}

.quiz-8 a {
    text-align: center;
    padding : 5px; 
    margin: 0px; 

}
.quiz-8 .thumbnail {
    background: #333333; 
    max-width: 200px;
    max-height: 200px; 
}

/** CSS for SChool Ends Here **/ 


.slinks {

    text-align: center;
    padding: 10px; 

}
.smeta {
    text-align: center; 
}
.slogo {
    font-size: 60px;
    color: #ffffff; 
    margin-bottom: 0px;
    padding: 0px;  
}
.slogo span {
    padding: 0px; 
    margin: 0px 
}
.slogo h1 {
    padding: 0px; 
    margin: 0px; 
}
.sbtn {
    width: 80px;
    height: 80px;
   
    border-radius: 40px;
    margin-right: 5px; 
    font-size: 12px;  
    background: #898989	;
    border-style: none; 
    
}
.sbtn:hover {

     border: 3px solid #f59585;

}

.scard {
    text-align: center; 
    background:  rgba(18, 97, 59, 1);
    padding: 0px; 
    border : 3px; 
    border-style: solid; 
    border-color: rgba(40, 40, 40, 1);
}
.scard-two {
    background:  rgba(118, 27, 229, 1);
}
.scard-three {
    background: rgba(241, 241, 10, 1); 
}
.scard-four {
    background: #3398ce;
}
.scard-five {
     background:  rgba(229, 27, 129, 1);
}
.scard-six {
     background:  rgba(29, 227, 129, 1);
}
.scard-seven {
    background: rgba(231, 158, 159, 1); 
}
.scard-eight {
     background: rgba(128, 64, 64, 1); 
}

.scardlogo {
    padding: 10px; 
}
.scardtitle {
    background: #fff; 
    width: 100%; 
    padding: 5px; 
    font-size: 24px; 
    font-family: 'Open Sans Condensed', sans-serif;
    color: #222222;
}
.sjumbotron {
    background: rgba(40, 40, 40, 1);
    padding-top: 80px; 
    margin-bottom: 0px; 
}
.sjumbotron .col-md-3 a{
    text-decoration: none; 
    margin-bottom : 0px; 
}
.srow .container {
     background: rgba(40, 40, 40, 1);
     padding: 0px; 
}


/** CSS for SChool Ends Here **/ 

/** CSS FOR LIBRARY SECTION **/ 

.ljumbotron {

     background: #efefef; 
    padding-top: 80px; 
    margin-bottom: 0px; 
}
.ljumbotron .col-md-3 a{
    text-decoration: none; 
}
.lrow .container {
     padding-top: 0px; 
    background: #efefef; 
}

.qjumbotron {
    background: #29855e; 
        padding-top: 80px; 
    margin-bottom: 0px; 
}
.qjumbotron .col-md-3 {
    margin-right: 0px; 
}
.qjumbotron row {
    padding: 0px; 
}


.lcard {
    text-align: center; 
    background:  rgba(18, 97, 59, 1);
    padding: 0px; 
    border : 3px; 
    border-style: solid; 
    border-color:#efefef; 
}
.lcardlogo {
    padding: 10px; 
}
.lcardtitle {
    background: #222222; 
    width: 100%; 
    padding: 5px; 
    font-size: 24px; 
    font-family: 'Open Sans Condensed', sans-serif;
    color: #ffffff;
}

.llogo {
    font-weight: bold; 
    text-align: center; 
    font-size: 60px;
    color: #222222; 
    margin-bottom: 0px;
    padding: 0px;  

}
.llogo span {
    padding: 0px; 
    margin: 0px 
}
.llogo h1 {
    padding: 0px; 
    margin: 0px; 
    font-family: 'Open Sans Condensed', sans-serif;
}

.lcard2 {
    background: #6dc066;
}

.lcard3 {
    background: #088da5;
}

/** CSS FOR LIBRARY SECTION **/ 

.brand-nj {
    font-family: 'Macondo', cursive; 
    font-size: 40px; 
    padding-top: 20px; 

}

/** CSS FOR SNIPPETS SECTION **/

.snippetstron {
      background: rgba(250, 250, 250, 1);
      text-align: center;
      font-size: 40px; 
     font-family: 'Pacifico', cursive;
      color: #2f2f2f; 

      margin-bottom: 0px; 
} 
.snippetsrow {
     background: rgba(250, 250, 250, 1);
}
.snippelet {
     width: 100%; 
     height: 100%; 
      background: rgba(250, 250, 250, 1); 
    
}
.snippleaf {
    text-align: center; 
    font-size: 24px; 
}
.snippelet1 {
    background: #cfcfcf; 
}
/** CSS FOR SNIPPETS SECTION **/ 


.nj-footer {
      text-align: center; 
      font-family: 'Open Sans Condensed', sans-serif;
      color: #cccccc; 
      padding-left: 10%; 
      margin-bottom: 0px; 
}
.red-heart {
    color: #f26060; 
}
.nj-footer ul {
    list-style-type: none;
    text-align: left; 
}