/career* @license
 * MyFonts Webfont Build ID 2424220, 2012-12-04T17:17:59-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Century Expanded by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/century-expanded/century-expanded/
 * Copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.
 *
 * Webfont: Century Expanded Italic by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/century-expanded/italic/
 * Copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2424220
 *
 * © 2012 Bitstream Inc
*/

@import url("//hello.myfonts.net/count/24fd9c");
@font-face {
    font-family: 'CenturyExpandedBT-Roman';
    src: url('webfonts/24FD9C_4_0.eot');
    src: url('webfonts/24FD9C_4_0.eot?#iefix') format('embedded-opentype'), url('webfonts/24FD9C_4_0.woff') format('woff'), url('webfonts/24FD9C_4_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CenturyExpandedBT-Italic';
    src: url('webfonts/24FD9C_5_0.eot');
    src: url('webfonts/24FD9C_5_0.eot?#iefix') format('embedded-opentype'), url('webfonts/24FD9C_5_0.woff') format('woff'), url('webfonts/24FD9C_5_0.ttf') format('truetype');
}


/*
 * Legal Disclaimer
 *
 * These web fonts are licensed exclusively for use on the following:
 * qatar.vcu.edu
 *
 * It is strictly forbidden to download or use these fonts on any other website domain or media.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2019
 */


/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The fonts folder(s) should be placed relative to the regular CSS file.
 *
 */

@font-face {
	font-family: "LL BrownCyr Regular Web";
	src: url("fonts/BrownLLWebCyr-Regular.woff2") format("woff2"),
		 url("fonts/BrownLLWebCyr-Regular.woff") format("woff");
}

@font-face {
	font-family: "LL BrownCyr Bold Web";
	src: url("fonts/BrownLLWebCyr-Bold.woff2") format("woff2"),
		 url("fonts/BrownLLWebCyr-Bold.woff") format("woff");
}

@font-face {
    font-family: "LL Brown Pro Regular Web";
    src: url("fonts/lineto-brown-pro-regular.eot");
    src: url("fonts/lineto-brown-pro-regular.eot?#iefix") format("embedded-opentype"),
         url("fonts/lineto-brown-pro-regular.woff2") format("woff2"),
         url("fonts/lineto-brown-pro-regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "LL Brown Pro Bold Web";
    src: url("fonts/lineto-brown-pro-bold.eot");
    src: url("fonts/lineto-brown-pro-bold.eot?#iefix") format("embedded-opentype"),
         url("fonts/lineto-brown-pro-bold.woff2") format("woff2"),
         url("fonts/lineto-brown-pro-bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}




/*
 * Legal Disclaimer - Brown LL font
 * These Fonts are licensed only for use on these domains and their subdomains:
 * qatar.vcu.edu
 * It is illegal to download or use them on other websites.
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2012
 */
/*
@font-face {
    font-family: 'BrownRegular';
    src: url('fonts/lineto-brown-regular.eot');
    src: url('fonts/lineto-brown-regular.eot?#iefix') format('embedded-opentype'), url('fonts/lineto-brown-regular.woff') format('woff'), url('fonts/lineto-brown-regular.ttf') format('truetype'), url('fonts/lineto-brown-regular.svg#BrownRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BrownBold';
    src: url('fonts/lineto-brown-bold.eot');
    src: url('fonts/lineto-brown-bold.eot?#iefix') format('embedded-opentype'), url('fonts/lineto-brown-bold.woff') format('woff'), url('fonts/lineto-brown-bold.ttf') format('truetype'), url('fonts/lineto-brown-bold.svg#BrownBold') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
/*
 * Legal Disclaimer - Fatbot font
 * These Fonts are licensed only for use on these domains and their subdomains:
 * qatar.vcu.edu
 * It is illegal to download or use them on other websites.
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 * Jordan Gushwa, 2014
 */

@font-face {
    font-family: 'fatboy_mediumbold';
    src: url('fonts/fatboymedium-bold-webfont.eot');
    src: url('fonts/fatboymedium-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/fatboymedium-bold-webfont.woff') format('woff'), url('fonts/fatboymedium-bold-webfont.ttf') format('truetype'), url('fonts/fatboymedium-bold-webfont.svg#fatboy_mediumbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fatboy_outlinebold';
    src: url('fonts/fatboyoutline-bold-webfont.eot');
    src: url('fonts/fatboyoutline-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/fatboyoutline-bold-webfont.woff') format('woff'), url('fonts/fatboyoutline-bold-webfont.ttf') format('truetype'), url('fonts/fatboyoutline-bold-webfont.svg#fatboy_outlinebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: "LL Brown Pro Regular Web";
    color: #222;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0.99;
}
header {
    background: #000;
    padding: 10px 0px 0px 0px;
}
header .navbar .brand {
    margin-right: 50px;
    padding: 0px;
}
header .navbar .brand:hover {
    text-decoration: none;
}
.header-links {
    margin-top: 5px;
    margin-right: 20px;
}
.header-links a {
    margin-right: 8px;
}
.socialmedia-links {
    margin-top: 11px;
}
a {
    color: #3b51a3;
}
a:hover,
a:focus {
    outline: none;
   color: #3b51a3;
       
}
li.flex-active-slide > div.col-sm-6 > div.hidden-xs > p > a,
li > div.col-sm-6 > div.hidden-xs > p > a
{
	color:#004A80;
	text-decoration: underline;
}
li.flex-active-slide > div.col-sm-6 > div.hidden-xs > p > a:hover ,
li > div.col-sm-6 > div.hidden-xs > p > a:hover
{
    outline: 0;
	color:#004A80;
	text-decoration: underline;
}
li.flex-active-slide > div.col-sm-6 > div.hidden-xs > p > a:focus ,
li > div.col-sm-6 > div.hidden-xs > p > a:focus
{
	background:#E6E6E6;
	
}

li.flex-active-slide > div.col-sm-6 > div.hidden-xs > p ,
li > div.col-sm-6 > div.hidden-xs > p
{
	color:#1A1A1A;
}
#curriculum .col-sm-6 > p > a,
#student-opportunities .col-sm-6 > p > a
{    
	color:#007DD6;
}
#curriculum .col-sm-6 > p > a:hover ,
#student-opportunities .col-sm-6 > p > a:hover
{
	outline: 0;
	color:#007DD6;
}
.lowercase {
    text-transform: lowercase;
}
.uppercase {
    text-transform: uppercase;
}
p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
}
section li {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 16px;
    line-height: 23px;
}
dt,
dd {
    font-size: 16px;
    line-height: 23px;
}
section ul {
    list-style-type: square;
    margin-bottom: 20px;
}
strong,
.dl-horizontal dt {
    font-family: "LL Brown Pro Bold Web";
    font-weight: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "LL Brown Pro Regular Web";
    font-weight: normal;
}
h1 {
    margin-top: 10px;
    margin-bottom: 20px;
    font-family: 'CenturyExpandedBT-Roman';
    font-size: 40px;
    line-height: 44px;
}
.department-page h1,
.foundation-page h1,
.communityclass-advanced-page h1,
.research-page h1,
.student_affairs_new h1{
    text-align: center;
    font-family: 'fatboy_outlinebold';
    font-size: 62px;
    line-height: 62px;
    text-transform: uppercase;
}

div#homepage-news img

{
	
	    border: 5px solid white;
}
/*css-code for logo replacement */
#header {
	width: 111px;
	height: 46px;
	position:relative;
}
#header span {
	background: #000  url(//qatar.vcu.edu/images/theme/logo.png) top left no-repeat;
	position:absolute;
	width: 100%;
	height: 100%;
}
/*css code  for IMS logo in IMS Page*/
#imslogo {
	/*width: 200px;*/
	height: 141px;
	position:relative;

}
#imslogo span {
	/*background:   url(//www.qatar.vcu.edu/images/theme/IMSlogo.png) no-repeat center;*/
	background:   url(//qatar.vcu.edu/images/theme/IMSlogo.png) no-repeat center;
	position:absolute;
	width: 100%;
	height: 100%;
	margin-bottom:50px;	
}
/* Thesis Form*/
a.button.button-green,
button.button-green,
input[type="submit"].button-green,
input[type="reset"].button-green,
input[type="button"].button-green {
    color: #fff;
    background: #5C9425;
    background: -webkit-gradient(linear, left top, left bottom, from(#8fc857), to(#5c9425));
    background: -moz-linear-gradient(top,  #8fc857,  #5c9425);
    -pie-background: linear-gradient(top,  #8fc857,  #5c9425);
    border:1px solid #5C9425;
}
a.button.button-green:hover, a.button.button-green:focus,
button.button-green:hover, button.button-green:focus,
input[type="submit"].button-green:hover, input[type="submit"].button-green:focus,
input[type="reset"].button-green:hover, input[type="reset"].button-green:focus,
input[type="button"].button-green:hover, input[type="button"].button-green:focus {
    border:1px solid #556611;
    background: #8fbb44;
    background: -webkit-gradient(linear, left top, left bottom, from(#8fbb44), to(#5c8825));
    background: -moz-linear-gradient(top,  #8fbb44,  #5c8825);
    -pie-background: linear-gradient(top,  #8fbb44,  #5c8825);
}
a.button.button-green:active, a.button.button-green.active,
button.button-green:active, button.button-green.active,
input[type="submit"].button-green:active, input[type="submit"].button-green.active,
input[type="reset"].button-green:active, input[type="reset"].button-green.active,
input[type="button"].button-green:active, input[type="button"].button-green.active {
    background: #8fbb44;
    background: -webkit-gradient(linear, left top, left bottom, from(#5c8825), to(#8fbb44));
    background: -moz-linear-gradient(top,  #5c8825,  #8fbb44);
    -pie-background: linear-gradient(top,  #5c8825,  #8fbb44);
    border:1px solid #342;
}
.button-green[disabled] {
    color: #fff;
    background: #8fc857;
    border:1px solid #561;
}

.button.button-exit,
button.button-exit,
input[type="submit"].button-exit,
input[type="reset"].button-exit,
input[type="button"].button-exit {
	padding-left:25px;
	background-image:url('../images/arrowRight.png');
	background-repeat: no-repeat;
	background-position: 9px 7px;
	float:right;
}




.box {
    background: #fff;
    padding: 15px 15px 5px 15px;
	zoom:1;
}
.box-title {
    background: #eee;
    background: -moz-linear-gradient(top, #fafafa, #e1e1e1);
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e1e1e1));
    -pie-background: linear-gradient(top, #fafafa, #e1e1e1);
    padding: 10px 10px 10px 15px;
}





.coronabutton
{
	  /*background: #f0b703;
	border-color: #f0b703;
	color:#fff;
	padding: 12px 12px;
	font-size: 16px;
	line-height: 24px;
	text-decoration: none;
	font-weight: bold;*/

  background: #4D4998;
    color: #fff;
    padding: 8px 15px 5px 15px;
    margin-top: 25px;
    text-decoration: none;
	font-weight: bold;
}
/*div#content > div.container > div.row > div.col-md-12 > div.row > div.  .coronabutton*/
 #coronavirus-updates  .col-sm-8 > p > a:hover 
{
  color: #fff;
  text-decoration: none;

}
#coronavirus-updates  .col-sm-8 > p > a:focus
{
outline: 0;
	color:#fff;
}










/* css-code for caret(^) or dropdown arrow replacement*/
#caret-dropdown-academics,#caret-dropdown-admissions,#caret-dropdown-research,#caret-dropdown-news,#caret-dropdown-about {
	margin:0;padding:0;	
	width: 13px;
	height: 6px;
    background:  url(//qatar.vcu.edu/images/theme/caret.png) top left no-repeat;
    display:inline-block;
}
#caret-dropdown-more,#caret-dropdown-more-admissions
{
    margin:0; padding:0;       
    width: 13px;
    height: 6px;
      background:  url(//qatar.vcu.edu/images/theme/caret-white.png) top left no-repeat;
    display:inline-block;
}
/*	css-code for loading gif   repacement */
#loading-gif {
	margin:0;padding:0;	
	width: 32px;
	height: 32px;
    background:  url( //qatar.vcu.edu/images/theme/ajax-loader.gif) top left no-repeat;
    /*display:inline-block;*/
}
/* CSS Code for footer map replacement*/	
#footer-map {
	margin:0;padding:0;
	width:778px;
	height: 152px;
    position:relative;
    display:inline-block;
}
#footer-map  span{
    background:url( //qatar.vcu.edu/images/theme/footer-map.png) top left no-repeat;
    background-size:100%;
    position:absolute;
    width:100%;
	height: 100%;
}
/*CSS Code used in  Liberal Arts & Sciences page for implementing accessibilit */
 /* Css-code for las-page-image replacement*/	
#las-page-image {
                
    width: 359px;
	height: 104px;
    position:relative;
    margin-top: 10px;
    margin-bottom: 20px;
}	
#las-page-image  span {
    background: url( //qatar.vcu.edu/images/uploads/pictures/liberal-arts-sciences.png ) top left no-repeat; 
    position:absolute;
	width: 100%;
	height: 100%;
}
.h3-style-for-h1-laspage {
	font-size: 21px;
    line-height: 28px;
    margin: 0 0 20px 0;
	font-family: "LL Brown Pro Regular Web"; 
    font-weight: normal; 
    display: block; 
}
.h6-style-for-h1-in-laspage {
	font-family: "LL Brown Pro Bold Web";
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    margin: 3px 0;
}
/*Css code used in Honors Program page for implementing Accessibility*/

.h3-style-for-h1-in-honors-program-page {
	padding-top: 0px;
    border-top: none;
	font-size: 21px;
    line-height: 28px;
    margin: 0 0 20px 0;
	font-family: "LL Brown Pro Regular Web";
    font-weight: normal;
	display: block;
}
/*#content .col-sm-8 > p >a,
.contentblock-odd .col-sm-8 > ul > li> a,
.contentblock-even .col-sm-8 > ul > li> a,
.contentblock-even .col-sm-8 > p > a {
	    color:#006EBD;
}
#content .col-sm-8 > p >a:hover,
.contentblock-odd .col-sm-8 > ul > li> a:hover,
.contentblock-even .col-sm-8 > ul > li> a:hover,
.contentblock-even .col-sm-8 > p > a:hover {
    outline: 0;
    color:#006EBD;
}*/
#honors-program.information-page div#content .col-sm-8 > p >a,
#honors-program.information-page div.contentblock-odd .col-sm-8 > ul > li> a,
#honors-program.contentblock-even .col-sm-8 > ul > li> a,
#honors-program.information-page div.contentblock-even .col-sm-8 > p > a
{
    color:#006EBD;
}

#honors-program.information-page div#content .col-sm-8 > p >a:hover,
#honors-program.information-page div.contentblock-odd .col-sm-8 > ul > li> a:hover,
#honors-program.contentblock-even .col-sm-8 > ul > li> a:hover,
#honors-program.information-page div.contentblock-even .col-sm-8 > p > a:hover
{
    outline: 0;
    color:#006EBD;
}
.information-page div#content ,div.contentblock-odd,div.contentblock-even,.new_employee_orientation div#content {
    background: #ebecee url('../images/theme/section-bg.png') repeat-x center top;
}
.information-page div.contentblock-odd li,div.contentblock-even li {
	margin-top: 2px;
    margin-bottom: 2px;
    font-size: 16px;
    line-height: 23px;
}
#honors-program.information-page div.contentblock-odd ul, #honors-program.information-page div.contentblock-even ul {
    list-style-type: square;
    margin-bottom: 20px;
}
/*Css code used in writing center  page for imlementing Accessibility */
.h6-style-for-h1-in-writing-center-page {
    font-family: "LL Brown Pro Bold Web";
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    margin: 3px 0;
}
.h3-style-for-h1-in-writing-center-page {
	padding-top: 0px;
    border-top: none;
	font-size: 21px;
    line-height: 28px;
    margin: 0 0 20px 0;
	font-family: "LL Brown Pro Regular Web";
    font-weight: normal;
	display: block;
}
.writing-center-page div#overview div.ul-li-style  li {
	margin-top: 2px;
    margin-bottom: 2px;
    font-size: 16px;
    line-height: 23px;
}
.writing-center-page div#overview  div.ul-li-style ul {
    list-style-type: square;
    margin-bottom: 20px;
}
.writing-center-page div#appointment,div#faqs
{
	background: #ebecee url('../images/theme/section-bg.png') repeat-x center top;
}
/*css code used in IMS page for bokk an appoinment  section background colour*/
.innovative_media_studio_page div#appointment
{
	background: #ebecee url('../images/theme/section-bg.png') repeat-x center top;
}

/*Css code used in career-services page for imlementing Accessibility*/
#career-services.information-page .contentblock-odd .col-sm-8 > p > a,
#career-services.information-page .contentblock-odd .col-sm-8 > ul > li > a{
	color:#006EBD;
}
#career-services.information-page .contentblock-odd .col-sm-8 > p > a:hover,
#career-services.information-page .contentblock-odd .col-sm-8 > ul > li > a:hover{
	color:#006EBD;
}

/*css code  used in career services-opportunities page for implementing accessibility*/

#opportunities.information-page div#content .col-sm-8 > p > a
{
    
    color:#006EBD;
}

#opportunities.information-page div#content .col-sm-8 > p > a:hover
{
    
    color:#006EBD;
}
.information-page div#content div.col-sm-8>ul>li,.new_employee_orientation div#content div.col-sm-8>ul>li{
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 16px;
    line-height: 23px;
}
/*Css code used in student affairs page for imlementing Accessibility*/
#studentaffairs.student-affairs-page  .col-sm-7 > p > a {
	color:#006EBD;
}
/*css code used in academic calender page for implementing accessibility */
#academic-calendar.information-page  div#content > div.container > div.row > div.col-sm-8 > p > a
{
    color:#006EBD;
}
#academic-calendar.information-page div#content > div.container > div.row > div.col-sm-8 > p > a
{
    color:#006EBD;
}

/* css code used  for iframe in Community education--->Register online page when removed the accordion from that page*/
#register-online  div.panel-body > iframe {
	 
	 padding: 0px;
	 margin: 0px; 
	 border-width: 0px;
	 width: 100%; 
	 
 }
/*-------START------css code for library Booking Page*/
 /* Container */
.bookcontainer {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}
/* Header */
.bookheader {
	width: 100%;
	height: 8%;
	background-color: #5D5E5D;
	border-bottom: 1px solid #353635;
	margin-top:10px;
}
.booklogo {
	color: #fff;
	font-weight: bold;
	margin-left: auto;
	letter-spacing: 4px;
	margin-right: auto;
	text-align: center;
	padding-top: 15px;
	line-height: 2em;
	font-size: 22px;
}
.hero_header {
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	letter-spacing: 4px;
}
 /* About Section */
.text_column {
	width: 90%;
	text-align: left;
	font-weight: lighter;
	line-height: 25px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	color: #A3A3A3;
}
.gallery {
	clear: both;
	display: inline-block;
	width: 100%;
	background-color: #FFFFFF;
	/* [disabled]min-width: 400px;
*/
	padding-bottom: 35px;
	padding-top: 0px;
	margin-top: -5px;
	margin-bottom: 0px;
}
.bookthumbnail {
	width: 30%;
	text-align: center;
	float: left;
	margin-top: 35px;
	background-color: #F8F8F8;
	padding-bottom: 20px;
	margin-left: 1.5%;
	margin-right: 1.5%;
	border-radius: 3px;
	padding-top: 20px;
	border-bottom: 4px solid #3a6588;
}
.bookvideothumbnail {
	width: 31%;
	text-align: center;
	float: left;
	margin-top: 35px;
	background-color: #F8F8F8;
	padding-bottom: 30px;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 3px;
	padding-top: 30px;
	border-bottom: 4px solid #3a6588;
}
.gallery .bookthumbnail h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #3a6588;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}
.gallery .bookvideothumbnail h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #3a6588;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}
.gallery .bookthumbnail p {
	margin: 0;
	color: #B3B3B3;
	text-align: left;
	padding-left: 20px;
}
.gallery .bookvideothumbnail p {
	margin: 0;
	color: #B3B3B3;
	text-align: center;
	padding-left: 0px;
	
}
.gallery .bookvideothumbnail p > a:hover
  {
	text-decoration:underline;
	
	color:white;
}
.gallery .bookvideothumbnail p > a:visited
  {
	text-decoration:none;
	
	color:white;
}
/* More info */
.bookintro {
	background-color: #FFFFFF;
	padding-bottom: 35px;
}
.bookcolumn {
	/*width: 50%;
	text-align: center;
	float: left;*/
padding-top: 30px;
}
.bookintro .bookcolumn h3 {
	color: #FFFFFF;
	text-align: center;
}
.bookintro .bookcolumn p {
	/*color: #FFFFFF;*/
    color: #11111;
}
.cards {
	width: 100%;
	height: 100%;
	max-width:200px;
	max-height: 200px;
	/*opacity: 0.8;*/
}
.bookintro .bookcolumn p {
	/*padding-left: 30px;
	padding-right: 30px;*/
	text-align: justify;
	line-height: 25px;
	font-weight: lighter;
	margin-left: 20px;
	margin-right: 20px;
	/*width: 80%;
	margin-top: 4%;*/
}

.copyright {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #717070;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
}

.bookintro {
	/*display: inline-block;
	background-color: #6DC7D0;*/
}
.profile {
	width: 90%;
}
.gallery .bookthumbnail .tag {
	color: #5D5E5D;
	padding-bottom: 4px;
	padding-top: 4px;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

/* Mobile */
@media (max-width: 320px) {
.booklogo {
	width: 100%;
	text-align: center;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.text_column {
	width: 100%;
	text-align: justify;
	padding: 0;
}
.bookintro .bookcolumn p {
	width: 80%;
	margin-left: 0px;
}
.text_column {
	padding-left: 20px;
}
.bookthumbnail {
	width: 100%;
}
.bookvideothumbnail {
	width: 100%;
}
.bookcolumn {
	width: 100%;
	margin-top: 0px;
}
.hero_header {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 22px;
	text-align: center;
}
.videobtn {

background-color: #3a6588;
  color: white;
  
  border: none;
    padding: 12px;
  font-size: 12px;
 
}


}


/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {
.booklogo {
	width: 100%;
	text-align: center;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.text_column {
	width: 100%;
	text-align: left;
	padding: 0;
}
.bookthumbnail {
	width: 100%;
}
.bookvideothumbnail {
	width: 100%;
}
.bookcolumn {
	width: 100%;
	margin-top: 0px;
}

.text_column {
	padding-left: 20px;
	padding-right: 20px;
	width: 90%;
}
.bookcolumn {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}
.profile {
	width: 65%;
}
.bookintro .bookcolumn p {
	width: 90%;
	text-align: center;
	padding-left: 0px;
}

}

/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {
.text_column {
	width: 100%;
}
.bookthumbnail {
	width: 48%;
}
.bookvideothumbnail {
	width: 48%;
}
.text_column {
	width: 90%;
	margin: 0;
	padding: 20px;
}
.bookintro .bookcolumn p {
	width: 80%;
}

}
@media (min-width: 321px)and (max-width: 2080px) {
.videobtn{
  background-color: #3a6588;
  color: white;
  padding: 16px;
	
  font-size: 16px;
  border: none;
}
}


.bookdropbtn {
  background-color: #3a6588;
  color:white;
  padding: 16px;
	width: 200px;
  font-size: 16px;
  border: none;
}

.bookdropdown {
  position: relative;
  display: inline-block;
}

.bookdropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.bookdropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.bookdropdown-content a:hover {background-color: #ddd;}

.bookdropdown:hover .bookdropdown-content {display: block;}

.bookdropdown:hover .bookdropbtn {background-color: /*#4CAF50;*/#3a6588;}

 /*-------END------css code for library Booking Page------*/

/*-------START------css code for library Resources Booking Page*/


.gallery-resources {
	clear: both;
	display: inline-block;
	width: 100%;
	background-color: #FFFFFF;
	padding-bottom: 80px;
	padding-top: 0px;
	margin-top: -5px;
	margin-bottom: 0px;
}
.thumbnail-resources {
	width: 160px;
	Height:160px;
	text-align: center;
	float: left;
	margin-top: 35px;
	/*background-color: #F8F8F8;*/
	background-color:#eaedf3;
	padding-bottom: 20px;
	margin-left: 36px;
	/*margin-right: 36px;*/
	/*border-radius: 3px;*/
	padding-top: 20px;
	/*border-bottom: 4px solid #6DC7D0;*/
}

.gallery-resources .thumbnail-resources h4 {
	margin-top: 25px;
	margin-bottom: 5px;
	/*color: #52BAD5;*/
	text-align: center;
	padding-left:10px;
	padding-right:10px;
}



/* Mobile */
@media (max-width: 320px) {

.thumbnail-resources {
	/*width: 100%;*/
}

}

/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {

.thumbnail-resources {
	/*width: 100%;*/
}

}

/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {

.thumbnail-resources {
	width: 48%;
}

}
 /*-------END------css code for library Resources Booking Page*/



/* css code for graphic design---- BFA THESIS Page-------*/

.grid { margin:0; padding:0; text-align: justify; font-size: 0.1px; }
.grid li { display:inline-block; width:32.5%; /* 23.5% */ margin-bottom:7%; vertical-align:top; font:18px/25px "LL Brown Pro Bold Web"; text-align:center; }
.grid li a { color:#4D4998; }
.grid li img { display:block; margin-bottom:10px; max-width:100%; border:none; }
.grid:after { content:''; display:inline-block; width:100%; }
.grid .placeholder { padding:0; margin:0; }
@media only screen and (min-width: 40.063em) and (max-width: 64em) { .grid li { width:48.5%; } } /* 2 COL */
@media only screen and (max-width: 40em) { .grid li { width:100%; } } /* SINGLE COL */



#overviewGd { position:relative; padding-top:0; }
#overviewGd .hero { background-position:top center; background-size: cover; background-repeat:repeat-x;height:515px;padding:75px 0; }
#overviewGd .hero h1 { text-align:center;font:56px/60px 'fatboy_outlinebold'; text-shadow:  0 0 75px rgba(0,0,0,0.8);text-transform:uppercase;color:black; }
#overviewGd .white { margin-top:0px; background:white; padding:25px 35px 35px 35px;}


.banner_theme_page div#overviewGd
{
    background: #ebecee url(../images/theme/section-bg.png) repeat-x center top;
}
.banner_theme_page div#overviewGd
{
    padding-bottom: 40px;
    padding-left :0px;
    padding-right:0px;
}


/* css code for graphic design---- BFA THESIS Page-------*/

/*css code used in career-services-page for implementing accessibility */
.h6-style-for-h1-in-career-services-page
{
   font-family: "LL Brown Pro Bold Web";
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    margin: 3px 0;
}
#studentaffairs.student-affairs-page .col-sm-7 > p > a:hover {
	color:#006EBD;
}
.h3-style-for-h2-in-studentaffairs-page {
	padding-top: 0px;
    border-top: none;
	font-size: 21px;
    line-height: 28px;
    margin: 0 0 20px 0;
	font-family: "LL Brown Pro Regular Web";
    font-weight: normal;
	display: block;
}
.h6-style-for-h1-in-studentaffairs-page {
    font-family: "LL Brown Pro Bold Web";
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    margin: 3px 0;
}
.h4-style-for-h1-in-staff-grid {
	font-family: "LL Brown Pro Bold Web";
    font-size: 16px;
    line-height: 20px;
    margin: 0px;
	display: block;
}
 /*css code used in admission-page for implementing accessibility */
#bachelors-degree-programs.admissions-page div.content {
    background: #ebecee url(../images/theme/section-bg.png) repeat-x center top;
    padding-bottom: 40px;
    padding-left :0px;
    padding-right:0px;
}
.h4-style-for-h1-in-admissions
{
    font-family: "LL Brown Pro Bold Web";
    font-size: 16px;
    line-height: 20px;
    margin: 0px;
}
.h5-style-for-h1-in-admissions
{
    font-style:normal; font:21px/24px "LL Brown Pro Bold Web";
}
.h3-style-for-h1-in-admissions
{
    border:none;
    margin:0;
    padding:0;
    color: white;
    font-size: 21px;
    line-height: 28px;
    font-family: "LL Brown Pro Regular Web";
    font-weight: normal;
} 
.h6-style-for-h1-in-admissions
{
    font-family: "LL Brown Pro Bold Web";
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    margin: 0;
    color: white;
}
.admissions-page div#overviewAdm
{
    background: #ebecee url(../images/theme/section-bg.png) repeat-x center top;
}
.admissions-page div#overviewAdm
{
    padding-bottom: 40px;
    padding-left :0px;
    padding-right:0px;
}
/*css code used in new students page for implementing accessibility */
#new-students.admissions-page   div.content > div.container > div.row > div.col-md-8 > ul > li
{
	color:#000000;
}
#new-students.admissions-page   div.content > div.container > div.row > div.col-md-8 > ul > li > a
{
	/*color:#3D55A0;*/
	font-weight:bold;
	color:#3C559F;
}
#new-students.admissions-page div.content
{
    background: #ebecee url(../images/theme/section-bg.png) repeat-x center top;
	padding-bottom: 40px;
	padding-left : 0px;
	padding-right: 0px;
}
#new-students.admissions-page div.content li 
{
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 16px;
}
/*Css code used in application-deadlines admissions page for imlementing Accessibility*/
.h3-style-for-h1-in-application-deadlines-admissions-page
{
	margin-top: 35px;
	font: 24px/28px "LL Brown Pro Bold Web";
    padding: 0;
    border: none;

}

#application-deadlines.admissions-page div.content > div.container > div.row > div.col-md-8 > p > a:focus
{
	
	background:#E6E6E6;
}
#application-requirements.admissions-page div.content > div.container > div.row > div.col-md-8 > ul >li > a:focus
{
	
color: #004A80;
}	
/*Css code used in cost of study admissions page for imlementing Accessibility*/
#cost-of-study.admissions-page div.content > div.container > div.row > div.col-md-8 > ul >li > a:focus
{

background:#FCFCFC;
	
}
.h3-style-for-h1-in-cost-of-study-admissions-page
{
	margin-top:0px;
	font: 24px/28px "LL Brown Pro Bold Web";
    padding: 0;
    border: none;

}

/*Css code used in visit us admissions page for imlementing Accessibility*/
#visit-us.admissions-page div.content > div.container > div.row > div.col-md-8 > ul >li > ul >li > a:focus
{

background:#FCFCFC;

}
/*Css code used in prepare yourself admissions page for imlementing Accessibility*/

.h3-style-for-h1-in-prepare-yourself-admissions-page
{	margin-top:0px;
	font: 24px/28px "LL Brown Pro Bold Web";
    padding: 0;
    border: none;
	text-decoration:underline;
}

#prepare-yourself.admissions-page div.content > div.container > div.row > div.col-md-8 > ul >li > strong
{

text-decoration:underline;
	 

}
#prepare-yourself.admissions-page div.content > div.container > div.row > div.col-md-8 > ul >li > a:focus
{

background:#FCFCFC;
	 

}
/*css code used in research page for implementing accessibility*/

.research-page div.research-carousel,div#funding,div#team
 {
    background: #ebecee url('../images/theme/section-bg.png') repeat-x center top;
}

div#funding img{
	
	
	border: 5px solid white;
}
 div.research-carousel {
    padding: 0;
}
.news-listing div#project-list {
    background: #ebecee url('../images/theme/section-bg.png') repeat-x center top;
    
}

div#project-list img{
    
   border: 5px solid white; 
}
#partnerships.information-page  div#content > div.container > div.row >div.col-md-12 > div.row > div.col-sm-8 > p > a
{
    color:#006EBD;
}

/*Css code used in MFA Thesis Projects page for imlementing Accessibility*/
.news-listing  div#content
{
	background: #ebecee url('../images/theme/section-bg.png') repeat-x center top;
}
/*Css code for facebook,twitter and instagram icon replacement in studentaffairs page*/
#facebook-icon {
	width: 23px;
	height: 22px;
    background:  url(//qatar.vcu.edu/images/theme/facebook-dept-icon.png) top left no-repeat;
    display:inline-block;
	vertical-align: middle;
}
#twitter-icon {
	width: 23px;
	height: 22px;
    background:  url(//qatar.vcu.edu/images/theme/twitter-dept-icon.png) top left no-repeat;
    display:inline-block;
	vertical-align: middle;
} 
#instagram-icon {	
	width: 22px;
	height: 22px;
    background:url(//qatar.vcu.edu/images/uploads/pictures/instagram-dept-icon.png) top left no-repeat;
    display:inline-block;
    vertical-align: middle;
}
.student-affairs-page  div#content,div#experience,div#engagement ,div#impact,div#integrity,div#development,div#staff {
	background: #ebecee url('../images/theme/section-bg.png') repeat-x center top;
}
.student-affairs-page  div#content img,div#experience img,div#engagement img,div#impact img,div#integrity img,div#development img {
    border: 5px solid white;
}
/* css code for home page gif replacement*/

/*Css code used in Alumini page for imlementing Accessibility*/


.h3-style-for-h1-in-alumni-page {
	padding-top: 10px;
     border-top: 3px solid white;
	font-size: 21px;
    line-height: 28px;
    margin: 0 0 20px 0;
	font-family: "LL Brown Pro Regular Web";
    font-weight: normal;
	display: block;
}

.h6-style-for-h1-in-alumni-page {
    font-family: "LL Brown Pro Bold Web";
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    margin: 3px 0;
}

/*Css code used in Alumini page for imlementing Accessibility*/



.home-gif{
    background-image: url(//qatar.vcu.edu/images/uploads/pictures/Fashion1900x600.gif);
    background-size:100%;
    background-repeat: no-repeat;
    background-position: center top;
    height: 600px;
    background-size: cover;
}
@media only screen  and (max-width: 1900px){
   .home-gif{
        background-image: url(//qatar.vcu.edu/images/uploads/pictures/Fashion1050x400.gif);
        background-size:100%;
        background-repeat: no-repeat;
        background-position: center top; 
        height:500px;
        background-size: cover;
   }
}
@media only screen and (max-width: 1050px){
   .home-gif {
        background-image: url(//qatar.vcu.edu/images/uploads/pictures/Fashion570x320.gif);
        background-size:100%;
        background-repeat: no-repeat;
        background-position: center top;
        height:420px;
        background-size: cover;
   }
}
@media only screen  and (max-width: 570px){
   .home-gif {
        background-image: url(https://qatar.vcu.edu/images/uploads/pictures/Fashion320x240.gif);
        background-size:100%;
        background-repeat: no-repeat;
        background-position: center top;
        height:270px;
        background-size: cover;
   }
}
@media only screen and (max-width: 320px){
   .home-gif {
        background-image: url(https://qatar.vcu.edu/images/uploads/pictures/Fashion320x240.gif);
        background-size:100%;
        background-repeat: no-repeat;
        background-position: center top;
        height:240px;
        background-size: cover;
   }
}





#skip-links
{
position:absolute;
left:0;
top:0;
width:100%;
margin-left:0;
list-style:outside none;
}
a.skip-links-item
{
font-size:18px;
text-decoration:underline;
position:absolute;
left:15px;
top:-100px;
z-index:10000;
height:auto;
margin:0 auto;
padding:10px 15px;
background-color:transparent;
outline:0;
transition:top .2s,background-color .2s;
}
a.skip-links-item:active,a.skip-links-item:focus
{
top:32px;
background-color:#272727;
}
#home-h1 {
    font-size: 26px;
    line-height: 35px;
    position: relative;
    z-index: 1;
    text-transform: lowercase;
    margin: 25px 0 0 0;
    font-family: "LL Brown Pro Regular Web";
}
.overview-wrapper h1 span {
    display: inline-block;
    background: transparent url('../images/theme/bg-bfa.png') no-repeat 0 0;
    width: 25px;
    text-indent: -1000em;
}
.overview-wrapper h1 span.student-affairs {
    display: inline-block;
  /* background: transparent url('../images/theme/bg-bfa.png') no-repeat 0 0;*/
    width: 25px;
    text-indent: -1000em;
}
.overview-wrapper h1 span.mfa {
    background: transparent url('../images/theme/bg-mfa.png') no-repeat 0 0;
}
.overview-wrapper h1 span.arthistory {
    background: transparent url('../images/theme/bg-ba.png') no-repeat 0 0;
}
h1 .title-part-1 {
    background: #949599;
    padding: 10px 0px 10px 10px;
    float: left;
}
h1 .title-part-2 {
    background: black;
    color: white;
    padding: 10px;
    float: left;
}
h1 .title-part-3 {
    padding: 0 0 0 10px;
    float: left;
    width: 50%;
}
h1 .title-part-4 {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 64px;
    font-size: 22px;
    line-height: 26px;
    font-family: "LL Brown Pro Regular Web";
}
#home-h1-topline {
    background: white;
    padding: 12px 12px 0px 12px;
    position: relative;
}
#home-h1-bottomline {
    background: white;
    padding: 12px 12px 12px 12px;
}
h2 {
    margin: 0 0 40px 0;
    font-size: 27px;
    line-height: 30px;
}
.h2style-for-h1
{
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 10px;
    text-decoration: none;
    color: #222;
    padding-top: 0px;
	font-size: 27px;
    line-height: 30px;
	font-family: "LL Brown Pro Regular Web";
    font-weight: normal;
	margin: 0 0 40px 0;
}
.h2style-for-h1 a {   
    text-decoration: none;  
    color: #222;
    text-decoration-line: none;
    text-decoration-style: initial;
    text-decoration-color: initial;
}
.h2style-for-h1 a:focus
{
	background: #f4f6f5;
}
.spanoff-screen{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
.h2style-for-h1 a: hover {
    color: #222;
}
.h4-stylefor-h1-infaculty-grid
{
    font-family: "LL Brown Pro Bold Web";
    font-size: 16px;
    line-height: 20px;
    margin: 0px;
}
.h6-stylefor-h1-in-footer
{
    font-family: "LL Brown Pro Bold Web";
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    margin: 3px 0;
    margin-bottom: 20px;
}
/*Css code used in interior design--->chair's statement page for imlementing Accessibility*/

#chair-statement div.contentblock-odd div.col-sm-8 > p
{
    color:#1A1A1A;
}
#chair-statement div.contentblock-odd div.col-sm-8 > p> a 
{
    color: #0068B3;
}
#chair-statement div.contentblock-odd div.col-sm-8 > p> a:hover
{
	outline:0; 
    color: #0068B3;
}
/*Css code used in papar---> Artist in Residence page*/

#Artist-in-Residence-Program.information-page div#content .col-sm-8 > p > a,
#Artist-in-Residence-Program.information-page div.contentblock-odd .col-sm-8 >
ul > li> a ,#Artist-in-Residence-Program div.contentblock-even .col-sm-8 > p > a

{   color: #006EBD;
}
#Artist-in-Residence-Program.information-page div#content .col-sm-8>p >a:hover,#Artist-in-Residence-Program.information-page div.contentblock-odd .col-sm-8 > ul > li> a:hover ,#Artist-in-Residence-Program div.contentblock-even .col-sm-8 > p > a:hover
{
	outline:0; 
    color: #006EBD;
}

/*Css code used in papar--->publishing-program,fellowship page*/
.h4-style-for-h3-in-publishing-program
{   
    font-family: "LL Brown Pro Bold Web";
    font-size: 16px;
    line-height: 20px;
    margin: 0px;
}
#publishing-program.information-page h3,
#fellowship.information-page h3
{
    border-top:none;
	padding-top: 0px;
}
h3 {
    font-size: 21px;
    line-height: 28px;
    margin: 0 0 20px 0;
}
.information-page h3,
.admissions-page h3,
.people-detail h3,
.student-affairs-page h3,
.alumni-page h3,
.people-page h3 {
    padding-top: 10px;
    border-top: 3px solid white;
}
/* Style for buttons in Career Services - Student Employment and opportunities page */
#opportunities.information-page div#content > div.container > div.row > div.col-md-12 > div.row > div.col-sm-8 > table > tbody > tr > td > a ,
#opportunities.information-page div.contentblock-odd > div.container > div.row > div.col-md-12 > div.row > div.col-sm-8 > table > tbody > tr > td > a ,
#opportunities.information-page div.contentblock-even > div.container > div.row > div.col-md-12 > div.row > div.col-sm-8 > table > tbody > tr > td > a ,
#student-employment.information-page  div#content > div.container > div.row > div.col-md-12 > div.row > div.col-sm-8 > table > tbody > tr > td > a
{
	background: #3B51A3;
	border-color: #3B51A3;
	color:#fff;
	padding: 12px 12px;
	font-size: 16px;
	line-height: 24px;
	text-decoration: none;
	font-weight: normal;
}
/*css code used in alumini page for implementing accessibility*/
.alumni-page div#overview > div.container > div.col-md-12 > div.row > div.col-md-6 > ul > li ,
.alumni-page div#employment> div.container > div.row > div.col-md-12 > ul > li
{
	margin-top: 2px;
    margin-bottom: 2px;
    font-size: 16px;
    line-height: 23px;
}

.alumni-page div#overview > div.container > div.col-md-12 > div.row > div.col-md-6 > ul ,
.alumni-page div#employment> div.container > div.row > div.col-md-12 > ul 
{
list-style-type: square;
 margin-bottom: 20px;
}
.alumni-page div#employment,div#successfulalumni,div#story
{
    background: #ebecee url('../images/theme/section-bg.png') repeat-x center top;
}



/* css code for implementing accessibility in  career-services ---student employment page*/
#student-employment.information-page  div#content > div.container > div.row > div.col-md-12 > div.row > div.col-sm-8 > table > tbody > tr > td > a:focus
{
    background: #312d79;
}
#student-employment.information-page  div#content > div.container > div.row > div.col-md-12 > div.row > div.col-sm-8 > table 
{

    text-align:left;
	border:0;
}
.h4-style-for-h1-in-career-services_student-employment
{
	font-family: "LL Brown Pro Bold Web";
    font-size: 16px;
    line-height: 20px;
    margin: 0px;
		font-weight: normal;
	
}

#opportunities.information-page div.contentblock-odd > div.container > div.row > div.col-md-12 > div.row > div.col-sm-8 > table ,
#opportunities.information-page div.contentblock-even > div.container > div.row > div.col-md-12 > div.row > div.col-sm-8 > table
{
    /*cellpadding:1;
	cellspacing:1;*/
   padding:1;
  border-spacing:1;
	text-align:left;
	border:0;
    
}
#resources.information-page div#content div.col-sm-8 > h4
{
    padding-top: 40px;
    border-top: 3px solid white;
}
.communityclass-page-overview h3 {
    margin-top: 0px;
}
#content h3 {
    padding-top: 0px;
    border-top: none;
}
h4 {
    font-family: "LL Brown Pro Bold Web";
    font-size: 16px;
    line-height: 20px;
    margin: 0px;
}
#homepage-news .news-text h4 {
    font-size: 24px;
    line-height: 30px;
    font-family: 'CenturyExpandedBT-Roman';
    margin-bottom: 0px;
}
.news-text {
    margin-top: 12px;
}
h5 {
    font-family: "LL Brown Pro Bold Web";
    font-size: 17px;
    line-height: 23px;
    font-style: italic;
    margin-bottom: 5px;
}
h6 {
    font-family: "LL Brown Pro Bold Web";
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    margin: 3px 0;
}
footer h6 {
    margin-bottom: 20px;
}
.top-bar {
    margin-bottom: 22px;
}
#main-nav .nav {
    margin-top: 8px;
}
#main-nav.navbar {
    margin-bottom: 10px;
}
#main-nav.navbar .nav > li > a {
    background: #000;
    color: #fff;
    padding: 4px 10px;
    font-size: 16px;
    margin-top: 1px;
    margin-bottom: 1px;
    box-shadow: none;
    text-shadow: none;
}
#main-nav.navbar .nav > li > a.quick-links {
    background: #f0b703;
    margin-right: 2px;
}
#main-nav.navbar .nav > li > a.quick-links:hover,
#main-nav.navbar .nav > li > a:hover, 
#main-nav.navbar .nav > li > a.quick-links:focus,
#main-nav.navbar .nav > li > a:focus {
    /*background: #686867;*/
    background:#595959;
}
#main-nav .caret {
    margin-top: 8px;
    border-top: 6px solid #F6C602;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
#main-nav .dropdown-menu {
    margin-top: 0;
    background: #000;
}
#main-nav .dropdown-menu li > a {
    color: #fff;
}
#main-nav .dropdown-menu li > a:hover {
    background: #686867;
}
#main-nav .nav > li > .dropdown-menu::after {
    border-bottom: 6px solid #000;
}
.dropdown-menu li a:hover {
    background: #e2e2e2;
}
.dropdown-menu li a:focus {
    background: #686867;
}
.dropdown-menu .divider {
    background: none;
    border-bottom: 1px solid #3C3C3B;
}
.topsearchform input {
    height: 15px;
    line-height: 15px;
    padding-left: 5px;
    padding-right: 5px;
}
.topsearchform .btn {
    line-height: 15px;
    padding-left: 5px;
    padding-right: 5px;
}
#homeCarousel {
    margin-bottom: 0px;
}
#homepage-news,
#whystudy {
    background: #e4e6e5;
}

#student-affairs-newsletter.news_letter_listing section img 
{
   border: 5px solid #fcf8e3;

}
.news_letter_archive section img 
{
   border: 5px solid #fcf8e3;

}
section img {
    border: 5px solid white;
}
#careers section img {
    border: none;
}
img.lazy {
    opacity: 0;
    transition: opacity .3s ease-in;
}
.thumbnail {
    padding: 0px;
    border: none;
    background: none;
}
h1 img,
.socialmedia-info img,
#homepage-whatson img {
    border: none;
}
.homepage h2,
.department-page h2,
.las-department-page h2,
.foundation-page h2,
.research-page h2,
.curriculum-page h2,
.library-home-h2 ,
.communityclass-advanced-page h2,
.student_affairs_new h2{
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 10px;
}
.homepage h2 a {
    text-decoration: none;
    color: #222;
}
.homepage h2 a:focus{
    background: #f4f6f5;
}
.homepage h2 {
    padding-top: 0px;
}
.homepage .alert p {
    margin-bottom: 0px;
    font-size: 18px;
}
.sidenav {
    background-color: #3C3C3B;
    padding: 15px 10px 10px 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.sidenav li {
    margin: 0px;
    display: block;
    text-shadow: none;
    line-height: 20px;
    font-size: 14px;
}
.sidenav li a {
    padding: 5px 5px 5px 15px;
    display: block;
    color: white;
}
.sidenav li a:hover {} .sidenav li.overview a {
    margin-top: 10px;
    padding-left: 5px;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
}
.sidenav li.overview a:focus
{
    background:#595959;
}
.sidenav li ul {
    margin-bottom: 0px;
    margin-left: 10px;
    border-left: 2px solid #eee;
}
.sidenav li li a {
    font-size: 90%;
    padding-top: 5px;
}
.sidenav li.active {
    background: #595959; /*#686867;*/
}
.sidenav li.active > a {
    font-family: "LL Brown Pro Bold Web";
}
.contentblock {
    padding-top: 20px;
    border-top: 4px solid white;
}
section {
    padding: 40px 0;
}
.whiteborder{
	border: 5px solid white;
}
section.homepage-carousel,
section.studentwork-carousel,
section.research-carousel {
    padding: 0;
}
.search section,
.information-page section,
.writing-center-page section,
.admissions-page section,
.student-affairs-page section,
.news-listing section,
.news_letter_listing section,
.news_letter_archive section,
.event-listing section,
.news-detail section,
.event-detail section,
.hr-page section,
.research-page section,
.people-page section,
.alumni-page section,
.communityclass-page section,
.bfamfa-thesis-page section,
.bfamfa_thesis_2023 section,
.bfamfa_thesis_2022 section,
.contact-page section {
    background: #ebecee url('../images/theme/section-bg.png') repeat-x center top;
}

#bfa-mfa-thesis-2021 section img {border: 5px solid #C0C0C0;}
#bfa-mfa-thesis-2021 section#overviewbfamfa { position:relative; padding-top:0; }
#bfa-mfa-thesis-2021 section#overviewbfamfa .hero { background-position:top center; background-size: cover; background-repeat:repeat-x; height:515px; padding:75px 0; }
#bfa-mfa-thesis-2021 section#overviewbfamfa .hero h1 { text-align:center; color:white; font:56px/60px "LL Brown Pro Bold Web"; text-shadow:  0 0 75px rgba(0,0,0,0.8); }
#bfa-mfa-thesis-2021 section#overviewbfamfa .white { margin-top:-290px;}

#bfa-mfa-thesis-2022 section img {border: 5px solid #C0C0C0;}
#bfa-mfa-thesis-2022 section#overviewbfamfa { position:relative; padding-top:0; }
#bfa-mfa-thesis-2022 section#overviewbfamfa .hero { background-position:top center; background-size: cover; background-repeat:repeat-x; height:515px; padding:75px 0; }
#bfa-mfa-thesis-2022 section#overviewbfamfa .hero h1 { text-align:center; color:white; font:56px/60px "LL Brown Pro Bold Web"; text-shadow:  0 0 75px rgba(0,0,0,0.8); }
#bfa-mfa-thesis-2022 section#overviewbfamfa .white { margin-top:-290px;}

#bfa-mfa-thesis-2023 section img {border: 5px solid #C0C0C0;}
#bfa-mfa-thesis-2023 section#overviewbfamfa { position:relative; padding-top:0; }
/*#bfa-mfa-thesis-2023 section#overviewbfamfa .hero { background-position:top center; background-size: cover; background-repeat:repeat-x; height:515px; padding:75px 0; }*/
#bfa-mfa-thesis-2023 section#overviewbfamfa .hero { background-position:top center; background-size: 100% 100%; background-repeat:repeat-x; height:515px; padding:75px 0; }
#bfa-mfa-thesis-2023 section#overviewbfamfa .hero h1 { text-align:center; color:#555; font:56px/60px "LL Brown Pro Bold Web"; /*text-shadow:  0 0 75px rgba(0,0,0,0.8);*/ }
#bfa-mfa-thesis-2023 section#overviewbfamfa .white { margin-top:-290px;}




#bfamfa-thesis-work-2021 section img {border: 5px solid #C0C0C0;}
#bfamfa-thesis-work-2021 section#overviewbfamfa { position:relative; padding-top:0; }
#bfamfa-thesis-work-2021 section#overviewbfamfa .hero { background-position:top center; background-size: cover; background-repeat:repeat-x; height:515px; padding:75px 0; }
#bfamfa-thesis-work-2021 section#overviewbfamfa .hero h1 { text-align:center; color:white; font:56px/60px "LL Brown Pro Bold Web"; text-shadow:  0 0 75px rgba(0,0,0,0.8); }
#bfamfa-thesis-work-2021 section#overviewbfamfa .white { margin-top:-290px;}



.responsive1 {margin-bottom:15px;}



/*@media only screen and (max-width: 240px) {.responsive {  width: 150px; }}*/

@media only screen and (max-width: 40em) {.responsive1 {  width: 300px;height:200px;margin-bottom:0px; } }
@media only screen and (max-width: 40em) {.responsive2 {  width: 300px;height:200px; } }                                        
/*@media only screen and (min-width: 120.063em) { .responsive1 {  width: 700px;}}
@media only screen and (min-width: 120.063em) { .responsive2 {  width: 700px;}}*/
/*@media only screen and (max-width: 40em) {.responsive1 {  width: 320px;height:300px; } }
@media only screen and (max-width: 40em) {.responsive2 {  width: 320px;height:200px; } }    */
    
.white { background:white; padding:40px 35px 35px 35px; }



.studentgallery-page section {
    background: #6d6e72;
}
.gallery-grid {
    margin: 15px 0px;
}
.people-page .faculty-list li {
    min-height: 70px;
    margin-bottom: 20px;
}
.people-detail {
    padding-top: 40px;
}
.people-detail h1 {
    margin-top: 5px;
    margin-bottom: 5px;
}
td.faqs-question {
    width: 49%;
    font-family: "LL Brown Pro Bold Web";
    font-size: 16px;
    line-height: 23px;
}
td.faqs-answer {
    font-size: 17px;
    line-height: 23px;
}
#player_carousel {
    margin-top: 25px;
}
#section-nav {
    z-index: 1;
    top: 0;
    border: none;
    min-height: inherit;
}
#section-nav.navbar {
    width: 100%;
    margin-bottom: 0px;
}
#section-nav .navbar-inner {
    background-color: #4D4998;
    background-image: none;
    border: none;
    box-shadow: none;
}
.navbar-inner .vcuqatar-subnav {
    text-align: center;
}
.navbar-inner .vcuqatar-subnav .dropdown li a {
    text-align: left;
    color: white;
}
.navbar-inner .vcuqatar-subnav .dropdown-menu {
    background-color: #4D4998;
}
#section-nav.navbar .nav,
#section-nav.navbar .nav > li {
    float: none;
    display: inline-block;
    margin-right: -4px;
    *display: inline;
    /* ie7 fix */
    
    *zoom: 1;
    /* hasLayout ie7 trigger */
}
#section-nav.navbar .nav > li > a,
#library-nav .navbar .nav > li > a {
    color: white;
    text-shadow: none;
    font-size: 16px;
    box-shadow: none;
    padding: 7px 10px 7px 10px;
}
#section-nav.navbar .nav > .here > a,
#section-nav a:hover,
#section-nav.navbar .nav > li > a:focus {
    background: #312d79;
}
#section-nav.navbar .nav > li:first-child a {
    color: #bcbee7;
    background-image: url('../images/theme/caret-right-subnav.png');
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 15px;
    margin-right: 10px;
}
.communityclass-page #section-nav.navbar .nav > li:first-child a {
    background-image: none;
    margin-right: 0;
    color: white;
}
#section-nav.navbar .nav > li:first-child a:hover {
    background-color: #4D4998;
}
.communityclass-page #section-nav.navbar .nav > li:first-child a:hover {
    background-color: #312d79;
}
#section-nav.navbar .nav > .here > a:focus{
		background: #2f2a89;
}
#library-nav .navbar {
    margin-bottom: 0px;
}
#library-nav .navbar .nav > .active > a,
#library-nav .navbar .nav > .active > a:hover,
#library-nav .navbar .nav > .active > a:focus {
    background: #3b6589;
}
#overview {
    padding-bottom: 0px;
    background: transparent url('../images/theme/overview-graphic-bg.png') repeat-x center top;
}
#mfa #overview {
    background: transparent url('../images/theme/overview-mfa-bg.png') repeat-x center top;
    margin-top: -90px;
}
#graphicdesign #overview {
    background: transparent url('../images/theme/overview-graphic-bg.png') repeat-x center top;
    margin-top: -90px;
}
#interiordesign #overview {
    background: transparent url('../images/theme/overview-interior-bg.png') repeat-x center top;
    margin-top: -90px;
}
#papr #overview {
    background: transparent url('../images/theme/overview-papr-bg.png') repeat-x center top;
    margin-top: -90px;
}
#fashiondesign #overview {
    background: transparent url('../images/theme/overview-fashion-bg.png') repeat-x center top;
    margin-top: -90px;
}
#research #overview {
    background: transparent url('../images/theme/overview-graphic-bg.png') repeat-x center top;
    margin-top: -90px;
}
#artfoundation #overview {
    background: transparent url('../images/theme/overview-foundation-bg.png') repeat-x center top;
    margin-top: -90px;
}
#arthistory #overview {
    background: transparent url('../images/theme/overview-arthistory-bg.png') repeat-x center top;
}
#las #overview {
    background: transparent url('../images/theme/overview-las-bg.png') repeat-x center top;
}
.overview-wrapper {
    background: transparent url('../images/theme/bg-overview.png') repeat-x;
    color: white;
    margin: 0 20px;
    padding: 30px 0;
}
.overview-wrapper p {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}
.overview-wrapper-student-affairs-newpage
 {
    background: transparent url('../images/theme/bg-overview.png') repeat-x;
    color: white;
    margin: 0 20px;
    padding: 30px 0;
}
.overview-wrapper-student-affairs-newpage p {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}
.overview-wrapper-student-affairs-newpage h1 span {
    display: inline-block;
    /* background: transparent url('../images/theme/bg-bfa.png') no-repeat 0 0;
    width: 25px;*/
    text-indent: -1000em;
}
.overview-wrapper-community
{
    background: transparent url('../images/theme/bg-overview.png') repeat-x;
    color: white;
    margin: 0 20px;
    padding: 30px 0;
}
.overview-wrapper-community p{
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    
}
#resources,
#homepage-whatson {
    background: #f4f6f5;
}
#curriculum {
    background: transparent url('../images/theme/gd-curriculum-bg.jpg') repeat center top;
}
#faculty,div#team {
    background: #fdf49d;
}
#campus {
    background: #d6dfe8 url('../images/theme/campus-bg.jpg') repeat center top;
}
#alumni {
    background: #d3eef9;
}
#student-opportunities {
    background: #eae0e8 url('../images/theme/gd-studentopportunities-bg.jpg') repeat center top;
}
#student-work {
    background: #000;
}

.student_affairs_new div#involved,div#travel,div#impact-student
{
background: #ebecee url('../images/theme/section-bg.png') repeat-x center top;
}
.student_affairs_new div#lead,div#grow,div#dean-saf  {
    background:   #fc6c85 repeat center top;
}
.faculty-grid-wrap {
    margin-bottom: 30px;
}
.faculty-grid,
.faculty-list,
.staff-grid {
    margin: 0px;
    padding: 0px;
}
.faculty-grid li,
.staff-grid li {
    margin: 0px;
    list-style-type: none;
    overflow: hidden;
}
.faculty-list li {
    margin: 0 0 10px 0;
    list-style-type: none;
    overflow: hidden;
}

.faculty-grid-wrap .faculty-wrap, .faculty-grid-wrap .staff-wrap {
    background: white;
    padding: 20px 20px 0px 20px;
}
.faculty-grid .faculty-name-title-wrap, .faculty-grid .staff-name-title-wrap {
    min-height: 65px;
}
.faculty-grid .active-tab .faculty-name-title-wrap {
    min-height: 95px;
}
.faculty-grid-wrap h3 {
    margin-bottom: 0px;
}
.faculty-content-wrap {
    padding: 25px 20px 0 20px;
}

.people-page .staff-grid-wrap {
    margin-bottom: 20px;
}

.staff-grid-wrap .staff-wrap {
    position: relative;
    padding: 20px 10px 0 0;
    margin-bottom: 40px;
}

.staff-wrap .show-hide-staff-details {
    display: none;
    padding-top:15px;
    overflow: hidden;
}
.active-tab .staff-name-title-wrap, .active-tab .faculty-name-title-wrap {
    padding-bottom: 10px;
    border-bottom: 3px solid #b8b8b8;
}

#student-opportunities .faculty-grid .faculty-name-title-wrap {
    min-height: 40px;
}
#student-opportunities .active-tab .faculty-name-title-wrap {
    border:none;
    min-height: 70px;
}

.meta {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
}
.news-text .meta {
    margin-bottom: 8px;
}

.faculty-grid-wrap .meta {
    color: #666;
}

/* For removing clour contrast error in connection with Website accesibility*/
.faculty-grid-wrap > .faculty-grid > .col-sm-4 > .staff-wrap > .staff-name-title-wrap > div.meta ,
 .faculty-grid-wrap > .faculty-grid > .col-sm-4 > .faculty-wrap > .faculty-name-title-wrap > div.meta
{
	
	color: #595959;
}

.faculty-grid-wrap .tab-pane .meta {
    margin-bottom: 20px;
}
.home-meta {
    font-family: "LL Brown Pro Bold Web";
    text-transform: uppercase;
    font-size: 14px;
    padding-bottom: 10px;
    letter-spacing: 1px;
}
.homepage .home-meta {
    text-align: center;
}
.home-date {
    background: black;
    color: #fff;
    padding: 5px;
    text-align: center;
    margin-bottom: 15px;
}
.smalltext,
.smalltext p {
    font-size: 14px;
    line-height: 18px;
}
/*.dept-contact-info .smalltext a,
footer a {
    color: #9195C6 !important;
}
.dept-contact-info .smalltext a:hover,
footer a:hover,
.dept-contact-info .smalltext a:focus,
footer a:focus {
    color: #9195C6;
}*/
footer a {
    color: #9195C6 !important;
}
footer div.container>div.row>div.col-sm-3>p.smalltext>a {
	color:white !important;
}
footer a:hover,
footer a:focus {
    color: #9195C6;
}
.dept-contact-info .smalltext a {
	color: #7e85dc !important;
}
.dept-contact-info .smalltext a:hover,
.dept-contact-info .smalltext a:focus {
	color:#7e85dc;
}
.mfa-show-text {
    display: none;
}
#mfa-in-design-studies .mfa-show-text {
    display: inline;
}
.mfa-hide-text {
    display: inline;
}
#mfa-in-design-studies .mfa-hide-text {
    display: none;
}
#people h4 {
    border: none;
    padding-top: 0px;
}
table p,
table li {
    margin-bottom: 5px;
}
table p strong,
table li strong {
    font-weight: bold;
}
.curriculum-page table h3 {
    padding: 15px;
    text-align: center;
    text-transform: lowercase;
}
.show-hide-content {
    display: none;
}
#player_carousel_navleft,
#player_carousel_navright {
    color: white;
}
#player_carousel ul li a {
    color: white;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    font-weight: normal;
    font-family: "LL Brown Pro Regular Web";
}
#player_carousel ul li a img {
    margin-bottom: 5px;
    border: 1px solid #333;
}
.carousel {
    line-height: 18px;
}
#whyStudyCarousel h3 {
    margin-top: 0px;
}
.dept-contact-info {
    padding: 15px;
    background: url('../images/theme/grey-trans-bg.png');
    color: #fff;
}
.socialmedia-info {
    background: #4D4998;
    color: #fff;
    padding: 8px 15px 5px 15px;
    margin-top: 25px;
}
#newsCarousel {
    margin-bottom: 15px;
}
.dept-contact-info .carousel h5 {
    color: #9D9D9C;
}
.dept-contact-info .carousel {
    position: relative;
    color: #1d1d1d;
}
.dept-contact-info .carousel-inner {
    background: white;
    min-height: 160px;
}
.dept-contact-info .carousel-inner h6 {
    color: #999;
}
.dept-contact-info .carousel-inner .smalltext a {
    color: #1B4895;
}
.dept-contact-info .item .padding {
    padding: 0px 15px 0px 15px;
}
.dept-contact-info .item .padding .inner-padding {
    padding: 10px;
    min-height: 50px;
}
.library-page .dept-contact-info .item .padding .inner-padding {
    min-height: 150px;
}
.dept-contact-info .item .padding img {
    border: none;
}
.dept-contact-info .carousel-control {
    border: none;
    min-height: 100%;
    background: #4D4998;
    opacity: 1;
    top: 0px;
    left: 0px;
    margin-top: 0px;
    width: 15px;
    font-size: 35px;
    font-family: Arial, Helvetica;
}
.dept-contact-info .carousel-control span {
    position: absolute;
    top: 40%;
    left: 20%;
    color: white;
}
.dept-contact-info .carousel-control.right {
    right: 0px;
    left: auto;
}
footer {
    color: white;
    background: #676767 url("/images/theme/footer-bg.png") repeat scroll 0 0;
    padding-top: 25px;
}
footer h5 {
    margin-bottom: 15px;
    text-transform: uppercase;
}
section#student-work h2 {
    color: #999;
}
.filter-bar {
    padding: 10px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: 25px;
    text-align: center;
}
span.filter {
    padding: 0 15px;
}
span.filter.active a {
    color: gray;
}
.community-class-grid.isotope-hidden {
    display: none;
}
[class^="icon-"],
[class*=" icon-"] {
    margin-top: 0px;
}
.homepage-smalltout {
    width: 195px;
    margin: 0px auto;
}
div.google-map {
    background: none repeat scroll 0 0 #E5E3DF;
    height: 400px;
    width: 100%;
}
.communityclass-page .nav-tabs li a {
    font-size: 21px;
}
.communityclass-page .tab-content {
    background: white;
    padding: 20px 15px 5px 15px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.communityclass-page .taught-in-arabic {
    direction: rtl;
}
.bfamfa-thesis-page .thesis-content{
   
	background: #C0C0C0;
    padding: 20px 15px 5px 15px;
 
}


.btn {
    font-size: 16px;
    line-height: 24px;
}
.btn-primary {
    background: #3B51A3;
    border-color: #3B51A3;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #4D4998;
    border-color: #4D4998;
}
.btn-orange {
    background-color: #f0b703;
    border-color: transparent;
    color: white;
}
.btn-lg {
    padding-bottom: 9px;
}
.border-white {
    border: 1px solid white;
}
/* =============================================================================
   Library
   ========================================================================== */
/*CSS Code to implement accessibility in library page*/  

.h6style-for-h1-libraryfooter
{
    border-bottom: 2px solid #294258;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: "LL Brown Pro Bold Web";
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
}   
.library-page .top-layer .navbar-right li a:focus
{
    background-color: #306298; 
}  
.library-page #main-nav #main-nav-links > li > a:focus,
.library-page #main-nav.navbar .navbar-right li a:focus
{
    background: #2c4559;
}
/*css-code for logo replacement in library page */
#libheader {
	width: 72px;
	height: 30px;
	position:relative;
	display:inline-block;
	margin-top: 5px;
	margin-left:0px;
	margin-right:0px;
	
}
#libheader span {
	background: url(//qatar.vcu.edu/images/theme/logo-library.png) top left no-repeat;
	position:absolute;
	width: 100%;
	height: 100%;
}


/*css-code for inner-image replacement in library page */
#lib-innerimage {
	width: 1745px;
	height: 600px;
	position:relative;
	display:inline-block;
}
#lib-innerimage span {
	background: url(//qatar.vcu.edu/images/uploads/library/bg-library-4.jpg) top left no-repeat;
	position:absolute;
	width: 100%;
	height: 100%;
	right: -50%;
} 
.library-page {} .library-page a {
    /* color: #306298; */
    /* color: #294258; */
}
.library-page a span.glyphicon-new-window {
    padding-left: 5px;
    padding-right: 10px;
    font-size: 11px;
}
.library-page .sectionblock a {
    text-decoration: underline;
}
.library-page .sectionblock a:hover {
    text-decoration: none;
}
.library-page .top-layer {
    background: #000000; /*#2c4559;*/
}
.library-page header {
    background: #3a6588;
    padding-top: 6px;
}
#library.library-page header {
    /*background: none repeat scroll 0 0 rgba(58, 101, 136, 0.7);*/
    background: none repeat scroll 0 0 rgba(58, 101, 136, 1);
}
.library-page #main-nav.navbar {
    min-height: 0;
    margin-bottom: 4px;
}
.library-page #vcuq-logo {
    height: 30px;
    margin: 5px 0;
}
.library-page #main-nav #main-nav-links {
    margin-top: 2px;
}
.library-page #main-nav .navbar-right {
    margin-top: 12px;
}
.library-page a.brand {
    color: white;
    font-size: 30px;
    /*margin-right: 90px;*/
    margin-right: 50px;
}
.library-page #main-nav .dropdown-menu {
    background: #3a6588;
}
.library-page #main-nav #main-nav-links > li > a {
    background: transparent;
    font-size: 20px;
}
.library-page #main-nav #main-nav-links > li > a:hover,
.library-page #main-nav .dropdown-menu li > a:hover {
    background: #2c4559;
}
.library-page .dropdown-menu .divider {
    opacity: 0.5;
    color: #2c4559;
}
.library-page .top-layer .navbar-right {
    margin-top: 9px;
}
.library-page .top-layer .navbar-right li a {
    color: #9fb1bf;
    font-size: 12px;
    padding: 3px;
   /* margin: 0 10px;*/
margin-top: 0px;
margin-right: 3px;
margin-bottom: 0px;
margin-left: 0px;
}
.library-page .top-layer .navbar-right li a:hover {
    background-color: transparent;
}
.library-page #main-nav.navbar .navbar-right li a {
    background: transparent;
    text-transform: uppercase;
    /*color: #9fb1bf;*/
    color:#D5D9E2;
    font-size: 12px;
    padding: 3px;
    /*margin: 0 10px;*/
margin-top: 0px;
margin-right: 3px;
margin-bottom: 0px;
margin-left: 3px;
 text-shadow: 0px 0px 5px #2c4559;
}

/* Responsive  codefor top layer and menu bar of library page created on 3-09-2020*/
@media only screen and (max-width: 360px) {
	
	.library-page #main-nav #main-nav-links > li > a 
	{ background: transparent;	font-size: 12px;margin-top: 0px;margin-bottom: 0px; }
	
	.library-page a.brand {  color: white;   font-size: 15px;     margin-right:0px; }
	
    .library-page .top-layer .navbar-right {  margin-top: 0px; }

.library-page .top-layer .navbar-right li a {
    color: #9fb1bf;
    font-size: 10px;
    padding: 3px;    
    margin-top: 0px;
    margin-right: 3px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.library-page #main-nav.navbar .navbar-right li a {
    
 font-size:8px;
 padding: 3px;
    
}

.library-page ul.nav.nav-pills.navbar-right
{
	padding-left:0px;
	padding-right:0px;
	
}

.nav-pills>li+li {
 margin-left: 0px; 
}


}


@media only screen and (min-width:361px) and (max-width: 560px) {

.library-page #main-nav #main-nav-links > li > a 
	{     background: transparent;	font-size: 12px;margin-top: 0px;margin-bottom: 0px; }
	
	
	
	.library-page a.brand {  color: white;   font-size: 15px;     margin-right:0px; }
	
.library-page .top-layer .navbar-right {  margin-top: 0px; }

.library-page .top-layer .navbar-right li a {
    color: #9fb1bf;
    font-size: 10px;
    padding: 3px;    
    margin-top: 0px;
    margin-right: 3px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.library-page #main-nav.navbar .navbar-right li a {
    
 font-size:8px;
 padding: 3px;
    
}

.library-page ul.nav.nav-pills.navbar-right
{
	padding-left:0px;
	padding-right:0px;
	
}
.library-page #main-nav .navbar-right {
    margin-top: 8px;
}
.nav-pills>li+li {
 margin-left: 0px; 
}



	}  

@media only screen and (min-width:561px) and (max-width: 767px) {

.library-page #main-nav #main-nav-links > li > a 
	{     background: transparent;	font-size: 11px; }
	
	.library-page a.brand {  color: white;   font-size: 15px;     margin-right:0px; }
	
.library-page .top-layer .navbar-right {  margin-top: 0px; }

.library-page .top-layer .navbar-right li a {
    color: #9fb1bf;
    font-size: 10px;
    padding: 3px;
    
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.library-page #main-nav.navbar .navbar-right li a {
    
  font-size:8px;
    padding: 3px;
    
}

.library-page ul.nav.nav-pills.navbar-right
{
	padding-left:0px;
	padding-right:0px;
	
}
.library-page #main-nav .navbar-right {
    margin-top: 8px;
}
#main-nav.navbar .nav > li > a {
    background: #000;
    color: #fff;
  	padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
	
	
    font-size: 16px;
    margin-top: 1px;
    margin-bottom: 1px;
    box-shadow: none;
    text-shadow: none;
}
.nav-pills>li+li {
 margin-left: 0px; 
}

	}  

@media only screen and (min-width:768px) and (max-width: 1000px) {

.library-page #main-nav #main-nav-links > li > a 
	{     background: transparent;	font-size: 15px; }
	
	.col-sm-6 {
    width: 100%;
}
	
}

/*  Above Responsive  code for top layer and menu bar of library page created on 3-09-2020*/


.library-page .top-layer .navbar-right .icon-facebook {
    background: transparent url('../images/theme/icon-library-facebook.png') no-repeat 0px 0px;
    padding-left: 28px;
}
.library-page .top-layer .navbar-right .icon-instagram {
    background: transparent url('../images/theme/icon-library-instagram.png') no-repeat 0px 0px;
    padding-left: 28px;
}
#library-hero {
    height: 630px;
    left: 0;
    width: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
#library-video {
    bottom: 0;
    position: absolute;
    width: 100%;
}
#innovative-media-studios-IMS.innovative_media_studio_page div#overview > div.container > div.row > div.col-md-12 > div.row > div.col-sm-6 > p > a.imsbutton
{
	background: #f0b703;
	border-color: #f0b703;
	color:#fff;
	padding: 12px 12px;
	font-size: 16px;
	line-height: 24px;
	text-decoration: none;
	font-weight: bold;
}
#innovative-media-studios-IMS.innovative_media_studio_page div#overview > div.container > div.row > div.col-md-12 > div.row > div.col-sm-6 > p 
{
margin-bottom:25px;
}
.library-page .inner-image {
    position: relative;
    float: right;
    right: 50%;
}
.library-page .inner-image img {
    position: relative;
    right: -50%;
}
.library-page #search_field:focus {
    border: 1px solid white;
}
.library-page .news-image img {
    border: 4px solid #2c4559;
}
.library-page .library-news-text {
    background: #2c4559;
    padding: 2px 10px 0px 10px;
    min-height: 50px;
    text-align: center;
}
.library-page .library-news-text a {
    color: white;
}
.hoverdropdown .dropdown-menu {
    margin-top: 0;
    background: #3b6589;
}
.hoverdropdown .dropdown-menu li > a {
    color: #fff;
}
.hoverdropdown .dropdown-menu li > a:hover {
    background: #2b4559;
}
.hoverdropdown .nav > li > .dropdown-menu::after {
    border-bottom: 6px solid #3b6589;
}
.library-breadcrumb {
    background: #f0b803;
}
.library-breadcrumb .breadcrumb {
    background: #f0b803;
    margin-bottom: 0;
    color: white;
    text-transform: lowercase;
    padding-top: 10px;
}
.breadcrumb > li + li:before,
.library-breadcrumb .breadcrumb a {
    color: white;
}
.library-breadcrumb .breadcrumb li.last {
    color: #2b465b;
}
.library-page h1 {
    font-family: "LL Brown Pro Bold Web";
    margin-top: 40px;
    color: #2c4559;
}
.library-page h2 {
    font-family: "LL Brown Pro Bold Web";
    color: #2c4559;
    margin-bottom: 30px;
}
.library-page h3 {
    padding-top: 20px;
}
.library-page .news-grid h3 {
    padding-top: 0px;
}
#library h3 {
    color: #e19107;
}
.library-explore-image {
    border: 4px solid #2c4559;
    overflow: hidden;
    display: inline-block;
}
.library-explore-image img {
    border: none;
    -ms-transform: scale(1, 1);
    /* IE 9 */
    
    -webkit-transform: scale(1, 1);
    /* Chrome, Safari, Opera */
    
    transform: scale(1, 1);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.library-explore-image img:hover {
    -ms-transform: scale(1.1, 1.1);
    /* IE 9 */
    
    -webkit-transform: scale(1.1, 1.1);
    /* Chrome, Safari, Opera */
    
    transform: scale(1.1, 1.1);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/*
.library-explore-image {
	border:4px solid #eaedf3;
}
*/
/*
.library-explore-text {
	padding:10px 0;
	margin-bottom: 30px;
	font-size:16px;
	background: #eaedf3;
}
*/

.library-explore-text {
    padding: 10px 0;
    margin-bottom: 30px;
    margin-top: -12px;
}
.library-explore-text a {
    background: #2c4559;
    color: #fff;
    padding: 10px 15px;
}
.library-searchbox {
    padding: 20px 20px 15px 20px;
    background: #fcbf00;
}
#library .row-fluid h3 {
    margin-top: 0px;
    margin-bottom: 12px;
}
.library-page th {
    background: #294257;
    border-right: 1px solid #eaedf3;
    vertical-align: middle;
    font-weight: normal;
}
.library-page th h3,
.library-page th p {
    color: white;
    margin: 0;
}
.library-side-nav {
    background: #2c4559;
    padding: 25px 0px;
}
.library-page #nav-sub li {
    list-style: none;
}
.library-page #nav-sub li a {
    color: white;
    text-transform: lowercase;
    padding: 6px 5px 6px 20px;
}
.library-page #nav-sub li a .glyphicon {
    top: -1px;
    vertical-align: middle;
}
.library-page #nav-sub li a:hover,
.library-page #nav-sub li a:active,
.library-page #nav-sub li a:focus {
    background: #1d2d3a;
    text-decoration: none;
    color: white;
}
.library-page #nav-sub ul {
    margin: 0;
    padding: 0;
}
.library-page #nav-sub ul li a {
    display: block;
    color: #ccc;
    padding-left: 35px;
}
.library-page #nav-sub li.here > a {
    background: #f0b703;
    color: white;
}
.library-page .sectionblock {
    border-top: 1px dashed #1d2d3a;
    padding-top: 40px;
    margin-top: 40px;
}
.library-page .sectionblock:last-child {
    padding-bottom: 30px;
}
.library-page .sectionblock .azlinks a {
    border: 1px solid rgba(204, 204, 204, 0.7);
    color: #1a1a1a;
    display: inline-block !important;
    margin: 0 0.1rem 0.4rem 0;
    padding: 0.2rem 0.4rem;
    text-align: center;
    text-decoration: none !important;
    vertical-align: top;
    width: 32px;
}
.library-page .sectionblock li {
    font-size: 16px;
}
/*old*/

#libraryNewsCarousel {
    margin-bottom: 0px;
}
.library-homeblock {
    background: white;
    padding: 15px 10px 10px 20px;
    margin-top: 29px;
}
.library-homeblock p {
    font-size: 14px;
}
.library-blockurls-link {} .library-blockurls {
    padding-top: 10px;
    display: none;
}
.library-title a {
    color: #407293;
    font-size: 55px;
    height: 45px;
    letter-spacing: 1px;
}
.library-page ul#library-nav-links > li > a.dropdown-toggle:first-child {
    padding-left: 0px;
    margin-right: 15px;
}
.library-page ul#library-nav-links ul li a.dropdown-toggle:first-child {
    padding-left: 20px;
}
#library .dept-contact-info .carousel-control {
    background: #3b6589;
}
#library .dept-contact-info {
    background: #294257;
}
#showquicklinkshidden {
    cursor: pointer;
    padding: 3px 20px;
    background: #fcbf00;
}
#quicklinkshidden {
    display: none;
}
.library-top-links {
    background: #000;
}
.library-top-links .dropdown-menu li > a {
    text-align: left;
}
.library-page .library-footer {
    background: #eaedf3;
    padding: 15px 0 30px 0;
}
.library-page .library-footer h6 {
    border-bottom: 2px solid #294258;
    padding-bottom: 5px;
    margin-top: 20px;
    margin-bottom: 15px;
}
.library-page .library-footer p {
    font-size: 14px;
    margin-bottom: 2px;
    padding: 5px 0;
}
.library-page .library-footer a,
.library-page .library-footer span {
    padding: 8px;
}
.library-page .library-footer .icon-openinghours {
    background: transparent url('../images/theme/icon-library-hours.png') no-repeat 0px 0px;
    padding-left: 35px;
}
.library-page .library-footer .icon-location {
    background: transparent url('../images/theme/icon-library-location.png') no-repeat 0px 0px;
    padding-left: 35px;
}
.library-page .library-footer .icon-email {
    background: transparent url('../images/theme/icon-library-email.png') no-repeat 0px 0px;
    padding-left: 35px;
}
.library-page .library-footer .icon-phone {
    background: transparent url('../images/theme/icon-library-phone.png') no-repeat 0px 0px;
    padding-left: 35px;
}
.library-page .library-footer .icon-yourlibrarian {
    background: transparent url('../images/theme/icon-library-librarian.png') no-repeat 0px 0px;
    padding-left: 35px;
}
/*   ========================================================================== */

.img-responsive {
    width: 100%;
}
.emergency-block {
    padding-top: 20px;
}
.emergency-block .emergency-message-icon {
    float: left;
    width: 25px;
    padding-top: 3px;
}
.emergency-block .emergency-message {
    margin-left: 25px;
}
/* ============================================================================= */

.navbar-toggle {
    margin: 0;
}
.navbar-toggle .side-menu-label {
    float: left;
    color: white;
    padding-left: 28px;
    line-height: 18px;
    -webkit-font-smoothing: antialiased;
}
.navbar-toggle .icon-bar {
    background: white;
    margin-top: 2px;
}
.nav-collapse.collapse.in {
    height: auto !important;
}
.dropdown-backdrop {
    position: static;
}
/* =============================================================================
   Change
   ========================================================================== */

.hoverdropdown .dropdown-menu {
    margin-top: 0;
    background: #3b6589;
}
.hoverdropdown .dropdown-menu li > a {
    color: #fff;
}
.hoverdropdown .dropdown-menu li > a:hover {
    background: #2b4559;
}
.hoverdropdown .nav > li > .dropdown-menu::after {
    border-bottom: 6px solid #3b6589;
}
.hoverdropdown .dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}
.hoverdropdown .dropdown-menu li:hover .sub-menu {
    visibility: visible;
}
.hoverdropdown .dropdown:hover .dropdown-menu {
    display: block;
}
.hoverdropdown .nav-tabs .dropdown-menu,
.hoverdropdown .nav-pills .dropdown-menu,
.hoverdropdown .navbar .dropdown-menu {
    margin-top: 0;
}
.hoverdropdown .navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.hoverdropdown .navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
.popover {
    z-index: -1;
}
.popover.in {
    z-index: 1;
}
/* =============================================================================
   jBar Plugin Styles
   ========================================================================== */

#jBar-wrapper {
    background: #E6332A;
}
.jBar {
    display: none;
    background-position: top;
    position: relative;
    color: #FFF;
}
.jBar .helloinner {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.jRibbon {
    position: absolute;
    top: 0px;
    right: 0px;
    display: none;
    color: #FFF;
    cursor: pointer;
}
.downarrow {
    position: absolute;
    top: 0px;
    right: 0px;
}
.jRibbon:hover {
    cursor: pointer;
}
.up {
    top: -50px;
}
.arrow {
    cursor: pointer;
}
.glyphicon-search {
    font-size: 15px;
    top: 2px;
}
#topsearchform {
    display: inline-block;
    margin-bottom: 0px;
    background: transparent url('../images/theme/search-icon.png') no-repeat center left;
    padding: 2px 0px 2px 20px;
}
#topsearchform form {
    margin-bottom: 0px;
}
#topsearchform #searchInput {
    background: transparent url('../images/theme/search-blinker.gif') no-repeat bottom left;
    border: 0px;
    margin-bottom: 0px;
    height: auto;
    font-size: 13px;
    color: white;
    padding: 0px;
    box-shadow: none;
}
#topsearchform #searchInput:focus {
    box-shadow: none;
    background: #c50825;
    /* background: transparent url('../images/theme/search-blinker.gif') repeat-x bottom left; */
}
.navbar-inner {
    filter: none !important;
}
.dl-horizontal dt {
    text-align: left;
    width: 100px;
}
.dl-horizontal dd {
    margin-left: 100px;
}
.panel-group .panel,
.panel-group .panel+.panel {
    border-color: white;
    margin-top: 15px;
}
#register-online .panel-group .panel,
#register-online .panel-group .panel+.panel {
    border: 2px solid #FCBF00;
}
#summer-program .panel-group .panel,
#summer-program .panel-group .panel+.panel {
    border: 2px solid #FCBF00;
}

#admissions-workshops.admissions-page .panel-default > .panel-heading {
  background: #F1B811;
    /* background: white;*/
    padding: 0;
	
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color: white;
}
.panel-default > .panel-heading {
    background: white;
    padding: 0;
}
.panel-title > a {
    display: block;
    padding: 20px 15px;
}
#searchModal .modal-dialog {
    padding-top: 12%;
}
.modal-header {
    border-bottom: none;
    padding: 20px;
}
.modal-content {
    background: #f2f2f2;
    border: none;
}
#blankModal h3 {
    margin-top: 0px;
}
.modal-footer {
    border-top: none;
    text-align: left;
    margin-top: 0px;
    padding: 5px 20px 20px 5px;
}
.modal-backdrop.fade.in {
    opacity: 0.8;
}
.close {
    font-size: 32px;
}
.modal-body .img-responsive {
    margin: 0 auto;
    width: auto;
}
/***********************************************************************
							SIDE MENU
***********************************************************************/
/*
	Animations
*/

html.mm-opened .mm-page,
html.mm-opened #mm-blocker,
.mm-is-menu.mm-horizontal .mm-inner > ul {
    -webkit-transition: none 0.4s ease;
    -moz-transition: none 0.4s ease;
    -o-transition: none 0.4s ease;
    transition: none 0.4s ease;
}
html.mm-opened.mm-dragging .mm-page {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
html.mm-opened.mm-dragging.mm-next .mm-menu,
html.mm-opened.mm-dragging.mm-front .mm-menu {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
html.mm-opened .mm-page,
html.mm-opened #mm-blocker {
    /* border-color is needed to force transitionend event even if no other value changed */
    /* transform is needed to force hardware acceleration */
    
    -webkit-transition-property: top, right, bottom, left, margin, border, -webkit-transform;
    -moz-transition-property: top, right, bottom, left, margin, border, -moz-transform;
    -o-transition-property: top, right, bottom, left, margin, border, -o-transform;
    transition-property: top, right, bottom, left, margin, border, transform;
    border: none solid rgba(0, 0, 0, 0);
}
html.mm-opening .mm-page,
html.mm-opening #mm-blocker {
    border: none solid rgba(1, 1, 1, 0);
}
.mm-is-menu.mm-horizontal .mm-inner > ul {
    -webkit-transition-property: margin-left;
    -moz-transition-property: margin-left;
    -o-transition-property: margin-left;
    transition-property: margin-left;
}
html.mm-accelerated.mm-opening .mm-page,
html.mm-accelerated.mm-opening #mm-blocker,
html.mm-accelerated .mm-is-menu.mm-horizontal .mm-inner > ul.mm-subopened {
    -webkit-transform: translate3d( 0, 0, 1px);
    -moz-transform: translate3d( 0, 0, 1px);
    -o-transform: translate3d( 0, 0, 1px);
    transform: translate3d( 0, 0, 1px);
}
html.mm-opened .mm-page,
html.mm-opened #mm-blocker {
    margin: 0px;
    left: 0%;
    top: 0;
}
html.mm-opening .mm-page,
html.mm-opening #mm-blocker {
    margin: 0 0 0 -65px;
    left: 100%;
}
/*
	Menu, submenus, items
	- Sizing and positioning
*/

html.mm-opened .mm-page,
.mm-menu,
.mm-menu .mm-inner,
.mm-is-menu ul,
.mm-menu div.mm-search,
.mm-menu div.mm-search input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
/* html/body */

html.mm-opened,
html.mm-opened body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
html.mm-opened body {
    position: relative;
}
/* menu */

.mm-menu {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    overflow: hidden;
    text-transform: lowercase;
}
.mm-menu.mm-opened {
    display: block;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.mm-menu.mm-opened ~ .mm-menu.mm-opened {
    display: none;
}
.mm-inner {
    width: 100%;
    height: 100%;
    padding: 0 65px 0 0;
}
/* ul/li */

.mm-is-menu ul,
.mm-is-menu li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
}
.mm-is-menu li {
    position: relative;
}
.mm-is-menu li:after {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
}
.mm-is-menu .mm-inner > ul {
    width: 100%;
    padding: 20px 0 40px 0;
}
/* items */

.mm-is-menu li > a,
.mm-is-menu li > span {
    text-indent: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 40px;
    overflow: hidden;
    display: block;
    padding: 0 10px 0 0;
    margin: 0;
}
/* subopen/close */
/* HIDE THIS

.mm-menu a.mm-subopen
{
	width: 40px;
	height: 40px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.mm-menu a.mm-subopen:before
{
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	left: 0;
}
*/

.mm-menu a.mm-subopen.mm-fullsubopen {
    border-left: none;
    width: 100%;
}
.mm-menu a.mm-subopen.mm-fullsubopen:before {
    border-left: none;
}
.mm-menu a.mm-subclose {
    text-indent: 40px;
    padding-top: 15px;
    margin-top: -20px;
}
.mm-menu a.mm-subopen + a,
.mm-menu a.mm-subopen + span {
    padding-right: 45px;
}
/* page + blocker */

html.mm-opened .mm-page {
    height: 100%;
    overflow: hidden;
    position: absolute;
}
html.mm-background .mm-page {
    background: inherit;
}
#mm-blocker {
    background: #fff;
    opacity: 0;
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999;
}
html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
    display: block;
}
/* vertical submenu */

.mm-menu.mm-vertical ul ul {
    display: none;
    padding: 10px 0 10px 10px;
}
.mm-menu.mm-vertical li.mm-opened > ul {
    display: block;
}
.mm-menu.mm-vertical ul ul li:last-child,
.mm-menu.mm-vertical ul ul li:last-child:after {
    border-bottom-width: 0;
}
.mm-menu.mm-vertical li.mm-opened.mm-selected > a.mm-subopen + a,
.mm-menu.mm-vertical li.mm-opened.mm-selected > a.mm-subopen + span {
    padding-right: 5px;
    margin-right: 40px;
}
.mm-menu.mm-vertical li.mm-opened.mm-selected > em.mm-counter + a.mm-subopen + a,
.mm-menu.mm-vertical li.mm-opened.mm-selected > em.mm-counter + a.mm-subopen + span {
    margin-right: 75px;
}
/* horizontal submenu */

.mm-menu.mm-horizontal .mm-inner {
    white-space: nowrap;
}
.mm-menu.mm-horizontal ul {
    vertical-align: top;
    margin-left: 0%;
}
.mm-menu.mm-horizontal ul.mm-submenu {
    display: none;
}
.mm-menu.mm-horizontal ul,
.mm-menu.mm-horizontal ul.mm-submenu.mm-opened {
    display: inline-block;
}
.mm-menu.mm-horizontal ul.mm-subopened {
    margin-left: -100%;
    max-height: 100%;
    overflow: hidden;
}
/*
	Menu, submenus, items
	- Styling (default: dark background)
*/

.mm-is-menu {
    background: #333;
}
.mm-is-menu * {
    -webkit-text-size-adjust: none;
    text-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3);
    font-size: 16px;
}
.mm-is-menu li {
    border-bottom: 1px solid rgba( 255, 255, 255, 0.1);
}
.mm-is-menu li:after {
    border-bottom: 1px solid rgba( 0, 0, 0, 0.4);
}
.mm-is-menu li,
.mm-is-menu li > a,
.mm-is-menu li > span {
    color: white;
    text-decoration: none;
}
.mm-menu li.mm-selected > a,
.mm-menu li.mm-selected > span {
    background: rgba( 0, 0, 0, 0.2);
}
.mm-menu li.mm-selected > a.mm-subopen {
    background: transparent;
}
/* subopen/close */

.mm-menu a.mm-subopen {
    border-left: 1px solid rgba( 255, 255, 255, 0.1);
}
.mm-menu a.mm-subopen:before {
    border-left: 1px solid rgba( 0, 0, 0, 0.4);
}
.mm-menu a.mm-subclose {
    background: rgba( 0, 0, 0, 0.2);
}
/* vertical submenu */

.mm-menu.mm-vertical li.mm-opened > a.mm-subopen,
.mm-menu.mm-vertical li.mm-opened > ul {
    background: rgba( 255, 255, 255, 0.06);
}
/* page + blocker */

html.mm-opened .mm-page {
    box-shadow: 0 0 20px rgba( 0, 0, 0, 0.8);
}
/*
	Labels
	- Sizing and positioning
*/

.mm-menu li.mm-label {
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
}
/*
	Labels
	- Styling
*/

.mm-menu li.mm-label {
    background: rgba( 255, 255, 255, 0.1);
    font-size: 11px;
    color: rgba( 255, 255, 255, 0.5);
}
/*
	Counters
	- Sizing and positioning
*/

.mm-menu em.mm-counter {
    text-indent: 0;
    text-align: center;
    text-shadow: none;
    line-height: 22px;
    display: block;
    min-width: 16px;
    height: 20px;
    padding: 0 2px;
    position: absolute;
    right: 40px;
    top: 10px;
}
.mm-menu em.mm-counter + a.mm-subopen {
    padding-left: 35px;
}
.mm-menu em.mm-counter + a.mm-subopen + a,
.mm-menu em.mm-counter + a.mm-subopen + span {
    padding-right: 80px;
}
/*
	Counters
	- Styling
*/

.mm-menu em.mm-counter {
    border-radius: 5px;
    background: rgba( 255, 255, 255, 0.1);
    box-shadow: 0 0 2px rgba( 0, 0, 0, 0.3);
    font-size: 11px;
    font-style: normal;
    color: rgba( 255, 255, 255, 0.4);
}
/*
	Arrows
	- Sizing and positioning
*/

.mm-menu a.mm-subopen:after,
.mm-menu a.mm-subclose:before {
    content: '';
    border-width: 4px;
    border-style: solid;
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate( -45deg);
    -moz-transform: rotate( -45deg);
    -o-transform: rotate( -45deg);
    transform: rotate( -45deg);
}
.mm-menu a.mm-subopen:after {
    border-top: none;
    border-left: none;
    margin-top: -4px;
    right: 16px;
}
.mm-menu a.mm-subclose:before {
    border-right: none;
    border-bottom: none;
    margin-top: 4px;
    left: 20px;
}
.mm-menu.mm-vertical li.mm-opened > a.mm-subopen:after {
    -webkit-transform: rotate( 45deg);
    -moz-transform: rotate( 45deg);
    -o-transform: rotate( 45deg);
    transform: rotate( 45deg);
}
/*
	Arrows
	- Styling
*/

.mm-menu a.mm-subopen:after,
.mm-menu a.mm-subclose:before {
    border-color: rgba( 255, 255, 255, 0.3);
}
/*
	Search
	- Sizing and positioning
*/

.mm-menu div.mm-search {
    width: 100%;
    height: 50px;
    padding: 10px;
    position: relative;
    z-index: 1;
}
.mm-menu div.mm-search input {
    border: none;
    border-radius: 15px;
    line-height: 30px;
    outline: none;
    display: block;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 0 0 10px;
}
.mm-menu li.mm-noresults {
    border: none;
    display: none;
    padding-top: 30px;
}
.mm-menu li.mm-noresults:after {
    border: none;
}
.mm-menu.mm-noresults li.mm-noresults {
    display: block;
}
.mm-menu .mm-noresult,
.mm-menu .mm-nosubresult > a.mm-subopen,
.mm-menu .mm-nosubresult > em.mm-counter {
    display: none;
}
.mm-menu .mm-nosubresult > a.mm-subopen + a,
.mm-menu .mm-nosubresult > a.mm-subopen + span {
    padding-right: 5px;
}
/*
	Search
	- Styling
*/

.mm-menu div.mm-search {
    background: rgba( 0, 0, 0, 0.2);
    border-bottom: 1px solid rgba( 255, 255, 255, 0.1);
}
.mm-menu div.mm-search input {
    background: rgba( 255, 255, 255, 0.3);
    color: rgba( 255, 255, 255, 0.9);
}
.mm-menu li.mm-noresults {
    color: rgba( 255, 255, 255, 0.4);
    text-align: center;
}
/*
	Bugfix for browsers without support for overflowscrolling
		- Android < 3
*/

html.mm-no-overflowscrolling.mm-opened,
html.mm-no-overflowscrolling.mm-opened body {
    overflow: visible;
}
html.mm-no-overflowscrolling.mm-opened body {
    overflow-x: hidden;
}
html.mm-no-overflowscrolling.mm-opened .mm-page {
    min-height: 200%;
    position: fixed;
    top: 0;
    z-index: 3;
}
html.mm-no-overflowscrolling .mm-menu {
    height: auto;
    min-height: 100%;
    overflow: default;
    overflow-x: default;
    overflow-y: default;
    position: relative;
    left: auto;
    top: auto;
}
html.mm-no-overflowscrolling.mm-right .mm-menu {
    position: absolute;
}
/*
	Bugfix for browsers with "scrolling" addressbar - mobile safari on iPhone and iPod
*/

html.mm-iphone-addressbar body {
    padding-bottom: 60px;
}
/*
	Sizing and positioning for larger screens
*/

@media all and (min-width: 500px) {
    .mm-menu {
        width: 500px;
    }
    html.mm-opening .mm-page,
    html.mm-opening #mm-blocker {
        left: 500px;
    }
}
/***********************************************************************
***********************************************************************/
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets
*********************************/

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/

.flexslider,
.flexvideo {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li,
.flexvideo .slides > li {
    margin: 0;
    display: none;
    -webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img,
.flexvideo .slides img {
    width: 100%;
    display: block;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
/* Clearfix for the .slides element */

.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {
    display: block;
}
/* FlexSlider Default Theme
*********************************/

.flexslider {
    position: relative;
    zoom: 1;
}
.flexvideo {
    margin: 0 0 60px;
    position: relative;
    zoom: 1;
}
.flex-viewport {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.loading .flex-viewport {
    max-height: 300px;
}
.flexslider .slides,
.flexvideo .slides {
    zoom: 1;
}
.carousel li {
    margin-right: 5px;
}
/* Direction Nav */

.flex-direction-nav {
    *height: 0;
}
.flex-direction-nav a {
    text-indent: -9999px;
    color: black;
    display: block;
    width: 60px;
    height: 60px;
    margin: -20px 0 0;
    position: absolute;
    top: 40%;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    opacity: 1;
}
.flex-direction-nav .flex-prev {
    left: -80px;
    background: #fff url('../images/theme/flexslider_prev.png') no-repeat 20px 16px;
}
.flex-direction-nav .flex-next {
    right: -80px;
    background: #fff url('../images/theme/flexslider_next.png') no-repeat 24px 16px;
}
.flexslider:hover .flex-prev,
.flexvideo:hover .flex-prev {} .flexslider:hover .flex-next,
.flexvideo:hover .flex-next {} .flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover,
.flexvideo:hover .flex-next:hover,
.flexvideo:hover .flex-prev:hover {} .flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default;
}
/*
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }
*/
/* Pause/Play */

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}
.flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f004';
}
.flex-pauseplay a:hover {
    opacity: 1;
}
.flex-pauseplay a.flex-play:before {
    content: '\f003';
}
/* Control Nav */

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -50px;
    text-align: center;
}
.homepage .flex-control-nav {
    display: none;
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flex-control-paging li a {
    width: 15px;
    height: 15px;
    display: block;
    background: #fff;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.flex-control-paging li a:hover {
    background: #666;
}
.flex-control-paging li a.flex-active {
    background: #666;
    cursor: default;
}
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}
.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}
.flex-control-thumbs img:hover {
    opacity: 1;
}
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}
@media screen and (max-width: 1170px) {
    .flex-direction-nav .flex-prev {
        opacity: 0.8;
        left: 15px;
    }
    .flex-direction-nav .flex-next {
        opacity: 0.8;
        right: 15px;
    }
}
.homepage-carousel .flexslider {
    margin: auto;
    position: relative;
    overflow: hidden;
}
.studentwork-carousel .flexslider {
    background: #ffbe43;
    margin: auto;
    position: relative;
    overflow: hidden;
}
.homepage .studentwork-carousel .flexslider {
    background: #fff;
}
.research-carousel .flexslider {
    background: #ffbe43;
    margin: auto;
    position: relative;
    overflow: hidden;
}
.homepage-carousel .flexslider .flex-viewport {
    width: 608px;
    /* +8px because of the border */
    
    margin-left: -22em;
    margin-bottom: 60px;
    left: 50%;
    position: relative;
    overflow: visible!important;
}
.studentwork-carousel .flexslider .flex-viewport {
    width: 570px;
    margin-bottom: 100px;
    margin-left: -20.5em;
    left: 50%;
    position: relative;
    overflow: visible!important;
}
.homepage .studentwork-carousel .flexslider .flex-viewport {
    margin-bottom: -2px;
}
.research-carousel .flexslider .flex-viewport {
    width: 540px;
    margin-bottom: 100px;
    margin-left: -19.5em;
    left: 50%;
    position: relative;
    overflow: visible!important;
}
.homepage-carousel .flexslider .slides {
    max-height: 356px;
    /* +16px because of the border */
}
.studentwork-carousel .flexslider .slides {
    max-height: 320px;
}
.research-carousel .flexslider .slides {
    max-height: 300px;
}
.homepage-carousel .flexslider .slides a,
.homepage-carousel .flexslider .slides .link,
.studentwork-carousel .flexslider .slides a,
.studentwork-carousel .flexslider .slides .link,
.research-carousel .flexslider .slides a,
.research-carousel .flexslider .slides .link {
    display: inline-block;
    box-sizing: content-box!important;
    padding: 0px;
}
.homepage-carousel .flexslider .slides img {
    width: 100%;
    height: auto;
    padding: 0px;
    border-top: 8px solid #d2d2d4;
    border-right: none;
    border-bottom: 8px solid #d2d2d4;
    border-left: 8px solid #d2d2d4;
}
.studentwork-carousel .flexslider .slides img {
    width: 100%;
    height: auto;
    padding: 0px;
    border: 0px;
}
.research-carousel .flexslider .slides img {
    width: 100%;
    height: auto;
    padding: 0px;
    border: 0px;
}
.homepage-carousel .flexslider .slide {
    max-height: 356px;
    /* +16px because of the border */
    
    position: relative;
    display: inline-block!important;
    box-sizing: content-box;
}
.studentwork-carousel .flexslider .slide {
    max-height: 320px;
    position: relative;
    display: inline-block!important;
    box-sizing: content-box;
}
.research-carousel .flexslider .slide {
    max-height: 300px;
    position: relative;
    display: inline-block!important;
    box-sizing: content-box;
}
.homepage-carousel .flex-control-nav {
    bottom: 15px;
}
.studentwork-carousel .flex-control-nav {
    bottom: 60px;
}
.research-carousel .flex-control-nav {
    bottom: 60px;
}
.flexslider .flex-caption {
    display: none;
    position: absolute;
    bottom: 35px;
    left: 35px;
    line-height: 1.4;
    padding: 4px 0;
    border-left: 20px solid #FFBE43;
    width: 285px;
    margin: 0 auto;
}
.research-page .flexslider .flex-caption {
    width: 250px;
    line-height: 1.5;
}
.flexslider .flex-caption span {
    background-color: #FFBE43;
    color: #000;
    display: inline;
    margin: 0;
    padding: 9px 0;
    font-size: 26px;
}
.research-page .flexslider .flex-caption span {
    font-size: 21px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* for webkit chrome + safari only */
    
    .research-page .flexslider .flex-caption {
        line-height: 1.55;
    }
    .flexslider .flex-caption span {
        padding: 7px 0px;
    }
}
.flexslider .flex-caption span strong {
    font-weight: normal;
    color: #fff;
}
.research-page .flexslider .flex-caption span strong {
    /*color: #fff;*/
    color:#363636;
}
.flexslider .flex-caption span em {
    position: relative;
    left: -10px;
    font-style: normal;
}
.flexoverview .flex-direction-nav .flex-prev {
    left: 15px;
    background: transparent url('../images/theme/flexslider_prev_light.png') no-repeat 20px 16px;
}
.flexoverview .flex-direction-nav .flex-next {
    right: 15px;
    background: transparent url('../images/theme/flexslider_next_light.png') no-repeat 20px 16px;
}
.flexhome .flex-direction-nav .flex-prev,
.flexstudentwork .flex-direction-nav .flex-prev {
    left: 40px;
}
.flexhome .flex-direction-nav .flex-next,
.flexstudentwork .flex-direction-nav .flex-next {
    right: 40px;
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 60px; overflow: hidden;

    margin: 0 auto 30px auto;
    text-align:center;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* =============================================================================
   Media Queries
   ========================================================================== */
/* MOBILE ONLY */

@media (max-width: 768px) {
    #section-nav.navbar .nav,
    #section-nav.navbar .nav > li {
        display: block;
        margin-right: 0px;
        text-align: left;
    }
    #section-nav.navbar .nav > li {
        border-top: 1px solid #212668;
    }
    #section-nav.navbar .nav > li a {
        padding-left: 30px;
    }
    .navbar-collapse {
        padding-left: 38px;
        margin-bottom: 10px;
    }
    #section-nav.navbar .nav > li:first-child a {
        padding-left: 15px;
        background: none;
        padding-right: inherit;
        margin-right: inherit;
    }
    .flexslider .flex-caption {
        left: 30%;
    }
    .department-page h1,
    .foundation-page h1,
    .research-page h1,
    .student_affairs_new h1{
        font-size: 32px;
    }
    .overview-wrapper p {
        font-size: 16px;
        line-height: 23px;
    }
    .news-grid .news-text {
        padding-left: 33%;
    }
    .news-grid .news-image {
        float: left;
        width: 30%;
    }
    .staff-grid-wrap .staff-wrap {
        margin-bottom: 15px;
    }


}
/*  MOBILE & TABLET */

@media (max-width: 991px) {
    body {
        padding-left: 0px;
        padding-right: 0px;
    }
    section,
    footer {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .research-page div#overview,div#funding,div#team
	{
        padding-left: 15px;
        padding-right: 15px;
    }
    header .navbar .brand {
        display: block;
        width: 116px;
        margin: 0px auto;
        padding-left: 5px;
    }
    header .navbar-toggle {
        margin: 5px 0px 0px 0px;
    }
    header .search-button {
        position: absolute;
        top: 0px;
        right: 0px;
    }
    #section-nav.navbar .nav > li > a,
    #library-nav .navbar .nav > li > a {
        font-size: 14px;
    }
    #homeCarousel {
        margin-top: 0px;
    }
    .homepage-smalltout {
        width: 125px;
    }
    .faculty-grid li {
        min-height: 75px;
    }
}
/*  TABLET ONLY */

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .brand {
        width: 100%;
        display: block;
        text-align: center;
        margin-right: 0px;
    }
    .faculty-grid .faculty-name-title-wrap {
        min-height: 70px;
    }
    .faculty-grid .active-tab .faculty-name-title-wrap {
        min-height: 100px;
    }
}
/* DESKTOP ONLY */

@media (min-width: 1200px) {
    .socialmedia-links {
        margin-left: 20px;
    }
    .homepage-carousel .container {
        max-width: 1100px;
    }
    .container {
        max-width: 970px;
    }
    .vcuqatar-subnav .navbar-collapse {
        padding-left: 0px;
        padding-right: 0px
    }
}


/* Magnific Popup CSS */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80);}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden;}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.mfp-align-top .mfp-container:before{display:none;}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto;}
.mfp-ajax-cur{cursor:progress;}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:0;cursor:0;cursor:zoom-out;}
.mfp-zoom{cursor:pointer;cursor:0;cursor:0;cursor:zoom-in;}
.mfp-auto-cursor .mfp-content{cursor:auto;}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.mfp-loading.mfp-figure{display:none;}
.mfp-hide{display:none!important;}
.mfp-preloader{color:#cccccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044;}
.mfp-preloader a{color:#cccccc;}
.mfp-preloader a:hover{color:white;}
.mfp-s-ready .mfp-preloader{display:none;}
.mfp-s-error .mfp-content{display:none;}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none;}
button::-moz-focus-inner{padding:0;border:0;}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:white;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace;}
.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100);}
.mfp-close:active{top:1px;}
.mfp-close-btn-in .mfp-close{color:#333333;}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:white;right:-6px;text-align:right;padding-right:6px;width:100%;}
.mfp-counter{position:absolute;top:0;right:0;color:#cccccc;font-size:12px;line-height:18px;}
.mfp-arrow{position:absolute;opacity:0.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.mfp-arrow:active{margin-top:-54px;}
.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100);}
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;}
.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px;}
.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;}
.mfp-arrow-left{left:0;}
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid white;margin-left:31px;}
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3f3f3f;}
.mfp-arrow-right{right:0;}
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid white;margin-left:39px;}
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3f3f3f;}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px;}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;}
.mfp-iframe-holder .mfp-close{top:-40px;}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:black;}
/* Main image in popup */
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto;}
/* The shadow behind the image */
.mfp-figure{line-height:0;}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444444;}
.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px;}
.mfp-figure figure{margin:0;}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}
.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px;}
.mfp-image-holder .mfp-content{max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}
@media screen and max-width 800px and orientation landscape,screen and max-height 300px {
/* Remove all paddings around the image on small screen */
.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;}
.mfp-img-mobile img.mfp-img{padding:0;}
.mfp-img-mobile .mfp-figure:after{top:0;bottom:0;}
.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;}
.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mfp-img-mobile .mfp-bottom-bar:empty{padding:0;}
.mfp-img-mobile .mfp-counter{right:5px;top:3px;}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0;}
}
@media all and max-width 900px {
.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);}
.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;}
.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;}
.mfp-container{padding-left:6px;padding-right:6px;}
}
.mfp-ie7 .mfp-img{padding:0;}
.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px;}
.mfp-ie7 .mfp-container{padding:0;}
.mfp-ie7 .mfp-content{padding-top:44px;}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0;}