@charset "UTF-8";
/* CSS Document */


body {
	
	background-color: #FFFFFF;
}


.main         { 
	            text-align: left;
	            margin-left: auto;
                margin-right: auto;
				width: 1181px;
				
			   }

.column {
  width: 100%;
}

			
	
#navcontainer { 
				position: relative; top: 10px;
				margin-left: auto;
                margin-right: auto;
				background-image: url(../pics/header_middle.jpg);
				text-align: center;
				height: 184px;
				width: 1181px;
			
				}		
	
	
		     
#navcontainer #ryersonlogo
				{ 
				  float: left; position: relative; top: 15px; 
				  left: 140px;
				 }
				  
#navcontainer #mathlogo
				{
				position: relative; top: 15px; left: 632px; 
					height: 50px;
	                width: 450px;  
					
				}		
				
#navcontainer #navlist  { 
							position: relative; top: 60px; left: 150px;
			                 text-align: center;
		
								list-style: none;
								width: 938px;
	
						    }
						

#navcontainer #navlist ul { 
							
							margin-left: 0px; 
  							padding-left:0px;
}



							     
#navcontainer #navlist ul li {
								list-style: none;
								margin: 0;
								display: inline;
								padding-left: 10px
		                    
		                         }	
		                         					     
				     							     
	
#navlist  li a {              float: none;

										text-decoration: none;
										color: white;
										margin-right: 00px;
										font-family: Arial, Helvetica, sans-serif; 
										font-size: 10.5pt; 
										font-weight: bold;
										padding: 12px;
										position: relative; left: -40px;
								}
	
#navlist   li a:hover {  text-decoration: underline;
								   color: #7dc6f9;					
							
									}
	

	
#navlist    #active a { 
									color: #7dc6f9;	
							                  
							    }
	
#navlist  a#current
			{
			color: #FFF;
			background: #739ec4;
			}
	
	
	

	
.content_container	{
	position: relative; top: 35px;
				float:none;
				margin-left: auto;
                margin-right: auto;
				width: 960px;
				font-family: Arial, sans-serif;
	            font-size: 9.5pt;	          
	           
	        }	
	
.content_container a {
	
	text-decoration: none;		
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: #005a9c;
	
}	
	
.content_container a:hover {
       COLOR: #005a9c;
       text-decoration: underline;
}
	
	
.content_container h1 {
		font-family: Arial; 
		font-size: 26pt;
		color: black;
		margin: 0px;
		font-weight:normal;
}

.content_container h2 {
		font-family: Arial; 
		font-size: 20.5pt;
		color: black;
		margin: 0px;
		font-weight:normal;
		text-decoration: none;
		
}


.content_container h3 {
		font-family: Arial, serif, sans-serif; 
		font-size: 20.5pt;
		color: #000000;
		margin: 0px;
	font-weight:normal;	
}
body {
    font-family: Arial, serif, sans-serif; 
}









#bio_cv_container {  
				float: left;
				font: Arial, Helvetica, sans-serif; 
	            font-size: 12pt;	           
				height: 25px;
				
				position: relative; top: 10px; left: -5px;
				 }
#bio_cv_container #pdf_icons { 
	              
	              position: relative; 
			      left: 60px; top: -33px;
	              color: white;
	   			   }	    
	    
	
#bio_cv_container #pdf_icons a { 
	              
	              text-decoration: none;
	               color: white;
	               font-size: 10pt;
	               
	   			   }	    
	

/* TABLE 1 */	
	
table#content_table1 {
		text-decoration: none;
   		margin: 10px;
   		padding:0px;
   		vertical-align: top;
   		
}

table#content_table1 td { 
	vertical-align: top; 
	text-align: left;
} 

#content_table1 a {
	COLOR: #005a9c;
    text-decoration: underline;
}


#content_table1 a:hover {
	
	COLOR: #005a9c;
    text-decoration: none;
}	










/* TABLE 2 */


table#content_table2 td { 
	text-align: left;
	vertical-align: top
	
}


table#content_table2 {
		
	
	text-align: left;
	  margin: 0px;
   		padding: 0px;
   		
   		
		    	}






#table2div{
	text-align: left;
 position: relative; top: -15px; left: 13px;
	
}


#footer{
	
	height: 100px;
	width: 1181px;
	position: relative;  left: -111px;
}

#footer_text{
	position: absolute;
	color: white;
	position: relative; top: -90px; left: 180px;
	font: Arial, Helvetica, sans-serif; 
	  font-size: 10pt;
	height: 50px;
	width: 980px;
	
}

#footer_text a {
	
	text-decoration: none;		
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: #7dc6f9;
	text-decoration: none;
	
}	
	
#footer_text a:hover {
       COLOR: #7dc6f9;
       text-decoration: underline;
}



table.general {
border: 1px #CCCCCC solid;
border-collapse: collapse;

}

table.general td, th {
border: 1px #CCCCCC solid;
padding: 7px;

}

table.general th {
border-width: 1px;
background-color:#004d83;
padding: 7px;
font-weight:bold; color: #FFFFFF;
}


.content_container table.general tr td a {
	
	text-decoration: underline;
}

.content_container table.general tr td a:hover {
	
	text-decoration: none;
}


h4{
	font: Arial, Helvetica, sans-serif; 
	  font-size: 12pt;
	
	
}

#students a {
	COLOR: #005a9c;
    text-decoration: underline;
}

#students a:hover {
	COLOR: #005a9c;
    	text-decoration: none;
	
}

tr.grey td  {
background-color:#f3f3f3;
}


#media { }


#media ul  {list-style-type: none;
			padding: 0px;
			margin: 30px 0px;
		
	}

#media ul a {
			
		COLOR: #005a9c;
    text-decoration: underline;
	}

#media ul a:hover {
			
		COLOR: #005a9c;
    text-decoration: none;
	}			
	
	
	
#media ul li { margin-top: 10px; }


	
	
#publications { }

#publications ul  {list-style-type: none;
			padding: 0px;
			margin: 30px 0px;
		
	}	
	
#publications ul a {
			
		COLOR: #005a9c;
    text-decoration: underline;
	}

#publications ul a:hover {
			
		COLOR: #005a9c;
    text-decoration: none;
	}			
	
#publications ul li { margin-top: 10px; }

/* responsive */
#navlist .navbar ul li a {
    color: #000000;
}
.animated-icon1 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon1 span {
background: #e65100;
}

.animated-icon2 span {
background: #e3f2fd;
}

.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
#navcontainer #navlist {
    left: 0px;
    margin: 0 auto;
    clear: both;
    top: 17px;
}
#navcontainer #navlist ul {
    position: relative;
    top: 14px;
    text-align: center;
}
#navcontainer #ryersonlogo {
    float: right;
    position: static;
    margin-top: 19px;
    margin-right: 120px;
}
#navlist li a {
    left: 0px;
}
body {
    background-image: url(../pics/background.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}
.mobile_nav.navbar {
    display: none ;
}
.content_container h1 {
    font-size: 34pt;
}
#gallery img {
    margin-top: 85px;
}
#navlist li a {
    font-family: Arial, Helvetica, sans-serif;
}


@media (max-width: 1194px) { 

.main {
    width: auto;
}
#footer, #footer_text {
    width: auto;
}
#navcontainer {
    width: auto;
}
#navcontainer #navlist { 
    width: auto;
    left: 0px;
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
.content_container {
    width: auto;
    margin-left: 30px;
    margin-right: 30px;
}
#navcontainer {
    background-position: center;
}
#navlist li a, #navcontainer #navlist>ul {
    left: 0px;
}
#navcontainer #navlist>ul {
    text-align: center;
}

    
}

    

@media (max-width: 980px) {
    
    .mobile_nav.navbar {
    display: block;
}
#ryersonlogo, #navcontainer #navlist>ul, .mob_none {
    display: none;
}
.navbar-toggler {
    background-color: #004B9C !important;
        padding: 4px 6px !important;
}
#navcontainer {
    background-image: none;
    background-color: #D6D6D6;
}
#navcontainer #navlist ul {
    z-index: 999;
    background-color: #E5E5E5;
    top: 32px;
}
.mobile_nav .navbar-brand img {
    width: 250px;
    margin-left: 150px;
}
#navlist li a, #footer_text {
    font-size: 30px;
}
#footer_text a img {
    width: 80px;
}
#footer>img, #footer {
    height: 200px;
}
#footer_text {
    top:  -180px;
    left: 110px;
}
.footer_text {
    margin-left: 55px;
        top: 10px;
    position: relative;
}
.mobile_nav button img {
    width: 80px;
}
.content_container, .content_container a {
    font-size: 34px;
}
#pdf_icons a {
    font-size: 34px !important;
}
.footer_num {
    font-size: 34px !important;
}
.icons_cont {
    display: block;
    text-align: center;
}
#bio_cv_container #pdf_icons {
    background-color: #000000;
    padding: 15px 40px;
}
#bio_cv_container #pdf_icons img {
    width: 30px;
}
h1.name {
 font-size: 96px !important;   
}
h1 {
    font-size: 66px !important;
}
h2 {
    font-size: 60px !important;
}
h3 {
    font-size: 48px !important;
}
h4 {
    font-size: 45px !important;
    text-align: center !important;
}
#students img {
    width: 80%;
    height: auto;
}

#navcontainer #navlist ul li:hover, #navcontainer #navlist ul li.active_link {
    background-color: #004B9C;
}
#navcontainer #navlist ul li a:hover, #navcontainer #navlist ul li.active_link a {
    color: #ffffff !important;
}
#navcontainer #navlist ul li a {
    display: block;
}
    .navbar-toggler {
        float: right;
    }
    .mobile_nav>a {
        padding-top: 0px !important;
    }
    /*.collapse.show {
    clear: both;
}
    
    .mobile_nav>a {
        float: left;
    margin-left: 25px;
    }*/
    table {
        width:  100%;
    }
    #content_table1 tr td:nth-child(1) img {
        width:  55%;
    }
    .home table td {
        display: block;
    }
    #navcontainer#navcontainer {
    top: 0px;
    background-image: url(https://math.ryerson.ca/~abonato/pics/header_middle1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
    h1, h2, h3 {
        text-align: center;
    }
    table#content_table1 tr>td {
    text-align: center;
    margin-bottom: 20px;
}
.content_container h2 {
    margin: 20px;
}
#bio_cv_container #pdf_icons {
    left: 0px;
}
#table2div {
    top: 0px;
}
.navbar-toggler {
    border-radius: 15px !important;
    margin: 15px;
}
#navcontainer #navlist ul li {
    padding-bottom: 18px;
    padding-top: 18px;
    border-bottom: 1px solid #ffffff;
}

#students table tr th:nth-child(1), #students table tr td:nth-child(1) {
    width: 25%;
}

#students table tr th:nth-child(2), #students table tr td:nth-child(2) {
    width: 20%;
}

#students table tr th:nth-child(3), #students table tr td:nth-child(3) {
    width: 55%;
}

#students table tr th:nth-child(1), #students table.table4 tr td:nth-child(1) {
    width: 25%;
}
#students table tr th:nth-child(2), #students table.table4 tr td:nth-child(2) {
    width: 15%;
}
#students table tr th:nth-child(3), #students table.table4 tr td:nth-child(3) {
    width: 25%;
}
#students table tr th:nth-child(4), #students table.table4 tr td:nth-child(4) {
    width: 35%;
}

    
    
}