@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=Roboto+Condensed:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {font: 1rem/1.55em 'Roboto Condensed', sans-serif;; color: #444;}

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;}

.button.is-primary {background: #039; text-transform: uppercase; font-weight: bold; font-family: inherit;}
.button.is-primary:hover {background: #386acc}

.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%;
}

.bg-dark, .content .bg-dark h3 {color: #FFF;}

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

ul.tick li {
	text-indent: -30px;
	margin: 0;
	line-height: 2em;
	list-style: none;
}
ul.tick li:before {
	content: '\f00c';
	color: #5f8ae0;
	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 {display: flex; padding: 0 1rem; position: relative;  justify-content: space-between;}
header:after {
	content: '';
	position: absolute;
	bottom: -8px;
	left: 0;
	right: 0;
	height: 8px;
	background: rgba(7, 41, 109, 0.1);
	z-index: 8
}
header #logo {position: relative; width: 375px;}
header #logo a {
	display: block;
	padding: 10px 20px 26px;
	clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
	background: #003399;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
}
header .widget {display: flex; align-items: center;}
header .widget .button {border: 1px solid #5f8ae0; color: #666;}
header .widget .button i, footer i {color: #a0bffd}
header .widget .button:hover {background: #5f8ae0; color: #FFF;}
header .widget .button strong {display: inline-block; margin-left: 6px; }

header nav {flex: 1 1 auto;}
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: center;}
#menu-main-menu > li {padding: 0 1.5rem; z-index: 98;}
#menu-main-menu > li > a {
	color: #888888;
	text-transform: uppercase;
	line-height: 76px;
	border-bottom: 1px solid transparent;
	white-space: nowrap;
}
#menu-main-menu > li:hover > a, #menu-main-menu > li.current-menu-item > a	{color: #039; border-bottom-color: #039}
#main-menu ul ul{
	position: absolute;
	width: 240px;	
	background: rgba(0, 40, 120, 0.9);
	z-index: 99;
}
#main-menu li li a {
	padding: 8px 20px;
	color: #FFF;
	position: relative;
}
#main-menu ul ul li.menu-item-has-children > a:after {
	font-family: 'FontAwesome'; 
	content: '\f105';
	position: absolute;
	right: 10px;
	color: #94b8ff;
	z-index: 100
}
#main-menu li li a:hover {
	background: #386acc;
}
#main-menu ul ul ul {
	top: 0;
	left: 100%;
}

.page-title {
	padding: 3rem 0 ;
	background: #5f8ae0;
	text-align: center;
}
.page-title h1 {
	margin: 0;
	color: #FFF;
	font-size: 2em;
	text-transform: uppercase;
	letter-spacing: 4px;
	word-spacing: 8px;
}

.content {padding: 5rem 0;}
.home .content {padding: 0;}

footer {border-top: 1px solid #e7e7e7;}
footer a {color: #444;}
footer a:hover {color: #039}
footer i {margin-right: 6px;}
footer .address p {text-indent: -10px;}

.copyright {border-top: 1px solid #e7e7e7; padding: 1rem; font-size: .9em; color: #999}
.copyright .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.home .content .widget-title {
	display: inline-block;
	text-transform: uppercase;
	font-size: 2.5rem;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 0 0 3rem;
	position: relative;
}
.home .content .widget-title:before, .home .content .widget-title:after {
	content: '';
	position: absolute;
	top: 50%;
	height: 1px;
	width: 60px;
	background: #5f8ae0;
}
.home .content .widget-title:before {right: 105%;}
.home .content .widget-title:after {left: 105%;}

#slideshow {position: relative;}
#slideshow .request-quote {
	text-align: center;
	position: absolute;
	right: 1rem;
	top: 0;
	z-index: 9;
	background: rgba(0,51,153, .9);
	padding: 2rem;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);

}
.home .content  #slideshow .request-quote .widget-title {font-size: 1.7rem; margin: 0 0 2rem;}
#slideshow .request-quote label {color: #FFF !important}
#slideshow .request-quote .frm_submit {text-align: right;}



.intro {
	font-size: 1.7rem;
	line-height: 1.5em;
	padding-right: 2rem;
	border-radius: 1px dashed #e7e7e7;
}

#services {text-align: center;}
#services .sow-masonry-grid-item {position: relative;}
#services .sow-masonry-grid-item .overlay {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 85%;
	background: rgba(0, 51, 153, .9);
	color: #FFF;
	text-align: center;
	padding: .7rem 2rem;
	transition: .5s all ease;
}
#services .sow-masonry-grid-item a:hover .overlay {
	top: 0;
	font-size: 1.3em;
}

#enquiry {background: #f0f0f0; padding: 3rem;}

.gallery-item {padding: 1px; margin: 0 !important;}
.gallery-item a {display: block;}
.gallery-item img {max-width: 100%; height: auto; border:none !important; display: block;}
.gallery-item .gallery-caption {font-size: .8rem; line-height: 1.4em; margin: 4px 0 8px}