/**Science Tutor Network Custom Styling*/

.fade {
   opacity: 1;
   transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
   }

   .fade:hover {
      opacity: 0.7;
      }

.ul-spacing  {
        line-height: 2.0;
    }

/*CSS3 multiple columns.*/
/* Get em size for colums: 184/16 */   
.columns
{   
    -moz-column-width: 11.5em; /* Firefox */
    -webkit-column-width: 11.5em; /* webkit, Safari, Chrome */
    column-width: 11.5em;
    margin-bottom: 2em;
}
/*remove standard list and bullet formatting from ul*/
.columns ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    
}

/* correct webkit/chrome uneven margin on the first column*/
.columns ul li:first-child
{
    margin-top:0px;
    
}
.columns ul li .rightalign
{
    text-align: right;
}


/** GENERAL STYLING */
.row a {
    text-decoration: underline;
    color:red;
}
    .row a:hover, a:focus, a:active {
        color: #cacaca;
    }

.header a {
    color: inherit;
    text-decoration: none;
}

.major-links a {
    color: inherit;
    text-decoration: none;
}

.tab-content > .tab-pane {
    margin:10px;
}

.tutor-subheaders {
    font-size: 16pt;
    font-weight: bold;
}

.aligncenter {
    text-align: center;
}

/* For mobile navigation menu, get rid of extra margins */
.navbar-toggle {
    margin-top: 0px;
    margin-bottom: 0px;
}

.navbar-brand {
    height: inherit;
}

.stn-img {
    margin-bottom: 15px;
    width: 70%;
}

.alignright {
    text-align: right;
}

/* Large devices (large desktops, 1200px and Down) */
@media (max-width: 1200px) {
    .space-filler {
        display: none;
    }
    
    
}

/** PAGE HEADINGS */
.science-k-to-10-page-heading {
    background: url('../images/pageHeader/science_k_to_10_header.jpg') no-repeat center;
    background-size: cover;
    min-height: 190px;
    color: #fff;
    padding: 25px 15px;
    margin-bottom: 50px;
}

    .science-k-to-10-page-heading .title-under {
        background: #fff;
    }

/** PAGE HEADINGS */
.private-tutoring-page-heading {
    background: url('../images/pageHeader/private_tutoring_page_header.jpg') no-repeat center;
    background-size: cover;
    min-height: 190px;
    color: #fff;
    padding: 25px 15px;
    margin-bottom: 50px;
}

.group-tutoring-page-heading {
    background: url('../images/pageHeader/group_tutoring_page_header.jpg') no-repeat center;
    background-size: cover;
    min-height: 190px;
    color: #fff;
    padding: 25px 15px;
    margin-bottom: 50px;
}

.rates-page-heading {
    background: url('../images/pageHeader/rates_page_header.jpg') no-repeat center;
    background-size: cover;
    min-height: 190px;
    color: #fff;
    padding: 25px 15px;
    margin-bottom: 50px;
}

.locations-page-heading {
    background: url('../images/pageHeader/locations_page_header.jpg') no-repeat center;
    background-size: cover;
    min-height: 190px;
    color: #fff;
    padding: 25px 15px;
    margin-bottom: 50px;
}

.about-page-heading {
    background: url('../images/pageHeader/about_page_header.jpg') no-repeat center;
    background-size: cover;
    min-height: 190px;
    color: #fff;
    padding: 25px 15px;
    margin-bottom: 50px;
}

.why-page-heading {
    background: url('../images/pageHeader/why_page_header.jpg') no-repeat center;
    background-size: cover;
    min-height: 190px;
    color: #fff;
    padding: 25px 15px;
    margin-bottom: 50px;
}

.testimonials-page-heading {
    background: url('../images/pageHeader/testimonials_page_header.jpg') no-repeat center;
    background-size: cover;
    min-height: 190px;
    color: #fff;
    padding: 25px 15px;
    margin-bottom: 50px;
}

.contact-page-heading {
    background: url('../images/pageHeader/contact_page_header.jpg') no-repeat center;
    background-size: cover;
    min-height: 190px;
    color: #fff;
    padding: 25px 15px;
    margin-bottom: 50px;
}

.careers-page-heading {
    background: url('../images/pageHeader/careers_page_header.jpg') no-repeat center;
    background-size: cover;
    min-height: 190px;
    color: #fff;
    padding: 25px 15px;
    margin-bottom: 50px;
}

.extended-network-page-heading {
    background: url('../images/pageHeader/extended_network_page_header.jpg') no-repeat center;
    background-size: cover;
    min-height: 190px;
    color: #fff;
    padding: 25px 15px;
    margin-bottom: 50px;
}

.post-secondary-page-heading {
    background: url('../images/pageHeader/post_secondary_page_header.jpg') no-repeat center;
    background-size: cover;
    min-height: 190px;
    color: #fff;
    padding: 25px 15px;
    margin-bottom: 50px;
}

    .post-secondary-page-heading .title-under {
        background: #fff;
    }

.science-k-to-10-page-heading {
    background: url('../images/pageHeader/science_k_to_10_header.jpg') no-repeat center;
    background-size: cover;
    min-height: 190px;
    color: #fff;
    padding: 25px 15px;
    margin-bottom: 50px;
}

    .science-k-to-10-page-heading .title-under {
        background: #fff;
    }

/** PAGE HEADINGS */
.biology-page-heading {
    background: url('../images/pageHeader/biology_page_header.jpg') no-repeat center;
    background-size: cover;
    min-height: 190px;
    color: #fff;
    padding: 25px 15px;
    margin-bottom: 50px;
}

    .biology-page-heading .title-under {
        background: #fff;
    }

.chemistry-page-heading {
    background: url('../images/pageHeader/chemistry_page_header.jpg') no-repeat center;
    background-size: cover;
    min-height: 190px;
    color: #fff;
    padding: 25px 15px;
    margin-bottom: 50px;
}

    .chemistry-page-heading .title-under {
        background: #fff;
    }

.physics-page-heading {
    background: url('../images/pageHeader/physics_page_header.jpg') no-repeat center;
    background-size: cover;
    min-height: 190px;
    color: #fff;
    padding: 25px 15px;
    margin-bottom: 50px;
}

    .physics-page-heading .title-under {
        background: #fff;
    }

.tutor-profile-page-heading {
    background: url('../images/pageHeader/tutor_profile_page_header.jpg') no-repeat center;
    background-size: cover;
    min-height: 190px;
    color: #fff;
    padding: 25px 15px;
    margin-bottom: 50px;
}

    .tutor-profile-page-heading .title-under {
        background: #fff;
    }


/** SITE MAP */
.sitemap
{
    font-size: 10pt;
    line-height: 170%;
    
}

    .sitemap ul {
        list-style-type: none;
    }

    .sitemap a
    {
        color: #888;
        border: 0;
        text-decoration: none;
    }

    .sitemap a:hover
    {
        color: red;
    }


/** HOME PAGE SPECIFICS */
/** Make logo size properly on all screens */
.logo
{
    width:100%;
}

/**Override h2 size to font-size 26px*/
.stn-subpanel-title
{
    font-size: 22px;
}


/**NEW by HCHOW - 6/6/2016*/
.main-subpanel-col {
    min-height: 150px;
    width: 100%;
    padding: 1px 25px;
    padding-bottom: 20px;
    text-align: center;
}

    .main-subpanel-col a {
        font-family: 'Berlin Sans FB', sans-serif;
        font-weight: 400;
        color: inherit;
        text-decoration: none;
    }

    .main-subpanel-col a:hover {
        color: red;
    }

@media (min-width: 992px) {
    .main-subpanel-col img {
        width: 100%;
    }

    .stn-container {
        width:90%;
    }
}

/* Small devices (tablets, 768px and Down) */
@media (max-width: 768px) {
    .main-subpanel-col img {
        width: 70%;
    }
    
    .cause-img {
        max-width:50%;
    }
}

/* Mobile devices */
@media (max-width: 500px) {
    .carousel {
        display:none;
    }

    .stn-img {
        margin-bottom: 15px;
        width: 90%;
    }

}


.col-main-subpanel-custom {
    padding-left: 5px;
    padding-right: 5px;
}


