/* DEPT B BST TABLET.CSS  */

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

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

.header { min-height: 0; }
.headerimage a { margin:1em 0; display: block; }


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

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

.feature .webcomm-carousel .carousel-inner .carousel-image img{
	background-color: #333333;
}

.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;	
}

/* left/right arrow */
.feature .webcomm-carousel a.carousel-control.left {
    -moz-transform: scale(0.75) translateX(25%) translateY(-50%);
    -ms-transform: scale(0.75) translateX(25%) translateY(-50%);
    -o-transform: scale(0.75) translateX(25%) translateY(-50%);
    -webkit-transform: scale(0.75) translateX(25%) translateY(-50%);
    transform: scale(0.75) translateX(25%) translateY(-50%);
}
.feature .webcomm-carousel a.carousel-control.right {
    -moz-transform: scale(0.75) translateX(-25%) translateY(-50%);
    -ms-transform: scale(0.75) translateX(-25%) translateY(-50%);
    -o-transform: scale(0.75) translateX(-25%) translateY(-50%);
    -webkit-transform: scale(0.75) translateX(-25%) translateY(-50%);
    transform: scale(0.75) translateX(-25%) translateY(-50%);
}

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

.feature .feature_tabs { border:1px solid #000; }
.feature .feature_tabs ul.nav-tabs {
    position:absolute;
    z-index:1;
    top:0;
    right:0;
    margin:0.75em;
    background-color:#981a1e;
    width:20em;
}
.feature .feature_tabs ul.nav-tabs * { border-radius:0 0 0 0; border:none; }
.feature .feature_tabs ul.nav-tabs > li {
    float:inherit;
    margin:0;
    padding:0;
    border-top:1px solid #ab1d1f;
    border-bottom:1px solid #711417;    
}
.feature .feature_tabs ul.nav-tabs > li:first-child { border-top:none; }
.feature .feature_tabs ul.nav-tabs > li:last-child { border-bottom:none; }

.feature .feature_tabs ul.nav-tabs > li a {
    margin:0;
    color:#FFF;
    display:block;
}
.feature .feature_tabs ul.nav-tabs > li a:hover,
.feature .feature_tabs ul.nav-tabs > li a:active {
    background-color:transparent;
    text-decoration:none;
}
.feature .feature_tabs ul.nav-tabs > li.active a {
    background-color:transparent;   
}
.feature .feature_tabs .tab-content > .tab-pane {
    background-size:cover;
    background-position: center center; 
}

/* HOME PAGE - TEXT IMAGE
---------------------------------------------------- */

.page_dept_home .main .relatedpar > .textimage .image {
    margin:0;
    padding:0;
    max-width:250px;
    min-width:50px;
}


/* COMMON BST - TABLET.CSS */

.row-fluid [class*="span"] {
	display: inherit;
	float: none;
	width: auto;
	margin-left: auto;
}


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

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

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

.header .headeripar > .section.image { text-align:center; }
.header .headeripar > .section.image img {
    height: auto;
    width: auto;
    max-width: 100%;
    display: none;
    transition: opacity 0.3s;
}


/* 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: 0 0 2em 0; 
}
.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;
}

/* SOCIAL MEDIA TABLE STYLE
------------------------------------ */

table.socialmedia_ou td { width:50%; }

table.socialmedia_directory > tbody > tr > td,
table.socialmedia_directory > thead > tr > td  {
	width:33%;	
}

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

.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; }