/* Common styles for all pages on this site */


#page-content-main 
{
    background-color: #ffffff;
}

main 
{
    padding-left: 2%;
    margin-bottom: 20px;
}


#main-content 
{
    margin-bottom: 60px;
}


.page-content 
{
    width: 95%;
}


.main-content h1 
{
    margin-top: 1.8rem;
    padding-bottom: 1rem;
    margin-right: 5%;
}


.field-item 
{
    margin-top: 0.2rem;
}



/* Tablets */
@media screen and (min-width: 768px) 
{
    main {
        min-height: 700px;
        /*margin-top: 70px;*/
        padding-bottom: 80px;
    }
}



/* Cut-off for mobile navigation menu */
@media screen and (min-width: 871px) 
{
    .in-section-menu
    {
        display: none;
    }
}



/* Desktops */
@media screen and (min-width: 992px) 
{
    main 
    {
        min-height: 550px;
        padding-left: 3%;
        /*margin-top: 90px;*/
        padding-bottom: 80px;
    }

    .page-content 
    {
        width: 90%;
        align-self: center;
    }

}


div.logEntry 
{
    margin-top: 2.0rem;
}





/* Override Student Gateway styles to make TinyMCE list styles work */
main ol li {
    margin-bottom: 1rem;
}

main ol[style="list-style-type: upper-alpha;"] li 
{
    list-style-type: upper-alpha;
}

main ol[style="list-style-type: lower-alpha;"] li 
{
    list-style-type: lower-alpha;
}

main ol[style="list-style-type: upper-roman;"] li 
{
    list-style-type: upper-roman;
}

main ol[style="list-style-type: lower-roman;"] li 
{
    list-style-type: lower-roman;
}

main ol[style="list-style-type: lower-greek;"] li 
{
    list-style-type: lower-greek;
}



main ul li 
{
    list-style: none outside;
}

main ul[style="list-style-type: circle;"] li 
{
    list-style-type: circle;
}

main ul[style="list-style-type: disc;"] li 
{
    list-style-type: disc;
}

main ul[style="list-style-type: square;"] li 
{
    list-style-type: square;
}


/* List style for the Accessibility statement */
#accessibility_statement li 
{
    list-style-type: disc;
    margin-left: 2rem;
}



main caption 
{
    caption-side: top;
}



/* Add Staff gateway styles to Bootstrap tab control */
.nav-tabs 
{
    border-bottom-style: none;
    border-bottom-width: 0;
    margin-bottom: 1.5rem;
}

.nav-tabs .nav-link.active 
{
    color: #2C2C2C;
    background-color: #e0ded9;
}


.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus 
{
    color: #2C2C2C;
    text-decoration: none;
}



input.btn:hover,
input.btn:focus 
{
    box-shadow: none;
}

input[type="text"] 
{
    border-bottom-style: inset;
}


/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column  */
.dl-horizontal dt 
{
    white-space: normal;
}


/* Set width on the form input elements since they're 100% wide by default */
input, select, textarea 
{
    max-width: 100%;
}