/* Rainy theme 5 -Green Digitalization Course-:
 rt4-1: #c5c8d9
 rt4-2: #9fa7bf
 rt4-3: #2a4359
 rt4-4: #49736f
 rt4-5: #568c63 */

/*Container home header*/
/*color=dark*/
.home_section_css {
display: flex;
background: #343a40;
}
.home_section_css .container {
display: flex;
background: #343a40;
}
.home_section_css .container .header {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.home_section_css .container .header .box {
  flex: 1;
  background: #343a40;
  color: #fff;
  border-radius: 2px;
  margin: 20px 10px;
  padding: 15px 20px;
  text-align:center;
}
.home_section_css .container .header .box:nth-of-type(1) {
  flex-grow:1;
  background: #343a40;
  color: #fff;
  border-radius: 2px;
  margin: 20px 10px;
  padding: 15px 20px;
  text-align:left;
}
.home_section_css .container .header .box:nth-of-type(2) {
  flex-grow:1;
  background: #343a40;
  color: #fff;
  border-radius: 2px;
  margin: 20px 10px;
  padding: 15px 20px;
  text-align:center;
}


/* Container home chapters */
.home_chapter_css {
  display: flex;
  background: #17a2b8 ;
  }
.home_chapter_css .container {
  display: flex;
  background:  #ffffff;
  }
.home_chapter_css .container .box {
  flex: 1;
  background: #343a40;
  color: #fff;
  height: 300px;
  border-radius: 5px;
  margin: 20px 10px;
  padding: 15px 20px;
  text-align:center;
}  
.home_chapter_css .container .box:nth-of-type(1) {
  background: #ffffff;
  flex-grow: 0.1;
}  
.home_chapter_css .container .box:nth-of-type(2) {
  background: #343a40;
  flex-grow: 3;
}  
.home_chapter_css .container .box:nth-of-type(3) {
  background: #343a40;
  flex-grow: 3;
}  
.home_chapter_css .container .box:nth-of-type(4) {
  background: #343a40;
  flex-grow: 3;
}  
.home_chapter_css .container .box:nth-of-type(5) {
  background: #343a40;
  flex-grow: 3;
}  
.home_chapter_css .container .box:nth-of-type(6) {
  background: #ffffff;
  flex-grow: 0.1;
}  
/* End container home chapters */

/* Container chapter 2 */
.section_chapter2 .container {
  background-color: #9AC7A9;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-around;
}
.column {
  background: #9AC7A9;
  display: flex;
  flex-direction: column;
  border: #ccc solid 0px;
  margin: 10px;
  padding: 10px;
  text-align: left;
  border-radius: 10px;      
  flex:1;
}
.column1 .box {
  flex: 1;
  background: #9AC7A9;
  border-radius: 10px;
  margin: 20px 10px;
  padding: 15px 20px;
}
.column2 .box {
  flex: 1;
  background: #9AC7A9;
  border-radius: 10px;
  margin: 20px 10px;
  padding: 15px 20px;
}
.column3 .box {
  flex: 1;
  background: #568c63;
  border-radius: 10px;
  margin: 20px 10px;
  padding: 15px 20px;
}
.column4 .box {
  flex: 1;
  background: #568c63;
  border-radius: 10px;
  margin: 20px 10px;
  padding: 15px 20px;
}
/* End container chapter 2 */

/*Container buttons section chapters*/
.container_buttons_links_chapters {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap:wrap;
}
.container_buttons_links_chapters a:hover {
  color: red;
}
/*End container buttons section chapters*/


/*Container buttons section header*/
.container_buttons_links_header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap:wrap;
}

.container_buttons_links_header a:hover {
  color: #343a40;
}
/*color=dark*/
.container_buttons_links_header btn {
  width: 100px;
  height: 100px;
  background: #343a40;
  color: #fff;

  display: flex;
  justify-content:center;
  align-items:center;
}

/*Container buttons section newsletter*/
.container_buttons_links_newsletter {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap:wrap;
}

.container_buttons_links_newsletter a:hover {
  color: #6c757d;
}
/*color=grey*/
.container_buttons_links_newsletter btn {
  width: 100px;
  height: 100px;
  background: #6c757d;
  color: #fff;

  display: flex;
  justify-content:center;
  align-items:center;
}

/*Chat layout*/
.content-section {
  background: #ffffff;
  padding: 10px 20px;
  border: 1px solid #dddddd;
  border-radius: 5px;
  margin-bottom: 20px;
}

.article-title {
  color: #444444;
}

a.article-title:hover {
  color: #428bca;
  text-decoration: none;
}

.article-content {
  white-space: pre-line;
  color: black;
  text-align: left;
}

.article-img {
  height: 65px;
  width: 65px;
  margin-right: 16px;
}

.article-metadata {
  padding-bottom: 1px;
  margin-bottom: 4px;
  border-bottom: 1px solid #e3e3e3
}

.article-metadata a:hover {
  color: #333;
  text-decoration: none;
}

.article-svg {
  width: 25px;
  height: 25px;
  vertical-align: middle;
}


@media(max-width:768px){
  .home_section_css .container {
    flex-direction: column;
    padding-top: 20px;
    text-align: center;
  }
 .home_section_css .container .header .box:nth-of-type(2) {
    flex-grow:1;
    background: #343a40;
    color: #fff;
    border-radius: 2px;
    margin: 0px 10px;
    padding: 15px 20px;
    text-align:center;
    max-width: 325px;
  }
  .home_chapter_css .container {
    flex-direction: column;
    padding: 10px;
    text-align: center;
  }
  .statistics_summary3_css {
    flex-direction: column;
    padding: 10px;
    text-align: center;
  }
  .section_chapter2 .container {
    flex-direction: column;
    padding: 10px;
    text-align: center;
  }
}