/* custom css */

body {
    font-family: 'Tajawal', sans-serif;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    color:#000;
}

.bg-faded {
    background: #464547;
    border-radius: inherit;
}


@media (max-width: 768px) { .bg-faded {
    display: inherit;
}
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
}

.jumbotron {
    padding: inherit;
    margin-bottom: inherit;
    background-color: #fff;
}

.h1, h1 {
    font-size: 29px;
    color: #565656;
    font-weight: 400;
    margin-top: 30px;
}

.h2, h2 {
    font-size: 24px;
    color: #565656;
    font-weight: 300;
}

.card.mb-4.box-shadow {
     border: inherit;
}

.fa {
    display: table-cell;
    float: left;
    font-size: 40px;
    margin-right: 15px;
    vertical-align: middle;
    width: auto;
}

.fa-list-alt:before {
    content: "\f022";
}

li {
    font-size: 1.25rem;
    color: #636c72!important;
}

.blue {
    color: #006990;
    font-weight: 700;
}

i.fa.fa-external-link {
    display: inline-table;
}


.card.mb-4.box-shadow.green {
    background: #63a33b;
    padding:15px;
    color: #fff;
}

.card.mb-4.box-shadow.dark{
    background: #006990;
    padding:15px;
    color: #fff;
}

.card.mb-4.box-shadow.blue{
    background: #0095d3;
    padding:15px;
    color: #fff;
}

.card.mb-4.box-shadow.grey{
    background: rgba(0,0,0,0.7);
    padding:15px;
    color: #fff;
}
.card.mb-4.box-shadow.light{
    background: #717074;
    padding:15px;
    color: #fff;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #63a33b;
}

.white {
  color: #ffffff !important;
}

a {
    color: #ffffff;
}

a:focus, a:hover {
    color: #ffffff;
    text-decoration: none;
}

.hr.thick {
    height: 6px;
}

.gradient-corporate {
    background: #aadb1e;
    background: -moz-linear-gradient(left, #aadb1e 0, #006a91 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #aadb1e), color-stop(100%, #006a91));
    background: -webkit-linear-gradient(left, #aadb1e 0, #006a91 100%);
    background: -o-linear-gradient(left, #aadb1e 0, #006a91 100%);
    background: -ms-linear-gradient(left, #aadb1e 0, #006a91 100%);
    background: linear-gradient(to right, #aadb1e 0, #006a91 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aadb1e', endColorstr='#006a91', GradientType=1);
}

.hr {
    float: left;
    width: 100%;
    margin: 25px 0;
}