
@font-face {
    font-family: 'big_johnregular';
    src: url('/fonts/big_john-webfont.eot');
    src: url('/fonts/big_john-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/big_john-webfont.woff2') format('woff2'),
         url('/fonts/big_john-webfont.woff') format('woff'),
         url('/fonts/big_john-webfont.ttf') format('truetype'),
         url('/fonts/big_john-webfont.svg#big_johnregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Reset ------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
strong{font-weight:bold;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym{border:0;}

/* Styles ------------ */

* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; /*behavior:url('/css/boxsizing.htc');*/}

html {min-height:100%; height:100%; width:100%;}
body {overflow:auto; background:#fff; color:#000; position: relative; font:14px/1.3 Roboto, Arial, sans-serif; font-weight:300; height:100%; min-height:100%; width:100%; -webkit-text-size-adjust:100%;}
body.hideoverflow {overflow:hidden;}

hr {border:0; border-bottom:1px solid #f2f2f2; float:left; height:0px; margin:5px 0 10px 0; padding:0; width:100%;}
em {font-style: italic;}
a {color:#666;}

.container {max-width:950px; position:relative; margin:0 auto; clear:both; padding:0;}

header {width:100%; text-align:left; z-index:18; padding-top:0; display:block; position:fixed; top:0; left:0;}

.home header {position:fixed; top:0; left:0; padding-top:20px;}

header .navbar {background:url('/images/bg-nav.png') no-repeat; z-index:5; background-position:center 3px; text-align:center; width:100%; height:100%; }

.page .navbar {margin-bottom:0;}

header h1 {width:240px; z-index:28; float:left; margin:2px 0 0 -35px; text-align:center;}
header h1.logo img {width:100%; max-width:240px; height:auto; margin:0 auto;}

nav {clear:left; font-size:0.00001px; position:relative; z-index:16; text-align:left; max-width:950px; padding:0; margin:0 auto; font-family:'big_johnregular', Arial, sans-serif;}
nav>ul {display:inline-block; width:100%; list-style:none; position:relative;}
nav>ul>li {display:inline-block; position:relative;}
nav>ul>li>a {padding:15px 10px; font-size:14px; display:block; text-transform:uppercase; text-decoration:none; color:#fff; position:relative;}
nav>ul>li:hover>a {color:#8a8c8e; text-decoration: none; z-index:8;}
nav>ul>li.selected>a {color:#8a8c8e;}
nav>ul>li>a:active {color:#4a5260;}
nav>ul>li:first-child>a {padding-left:0;}
nav>ul ul li a:hover {color:#333; text-decoration: none;}

nav>ul>li ul {position:absolute; display:none; background:url('/images/bg-nav-nub.png') no-repeat 0px 0px; z-index:26; left:0px; top:42px;}
nav ul ul li {display:block; position:relative;}
nav>ul ul li:first-child {padding-top:10px;}
nav>ul ul li:last-child {padding-bottom:8px;}
nav>ul ul li a {display:block; color:#333; font-size:14px; font-family:Roboto, Arial, sans-serif; font-weight:500; width:200px; text-align:left; padding:8px 0; margin:0 10px; text-decoration:none; border-bottom:1px solid rgba(0, 0, 0, 0.1);}
nav>ul ul li:last-child a {border-bottom:0;}
nav>ul ul li a:hover {color: rgba(0, 0, 0, 1); z-index:26;}
.stickit nav>ul>li ul {background:url('/images/bg-nav-nub-full.png') no-repeat 0px 0px; border:1px solid #ccc; border-top:0;}

nav .burger {cursor:pointer; display:none;}

.burgerdrop {display:none; background:rgba(255,255,255,1); overflow:auto; position:fixed; top:0; left:0; width:100%; height:100%; z-index:50; padding:0;}
.burgerinner ul, .burgerdrop ul li, .burgerdrop ul li a {z-index:50;}
.burgerinner>ul {-webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;
    -webkit-column-fill: auto; -moz-column-fill: balance; column-fill: auto;
    -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;
    -webkit-margin-bottom-collapse: separate;}
.burgerinner>ul>li {margin-bottom:30px; padding-right:20px; overflow: hidden;
    -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid;}
.burgerinner ul li a {color:#333; display:block; font-size:14px; font-family:Roboto, Arial, sans-serif; font-weight:500; width:100%; text-align:left;
    padding:5px 5px; margin:0 10px; text-decoration:none; border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.burgerinner>ul>li>a {padding:10px 0 0 5px; font-size:14px; text-transform:uppercase; font-family:'big_johnregular', Arial, sans-serif;}
.burgerinner ul li a:hover {color:#8a8c8e;}

.burgerinner {clear:both; height:100%; width:100%;}
.burgerclose {text-align:left; width:100%; z-index:51; font-size:18px; color:#933; cursor: pointer;}
.burgerclose i {z-index:51; margin:15px 0 0 15px;}

.openburger {display:block;}

ul.social {list-style:none; position:absolute; bottom:40px; left:15px; z-index:10;}
ul.social li {margin:0 0 0 10px; display:inline-block; z-index:10;}
ul.social a {z-index:10; background-size:100% 100%; display:inline-block;}

ul.social a img {opacity:1; z-index:10;}

ul.social li.facebook a {background:url('/images/social-facebook.png') no-repeat; width:40px; height:40px;}
ul.social li.twitter a {background:url('/images/social-twitter.png') no-repeat; width:40px; height:40px;}
ul.social li.youtube a {background:url('/images/social-youtube.png') no-repeat; width:40px; height:40px;}

.sectionwhite ul.social li.facebook a {background:url('/images/social-facebook-white.png') no-repeat;}
.sectionwhite ul.social li.twitter a {background:url('/images/social-twitter-white.png') no-repeat;}
.sectionwhite ul.social li.youtube a {background:url('/images/social-youtube-white.png') no-repeat;}

ul.social li.facebook a:hover {background:url('/images/social-facebook-white.png') no-repeat;}
ul.social li.twitter a:hover {background:url('/images/social-twitter-white.png') no-repeat;}
ul.social li.youtube a:hover {background:url('/images/social-youtube-white.png') no-repeat;}

.sectionwhite ul.social li.facebook a:hover {opacity:0.7;}
.sectionwhite ul.social li.twitter a:hover {opacity:0.7;}
.sectionwhite ul.social li.youtube a:hover {opacity:0.7;}

li.southaustralia {display:none;}
.section0layer ul.social {left:15px;}
.section0layer ul.social li.southaustralia {opacity:1; display:inline-block;}
.section0layer ul.social li.southaustralia a {background:url('/images/logo-southaustralia.png') no-repeat; width:114px; height:39px;}

.stickit {position:fixed; top:0; left:0;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(255,255,255,1) 76%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(57%,rgba(255,255,255,1)), color-stop(76%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 57%,rgba(255,255,255,1) 76%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 57%,rgba(255,255,255,1) 76%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 57%,rgba(255,255,255,1) 76%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 57%,rgba(255,255,255,1) 76%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    }

.stick {position:fixed; top:0; left:0; background:#fff; border-bottom:1px solid #eee; width:100%; z-index:9;}

body.home .hideit {display:none;}

/*body.home .stick {background:none; min-height:none;}*/


.pageresponse {color:#fff; position:fixed; z-index:52; top:0; left:0; overflow:hidden; font-size:18px; background:rgba(0,0,0,0.6); width:100%;}
.pageresponse .container {max-width:950px;}
.pageresponse cite {color:#ccc; font-style:normal; white-space:nowrap;}
.pageresponse p {padding:15px 10px 20px 0; text-align:center; margin:0;}
.pageresponse a:link,
.pageresponse a:visited {color:#fff;}
.pageresponse a:hover {text-decoration:underline;}



p.frontintro {text-shadow: 0 0 10px #000; color:#fff; background:url('/images/front-left-line.png') left center no-repeat;
max-width:700px; padding:0 70px 0 25px; margin-left:30px; position:absolute; bottom:110px; left:0;
font-family: 'Baskerville','Libre Baskerville', serif; font-style:italic; font-size:20px;}

.headerouter {background-position:center center; background-size: cover; min-height:666px;}
.headerouter .nub {text-align:center; position:absolute; top:635px; width:100%;}
.headerouter .nub img {margin:0 auto; max-width:80px; z-index:5;}
.headerouter ul.social {top:600px;}

.section {display:block; z-index:14; background-attachment: fixed; text-decoration: none;}
.section a {text-decoration: none;}
.section a h2 {font-size:120px; line-height:100%; color:#ffb50d; font-family:'big_johnregular', Arial, sans-serif; margin-bottom:50px;}

.section .nubfronttop {clear:both; text-align:center; position:absolute; top:0; left:0; width:100%;}
.section .nubfronttop img {margin:0 auto; max-width:110px; z-index:5;}
.section .nubfrontbottom {clear:both; text-align:center; position:absolute; bottom:0; left:0; width:100%;}
.section .nubfrontbottom img {margin:0 auto; max-width:110px; z-index:5;}

.section .borderfronttop {background:#fff; height:20px; position:absolute; top:0; left:0; width:100%;}
.section .borderfrontbottom {background:#fff; height:20px; position:absolute; bottom:0; left:0; width:100%;}

.sectionhome    {background-size:cover; background:url('/images/backgrounds/welcome.jpg') no-repeat center center;}
.sectionfunding {background-size:cover; background:url('/images/backgrounds/funding.jpg') no-repeat center center; border-right:20px solid #fff; border-left:20px solid #fff;}
.sectionfilming {background-size:cover; background:url('/images/backgrounds/filming.jpg') no-repeat center center;}
.sectionstudios {background-size:cover; background:url('/images/backgrounds/adelaidestudios.jpg') no-repeat center center; border-right:20px solid #fff; border-left:20px solid #fff;}
.sectioncontact {background-size:cover; background:url('/images/backgrounds/contact.jpg') no-repeat center center;}
.section {background-size:cover;}

.sectioncontact .sectioninner {margin-top:80px; margin-bottom:20px;}

.sectioninner {max-width:950px; margin:0 auto;}
.sectioninner .largeicon {float:left; width:50%; text-align:right;}
.sectioninner .largeicon img {max-width:150px; margin-right:25px;}
.sectioninner>a>p {float:left; width:50%; max-width:800px; color:#ffb50d; border-left:1px solid #ffb50d; padding:0 25px; font-family: 'Baskerville','Libre Baskerville', serif; font-style:italic; font-size:25px;}

.section .nubfrontbottom a, .section .nubfronttop a {display:block; width:100%; height:100%;}

.sectionwhite a h2, .sectionwhite a p {color:#fff;}
.sectionwhite a p {border-color:#fff;}
.sectionwhite .nubfrontbottom {border-bottom:20px solid #fff;}

.sectioncontact .sectioninner {padding-top:100px;}

.contactcolumns {float:left; width:50%;}
.contactcolumn {float:left; width:30%; margin-right:3%; color:#fff;}
.contactcolumn h3 {font-size:16px; margin-bottom:20px; color:#fff; font-family:'big_johnregular', Arial, sans-serif;}
.contactcolumn p {font-size:12px; width:100%; color:#fff;}
.contactcolumn img {width:80%; margin-bottom:20px;}
.contactcolumn a {color:#fff;}

.contactform {float:left; width:48%;}
.contactform p {color:#fff; font-size:25px; width:100%; font-family: 'Baskerville','Libre Baskerville', serif; font-style:italic;}
.contactform form {margin-top:20px;}
.contactform form img {width:103%; margin-left:-5px; margin-bottom:2px;}
.contactform form input[type=text], .contactform form textarea {background:rgba(255,255,255,0.1); border:0; padding:10px 15px; color:#ffb50d; width:100%; margin-bottom:3px; border-radius: 2px;}
.contactform form textarea {height:150px; max-width:100%;}
.contactform form input[type=submit] {background:#ffb50d; color:#000; padding:5px 20px; text-align:center; width:150px; border:0; border-radius: 2px;}
.contactform .nup {display:none;}

.contactmobile {display:none;}
.contactmobile h3 {font-size:15px; color:#fff; font-family:'big_johnregular', Arial, sans-serif;}
.contactmobile p {color:#fff; margin-bottom:10px; font-family: 'Baskerville','Libre Baskerville', serif; font-style:italic; font-size:20px;}
.contactmobile a {color:#fff;}

#frontvideo {
position: absolute;
right: 0;
bottom: 0;
top:0;
right:0;
width: 100%;
height: 100%;
background-size: 100% 100%;
background-image:url('/images/backgrounds/welcome-video.jpg');
object-fit: cover;
z-index:3;
background-size: cover;
background-position: center center;
}

.section0layer {z-index: 5 ; width: 100%;}
.section0layer p {z-index:5;}
.section0layer ul {z-index:5;}
.section0layer .borderfrontbottom {z-index:5;}
.section0layer .nubfrontbottom {z-index:5;}
/*solves problem with overflowing video in Mac with Chrome */
#section0 {overflow: hidden;}

#adelaide-studios img {max-height: 100%; max-width:100%; margin:20px 0; box-shadow: 0px 0px 10px #b1b1b1;
    border: 5px solid white; border-radius: 4px;}

.content a {font-weight:bold; color:#ca9000;}

.content .cats {font-size:0.0000001px; vertical-align:top; display:block; width:100%;
    -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;
    -webkit-column-fill: auto; -moz-column-fill: balance; column-fill: auto;
    -moz-column-count: 3; -webkit-column-count: 3; column-count: 3;
    -webkit-margin-bottom-collapse: separate;}

.content .cats ul {display:block; margin:0; padding:0; clear:both;}
.content .cats ul li {font-size:12px; display:block; margin:3px 0; padding:0; clear:both; overflow:hidden;}

.content .cats ul li ul {width:100%; display:inline-block; vertical-align:top; width:100%;}
.content .cats ul li {font-weight:normal; font-size:13px; color:#999;}
.content .cats li i.fa {color:#999; font-size:13px; margin-left:8px; margin-right:5px;}

.content .cats a {cursor:pointer; padding:0; text-decoration: none; margin-right:5px;}

.content .cats>ul>li {
    -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; overflow:hidden; margin-bottom:20px; font-weight:bold;}

.content .cats>ul>li {font-size:16px; font-weight:bold; color:#000;}

.content .cats ul ul li label {font-size:12px; font-weight:normal;}

.content .cats li i.fa {float:left; clear:none; color:#999; font-size:11px; margin-left:4px;}
.content .cats input[type=checkbox] {float:left; width:20px;}
.content .cats label {float:left; clear:none; cursor:pointer; padding:0; margin-top:3px; color:#000;}
.content .cats label.toplevel {font-weight:bold;}

.content .cats>ul>li>input[type=checkbox] {display:none;}

.panel {width:100%; clear:both;}
.content .categories { width: 100%; text-align: center; margin-top: 10px; margin-bottom: 20px; float:left;}
.content .categories a { min-width: 100px; text-decoration: none !important; margin-right: 15px; padding: 10px; border: 1px solid #ffb50d; background: white; color: #ffb50d; border-radius: 4px;}
.content .categories a.active { background: #ffb50d; color: white; border: none; }

.content .years { width: 100%; text-align: center; margin-top: 10px; margin-bottom: 20px; float:left; line-height:35px;}
.content .years a { min-width: 100px; text-decoration: none !important; margin-right: 7px; font-size:11px; padding: 5px; border: 1px solid #ffb50d; background: white; color: #ffb50d; border-radius: 4px;}
.content .years a.active { background: #ffb50d; color: white; border: none; }

.showcasesearch {margin:10px auto; padding:5px 20px; text-align:center;}
.showcasesearch button {background: #ffb50d; color: white; border-radius: 2px; padding:5px 10px; border:0; font-weight:bold; margin-left:30px;}
.showcasesearch .searchinput {padding:5px 10px; background:#fff; border-radius:2px; border:1px solid #ccc; width:300px; max-width:50%;}

.filmgrid {float:left; clear:left;}
.content .filmgrid h3 {margin-top:0; margin-bottom:0;}
.film { float: left; width: 100%; }

/* Added styles for show/hide film text 27/04/16 */
.film { position: relative; height: 245px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;}
.drop { height: auto !important; overflow: inherit; padding-bottom: 25px;}
.transparent { background: none !important; }
.film-info { overflow: hidden; height: 245px; }
.film .readMore { position: absolute; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); bottom: 0; text-align: left; height: 50px; right: 0; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
.film .readMore a { line-height: 6.5; display: inline-block; text-decoration: none !important; }

@media all and (max-width: 768px) {
  .film { height: auto !important; }
  .film-info { height: auto !important; }
  .readMore { display: none; }
}
/* end added styles */

.film .film-image img {width: 100%; max-height: 100%; box-shadow: 0px 0px 10px #b1b1b1; border: 5px solid white; border-radius: 4px; }
.film .film-image.col-md-5 {padding-left: 0; }

.film .film-info h4 {margin: 0; margin-bottom: 10px; font-size: 17px; }
.film .film-info p { font-size: 14px; }

.filmgrid hr { border-width: 2px; border-color: #ffb50d; margin: 2rem 0 !important;}

.showcaselink {display:inline-block; margin-right:15px;}

@media (max-width: 767px) {
    .film .film-image { margin-bottom: 3rem; }
}

.tabs {}
.tabs a:link,
.tabs a:visited {float:left; font-size:16px; padding:10px 20px; background:#fff; color:#000; font-weight:bold;}
.tabs .separator {float:left; width:5px; background:#fff;}
.tabs a.on:link,
.tabs a.on:visited {background:#eee; text-decoration:none;}

.formsubject {display:none;}

table.tenantsdirectory {width: 100%;}
table.tenantsdirectory thead {background: #ffaf0e; color: #101010; font-weight: bold !important;}
table.tenantsdirectory th {font-weight: bold;}
table.tenantsdirectory th, table td p {font-size: 14px !important; padding: 10px;}
table.tenantsdirectory td {vertical-align: top;}
table.tenantsdirectory tbody tr:nth-child(even) {background: #ecf0f1;}
table.tenantsdirectory tbody tr:hover {background: #bdc3c7; color: #ffffff;}
/*    .fixed {top: 0; position: fixed; width: auto; display: none; border: none;}*/

table.crew {width:100%; border-collapse:collapse; margin-bottom:30px;}
table.crew tr th {padding:10px 15px; color:#ccc; font-weight:normal; text-align:left; font-size:11px;}
table.crew tr td {padding:10px 15px; border-top:1px solid #eee;}
table.crew tr td a:link,
table.crew tr td a:visited {text-decoration:none;}
table.crew a {text-decoration:none;}
table.crew tr:hover td {background:#f7f7f7;}
table.crew tr td.preferred {font-weight:bold;}
table.crew tr td.preferred a {color:#000;}
table.crew tr.borderless td {border:0;}

form.layout {display:block; font-size:18px;}
form.layout div {clear:left; padding:20px 0; display:block;}
form.layout div label {width:200px; padding:5px 0; font-weight:bold; float:left; cursor:pointer;}
form.layout input[type=text], form.layout input[type=password] {float:left; margin-bottom:5px; border:1px solid #ccc; width:250px; padding:5px; border:2px solid #ccc;
-webkit-border-radius: 5px; border-radius: 5px;}
form.layout input[type=text]:disabled {background:#ddd;}
form.layout textarea {float:left; margin-bottom:5px; border:1px solid #ccc; width:350px; height:100px; padding:5px; border:2px solid #ccc;
-webkit-border-radius: 5px; border-radius: 5px; max-width:100%;}
form.layout input[type=submit] {font-size:15px; clear:left; padding:10px 20px; font-weight:bold; color:#fff; background:#666; border:0 none;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;}
form.layout input[type=text]:focus {border-color:#333; }
form.layout span.tip {color:#666; font-size:11px; margin-left:10px; float:left;}
form.layout span.between {float:left; margin:0 20px;}

/* map overlay */
.info_content {padding:20px;}
.info_content h3 {font-size:15px;}
.info_content a {text-decoration: none;}
.info_content p {font-size:14px;}

h4 {font-size:22px; margin:20px 0 30px 0; color:#595959; text-transform: uppercase;}
h4 span {color:#999;}

.filter {margin:40px 0; display:table; width:100%;}
.filter .filtercolumn {display:table-cell;}
.filter b {font-size:16px;}
.filter select {font-size:16px;}
.filter .filtersubmit {background:#666; color:#fff; padding:10px 20px; font-size:16px; border:0; border-radius:3px;}
.filter .filtersubmit:hover {cursor: pointer; background:#468e4d;}

.filterselect {background: url('/images/filterselectarrow.png') no-repeat 96% 0; height: 29px; overflow: hidden; width: 200px; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #ccc;}
.filterselect select {color: #666; background: transparent; border: none; font-size: 14px; height: 29px; width: 268px; padding: 5px; /* If you add too much padding here, the options won't show in IE */}

.directory {}
.directory .searchinput {padding:10px; width:300px; font-size:15px; margin-bottom:5px;}
.directory input[type=submit] {font-size:15px; clear:left; padding:10px 20px; font-weight:bold; color:#fff; background:#666; border:0 none;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;}

.directoryform {background:#eee; padding:20px; max-width:700px; margin:0 auto; overflow:hidden;}
.directoryform h3 {font-size:20px; margin:0 0 10px 0;}
.directoryform p {font-size:14px;}
.directoryform table tr th, .directoryform table tr td {font-size:16px; padding:20px 40px 20px 0; vertical-align:middle;}
.directoryform input[type=text], .directoryform input[type=password] {font-size:16px; padding:10px; border-radius:3px; width:100%;}
.directoryform input[type=submit] {padding:10px 40px; font-weight:bold; font-size:18px; border-radius:3px; background:#ffb50d; border:0;}
.directoryform input[type=submit]:hover {background:#cc920a; border:0;}

table.list {width:100%; border-collapse:collapse; margin-bottom:30px;}
table.list tr th {padding:10px; color:#ccc; font-weight:normal; text-align:left; font-size:11px;}
table.list tr td {padding:10px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
table.list tr td a:link,
table.list tr td a:visited {text-decoration:none;}
table.list a {text-decoration:none; color:#666;}
table.list tr:hover td {background:#f7f7f7;}

table.form                  {border:0; padding:0; margin:10px 0 0 0;  border-collapse:collapse; width:100%;}
table.form tr               {vertical-align:middle;}
table.form tr td            {padding:10px 20px;}
table.form tr th            {padding:10px 20px 0; color:#666; text-align:left;}
table.form .divider         {padding:10px 5px 10px 10px; text-align:left; color:#333; border-top:1px solid #ccc; font-weight:bold;}
table.form cite             {font-weight:normal; font-style:normal; color:#999; font-size:10px;}
table.form p, table.form li {color:#666;}
table.form td>input         {padding:3px 5px; border:1px solid #999;}
table.form td>input:hover   {background:#ffe; border:1px solid #333;}
table.form input.short      {width:50px;}
table.form input.medium     {width:100px;}
table.form input.long       {width:450px;}
table.form textarea         {font-size:11px; padding:5px; font-family:Arial, Helvetica, sans-serif;}
table.form select           {padding:2px;}
table.form textarea.comments     {width:570px; height:70px;}

form.login {display:block; font-size:18px;}
form.login div {clear:left; padding:20px 0; display:block;}
form.login div label {width:200px; padding:5px 0; font-weight:bold; float:left; cursor:pointer;}
form.login input[type=text], form.login input[type=password] {float:left; margin-bottom:5px; border:1px solid #ccc; width:250px; padding:5px; border:2px solid #ccc;
-webkit-border-radius: 5px; border-radius: 5px;}
form.login input[type=submit] {font-size:15px; clear:left; padding:10px 20px; font-weight:bold; color:#fff; background:#666; border:0 none;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;}
form.login input[type=text]:focus {border-color:#333; }

.sitemap {}
.sitemap a {text-decoration:none;}
.sitemap li a {color:#666;}
.sitemap li.depth0>a {color:#000;}
.sitemap a:hover {color:#333;}

.content {padding:0; max-width:950px; width:100%; float:none; margin:0 auto;}
.content h2 {font-size:50px; line-height: 125%; margin-bottom:40px; color:#ffb50d; font-family:'big_johnregular', Arial, sans-serif;}
.content h3 {font-size:24px; margin:30px 0 20px 0; text-transform: uppercase; color:#58595b; font-family:'big_johnregular', Arial, sans-serif;}
.content p {font-size:18px; margin-bottom:20px; color:#000000;}
.content hr {margin:20px 0;}
.content ul {margin-bottom:30px; list-style:square; margin-left:40px;}
.content ul li, .content ol li {font-size:18px;}
.content p.snip {font-weight:300; color:#999; font-size:24px; border-bottom:1px solid #eee; margin-bottom:20px; padding-bottom:20px;}
.content a {text-decoration: underline;}

.divider {width:100%; min-height:7px; margin:40px 0 20px 0; background:url('/images/divider.png') no-repeat center center;}
.divider-bottom {width:100%; text-align:center; min-height:7px; margin:20px 0; background:url('/images/divider-bottom.png') no-repeat center center;}

.pagecontent {margin-left:200px;}

.content ol {margin-left:30px; list-style: decimal;}

.column {width:30%; float:left; margin-right:5%; padding:20px 0;}
.column h4 {font-size:20px; margin-bottom:15px; color:#595959; text-transform: uppercase;}
.column h5 {font-weight:bold; font-size:18px; margin-bottom:15px; color:#313131;}
.column p {font-size:16px; color:#595959; margin:0 0 10px 0;}
.column p a {color:#595959;}

table.events {width:100%; border-collapse:collapse;}
table.events tr th {text-align:left; font-weight:normal; padding:5px 20px; border-bottom:1px solid #eee;}
table.events tr td {padding:15px 20px; border-top:1px solid #eee; border-top:1px solid #eee; vertical-align:middle;}
table.events a {text-decoration: none;}
table.events tr:hover td {background:#f7f7f7;}

.subfooter {border-top:5px solid #666; margin-top:30px;}
.subfooter .column:last-child {margin-right:0;}

.home footer {display:none;}

footer {clear:both; padding:30px 0; width:90%; float:none; margin:0 auto;}
footer .column:last-child {margin-right:0;}
footer a {color:#666;}
footer .footerlogo {margin:20px auto; max-width:100px; display:block;}

.footernav {clear:left; font-size:0.00001px; vertical-align:top; text-align:center; z-index:5; width:100%; max-width:950px; padding:0; margin:0 auto; font-family:'big_johnregular', Arial, sans-serif; overflow:hidden;}
.footernav>ul {-webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;
    -webkit-column-fill: auto;  -moz-column-fill: balance; column-fill: auto;
    -moz-column-count: 5; -webkit-column-count: 5; column-count: 5;
    -webkit-margin-bottom-collapse: separate;}
.footernav>ul>li {padding-bottom:30px; overflow: hidden;
    -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid;}
.footernav ul li a {color:#333; display:block; font-size:14px; font-family:Roboto, Arial, sans-serif; font-weight:500; width:100%; text-align:center;
    padding:5px 0; margin:0; text-decoration:none; border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.footernav>ul>li>a {padding:10px 0 0 0; font-size:14px; text-transform:uppercase; font-family:'big_johnregular', Arial, sans-serif;}
.footernav ul li a:hover {color:#8a8c8e;}

.footernav .sitemap {display:none;}

footer .social {margin:45px 0 0 0; text-align:center;}
footer .social li {margin:0 10px; display:inline-block;}
footer .social a i {color:rgba(0, 0, 0, 0.8); font-size:15px; background:#ffaf0e; border-radius: 50%; padding:12px; opacity:0.8;}
footer .social a:hover i {opacity:1; color:rgba(0, 0, 0, 1);}

.footercolumns {display:block; width:100%; padding:30px 0; margin-top:30px; border-top:5px solid #666; overflow:hidden;}
.footercolumnsrest {width:70%; float:left;}
.footercolumn {display:inline-block; vertical-align:top; width:17%; margin-right:3%;}
.footercolumn ul {margin-top:15px;}
.footercolumn ul li {margin:4px 0;}
.footercolumn ul li i {color:#666; margin-right:10px;}
.footercolumn>ul>li:first-child>a {font-weight:bold;text-transform: uppercase; color:#000; text-decoration: none;}
.footercolumn ul li a {text-decoration:none; font-size:12px;}
.footercolumn ul li a:hover {color:#184d65;}
.footercolumnmain {width:25%; float:left; margin-right:3%;}
.footercolumnmain img {margin-bottom:20px;}

.final {clear:both; text-align:center; background:#fff; padding-bottom:30px; border-top:2px solid #eee;}
.final p {font-size:10px; margin:5px auto; color:#595959;}
.final p a {color:#595959;}
.final p span {margin:0 5px; color:#ccc;}
.final p.first {font-size:12px; margin-top:30px;}
.final p.credit {color:#ccc;}
.final p.footersocial {font-size:18px;}
.final a:hover {color:#000;}

.libraryfiles, .libraryfolders {clear:both; text-align:center; font-family:'big_johnregular', Arial, sans-serif; font-size:40px;}
.libraryfolders a.libraryfolder {float:left; background:no-repeat center center #666; color:#fff; text-decoration: none; display:block;
    background-size:cover; min-height:300px; padding:120px 15px 0 15px;text-shadow:0 0 10px #000;
     text-align:center; width:50%; height:auto;
    overflow:hidden;}
.libraryfolders a.libraryfolder:hover {opacity:0.9;}

.libraryfiles {width:100%; font-size:0.0000001px; vertical-align:top; margin:0; display:block;
    -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;
    -webkit-column-fill: auto; -moz-column-fill:balance; column-fill: auto;
    -moz-column-count: 3; -webkit-column-count: 3; column-count: 3;
    -webkit-margin-bottom-collapse: separate;}

.libraryfile {width:100%; display:inline-block; vertical-align:top; overflow: hidden;
    -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; margin-bottom:20px;}

.libraryfile img {width:100%; margin-bottom:7px;}
.libraryfile span {font-size:12px; font-weight:normal; text-decoration: none; font:14px/1.3 Roboto, Arial, sans-serif;}
.libraryfile a span {text-decoration: none;}

ul.librarycrumbs {list-style:none; max-width:950px; margin:0 auto; padding:0; text-indent:none; font-size:14px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0; margin-bottom:20px;}
ul.librarycrumbs li {display:inline-block; margin:0;}
ul.librarycrumbs li i {color:#999; margin:0 10px;}
ul.librarycrumbs li a {text-decoration: none;}
ul.librarycrumbs li a:hover {color:#333;}

.board-members { display: inline-block; width: 100%; }
.board-members tr:first-child td { padding-top: 0 !important; }
.board-members tr:last-child td { padding-bottom: 0 !important; }
.board-members tr td { padding: 20px 0px; display: inline-block; vertical-align: top; }
.board-members tr td:first-child { padding-right: 20px; width: 24%; }
.board-members tr td:last-child { width: 75%; }
.board-members tr td img { width: 100%; }
.board-members tr td h3 { margin: 0; margin-bottom: 20px; padding: 0; }
.board-members tr td p { font-size: 18px !important; padding: 0; }
@media all and (max-width: 768px) {
  .board-members tr td { width: 100% !important; display: block; }
  .board-members tr td img { width: auto; }
}

/* Media Queries ------------ */

@media all and (max-width: 1350px){
.container {max-width:90%;}
}

@media all and (max-width: 1100px){

header .navbar {background-image:url('/images/bg-nav-mobile.png'); background-position:0 3px;}
nav>ul>li ul {top:40px;}
header nav {margin-top:2px; margin-left:50px;}
nav>ul>li>a {font-size:13px;}
.section a h2 {font-size:80px;}
.sectioninner {margin-left:50px; margin-right:50px;}

}

@media all and (max-width: 950px){
nav>ul>li>a {padding-left:10px; padding-right:10px; font-size:12px;}
.hero h3 {font-size:40px;}
.column h4 {font-size:16px; margin-bottom:10px;}
.column h5 {font-size:15px; margin-bottom:10px;}
.column p {font-size:14px;}

.footernav>ul {-moz-column-count: 4; -webkit-column-count: 4; column-count: 4;}

.section a h2 {font-size:80px;}
.sectioninner {margin-left:30px; margin-right:30px;}

}

@media all and (max-width: 850px){

.home header {position:absolute;}

nav>ul ul li a {padding:10px 10px;}
nav>ul>li.extraneous {display:none;}
nav .burger, nav .burger a, nav .burger a i {display:inline-block;}
.contactcolumns {width:100%; float:none; clear:both; padding:0 40px;}
.contactform {display:none;}
.libraryfolders a.libraryfolder {font-size:20px;}
#fp-nav.right {display:none;}

.footernav>ul {-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;}

}

@media all and (max-height: 900px){
.section a h2 {font-size:70px; margin-bottom:20px;}
.sectioninner .largeicon img {max-width:110px; margin-right:25px;}
.sectioninner>a>p {font-size:20px;}
.contactcolumn img {display:none;}
.sectioncontact .sectioninner {padding-top:0;}
.headerouter ul.social {display:none;}
}

@media all and (max-height: 700px){
.contactcolumn img {display:none;}
.sectioncontact .sectioninner {padding-top:0;}
.headerouter ul.social {display:none;}

.stickit {position:absolute; top:auto; left:auto; background:none;}
/*.contactform {display:none;}*/
header {position:absolute; top:auto; left:auto;}
.home header {position:fixed; top:0; left:0;}
p.frontintro {display:none;}

}

@media all and (max-height: 600px){
.section a h2 {font-size:40px; margin-bottom:20px;}
.sectioninner .largeicon img {max-width:80px; margin-right:25px;}
.sectioninner>a>p {font-size:15px;}
.contactform {display:none;}
#frontvideo {display:none;}
}

@media all and (max-width: 700px) {

header h1 {width:250px;}
nav>ul>li {display:none;}
nav .extraneous {display:none;}

.section {border-left:0; border-right:0;}

.stick {display:none;}
.footercolumnmain {width:100%; margin:0;}
.subnav {float:none; clear:both; width:100%; margin-top:30px;}
.content {width:100%;}

.contactcolumns, .contactform {display:none;}
.contactmobile {display:inline;}

.footernav>ul>li>a {font-size:12px;}

.section a h2 {font-size:50px; margin-bottom:20px;}
.sectioninner .largeicon {float:none; width:100%; text-align:center; display:none;}
.sectioninner .largeicon img {max-width:100px; margin-right:25px;}
.sectioninner>a>p {clear:both; float:none; width:100%; border:0; max-width:100%; padding:10px 20px 0 0; font-size:25px;}

.libraryfiles {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}

table.tenantsdirectory th, table td p {font-size: 12px !important; padding: 10px;}

.content .cats {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}

.social {display:none;}
p.frontintro {bottom:70px; margin-right:40px;}

}

@media all and (max-width: 500px) {
header h1 {margin-top:10px; margin-left:-20px;}
.headerouter {min-height:300px;}
.headerouter ul.social {display:none;}
.headerouter .nub {top:269px;}
.section a h2 {font-size:35px; margin-bottom:10px;}
.sectioninner>a>p {font-size:22px;}
.sectionfunding {border-width:10px;}
.sectionadelaidestudios {border-width:10px;}


p.frontintro {display:none;}
#frontvideo {display:none;}
.home ul.social {left:0; display:none;}

.content .cats {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
.libraryfiles {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
.libraryfolders a.libraryfolder {width:100%;}

.footernav>ul {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}

}
