/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */


/* @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');*/
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,600,700|Varela');


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

body, p, div, li, th, td {
	font-family: Varela, sans-serif;
	
}

h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0;
}

h1{
	font-family: Varela, sans-serif;
}

h2{
	font-family: Varela, sans-serif;
}

h3{
	font-family: Varela, sans-serif;
}

h4{
	font-family: Varela, sans-serif;
	
}

h5{
	font-family: Varela, sans-serif;
}

h6{
	font-family: Varela, sans-serif;
}


h1.feature-font {
	font-size:2em;
	font-family:'ar_christyregular', serif;
}	


.stylised {
	font-family:'ar_christyregular', serif;
}
img.responsive {
	width:100%;
	height:auto;
}

.clearboth {
	clear:both;
}

#block-easy-breadcrumb-easy-breadcrumb {
	padding:20px 0;
}

a.readmore {
	display:inline-block;
	text-decoration: none !important;
	text-transform: uppercase;
	color: #fff;
	border-radius: 15px;
	padding: 5px 50px 5px 20px;
	background-color: #00907d;

	background-image: url("../images/arrow-white.png");
	background-position: 88% 50%;
	background-repeat: no-repeat;
	transition: all 0.25s ease-in-out;
	
}
a.readmore:hover {
	background-position: 93% 50%;
}


a.readmore.teal {
	background-image: url("../images/arrow-white.png");
	background-color: #00907d;
	color: #fff;
}
a.readmore.yellow {
	background-image: url("../images/arrow-black.png");
	background-color: #ffcf30;
	color: #000;
}
a.readmore.red {
	background-image: url("../images/arrow-white.png");
	background-color: #e03a2d;
	color: #fff;
}
a.readmore.blue {
	background-image: url("../images/arrow-white.png");
	background-color: #00609c;
	color: #fff;
}

a:focus { outline: thin dotted; }

/* ========================================*/
/*  BUTTON OVERRIDES 		*/
/* ========================================*/

button, input[type="reset"], input[type="submit"], input[type="button"] {
    border-radius: 15px;
	border:0;
    background: #00649d;
    cursor: pointer;
    color: #fff;
    outline: none;
    overflow: visible;
    padding: 8px 20px;
    text-shadow: none;
    width: auto;
	text-transform: uppercase;	
	transition: all 0.25s ease-in-out;
	
	margin-top: 2em !important;
	
}

textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #00649d;
    color: #333;
    outline: 0;
    padding: 2px 3px;
    font-size: 1.0em;
	font-family: Varela, sans-serif;
    height: 33px;
}

.form-actions input:hover {
       background: #00907d;
}


/* ========================================*/
/* 			  HEADER SECTION               */	
/* ======================================= */
#section-header {
/*
    position: fixed;
	top: 0;
    z-index: 100;
    width: 100%;
*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  

}

#zone-user-wrapper {
	top: 0;
    z-index: 100;
    width: 100%;
}

#zone-branding-wrapper {
   top:40px;
    z-index: 101;
    width: 100%;
}

#zone-header-wrapper {

	width:100%;
	
}

#section-content {
	font-size:1.2em;
	padding-top: 0;
	
}


.node-type-level-2-page #section-content,
.node-type-page #section-content,
.node-type-event #section-content,
.node-type-media-release #section-content{
	padding-top: 15px;
}

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



/* ========================================*/
/*	      REGION USER SECOND - TOP BLUE    */	
/* ======================================= */
#region-user-second .inline {
	display:inline-block;
}

#region-user-second .header-title {
	padding:0 20px;
}

/* ========================================*/
/* 			  SOCIAL HEADER                */	
/* ======================================= */
#region-user-second .header-social {
	padding:0 20px;

}
.header-social img{
	height:22px;
	width:auto;

}

/* ========================================*/
/* 			  SEARCH HEADER                */	
/* ======================================= */
#region-user-second .header-search {
	padding:0 10px;

}


.header-search.inline {
    height: 20px;

}
.header-search.inline img{
	height:20px;
	width:auto;
}
#edit-search-block-form--2 {
	height:20px;
}


#block-custom-search-blocks-1 {
    display: none;
    background-color: rgba(255, 255, 255, 0.85);
    height: 100vh;
    left: 0;
    padding-top: 60vh;
    position: fixed;
    text-align: center;
    top: -20vh;
    z-index: 500;
    margin-left: -11vw;
    width: 120vw;

	
}

#search-close {
	
    display: inline-block;
    position: relative;
    right: 0;
    top: -30px;
	cursor:pointer;
	
}
#search-close img{
	width:32px;
	height:auto;

}



/* ========================================*/
/* 			  UNDERLINE EFFECT             */	
/* ======================================= */

/*effect-underline*/
a.effect-underline:after
{
	content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  height: 1em;
  width: 100%;
  border-bottom: 1px solid;
  margin-top: 10px;
  opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

a.effect-underline:hover:after
{
  opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


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

.sf-menu.sf-style-space li, .sf-menu.sf-style-space li li, .sf-menu.sf-style-space li li li, .sf-menu.sf-style-space.sf-navbar {
    background: #000;
}

.sf-menu.sf-style-space a, .sf-menu.sf-style-space span.nolink {
    border: none;
	text-decoration:none;
}

.sf-menu.sf-style-space li:hover, .sf-menu.sf-style-space li.sfHover, .sf-menu.sf-style-space a:focus, .sf-menu.sf-style-space a:hover, .sf-menu.sf-style-space a:active, .sf-menu.sf-style-space span.nolink:hover, .sf-menu.sf-style-space.sf-navbar li li {
    background: #00649d;
}

/* ========================================== */
/*	 VIEWS FULL PAGER OVERRIDES 			  */
/* ========================================== */
.item-list .pager {
    padding-top: 40px;
}

.pager {
    background: #fff;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.pager li {
    border-right:1px solid #00649D;
    color: #333;
    font-family: Varela, sans-serif;
	font-weight:300;
    outline: 1px;
}

.pager li a {
    background: #fff;
    cursor: pointer;
}

.pager li.pager-current {
    background: #00649D;
    color: #fff;
    outline: 1px;
}

.pager li a:hover {
    background: #efefef;
    color: #000;
}

.pager li.pager-next {
    border-left: 1px solid #00649D;
    border-right: 1px solid #00649D;	
}

.pager li.pager-first a, .pager li.pager-previous a, .pager li.pager-next a, .pager li.pager-last a {
    width: 65px;
    text-align: center;
    padding: 4px 0;
}
.pager li.pager-next {
    position: absolute;
    top: 0;
    right: 70px;
}




/* ======================================= */
/* 			  TOP USER ZONE                */	
/* ======================================= */
#zone-user-wrapper {
	background: #00649d;
	color:#fff;
	height:40px; /* Top blue strip */
	overflow: hidden;	
}

#region-user-second {
    text-align: right;
	padding-top:10px;
} 


/* ======================================= */
/* 			  BRANDING ZONE                */	
/* ======================================= */
#zone-branding-wrapper {
	background:#000;
	color:#fff;
	height:90px;
	transition: all 0.5s ease-in-out;		
}


#zone-branding {
	height:100%;
}
#region-branding {
	position:relative;
}

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

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




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

/* MENU */
#zone-branding.container-12 .grid-9 {
    width: 100%;
}

#region-menu {
	text-align:right;
	margin-top:23px;
	transition: all 0.5s ease-in-out;		
}

#region-menu.scrolled {

	margin-top:3px;
}



#main-menu li,
#main-menu li a{
	font-family: "Fira Sans", sans-serif;
	font-weight:300;
	font-size:1.3em;
	text-transform: uppercase;
	color:#fff;
	text-decoration: none;
	
}
/* ======================================= */
/* 			    FOOTER ZONE                */	
/* ======================================= */

#zone-footer.container-12 {
	width:100%;
}

#section-footer {
    padding-top: 100px;
}


.front #section-footer {
    padding-top:0;
}

#zone-footer-wrapper {
	background-image: url("../images/footer-bg-left.png"), url("../images/footer-bg-right.png");
	background-position: left top, right top;
	background-repeat: no-repeat, no-repeat;
	background-size: 20% auto, 20% auto;
	background-color: #00649d;
	color:#fff;
	padding-top:30px;
	padding-bottom:10px;
}

#zone-footer2-wrapper {
	background: #034367;
	color:#fff;
}

#region-footer-last p {
	margin:5px;
	text-align: center;	
}

#region-footer-fourth {
    width: 99%;
}


.footer-social img {
    padding-right: 10px;
}

.footer1, 
.footer2,
.footer3 {
	width:90vw;
	height: auto;
	margin: auto;
	overflow: hidden;
	font-family: Varela, sans-serif;
	text-align: center;
	padding: 1vw;

}


#zone-footer ul  {
	list-style-type: none;
}

#zone-footer ul li a,
#zone-footer .footer3 a {
	color:#fff;
	text-decoration:none;
}
#zone-footer ul li a:hover,
#zone-footer .footer3 a:hover  {

	text-decoration:underline;
}

#zone-footer h4 {
	padding-top:20px;
	margin:0;
	padding-botom:0;
}
p.location {
	background-image: url("../images/location-icon.png");
	background-position: top left;
	background-repeat: no-repeat;
	background-size:20px;
	transition: all 0.25s ease-in-out;
	padding-left: 25px;

}
/* Mailchimp Footer */
#zone-footer label {
	font-weight:100;
}
#zone-footer  .mc-field-group {
    display: inline-block;
    text-align: left;
}

#zone-footer #mc-embedded-subscribe {
    margin-top: 0 !important;
	border: 1px solid white;	
}


/* ======================================= */
/* 			    HOMEPAGE ZONE              */	
/* ======================================= */

.front h1 {
	display:none;
}

.front #zone-content.container-12 {
	width:100%;
}

.front #region-content {
	margin:0;
	width:100%;
}

.homepage.block {
	text-align:center;
	/* min-height:40vh;*/
	padding:20px 15%;

	/* Center child block element vertically */
	display: flex;
	flex-direction: column;
	justify-content: center;
  
}

/* ====================*/
/* SLIDER BLOCK */
/* ====================*/

#block-nodeblock-9 p {
	margin:0;
	padding:0;
}


/* ====================*/
/* MAIN FEATURE BLOCK */
/* ====================*/
.main-feature {
	background-color: #ffc013;
	background-image: url("../images/pattern-1.png");
	background-position: center;
	background-repeat: repeat;
	background-size: 100%;
	background-attachment: fixed;
	
}

.main-feature h2 {
	font-size:3.5em;
	font-weight:300;
	margin:0;
	text-transform: uppercase;
}

.main-feature h3{
	letter-spacing: 3px;
}

h2.sub {
	font-size:2.2em;
}

/* ==========================*/
/* THREE SUB-FEATURES BLOCK */
/* ==========================*/
.homepage.block.sub-feature {
	width:100%;
	padding:50px 0;
	background-color:#fff;
		
}

.homepage.block.sub-feature h2{
    font-size: 1.1em;
    font-weight: 300;
    color: #009983;
	float: left;
}

.homepage.block.sub-feature .sub-feature-item {
	width:85vw;
	margin:auto;
}

.homepage.block.sub-feature .sub-feature-item  img{
	width:100%;
	height:auto;
	/*border-radius:15px;*/
}

.sub-feature-item a {
	overflow:hidden;
	border-radius:15px;
	display: inline-block;
	width:100%;
}

.sub-feature-item a img{
	transition: all 0.25s ease-out;	
}

.sub-feature-item a:hover img{
	transform:scale(1.1);
}



/* ==============================*/
/* NEWS AND MEDIA HOMEPAGE BLOCK */
/* ==============================*/
.homepage.block.news-media  {
	width:100%;
	padding:50px 0;
	background-color:#009983;
	background-image: url("../images/pattern-2.png");
	background-position: center;
	background-repeat: repeat;
	background-size: 100%;
	background-attachment: fixed;
	
}

.homepage.block.news-media .content  .view-content{

}

.homepage.block.news-media  .view-header {
	padding:0 5vw;
}



.homepage.block.news-media .sub-feature-item {
	width:88vw;
	margin:auto;
}


.homepage.block.news-media h2{
    font-size: 2.5em;
    font-weight: 300;
    color: #fff;

}

.homepage.block.news-media h3{
    font-size: 1.1em;
    font-weight: 300;
    color: #fff;
}

.homepage.block.news-media .view-header  {
	color: #fff;
}
.homepage.block.news-media img{
	width:100%;
	height:auto;
	/*border-radius:15px;*/
}


/* ====================*/
/* HOMEPAGE EVENTS BLOCK */
/* ====================*/
.homepage.block.naidoc-events {
	background-color: #e03325;
	background-image: url("../images/pattern-3.png");
	background-position: center;
	background-repeat: repeat;
	background-size: 100%;
	background-attachment: fixed;
	color: #fff;
	padding: 20px 2%;
	}



/* ==============================*/
/* MEDIA RELEASE - CONTENT PAGE  */
/* ==============================*/
#zone-header-wrapper {
	background-image: url("../images/pattern-2.png");
	background-color: #e03a2d;
	background-position: center;
	background-repeat: repeat;
	background-size: 100%;
	background-attachment: fixed;
	padding:50px 0;
	
	color: #fff;
	text-align:center;
	
	/* Center child objects vertically */
	display: flex;
	flex-direction: column;
	justify-content: center;	
	
	margin-top:0;
	}

.field-name-field-hero-image img {
	border-radius:15px;
	width:70%;
	height:auto;
	border: 1px solid #e4e4e4;	

}

.field-name-field-hero-image {
	padding-bottom:40px;
	text-align: center;
}


.node-type-media-release .field-name-field-post-date {
	padding:20px 0 0 0;
	font-weight:700;
	font-size:1.5em;
	color: #008f7c;
	text-align: center;
	
}
.node-type-media-release .field-name-field-category  {
	padding:0 0 20px 0;
	font-weight:500;
	font-size:1.2em;
	color: #008f7c;
	text-align: center;
	
}
.node-type-photo-gallery-item .view-photo-gallery .field,
.node-type-photo-gallery-item .view-photo-gallery-item .field {
	margin-bottom: 20px;
}
.node-type-photo-gallery-item .view-photo-gallery .field h2,
.node-type-photo-gallery-item .view-photo-gallery-item .field h2 {
	margin: 0;
	line-height: 1.2;
}
.node-type-photo-gallery-item .view-photo-gallery .pgi-photo img,
.node-type-photo-gallery-item .view-photo-gallery-item .pgi-photo img {
	max-width: 100%;
	height: auto;
	width: 100%;
	margin-bottom: 20px;
}

/* ==============================*/
/* LEVEL 2 PAGE  */
/* ==============================*/
.node-type-level-2-page #zone-header.container-12 {
	width:100%;
}
.node-type-level-2-page #region-header-first.grid-12 {
    width: 100%;
}


.node-type-level-2-page #region-header-first.grid-12 {
	margin:0;
}

.node-type-level-2-page #zone-header-wrapper {
	background-image: none;
	background-color: #000;
	padding:0;
	
	color: #fff;
	text-align:center;
	
	min-height:unset;
	overflow: hidden;
	
	/* Center child objects vertically */
	display: flex;
	flex-direction: column;
	justify-content: center;	
	
	margin-top:0;
}

	
	
.node-type-level-2-page .page-header-block{
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;

}

.node-type-level-2-page .page-header-block .page-header-image{
	position: absolute;
	width: 100%;
	top: 0;
	height: 100%;
}

.node-type-level-2-page .page-header-block .page-header-image img{
	width: 100%;
	height: 100%;
	opacity: 0.5;
	object-fit: cover;
}


.node-type-level-2-page .page-header-block .page-blurb {
    z-index: 1;
    position: relative;
	padding: 5vw 20%;
}

.node-type-level-2-page  .page-header-block-footer {
	background-image: url("../images/pattern-2.png");
	background-color: #e03a2d;
	background-position: center;
	background-repeat: repeat;
	background-size: 100%;
	background-attachment: fixed;
	padding:0;
	
	color: #fff;
	text-align:center;
	
	min-height:3.5vw;
	/* Center child objects vertically */
	display: flex;
	flex-direction: column;
	justify-content: center;	
	}


.page-node-57.node-type-level-2-page  .page-header-block-footer {
	display:none;
}
	
/* ==============================*/
/*      COMMITTEE MEMBER PAGE    */
/* ==============================*/

.member-item {
	width: 90%;
	margin: 5px;
	height: auto;
	overflow: hidden;
	padding-bottom:20px;
}




.member-item .member-photo,
.field-name-field-profile-photo {
	width:100%;
}

.member-item .member-photo img,
.field-name-field-profile-photo img {
	width:100%;
	height:auto;
	border-radius:15px;	
}

.member-item .member-name {
	font-weight:500;
	color: #009983;
	font-size:1.2em;
	
}


/* HOVER EFFECT - https://www.w3schools.com/howto/howto_css_image_overlay.asp */


.hover-effect {
    position: relative;
	overflow: hidden;
	background-color: #000;	
	border-radius:15px;	
}

.two-column {
	width:48%;
}
.three-column {
	width:28%;
}


.hover-effect img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;

}

.member-item .middle,
.poster-item .middle,
.winner-item .middle,
.event-item .middle
 {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 120%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	
	pointer-events: none;
	
}

.hover-effect:hover img {
	opacity: 0.3;
	transform: scale(1.1);
}

.hover-effect:hover .middle {
  opacity: 1;
  top:50%;
}

.member-hover {
	color:#fff;
	line-height: 120%;

}
.member-hover::before {
	content: '\201C';
	font-size: 2em;
}
.member-hover::after {
	content:'...';
	
}


#colorbox h1 {
	color:#009983;
	margin-bottom: 0;
}

#colorbox .field-name-field-position {
	color: #009983;
	margin-bottom: 20px;
	font-size: 1.5em;
	margin-top: 0;
	padding: 0;
}

#colorbox .field-name-field-profile-photo img {
	width:100%;
	height:auto;
}





	
/* ==============================*/
/*      POSTER GALLERY PAGE    */
/* ==============================*/
.page-node-48 #block-system-main {
	text-align:center;
}

#block-views-poster-gallery-block {
    padding-left: 40px;
}

.poster-item {
	width: 45%;
	float: left;
	margin: 5px;
	overflow: hidden;
	padding-bottom:20px;
}

.poster-item .poster-photo {
	width:100%;
}

.poster-item .poster-photo img {
	width:100%;
	height:auto;
	border-radius:15px;
}

.poster-item .poster-name {
	font-weight:500;
	color: #009983;
	font-size:1.2em;
	
}

/* HOVER EFFECT - https://www.w3schools.com/howto/howto_css_image_overlay.asp */
.poster-hover-effect {
    position: relative;
	overflow: hidden;
	background-color: #000;	
	border-radius:15px;	
}


.poster-hover-effect img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;

}

.poster-hover-effect:hover img {
	opacity: 0.3;
	transform: scale(1.1);
}

.poster-hover-effect:hover .middle {
  opacity: 1;
  top:50%;
}

.poster-hover {
	color:#fff;
	line-height: 120%;

}


.view-poster-gallery h3 {
	clear:both;
	padding-top:40px;
	font-size: 2.2em;
	margin-left: -40px;
}


.view-poster-gallery  .view-filters {
  display: flex;
  justify-content: center;
}	

.poster-box2 {
    border-left: 1px solid black;
    border-top: 1px solid black;
    position: absolute;
    height: 300px;
    width: 128px;
}

/* ===================================*/
/*     PHOTO GALLERY ITEM PAGES       */
/* ===================================*/

.field-name-field-photo img {
	max-width: 100%;
	height: auto;
}

/* ==============================*/
/*     WINNER PROFILE PAGE       */
/* ==============================*/
.page-node-55 #block-system-main {
	text-align:center;
}
.winner-item {
	width: 95%;
	margin: 5px;
	height: auto;
	overflow: hidden;
	padding-bottom:20px;
}



.winner-item .winner-photo {
	width:100%;
}

.winner-item .winner-photo img {
	width:100%;
	height:auto;
	border-radius:15px;	
}

.winner-item .winner-name {
	font-weight:500;
	color: #009983;
	font-size:1.2em;
	
}


.winner-hover {
	color:#fff;
	line-height: 120%;

}
.winner-hover::before {
	content: '\201C';
	font-size: 2em;
}
.winner-hover::after {
	content:'...';
	
}
.view-winner-profiles h3 {
	clear:both;
	padding-top:40px;
}


.view-winner-profiles  .view-filters {
  display: flex;
  justify-content: center;
}	




#colorbox .field-name-field-year {
	color: #009983;
	margin-bottom: 20px;
	font-size: 1.5em;
	margin-top: 0;
	padding: 0;
	padding-right:5px;
	float:left;
}
#colorbox  .field-name-field-award {
	color: #009983;
	margin-bottom: 20px;
	font-size: 1.5em;
	margin-top: 0;
	padding: 0;

}


#colorbox .field-name-field-profile-photo img {
	width:100%;
	height:auto;
}




/* ==============================*/
/* 			NEWS VIEW BLOCK 	*/
/* ==============================*/
.news-view-block .news-item   {
	clear:both;
	padding:20px 0;
	padding-bottom: 50px;	
}
.news-view-block .news-item  .news-item-hero {
	width:95%;
	height:auto;
	text-align:center;
	overflow: hidden;
}

.news-view-block .news-item  .news-item-hero img {
	width:100%;
	height:auto;	
	transition: all 0.25s ease-in-out;		
}

.news-view-block .news-item  .news-item-hero  a {
	overflow:hidden;
	border-radius:15px;
	display: inline-block;
	border: 1px solid #e4e4e4;	
	
}

.news-view-block .news-item  .news-item-hero   a:hover img{
	transform:scale(1.1);
}

.news-view-block .news-item .news-item-blurb {
	
	width:95%;
}


.news-view-block .news-item .news-item-blurb h3 {
	padding:0;
	margin:0;
	font-weight:300;
	color: #009983;
}
.news-view-block .news-item .news-item-blurb h3 a{
	color: #009983;
	text-decoration: none;
}
.news-view-block .news-item .news-item-blurb h3 a:hover{
	text-decoration: underline;
}


.news-view-block .news-item .news-item-blurb .news-item-date {
	font-weight:300;
	font-size:0.8em;
	padding:20px 0 5px 0;
	color: #727272;
}

.page-node-57 .views-exposed-form label {
	font-size:1.0em;
	font-weight:300;
}

.page-node-57 .view-filters {
    display: flex;
    justify-content: center;
}

.page-node-57 #views-exposed-form-news-media-block-2  #edit-body-value,
.page-node-57 #views-exposed-form-news-media-block-2  #edit-field-category-tid {
	border:none !important;
}


/* NEWS VIEW FILTER BLOCK */
#block-views-exp-news-media-block-2 {
    display: flex;
    justify-content: center;
  	width:100%;
		padding-top: 1rem;
}




/* ==============================*/
/*   NAIDOC EVENTS LANDING PAGE  */
/* ==============================*/
.page-node-63 #block-system-main {
	text-align:center;
}

.event-item {
	width: 95%;	
	height: auto;
	float: left;
	margin: 5px;
	overflow: hidden;
	font-family: Varela, sans-serif;	
}




.event-item .hover-effect {
	transition: .5s ease;
    position: relative;
	overflow: hidden;
	background-color: #004b8c;
	border-radius:15px;	
}

.event-item .hover-effect:hover {
	background-color: #000;
}




.event-item .event-photo {
	width:100%;
}

.event-item .event-photo img {
	width:100%;
	height:auto;
	border-radius:15px;	
	opacity: 0.2;
	
}

.event-item .event-name {
	font-weight:500;
	color: #009983;
	font-size:1.2em;
	
}


.event-hover {
	color:#fff;
	line-height: 120%;

}

.event-blurb {
    padding: 17px;
}


.event-item .middle
 {
	transition: .5s ease;
	opacity: 1;
	position: relative;
	transform: translate(0%, 0%);
	-ms-transform: translate(0%, 0%);
	text-align: left;
	pointer-events: initial;
	height: 175px;
	top: 0;
	left: 0;
}

.event-item .hover-effect:hover img {
	opacity: 0.1;
	transform: scale(1.1);
}

.event-item .hover-effect:hover .middle {
  top:10%;

  }


.event-item h3.event-title {
	font-weight:300;
	font-size: 1.2em;
}

.event-item h3.event-title a{
	color: #fff;
	text-decoration: none;
}

.event-item h3.event-title a::after {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	content: "";
}

.event-item .event-date {
	padding-bottom:10px;
	font-size:0.9em;
}

.event-item .event-venue{
	font-size:0.9em;
}


#views-exposed-form-naidoc-events-block,
#views-exposed-form-naidoc-events-block-1 {
    display: flex;
    justify-content: center;
    width: 100%;
}

#views-exposed-form-naidoc-events-block #edit-field-post-code-value,
#views-exposed-form-naidoc-events-block-1 #edit-field-post-code-value{
	width:100px;
}

/* Homepage view block override */
.front .homepage.block.naidoc-events h2{
    font-size: 2.5em;
    font-weight: 300;
    color: #fff;

}

.front .homepage.block.naidoc-events h3{
    font-size: 1.2em;
    font-weight: 300;
    color: #fff;
	text-align: left;
}


.front .event-blurb {
    padding: 2vw;
}

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

.front .event-item h3.event-title {
    font-weight: 700;
    font-size: 1.4vw;
    line-height: 100%;
}

.front .event-item .event-date {
	padding-bottom:10px;
    font-size: 0.9em;
}

.front .event-item .event-venue{
    font-size: 0.9em;
}




/* ==============================*/
/*   NAIDOC EVENT ITEM            */
/* ==============================*/
.node-type-event .group-event-details {
	width:90%;
	border-radius: 15px;
	background-color: #ccebe6;
	text-align:left;
	
	padding:15px;
}


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

.node-type-event .field-name-title-field h1 {
	color: #009983;
}

.node-type-event  .field-name-field-event-photo img{
	width:100%;
	height:auto;
	border-radius:15px;
}

.node-type-event #region-content .group-event-about .field-name-body  {
	padding-top:15px;
	white-space: pre-line;	
}

.node-type-event #region-content .field-label {
	font-size:1.4em;
}

.node-type-event #region-content .field-item {
	padding-bottom:20px;
}

.node-type-event #region-content .field-name-title-field .field-item {
	padding-bottom:0px;
	font-weight:700;
}



/* ======================================*/
/* EVENT CONTENT TYPE VIEW HEADER BLOCK  */
/* ======================================*/
.node-type-event #zone-header.container-12 {
	width:100%;
}
.node-type-event #region-header-first.grid-12 {
    width: 100%;
}


.node-type-event #region-header-first.grid-12 {
	margin:0;
}

.node-type-event #zone-header-wrapper {
	background-image: none;
	background-color: #000;
	padding:0;
	
	color: #fff;
	text-align:center;
	
	min-height:unset;
	overflow: hidden;
	
	/* Center child objects vertically */
	display: flex;
	flex-direction: column;
	justify-content: center;	
	
	margin-top: 0;	
}

	
.node-type-event .page-header-block{
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;

}

.node-type-event .page-header-block .page-header-image{
	position:absolute;
	width: 100%;
	height: 100%;	
}

.node-type-event .page-header-block .page-header-image img{
	width:100%;
	height:100%;
	opacity:0.5;
	object-fit: cover;	
}


.node-type-event .page-header-block .page-blurb {
    z-index: 1;
    position: relative;
	padding: 5vw 20%;
}

.node-type-event  .page-header-block-footer {
	background-image: url("../images/pattern-2.png");
	background-color: #fec937;
	background-position: center;
	background-repeat: repeat;
	background-size: 100%;
	background-attachment: fixed;
	padding:0;
	
	color: #fff;
	text-align:center;
	
	min-height:7vw;
	/* Center child objects vertically */
	display: flex;
	flex-direction: column;
	justify-content: center;	
	}

	
.page-header-block a {
	color:#fff;
}

/* ======================================*/
/*          RELATED EVENTS BLOCK         */
/* ======================================*/

.events-related-block {
    padding-top: 35px;
    margin-top: 50px;
    border-top: 2px solid #009983;
}

.events-related-block h2{
	color:#009983;
	font-size:1.6em;
}

.events-related-block .event-item {
    width: 95%;
}	


/*   NAIDOC THANK YOU PAGE - HIDE STATUS MESSAGE  */
.page-node-83 #messages {
	display:none;
}	

/* ======================================*/
/*    CUSTOM COLOUR THEME OVERRIDE      */
/* ======================================*/
#zone-header-wrapper.Blue {
	background-color: #00609c !important;
}

#zone-header-wrapper.Red {
	background-color: #e03a2d !important;
}

#zone-header-wrapper.Teal {
	background-color: #00907d !important;
}

#zone-header-wrapper.Yellow {
	background-color: #ffcf30 !important;
	color:#333 !important;
}



.page-header-block-footer.Blue {
	background-color: #00609c !important;
}

.page-header-block-footer.Red {
	background-color: #e03a2d !important;
}

.page-header-block-footer.Teal {
	background-color: #00907d !important;
}

.page-header-block-footer.Yellow {
	background-color: #ffcf30 !important;
	color:#333 !important;
}


.logged-in #zone-user-wrapper {
    top: 29px;
}
.logged-in #zone-branding-wrapper {
    top: 69px;
}

/* ========================================*/
/* 			  SEARCH PAGE RESULTS          */	
/* ======================================= */

/* ==============================================*/
/*  AJAX THROBBE OVERRIDES - USED WITH MODULE    */	
/* ============================================= */
.pager  .ajax-progress-throbber {
	position:absolute;
	float:right;
	top:0;
	padding-left:5px;
}


.ajax-progress-throbber {
	position:absolute;
	float:right;
	top:-7px;
	padding-left:5px;
}


.ajax-throbber.sk-three-bounce .sk-child {
    width: 20px;
    height: 20px;
    background-color: #00649D;
}	




#sidr-wrapper-0 {
	padding-right:20px;
}

#edit-custom-search-blocks-form-1--2 {
	width:275px;
}

.sidr ul li ul li a, .sidr ul li ul li span {
    line-height: 160%;
}


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

body.page-node-124.page-node .section-content .field-name-body img {
	border-radius:0;
	padding:auto;
	width:auto;
	height:auto;
	max-width:60%;
}

body.page-node-124.page-node .section-content .field-name-body h3{
	clear:both;

}



.logo-use h4 {
	font-weight:300;
	text-align: left;
	padding:0;
	margin:0;
}

hr {
clear:both;
margin:50px 0;
display: block;
}
.logo-use div {
	text-align: left;
}

body.page-node-124.page-node .section-content .field-name-body img.portrait-small {
	width:30%;
	height: auto;
}

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


.center {
	text-align:center;
}


.readspeaker-block {
    z-index: 0;
}

/*Logos - awards page*/

.logos {
	clear: both;
}

.award-logo {
    width: 300px !important;
    height: auto;
    /*padding: 15px !important;*/
    float: left;
}


.main-logo {
    width: 500px !important;
    height: auto;
    /*padding: 15px !important;*/
    float: left;
}


/* NAIDOC Committee Expression of Interest Webform - START */
.webform-eoi .form-item .description {
    font-size: 0.9em;
    color: #000;
    padding-left: 36px;
}

.webform-eoi .webform-component--blurb1 {
	padding-left:0px;
}

.webform-eoi .webform-component--blurb1 ul {
	padding-left:40px;
	font-size: 0.9em;
}

.webform-eoi legend {
	font-size:1.2em;
	font-weight:bold;
}

.webform-eoi .fieldset-wrapper {
	padding-left:40px;
}

.webform-eoi .webform-container-inline label {
    display: inline-block;
    margin-right: 1em;
    width: 150px;
}

.webform-eoi .form-textarea-wrapper textarea {
	height:auto;
}


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


.well {
	border:1px solid #00629A;
	padding:15px 20px;
	background:#efefef;
}



.member-item .middle{

	width:75%;
}

.context-awards .field-name-field-hero-image img {
    width: 50%;
    height: auto;
	max-width:500px;
 
}

article.node-award-category {
	font-size:1.0em;
}
article.node-award-category .field-name-title-field {
	font-weight: 700;
	color: #009983;
	font-size: 1.4em;
	margin-bottom:20px;
}

article.node-award-category .field-name-body ol,
article.node-award-category .field-name-body ul {
	margin-left:30px;
}



.nominate-button {
	width:99%;
	/*text-align: center;*/
}


.nominate-button a {
	background-image: url("../images/pattern-2.png");
	background-color: #e03a2d;
	background-position: center;
	background-repeat: repeat;
	background-size: 100%;
	background-attachment: fixed;

    display: inline-block;
    padding: 7px 30px;
    color: #fff;
    font-size: 1.6em;
    text-decoration: none;
    border-radius: 20px;
	transition: all 0.5s ease-in-out;	
}


.nominate-button a:hover {
    /* text-decoration: underline;*/
	background-color: #00609c;
}

/* 2019 Awards Nomination Form */
.page-node-577 fieldset {
	border: 1px solid #00649D;
	padding: 20px;

}

.page-node-577 fieldset legend {
	font-weight:700;
	padding:0 10px;
}