@charset "utf-8";
/*
Theme Name: AU Digital
Theme URI: 
Author: AU Digital
Author URI: http://audigital.com.au
Description: AU Digital  Theme
Version: 2.0

 */

@import url('https://fonts.googleapis.com/css2?family=Fahkwang:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Funnel+Display:wght@300..800&display=swap');

:root {
  --cream: #f1ead8;
  --khaki: #d5c7ad;
  --sage : #8a8e75;
  --olive: #bec5a4;
  --brown: #68604d;
}

body {font: 1rem/1.55em 'Funnel Display', sans-serif; color: #333; }

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

a {
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	-moz-transition: all .3s linear;
	text-decoration: none;
	outline: none;
}
a:hover, a:focus {text-decoration: none; outline: none;}

blockquote {padding-left: 2rem;}

.padding-section {padding: 5rem 0;}


a {
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	-moz-transition: all .3s linear;
	text-decoration: none;
	outline: none;
	color: var(--sage);
}
a:hover, a:focus {text-decoration: none; outline: none;}

h1, h2, h3, h4 {font-family:  Fahkwang, sans-serif;}

.padding-tb-5 {padding: 5rem 0;}

.lsow-dark-bg, .lsow-dark-bg h2, .lsow-dark-bg h3 {color: #FFF;}
.lsow-dark-bg a {color: var(--olive);}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

ul.styled {margin: 0; padding: 0;}

ul.tick li {
	text-indent: -30px;
	margin-left: 30px;
	line-height: 2em;
	list-style: none;
}
ul.tick li:before {
	content: '\f00c';
	color: var(--olive);
	font-family: "FontAwesome";
	margin-right: 10px;
}

img.alignleft {float: left; margin: 0 30px 30px 0;}
img.alignright {float: right; margin:  0 0 30px 30px;}

header {padding: .5rem 1rem; position: absolute; top: 0; left: 0; right: 0; z-index: 99;}

#logo {position: relative;}
#logo a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	
}
#logo img {max-width: 14rem;}

nav ul {margin: 0; padding: 0;}
nav li {position: relative; list-style: none;}
nav li a {display: block;}

nav ul ul, nav ul li:hover ul ul, nav ul ul li:hover ul ul {display: none;}
nav ul li:hover ul, nav ul ul li:hover ul, nav ul ul ul li:hover ul {display: block;}

#menu-main-menu {display: flex; justify-content: flex-end;;}
#menu-main-menu > li {margin: 0 1rem;}
#menu-main-menu > li > a {
	padding: 1rem 0;
	line-height: 1.3em;
}
#menu-main-menu > li:hover > a, #menu-main-menu > li.current-menu-item > a	{color: var(--brown);}
#main-menu ul ul{
	position: absolute;
	width: 240px;
	border-radius: 6px;
	overflow: hidden;
}
#main-menu li li a {
	padding: 8px 16px;
	color: var(--brown);
	background: var(--khaki)
}
#main-menu li li a:hover {
	color: white;
	background: var(--brown)
}

.page-title {
	padding: 12rem 0 3rem ;
	text-align: center;
	background: var(--cream);
}
.page-title h1 {
	margin: 0;
	font-size: 3rem;
	color: var(--brown);
}
.content {padding: 5rem 0;}
.home .content {padding: 0;}
.page-id-11 .content {padding: 0;}
.content h2, .content h3, .content h4 {margin: 0 0 1em; padding-top: .5em; color: var(--brown);}
.content h3.widget-title {margin: 0 0 2rem;}

.copyright {
	text-align: center;
	padding: 1rem 0;
	border-top: 1px solid var(--khaki);
}


/* HOME */

#hero {padding-top: 80px; min-height: 75vh;}
#hero h1 {color: var(--brown); font-size: 2.5rem; font-family: Fahkwang, sans-serif; font-weight: 300;}


#faq .lsow-accordion.style3 .lsow-panel .lsow-panel-title {text-transform: none; letter-spacing: 0; font-size: 1.2rem; font-weight: normal;}

.plan {
	background: white;
	padding: 2rem;
	border-radius: 1rem;
	}
.plan h4 {
	display: block;
	font-weight: bold;
	padding: 1rem 0; 
	font-size: 2rem; 
	border-top: 1px solid var(--olive);
	border-bottom: 1px solid var(--olive);
	}
.plan ul {text-align: left;}