/*!
  * Item: Kitzu
  * Description: Personal Portfolio Template
  * Author/Developer: Exill
  * Author/Developer URL: https://themeforest.net/user/exill
  * Version: v1.1.0
  * License: Themeforest Standard Licenses: https://themeforest.net/licenses
  */

/*----------- ADD YOUR CUSTOM CSS STYLES BELOW -----------*/

.etica-blue {
  color: #009fe3;
}

.etica-blue-light {
  color: #b3e8ff;
}

.home-area .fixed-wrapper.foot {
  color: #e6e6e6;
  display: block;
  margin: 0;
  font-size: 10px;
  text-align: center;
  width: 100%;
}
#home.home-area {
  background-image: url(../img/girl.png), url(../img/home.jpg);
  background-position: 10% 100%, top left;
  background-repeat: no-repeat;
  background-size: 50vh, auto;"
}
.njb {
	font-family: "NewJuneBold", sans-serif; 
}
.myp {
	font-family: "MyriadPro", sans-serif;
}
#blog .blog-section .single-post {
border: 4px solid #009fe3;
background-color: #b3e8ff;
padding: 10px;
border-radius: 1rem;
color: #000;
}
#blog .blog-section .single-post .post-content .content-description {
font-size: 18px!important;
}
.number {
font-size: 3rem;
background-color: #009fe3;
color: #fff;
border-radius: 50%;
height: 4rem;
width: 4rem;
line-height: 4.2rem;
}

#blog .blog-section .single-post img.card-img-top {
margin-top: 30px;
}
#about .content-description {
font-size: 16px!important;
}
.video-description {
font-size: 18px!important;
}

#about ul {
  list-style: none; /* Remove default bullets */
}

#about ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #009fe3; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.lightbox-wrapper .lightbox-content .section-heading.page-heading>.section-title.njb {
margin-bottom: 0!important;
}
#about .side-bar {
border: 4px solid #009fe3;
background-color: #b3e8ff;
padding: 20px;
border-radius: 1rem;
color: #000;
text-align: center;
}
#about .side-bar-text {
font-size: 2rem;
line-height: 3rem;
}
#resume .side-bar {
border: 4px solid #009fe3;
background-color: #b3e8ff;
padding: 20px;
border-radius: 1rem;
color: #000;
text-align: center;
}

#resume #side-bar-title {
color: #fff;
font-size: 4rem!important;
text-shadow: 2px 2px #000;
}
#resume .side-bar .section-description {
font-size: 1.2rem!important;
}
#resume .side-bar-text {
font-size: 3rem;
line-height: 6rem;
}
.side-bar-white {
color: #fff!important;
text-shadow: 2px 2px #000;
}

@media (max-width: 768px) {
  #home.home-area {
  background-position: 50% 100%, top left;
    background-size: 38vh, auto;"
  }
}

@media (max-width: 414px) {
.home-area .home-name-2 {
  font-size: 13px;
}
.home-content {
margin-top: -40px;
}
#about .content-description {
margin-top: 30px;
  font-size: 18px;
}
#blog .card {
margin-bottom: 50px;
}
.number {
font-size: 2rem;

height: 3rem;
width: 3rem;

line-height: 3.2rem;

}
}