/* ==========================================================
*
*
! Vertica - LESS Theme Builder
*  https://3jon.com/demo/nwp/item/vertica/jessie
*
========================================================== */
/* ==========================================================
! EDIT THE COLORS BELOW
========================================================== */
/* ==========================================================
! GENERAL 
========================================================== */
body {
  background-image: url('../../img/background.jpg');
  background-color: #759c8a;
}
.color1 {
  color: #fe4365;
}
h1,
h2 {
  color: #fe4365;
}
h3 {
  color: #759c8a;
}
.btn-default {
  background: #759c8a;
  border: #759c8a;
}
.btn-default:hover {
  background: #537a68 !important;
}
.btn-primary {
  background: #fe4365;
  border: #fe4365;
}
.btn-primary:hover {
  background: #ed3254 !important;
}
.btn-secondary {
  background: #e33b5a;
  border: #e33b5a;
}
.btn-secondary:hover {
  background: #d22a49 !important;
}
/* ==========================================================
! Tipography
========================================================== */
p {
  color: #333333;
}
.intro-title1 {
  color: #222222;
  border-bottom: 1px solid #fe4365;
}
.intro-title2 {
  color: #555555;
}
.section-title {
  color: #fe4365;
}
.section-item-title-1 {
  color: #fe4365bd;
}
/* ==========================================================
! PAGE LOADER 
========================================================== */
#page-loader {
  background: #648b79;
  color: #fe4365;
}
/* ==========================================================
! HEADER COLORS
========================================================== */
.top-color {
  background: #fe4365;
}
.top-color1 {
  background: #fe4365;
}
.top-color2 {
  background: #759c8a;
}
.top-color3 {
  background: #e33b5a;
}
/* ==========================================================
! SIDE MENU
========================================================== */
.side-menu-button {
  background: #333;
  opacity: 0.9;
}
.side-menu {
  background: #111;
}
.side-menu-nav li a:hover {
  color: #fff;
}
.side-menu-nav li.active a {
  color: #fff;
}
#side-menu-close {
  color: #fff;
}
/* ==========================================================
! GENERAL CONTENT
========================================================== */
/* ==========================================================
! PROFILE INTRO
========================================================== */
.profile-pic {
  border: 5px solid #ff00001c;
}
/* ==========================================================
! TIMELINE PROGRESS
========================================================== */
.timeline-wrap {
  background: #ff00001c;
}
.line-content {
  color: #333333;
}
/* ==========================================================
! SECTIONS: EDUCATION AND WORK EXPERIENCE
========================================================== */
.graduation-time,
.job {
  color: #777777;
}
/* ==========================================================
! SECTION: SKILLS
========================================================== */
.progress > .progress-completed {
  color: #888;
}
.progress-bar {
  background: #fe4365;
}
.progress-bar-2 {
  background: #759c8a;
}
.progress-bar-3 {
  background: #e33b5a;
}
/* ==========================================================
! SECTION: PORTFOLIO
========================================================== */
.portfolio .line-content {
  height: 255px;
}
.portfolio-item .hover-bg {
  background: #dc2143;
}
.bx-prev,
.bx-next {
  background: #759c8a;
}
.bx-prev:hover,
.bx-next:hover {
  color: #fff;
  background: #426957;
}
/* ==========================================================
! SECTION: CONTACT
========================================================== */
input.form-control,
textarea.form-control {
  background: #ff6587;
  border: 1px solid #ff5476;
}
.form-send {
  background: #759c8a;
  color: #fff;
}
.contact-subtitle-1 {
  color: #759c8a;
}
.modal-content .modal-title {
  color: #759c8a;
}
/* ==========================================================
! SECTION: THANK YOU
========================================================== */
.thank-you {
  color: #888888;
}
/* ==========================================================
! FOOTER
========================================================== */
#footer {
  background: #e33b5a;
  color: #fff;
}
#footer p {
  color: #fff;
}