/* DEPT A BST MOBILE.CSS */

.container-fluid { padding:0 0.75em; }

/* HEADER
------------------------------------------- */

.header { min-height: 0; }
.header .headeripar > .section.image { padding: 2em 0; }
.header .headeripar > .section.image a { display: block; text-align:center; }
.header .headeripar > .section.image img {
    height: auto;
    width: auto;
    max-width: 100%;
    display: none;
    transition: opacity 0.3s;
}

/* FEATURE CAROUSEL (JAN 2014)
----------------------------------------- */


.feature .webcomm-carousel .carousel-inner .carousel-image {
	position:inherit;
	display:block;
	clear:both;	
}
.feature .webcomm-carousel .carousel-inner .carousel-image img { height:auto; }

.feature .webcomm-carousel .carousel-inner .carousel-caption {
    background:#000000;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 1.0);
    position: inherit;
	clear:both;

	top:auto;
	right:auto;
	bottom:auto;
	left:auto;
}

/* transition stuff */
.feature .webcomm-carousel .next.left .carousel-image,
.feature .webcomm-carousel .next.right .carousel-image,
.feature .webcomm-carousel .next.left .carousel-caption,
.feature .webcomm-carousel .next.right .carousel-caption,
.feature .webcomm-carousel .prev.left .carousel-image,
.feature .webcomm-carousel .prev.right .carousel-image,
.feature .webcomm-carousel .prev.left .carousel-caption,
.feature .webcomm-carousel .prev.right .carousel-caption {
	top:auto;
	right:0;
	bottom:0;
	left:0;
	position:static;	
}

/* FEATURE TABS
---------------------------------------------------- */

/* tabs */

.feature_tabs ul.nav-tabs {
    background-color:#FFF;
    margin:0 0 1.5em 0;
    border: 1px solid #999;
    position:relative;
}
.feature_tabs ul.nav-tabs::after {
    content:"";
    display:table;
    clear:both;
}

.feature_tabs ul.nav-tabs li:last-child::after {
    content:"";

    width: 0; 
    height: 0; 
    border-left: 10px solid transparent; 
    border-right: 10px solid transparent; 
    border-top: 10px solid #999;
        
    position:absolute;
    top: 100%;
    left:50%;
    z-index:1;
    -webkit-transform: translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform: translateX(-50%);      
}

.feature_tabs ul.nav-tabs * {
    border-radius:0 0 0 0;  
}

.feature_tabs ul.nav-tabs > li {
    width:100%;
    overflow:hidden;
    border:none;
    margin:0;
}

.feature_tabs ul.nav-tabs li a,
.feature_tabs ul.nav-tabs li.active a,
.feature_tabs ul.nav-tabs li a:hover {
    font-size:100%;
    border:none;
    border-bottom:1px solid #ddd;
    margin:0;
}
.feature_tabs ul.nav-tabs li:last-child a { border-bottom:none; }

.feature_tabs ul.nav-tabs > li.active a,
.feature_tabs ul.nav-tabs > li:hover a {
    background-color:#EDEDED;
    color:#333;
    text-shadow: 0px 1px 1px rgba(153, 153, 153, 0.75);
}

/* tab content */

.feature_tabs .tab-content .tab-pane .alltabs,
.feature_tabs .tab-content .tab-pane .thistab {
    width:auto;
}

.feature_tabs .tab-content {
    background-color:#FFF;
    padding:0;
    border: 1px solid #999;
}

.feature_tabs .tab-content .tab-pane {  
    width:auto;
    overflow:hidden;
    padding:1em;
    min-height:292px;
    background-repeat:no-repeat;
    background-size: cover;
    background-position:center;
}

.feature_tabs .tab-content .tab-pane .thistab { 
    padding: 1.5em;
    -moz-box-shadow: 0 0 5px rgba(108, 108, 108, 0.75);
    -webkit-box-shadow: 0 0 5px rgba(108, 108, 108, 0.75);
    box-shadow: 0 0 5px rgba(108, 108, 108, 0.75);
    background-color:rgba(255, 255, 255, 0.85);
    /*text-shadow: 1px 1px 1px #FFF;*/
}

/* tan feature */
body.tan-feature .feature_tabs ul.nav-tabs {
    border: 1px solid #bebb99;
}
body.tan-feature .feature_tabs .tab-content {
    border:1px solid #bebb99;
}
body.tan-feature .feature_tabs ul.nav-tabs li a,
body.tan-feature .feature_tabs ul.nav-tabs li.active a,
body.tan-feature .feature_tabs ul.nav-tabs li a:hover {
    border-bottom:1px solid #bebb99;
}
body.tan-feature .feature_tabs ul.nav-tabs li:last-child a { border-bottom:none; }
body.tan-feature .feature_tabs ul.nav-tabs > li.active a,
body.tan-feature .feature_tabs ul.nav-tabs > li:hover a {
    background-color:#f2f1eb;
}
body.tan-feature .feature_tabs ul.nav-tabs li:last-child::after {
    border-top: 10px solid #bebb99;
}

/* FEATURE TEXT IMAGE
----------------------------------------- */

.feature .feature_txtimg .text { 
    max-width:none;
}


/* NAVIGATION
----------------------------------------- */

.main .nav {
    margin-bottom:2em   
}

/* MAIN
----------------------------------------- */
 
.column-control-right-sidebar > div .textimage,
.column-control-left-sidebar > div .textimage {
    border-bottom:1px solid #ccc;
}
.column-control-right-sidebar > div .textimage .text,
.column-control-left-sidebar > div .textimage .text {
    padding:0.75em 0;
    margin:0;
}
.column-control-right-sidebar > div .textimage .text p,
.column-control-left-sidebar > div .textimage .text p {
    margin:0;
}
.column-control-right-sidebar > div .textimage:last-child,
.column-control-left-sidebar > div .textimage:last-child { border-bottom:none; }

/* youtube */
.youtubevid iframe {
    height: auto;
    width: 100%;    
}




/* COMMON BST - MOBILE.CSS */


/* GLOBAL HEADER
------------------------------------------------- */

.globalheader ul { margin:0 auto; }
a.tip { position:relative; }
a.tip span,
a.tip:hover span { display: none; }

/* FOOTER
------------------------------------------- */

.footer { padding:2em 0; }

.footerlogo,
.footeraddress,
.footerColumn {
    text-align:center;
}
.footer #footer_social_icons h1,
.footer #footer_social_icons h2,
.footer #footer_social_icons h3 {
    margin: 0.75em auto;
}
.footer #footer_social_icons ul { margin:0 auto; }
.footer #footer_social_icons { margin-bottom:2em; }
.footer #footer_social_icons .text { float:none; margin:0 auto; }

.footer .row-fluid { margin: 0 auto; }

.footer .footerColumn { margin-bottom:2em; }
.footer .footerColumn:last-child { margin-bottom:0; }

.footer .footerlogo,
.footer .footeraddress {
    display:block;
    padding:0;
    margin:0;
    width:100%;
}
.footer .footerlogo { margin-bottom:2em; }
.footer .footerBottom { text-align:center; }

.footer .footerlogo img {
    width: 45px;
    height: 62px;
}

.footer .first.column, .footer .last.column {
    float: none !important;
    width: auto !important;
}

/* FOO TABLE
------------------------------------ */

table .footable-toggle { 
	background-image:url(../../../content/dam/common/design2013/glyphicons_halflings.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 8px 0 0;
	line-height: 14px;
	vertical-align: text-top;
	
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	*margin-right: .3em;
	cursor:pointer;
}

/* detail view */

table tr td.expand span.footable-toggle { background-position: 0px -96px; }
table tr.footable-detail-show td.expand span.footable-toggle { background-position: -24px -96px; }

table.footable-detail-show,
table.footable-row-detail {
	background-color: #ebf4fa;	
}
table td.footable-row-detail-cell .footable-row-detail-inner .footable-row-detail-row {
	border-bottom:1px solid #d3e3ed;
	border-top:1px solid #FFFFFF;

    margin:0 0.25em;
    padding: 0.5em 0;
}
table td.footable-row-detail-cell .footable-row-detail-inner .footable-row-detail-name { 
    color: #555;
    font-style: italic;
    margin-bottom: 0.5em;
    padding: 0;
    text-shadow: 0 1px 1px #FFFFFF;
}
table td.footable-row-detail-cell .footable-row-detail-inner .footable-row-detail-row:first-child { border-top:none; }
table td.footable-row-detail-cell .footable-row-detail-inner .footable-row-detail-row:last-child { border-bottom:none; }


/* FOO TABLE - SOCIAL MEDIA
------------------------------------ */

/* table body */
table.socialmedia_ou > tbody > tr > td { 
	display:block; 
	text-align:center; 
	width:auto!important;
	border:none;
}
table.socialmedia_ou > tbody > tr > td a {
	margin:0;
	display:inline-block;
	float:none;	
}
table.socialmedia_ou > tbody > tr > td { overflow:auto; }


/* SPACING
----------------------------------------- */

.main .nav { margin-bottom:2em	}

.main .relatedpar > .parsys_column,
.main .relatedpar > .parsys_column > .parsys_column { margin-bottom:2em; }
.main .relatedpar > .parsys_column > .parsys_column:last-child { margin-bottom:0; }

.main .contentpar > .parsys_column, 
.main .contentpar > .parsys_column > .parsys_column { margin-bottom:2em; }
.main .contentpar > .parsys_column > .parsys_column:last-child { margin-bottom:0; }

.main .relatedpar > .parsys_column > .parsys_column:last-child .textimage { margin-bottom:0; }

.main .nav { margin-bottom:2em; }
/* COMMENCEMENT MOBILE.CSS */

/* FEATURE
---------------------------------------------- */

.feature .featurepar {
    background-image:url(../../../content/dam/commencement/design/opacity-bg.png);
    background-repeat:repeat;
    margin: 0;
    padding: 1em;
    width: auto;

    min-height:375px;
}

.feature > .container-fluid {
	padding-top:0;
	padding-bottom:0;	
}

.feature .featurepar .textimage {
    padding:0.35em;
    margin:0 0 2em 0;
    background-color:#FFF;
    -moz-box-shadow: 0 0 5px 5px #333;
    -webkit-box-shadow: 0 0 5px 5px #333;
    box-shadow: 0 0 5px 5px #333;
}

.digits { font-size: 75%; }

/* AUDIENCE NAVIGATION
--------------------------------------------- */

.main .audiencewrapper {
    width:auto;
    overflow:auto;
    background-color:#e5e7cf;
	margin-bottom:2em;
	padding:0;
}
.main .audiencewrapper ul.audience {
    width:100%;
	margin:0;
    list-style-type:none;
    overflow:auto;
}
.main .audiencewrapper ul.audience li { display:block; border-bottom:1px solid #cdd0ab; }
.main .audiencewrapper ul.audience li:first-child,
.main .audiencewrapper ul.audience li:last-child { border-bottom:none; }
.main .audiencewrapper span.title { font-weight:bold; }
.main .audiencewrapper ul.audience li a,
.main .audiencewrapper span.title {
    color:#555555;
	padding:0.5em 1em;
	display:block;
}
.main .audiencewrapper ul.audience li a:hover {
    text-decoration:none;
}

body.students .main .audiencewrapper ul.audience li a.students,
body.volunteers .main .audiencewrapper ul.audience li a.volunteers,
body.family .main .audiencewrapper ul.audience li a.family,
body.alumni .main .audiencewrapper ul.audience li a.alumni,
body.faculty .main .audiencewrapper ul.audience li a.faculty,
body.visitors .main .audiencewrapper ul.audience li a.visitors,
.main .audiencewrapper ul.audience li a:hover {
    background-color:#FFF; 
}

/* EQUAL HEIGHTS COLUMNS
--------------------------------------------- */

.equal-height-columns > div { 
 	padding:1em;
	border:1px solid #d6d9b5;
}

.equal-height-columns .textimage .image {
    margin:0 0 1em 0;
    padding:0;
    border:1px solid #CCC;
    display:block;
    height:auto;
    clear:both;
	overflow-x:hidden;
}
.equal-height-columns .textimage .image img {
	max-width:none;
	width:100%;	
}
.equal-height-columns .textimage .text {
   padding:0;
   margin:0; 
   clear:both;
}