/*   
Theme Name: THe Audience Agency
Author: MOSTLY SÖNKE ¯\_(ツ)_/¯
Author URI: http://lpip.com.au
Description: Wordpress Templates
Version: 1
*/


/* Fonts 
-------------------------------------------------------------- */

@font-face {
	font-family: 'Jungka-Book';
	src: url('fonts/Jungka-Book.eot');
	src: url('fonts/Jungka-Book.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Jungka-Book.woff') format('woff'),
		 url('fonts/Jungka-Book.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Chronicle Deck';
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Chronicle Deck';
	src: url('fonts/ChronicleDeck-Roman.eot');
	src: local('☺'), url('fonts/ChronicleDeck-Roman.woff') format('woff'), url('fonts/ChronicleDeck-Roman.ttf') format('truetype'), url('fonts/ChronicleDeck-Roman.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	letter-spacing: 1px;

}



/* Colors
-------------------------------------------------------------- */

/*see external php file*/

/* General
-------------------------------------------------------------- */


* {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	margin:0;
	padding:0;
} 

html, body {
	height: 100%;
	min-height: 100%;
}

body { 
	font-family: 'Chronicle Deck';
	font-size: 16px;
	overflow: visible;
	text-rendering: geometricPrecision !important;
	-webkit-font-smoothing: antialiased !important;
	line-height: 1.35;
}


img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}

p {
	margin: 0 0 2rem 0;
	float:none;
	clear:both;
}
p:last-of-type {
	margin: 0 0 1rem 0;
	/*margin:0;*/
}

main p {
	font-weight: 300;
}


strong, b {
	font-weight: normal;
}

a { 
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}



p a:hover {
	border-bottom: none;

}
h1 {
	font-family: 'Chronicle Deck';
	font-size: 21px;

}


h2, h4, span.gform_description {
	font-family: 'Jungka-Book';
	margin: 0 0 1.25rem 0;
	font-weight: 400;
	line-height: 1em;

}
span.gform_description {
	font-size: 1.5em;
}


h2 {

	font-size: 18px;
	font-weight: normal;

}

h3 {

	font-family: 'Chronicle Deck';
	font-size: 21px;

}

h1:only-child, 
h2:only-child, 
h3:only-child, 
h4:only-child, 
p:only-child {
	margin: 0;

}

h1 a, 
h2 a, 
h3 a, 
h4 a {
	text-decoration: none;
}

strong {

}

small {

	font-size: 14px;
	line-height: 1.25em !important;
	display: inline-block;
	margin-top: 10px
}

ul { 
	list-style: none;
}

.center {
	text-align: center;
}
.left {
	text-align: left;
}

.right {
	text-align: right;
}

.list {
		padding: 0 20px;
}

.list li {
	border-bottom: 1px solid rgba(240,240,240,1);
	padding: 8px;
	max-width: 100%;
	margin: 0 auto;
	line-height: 1.15em;
	font-size: 0.9em
}


.list h2 {
	margin-top: 2rem;
}



div.col-lg-4.center.list {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

/* p img {
	width: 100%;
	height: auto;
}*/

.post-edit-link {
	position: fixed;
	bottom: 0;
	right: 0;
	color: #fff !important;
	font-size: 15px;
	color:black;
	padding: 5px;
}

.button {
	display: inline-block;
	padding: 0.5em;
	margin-bottom: 0;
	font-size: 18px;
	line-height: 1;
	text-transform: uppercase;
	font-weight: bold;
	clear:both;
	
}



figure, .embed-container {margin-bottom: 30px}


/* General styles for desktop */
@media (min-width : 768px) {
	body { 
		font-size: 18px;
		overflow: visible;
		}
		
	h1 {
	font-family: 'Chronicle Deck';
	font-size: 42px;
	margin: 0 0 1.75rem 0;

	}

	h2, h3, h4 {
		margin: 0 0 1.25rem 0;
	}
	h2 {
		font-size: 24px;

	}

	h3 {
	font-family: 'Chronicle Deck';
	font-size: 24px;
	}

	h1 {
	font-size:32px;
	}

	.button {
	padding: 8px 10px;
	margin-bottom: 0.5rem;
	line-height: 1;
	}
	a.mobile-jump {display: none;}
	.list li {
	max-width: 80%;
	margin: 0 auto;

}

}

/* Home Page
-------------------------------------------------------------- */
.big-box {
	position:relative;
	width:100%;
	height:50vh;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position:center bottom;
	text-align: center;
} 

.gallery {
	position:relative;
	height:50vh;
	background: url('http://taa.lpip.com.au/site/wp-content/themes/taa/images/placeholder.jpg') repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center bottom;
	text-align: center;
} 


.testimonials {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center bottom;
	text-align: center;
	background-color: rgba(50, 0, 19, 0.9);
} 


.txt-left {
	position: absolute;
	top: 50%;
	left:-15px;
	-ms-transform: rotate(-90deg);
	/* IE 9 */
	-webkit-transform: rotate(-90deg);
	/* Chrome, Safari, Opera */
	transform: rotate(-90deg);
}

.txt-right {
	position: absolute;
	top: 50%;
	right:-15px;
	-ms-transform: rotate(90deg);
	/* IE 9 */
	-webkit-transform: rotate(90deg);
	/* Chrome, Safari, Opera */
	transform: rotate(90deg);
}

.tagline {
	position: absolute;
	top: 92%;
	left: 50%;
	transform: translate(-50%, -85%);
	text-align: center;
	font-size: 30px
}

.caption {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 30px
}

.intro-txt {
	text-align: center;
	max-width: 760px;
	font-weight:100;
	margin:30px auto 60px;
}

.out-lines {

	padding: 0 60px;
}


.square {
	position: relative;
	width: 100%;
	height: 100vw;
	z-index: 10;
	opacity:0.9;
}
.square-1 {
	position: relative;
	width: 100%;
	height: 100vw;
	padding-right: 0 !important;
	padding-left: 0 !important;
	z-index: 10;
	opacity:1;
	background:url('http://taa.lpip.com.au/site/wp-content/themes/taa/images/map.png') no-repeat center;
	margin-top:-110px;
}


.square a {
	border-bottom: 1px solid rgba(255,255,255,0.25);
	padding-bottom: 1px;
	opacity:0.8;

}
.square a:hover {
	opacity:1;

}

li a 	{

	border-bottom: none !important;

}


.square h3 {
	font-family: 'Jungka-Book';
	font-size: 28px;
	line-height: 2.5rem;

}

.m-top-90-40 {
		margin-top:40px;
		text-align: center;
	}


/*div.col-xs-6.square-1.color-2 {

	margin-top: -100px;
}*/

div.col-md-4.swoosh-2.m-hide.center {
	display: none;
}

@media (min-width : 768px) {

	div.col-md-4.swoosh-2.m-hide.center {
	display: block;
}
	.txt-left {
	top: 45%;
	left:0;

	}
	.txt-left-container {
		position: relative;
		margin-top: 50%;

	}
	.txt-right {
	top: 45%;
	right:-20px;
	}

	.square {
		position: relative;
		width: 50%;
		height: 50vw;
	}
	.square-1 {
		position: relative;
		width: 50%;
		height: 50vw;
	}
	.square h3 {
	font-size: 48px;
	line-height: 4.5rem;

	}
	.caption {
	left: calc(50% - 105px);
	}
	.intro-txt {
	margin: 40px auto 0;
	}
	.big-box {
	height:66vh ;
	}
		.m-top-90-40 {
		margin-top:90px !important;
		text-align: left;
	}

	
}
@media (max-width : 768px) {
	
/*	.square h3 {
		font-size: 32px;
		line-height: 3rem;

	}
	.txt-left {
	top: 45%;
	left: -20px;
	}

	.txt-right {
	top: 45%;
	right:-20px;
	}
	h2 {
		font-size: 24px;
	}*/
.gallery {
	height:75vh;
	}
}
/*Show more thingo*/

.readMore2 {
	display: inline-block;
	margin-top: 0;
	cursor: pointer;
	border-bottom: 2px solid #ccc;
	padding: 10px 0 0;
	margin-bottom: 10px;

}
.readMore2:hover {
	border-bottom: 2px solid transparent;

}

/* Colllahhhhgé styles */
.collage-1 img, .collage-2 img, .collage-3 img, .collage-4 img  {
	width:100%; height:auto;
}

.collage-1 {
	position: absolute;
	right: 0;
	bottom: -73%;
	width: 100%;
	max-width: 100%;
	height: auto;
}

.collage-2 {
	position: absolute;
	width: 50%;
	right: 0;
	bottom: -125%;
}
.collage-3 {
	position: relative;
	width:100%;
	height:auto;
}

.collage-4 {
	position: absolute;
	width: 50%;
	left: 0;
	top:50%;
/*	top: -16.666%;
*/	z-index: 99;

}

.img-caption {
	display: block;
	padding: 6px 12px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.9);
	font-size: 80%;
}

/* Swooshy styles */

.swoosh {
	opacity: 0.05;
	z-index: 12;
	max-width:33%;
	margin-top:58%;
}

.swoosh-2 {
	opacity: 0.05;
	z-index: 12;
	max-width:33%;
	margin: -125px auto 10px;
	}

@media (min-width : 768px) {

	.collage-1 {
	position: absolute;
	right: 0;
	top: 130px;
	width: 66%;
	max-width: 66%;
	height: auto;
	}

	.collage-2 {
		width:33%;
		bottom: -100px;
	}
	.collage-3 {
		position: absolute;
		left: 0;
		bottom: 10%;
		width:66%;
		max-width: 66%;
		height:auto;
	}

	.collage-4 {

	position: absolute;
	width:25%;
	left: 0;
	top:55%;
	z-index: 99;
	}

	.swoosh {
	opacity: 0.05;
	z-index: 12;
	max-width:100%;
/*	padding-top: 80px;
*/	margin-top: auto;
	}


}

/*Industries section*/


.industry {
	margin-top: 0;
	margin-bottom: 0;

}

/* Services section */

.services {
	margin: 40px auto 60px;
	z-index: 9999 !important;
}

h1.services {
	max-width:90%;
	margin:20px auto;

}

.clients {
	padding-right:30px;
	max-width:820px;

}


@media (min-width : 768px) {
	h1.services {
	max-width:820px;
	margin: 50px auto -20px;
	}
	.industry {
	margin-top: -10%;
	margin-bottom: 10%;

}
}
/*@media (min-width : 768px) {
	h1.services {
	max-width:740px;
	margin-bottom: 0;
	font-size: 32px;
	}
}
*/




/* Layout helpers
-------------------------------------------------------------- */
.rotate-left {
-ms-transform: rotate(-90deg);
/* IE 9 */
-webkit-transform: rotate(-90deg);
/* Chrome, Safari, Opera */
transform: rotate(-90deg);
}

.rotate-right {
-ms-transform: rotate(90deg);
/* IE 9 */
-webkit-transform: rotate(90deg);
/* Chrome, Safari, Opera */
transform: rotate(90deg);
}
.abs-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}


.v-space {margin:20px 0;}
.v-space.x1 {margin:40px 0;}
.v-space.x2 {margin:100px 0;}
.v-space.x3 {margin:150px 0;}
.zero-auto {margin: 0 auto;}
.relative {position: relative;}



.m-top-200, .m-top-40 {
		margin-top: 0;
}

.m-top--100 {
	margin-top: 0;
} 
.m-top--150 {
	margin-top: 0;
} 

.m-b--50 {
	margin-bottom: 0;
}

.m-hide {display: none;}


.vh-75 {height:75vw}

.m-m-top--100 {
	margin-top: -80px;
}

.m-left {
	margin-left:0 ;

}

@media (min-width : 766px) {
	.v-space {margin:120px 0;}
	.v-space.x1 {margin:100px 0;}
	.v-space.x2 {margin:200px 0;}
	.v-space.x3 {margin:300px 0;}
	/*.inner {text-align: left;}*/
	.m-top-40 {
		margin-top:40px;
	}
	.m-top-60 {
		margin-top:60px;
	}

	.m-top-200 {
		margin-top:200px;
	}

	.m-top--100 {
		margin-top: -100px
	} 
	.m-top-100 {
		margin-top: 100px
	} 
	.m-top--150 {
		margin-top: -150px
	} 
	.m-b-100 {
		margin-bottom: 100px;
	}
	.m-b--50 {
		margin-bottom: -50px;
	}
	.m-hide {display: block;}

	.vh-75 {height: 100vw;}
	.m-m-top--100 {
	margin-top:0;
	}
	.m-left {
		margin-left:-40px; ;
	}
}




}
/* Social Icons
-------------------------------------------------------------- */
.social-icons {
	margin-bottom: 2rem;
}

.social-icons li {
	display: inline-block;
	padding: 0 7.5px;
}

.social-icons li:hover {
	opacity: 0.8;
}

.social-icons  li:first-child {

	padding: 0 7.5px 0 0;
}

.social-icons  li:last-child {

	padding: 0 0 0 7.5px;
}

ul.social-icons {
	margin-top: 10px;
}



@media (min-width : 768px) {
	.social-nav {display:none;}
	ul.social-icons {
		margin-top: 80px;
	}

}


/* Structure
-------------------------------------------------------------- */


.container-fluid {
	position: relative;
	width: 100%;
}

.container-fluid {
	padding-right: 1rem;
	padding-left: 1rem;
}

[class*=col] {
		background-size: cover;
		background-position: center;
}


.box {
	width:100%;
	min-width: 100%;
}

header .container-fluid {

	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
}

main {
	

}

.row {

		margin-right: -1rem;
		margin-left: -1rem;

	}

section {

}

footer {
	height:200px;
}

footer .container-fluid {
	margin-bottom: 2rem;
}

footer p:first-of-type {
	margin: 60px 0 10px;
}
footer p:last-of-type {
	margin: 10px 0 60px;
}
.lp {
	opacity:0.5;
}


@media (min-width : 768px) {

	.container-fluid {
		padding-right: 2rem;
		padding-left: 2rem;
	}
	
	header .container-fluid {
	margin-top: 0;
	margin-bottom: 0;
}

header .container-fluid {
	margin-top: 1.25rem;
	margin-bottom: 0.25rem;
}


	.row {

		margin-right: -2rem;
		margin-left: -2rem;

	}

	[class*=col-xs],
	[class*=col-sm] {
		padding-right: 1rem;
		padding-left: 1rem;
	}

}



@media (min-width : 64em) {

	[class*=col-md] {
		padding-right: 4rem;
		padding-left: 4rem;
	}

}

@media (min-width: 75em) {

	[class*=col-lg] {
		padding-right: 2rem;
		padding-left: 2rem;
	}

}





/* Header 
-------------------------------------------------------------- */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin-left:;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 100%;
  width: 100%;
  height:3px;
}


header {
	z-index: 999;
	width:100%;
	position: fixed;
	webkit-transition: all 0.2s ease-in-out;
	-moz-transition:    all 0.2s ease-in-out;
	-ms-transition:     all 0.2s ease-in-out;
	-o-transition:      all 0.2s ease-in-out;
	transition:         all 0.2s ease-in-out;
	padding:25px 0;
}

#logo { 
	display: block;
	margin: 0 auto;
	width: 200px;
	height: 13.158px;
	webkit-transition: all 0.2s ease-in-out;
	-moz-transition:    all 0.2s ease-in-out;
	-ms-transition:     all 0.2s ease-in-out;
	-o-transition:      all 0.2s ease-in-out;
	transition:         all 0.2s ease-in-out;

}


header.cover {
    padding: 6px 0 15px;
    opacity:0.95;
}

.duck svg {
	width: 100%;
    height: 100%;
}

.cover svg {
	width: 100%;
    height: 100%;
}
	




.cover #logo a {
	max-width:100%;
}

nav {
	position:absolute ;
	right:10px;
	top:-3px;
}

nav a {
	font-size: 18px;
	font-family: 'Jungka-Book';
	text-decoration: none;
	margin-right: 8px;
}

nav a:hover {
	opacity:0.9;
}



@media (max-width : 370px) {
	#logo { 
	
	width: 170px;
	height: 11.184px;

	}
	nav {
		top:0;
	}
}


@media (min-width : 768px) {

	header {
		padding: 25px 0 10px 0;
	}

	header.cover {
		padding: 0 0 15px 0;
	}

	#logo { 
		width: 380px;
		height:25px;

	}

	.cover #logo { 
	width: 300px !important;
	height: 19.737px !important;
	}

	nav {
	right:50px;
	}

}

/* Subscribe */

#subscribe {

	margin-top: 15px;
	text-align: center;
}

input{

	padding: 10px;
	font-size: 16px;
}
input[type="submit"]  {

	padding: 10px;
	

}




/*INstagram*/

.instagram-container img {
	margin-bottom:15px;
}

@media (min-width : 768px) {
	
.instagram-container img {
	margin-bottom:-40px;
	}

	#subscribe {
	margin-top: 150px;
	}
}

/* Footer
-------------------------------------------------------------- */
footer {
    text-align: center;

}


footer a {
	text-decoration: none;
}

footer h2 {
	margin: 20px 0 40px 0;
}

footer .widget a {
	text-decoration: none;
}

footer p {
	font-size: 16px;
}







.credits {
	font-size: 24;
}

@media (min-width : 768px) {
	

}

/* Contact Page
-------------------------------------------------------------- */

#contact {
	margin-bottom: 0;
}

#map {
	width:100%;
	height:0;
	padding-top:100%;
	margin-bottom: 2rem;
}

img.map {
	width:100%;
	height: auto;

}
@media (min-width : 768px) {
	#contact {
	margin-bottom: -80px;
}

}


/* Carousel (Flickity)
-------------------------------------------------------------- */


.carousel {
	position: relative;
	margin-bottom: 30px;
	margin-top: 30px;
	height:50vh;

}
.carousel-wide {
	position: relative;
	margin-bottom: 30px;
	height:50vh;

}
.grid-item .carousel {
    margin-bottom: 0;
}

.flickity-viewport {
	width: 100%;
}

.carousel-cell, .carousel-cell-wide  {
	width:100%;
	min-width: 100%;
	padding-right: 0;
	padding-left: 0;
}
.carousel-cell .inner, .carousel-cell-wide .inner-wide{
	width:100%;
	min-width: 100%;
	display: block;
	background-size: cover;
	background-position: center;
	height:100%;

}
	.carousel-cell .inner {
		height:50vh;

	}

	
	.carousel-cell-wide .inner-wide{
		height:50vh;

	}

.carousel-wide .carousel-content {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	text-align: center;
	padding: 10%;

}

.carousel-content {
	position: absolute;
	top: 90%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
	padding: 10%;
	font-size: 20px;

}

.carousel-content p {
	margin-bottom: 5px;
	line-height: 1.2em;
}

.carousel-content .button {
	display: inline-block;
	float:none;
}

.slider-link {
	margin-top: 10px;

}

@media (min-width : 960px) {
	.carousel-content h1,
	.carousel-content h2,
	.carousel-content h3,
	.carousel-content p {
		margin-bottom: 15px;
	}

	.slider-link {
	margin-top: 25px;

	}
	.carousel-content {
	width: 75%;
	font-size: 28px;
	top: 90%;
	}
	.carousel-wide .carousel-content {
	width: 75%;
	}


}
@media (max-width : 380px) {
	.carousel-content {
	
		font-size: 18px;
		padding: 5%;
	}
}

/* flickity nav position */
.flickity-page-dots {
	position: relative;
	margin-top: -50px;
	bottom:0;
	opacity:0.5;
}
	
.flickity-page-dots .dot {
	width: 12px;
	height: 12px;
	margin: 0 5px;


}

.flickity-prev-next-button.next, .flickity-prev-next-button.previous {
	display:none;
}

/* big buttons, no circle */
.flickity-prev-next-button {
	width: 66px;
	height: 66px;
	background: transparent;
	opacity:0.5;

}
.flickity-prev-next-button:hover {
	background: transparent;
	opacity:1;
}

/* hide disabled button */
.flickity-prev-next-button:disabled {
	display: none;
}

@media (min-width : 960px) {
	.carousel{
		height:75vh;

	}

	.carousel-cell .inner {
		height:75vh;

	}

	.carousel-wide {
		height:50vh;
		margin-bottom:0;
		z-index: 999;
	}

	.carousel-cell-wide .inner-wide{
		height:50vh;

	}

	.flickity-page-dots {
		position: relative;
		margin-top: -40px;
		bottom:0;
		opacity:0.5;
	}
		

	.flickity-prev-next-button.next, .flickity-prev-next-button.previous {
		display:block;
	}
	.flickity-prev-next-button.next {
		right: 10px;
	}
	.flickity-prev-next-button.previous {
		left: 10px;
	}
}


/* height based media queries
-------------------------------------------------------------- */
@media (max-height: 768px) and (min-width: 768px) {

	.container-fluid {

	}

	header .container-fluid {
	
	}




}