/*!
 * Cofi Styles by onshiryuu.com
 */

/*
 * Brand Colours for reference
 *
 * 5598ea - Light Blue
 * 2368bc - Darker Blue
 * 797979 - Grey
 * f36263 - Flag Red
 */

a {
  color: #5598ea;
}

a:hover {
  color: #2368bc;
}

a.disabled,
a.disabled:hover {
  color: #5598ea44;
  cursor: default;
  text-decoration: none;
}

.mb-6 {
  margin-bottom: 6rem;
}

.text-primary {
  color: #5598ea !important;
}

#mainNav {
  background-color: #FFFFFFDD;
}

#mainNav.navbar-shrink {
  background-color: #FFFFFFEE;
}

#mainNav .navbar-brand {
  color: #5598ea;
  height: 50px;
  line-height: 0px;
}

#mainNav .navbar-brand img {
  max-height: 100%;
}

#mainNav .navbar-nav .nav-item .nav-link {
  color: #797979;
}

#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
  color: #5598ea;
}

#mainNav .navbar-toggler {
    color: #5598ea;
    border: solid 1px #5598ea11;
    background-color: #5598ea11;
    transition: all .8s;
}

#mainNav .navbar-toggler:hover {
    background-color: #5598ea00;
}

.btn-primary {
    background-color: #5598ea;
    border-color: #5598ea;
}

.btn-primary:hover {
    background-color: #2368bc !important;
    border-color: #2368bc !important;
}

ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
    background-color: #5598ea;
}

header.masthead {
    text-align: center;
    color: #fff;
    background-image: url(../img/ui/col-000000-40.png), url(../img/header-bg.jpg);
    background-repeat: repeat, no-repeat;
    background-attachment: none, scroll;
    background-position: center center, center center;
    background-size: auto, cover;
}

header.masthead.about {
    background-image: url(../img/ui/col-000000-40.png), url(../img/classes/1/1.jpg);
}

header.masthead.whatwedo {
    background-image: url(../img/ui/col-000000-40.png), url(../img/classes/2/1.jpg);
}

header.masthead.whyus {
    background-image: url(../img/ui/col-000000-40.png), url(../img/classes/2/4.jpg);
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
    background: #5598eaDD;
}

footer {
    padding: 50px 0;
    text-align: left;
}

.cofilist > li {
  font-size: 18px;
  font-weight: 600;
  color: #5598ea;
  margin-bottom: 5px;
}

.cofilist > ol {
  list-style-type: lower-alpha;
  margin-bottom: 30px;
}

.cofilist > ol > li {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  margin-bottom: 5px;
}

.cofilist > ol > ol {
  list-style-type: lower-roman;
  margin-bottom: 20px;
}

.cofilist > ol > ol > li {
  font-size: 14px;
  font-weight: 400;
  color: #888888;
  margin-bottom: 5px;
}

.cofitable {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  margin-bottom: 5px;
  box-shadow: 0 1px 6px 0 rgba(32,33,36,0.08);
}

.cofitable thead tr th {
  border: solid 2px #EEEEEE33;
  background: #5598eadd;
  color: #FFFFFF;
  padding: 15px;
  vertical-align: top;
}

.cofitable tbody tr td {
  border: solid 2px #EEEEEE;
  background: #FFFFFF;
  padding: 15px;
  vertical-align: top;
}

.cofitable ul {
  list-style-type: none;
  padding: 0px;
}

.cofitable ul li:after {
  content: ',';
}

.txt-large {
  color: #5598ea;
  font-size: 1.5rem;
}