/**
 * Author: Tyler Weisman
 * Bridgewater College
 * Content Section CSS File (anything pretty much inside the WordPress content editor will get it's style here...)
 */
/** Mobile CSS First **/
/** Videos and Responsive Iframe Containers: **/
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.directory-ul>li:before {
    list-style-type: none;
    display:none !important;
}

/* Featured Image on Posts */
.wp-post-image {
	float: right;
	margin: 10px 0 10px 10px;
}

/* Learning Commons Page */
.lc-image {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 100%;
    max-width: 560px;
}
.lc-image img {
    width: 100%;
}

.lc-table-header {
    margin-top: 2% !important;
}
.lc-floor-plans {
    width: 100%;
    margin-bottom: 2%;
}
.lc-table, .lc-table tr, .lc-table th, .lc-table td {
    border: 0px !important;
}
.lc-table th {
    text-align: left;
}
.lc-table td {
    padding-left: 0px;
}

/** Faculty Profiles Page: **/
.selectBox select {
    z-index: 5;
}

/** Division Colors **/
.level .left-nav ul li a.div-comm-fine-arts-lit {
    color: white;
    background-color: rgb(102, 51, 153);
}
.level .left-nav ul li a.div-comm-fine-arts-lit:before {
    color: white !important;
}
.level .left-nav ul li a.div-humanities-and-social-science {
    color: white;
    background-color: #d74100;
}
.level .left-nav ul li a.div-humanities-and-social-science:before {
    color: white !important;
}
.level .left-nav ul li a.div-natural-science {
    color: white;
    background-color: rgb(89, 125, 56);
}
.level .left-nav ul li a.div-natural-science:before {
    color: white !important;
}
.level .left-nav ul li a.div-professional-studies {
    color: white;
    background-color: #018190;
}
.level .left-nav ul li a.div-professional-studies:before {
    color: white !important;
}
p.div-comm-fine-arts-lit {
    display: block;
    padding: 0px 5px;
    background: #663399;
    font-style: italic;
    color: #fff;
}
p.div-humanities-and-social-science {
    display: block;
    padding: 0px 5px;
    background: #d74100;
    font-style: italic;
    color: #fff;
}
p.div-natural-science {
    display: block;
    padding: 0px 5px;
    background: rgb(89, 125, 56);
    font-style: italic;
    color: #fff;
}
p.div-professional-studies {
    display: block;
    padding: 0px 5px;
    background: #018190;
    font-style: italic;
    color: #fff;
}
.mobile-section-bar {
    margin-top: 0px !important;
    cursor: pointer;
}

/** Allows News Article Images to have captions under their text **/
figure, .wp-caption-text {
    float: right;
    text-align: center;
    font-style: italic;
    font-size: smaller !important;
	font-family: "Open Sans", sans-serif !important;
    text-indent: 0;
    margin: 0.5em;
    padding: 0.5em;
}
figcaption {
    width: 400px;
}

/** Tablet + Traditional Screen Layout: **/
@media (max-width: 480px) {
    /** Learning Commons Page **/
    .lc-table {
        font-size: .8em;
    }
    /** MDMS Master of Arts in Digital Media Strategy **/
    table.mdms-chart {
        font-size: .8em;
    }
}
@media (min-width: 768px) {
    /** Full-width page template with masthead image: **/
    main {
        /** Tyler: added to account for the larger header on mid-tier size */
        margin-top:120px;
    }
    main.no-masthead-content-page {
        margin-top:250px;
    }

    /** Online Directory Side-Nav **/
    .level .left-nav-directory {
        width: 25%;
        float: left;
    }
    .level .left-nav-directory h3 {
        margin-bottom: 0px;
        margin-top: 0px;
        padding-left: 5px;
    }
    .level .left-nav-directory ul{
        list-style: none;
        padding-left: 10px;
    }
    .level .left-nav-directory ul>li{
        margin-bottom:10px;
    }
}
/** Full/Wide Screen Layout **/
@media (min-width:1200px) {
    /** Full-width page template with masthead image: **/
    main {
        /** Tyler: added to account for the larger header on mid-tier size */
        margin-top: 125px;
    }
    main.no-masthead-content-page {
        margin-top: 170px;
    }
    .level .left-nav-directory {
        width: 20%;
    }

    /** Events + News **/
    .cat-list {
        margin-top: 0px;
    }
}