@import url("http://www.cs.queensu.ca/includes/3rdparty/hamburger/hamburger.css");

#hamburger_menu {
	display: block;
}

* {
	margin: 0;
	padding: 0;
}

#donate { display: none; }

#banner { display: none; }

#topmenu { display: none; }

#page_container {
	width: 100%;
	margin: 0;
}


#back {
    width:100%;
    background-image:url("/images/page_background_mobile.png");
    background-repeat:no-repeat;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    margin:0 auto 0 auto;
}

#back2 {
    width:95%;
    background-image:none;
    background-repeat:no-repeat;
    padding:0px;
    margin:0 auto 0 auto;
    /*border-left: 1px solid #aaa;
	border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;*/

	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#topmenu {
	top: -50px; 
	position: relative; /* need this for the z-index, needed to pop menus over content. */
	z-index: 5000; 
	font-size: 16px;
	clear: both;
	color: inherit;
	width: 100%;
	line-height: 160%;
    padding: 0;
	height: 69px;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

#topmenu ul {
	position: relative;
	list-style: none;
	height: 48px;
	padding-left: 40px;
	margin: 0;
  margin-left: auto ;
  margin-right: auto ;	
}
#topmenu ul:first-child {
	width: 100%;	
}

#topmenu li {
	border: 1px solid #bbb;
	margin-left: -1px;
	margin-bottom: -0px;
	margin-top: -1px;
	width: 122px;
	height: 22px;
	padding-top: 5px;
	padding-bottom: 7px;
}

#topmenu li.lastchoice {
	border-right: 1px solid #bbb;
}

#topmenu a {
	padding-top: 4px;
	height: 30px;
}

#topmenu li.qscsearch  {
	position: absolute;
	top: -95px;
	width: 370px;
	border: white;
	background: none;

	text-decoration: none;
	display: block;
	text-align: right;
	padding-top: 8px;
	height: 26px;
	color: #0f2137;
	font-weight: 500;
	background-color: transparent;
}

#topmenu li.qscsearch input[type="text"] {
    width: 100px;
    padding: 3px;
}

#topmenu li.submenu:hover ul {
	display: none; /*TEST*/
}
#topmenu ul ul { /* */
	display: none; /*TEST*/
}

#topmenu li.qscsearch {
	padding-left: 50px;
}

li.qscsearch input[type="text"] {
	padding: 10px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	border: 1px solid #999;
	background-color: rgba(255, 255, 255, 0.25);
	height: 20px;
	width: 90%;
	color: #fff;
}

/*BH, contains the top.  Not sure why we did this.*/
#container {
	font-size: 14px;
	font-size-adjust: none;
	font-stretch: semi-expanded;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;

	line-height: 200%;	
	min-width: 10px; /*BH WAS 780px*/
	padding: 0; /* Added by Richard */
	margin: 0;
}

/* Specify headings detail for Opera */
h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	line-height: 1em;
/*	word-spacing:0.125em; */
}

.nomobile {
	display: none;
}

.nodesktop {
	display: inherit; 
}

#banner {
	clear: both;
	margin-left: auto ;
	margin-right: auto ;
	height: 140px;
	width: 100%; 
	background-image: url("/images/TopMobile.png");
    background-repeat:no-repeat;
}

#bannersoc {
	display: block;
	float: left;
	height: 100px;
	width: 360px;
}

#bannermoto, #bannerqueensu {
	display: none;
}

#pagesgroup {
	float: left;
	clear: both;
	width: 100%;
	color: blue;
	margin-left: auto;
	margin-right: auto;
}

#sidegrad {
	display: none;
}	

/* MOBILE SIDE MENU */

#sidemenu {
	display: none;
}

/*
#sidemenu {
	width: 100%;
}

#sidemenu ul {
    position: relative;
    top: -75px;
	list-style: none;
	margin: 0px;
	margin-top: -10px;
	margin-bottom: 40px;
	padding: 0;	
	z-index: 5000; 
    width: 100%;
}

#sidemenu ul.hide {
	display: none;
}


#sidemenu ul li a {
	background-color: #fff;
	border: 1px solid #999;
	color: #222;
	display: block;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: -1px;
	padding: 2px;
	text-decoration: none;	
	z-index: 5000; 
}

*/

/*EFQ*/

/*
#sidemenu li {
	margin-bottom: 0;
	margin: -10px;
	z-index: 5000; 
	
}
#sidemenu ul li {
	margin-bottom: 0;
	margin: -10px;
	z-index: 5000; 
	width: 360px;
	height: 50px;
  margin-left: auto ;
  margin-right: auto ;	
  padding-left: 0px;

}
#sidemenu ul ul li {
	margin-bottom: 0;
	margin: -10px;
	margin-left: 20px;
	z-index: 5000; 
	width: 340px;
	height: 50px;
}


#sidemenu ul.hide {
	display: none;
}


#sidemenu div.leftButton, #sidemenu div.rightButton {
	z-index: 5000;
	position: absolute;
	top: 161px;
	left: 0px;
	font-weight: bold;
	text-align: center;
	color: black;
	line-height: 30px;
	padding-top: 15px;
	width: 40px;
	height: 67px;
	color: black;
	float: left;
	
}

#sidemenu div.leftButton {
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;	
	-moz-border-radius-bottomleft: 8px;	
	border-bottom-left-radius: 8px;	
}
#sidemenu div.rightButton {
	position: absolute;
	left: 437px;
	
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;	
	-moz-border-radius-bottomright: 8px;	
	border-bottom-right-radius: 8px;	
}

#sidemenu div.pressed {
}

#sidemenu br {
	display: none;
}

#sidemenu ul {
	list-style: none;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;	
}

#sidemenu ul ul {
    top: 0px;
    padding: 0px;
}

#sidemenu ul li a {
	background-color: #eee;
	border: 1px solid #999;
	color: #222;
	display: block;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: -1px;
	padding: 15px 10px;
	text-decoration: none;	
	margin: 0px;
}

#sidemenu ul li form {
	background-color: #eee;
	border: 1px solid #999;
	color: #222;
	display: block;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: -1px;
	padding: 12px 10px;
	text-decoration: none;	
}


#sidemenu ul li:first-child a {
	-webkit-border-top-left-radius: 8px;	
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;	
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;	
	border-top-right-radius: 8px;
	background-color: #ccc;
}

#sidemenu ul ul li:first-child a {
	background-color: #eee;
}

#sidemenu ul li:last-child a {
	-webkit-border-bottom-left-radius: 8px;	
	-webkit-border-bottom-right-radius: 8px;	
	-moz-border-radius-bottomleft: 8px;	
	-moz-border-radius-bottomright: 8px;	
	border-bottom-left-radius: 8px;	
	border-bottom-right-radius: 8px;	
}

#sidemenu ul li:last-child form {
	-webkit-border-bottom-left-radius: 8px;	
	-webkit-border-bottom-right-radius: 8px;	
	-moz-border-radius-bottomleft: 8px;	
	-moz-border-radius-bottomright: 8px;	
	border-bottom-left-radius: 8px;	
	border-bottom-right-radius: 8px;	
}
*/

/* MOBILE SIDE MENU */

#qsc_content {
    position: relative;
	margin-bottom: 0;
	padding: 14px 15px;
	color:#333333;
	width: 94%;
    top: -50px;
	margin-left: 0px; 
	margin-right: 0px;
	/*font-size: 1.5em; */
	line-height: 1.8em;
	padding: 8px;
	max-width: 620px;
/*	border: 1px solid #ccc; */
}

/* BH 2015.06 */
#content {
        margin: 0px !important;
        width: 90% !important;
}

.fullwidth #qsc_content {
    position: relative;
    top: -50px;
    margin-left: auto ;
    margin-right: auto ;
  	padding-top: 5px;
  	padding: 0;
	width: 100%;
}

.mainpage {
	width: 100%;
}

.mainpagenews {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	overflow: hidden;
}

.eventsfeed, .newsfeed {
	/*margin-right: 15px;*/
}

.linkfooter {
	width: 385px;
	width: 100%;
}

.mottoimage{width: 100%;}	
.mottotext{width: 100%; display: none; overflow: hidden;}

.qsc45area{width: 385px; height: 170px; margin-bottom: 50px;}
.qsc45logo{width: 100%; padding: 0; margin: 0; float:left;}


#qsc_content ul {
	list-style: disc outside;
	padding-left: 1.5em;
}
#qsc_content ol {
	list-style: decimal;
	padding-left: 2em;
}
#qsc_content ul, #content ol {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	margin-left: 0;
	margin-right: 0;
}
#qsc_content h1, #content h2, #content h3, 
#qsc_content h4, #content h5, #content h6{
/*	color: #00172f; BH */
	color: black; 
	background:transparent;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;	
	padding: 0;
	padding-top: 7px;
	padding-bottom: 5px;
}

#qsc_content table td {
	vertical-align: top;
}
#qsc_content p {
	padding-top: 5px;
	padding-bottom: 5px;
}
#qsc_content hr {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
#qsc_content div.floatcontainer {
	/* Wrap around floats that need to have equal heights */
	width: 100%;
	float: left;
	margin-bottom: 1em;
}
#qsc_content div.floatcontainer .fiftypercent.floatleft {
	/*
		Note the combination class selector. Makes the left "column"
		in a two-column layout slightly less wide to provide a gap
		for increased readability.
	*/
	width: 100%;
}

.hundredpercent img {
	width: 100%;
}

.tenpercent, .twentypercent, .thirtypercent, .onequarter, .onethird, .fortypercent, .fiftypercent, .sixtypercent, .seventypercent, .eightypercent, .ninetypercent, .hundredpercent {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

.onequarter {
	width: 50%;
}

/* BH 2008.10 - added for Dean's GiveToQueens. */
#qsc_content ul.qbullet {
	list-style-image: url('/images/qbullet.gif');
	list-style-type: disc;
	padding-left: 1.5em;
}

#qsc_content .nopanel {
	/* Apply to non-paneled content in a partially-paneled div */
	width: 100%;
	clear: right;
}
#qsc_content .panelfull {
	float: none;
	width: 100%;
}
#qsc_content .panelcontainerhalfwidth, #content .panelcontainer2 {
	width: 100%;   
	float: left;
	/* no side margins, paddings, or borders */
}
#qsc_content .panelcontainerhalfwidth p, #content .panelcontainer2 p {
	margin: 2px;
	float: left;
	/* no side margins, paddings, or borders */
}

#qsc_content .panel {
	padding: 20px 20px 20px 0;
	margin-left: 0;
}
#qsc_content .img_box {
	display:block;
	border:1px solid black;
	margin-left:auto;
	margin-right:auto;
}
#qsc_content .leftimg_box {
	float: left;
	display:block;
	border:none;
	margin: 10px 10px 0 10px;	
}
#qsc_content .imgdesc {
	float: left;
	display:block;
	border:none;
	margin-left:10px;
	margin-right:auto;
	margin-top: 18px;
}
#qsc_content .subsect {
	margin-top: 20px;	
}
#qsc_content .box {
/*  background-color: #c2bcb8;
  border: 1px solid #aaaaaa;
  padding:5px;
  margin: 0 5px 5px;*/
  /*padding: 0;
  margin: 0;
  width: 110%;
  margin-left: -18px;*/
}
#qsc_content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a {
	text-decoration: none;
}

#qsc_content a {
	color: #082124;
	/*text-decoration:none;*/
}
#qsc_content a:link { background: transparent; }
#qsc_content a:hover { 	color: #527194; background: #fff; }
#qsc_content a:visited {color: #2b3d2f;}

#qsc_content a.captionedimglink {
	text-decoration: none;
}
#qsc_content a.captionedimglink img {
	border: none;
}
#qsc_content a.captionedimglink .caption {
	text-decoration: underline;
}

/* Note by Richard */
/* This #searchbox exists only on the home page (?) as of 2008.05.09. See #qsc_content #search for other pages */
#qsc_content #searchbox {
	text-align: center;
}
#qsc_content #searchbox .formedit { /* Styled by Richard to avoid search button wrapping at min-width */
	min-width: 65%;
}

.imgdesc h3 {
	font-size: 2em;
	color: navy;
	background: inherit;
	margin-bottom: 5px;
}
.imgdesc p {
	font-size: 1.25em;
	margin: 0;
}

/* Ben and his dropshadows! */

/* BH - Inner* are divs used by the drop shadows.  
 *	  Light is light yellow, Dark is orange, 
 *	  Transparent is ...  
 */

/* Drop Shadows using HTML5.  Called by startShadow and endShadow in common inc 2010 BH */
#qsc_content .shadowbox, #content .shadowboxLight, #content .shadowboxDark, #content .shadowboxTransparent   {
  margin-top: 4px;
  margin-bottom: 5px;
  margin-left: 4px;
  margin-right: 10px;
  background-color: white;
/*  border: 1px solid #aaaaaa;
  
	-webkit-box-shadow: 3px 3px 3px #ddd;
	-moz-box-shadow: 3px 3px 3px #ddd;
	box-shadow: 3px 3x 3px #ddd; */
}
#qsc_content .shadowboxLight {
	background-color: #c2bcb8;
	-webkit-box-shadow: 3px 3px 3px #bbb;
	-moz-box-shadow: 3px 3px 3px #bbb;
	box-shadow: 3px 3x 3px #bbb; 
}
#qsc_content .shadowboxDark {
	background-color: #a39d8b;
	-webkit-box-shadow: 3px 3px 3px #bbb;
	-moz-box-shadow: 3px 3px 3px #bbb;
	box-shadow: 3px 3x 3px #bbb; 
}

.padded {
  padding-left: 15px;
  padding-right: 15px; 
} 

.centered, .center, .centred, .centre { /* Richard added .center, .centred, .centre */
}
#qsc_content .centreblock, .centerblock, .centeredblock, .centeredblock { /* like the above, but doesn't centre text contained within */
}

.imgBorder {
}
p.caption {
}
p.pulloutquotecaption { /* Place in a div floated left of another containing an image */
}
p.highlight {
}

table.allpeople {
}

.imgFlow {
}

/* override classes */
#qsc_content .floatright {
}

#qsc_content .floatleft {
}

#qsc_content .floatnone {
}

.halfwidth {
}

#qsc_content ul.listitemspacer li {
}

/* Me and my dropshadows! */

#footer {
	/*display: none;*/
	width: 100%;
	height: 200px;
	background-color: #11335d;
	background-image:url("http://www.cs.queensu.ca/images/footer-mobile.png");
    background-repeat:no-repeat;
    background-position: bottom top; 
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	padding-top: 75px;
}
#footer p, #footer form { /* coax elements onto the same line */
}

#footer_left {
	display: inline;
	float: left;
	width: 85%;
	height: 125px;
	margin: 0 auto;
	text-align: center;
}

#footer_logo {
	padding: 0px;
	display: inline;
	width: 30%;
	min-width: 100px;
}

#footer img {
	width: 75px;
	height: auto; 
}

#footer_address {
	display: inline;
	text-align: left;
	padding: 0;
	padding-top: 10px;
	padding-left: 18px;
	height: 75px;
	font-size: 10px;
}

#footer_links {
	float: left;
	text-align: center;
	width: 85%;
	padding: 0px;
	padding-top: 60px;
}

#qscfooter {
	display: none;
	background-color: #11335d;
}

blockquote { /* Richard 2008.03.26 */
}

dl {
}

dd {
}

pre, tt, code {
}

/* Highlights page(s) class(es) by Richard */
.slideview {
}
.slideshowcontainer {
}
.slideshowplaceholder {
}

#qsc_content p.bottom_align {
	position: absolute; 
	bottom: 10px;
}

.box {
    min-height: 5.5em;
}

/* Override default margins.  This was a pain to find. */

/* BH 2012 - added to limit height of spacer box.*/
#zuperSlider {
	/*height: 110px;*/
	height: 250px;
	margin-left: -10px;
	
	/*TOP*/
	/*height: 355px;
	position: relative;
	top: -90px;
	margin-bottom: -60px;*/
}

#zuperSlider li {
	margin-top: 0;
	margin-left: 0;
}

#zuperSlider ul {
	margin-top: 0;
	margin-left: 0;
}

.zuperSlider {
	width: 106% !important;
	height: 100% !important;
	overflow: hidden !important; 
	background-color: #efefef !important;
	max-height: 222px !important;
	/*TOP*/
	/*max-height: 100% !important;*/
}

.zuperSlider ul.nav {
	display: none !important;
}

.zuperSlider .caption1 h1 {
    font: 16px Georgia,Arial,Verdana !important;
}

.zuperSlider .caption1  {
	display: block;
	float: left;
	opacity: 1 !important;
	position: relative !important;
	left: 0% !important;
	background: none repeat scroll 0% 0% rgba(239, 239, 239, 1) !important;
	width: 90% !important;
	padding: 3px 10px 10px !important;
	/*TOP*/
	/*top: -44px !important; 
	height: 128px !important;*/
}

.zuperslider .playPause {
	display: none !important;
}

.zuperSlider>.play:hover {
     background: none !important;
}

.zuperSlider>.pause:hover  {
     background: none !important;
}

.zuperSlider > .container > ul {
    position: absolute;
    width: 99%;
    height: 100%;
}

img.zuper {
	height: auto;
	width: 95%;
	
	/*TOP*/
	/*height: 118px;
	position: relative; 
	top: 236px;*/
}

.gradtitle, .ugradtitle, .newstitle {
	display: block;
	width: 100%;
}
.ugradtitle {
	background-color: #4982CA;
}
.newstitle {
	background-color: #00305e;
	background: -webkit-gradient(linear, left top, left bottom, from(#00305e), to(#021a30));
	background: -moz-linear-gradient( top, #00305e, #021a30 );
	
	background: -ms-linear-gradient(top, #00305e 0%, #021a30 100%); /*IE 10ish*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00305e', endColorstr='#021a30'); /*Older IE using DirectX*/	
	background: -o-linear-gradient(#00305e, #021a30); /* Opera 11.10 */  
	background: linear-gradient(#00305e, #021a30); /* the "standard" */  
}


.applybuttons {
    min-height: 5.5em;
}

#qsc_content a:visited.whitetitle, #content a:visited.whitetitle, 
#qsc_content a:link.whitetitle, #content a:link.whitetitle {
	color: #ffffff;
}
#qsc_content a:hover.whitetitle { color: #E7F1CF; background: transparent;text-decoration: underline; }


.people table{
    table-layout: fixed;
    width: 450px;
    padding: 2px;
}

.people th, .people td {
    border-bottom: 5px solid #CCC;
    overflow: hidden;
    padding: 5px;
    display: block;
}

.people td a {
	display: block;
}

body{
	background-color: #fff;
	background-image: none;
	margin: auto;
	text-align: left; text-justify: newspaper;
}

.threecol, .twocol, .panelcontainerhalfwidth, .studentbox {
    width: 100%;
}


#text {
	padding-top: 10px;
	min-height: 620px;
}

#news {
	text-align: left;
}

.mp_firstcol, .mp_secondcol, .mp_thirdcol{
	width: 100%;
}

.highlight {
	padding-top: 20px;
}

.highlightMain {
	clear: both;
	padding: 0;
	margin-left: 0px;  /* BH 2012.06.01 updated from 10 to 0, as the zuperSlider shifted.*/
	margin-right: 10px;
	padding-top: 10px;
}

#socgallery { visibility: hidden; max-height: 135px;}

#socgallery a {
	color: #fefffe;
	/*text-decoration:none;*/
	
	text-decoration: none;
	display: block;
	text-align: center;
/*	padding-top: 8px; */
	height: 140px;
	width: 100%;
	background-color: transparent;
}


.newsfeed, .eventsfeed {

	border: none;

   	-webkit-box-shadow: 0px none;
	-moz-box-shadow: 0px none;
	box-shadow: none; 
	/*margin: 15px;*/
	margin-left: 15px;
	
	height: 100%; 
	/*overflow: hidden; */
	padding-bottom: 10px;
	margin-right: 15px;
}

.qscnewscol {
	margin-left:0px; 
	padding-right:0px; 
	border-left: 0px solid #ddd;
	border-right: 0px solid #ddd;
}

.qscmptoprow, .qscmpbotrow {
	height: 100%;
}

/* BH 2013.06 fix our print css. */
.print-only {
	display: none;
}

.people_container {
	width: 250px;
	margin: auto;
}

.profile {
	height: auto !important;	
}

.profile_info {
	padding: 20px;
	/*padding-left: 0px;
	padding-top: 20px;*/
	height: auto !important;
}

.profile_pic {
    width: 100%;
	height: auto;
}

.flush {
	margin-left: -18px;
	width: 112%;
}

#page_header {
	/*height: 200px;*/
	height: auto !important;
	background-size: auto 100%;
}

#page_title {
	font-size: 16px; 
	height: auto;
	padding-right: 10px;
}

.right_side {
	width: 89%; 
	float: left;
}

.button_container {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.scrollable {
	width: 100%;
	overflow: scroll;
}

/* BH 2015.06 For Wordpress theme */

#mobile_widgetarea {
        display: block !important;
}

#gcal_list, #calendar_list {
	width: auto;
}

#gcal_list {
	margin-bottom: 25px;
}

.issuuembed {
	width: 100% !important;
}