/* PLACE YOU CUSTOM STYLES IN THIS FILE */

/*SNOW PAGES*/
body {
  margin:0;
/*  padding:0;*/
  background-color: white;
}

/*all page backgrounds*/
.nk-main {
  background-color: white;
}

/*navbar height*/
.nk-navbar {
/*  padding: 20px 0;*/
}

/*.active {
  color: #0e0e0e;
  padding: 6px 14.6px;
  font-weight: 500;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;*/
/*  text-decoration: underline;*/
/*  border-bottom: 1px solid #ededf0;
  padding-bottom: 3px;*/
/*  pointer-events: none;

}*/

.home-bio {
  background-color: #f6f6f6;
}

/*homepage box at top*/
.nk-box, .nk-box-1, .nk-box-2, .nk-box-3, .nk-box-4, .nk-box-rounded, .nk-box-rounded-1, .nk-box-rounded-2, .nk-box-rounded-3, .nk-box-rounded-4 {
  height: initial;
}

/*footer*/
.nk-footer {
  background-color: white;
}

/*portfolio filter - work-4-style-1.html (now on homepage)*/
.nk-isotope-filter {
  margin-top: 60px;
}

/*portfolio item hover*/
.nk-portfolio-list .nk-portfolio-item.nk-portfolio-item-info-style-1 .nk-portfolio-item-info, .nk-portfolio-list .nk-portfolio-item.nk-portfolio-item-info-style-2 .nk-portfolio-item-info {
/*  color: #000;*/
/*  background-color: rgba(255, 255, 255, 0.85);*/
/*  background-color: rgba(0, 0, 0, 1);*/
  background-color: #252525;
}

/*button*/
.nk-btn.active, .nk-btn.hover, .nk-btn:active, .nk-btn:focus, .nk-btn:hover {
  background-color: #666666;
}

/* HOME PAGE Bio */
/*@media (max-width: 980px) }
  .mw-620 {
  max-width: 90000px !important;
  }
}*/
.mw-620 {
  max-width: initial !important;
}

.skills-icons {
  display: block;
  line-height: 0px;
  opacity: 0.95;
}

.sklls-platform {
  margin-top:-1px;
  font-size:.97rem;
  font-weight:500;
  color: #fff !important;
/*  text-transform:uppercase*/
}

.skills-app {
  font-weight: 500;
  font-size: 1.25rem;
  box-sizing: border-box;
  color: #fff !important;
}

.skills-app-alone {
  font-weight: 500;
  font-size: 1.25rem;
  box-sizing: border-box;
  color: #fff !important;
}

.skills-app-alone-gap {
  margin-top:-0.5px;
  font-size:.48rem;
  font-weight:250;
  color: #fff !important;
/*  text-transform:uppercase*/
}


/*AJAX MODAL PORTFOLIO PAGE */
.blocker {
  z-index: 1001;
/*  background-color: #000; NOT SURE WHY THIS IS HERE???*/
/*  background-color: rgba(0,0,0,0.85);*/
  background-color: rgba(51, 51, 51, 0.85);
}
.modal {
/*  max-width: 1300px;*/
  max-width: initial;
  width: 95%;
  height: 95%;
  padding: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  overflow-y: hidden;
  overflow-x: hidden;
}

.modal-description {
  margin-left: 4%;
  margin-right: 4%;
}

/*removed it was shifting text to right lost center*/
/* @media (min-width:992px) { 
 .col-lg-8 {
  -ms-flex:0 0 90%;
  flex:0 0 90%;
  max-width:90%
 }
}*/

/*modal close button with X*/
.modal a.close-modal {
  top: 7.5px;
  right: 7.5px;
  z-index: 99999;
  background-color: black;
/*  opacity: .3;*/
/*  position: sticky; DOES NOT WORK
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;*/
}

/*Modal Next Prev buttons*/
/*.nk-pagination.nk-pagination-center {
  position: absolute;
  bottom: 0;
  top: 0;
}*/

iframe {
  /*height: 600px; */
  width: 100%;
  background-color: white;
  border: 0px none transparent;
  padding: 0px;
  overflow: hidden;
}

.iframe-banner {
  height:100%;
  padding: 0;
}

.sidebar {
  padding: 25px;
}
@media (max-width:667px) {
  .sidebar {
    padding: 0;
    overflow: hidden;
  }
  .sidebar ul {
    margin: 0;
  }
}

.sidebar-container {
  position: relative;
  width: 200px;
  height: 200px;
}
.sidebar {
  /*position: absolute; */
  bottom: 0;
  float: left;
}