/* ==========================================================
*
! LESS Theme Builder
* Project:	Vertica - Retina Ready Resume / CV & Portfolio
*
========================================================== */
/*------------------------------------------------------------------
[Table of contents]

1. Colors
2. General
3. Tipography
4. Page Loader
5. Header Colors
6. Side Menu
7. Profile Intro
8. Vertical Timeline
9. Section: Education and Work Experience
10. Section: Skills
11. Section: Portfolio
12. Section: Contact
13. Section: Thank you
14. Footer
-------------------------------------------------------------------*/
/* ==========================================================
! 1. Colors (EDIT THE COLORS BELOW)
========================================================== */
//.side-menu-open {
    display: none;
    position: fixed;
    left: 0;
    height: 100%;
    cursor: pointer;
    z-index: 777;
}
/*@media (min-width: 992px){
.col-md-offset-2 {
    margin-left: 90px;
}
}*/

.color1 {
  color: #fc6000;
}
.color2 {
  color: #031634;
}
.color3 {
  color: #da222b;
}
.font1 {
  font-family: 'Open Sans', sans-serif;
}
.bold {
  font-weight: bold;
}
.bg-cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* ==========================================================
! 2. General
========================================================== */
body {
  /*background-image: url('../../img/bg-james3.jpg');*/
  background-color: #031634
      /*background-image: linear-gradient(-45deg, #2a2b2b, #ffffff);*/
}
h1,
h2 {
  color: #09afad;
}
h3 {
  color: #031634;
}
.header-buttons{
  display: none;
}
.btn-default {
  background: #031634;
  border: #031634;
}
.radius{
  border-radius: 50%;
}
.btn-default:hover {
  background: #000012 !important;
}
.btn-primary {
  background: #09afad;
  border: #09afad;
}
.btn-primary:hover {
  background: #009e9c !important;
}
.btn-secondary {
  background: #da222b;
  border: #da222b;
}
.btn-secondary:hover {
  background: #c9111a !important;
}
/* ==========================================================
! 3. Tipography
========================================================== */
p {
  color: #333333;
}
.intro-title1 {
  color: #222222;
  border-bottom: 1px solid #09afad;
  text-shadow: 5px 2px 5px #b2b3b3;
}
.intro-title2 {
  color: #555555;

}
.section-title {
  color: #000523;
  text-shadow: 5px 2px 5px #b2b3b3;
}
.section-item-title-1 {
  color: #031634;
}
/* ==========================================================
! 4. Page Loader
========================================================== */
#page-loader {
  background: #000523;
  color: #09afad;
}
/* ==========================================================
! 5. Header Colors
========================================================== */
.top-color {
  background: #09afad;
}
.top-color1 {
  background: #fb6000;
}
.top-color2 {
  background: #b1b1b1;
}
.top-color3 {
  background: #fdfb1f;
}
/* ==========================================================
! 6. Side Menu
========================================================== */
.side-menu-button {
  background: #f71515;
  opacity: 0.9;
}
.side-menu {
  background: #fd0000;
}

.side-menu-nav li {
    border-bottom: 1px dotted #d5d5d5;
  }

.side-menu-nav li a:hover {
  color: #fff;
}
.side-menu-nav li.active a {
  color: #fff;
}
#side-menu-close {
  color: #fff;
}
/* ==========================================================
! 7. Profile Intro
========================================================== */
.profile-pic {
  border:5px solid #f81515;
}
/* ==========================================================
! 8. Vertical Timeline
========================================================== */
.timeline-wrap {
  background: #f81515;
}
.line-content {
  color: #333333;
}
/* ==========================================================
! 9. Section: Education and Work Experience
========================================================== */
.graduation-time,
.job {
  color: #777777;
}
/* ==========================================================
! 10. Section: Skills
========================================================== */
.progress > .progress-completed {
  color: #888;
}
.progress-bar {
  background: #d5d5d5;
}
.progress-bar-2 {
  background: #fcfa1f;
}
.progress-bar-3 {
  background: #fb6000;
}
/* ==========================================================
! 11. Section: Portfolio
========================================================== */
.portfolio .line-content {
  height: 255px;
}
.portfolio-item .hover-bg {
  background: #fb6000;
}
.bx-prev,
.bx-next {
  background: #fcfa1f;
}
.bx-prev:hover,
.bx-next:hover {
  color: #fff;
  background: #fd6000;
}
/* ==========================================================
! 12. Section: Contact
========================================================== */
input.form-control,
textarea.form-control {
  background: #09afad;
  border: 0px;
}
.form-send {
  background: #031634;
  color: #fff;
}
.contact-subtitle-1 {
  color: #031634;
}

.fa-1::before{
  content: "\f041";
  margin-right: 10px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-2::before {
    content: "\f095";
    margin-right: 10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
.fa-3::before {
    content: "\f003";
    margin-right: 10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

.modal-content .modal-title {
  color: #031634;
}
/* ==========================================================
! Section: Thank you
========================================================== */
.thank-you {
  color: #888888;
}
/* ==========================================================
! 14. Footer
========================================================== */
#footer {
  /*background: linear-gradient(-45deg, #fb6000, #fcfa1f);*/
  color: #fff;
  background: #f81515;
}
#footer p {
  color: #fff;
}