/*
Theme Name: RUNWAY
Theme URI: http://teamtreehouse.com/wordpress-bootstrap-theme-tutorial
Description: RUNWAY - Australian Experimental Art - Wordpress theme - built with bootstrap
Author: Andrew Robards
Author URI: http://andrewrobards.com/
Version: 1.6
Tags: responsive, white, bootstrap

*/

@import url('bootstrap/css/bootstrap.css'); 
@import url('bootstrap/css/bootstrap-responsive.css');

@font-face {
    font-family: 'LaneNarrow';
    src: url('fonts/LANENAR-webfont.eot');
    src: url('fonts/LANENAR-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/LANENAR-webfont.woff') format('woff'),
         url('fonts/LANENAR-webfont.ttf') format('truetype'),
         url('fonts/LANENAR-webfont.svg#LaneNarrow') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'alte_haas_groteskbold';
    src: url('fonts/altehaasgroteskbold-webfont.eot');
    src: url('fonts/altehaasgroteskbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/altehaasgroteskbold-webfont.woff') format('woff'),
         url('fonts/altehaasgroteskbold-webfont.ttf') format('truetype'),
         url('fonts/altehaasgroteskbold-webfont.svg#alte_haas_groteskbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'alte_haas_groteskregular';
    src: url('fonts/altehaasgroteskregular-webfont.eot');
    src: url('fonts/altehaasgroteskregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/altehaasgroteskregular-webfont.woff') format('woff'),
         url('fonts/altehaasgroteskregular-webfont.ttf') format('truetype'),
         url('fonts/altehaasgroteskregular-webfont.svg#alte_haas_groteskregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.wp-caption { max-width: 100% !important; }

.psp-active {
    max-height: 100% !important;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
 
body { 
     padding-top: 10px; 
     padding-bottom: 0px; 
}

footer{
	text-align: center;
	margin-top: 20px;
	border-top: 1px solid #E6E7E8;
	min-height: 100px;
  	xbackground-color: #E6E7E8;
  	position: relative;
	}
	
footer p{
	padding-top: 32px;
	color: #E6E7E8;
	}
	
.footer_logo {
	xposition: absolute;
	xtop: 15px;
	xright: 15px;
	padding-top: 20px;
	float:right;
	}
	
a:link, a:hover, a:visited, a:active {
	xtext-decoration: underline;
	}
	
p a:link, p a:hover, p a:visited, p a:active {
	text-decoration: underline;
	}
	
	* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	}

.hero_bg{
    position:absolute;
    top: 0px;
    left:0px;
    width:100%;
    height:100%;
    xmax-height:629px;
    overflow: hidden;
    z-index:-1;
    
}

#hero_text {
    z-index:2000;
    width: 32.5%;
    margin-left:67.5%;
    xmargin-top:25px;
    xmargin-bottom:25px;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    color: white;
    
    /* default fallback */
background: rgb(0, 0, 0) transparent;
/* nice browsers */
background: rgba(0, 0, 0, 0.7);
/* IE 6/7 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
/* IE8 */    
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000)";

          
          padding:25px;
}

#hero_text h1{
    font-size: 18px;
    padding-top:35px;
}
#hero_text p{
    font-size: 12px;
    xpadding-bottom:35px;
    line-height:1.2em ;
}

#hero_text a, #hero_text a:link, #hero_text a:active, #hero_text a:hover, #hero_text a:visited { color: white;}

	
.art_thumb img{
    padding-bottom: 10px;
}

.inline_heading{
    display:inline-block;
}

.dot {
    position: absolute;
    top:-110px;
    right: -40px;
    width:170px;
    height:170px;
    -webkit-border-radius: 85px;
     -moz-border-radius: 85px;
          border-radius: 85px;
    text-align: center;
    color: #fff;
    font-family: alte_haas_groteskbold, helvetica, sans-serif;
    text-transform: uppercase;
    
}

.dot p{ 
    padding-top:35px;
    font-size:36px !important;
    }
    
#hero_text .dot p{
    line-height:1.5em ;
}

.dot .number{
    font-size:64px;
    line-height:30px;
    
}

.dot a:link, .dot a:hover, .dot a:active, .dot a:visited {
    text-decoration: none;
}

/*------------------------------------------------------- SOCIAL BUTTONS ---------------*/

#social_btns {
  xheight: 60%;
  xtext-align: justify;
  font-size: 0.1px; /* IE 9/10 don't like font-size: 0; */
  min-width: 200px;
}
#social_btns span {
  width: 50px;
  height: 50px;
  padding: 1px 2px;
  display: inline-block;
}
#social_btns:after {
  content: '';
  width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
  display: inline-block;
  height: 1px;
}

.dot-social {
    width: 50px;
    height: 50px;
    display:inline-block;
    -webkit-border-radius: 25px;
     -moz-border-radius: 25px;
          border-radius: 25px;
    
}

input[type="submit"]{
    text-transform: uppercase;
    padding: 5px;
    xmargin-top: -8px;
    xmargin-right: 8px;
    width:30%;
    xfloat:right;
    
}

input[type="text"], input[type="email"]{
    width:60%;
    xfloat:left;
}

.align_right{text-align:right !important;}

.alignleft{float:left;}
.alignright{float:right;}
.aligncenter{margin:0 auto; display: block;}

.current_page_item, b{ font-weight: bold;}

i {font-style: italic;}

.portrait_img{ padding-bottom:15px;}

.dark_font {color:#999;}

.single_article{
	margin-bottom:25px;}
	
.archive-box { min-height: 270px;}

.home_cell { margin-bottom:30px; xmin-height: 150px; position: relative;}

.search-cell, .art-cell, .article-cell { position: relative;}

.home_cell h1, .home_cell h2, .home_cell h3, .home_cell h4, .home_cell h5, .home_cell h6 {

padding-bottom: 0px;
margin: 5px 0;

}

.bio_img {margin-bottom: 25px;}

.author_title{font-size:14px; padding-right: 10px;}

.category-archive-meta{ padding-bottom:10px;}

.custom-meta{ font-style: italic; font-size:11px;}

.excerpt_box{padding-bottom:10px;}

.soon{

  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

  filter: alpha(opacity=30);

  opacity: 0.3;
}

.bgIMG {
position: absolute;
z-index: -1000;

/* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

h2.fund_hero { font-size: 7.5em;}
/*-------------------------------------------------------------------------------------- CUSTOM ISSUE STYLES -------------*/

/*------------------------------------------------------------------------- USELESS STYLES -------------*/

#useless_frame { 
    width: 100% !important;
    height: 100% !important;
    overflow: auto !important;
}

#useless_container { 
    width: 8600px !important;
    height: 433px !important;
    display:block !important;
}

.useless_image { 
    width: 100% !important;
    max-width: 538px !important;
    float:left !important;
    display:inline-block !important;
    padding-right: 25px;
}

.useless_text { 
    width: 100% !important;
    max-width: 300px !important;
    float:left !important;
    display:inline-block !important;
    padding-right: 25px;
}

/* -----------------------------------

Responsive video iframes

------------------------------------- */

.embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: 
    hidden; max-width: 100%; 
    } 
    
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    }

/* -----------------------------------

Text colours issue 30

------------------------------------- */

.black-text {color: black;}

.light-text {color:#ccc;}

.spacer-text{ display:inline-block; width: 80px;}

/* -------------------------------- 

ANIMATIONS

-------------------------------- */

@keyframes flickerAnimation {
  0%   { opacity:.6; }
  50%  { opacity:0; }
  100% { opacity:.6; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:.6; }
  50%  { opacity:0; }
  100% { opacity:.6; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:.6; }
  50%  { opacity:0; }
  100% { opacity:.6; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:.6; }
  50%  { opacity:0; }
  100% { opacity:.6; }
}
.animate-flicker {
   -webkit-animation: flickerAnimation 4s infinite;
   -moz-animation: flickerAnimation 4s infinite;
   -o-animation: flickerAnimation 4s infinite;
    animation: flickerAnimation 4s infinite;
}

#slideshow { margin: 0px auto;position: relative;width: 100%;max-width: 480px;height:100%; min-height: 616px;overflow:hidden;}
#slideshow img {width: 100%;height: auto;}
#slideshow > div { position: absolute; left: 0px; top: 0px;}

@media only screen and (max-width: 480px){
    #slideshow {
        height:0px; 
        min-height: 0px;
        padding-bottom: 128.3%;
        
    }
    
    }
    
.art-para {
    margin: 10px 0 0 0;
}

/* -----------------------------------

HANDWRITING FONTS

------------------------------------- */

.handwriting1 {font-family: 'Gloria Hallelujah', cursive; font-size: 200%; font-weight: bold; text-transform: uppercase;}

.handwriting2 {font-family: 'Shadows Into Light', cursive; font-size: 200%;}

/* -----------------------------------

PDF EMBEDDER

------------------------------------- */

.pdfemb-poweredby {display: none;}

/*------------------------------------------------------------------------- 24 STYLES -------------*/

.issue-24 a:link, .issue-24 a:visited, .issue-24 a:active { 
    color:#2C639C;
    }
    
.issue-24 a, .issue-24 a:hover, .issue-24 a:link, .issue-24 a:visited, .issue-24 a:active { 
    color:#2C639C;
    }
.bg-issue-24 {
    background-color:#2C639C;
    color: #fff;
    }
.highlight_24{
    background-color:#2C639C;
}

.hero_24 {
    height: 100%;
    max-height: 564px;
    overflow: hidden;
}

.span2.bio-img img {
    margin-bottom: 20px;
}

/*------------------------------------------------------------------ 23 STYLES -------------*/


.issue-0 a:hover, .issue-23 a:link, .issue-23 a:visited, .issue-23 a:active { 
    color:#333;
    }
.bg-issue-0 {
    background-color:#444;
    color: #fff;
    }
    
.issue-23 a, .issue-23 a:hover, .issue-23 a:link, .issue-23 a:visited, .issue-23 a:active { 
    color:#339999;
    }
.bg-issue-23 {
    background-color:#339999;
    color: #fff;
    }
.highlight_23{
    background-color:#339999;
}

.hero_23 {
    height: 100%;
    max-height: 627px;
    overflow: hidden;
}

/*------------------------------------------------------------------------- 14 STYLES -------------*/

.issue-14 a:link, .issue-14 a:visited, .issue-14 a:active { 
    color:#ffcc66;
    }
    
.issue-14 a, .issue-14 a:hover, .issue-14 a:link, .issue-14 a:visited, .issue-14 a:active { 
    color:#ffcc66;
    }
.bg-issue-14 {
    background-color:#ffcc66;
    color: #fff;
    }
.highlight_14{
    background-color:#ffcc66;
}

.hero_14 {
    height: 100%;
    max-height: 629px;
    overflow: hidden;
}

/*------------------------------------------------------------------------- 15 STYLES -------------*/

.issue-15 a:link, .issue-15 a:visited, .issue-15 a:active { 
    color:#eb7d23;
    }
    
.issue-15 a, .issue-15 a:hover, .issue-15 a:link, .issue-15 a:visited, .issue-15 a:active { 
    color:#eb7d23;
    }
.bg-issue-15 {
    background-color:#eb7d23;
    color: #fff;
    }
.highlight_15{
    background-color:#eb7d23;
}

.hero_15 {
    height: 100%;
    max-height: 674px;
    xoverflow: hidden;
}

/*------------------------------------------------------------------------- 25 STYLES -------------*/

.issue-25 a:link, .issue-25 a:visited, .issue-25 a:active { 
    color:#39ab49;
    }
    
.issue-25 a, .issue-25 a:hover, .issue-25 a:link, .issue-25 a:visited, .issue-25 a:active { 
    color:#39ab49;
    }
.bg-issue-25 {
    background-color:#39ab49;
    color: #fff;
    }
.highlight_25{
    background-color:#39ab49;
}

.hero_25 {
    height: 100%;
    max-height: 674px;
    xoverflow: hidden;
}

/*------------------------------------------------------------------------- 26 STYLES -------------*/

.issue-26 a:link, .issue-26 a:visited, .issue-26 a:active { 
    color:#7f3f98;
    }
    
.issue-26 a, .issue-26 a:hover, .issue-26 a:link, .issue-26 a:visited, .issue-26 a:active { 
    color:#7f3f98;
    }
.bg-issue-26 {
    background-color:#7f3f98;
    color: #fff;
    }
.highlight_26{
    background-color:#7f3f98;
}

.hero_26 {
    height: 100%;
    max-height: 600px;
    xoverflow: hidden;
}

/*------------------------------------------------------------------------- 20 STYLES -------------*/

.issue-20 a:link, .issue-20 a:visited, .issue-20 a:active { 
    color:#cc9999;
    }
    
.issue-20 a, .issue-20 a:hover, .issue-20 a:link, .issue-20 a:visited, .issue-20 a:active { 
    color:#cc9999;
    }
.bg-issue-20 {
    background-color:#cc9999;
    color: #fff;
    }
.highlight_20{
    background-color:#cc9999;
}

.hero_20 {
    height: 100%;
    max-height: 800px;
    xoverflow: hidden;
}

/*------------------------------------------------------------------------- 27 STYLES -------------*/

.issue-27 a:link, .issue-27 a:visited, .issue-27 a:active { 
    color:#c74e24;
    }
    
.issue-27 a, .issue-27 a:hover, .issue-27 a:link, .issue-27 a:visited, .issue-27 a:active { 
    color:#c74e24;
    }
.bg-issue-27 {
    background-color:#c74e24;
    color: #fff;
    }
.highlight_27{
    background-color:#c74e24;
}

.hero_27 {
    height: 100%;
    max-height: 800px;
    xoverflow: hidden;
}

/*------------------------------------------------------------------------- 28 STYLES -------------*/

.issue-28 a:link, .issue-28 a:visited, .issue-28 a:active { 
    color:#9eb3b6;
    }
    
.issue-28 a, .issue-28 a:hover, .issue-28 a:link, .issue-28 a:visited, .issue-28 a:active { 
    color:#9eb3b6;
    }
.bg-issue-28 {
    background-color:#9eb3b6;
    color: #fff;
    }
.highlight_28{
    background-color:#9eb3b6;
}

.hero_28 {
    height: 100%;
    max-height: 800px;
    xoverflow: hidden;
}

/*------------------------------------------------------------------------- 19 STYLES -------------*/

.issue-19 a:link, .issue-19 a:visited, .issue-19 a:active { 
    color:#bf512c;
    }
    
.issue-19 a, .issue-19 a:hover, .issue-19 a:link, .issue-19 a:visited, .issue-19 a:active { 
    color:#bf512c;
    }
.bg-issue-19 {
    background-color:#bf512c;
    color: #fff;
    }
.highlight_19{
    background-color:#bf512c;
}

.hero_19 {
    height: 100%;
    max-height: 800px;
    xoverflow: hidden;
}

/*------------------------------------------------------------------------- 29 STYLES -------------*/

.issue-29 a:link, .issue-29 a:visited, .issue-29 a:active { 
    color:#cc9086;
    }
    
.issue-29 a, .issue-29 a:hover, .issue-29 a:link, .issue-29 a:visited, .issue-29 a:active { 
    color:#cc9086;
    }
.bg-issue-29 {
    background-color:#cc9086;
    color: #fff;
    }
.highlight_29{
    background-color:#cc9086;
}

.hero_29 {
    height: 100%;
    max-height: 800px;
    xoverflow: hidden;
}

/*------------------------------------------------------------------------- 13 STYLES -------------*/

.issue-13 a:link, .issue-13 a:visited, .issue-13 a:active { 
    color:#a23d65;
    }
    
.issue-13 a, .issue-13 a:hover, .issue-13 a:link, .issue-13 a:visited, .issue-13 a:active { 
    color:#a23d65;
    }
.bg-issue-13 {
    background-color:#a23d65;
    color: #fff;
    }
.highlight_13{
    background-color:#a23d65;
}

.hero_13 {
    height: 100%;
    max-height: 800px;
    xoverflow: hidden;
}

.animation-container {
    position: relative;
    padding-bottom: 56.46%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

iframe.edge-full-29 {
    position: absolute;
    top:0;
    left: 0;
    xwidth: 100%;
    xheight: 100%;
    min-width: 100%;
    width: 10px;
    height: 100%;
}

/*------------------------------------------------------------------------- 30 STYLES -------------*/

.issue-30 a:link, .issue-30 a:visited, .issue-30 a:active { 
    color:#056839;
    }
    
.issue-30 a, .issue-30 a:hover, .issue-30 a:link, .issue-30 a:visited, .issue-30 a:active { 
    color:#056839;
    }
.bg-issue-30 {
    background-color:#056839;
    color: #fff;
    }
.highlight_30{
    background-color:#056839;
}

.bg-issue-SAFARI {background-image:url(http://runway.org.au/30/button/runway/bird.gif);color: #fff;}

.hero_30 {
    max-height: 800px;
    xoverflow: hidden;
}

/*------------------------------------------------------------------------- 18 STYLES -------------*/

.issue-18 a:link, .issue-18 a:visited, .issue-18 a:active { 
    color:#91b6a0;
    }
    
.issue-18 a, .issue-18 a:hover, .issue-18 a:link, .issue-18 a:visited, .issue-18 a:active { 
    color:#91b6a0;
    }
.bg-issue-18 {
    background-color:#91b6a0;
    color: #fff;
    }
.highlight_18{
    background-color:#91b6a0;
}

.hero_18 {
    max-height: 800px;
    xoverflow: hidden;
}

/*------------------------------------------------------------------------- 31 STYLES -------------*/

.issue-31 a:link, .issue-31 a:visited, .issue-31 a:active { 
    color:#f19202;
    }
    
.issue-31 a, .issue-31 a:hover, .issue-31 a:link, .issue-31 a:visited, .issue-31 a:active { 
    color:#f19202;
    }
.bg-issue-31 {
    background-color:#f19202;
    color: #fff;
    }
.31 {
    background-color:#f19202;
}

.hero_31 {
    max-height: 658px;
    xoverflow: hidden;
}

/*------------------------------------------------------------------------- 22 STYLES -------------*/

.issue-22 a:link, .issue-22 a:visited, .issue-22 a:active { 
    color:rgba(247, 189, 102, 1);
    }
    
.issue-22 a, .issue-22 a:hover, .issue-22 a:link, .issue-22 a:visited, .issue-22 a:active { 
    color:rgba(247, 189, 102, 1);
    }
.bg-issue-22 {
    background-color:rgba(247, 189, 102, 1);
    color: #fff;
    }

.hero_22 {
    max-height: 658px;
    xoverflow: hidden;
}

/*------------------------------------------------------------------------- 32 STYLES -------------*/

.issue-32 a:link, .issue-32 a:visited, .issue-32 a:active { 
    color:#f1463c;
    }
    
.issue-32 a, .issue-32 a:hover, .issue-32 a:link, .issue-32 a:visited, .issue-32 a:active { 
    color:#f1463c;
    }
.bg-issue-32 {
    background-color:#f1463c;
    color:#fff;
    }

.hero_32 {
    max-height: 658px;
    xoverflow: hidden;
}

#hero_text.hero_32 {
    xbackground: transparent;
}

/*------------------------------------------------------------------------- 33 STYLES -------------*/

issue-33 a:link, .issue-33 a:visited, .issue-33 a:active { 
    color:#000;
    }
    
.issue-33 a, .issue-33 a:hover, .issue-33 a:link, .issue-33 a:visited, .issue-33 a:active { 
    color:#000;
    }
.bg-issue-33 {
    background-color:#000;
    color:#fff;
    }

.hero_33 {
    max-height: 658px;
    xoverflow: hidden;
}

.names-img {
    vertical-align:bottom;
    max-width: 75px;
    height: auto;
}

.one-third-33 {
    float: left;
    width: 30%;
    padding: 5px;
}

.one-third-33 img, .one-third-33 a:link {
    padding: 10px 0px;
}

strong.name {
    padding-right: 20px;
}

.scene1 p, .scene2 p, .scene3 p {
    margin-top:40px;
}

.scene1-link , .scene2-link, .scene3-link {
    text-decoration: underline !important;
}

.wp-image-7619, .scene1-link, .wp-image-7912, .scene2-link, .wp-image-7880, .scene3-link, .silos-next {
    cursor: pointer;
}

.scene1, .scene2, .scene3 {
    display: none;
}

/*------------------------------------------------------------------------- 34 STYLES -------------*/

.issue-34 a:link, .issue-34 a:visited, .issue-34 a:active { 
    color:#fcf103;
    }
    
.issue-34 a, .issue-34 a:hover, .issue-34 a:link, .issue-34 a:visited, .issue-34 a:active { 
    color:#fcf103;
    }
.bg-issue-34 {
    background-color:#fcf103;
    color:#fff;
    }

.hero_34 {
    max-height: 658px;
    xoverflow: hidden;
}

/*------------------------------------------------------------------------- 35 STYLES -------------*/

.issue-35 a:link, .issue-35 a:visited, .issue-35 a:active { 
    color:#339999;
    }
    
.issue-35 a, .issue-35 a:hover, .issue-35 a:link, .issue-35 a:visited, .issue-35 a:active { 
    color:#339999;
    }
.bg-issue-35 {
    background-color:#339999;
    color:#fff;
    }

.hero_35 {
    max-height: 658px;
    xoverflow: hidden;
}