/* Site Styles for SMC */
/* Primary color: #0067b1 */


@media (min-width: 768px) {
[id] {
    scroll-margin-top: 120px;
  }
}

/* PAGE WRAPPER ON LARGE DEVICES */
/* Adjust to fit height of logo. default is for 40px  */

@media (min-width: 1024px) {
    .page-wrapper {
        padding-top: 113px;
    }
}

/* Homepage Slider */
/* Set color on skewed background */
@media (min-width: 992px) {
  #slider.skew .caption-outer {
  background: rgba(0,103,177,0.9);
  }
}

/* Navbar Links */
.navbar-nav {
    font-size: 15px;
}

/*Disable dropdown arrow */
.h13-nav .dropdown a .fa {
    display: none;
}

/* Color hamburger menu */
.h13-nav .navbar-toggler {
    background-color: #0067b1;
}

.ti-menu {
    color: white;
}

/* Subnav */

#pcc-subnav li.active {
    background: #0067b1;
    border-radius: 5px;
}

#pcc-subnav li.active a {
    color: #fff;
}

#nav-start-item::before {
    content: "\e069";
    font-family: 'simple-line-icons';
    color: #0067b1;
    padding: 0 5px 0 0;
}

/* Colors */
.text-primary {
    color: #0067b1!important;
}

.bg-primary {
  background-color: #0067b1!important;
}

.bg-light-primary {
    background-color: #E6F0F8;
}

.bg-custom {
    background-color: #3e3e3e;
}

.icon .text-white:hover {
    color: #80b4d9!important;
}


/* Links */
a {
    color: #0067b1;
}

/* Breadcrumbs */
.bc-colored .breadcrumb-item,
.breadcrumb-item a,
.breadcrumb-item + .breadcrumb-item::before {
    color: #aaa;
    /*color: rgba(0,0,0,0.4);*/
}


/* Buttons */

.btn-primary {
    background: #0067b1;
    border-color:#005896;
}

.btn-primary:hover {
    background: #005896;
    border-color:#004D85;
}

/* Padding */
.py-6 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}


/* vertical tabs */
.nav-pills .nav-link.active, .show>.nav-pills .nav-link {
    background-color: #0067b1;
}

/* List Icon Check */
ul.list-icon-check li::before {
    content: "\e080";
    font-family: 'simple-line-icons';
    color: #0067b1;
    padding: 0 10px 0 0;
}

/* Sidebar Nav */

/*.list-group-item.active, .list-group .list-group-item.active:hover {
    background-color: #0067b1;
}*/

#sidebar-nav .list-group-item:first-child {
    border-radius: 0;
}

/* Mega Menu  */
@media only screen and (min-width: 992px) {
#mega > ul {
    width: 500px;
    }
}


@media only screen and (min-width: 991px) {
#mega > ul {
    -moz-column-count: 2;
    -webkit-column-count:2;
    column-count:2;
  }
}