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

 */

body {font: 15px/1.55em 'Varela', 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;}

h1,h2,h3,h4,h5 {line-height: 1.5em;font-weight: bold;}
h3.widget-title {font-size: 1.5em; color: #111; text-transform: uppercase; margin: 0 0 1em;}

.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.tick li {
	text-indent: -30px;
	margin-left: 30px;
	line-height: 2em;
	list-style: none;
}
ul.tick li:before {
	content: '\f105';
	color: #27428d;
	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, footer {background: #27428d}
header {
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.5);
	box-shadow: 0 0 20px rgba(0,0,0,0.5);
	}
header #logo a {position: absolute; left: 30px; top: 10px; z-index: 9;}
header .widgets {
	position: absolute;
	right: 0;
	top: 120px;
}
header .bubble {
	background: #911f0b;
	color: #FFF;
	text-align: center;
	padding: 10px 40px;
	-webkit-border-top-left-radius: 60px;
	-moz-border-top-left-radius: 60px;
	border-top-left-radius: 60px;
	-webkit-border-bottom-left-radius: 60px;
	-moz-border-bottom-left-radius: 60px;
	border-bottom-left-radius: 60px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f85032+0,f16f5c+50,f6290c+51,f02f17+71,e73827+100;Red+Gloss+%231 */
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
header .bubble strong {text-transform: uppercase; font-size: 1.3em;}

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 {z-index: 998}
#menu-main-menu > li > a {
	color: #FFF; 
	text-transform: uppercase;
	line-height: 80px;
	padding: 0 30px;
	}
#menu-main-menu > li:hover > a, #menu-main-menu > li.current-menu-item > a	{background: rgba(20, 39, 122, .7)}
#main-menu ul ul{
	position: absolute;
	width: 280px;
	background: rgba(20, 39, 122, .9);
	z-index: 999;
	padding: 10px;
}
#main-menu ul li:last-child ul {right: 0;}
#main-menu li li a {color: #FFF; padding: 10px; }
#main-menu li li a:hover {background: rgba(4, 17, 83, 0.7)}

.page-title {
	padding: 40px 0 ;
	text-align: center;
	background: #fff9c0;
}
.page-title h1 {
	margin: 0;
	color: #8d3524;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
}
#content {padding: 80px 0;}

footer {color: #FFF; padding: 20px 0;}
footer p {margin: 0}

#tagline h2 {
	font-size: 3em; 
	color: #FFF;
	text-shadow: 3px 3px 4px rgba(0,0,0,0.5);
	}
	
.product-grid .widget {display: flex; flex-wrap: wrap;}
.product-grid .product-item {flex: 0 0 16.667%; padding: 8px; text-align: center; margin: 0 0 10px;}
.product-grid .product-item a {color: #111; display: block;}
.product-grid .product-item img {margin: 0 0 8px;}