/*-- Template: ----------------------------------------------------- --*/
body{
	position: relative;
	background-color: #f7f7f7;
	font-family: 'Figtree', proxima-nova, sans-serif;
	margin: 0;
  }
  
  h1, h2, h3, h4, h5, h6{
	font-family: 'Figtree', proxima-nova, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 120%;
	color: #1f2e49;
	margin: 0;
  }
  
  
  p, li, a, input, textarea{
	font-size: 15px;
	font-family: 'Figtree', proxima-nova, sans-serif;
	line-height: 140%;
  }
  
  a{
	color: #142B45;
	text-decoration: none;
  }
  
  a:hover{
	
	color: #69C4DD;
  }
  
  img{
	display: block;
	width: 100%;
  }
  
  img.img-1{
	  width: 100%;
	  height: 400px;
	  object-fit: cover;
  }
  
  figure{
	  margin: 0;
	  padding: 0;
  }
  
  figure img{
	  height: auto;
  }
  

  
  .panel-maxwidth{
	width: 1366px;
	max-width: 90%;
	margin: 0 auto;
  }
  
  .rowpadd{
	padding: 30px 0;
  }
  
  .row-alignmid{
	align-items: center;
  }
  
  
  
  /*-- X2. Template: Container Style Split Half --*/
  .s20 > div,
  .s25 > div,
  .s30 > div,
  .s33 > div,
  .s35 > div,
  .s40 > div,
  .s45 > div,
  .s50 > div,
  .s55 > div,
  .s60 > div,
  .s65 > div,
  .s66 > div,
  .s70 > div,
  .s80 > div{
	padding: 0 15px;
  }
  
  @media (min-width: 768px){
	.row-split{
	  display: flex;
	  flex-wrap: wrap;
	}
	.s20{flex: 0 0 20%;} 
	.s25{flex: 0 0 25%;} 
	.s30{flex: 0 0 30%;}  
	.s33{flex: 0 0 33.33%;}  
	  .s35{flex: 0 0 35%;}  
	.s40{flex: 0 0 40%;}  
	  .s45{flex: 0 0 45%;}  
	.s50{flex: 0 0 50%;}   
	  .s55{flex: 0 0 55%;} 
	.s60{flex: 0 0 60%;}  
	  .s65{flex: 0 0 65%;}  
	.s66{flex: 0 0 66.66%;}  
	.s70{flex: 0 0 70%;}  
	  .s80{flex: 0 0 80%;}  
	  
	.rowpadd{
	  padding: 60px 0;
	}
	  
	  .content-gap > div{
		  padding: 30px 8%;
	  }
  
  
  }
  /*-- --*/
  
  @media (min-width: 768px){
	.row{
	  display: flex;
	  flex-wrap: wrap;
	}
	
	.col{
	  flex-grow: 1;
	}
	
	h1{
	  font-size: 40px;
	}
	  
	  h2{
		  font-size: 30px;
	  }
  
	h3{
	  font-size: 24px;
	}
	
	  p, li, a, input, textarea{
	  font-size: 17px;
	}
	
	.rowpadd{
	  padding: 70px 0;
	}
  } 
  
  /*--backgrounds--*/
  .bg-2{
	background-color: #f7f7f7;
  }
  
  
  /*--buttons--*/
  .button{
	margin: 20px 0 0;
	padding: 0 2px 10px;
	font-weight: 600;
	font-size: 14px;
	color: #68C5DD;
	border-bottom: 3px solid #68C5DD;
	display: inline-flex;
	align-items: center;
	transition-duration: .2s;
  }
  
  .button:hover{
	color: #142B45;
	border-color: #142B45;
	cursor: pointer;
  }

  .button.white{		color: #ffffff; border-color: #ffffff;}
  .button.white:hover{	color: #68C5DD; border-color: #68C5DD;}

  .button.light-blue{		color: #68C5DD; border-color: #68C5DD;}
  .button.light-blue:hover{	color: #142B45; border-color: #142B45;}

  .button.dark-blue{		color: #142B45; border-color: #142B45;}
  .button.dark-blue:hover{	color: #68C5DD; border-color: #68C5DD;}

  .button.green{			color: #a5bc33; border-color: #a5bc33;}
  .button.green:hover{		color: #9aab45; border-color: #9aab45;}

  /**/

  .button.v2{
	position: relative;
	border: 0;
	padding: 0 0 14px;
  }

  .button.v2 .shade{
	content: "";
    height: 4px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #142B45;
	transition-duration: .2s;
  }

  .button.v2:hover .shade{
	background: linear-gradient(45deg, #142B45, white);
  }

  .button.v2:hover .shade:after{
 
  }



/*-- A. Header ----------------------------------------------------- --*/
#header{
	display: none;
}

#header.header_v2{
	display: block;
	height: 100px;
}

#header.header_v2 > .inner{
	width: 1366px;
	max-width: 90%;
	margin: 0 auto;
	height: 100%;
    display: flex;
	flex-wrap: nowrap;
    align-items: center;
}

#header.header_v2 .header_top{
	padding: 0;
	width: 100%;
	z-index: 2;
}

#header.header_v2 .header_top > .inner{
	width: 100%;
}

#header.header_v2 .header_top .logo img {
    width: 90px;
    height: auto;
    transform: translateY(54px);
}

#header.header_v2 .header_top .nav_button img{
	width: 24px;
}

#header.header_v2.open .header_bot{
    display: block;
    position: absolute;
    top: 100px;
    background: #fff;
    width: 100%;
    margin: 0;
    padding: 0;
    right: 0;
    text-align: right;
}

#header.header_v2.open .header_bot .nav .dropdown a{
	padding: 5px 5%;
}

@media(min-width:1000px){

	#header.header_v2{
		height: 120px;
	}
	
    #header.header_v2 .header_top .logo img {
    	width: 120px;
        transform: translateY(72px);
    }
    	
	#header.header_v2 > .inner {
		display:flex;
		justify-content:space-between;
		align-items:center;
		width:90%;
		height:100%;
		max-width:1600px;
		margin:0 auto;
	}
	
	#header.header_v2 .header_top {
		padding:0;
		flex: 0;
	}
	
	#header.header_v2 .header_top > .inner {
		width:auto;
		margin:0;
	}
	
	#header.header_v2 .header_top .nav_button {
		display:none;
	}
	
	#header.header_v2 .header_bot {
		display:flex;
		border:none;
		justify-content:flex-end;
		align-items:center;
	}
	
	#header.header_v2.open .header_bot{
        position: unset;
	}
	
	#header.header_v2.open .header_bot {
		display:flex;
	}
	
	#header.header_v2 .header_bot .nav {
		display:flex;
		padding:0;
	}
	
	#header.header_v2 .header_bot .nav > li > a {
		padding:12px 16px;
		font-size: 16px;
	}
	
	#header.header_v2 .header_bot .nav > li > a:before {
		top:auto;
		right:16px;
		bottom:0;
		left:16px;
		width:auto;
		height:2px;
	}
	
	#header.header_v2 .header_bot .nav > li:hover > a:before {
		background-color:#2f8cb7;
	}
	
	#header.header_v2 .header_bot .nav .dropdown {
		display:none;
		position:absolute;
		top:100%;
		background-color:#f5f5f5;
		min-width:256px;
	}
	
	#header.header_v2 .header_bot .nav > li:hover .dropdown {
		display:block;
	}
	
	#header.header_v2 .header_bot .nav .dropdown {
		padding:0;
	}
	

	#header.header_v2 .header_bot .nav .dropdown a:hover {
		background-color:#1d4a69;
		background-color:#2f8cb7;
		color:#fff;
	}
	
	#header.header_v2 .header_bot .nav .dropdown li:first-child a {
		padding-top:16px;
	}
	
	#header.header_v2 .header_bot .nav .dropdown li:last-child a {
		padding-bottom:16px;
	}
	
	#header.header_v2 .header_bot .utilities {
		justify-content:flex-end;
		padding:0 0 0 12px;
	}
	
	#header.header_v2 .header_bot .utilities .utility {
		margin:0 0 0 16px;
	}
	

	/**/

	#header.header_v2 .header_top .nav_button{
		display: none;
	}
	
	#header.header_v2 .header_bot{
		display: flex;
	}

	#header.header_v2 .header_bot .nav{
		display: flex;
	}
	

	

}


/*-- B. Home ----------------------------------------------------- --*/
#home-header{
	position: relative;
	overflow: hidden;
	height: 600px;
	display: flex;
    align-items: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	transition-duration: .2s;
}

#home-header iframe{
	z-index: 2;
	width: 100vw;
	height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: 100vh;
	min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	animation: fadeInAnimation ease 3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

#home-header .shader{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 10%);
    z-index: 3;
}

@keyframes fadeInAnimation {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}



#home-header .triangle-top,
#home-header .triangle-bot{
    position: absolute;
	z-index: 4;
	width: 150px;
    height: 100px;
}

#home-header .triangle-top{
    top: 0;
    right: 0;
    background-color: #68C5DD;
	clip-path: polygon(0 0, 100% 100%, 100% 0);
}

#home-header .triangle-bot{
    bottom: 0;
	left: 0;
    background-color: #F0EFEF;
	clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

#home-header .top{
	z-index: 5;
}

#home-header .content{
	margin-top: 50px;
}

#home-header .content h1{
	color: #fff;	
	font-size: 40px;
    line-height: 100%;
    margin-bottom: 30px;
    text-shadow: 2px 2px 10px rgb(0 0 0 /30%);
}

#home-header .content h1 span{
	font-weight: 700;
	font-style: italic;
	letter-spacing: -2px;
}

#home-header .content .button{
	color: #fff;	
}

/**/
#home-boxes{
	position: relative;
	background-color: #f0efef;
	z-index: 4;
}

#home-boxes .boxes{
	display: flex;
    flex-wrap: wrap;
	margin: 0 -2%;
}

#home-boxes .box{
	flex: 0 0 90%;
	margin: -70px auto 100px;
}

#home-boxes .box:last-of-type{
	margin-bottom: 30px;
}


#home-boxes .box .photo{
	background-color: #fff;
	height: 250px;
	border-bottom-left-radius: 30px;
    overflow: hidden;
}

#home-boxes .box .photo a img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition-duration: .5s;
}

#home-boxes .box .photo a:hover img{
	transform: scale(1.05);
	cursor: pointer;
}

#home-boxes .content > div{
	padding: 30px;
	word-break: break-word;
}

/**/
#home-party-leader{
	position: relative;
	height: 400px;
	display: flex;
    align-items: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 30% 0;
}

#home-party-leader-mobile{
	display: block;
	color: #fff;
	background-color: #142B45;
	padding: 20px 0 70px;
}

#home-party-leader-mobile h2{
	color: #fff;
}




#home-party-leader .content{
	color: #fff;
    width: 520px;
    max-width: 100%;
    margin-left: auto;
    text-align: right;
	display: none;
}

#home-party-leader .content h2{
	color: #fff;
	font-size: 60px;
	margin: 30px 0 0;
}

#home-party-leader .content p.position{
	font-size: 20px;
	margin: 5px 0 30px;
}

#home-party-leader .content p{
	font-size: 20px;
}

#home-party-leader .triangle{
	position: absolute;
	width: 100%;
	height: 100px;
	background-color: #142B45;
	clip-path: polygon(0 0, 0 100%, 100% 100%);
	bottom: -1px;
	left: 0;
}




/**/

#home-boxes-bigger{
	background-color: #f0efef;
}

#home-boxes-bigger .boxes{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1%;
	padding: 30px 0;
}

#home-boxes-bigger .boxes .box{
	background-color: #fff;
    flex: 0 0 98%;
    margin: 15px 1%;
    display: flex;
    align-items: center;
	justify-content: center;
	text-align: center;
}


#home-boxes-bigger .boxes .box > div{
	padding: 50px;
	overflow: hidden;
}

#home-boxes-bigger .boxes .box .icon{
    width: 60px;
    max-width: 100%;
    margin: 0 auto 25px;
}

#home-boxes-bigger .boxes .box h3{
	font-size: 30px;
	font-weight: 700;
	line-height: 110%;
    width: 320px;
    max-width: 100%;
    margin: 0 auto 20px;
}

#home-boxes-bigger .boxes .box p{
	width: 350px;
	max-width: 100%;
	margin: 0 0 30px;
}




/**/
#home-get-involved{
	position: relative;
	display: flex;
    align-items: flex-end;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 70%;
	background-color: #68C5DD;
}

#home-get-involved-mobile{
	position: relative;
	display: block;
	height: 300px;
	width: auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 40%;
	background-image:url(https://saliberal.org.au/images/site_saliberal/saliberal-header-v1.jpg);
}

#home-get-involved-mobile.anna-finizio{
	background-image:url(https://saliberal.org.au/images/site_saliberal/saliberal-header-anna-finizio-2.jpg);
}


/* #home-get-involved:after{
	content: "Dr Anna Finizio, Liberal Candidate for Dunstan";
	position: absolute;
    bottom: 15px;
    right: 15px;
    padding: 10px 15px;
    z-index: 2;
    color: #fff;
    background: #173250;
	display: none;
}

#home-get-involved-mobile:after{
	content: "Dr Anna Finizio, Liberal Candidate for Dunstan";
	position: absolute;
    bottom: 15px;
    left: 15px;
    padding: 10px 15px;
    z-index: 2;
    color: #fff;
    background: #173250;
	font-size: 14px;
} */




#home-get-involved .content{
	position: relative;
	z-index: 2;
	margin-top: 60px;
	margin-bottom: 60px;
}

#home-get-involved .content h1{
	color: #142B45;
	font-size: 40px;
    line-height: 100%;
    margin-bottom: 30px;
}

#home-get-involved .content h1 span{
	font-weight: 700;
}

#home-get-involved .content p{
	color: #142B45;
	max-width: 340px;
	font-weight: 600;
}

#home-get-involved .content .buttons{
	margin-top: 50px;
}

#home-get-involved .content .buttons .button{
	margin-right: 20px;
}

#home-get-involved .content .buttons .button:hover{
	color: #fff;
	border-color: #fff;
}



#home-get-involved .triangle{

    position: absolute;
	z-index: 1;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 80%;
	/*background-color: #68C5DD;
	clip-path: polygon(0 0, 0% 100%, 100% 100%);*/
}

#home-get-involved .triangle img{
	display: block;
	width: 100%;
    height: 100%;
}

/**/
#home-get-involved.backpage{
	background: #66c7de;
	height: auto;
}

#home-get-involved.backpage .content{
	margin: 60px 0;
}

#home-get-involved.backpage .content .buttons{
	margin-top: 30px;
}



@media(min-width:500px){

	#home-header .content h1{
		font-size: 50px;
	}


}


@media(min-width:768px){

	#home-header{
		height: 800px;
	}

	#home-header .content h1{
		font-size: 60px;
	}

	#home-header .triangle-top,
	#home-header .triangle-bot{
		position: absolute;
		z-index: 4;
		width: 250px;
		height: 200px;
	}

	#home-boxes .box{
		flex: 0 0 46%;
		margin: -70px 2% 100px;
	}
	
	#home-party-leader{
		height: 700px;
	}
	
	#home-get-involved-mobile{
		display: none;
	}

	#home-get-involved-mobile:after{
		display: none;
	}

	#home-get-involved{
		position: relative;
		height: 800px;
		background-image:url(https://saliberal.org.au/images/site_saliberal/saliberal-header-v1.jpg);
	}

	#home-get-involved.anna-finizio{
		background-image:url(https://saliberal.org.au/images/site_saliberal/saliberal-header-anna-finizio-2.jpg);
	}

	#home-get-involved:after{
		display: none;
	}


	#home-get-involved .content{
		margin-top: 0;
		margin-bottom: 90px;
	}

	#home-get-involved .content h1{
		font-size: 60px;
	}

	#home-get-involved.backpage .content{
		margin: 110px 0;
	}
	

}


@media(min-width:1000px){


	#home-boxes{
		padding-bottom: 50px;
	}

	#home-boxes .box{
		flex: 0 0 29.33%;
		margin: -70px 2% 0;
	}

	#home-party-leader{
		height: 1000px;
		background-position: 50% 0;
	}

		
	#home-party-leader .content{
		display: block;
		text-shadow: 2px 2px 5px #000;
	}

	#home-party-leader-mobile{
		display: none;
	}

	#home-party-leader .triangle{
		background-color: #f0efef;
		height: 150px;
	}


	#home-boxes-bigger .boxes .box{
		flex: 0 0 48%;
		margin: 0 1%;
		min-height: 500px;
	}

	#home-boxes-bigger .boxes .box h3{
		font-size: 40px;
		margin: 0 auto 30px;
	}

	#home-boxes-bigger .boxes{
		padding: 30px 0 100px;
	}

}

@media(min-width:1300px){
	#home-party-leader .content{
		text-shadow: 2px 2px 5px rgb(0 0 0 / 50%);
	}
}

/**/


footer#footer-v2{
	position: relative;
	background-color: #142B45;
	background: linear-gradient(45deg, #142B45, #183555);
	padding: 80px 0;
	color: #fff;
}

footer#footer-v2 .triangle{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 80px;
    width: 100%;
    background-color: #68C5DD;
	clip-path: polygon(0 0, 0% 100%, 100% 0);
}

footer#footer-v2 .main{
	position: relative;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
}

footer#footer-v2 .left{
	flex: 0 0 100%;
}

footer#footer-v2 .left .content h3{
	color: #fff;
	font-weight: 500;
}

footer#footer-v2 .left .content .contact{
	margin: 40px 0;
}

footer#footer-v2 .left .content .contact p{
	color: #fff;
	max-width: 600px;
    width: 100%;
	margin: 40px 0;
}


footer#footer-v2 .left .content .contact a{
	display: table;
    color: #fff;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin: 10px 0;
}


footer#footer-v2 .left .content .contact a img{
	display: block;
	width: 18px;
	height: 18px;
	margin-right: 10px;
}


footer#footer-v2 .left .content .contact .socials{
	display: flex;
    margin: 30px 0 0;
}

footer#footer-v2 .left .content .contact .socials a{
	border: 1px solid #fff;
    padding: 6px;
    margin: 0;
    margin-right: 10px;
    border-radius: 50%;
	width: 18px;
	height: 18px;
	transition-duration: .2s;
}

footer#footer-v2 .left .content .contact .socials a:hover{
	background-color: #68C5DD;
}

footer#footer-v2 .left .content .contact .socials a img{
	display: block;
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	object-fit: contain;
}

footer#footer-v2 .button:hover{
	color: #fff;
	border-color: #fff;
}

footer#footer-v2 .right{
	flex: 0 0 100%;
    display: flex;
	align-items: flex-end;
}

footer#footer-v2 .right .logos{
	display: table;
	margin-top: 70px;
}


footer#footer-v2 .right .logos .logo{
	display: block;
	width: 120px;
}

footer#footer-v2 .right .logos .logo img{
	display: block;
	width: 100%;
	height: auto;
}

footer{
    background: #10253c;
	color: #fff;
}

footer a{
	color: #fff;
}


@media (min-width:768px){
	footer#footer-v2 .triangle{
		width: 80%;
		height: 120px;
	}

	footer#footer-v2{
		padding: 120px 0;
	}

	footer#footer-v2 .left{
		flex: 0 0 50%;
	}

	footer#footer-v2 .right{
		flex: 0 0 50%;
	}

	footer#footer-v2 .right .logos{
		margin-left: auto;
		margin-top: 0;
	}

}

/*-- C1. Values Page ----------------------------------------------- */

#home_values {
	position:relative;
	z-index:10;
    background-color: #142B45;
    background: linear-gradient(180deg, #142B45, #183555);
	padding: 80px 0;
}

#home_values:after{
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background: #0e243d;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

#home_values .spacer {
	width:90%;
	max-width:768px;
}

#home_values .spacer .inner {
	padding-top:56%;
}

#home_values .panel_intro {
	margin:0 0 48px 0;
}

#home_values .panel_intro .panel_maxwidth {
	max-width:600px;
}

#home_values .panel_intro .headline {
	font-size:1.4em;
	line-height:120%;
	font-weight:500;
	text-align:center;
	margin-bottom:32px;
}

#home_values .panel_intro .line {
	width:96px;
	height:4px;
	background-color:#f2ce88;
	margin:0 auto;
}

#home_values .panel_values .panel_maxwidth {
	max-width:1280px;
}

#home_values .panel_values .intro{
	color: #fff;
    text-align: center;
    margin: 0 0 50px;
}

#home_values .value_list {
	position: relative;
	z-index: 2;
	display:flex;
	flex-direction:column;
	margin:-8px;
}




#home_values .value_list .value_item .img_txt {
    position: absolute;
    bottom: 50px;
    left: 8%;
	color: #fff;
	font-size: 18px;
}



#home_values .value_list .value_item {
	position:relative;
	display:flex;
	flex-direction:column;
	margin:8px;
	background-color:#396e66;
	color:#fff;
	text-decoration:none;
	background-color:#fff;
	color:#142c45;
}

#home_values .value_list .value_item .image {
	position: relative;
	flex:0 0 128px;
	background-color:rgba(0,0,0,0.1);
}

#home_values .value_list .value_item .image:after{
	content: "";
    background: #fff;
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: -1px;
    left: 0;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

#home_values .value_list .value_item .image .img {
	width:100%;
	height:100%;
	object-fit:cover;
}

#home_values .value_list .value_item .image h2{
	font-weight: 700;
	color: #fff;
	text-shadow: 2px 2px 5px rgb(0 0 0 / 80%);
}

#home_values .value_list .value_item .text {
	padding:40px 8% 100px;
	display: flex;
    height: 100%;
}


#home_values .value_list .value_item .text:after{
	display: none;
    content: "";
    background: #142B45;
    width: 102%;
    height: 60px;
    position: absolute;
    bottom: -1px;
    left: -1%;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

#home_values .value_list .value_item .text .headline {
	font-size:1.4em;
	line-height:110%;
	margin:0 0 12px 0;
}

#home_values .value_list .value_item .text .excerpt {
	margin:0;
	font-size:0.9em;
	line-height:130%;
}

#home_values .value_list .value_item .text .actions {
	margin:12px 0 0 0;
	position: absolute;
    bottom: 40px;
}

#home_values .value_list .value_item .text .actions {
	margin:12px 0 0 0;
	display: flex;
	align-items: center;
}

#home_values .value_list .value_item .text .actions .nav_button {
	color: #142c45;
	border-bottom: 3px solid #142c45;
}

#home_values .value_list .value_item .text .actions .readmore {
	color:#f2ce88;
	font-weight:700;
}

#home_values .value_list .value_item .overlay {
	position:absolute;
	z-index:20;
	top:0;
	right:0;
	bottom:0;
	left:0;
	opacity:0;
	background-color:#fff;
	pointer-events: none;
	transition-duration: .2s;
}

#home_values .value_list .value_item:hover .overlay {
	opacity: .1;
}




@media(min-width:480px){

	#home_values .panel_intro .panel_maxwidth {
		width:80%;
	}

	#home_values .panel_intro .headline {
		font-size:1.5em;
	}

	#home_values .value_list {
		margin:-12px;
	}

	#home_values .value_list .value_item {
		margin:12px;
	}

	#home_values .value_list .value_item .image {
		flex:0 0 192px;
	}

	
}


@media(min-width:768px){

	#home_values .panel_intro {
		margin-bottom:96px;
	}

	#home_values .panel_intro .headline {
		font-size:1.8em;
	}	

	#home_values .value_list {
		flex-direction:row;
		flex-wrap:wrap;
	}

	#home_values .value_list .value_item {
		flex:calc(50% - 24px);
	}

	#home_values .value_list .value_item .text .excerpt {
		font-size:1em;
	}

	#home_values .value_list .value_item:first-child {
		flex:1 1 100%;
		flex-direction:row;
	}

	#home_values .value_list .value_item:first-child .image {
		flex:0 0 50%;
		height:auto;
	}

	#home_values .value_list .value_item:first-child .text {
		padding:64px 48px;
		display: flex;
		align-items: center;
		padding-top: 0;
		padding-bottom: 0;
	}

	#home_values .value_list .value_item:first-child .image:after{
		display: none;
	}

	#home_values .value_list .value_item:first-child .text .actions{
		position: relative;
		bottom: 0;
	}


}




@media (min-width: 1024px) {


	#home_values .panel_intro {
		padding-top:48px;
	}

	#home_values .panel_intro .headline {
		font-size:2em;
	}



	#home_values .value_list {
		margin:-16px;
	}

	#home_values .value_list .value_item {
		flex:0 0 calc(50% - 32px);
		margin:16px;
	}

	#home_values .value_list .value_item .image {
		flex:0 0 256px;
	}


	#home_values .value_list .value_item .text .headline {
		font-size:1.5em;
		margin-bottom:16px;
	}

	#home_values .value_list .value_item .text .excerpt {
		font-size:1.1em;
	}

	#home_values .value_list .value_item .text .actions {
		margin-top:16px;
	}



}



/*-- C2. Values Page ----------------------------------------------- */
#home-header.header-values{
    height: 400px;
}

#home-header.header-values .triangle-top{

}

#home-header.header-values .triangle-bot{
	display: none;
	background-color: #0f243d;
}

#values-federal-statement{
	z-index: 5;
    position: relative;
	/*background-color: rgb(0,149,218);
    background: linear-gradient(177deg, rgba(0,149,218,1) 0%, rgba(0,82,156,1) 100%);*/
	background-color: #0f243d;
}

#values-federal-statement:after{
	content: "";
	position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    height: 140px;
    width: 100%;
    background-color: #07172a;
	clip-path: polygon(0 0, 0% 100%, 100% 0);
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}



#values-federal-statement .statement_container{
	position: relative;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

#values-federal-statement .statement_container .photo{
	flex: 0 0 100%;
}

#values-federal-statement .statement_container .photo img{
	display: block;
    width: 400px;
    max-width: 100%;
	height: auto;
	margin-top: -30px;
}

#values-federal-statement .statement_container .text{
	flex: 0 0 100%;
    padding: 50px 0;
    background: #07172a;
    width: 110%;
    display: block;
    padding-left: 10%;
    padding-left: 5%;
    padding-right: 5%;
    margin-left: -5%;
}

#values-federal-statement .statement_container .text > div{

}

#values-federal-statement .statement_container .text h2{
	color: #fff;
	font-style: italic;
	font-size: 20px;
}

#values-federal-statement .statement_container .text p.leader-name{
	color: #fff;
	margin: 20px 0 0;
    font-weight: 600;
    font-size: 18px;
}

#values-federal-statement .statement_container .text p.leader-positions{
	color: #fff;
	margin: 0;
    font-weight: 600;
    font-size: 16px;
}

#values-federal-statement .statement_container .text a.button:hover{
	color: #fff;
}

/**/
#values-state{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background-color: #142B45;
	background-color: #07172a;
    background: linear-gradient(45deg, #07172a, #183555);
}

/*
#values-state:after{
	content: "";
	position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 140px;
    width: 100%;
    background-color: #68C5DD;
	clip-path: polygon(0 0, 0% 100%, 100% 0);
}
*/

#values-state .text > div{
	padding: 40px 0;
}

#values-state .text{
	position: relative;
	z-index: 2;
	flex: 0 0 100%;
}

#values-state .text h2{
	color: #fff;
	padding: 0 10%;
	font-size: 30px;
	max-width: 450px;
	margin: 0 auto;
}

#values-state .photo{
	position: relative;
	z-index: 2;
	flex: 0 0 100%;

}





/**/

#values-importance{
	padding: 50px 0 100px;
	color: #fff;
	background-color: #0f243d;
}

#values-importance .text{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

#values-importance .text h2{
	color: #fff;
	text-align: center;
	margin: 0 auto 50px;
}




@media(min-width: 768px){
    
    #home-header.header-values{
        height: 600px;
    }


	#values-federal-statement .statement_container .photo{
		flex: 0 0 45%;
	}

	#values-federal-statement .statement_container .photo img{
		width: 100%;
	}

	#values-federal-statement .statement_container .text{
		flex: 0 0 55%;
		padding: 0;

		background: none;
		width: auto;
		display: block;
		margin: 0;

	}
	
	
	#values-state .text{
		flex: 0 0 55%;
	}



	#values-state .photo{
		flex: 0 0 45%;
	}
	
	

	#values-importance .text .cols{
		column-count: 2;
		column-gap: 40px;
	}
		
	#values-state .text h2{
		/*margin-top: 50px;*/
		padding: 0;
		font-size: 40px;
	}
	
}

@media(min-width: 1200px){
    #home-header.header-values{
        height: 800px;
    }
    
	#values-federal-statement .statement_container .text h2{
		font-size: 30px;
	}

	#values-federal-statement .statement_container .text p.leader-name{
		margin: 40px 0 0;
		font-size: 22px;
	}
	
	#values-federal-statement .statement_container .text p.leader-positions{

		font-size: 20px;
	}



}

@media(min-width: 1600px){

	#values-state .text > div{
		padding: 40px 10% 40px 40%;
	}



}



/*-- backpages --*/
#page_banner .page_headline{
	color: #fff;
}

#page_banner::before,
#page_banner::after{
	content: "";
    position: absolute;
	z-index: 6;
	width: 40px;
    height: 40px;
}

#page_banner::before{
    top: 0;
    right: 0;
    background-color: #68C5DD;
	clip-path: polygon(0 0, 100% 100%, 100% 0);
}

#page_banner::after{
    bottom: 0;
	left: 0;
    background-color: #fff;
	clip-path: polygon(0 0, 0% 100%, 100% 100%);
}


@media(min-width:768px){
	#page_banner::before,
	#page_banner::after{
		width: 150px;
		height: 100px;
	}
}


/*-- Team Pages ---*/
body[data-type-id='6'] #page_banner .panel_maxwidth {
    padding: 100px 0 80px;
}


@media(min-width:768px){
	body[data-type-id='6'] #page_banner .panel_maxwidth {
		padding: 200px 0 150px;
	}
}


/*-- Individual Page --*/
.panel_team_profile > div{
	padding-top: 80px;
}

.panel_team_profile .row_intro .page_headline{
	color: #fff;
}

@media (min-width: 768px){
	.panel_team_profile .col_headshot {
		flex: 0 0 210px;
	}
}

@media (min-width: 1000px){
	.panel_team_profile > div{
		padding-top: 120px;
	}

	.panel_team_profile .col_headshot {
		flex: 0 0 280px;
	}
}

@media (min-width: 1280px){
	.panel_team_profile .col_headshot {
		flex: 0 0 347px;
	}
}

@media (min-width: 1750px){
	.panel_team_profile > div{
		padding-top: 50px;
	}
}





/*-- Donate Page ---*/

/* .page_donate .panel_padding {
	padding: 100px 0;
} */

body .page_donate .donate_intro .preamble h3{
	color: #fff;
}

body[data-entry-slug="donate"] #home-get-involved-mobile,
body[data-entry-slug="donate"] #home-get-involved{
	display: none;
}

body[data-entry-slug="donate"] .page_donate{
	position: relative;
}

body[data-entry-slug="donate"] .page_donate .donate_intro h1{
	color: #fff;
}

body[data-entry-slug="donate"] .page_donate .donate_box{
	max-width: 550px;
}

body[data-entry-slug="donate"] .page_donate .donate_legal{
	text-shadow: 2px 2px 40px #00000070;
	max-width: 650px;
}

/* body[data-entry-slug="donate"] .page_donate:before{
    content: "";
    background-image: url(https://saliberal.org.au/images/site_saliberal/anna-finizio-donate.jpg);
    display: block;
    width: 100%;
    height: 350px;
    background-position: 50% 30%;
    background-repeat: no-repeat;
    background-size: cover;
}


body[data-entry-slug="donate"] .page_donate:after{
	content: "Dr Anna Finizio, Liberal Candidate for Dunstan";
	position: absolute;
	z-index: 2;
	color: #fff;
	background: #173250;
    padding: 8px 12px;
    left: 15px;
    top: 300px;
    font-size: 12px;
} */

body[data-entry-slug="donate"] .preamble{
	max-width: 620px;
	border-top: 2px solid #68c5dd;
    padding-top: 30px;
	margin-bottom: 40px;
}

body[data-entry-slug="donate"] .preamble h3{
	color: #fff;
	text-transform: uppercase;
}

body[data-entry-slug="donate"] .preamble h3 span{
    display: block;
    margin-top: 5px;
    font-weight: 700;
	font-size: 1.1em;
}

/**/
.page_donate .donate_box .presets{
	max-width: 500px;
}
.page_donate .donate_box .presets .preset{
    height: 90px;
	width: 70px;
    padding: 0 12px;
    text-align: center;
    justify-content: center;
	transition-duration: .2s;
}

.page_donate .donate_box .presets .preset:hover{
	background: #205d86;
	cursor: pointer !important;
}

.page_donate .donate_box .presets .preset .currency{
    margin-right: -2px;
    margin-left: -2px;
}

.page_donate .donate_box .presets .preset .wrapper::before{
    display: block;
    text-align: center;
    font-size: 25px;
	margin-bottom: 5px;
}

.page_donate .donate_box .presets .preset .number{
	font-size: 20px;
}

.page_donate .donate_box .presets .preset:nth-child(1) .wrapper::before{content: "🙏";}
.page_donate .donate_box .presets .preset:nth-child(2) .wrapper::before{content: "👏";}
.page_donate .donate_box .presets .preset:nth-child(3) .wrapper::before{content: "😃";}
.page_donate .donate_box .presets .preset:nth-child(4) .wrapper::before{content: "😁";}
.page_donate .donate_box .presets .preset:nth-child(5) .wrapper::before{content: "😲";}
.page_donate .donate_box .presets .preset:nth-child(6) .wrapper::before{content: "🥹";}


/* Donate SA Young Liberals */
	body[data-entry-id="38959"] .preamble{
		display: none;
	}

	body[data-entry-id="38959"] #home-get-involved{
		display: none;
	}

	body[data-entry-id="38959"] .donate_intro h1.headline{
		max-width: 450px;
		margin-top: -30px !important;
	}


/* End of Donate SA Young Liberals */

@media(min-width:768px){
	body[data-entry-slug="donate"] .page_donate .donate_intro{
		margin-top: 50px;
	}

	/* body[data-entry-slug="donate"] .page_donate{
		background-image: url(https://saliberal.org.au/images/site_saliberal/anna-finizio-donate.jpg) !important;
	} */
	
	body[data-entry-slug="donate"] .page_donate:before{
		display: none;
	}

	body[data-entry-slug="donate"] .page_donate:after{
		display: block;
		top: 25px;
		left: unset;
		right: 20px;
		padding: 10px 15px;
	}

	.page_donate .donate_box .presets .preset{
		width: 130px;
	}

	
}

@media(min-width:1000px){
	body[data-entry-slug="donate"] .page_donate .donate_intro{

	}

	body[data-entry-slug="donate"] .page_donate .donate_box{
		max-width: 650px;
	}

}







/*-- C3. Nominate for Pre-Selection Page ----------------------------------------------- */
body[data-entry-id="28897"] .download_list .row_item .text .name{
    margin: 0 0 10px;
}

body[data-entry-id="28897"] .download_list .row_item .text .description{
    line-height: 140%;
    max-width: 670px;
}

@media(min-width:768px){
	body[data-entry-id="28897"] .download_list .row_item{
        padding: 40px;
	}
	
}



/*-- D. Forms Page - Volunteer Pages  ----------------------------------------------- */


#form_page .form_box .mobile-banner{
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}


#form_page .form_box .banner .page_headline{
	color: #fff;
}


/*Senator Alex Antic Volunteer Page*/
body[data-entry-id="40257"] #form_page .bg {
    background-attachment: fixed;
    background-position: 50% 10%;
}

@media(max-width:1199px){
	body[data-entry-id="40257"] #form_page .bg {
		background: #16314f !important;
	}
}

/* end of Senator Alex Antic Volunteer Page*/

@media(min-width:1200px){
	#form_page .form_box .mobile-banner{
		display: none;
	}


}





/*-- Z. Animation Elements --------------------------------------------------------------------*/
.animate{
	position: relative;
  }

  .animate.opaque{
	opacity: 1 !important;
  }
  
  .bounce-up.in-view.animate,
  .slide-from-left.in-view.animate,
  .slide-from-right.in-view.animate,
  .fadein.in-view.animate{
	opacity: 1;
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
  }
  
  /*-- animation: bounce up--*/
  .bounce-up.animate {
	opacity: 0;
	
	/*-- transition --*/
	-moz-transition: all 700ms ease-out;
	-webkit-transition: all 700ms ease-out;
	-o-transition: all 700ms ease-out;
	transition: all 700ms ease-out;
	
	/*-- transform --*/
	-moz-transform: translate3d(0px, 50px, 0px);
	-webkit-transform: translate3d(0px, 50px, 0px);
	-o-transform: translate(0px, 50px);
	-ms-transform: translate(0px, 50px);
	transform: translate3d(0px, 100, 0px);
	
	/*-- visibility --*/
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
  }
  
  /*-- animation: slide from left --*/
  .slide-from-left.animate {
	opacity: 0;
	-moz-transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
	-moz-transform: translate3d(-50px, 0px, 0px);
	-webkit-transform: translate3d(-50px, 0px, 0px);
	-o-transform: translate(-50px, 0px);
	-ms-transform: translate(-50px, 0px);
	transform: translate3d(-50px, 0px, 0px);
  }
  
  /*-- animation: slide from right --*/
  .slide-from-right.animate {
	opacity: 0;
	-moz-transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
	-moz-transform: translate3d(50px, 0px, 0px);
	-webkit-transform: translate3d(50px, 0px, 0px);
	-o-transform: translate(50px, 0px);
	-ms-transform: translate(50px, 0px);
	transform: translate3d(50px, 0px, 0px);
  }
  
  @media (max-width: 768px){
	.animate{
	  overflow: hidden;
	}
  }
  
  .delay-1 {transition-delay: 0.10s !important;}
  .delay-2 {transition-delay: 0.20s !important;}
  .delay-3 {transition-delay: 0.30s !important;}
  .delay-4 {transition-delay: 0.40s !important;}
  .delay-5 {transition-delay: 0.50s !important;}
  .delay-6 {transition-delay: 0.60s !important;}