/* This file will hold styles that are loaded using the same media query as the narrow grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the normal and widescreen layouts. You may override these styles in the normal 
 *  and widescreen CSS files as appropriate. */

 /*
 body::before {
	content:"NARROW";
	z-index:999999999;
	position:fixed;
	top:0;
	left:50%;
	background-color:blue;
	color:#fff;
	padding:5px 20px;
}
*/

#section-content {
	padding-top: 200px;
	
}

#zone-user-wrapper {
   position: fixed;
}
#zone-branding-wrapper {
   position: fixed;
}

#zone-header-wrapper {
	padding-top:130px !important;
	width:100%;
}

#zone-header-wrapper {
	margin-top:30px;
}

#region-branding #site-logo {
	position:absolute;
	top:-15px;
	z-index:1;
}

#region-branding #site-logo img{
	width:120px;
	height:auto;
	transition: all 0.5s ease-in-out;	
}

#region-user-second .header-title.inline{
	display:inline-block; 
}

.homepage.block.sub-feature {
    width: 100%;
    padding: 50px 0;
    background-color: #fff;
    display: flex;
    justify-content: center;
    flex-direction: row;
}

.homepage.block.sub-feature .sub-feature-item {
    width: 30vw;
    margin: 10px;
}

.homepage.block.news-media .content  .view-content{
  display: flex;
  justify-content: center;
  flex-direction: row;
}

.homepage.block.news-media .sub-feature-item {
	width:30vw;
	margin:10px;
}

.homepage.block.news-media h3{
	text-align: left;
}

.front .event-item {
    width: 43vw;
    height: auto;
    float: left;
    margin: 10px;
    overflow: hidden;
    font-family: Varela, sans-serif;
}

.center-h {
  display: flex;
  justify-content: center;
}

.footer1, 
.footer2,
.footer3 {
	width: 28vw;
	margin: 1vw;
}

.node-type-level-2-page .page-header-block{
	min-height: 350px;
}

#zone-header-wrapper {
	min-height:250px;
}

.member-item {
    width: 47%;
    float: left;
    margin: 5px;
    height: 250px;
    overflow: hidden;
}

.event-item {
	width: 47%;	
}

.winner-item {
	width: 48%;
	float:left;
	margin: 5px;
	height: auto;
	overflow: hidden;
	padding-bottom:20px;
}

.poster-item {
	width: 30%;
	padding-bottom:0px;
}

.news-view-block .news-item  .news-item-hero {
	width:33%;
	height:auto;
	float:left;
	overflow: hidden;
	text-align:left;
}

.news-view-block .news-item .news-item-blurb {
	float:right;
	width:63%;
}

.node-type-event .group-event-details {
	width:30%;
	border-radius: 15px;
	background-color: #ccebe6;
	text-align:left;
	float: left;
	padding:15px;
	overflow: hidden !important;
}

.node-type-event .group-event-about {
	width:60%;
	border-radius: 15px;
	background-color: #ccebe6;
	text-align:left;
	float:right;
	padding:15px;
	margin-top: 0;
}


.node-type-event .page-header-block{
	min-height: 350px;

}

#region-branding #site-logo.scrolled img{
	width:120px;
	height:auto;
}

#zone-branding-wrapper.scrolled {
	height:50px !important;
}

.front #section-content {
	padding-top: 130px;
}

.footer1, 
.footer2,
.footer3 {
	width:90vw;
	text-align: left;
}
.footer1 h3,
.footer1 ul  {
	padding-left:10px;
}

.footer2 {
	text-align: center;
}


/* ======================================= */
/* 			  SUPERFISH MENU               */	
/* ======================================= */
#superfish-1 {
	float: right;
	font-family: "Fira Sans", sans-serif;
	font-weight:300;
	font-size:0.85em;
	text-transform: uppercase;
}

#region-menu {
	margin-top:32px;
}

.not-front.page-node .section-content .field-name-body img {
	border-radius:35px;
	padding:20px;
	width:100%;
	height:auto;
	width:50%;
	height:auto;
}


.width-10{
	width:10% !important;
}
.width-20{
	width:20% !important;
}
.width-30{
	width:30% !important;
}
.width-40{
	width:40% !important;
}
.width-50{
	width:50% !important;
}
.width-60{
	width:60% !important;
}


/* NAIDOC Committee Expression of Interest Webform - START */
.webform-eoi input,
.webform-eoi select {
	width:auto;
}


/* NAIDOC Committee Expression of Interest Webform - END */
.node-type-photo-gallery-item .view-photo-gallery .omega .phi-fields,
.node-type-photo-gallery-item .view-photo-gallery-item .omega .phi-fields {
	padding-left: 32px;
}