ul, h2 { padding:0; margin:0; }
li { text-decoration:none; list-style:none;   }
body { z-index:-5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
a:visited { color:#333333; }
.clear { clear:both; }
#top-module { position:relative; width:100%; background-color:#fafafa; background-position:100%; background-size:cover; background-repeat:no-repeat; z-index:5;}
.gradient {      position: absolute; z-index: -1;right: 0;bottom: 0px;left: 0;height:450px;background: -moz-linear-gradient(top,rgba(249,249,249,0) .0,#ffffff 100%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(249,249,249,0)),color-stop(100%,#f9f9f9));background: -webkit-linear-gradient(top,rgba(249,249,249,0) 0,#ffffff 100%);
    background: -o-linear-gradient(top,rgba(249,249,249,0) 0,#ffffff 100%); background: -ms-linear-gradient(top,rgba(249,249,249,0) 0,#ffffff 100%); background: linear-gradient(to bottom,rgba(249,249,249,0) 0,#ffffff 100%);}
.gradient2 {      position: absolute; z-index: 2;right: 0;bottom: 56px;left: 0;height:80px;background: -moz-linear-gradient(top,rgba(249,249,249,0) .0,#ffffff 100%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(249,249,249,0)),color-stop(100%,#f9f9f9));background: -webkit-linear-gradient(top,rgba(249,249,249,0) 0,#ffffff 100%);
    background: -o-linear-gradient(top,rgba(249,249,249,0) 0,#ffffff 100%); background: -ms-linear-gradient(top,rgba(249,249,249,0) 0,#ffffff 100%); background: linear-gradient(to bottom,rgba(249,249,249,0) 0,#ffffff 100%);}
.gradient3 {      position: absolute; z-index: 1;right: 0;bottom:0px;left: 0;height:100%;background: -moz-linear-gradient(top,rgba(249,249,249,0) .0,#f9f9f9 81%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(249,249,249,0)),color-stop(81%,#f9f9f9));background: -webkit-linear-gradient(top,rgba(249,249,249,0) 0,#f9f9f9 81%);
    background: -o-linear-gradient(top,rgba(249,249,249,0) 0,#f9f9f9 81%); background: -ms-linear-gradient(top,rgba(249,249,249,0) 0,#f9f9f9 81%); background: linear-gradient(to bottom,rgba(249,249,249,0) 0,#f9f9f9 81%);  background-color: rgba(255,255,255,0.6);}
/*.auto-height { height:auto !important; transition: height 0.25s ease-in; }*/
.gradient4 { position: absolute;  z-index: 1;  right: 0;  bottom: 0px; left: 0; height: 800px; background: -moz-linear-gradient(top,rgba(249,249,249,0) .0, white 81%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(249,249,249,0)),color-stop(81%,white)); background: -webkit-linear-gradient(top,rgba(249,249,249,0) 0,#f9f9f9 81%); background: -o-linear-gradient(top,rgba(249,249,249,0) 0,#f9f9f9 81%);  background: -ms-linear-gradient(top,rgba(249,249,249,0) 0,#f9f9f9 81%)  background: linear-gradient(to bottom,rgba(249,249,249,0) 0,#f9f9f9 63%);
}
.toggle-text { margin-top:25px; font-size:16px; cursor:pointer; padding:10px; background-color:#ce3d20; float:left; color:white;  }
.toggle-text:hover { color:#ce3d20; background-color:white; border:1px solid #ce3d20;  }
.hidden { display:none;  }


.swiper-slide { position:relative; height:600px; z-index:3; }
.swiper-container { position:relative; }
.overlay2 { z-index:2; background-color:rgba(0,0,0,0.5); position:absolute; width:100%; height:100%; }
.white-text { color:white !important; }

.hero-wrapper { position:relative; padding-top:200px; max-width:1200px; min-height:660px; margin:auto; z-index:1;  }
.hero-module { z-index:5; }
.hero-module h1 { font-size:40px; font-weight:bold;  padding-bottom:15px; }
.serif-subtitle {  max-width:430px; line-height:28px; font-size:24px; font-family: 'Antwerp', Georgia, serif; color:#333333; }
.hero-module p { max-width:500px;  font-size:14px; margin-top:15px; line-height:22px; color:#333333; }
li.hero-module a { color:inherit;  }
li.hero-module a:hover { text-decoration:underline;  }
.hero-wrapper ul {  max-width: 1200px;  padding:70px;   }
.hero-wrapper ul li { max-width:450px; display:inline-block; vertical-align:top; z-index:5;  }
#exhibition-introduction {   }
#studio-wrapper { min-height:450px;  } 

li.info-panel { max-width:300px; margin-left:270px; margin-top:60px; padding:25px; background-color:rgba(255,255,255,0.8); width:200px;  }
.info-wrapper { margin:auto; font-size:14px; }
.info-wrapper h2 { font-family: 'Antwerp', courier, serif; font-size:14px; margin-top:0; margin-bottom:20px;  }
.info-wrapper h3 { font-size:14px; margin-bottom:3px; }
.info-wrapper p { font-size:14px; margin-bottom:0; color:#6e6e6e;  }
.info-wrapper a { text-decoration:underline; }

.brief { font-size:14px;  }

#featured-work { background-color:#f9f9f9; }
#featured-work-section { position:relative;  max-width:100%; height:600px; max-height:600px; } 
#featured-work-module { max-width:1200px; margin:auto; }
.featured-work-wrapper { position:absolute; bottom:0; padding:70px; z-index:9;  }
#featured-works { margin-bottom:20px;  }

#featured-work1 { width:100%; background-color:#fafafa; background-image:url("../images/fp-hero/connie.jpg"); background-position:100%; background-size:cover; background-repeat:no-repeat; }

.graduating-class-wrapper ul { z-index:-6; }
.graduating-class-wrapper ul li { z-index:5; }
.graduating-class { max-width:1200px; margin:auto; padding-left:150px; padding-top:250px; padding-bottom:100px;  }
.graduating-class h1 { font-size:30px; padding-bottom:15px; }
.graduating-class a { color:#333333; text-decoration:none; }
.graduating-class a:hover { color:#CE3D20; text-decoration: none;  }
a.line-item-links { color:#333333; text-decoration:none; }

.graduation-class-line-item { background-size:cover; background-position:50%; position:relative; z-index:-1; }

#marc5001 { width:100%; background-color:#fafafa; background-image:url("../images/fp-hero/connie.jpg"); background-position:100%; background-size:cover; background-repeat:no-repeat; }
.list-images { width:100%; background-color:#fafafa; background-image:url("../images/fp-hero/connie.jpg"); background-position:100%; background-size:cover;}

.student-listings { background-color:#f9f9f9; }

.students-wrapper {  max-width:1200px; padding-bottom:60px; margin:auto; position:relative; }
.student-wrapper { vertical-align:top; display:inline-block; width:44%; margin-left:2.5%; margin-right:2.5%; margin-top:5%; text-align:left;  background-size:cover; background-position:50%; border:1px solid #DDDEE2;  }
.student { display:inline-block; width:100%;  height:500px;  text-align:left;  background-size:cover; background-position:50%;  }
.student:hover {  opacity: 0.8; background-color: black;  transition: height 650ms; cursor: pointer; }
.student-work-info-wrapper { position:relative; padding:20px; border-top:1px solid #DDDEE2; background-color:white; margin-top:-4px;  }
.student-work-info-wrapper h1 { font-size:18px; font-weight:normal; padding-bottom:3px; }
.student-work-info-wrapper h1:hover { cursor: pointer; color:#ce3d20;  }
.student-work-info-wrapper p { max-height: 62px; transition: max-height 0.75s ease-in; font-size:14px; margin-top:10px;  margin-top: 10px; overflow: hidden; line-height:22px;  }
.student-emails { margin-top:-20px;  color:#DDDEE2; float:right; }
.student-link { display:none; }
.read-more { position:relative; z-index:5; font-size:16px; border:1px solid #dddee2; padding:10px; background-color:white; max-width:90px; margin:auto; text-align:center; }
.read-more:hover { background-color:#ce3d20; border:1px solid #ce3d20; color:white; cursor:pointer;  }

.mfp-title { font-size:16px; margin-top:10px;  }
.mfp-counter { font-size:14px; margin-top:10px; display:none;  }

#sponsor-section { background-color:#f9f9f9; }
.arb-banner { position:relative; z-index:3; margin:auto; max-width:1200px; height:500px; background-image:url("../images/sponsors/Web_banner_USYD.png"); }
.brand-wrapper { max-width:1200px; margin:auto; }
.brand-wrapper h1 { margin-bottom:15px; font-size:18px; color:#6e6e6e; }
ul.premier { max-width:1200px; margin:auto; border-top:1px solid #e2e2e2; }
ul.premier li { width:200px; height:100px; background-position:50%; display:inline-block;  background-size:100%; background-repeat:no-repeat; margin-left:30px; margin-right:30px;  }
ul.premier li:hover { cusror:pointer;  }
footer { padding-top:50px; padding-bottom:50px;   }

#tabs li { position: relative; }
#tabs li.active:hover>ul {	display: block; }
.col_1 { width: 130px; float: left }
.col_2 { width: 255px; float: left; padding-left: 15px; }
.col_1, .col_2, .col_3, .col_4, .col_5 { display: inline; float: left; position: relative;	padding-left: 5px; margin-right: 5px; }
.dropdown_2columns { width: 420px; }
.dropdown_1column,  .dropdown_2columns,  .dropdown_3columns,  .dropdown_4columns,  .dropdown_5columns { margin: 4px auto; position: absolute; left: -999em; /* Hides the drop down */ text-align: left 	padding: 10px 5px 10px 5px; border-top: none;  background-color:white;  }
#tabs li:hover .dropdown_2columns { left: -1px; top: 24px; }
#tabs .dropdown_2columns h1 { font-size: 18px; font-weight: normal; }
#tabs .dropdown_2columns a { border-bottom: 1px solid #ECDCAF; color: black; display: block; font-size: 12px; padding-bottom: 8px; padding-right: 15px; padding-top: 8px; }
#tabs .dropdown_2columns a:hover {}
#tabbar #tabs > li { padding: 10px 15px !important;  }

.topheader{	height: 37px;background-color: #252525;width: 100%; }
.topheader .topheader{max-width: 998px;margin: 0 auto; }





@media (max-width: 768px) { 
	
	.hero-wrapper ul li { max-width:300px;  }
	li.info-panel { margin-left:70px; }
	#top-header { display:none; }
	.student-wrapper { margin-right:0; margin-left:3.7%; }

}


@media (max-width: 414px) { 
	.gradient4 {   background: -webkit-linear-gradient(top,rgba(249,249,249,0) 0,#f9f9f9 61%); }

	section { border:0 ;}
	#featured-works { padding:20px;  }
	li.info-panel { margin:0; margin-top:50px;  }

	.sponsor-section { border:0; }
	ul.premier  { border:0; }0
	.brand-wrapper { border:0; }
	.arb-banner { max-height:300px; background-image:url("../images/sponsors/arb.png"); background-repeat:no-repeat; }
	
	.graduating-class { padding:70px;  }
	.graduating-class h1 { text-align:left;  } 
	.hero-wrapper ul { padding:30px;}
	.student-wrapper { display:block; width: 97%;  margin: auto; margin-bottom:20px; }
	.student { height:350px; }
	


	.date { text-align:left;  }
	.hero-module h1 { text-align:left; }
	.serif-subtitle { text-align:left; }
	.hero-module p { text-align:left; }

	.featured-works p { text-align:left !important; }

	.toggle-text { float:none; max-width:100px; text-align:center; margin-top:20px;  }

	.hero-wrapper ul li { width:100%; background-color:transparent; padding:0; border-top:1px }
	.hero-wrapper ul li h2 { display:none; }
	.hero-wrapper ul li h2, h3, p { text-align: left;  }
	.hero-wrapper ul li  p  {  padding-bottom:10px;  }

	.brand-wrapper { width:94%; }
	.brand-wrapper h1 { text-align:center; }

	ul.premier { max-width:260px;  }
}