/*
 * Iconic State Digital Agency Inc. 
 * SFU Computer Science - Max Width 480px Style Sheet
 *
 */


@media all and (max-width: 480px) {

body{
	font-size:14px/1.5;
}
 
 /*
  * GLOBAL STYLE PROPERTIES 
  ****************************************************************************/

 /* Carousel */


.carousel .carousel-text {
	width: 230px !important;
}

	.carousel .carousel-text a:first-child {
		display: none;
	} 
	
	.carousel .carousel-text h2 {
		margin-top: 10px !important;
		font-size: 0.6em !important;
		padding: 0.5em 0.8em !important;
	}
	.carousel .carousel-text h3 {
		font-size: 0.5em !important;
		width: 80%;
	}	
	.carousel .carousel-text h4 {
		padding-top: 0;
		font-size: 0.55em;
	}	

.carousel .news .carousel-text {bottom:10px !important;}
	
/* Call to Action Buttons - Bach / Grad degree, Undergrad / Graduate student */			
.path-btns div.cq-colctrl-lt0-c0,
.path-btns div.cq-colctrl-lt0-c1 {
    table-layout: inherit;
    width: 100%;
    /*height: auto !important;	*/
}	

/* 3col */
.col3 > div.parsys_column {
    padding-right: 0;
    width: 100%;
}

/* Stat boxes */

.stat-box .image {
    height: 70px;
    width: 70px;
    max-width: 25%;    
}

.stat-box .text {
	width: 72%;
}

.stat-box .image img {
    height: 60px;
    margin: 5px auto 0;
    width: 60px;
}

.stat-box.sm-logo .image img {
    height: 50px;
    margin-top: 10px;
    width: 50px;	
}
.stat-box.xs-logo .image img {
    height: 45px;
    margin-top: 10px;
    width: 45px;	
}

.cs-home.path-btns p.p1 {
    padding-top: 23px;
}

 /* 
  * 0.0 CS Homepage
  ****************************************************************************/ 
	.cs-home.path-btns p.p1 {
	    padding-top: 23px;
	}  
	
	.cs-home.blk-title {
		display: none;
	}	
	
	.cs-home.textimage-blk .parsys_column {
	    height: auto !important;
	    background-color: #fff; 
	}	  
  
	.cs-home.textimage-blk .parsys_column .text {
		display: block;		
	}

	.cs-home.textimage-blk .parsys_column .text .title{
		background-color: #fff;
	}
	
	.cs-home.textimage-blk .parsys_column .text .title p {
		font-family: "DinProMedium";	
	}
	
	.cs-home.lets-connect .externalvideo {
		width: 47%;	
	}	

 /* 
  * 1.0 ABOUT COMPUTING SCIENCE SECTION 
  ****************************************************************************/ 
 
 /*
  * About Us Landing Page 
  */ 
.about-us {}
.about-us.banner .text p{
    font-size: 0.35em;
    margin: 5px 10px;
}
.about-us.banner .text h5 {
    margin: 5px 0 0 10px;
    padding: 0;
}
	.about-us.banner .text h5 a {
		font-size: 0.75em;
	} 
 
/* 1.1 Message From The Director */
.director-msg-banner .parsys_column{
	width: 50%;
}


 /* 
  * 2.0 CONTACT US PAGE 
  ****************************************************************************/ 
.contact-us {}

.contact-us .cq-colctrl-lt5-c0 {
    margin-right: 2%;
    width: 49%;
}

.contact-us .cq-colctrl-lt5-c1 {
    width: 49%;
}

.contact-us .cq-colctrl-lt5-c0 .address p {
    font-size: 0.75em;
}     
 

/* 
 * 3.0 PEOPLE SECTION 
 ****************************************************************************/ 
  

.people.faculty-grid .textimage .text {padding-top:20%; font-size:0.6em !important;}
.people.faculty-grid .textimage .text .seeall {font-size:0.5em !important;}



/* 
 * 4.0 PROSPECTIVE STUDENTS SECTION 
 ****************************************************************************/ 
   
 /*
  * 4.0 Prospective Students Landing Page 
  */ 	

.prospect.prospect-careers {
    display: block;
}

.prospect-careers div.parsys_column {
    width: 100%;
    height: auto !important;
}	

.director-msg-banner .dir-banner-txt{
    padding: 10px;
    width: 100%;
}


/*.path-btns .grad-degree-btn {min-height:116px;}*/


/*
 * 4.1 - Undergrad students page
 */
.pros-under-grad {}



/*
 * 4.1.1 - Admissions students page
 */
.adm-student-boxes .parsys_column {
	width: 48%;
	float: left;
}

.adm-student-boxes .cq-colctrl-lt8-c0,
.adm-student-boxes .cq-colctrl-lt8-c2 {
	margin-right: 2%;	
}

.adm-req.high-school .cq-colctrl-lt5-c1 {
    margin-left: 0;
    width: 100%;
}

/*
 * 4.1.1.1 - How to Apply
 */
.how-to-apply .parsys_column {
    width: 100%;
}

.step-boxes .parsys_column{
	width: 100%;
}	 

.how-to-apply.step-boxes .parsys_column .text {
	width: 100%;
}	

/*campus tour box*/ 

.how-to-apply.impt-deadlines .parsys_column .book-campus-tour-box h3 {
	width: 100%;
}
.how-to-apply.impt-deadlines .parsys_column .book-campus-tour-box p {
    width: 100%;
}	
.how-to-apply.impt-deadlines .parsys_column .book-campus-tour-box h5 {
    margin-left: 2em;
    float: right;

}

/*talk to advisor*/

.how-to-apply.impt-deadlines .parsys_column .global-talk-to-advisor-box h3{
	width: 100%;
}
.how-to-apply.impt-deadlines .parsys_column .global-talk-to-advisor-box p {
    width: 100%;
}	
.how-to-apply.impt-deadlines .parsys_column .global-talk-to-advisor-box h5 {
    margin-left: 2em;
    float: right;
}

/*
 * 4.1.2.0 - Programs
 */

.programs{}
.programs.program-boxes{}
.programs.program-boxes > .parsys_column{
	width: 100%;
	margin-right: 0;
}
.programs.program-boxes .program-box{}
.programs.vocab-box-container{}



/*
 * 4.1.4.0 - Student Life
 */

.stu-life{}
.stu-life.life-boxes .parsys_column{
	width: 100%!important;
	height: auto !important; 
}

    

/*
 * 4.1.4.3  - UniverCity Groups
 */
.unicity > .parsys_column {
    margin-right: 0%;
    width: 100%;
}
.unicity > .parsys_column:nth-child(3){
	margin-right: 0;
	clear: none;
}

/*
 * 4.1.4 - Campus Life
 */

.campus-life{}
.campus-life.location-boxes .parsys_column{
	width: 100%; 
}


/*
 * 4.1.5 - Research
 */
.ug-research.ug-research-areas .textimage{
    float: left;
    margin-right: 0%;
    width: 100%;
}

.ug-research.ug-research-areas .textimage:nth-child(4) {
    clear: none;
}




/* 
 * 5.0 CURRENT STUDENTS SECTION
 ****************************************************************************/ 

/* 5.0 Current Students Landing Page */ 
.current.resource-links .coop-link .image{
    left: 21%;
    width: 60%;  
}
	.current.resource-links .coop-link .image img{
		max-width: 210px;
	}
   



 /* 
  * 6.0 RESEARCH 
  ****************************************************************************/ 

.research.faculty-grid .textimage .text {
	padding-top: 25%;
}
	
} /* end @media all and (max-width: 480px) */