body {
    background-color: #f2f0ee;
    color: #5d5c61;
}


/* 
  ***** Sidebar  *****
  */

.sidebar {
    color: #ffffff;
    background-color: #7395ae;
}

.sidebar .heading nav .button-collapse i {
    background-color: #7395ae;
}

.sidebar .heading nav .side-nav h3 {
    color: #7395ae;
}

.sidebar .heading nav .side-nav li a:hover {
    color: #7395ae;
}

.sidebar .heading .responsive-img {
    border-bottom: 1px solid #557a95;
}

.sidebar .sidebar-item:not(:last-child) .info,
.sidebar .sidebar-item:not(:last-child) .skill-line {
    border-bottom: 1px solid #557a95;
}

.sidebar .skill-line .progress {
    background-color: #31708e;
}


/* style for
  ***** Work Experience  *****
  */

.custom-content-wrapper span {
    color: #7395ae;
}


/* style for
  *****  Interests  *****
  */

.interests ul li .fa,
.interests ul li .fab {
    color: #7395ae;
}

.interests ul li svg {
    fill: #7395ae;
}


/* style for
  ***** Portfolio website  *****
  */

.website span a {
    color: #7395ae;
}

input[type=text]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #7395ae;
}

input[type=text]:focus:not([readonly])+label,
input[type=password]:focus:not([readonly])+label,
input[type=email]:focus:not([readonly])+label,
input[type=url]:focus:not([readonly])+label,
input[type=time]:focus:not([readonly])+label,
input[type=date]:focus:not([readonly])+label,
input[type=datetime-local]:focus:not([readonly])+label,
input[type=tel]:focus:not([readonly])+label,
input[type=number]:focus:not([readonly])+label,
input[type=search]:focus:not([readonly])+label,
textarea.materialize-textarea:focus:not([readonly])+label {
    color: #7395ae;
}

.waves-me:focus {
    background-color: #7395ae;
    color: #fff;
}

.btn {
    margin-left: 10px;
    background-color: #7395ae;
}

.btn:hover,
.btn:focus {
    background-color: #7395ae;
}

.btn.disabled {
    background-color: #7395ae;
    color: #fff;
    cursor: default;
}

.btn.disabled:focus {
    background-color: #7395ae;
    color: #fff;
    cursor: default;
}

.btn.disabled:hover {
    background-color: #7395ae;
    color: #fff;
    cursor: default;
}