@font-face {
  font-family: 'TribalFont';
  src: url('TribalCooperHewitt.ttf')  format('truetype'), /* Safari, Android, iOS */  
}



/* line 289, D:/5/21/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.navbar-static-top.navbar-inverse {
  background-color: #fff; /*changed header*/
}
 
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{
    background-color:#60C2E0;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{
    background-color:#60C2E0;
}

.navbar-right {
	margin-right: 0px !important;
}

.navbar-right.menu-bar {
	background-color:#224D8F;
	width:100%;
	margin-right:0px;
}


.navbar-static-top .navbar-header {
	width:100%;
}

.navbar-static-top.navbar .navbar-collapse {
	padding-top:95px;
}

.navbar-static-top.navbar-inverse .navbar-brand {
	float:left;
}

.navbar-nav {
	float:right;
}


a {
    color: #224D8F;
   /* text-decoration: none;*/
}

    a:hover, a:focus {
        color: #224D8F;
        text-decoration: underline;
    }

    a:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

	
.text-primary {
    color: #224D8F;
}

a.text-primary:hover, a.text-primary:focus {
    color: #224D8F;
}

.text-danger {
    color: #224D8F;
}

a.text-danger:hover, a.text-danger:focus {
    color: #224D8F;
}

.bg-primary {
    color: #fff;
    background-color: #224D8F;
}

a.bg-primary:hover, a.bg-primary:focus {
    background-color: #224D8F;
}

.section-knowledge .list-group a.list-group-item {
    color: #224D8F;
}


.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #224D8F;
}

.has-error .form-control {
    border-color: #224D8F;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

    .has-error .form-control:focus {
        border-color: #224D8F;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;
    }

.btn-primary {
    color: #fff;
    background-color: #224D8F;
    border-color: #224D8F;
}

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #224D8F;
        border-color: #224D8F;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #60C2E0;
        border-color: #60C2E0;
    }

    .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #224D8F;
        border-color: #224D8F;
    }

        .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
            color: #fff;
            background-color: #60C2E0;
            border-color: #60C2E0;
        }
    .btn-primary .badge {
        color: #224D8F;
        background-color: black;
    }

	.btn-danger {
    color: #fff;
    background-color: #224D8F;
    border-color: #224D8F;
}

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #224D8F;
        border-color: #224D8F;
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #60C2E0;
        border-color: #60C2E0;
    }

    .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #224D8F;
        border-color: #224D8F;
    }

        .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
            color: #fff;
            background-color: #60C2E0;
            border-color: #60C2E0;
        }

.btn-link {
    color: #224D8F;
    font-weight: normal;
    border-radius: 0;
}

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        color: #fff;
        text-decoration: none;
        outline: 0;
        background-color: #224D8F;
    }
	
	    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
        color: #fff;
        background-color: #224D8F;
    }
	
	
	    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        z-index: 3;
        color: #fff;
        background-color: #224D8F;
        border-color: #224D8F;
        cursor: default;
    }
	
	
	.label-primary {
    background-color: #224D8F;
}

    .label-primary[href]:hover, .label-primary[href]:focus {
        background-color: #224D8F;
    }
	
	
	.label-danger {
    background-color: #224D8F;
}

    .label-danger[href]:hover, .label-danger[href]:focus {
        background-color: #224D8F;
    }
	
	.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #224D8F;
    background-color: #fff;
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #224D8F;
}


.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #224D8F;
}

.panel-primary {
    border-color: #224D8F;
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #224D8F;
        border-color: #224D8F;
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #224D8F;
        }

        .panel-primary > .panel-heading .badge {
            color: #224D8F;
            background-color: #fff;
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #224D8F;
    }
	
	
.sort-disabled {
	color: #224D8F !important;
}


.pagination > li > a, .pagination > li > span {
    color: #224D8F;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #60C2E0;
	border-color: #60C2E0
}

#tribal-header {
	font-family: 'TribalFont';
}

#homeimgcontainer {
	background: linear-gradient(transparent, transparent), url("tribal-staff.jpg") no-repeat center;
    background-size: cover;
    background-origin: content-box;
}

#application-header {
	background: linear-gradient(transparent, transparent), url("/tribal-students-steps.jpg") no-repeat center;
    background-size: cover;
    background-origin: content-box;
	margin-bottom: 40px;
    margin-left: -15px;
    margin-right: -15px;
}

.section-landing {
   background: none;
}

.navbar-inverse .navbar-toggle {
  background-color: #224D8F;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #60C2E0;
}

@media (max-width: 767px) {
#navbar.collapse.in {
	background-color:#224D8F;
	padding-top:0px;

}
}
a[title="Change Email"] {
        display: none;
    }

    .notificationul {
        display: block;
        background: white;
        list-style: none;
        padding: 5px 5px;
        border-bottom: 1px solid #dddfe2;
        overflow: hidden;
    }

        .notificationul li {
            margin: 2px 0;
            color: #edf2fa;
        }

            .notificationul li div div a {
                color: black;
                text-decoration: none;
            }

            .notificationul li div div span {
                color: #90949c;
                text-decoration: none;
                padding: 5px 0px;
            }

            .notificationul li div div img {
                width: 32px;
                height: 32px;
                margin-top: 5px;
            }

        .notificationul:hover {
            background: #f1f1f1;
            text-decoration: none;
            cursor: pointer;
        }

    .NewNotification {
        background-color: #edf2fa;
    }

    /* A CIRCLE LIKE BUTTON IN THE TOP MENU. */
    .noti_Button {
        /*width: 22px;
          height: 22px;*/
        line-height: 20px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        margin: -3px 10px 0 10px;
        cursor: pointer;
    }

    /* THE POPULAR RED NOTIFICATIONS COUNTER. */
    .noti_Counter {
        display: none;
        position: absolute;
        background: red;
        color: white;
        padding: 1px 6px;
        margin: 0 0 0 20px;
        border-radius: 25px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        z-index: 1;
    }

    /* THE NOTIFICAIONS WINDOW. THIS REMAINS HIDDEN WHEN THE PAGE LOADS. */
    .noti_panel {
        display: none;
        width: 350px;
        position: fixed;
        background: #FFF;
        border: solid 1px rgba(100, 100, 100, .20);
        -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .20);
        z-index: 1;
    }

    .noti_content {
        max-height: 500px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .NTitle {
        display: block;
        color: #333;
        background: #FFF;
        font-weight: bold;
        font-size: 13px;
        padding: 8px;
        margin: 0;
        border-bottom: solid 1px rgba(100, 100, 100, .30);
        text-align: center;
    }

    .seeAll {
        background: #F6F7F8;
        padding: 8px;
        font-size: 12px;
        font-weight: bold;
        /*border-top: solid 1px rgba(100, 100, 100, .30);*/
        text-align: center;
        cursor: pointer;
    }

        .seeAll a {
            color: #3b5998;
        }

            .seeAll a:hover {
                background: #F6F7F8;
                color: #3b5998;
                text-decoration: underline;
            }

    .notificationimg {
        width: 20px;
        height: 20px;
        margin-top: 22px;
        border-radius: 50%;
        color: white;
    }

    @media (max-width: 767px) {
        .notificationimg {
            margin-top: 0px;
            margin-left: 5px;
        }

        .noti_Counter {
            margin: -10px 0 0 30px;
        }

        .noti_panel {
            width: 300px;
            top: 0px;
            z-index: 1000;
        }

        .noti_content {
            max-height: 250px;
        }

        .noti_Button {
            padding-top: 15px;
            padding-bottom: 15px;
        }
    }

/*Alumni page and page with Banner*/
  .back-button-section {
        margin-top: 20px;
    }
    .sub-title {
        padding-left: 15px;
    }

    .list-group-item.action-group {
        padding: 20px 0;
        font-size: 20px;
        background-color: transparent;
        border: 0;
        border-top: 1px solid #ddd;
    }

        .list-group-item.action-group:first-child {
            padding: 20px 0;
            font-size: 20px;
            background-color: transparent;
            border: 0;
            border-top: none;
        }

    .portal-img img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        max-width: 400px;
    }

    .personal-details {
        flex-flow: row wrap;
        display: flex;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .personal-details-item {
        width: 100%;
        display: inline-flex;
    }

    .social-media {
        display: inline-flex;
        width: 100%;
    }

        .social-media .social-media-icon {
            margin-right: 20px;
        }

            .social-media .social-media-icon a {
                display: table;
                margin: 0 auto;
                width: 40px;
            }

                .social-media .social-media-icon a svg {
                    width: 100%;
                }

    .list-group-item.action-group > div {
        height: 50px;
        display: table;
        padding: 0px 9px;
    }

    .list-group-item.action-group a.btn {
        height: 70px;
        width: 100%;
        text-align: center;
        vertical-align: middle;
        display: table-cell;
        border:none;
    }

    .list-group-item.action-group > div.col-xs-6 {
        margin-bottom: 10px;
    }

    .search-filter {
        margin-bottom: 10px;
    }

    .mobile-search-filter-label {
        padding-top: 5px;
    }

    #DonateButton {
        float: right;
        margin-top: -40px;
    }
    /*.btn-primary {
        background-color: rgb(65,113,156);
        border-color: rgb(65,113,156);
    }

        .btn-primary:hover {
            background-color: rgb(40,96,144);
            border-color: rgb(40,96,144);
        }*/
    .row.search-section-title > div {
        margin-bottom: 10px;
    }

    .row.search-section-title h2 {
        font-size: 25px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    }

    @media (min-width:768px) {
        .list-group-item.action-group > div {
            height: 50px;
            display: table;
            padding: 0px 9px;
        }

        .list-group-item.action-group a.btn {
            height: 70px;
            width: 100%;
            text-align: center;
            vertical-align: middle;
            display: table-cell;
        }
    }

    @media (min-width:992px) {
        .action-panel {
            margin-bottom: 30px;
        }

        .sub-title {
            font-size: 25px;
            padding-left: 9px;
            margin-top: 0;
        }

        .list-group-item.action-group > div {
            height: 100px;
            display: table;
            padding: 0px 9px;
        }

        .list-group-item.action-group a.btn {
            height: 100px;
            width: 100%;
            text-align: center;
            vertical-align: middle;
            display: table-cell;
            /*padding: 0px; commented out because causing Alumni Nav menu text to touch the menu edge*/
        }

        .portal-img img {
            height: 255px;
        }
    }

    .page_section.section-landing.banner {
        margin-bottom: 40px;
    }

    .page_section.section-landing.banner {
        background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url({{bannerimgurl}}) no-repeat center;
        background-size: cover;
    }
    .page_section.section-landing.banner {
        background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(/homehero.jpg) no-repeat center;
        background-size: cover;
    }

    @media (min-width:768px) {
        .page_section.section-landing.banner {
            height: 350px;
        }

            .page_section.section-landing.banner .container .row {
                padding-top: 60px;
            }
    }

    @media (min-width:992px) {
        .page_section.section-landing.banner .container .row {
            padding-top: 100px;
        }
    }
/*End - Alumni page and page with Banner*/