﻿.fbpost-grid .grid-item .fbpost {
    border: 1px solid #ddd;
    padding: 5px;
}
.fbpost-grid .grid-item {
    width: 33%;
    padding: 5px;
    float: left;
}
.fbpost-grid .full-width {
    width: 100% !important;
}
.fbpost-grid .half-width {
    width: 50% !important;
}
.grid-item .image {
    position: relative;
}
@media only screen and (max-width: 768px) {
    .fbpost-grid .grid-item {
        width: 50%;
    }
}
@media only screen and (max-width: 480px) {
    .fbpost-grid .grid-item, .fbpost-grid .half-width {
        width: 100% !important;
    }
}
.mt-20 {
    margin-top: 20px;
}
.mb-5 {
    margin-bottom: 5px;
}
.grid-item .image .mediaCount {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.5);
    padding: 2px 5px;
    color: #fff;
}
.fbpost-grid .grid-item .post-meta {
    padding: 10px 10px 5px 10px ;
    border-top: solid 1px #e2e2e2;
}
.fbpost-grid .grid-item p.title {
    margin-top: 10px;
}
.single-post .video-stage {
    background-color: #c0c0c0;
    width: 100%;
}
.nav-pills a.btn-primary, .nav-pills a.btn-primary:hover {
    padding: 1px 10px;
    margin-top: 7px;
    color: #fff;
    border: 0px;
    background-color: #0088cc;
}
@media only screen and (max-width:780px) {
    .single-post .video-stage {
        min-height: 200px;
        background-color: #fff !important;
    }
    .nav-pills a.btn-primary, .nav-pills a.btn-primary:hover {
        background-color: #0088cc !important;
        padding: 7px 15px;
    }
}
@media only screen and (min-width: 780px) and (max-width:992px) {
    .single-post .video-stage {
        height: 375px;
    }

}
@media only screen and (min-width: 992px) and (max-width:1200px) {
    .single-post .video-stage {
        height: 365px;        
    }
}
@media only screen and (min-width: 1200px){
    .single-post .video-stage {
        height: 450px;
    }
}
/* Post Date */
article.post div.post-date {
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    float: left;
    margin-right: 10px;
    text-align: center;
}

article.post div.post-date span.month {
    -moz-border-radius: 0 0 2px 2px;
    -moz-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
    -webkit-border-radius: 0 0 2px 2px;
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
    background: #CCC;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
    color: #FFFFFF;
    font-size: 0.9em;
    padding: 0 10px 2px;
}
article.post div.post-date span.year {
    -moz-border-radius: 0 0 2px 2px;
    -moz-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
    -webkit-border-radius: 0 0 2px 2px;
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
    background: #fff;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
    color: #FFFFFF;
    font-size: 0.9em;
    padding: 0 10px 2px;
    display: block;
}
article.post div.post-date span.day {
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    background: #F4F4F4;
    border-radius: 2px 2px 0 0;
    color: #CCC;
    display: block;
    font-size: 16px;
    font-weight: 500;
    font-weight: bold;
    padding: 10px;
}
article.post-large div.post-image, article.post-large div.post-date {
    margin-left: -60px;
}
article.post-large {
    margin-left: 60px;
}
.home-intro .graybg {
    background-image: url("/frontend/theme/img/grey_background.jpg");
    background-repeat: no-repeat;
    background-size:cover;
    display: block;
    border-top:solid 2px white;
    /*! height: 99px; */
}
.banner {
    padding:13px 0 0 0;
}
.home-intro .herobox{
    padding:0px;
    overflow:hidden;
    width:33%;
    float:left;
    margin-right:6px;
}
.home-intro .herobox:nth-of-type(3){
    margin-right:0px;
}
.home-intro .herobox img {
    width:100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-intro .herobox:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.home-intro .connect-logo{
    margin:13px auto;
}
.home-intro .middle-banner{
    padding-top:8px;
}
.home-intro .connect-header{
    margin: 5px 0px;font-size: 33px;color: white;
}
.home-intro .connect-header span.alternative-font{
    font-size:1.3em;
}
.home-intro .phone{
    margin-top:-15px;
}
.fc-slideshow a img {
    border-radius:50%
}
@media only screen and (max-width: 768px) {
    .home-intro .herobox{width:100%;}
    .home-intro .middle-banner{padding:30px 0 0;}
    .home-intro .phone{display:none;}
    .home-intro .graybar {height:100%}
}
section.featured.orange {
    background-color: #FD5400;
    border-top: 5px solid #ECECE8;
    margin: 35px 0 -35px;
    padding: 20px 0;
}
section.featured.orange button.btn-default {
    color:#FFF;
    background:#fD5400;
    border:solid 2px;
    border-radius:0px;
}
.info-block{
    padding: 2px 4px;
    font-size: 90%;
    color: #21211f;
    background-color: rgb(252, 253, 190);
    white-space: nowrap;
    border-radius: 4px;
    display:inline-block;
    margin-top:5px;
	
}
.info-block .info-icon{
    display:none;
}
.has-error .help-block, .has-error .control-label,.error-notification, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #f80808;
}
.has-error .form-control {
    border-color: #f80808;
    -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);
}
.error-notification p{
    color:#f80808;
    font-weight:600;
    font-size:15px;
}
.app-results .applabel {
    width:30%;
}

body.print .print-container{
    position: relative;
    width: 760px;
    margin: 0 auto;
    padding: 0;
}
@media print {
    body.print .no-print{
        display:none;
    }
}

.topmargin-15 {
    margin-top:15px !important;
}
.bm10 {
    margin-bottom:10px;
}
.singleclickcopy {  
    -webkit-user-select: all;  /* Chrome all / Safari all */
    -moz-user-select: all;     /* Firefox all */
    -ms-user-select: all;      /* IE 10+ */
    user-select: all;          /* Likely future */   
}

.highlight{
    padding:5px;
    background:yellow;
    border-radius:4px;
    border:solid 1px #808080;
}
.dropdown-item {
    display: block;
    width: 100%;
    clear: both;
    font-weight: 400;
    font-size:
             color: #292b2c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}
a.midland-link {
    color:#ECECE8 !important;
}
a.midland-link strong {
    color:#fff !important;
}
a.midland-link img {
    margin-top:-2px;
}
.midland-header-link{
    background-color:#EDEDED;
    font-size:10px;
}
.midland-header-link a{
    color:#4a4848;
    margin-right:15px;
}
.midland-header-link a strong{
    color:#000;
}
.midland-header-link a img {
    margin-top:-1px;
}
@media screen and (min-width: 480px) {
    .midland-header-link, a.midland-link {
        font-size:8px;
    }

}
div.slider-container div.top-label {
    color: #FFF;
    font-size: 24px;
    font-weight: 300;
    white-space: normal !important;
    font-size: 29px !important;
    line-height: 40px !important;
    width: 376px !important;
    height: 250px !important;
}
header div.search input.search:first-child {
    border-radius: 0px !important;
    width: 170px;
    font-size: 0.9em;
    padding: 6px 12px;
    height: 34px;
    border: solid 1px #ccc;
    -moz-transition: all 0.2s ease-in 0.2s;
    -o-transition: all 0.2s ease-in 0.2s;
    -webkit-transition: all 0.2s ease-in 0.2s;
    transition: all 0.2s ease-in 0.2s;
}

header div.search input.search:focus {
    width: 350px !important;
    border-color: #CCC;
}
.typeahead__list:focus {
    width: 350px !important;
}
.typeahead-img {
    margin: 0 7px 7px 0 !important;
    max-height: 60px;
    max-width: 65px;
}
.typeahead__metadata {
    line-height: 18px !important;
    font-size: 85%;
    color: #777575;
}
#form-field-IsPrivate{
    margin-left: 194px;
    background-color: #FD5400;;
    padding: 5px 0 10px;
    font-size:15px;
    font-weight:800;
    color: black;
    padding:5px 0 12px;
    width:56%;
}
#form-field-IsPrivate .info-block{
    position:absolute;
    top:0px;
    left:150px;
    background-color:#FD5400;
    font-size: 13px;
    border-radius:0px;
    color:white;
}
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 1.7em;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}
@media only screen and (max-width: 768px) {
    #form-field-IsPrivate {
        margin-left: 0px;
        width: 100%;
    }
}

/* Application Styling */

.thin-bar {
    height: 5px !important;
    margin: 4px 0;
}
.thin-bar span.progress-bar-tooltip::after {
    right: 6px !important;
    left: auto;
}
.progress-bar-primary {
    background-color: #55b776 !important;
}
.progress-bar-secondary {
    background-color: #868380;
}
blockquote.student {
    border-left: 5px solid #55b776;
}
blockquote.school-contact {
    border-left: 5px solid #868380;
}
input.ratingSlider {
    width: 90%;
    margin-right: 7px;
}
@media only screen and (max-width: 768px) {
    div.featured-box-secundary div.box-content {
        padding: 15px !important;
    }
    input.ratingSlider {
        width: 81%;
    }
}

.btn-primary:active,
.pagination > .active > a:active,
.btn-primary:focus,
.pagination > .active > a:focus {
    border-color: #0077b3 !important;
    background-color: #0077b3 !important;
}

/*Progress Bar Styling*/

.progressbar {
    margin: 0;
    padding: 0;
    counter-reset: step;
    min-height: 95px;
}
.progressbar li {
    list-style-type: none;
    width: 16.66%;
    float: left;
    font-size: 12px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #7d7d7d;
    padding: 0 5px;
}
.progressbar.ref-app li {
    width: 33% !important;
}
@media (max-width: 768px) {
    .progressbar li 
    {
        visibility: hidden;
        width: 0;
        padding: 0px !important;
    }   
    .progressbar.ref-app li {
        visibility: visible;
        width: 33% !important;
    }
    .progressbar li.active, .progressbar li:first-child, .progressbar li:last-child
    {
        visibility: visible;
        width: 33%;
        
    }
}
.progressbar li:before {
    width: 30px;
    height: 30px;
    content: counter(step);
    counter-increment: step;
    line-height: 27px;
    border: 2px solid #7d7d7d;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: white;
}
.progressbar li:after {
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    background-color: #7d7d7d;
    top: 15px;
    left: -50%;
    z-index: -1;
}
.progressbar li:first-child:after {
    content: none;
}
.progressbar li.active,.progressbar li.completed,.progressbar li.completed a {
    color: green;
}
.progressbar li.active:before, .progressbar li.completed:before {
    border-color: #55b776;
}
.progressbar li.active + li:after,.progressbar li.completed + li:after {
    background-color: #55b776;
}
.progressbar li.completed:before{
    background-color:#55b776;
    color:#fff;
}
.form-control{
    border-radius:0px;
}
.btn {
    border-radius: 0px !important;
}
#form-field-Approved label, #form-field-Recommend label {
    display: block;
    text-align:left;
}
#form-field-Recommend p {
    text-align: left;
}
.form small{
    font-weight:bold;
}
.btn-enrollment {
    padding: 7px 30px !important;
}

.mb-20 {
    margin-bottom: 20px;
}
.mr-20 {
    margin-right: 20px;
}
textarea#Narrative, textarea#AboutStudent {
    min-height: 200px;
}
/* Input slider styling */

input[type=range] {
    -webkit-appearance: none;
    margin: 18px 0;
    width: 100%;
}
input[type=range]:focus {
    outline: none;
}
    input[type=range]::-webkit-slider-runnable-track {
        width: 100%;
        height: 8.4px;
        cursor: pointer;
        animate: 0.2s;
        background: #ccc;
        border: 0.2px solid #e9e9e9;
    }

input[type=range]::-webkit-slider-thumb {
    border: 0.2px solid #555;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    background: #ffffff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -14px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #367ebd;
}
input[type=range]::-moz-range-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    animate: 0.2s;
    background: #ccc;
    border: 0.2px solid #e9e9e9;
}
    input[type=range]::-moz-range-thumb {
        border: 0.2px solid #555;
        height: 36px;
        width: 36px;
        border-radius: 50%;
        background: #ffffff;
        cursor: pointer;
    }
input[type=range]::-ms-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
}
    input[type=range]::-ms-fill-lower {
        background: #2a6495;
        border: 0.2px solid #e9e9e9;
        border-radius: 2.6px;
    }
input[type=range]::-ms-fill-upper {
    background: #ccc;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
}
    input[type=range]::-ms-thumb {
        border: 0.2px solid #e9e9e9;
        height: 36px;
        width: 36px;
        border-radius: 50%;
        background: #ffffff;
        cursor: pointer;
    }
input[type=range]:focus::-ms-fill-lower {
    background: #ccc;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}

.notification-list .row {
    border-bottom: 1px dotted #E2E2E2;
    padding: 15px 0;
}
.notification-list .row small {
    color:#0077b3
}
.table tr.collapse.in {
    display: table-row;
}

.fourcolumnbar {
    width: 23%;
    margin-right: 2%;
    display: flex;
    align-items: flex-end;
    float: left;
}

.fourcolumnbar p {
    width: 100%;
}

.legend {
    width: 100%;
    border-top: 1px solid;
}

.progress-bar-vertical {
    min-height: 180px;
    border-radius: 0px;
    margin-top: 20px;
}

.progress-bar-vertical .progress-bar {
    width: 100%;
    height: 0;
    -webkit-transition: height 0.6s ease;
    -o-transition: height 0.6s ease;
    transition: height 0.6s ease;
    border-radius: 0px;
}

.discCharacteristics li{
    line-height: 37px;
}
.progress-bar-yellow {
    background-color: #edd20a;
}
.progress-bar-vertical .sr-only {
    position: absolute;
    width: 100%;
    height: auto;
    padding: 0;
    border: 0;
    left: 0;
    color: #fff;
    clip: auto !important;

}
body.print .landscape-print-container {
    position: relative;
    width: 940px;
    height: 690px;
    margin: 0 auto;
    padding: 0;
}
.landscape .printabledisc {
    margin-top: 333px;
}
.landscape .printabledisc h1 {
    font-size: 5.2em;
    line-height: 59px;
    margin: 0 0 30px 0;
}
.printabledisc .discCharacteristics li {
    line-height: 24px;
}
.printabledisc .progress-bar-vertical {
    margin-top: 0px;
}
.nametag {
    width: 288px;
    height: 216px;
    border: dotted 1px #a9a9a9;
    margin-bottom: 30px;
    overflow: hidden;
    padding-top: 10px;
}
.nametag .fourcolumnbar {
    min-height: 70px;
    margin-bottom: 5px;
}
.nametag .legend .fourcolumnbar {
    min-height: 20px;
    margin-bottom: 0px;
}
body.print .scrollToTop {
    display: none;
}
.nametag h3 {
    font-size: 1.6em;
}
#form-field-PhoneNumber input{
	text-align:center !important;
}

.featured-video-section{
    border-top: 5px solid #CCC !important;
    margin-top: 0px;
}
.fiscal-footer {
    background-color: #222;
    border-top: solid 4px #393838;
    padding-top: 10px;
}
    .fiscal-footer p {
        margin: 10px 0 15px;
    }
    .fiscal-footer a {
        color: #888 !important
    }