@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=Nunito:ital,wght@0,400..700;1,400..700&family=Manrope:wght@200..800&display=swap');

:root {
  --navy: #1e3a6e;
  --sapphire: #3a5fc8;
  --periwinkle: #7b8fd4;
  --lavender: #a49fd8;
  --mist: #f5f4fe;
  --ivory: #f0d5a1;
  --gold: #D9B064;
  --darker-gold: #BD8F3A;
}
html, body {min-height: 100vh;}
body {
	font: 1rem/1.55em 'Nunito', sans-serif; 
	color: #484B5E; 
	background: #FEF9F1;
	display: flex;
	flex-direction: column;
	}

h1, h2, h3, h4, h5 {font-family: 'Manrope', sans-serif; color: var(--navy);}
h3, h4, h5 {margin: 0 0 0.6em;}
h4:not(:first-child) {padding-top: .5em;}

h2.animated--heading {margin: .25em 0 .5em ;}

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

.btn-primary {background-color: var(--sapphire); border: none; padding: .6rem 1.5rem;}
.btn-primary:hover {background-color: var(--gold)}



.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;
}
a:hover, a:focus {text-decoration: none; outline: none;}

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

.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(--sapphire);
	font-family: "FontAwesome";
	margin-right: 10px;
}

img {max-width: 100%; height: auto;}
img.alignleft {float: left; margin: 0 30px 30px 0;}
img.alignright {float: right; margin:  0 0 30px 30px;}

header {background: #FFF;}

header .container {position: relative;}
/*
#logo {
	background: white;
	padding: 1rem;
	border-bottom-left-radius: 1.5rem;
	border-bottom-right-radius: 1.5rem;
	position: absolute;
	z-index: 999;
	box-shadow: 0 0 20px rgba(15, 21, 67, 0.1);
}
#logo img {width: 150px; height: auto;}
*/

#top-bar {
	background: #372091;
}
#top-bar .widgets {
	display: flex;
	justify-content: flex-end;
	padding: .5rem 0;
}

#top-bar a {color: var(--gold); margin: 0 .5rem;}

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

header.sticky #main-menu { box-shadow: 0 1px 10px rgba(15, 21, 67, 0.1);}
#main-menu {padding: 1rem 0;}
/* #menu-main-menu {display: flex; justify-content: flex-end; align-items: center} */
#menu-main-menu > li {margin: 0 .5rem;}
#menu-main-menu > li.cta {margin: 0 .35rem; padding: .4rem 0;}
#menu-main-menu > li > a {
	padding: 1rem 0;
	color: var(--navy);
}
	header.sticky #menu-main-menu > li > a {color: var(--navy)}

#menu-main-menu  > li.cta > a {
	border-radius: 2rem;
	border: 2px solid transparent;
	padding: 6px 20px; 
	line-height: 1rem;
	position: relative;
	z-index: 0;
	overflow: hidden;
	color: #FFF;
	font-size: .9rem;
	white-space: nowrap; 
	}
#menu-main-menu > li.cta > a::after {
	position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    z-index: -1;
    content: "";
    transition: all .4s cubic-bezier(.42, 0, .58, 1) 0s;
    z-index: -1;
}
#menu-main-menu > li.cta > a:hover::after {
	left: 0;
	right: auto;
	width: 100%;
}
#menu-main-menu  > li.cta.call > a {background: #A249FA; }
#menu-main-menu  > li.cta.call > a:hover {border-color: #D287FF; }
#menu-main-menu > li.cta.call > a::after {background-color:#D287FF }
#menu-main-menu  > li.cta.contact > a {background: var(--sapphire); border-color: #A249FA)}
#menu-main-menu  > li.cta.contact > a:hover {border-color: #8CA6FF}
#menu-main-menu > li.cta.contact > a::after {background-color: #8CA6FF}
header.sticky #menu-main-menu > li.cta.call > a {border-color: var(--navy); color: var(--navy);}
header.sticky #menu-main-menu > li.cta.call:hover > a {color: #FFF; border-color: var(--darker-gold)}
header.sticky #menu-main-menu > li.cta.contact > a {color: #FFF;}

#menu-main-menu > li:not(.cta) > a:after, #menu-main-menu > li:not(.cta) > a:after {
	position: absolute;
    bottom: 0;
    right: 0;
    height: 2px;
    width: 0;
    content: "";
    transition: all .4s cubic-bezier(.42, 0, .58, 1) 0s;
	background-color:  #f0d5a1;
}
#menu-main-menu > li:not(.cta):hover > a:after, #menu-main-menu > li:not(.cta).current-menu-item > a:after	{
	left: 0;
	right: auto;
	width: 100%;
}


#main-menu ul ul{
	position: absolute;
	width: 240px;
	z-index: 99;
	border-radius: .5rem;
	border-top-left-radius: 0;
	background: #FFF;
	overflow: hidden;
	box-shadow: 0 1px 10px rgba(15, 21, 67, 0.1);
}


#main-menu li li {z-index: 100;}
#main-menu li li a {
	padding: .5rem 1rem ;
	line-height: 2em;
	font-size: .9rem;
	color: #666;
}
#main-menu li li a:hover {background: var(--mist)}

main {flex: 1 1 auto;}

.page-title {
	padding: 3rem 0;
	background: linear-gradient(107.35deg, #5c31b0 31.6%, #d5b5fd 92.01%);

	}
.page-title h1, .page-title p {
	margin: 0;
	color: #FFF
}
.page-title h1 {font-size: 2.6rem; font-weight: bold;}

footer h5 {text-transform: uppercase; font-size: 1rem; letter-spacing: 1px;}
footer .elementor-icon-list-icon svg {max-width: 16px;}

#hero {
	position: relative;
/* 	padding-top: 130px; */
}
#hero .caption {overflow-x: hidden;}
#hero .marquee {
    display: flex;
    width: max-content;
    animation: scrollAndFade 10s ease-in-out infinite;
}


/* The infinite loop animation logic */
@keyframes marquee {
    0% {
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes scrollAndFade {
  /* 0% to 25% (First 500ms): Scroll in from left to center */
  0% {
    transform: translateX(-100%);
    opacity: 1;
  }
  15% {
    transform: translateX(0);
    opacity: 1;
  }
  40% {
    transform: translateX(0);
    opacity: 1;
  }
  50% {
    transform: translateX(0);
    opacity: 0;
  }
  
  /* 75% to 100% (Last 500ms): Fade out completely */
  100% {
    transform: translateX(0);
    opacity: 0;
  }
}

#hero:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 290px;
	width: 100%;
	background: url(img/hero-divider.png) left bottom no-repeat;
	background-size: auto 100%;
	z-index: 2
}

#services .ekit-wid-con .elementskit-info-image-box .elementskit-box-content .elementskit-info-box-title {
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.3em;
	color: var(--navy);
	margin: 0 0 1em;
}
#services ul {margin: 0 0 1rem 1rem;}

.services-grid .elementor-widget, .why-grid .elementor-widget, #blog article {
	background: #FFF;
	border-radius: 1rem;
	overflow: hidden;
	box-shadow: 0 0 20px rgba(15, 21, 67, 0.1);
	height: 100%;
}
.why-grid .elementor-widget {padding: 2rem;}
.why-grid h4 {font-weight: bold;}

#blog .wcf-taxonomy a {
	border-radius: 2rem;
	font-size: .7rem;
	letter-spacing: 1px;
	background-color: var(--mist);
	color: var(--periwinkle);
}
#blog .wcf-meta {color: var(--gold)}

.faq-cta h4 {font-size: 1.1rem; color: white}
#faq .btn-rollover-left {
	border-radius: 2rem;
	border: none;
	background: var(--sapphire);
	color: white;
}

/* OVERRIDES */
.ekit-wid-con .elementskit-section-title {font-weight: 700;}
.elementor-7 .elementor-element.elementor-element-df318d8 .accordion-item {overflow: hidden}
.gallery-item img {border: none !important;}

.tml {padding: 5rem; max-width: 480px; margin: 0 auto;}

.single .page-title {
	background: linear-gradient(156deg, #6281F1 2%, #F6C3C3 100%);
	padding: 3rem 0;
}

.single .content {
	max-width: 800px;
	margin: 0 auto;
}

.single article {
	background: #FFF;
	padding: 3rem;
	margin: 0 0 2rem;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
	border-radius: 1rem;
}
.single h2 {margin: 0 0 1em;}
.single .featured-thumbnail {margin: 0 0 2rem;}
.single .featured-thumbnail img {width: 100%; height: auto;}