@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=Bebas+Neue&family=Roboto+Flex:opsz,wght@8..144,100;8..144,400;8..144,700&display=swap');

:root {
  --yellow: #ffce00;
  --blue: #032f7f;
  --green: #18a02f;
}

html, body {min-height: 100vh}

body {
	font: 1rem/1.55em 'Roboto Flex', serif; 
	color: #444; 
	display: flex; 
	flex-direction: column;
	}

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-color: var(--green); }
.button.is-primary:hover {background-color: var(--blue); color: var(--yellow) }

.bg-dark strong {color: var(--yellow)}

h3.widget-title {margin: 0 0 2rem;}

.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.tick li {
	text-indent: -30px;
	margin-left: 30px;
	line-height: 2em;
	list-style: none;
}
ul.tick li:before {
	content: '\f00c';
	color: #DACEC3;
	font-family: "FontAwesome";
	margin-right: 10px;
}

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

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

header {
	background: var(--green);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
	margin: 2.2rem 0;
	position: absolute;
	z-index: 9;
	left: 0;
	right: 0;
	top: 0;
}


#logo {
	position: absolute; 
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	}
	
	#logo a, #logo img {display: block;}

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:after {
	content: '';
	background: transparent;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	transform: skew(-20deg);
	transition: all .8s ease;
}
#menu-main-menu > li > a {
	position: relative;
	color: #FFF;
	text-transform: uppercase;
	font-size: 1rem;
	line-height: 68px;
	padding: 0px 1rem;
	z-index: 2
}
#menu-main-menu > li:hover > a, #menu-main-menu > li.current-menu-item > a	{color: var(--blue)}
#menu-main-menu > li:hover:after, #menu-main-menu > li.current-menu-item:after {background-color: var(--yellow);}
#main-menu ul ul{
	position: absolute;
	width: 240px;
	background: var(--yellow);
	padding: 1rem 2rem 2rem;
	left: -12px;
}
#main-menu li li a {
	color: var(--blue);
	line-height: 2em;
}
#main-menu li li a:hover {color: #FFF;}

.page-title {
	padding: 10rem 0 5rem ;
	text-align: center;
	background: url(img/bg_programs.jpg) no-repeat;
	background-size: cover;
}
.page-title h1 {
	margin: 0;
	font-size: 4rem;
	text-transform: uppercase;
	font-family: 'Bebas Neue', sans-serif;
	letter-spacing: 4px;
	color: var(--blue);
}

main {flex: 1 1 auto;}

aside ul li {padding: .5rem; border-bottom: 1px dotted #d8dbef;}

.content h1, .content h2, .content h3, footer h3 {font-family: 'Bebas Neue', sans-serif; font-weight: normal;}
.content h3, footer h3.widget-title {font-size: 2.2rem; color: var(--blue); letter-spacing: 2px;}

.content .bg-dark {color: #FFF;}
.content .bg-dark h1, .content .bg-dark h2, .content .bg-dark h3, .content .bg-dark h4, .content .bg-dark h5 {color: #FFF;}

.content aside {padding-left: 2rem; border-left: 1px solid #FF9500;}
.content aside .widget {margin: 0 0 2rem;}
.content aside h4 {color: var(--yellow); font-family: 'Bebas Neue', sans-serif; letter-spacing: 1px; font-size: 1.4rem;}
.content aside ul {list-style: none; padding: 0; margin: 0 0 1rem;}

footer {
	background: var(--blue);
	color: #FFF;
	padding: 5rem 0;
	border-bottom: 1px solid var(--yellow);
}
footer a {color: #FFF;}
footer a:hover {color: #FF9500;}

footer h3.widget-title {color: var(--yellow); font-size: 2rem;}
footer #menu-footer {column-count: 2}

.copyright {
	background: var(--blue);
	text-align: center;
	padding: 1rem 0;
	font-size: .8rem;
	color: var(--yellow);
}
.copyright a {color: var(--yellow); }
.copyright a:hover {color: #FFF;}

#pgc-563-3-0> .panel-cell-style {background-color: #032F7F !important}

/* HOME */

#hero {min-height: 70vh; padding: 140px 0 80px; text-align: center; position: relative; z-index: 1}
#hero h1 {font-size: 2.5rem; letter-spacing: 3px; margin: 3rem 0;}
#programs > div {
	max-width: 480px;
	margin: 0 auto;
}
.sow-masonry-grid {margin: 0 0 3rem}
.sow-masonry-grid-item a {
	display: block;
	position: relative;
	color: var(--yellow);
	font: 2rem/1.3em 'Bebas Neue', sans-serif;
	text-transform: uppercase;
}
.sow-masonry-grid-item a:hover {color: #FFF;}
.sow-masonry-grid-item a span {
	display: flex;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(24, 161, 47, 0.7);
	align-items: center;
	justify-content: center;
	transition: all .5s ease;
}
.sow-masonry-grid-item a:hover span {background: rgba(20, 27, 95, 0.3);}

#latest-news .lsow-posts-carousel .lsow-posts-carousel-item .lsow-entry-text-wrap {text-align: left; padding: 0;}
#latest-news .lsow-posts-carousel .lsow-posts-carousel-item .lsow-entry-text-wrap .entry-title {
	text-transform: capitalize;	
	font: 1.2rem/1.3em 'Roboto Flex', sans-serif;
	font-weight: normal;
	letter-spacing: 0;
	margin: 1.5rem 0 0;
}
#latest-news .lsow-posts-carousel .lsow-posts-carousel-item .lsow-entry-text-wrap .entry-title a {color: #2F2758;}
#latest-news .lsow-posts-carousel .lsow-posts-carousel-item .hentry{box-shadow: none;}
#latest-news .lsow-posts-carousel .lsow-posts-carousel-item .lsow-entry-text-wrap .lsow-entry-meta span {
	font-style: normal;
	font-size: .9rem;
	color: #FF9500;
}

#cta {position: relative;}
#cta .img img {padding: 2rem; background: rgba(255, 203, 99, 0.5)}
#cta .img:after {
	content: '';
	position: absolute;
	left: 0;
	width: 50vw;
	top: 0;
	bottom: 0;
	background: #FF9500 url(img/bg_logo-orange.png) no-repeat left center;
	background-size: cover;
	z-index: 1;
/* 	clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%); */
}

#cta .img img {z-index: 2;}

#testimonials .lsow-testimonials-slider .lsow-testimonial-user .lsow-text .lsow-author-name {color: #FF9500; font-size: 1.3rem}



/* NEWS */

.news-grid {
	display: flex; 
	margin: 0 -1rem; 
	position: relative;
	flex-wrap: wrap;
	}
.news-grid .post-item {

	padding: 1rem;
	display: flex;
}
.news-grid .post-item:hover {background: #f0f0f0;}
.news-grid .post-item .thumb {padding: 0 2rem 0 0; flex: 0 0 200px;}
.news-grid .post-item h4 {font-weight: normal;}
.news-grid .post-item h4 a { color: var(--blue); }
.news-grid .post-item small {color: #FF9500}


/* WOOCOMMERCE */
.woocommerce .woocommerce-breadcrumb {margin: 1rem 0;}
.single-product h2 {font-size: 2.5rem; margin: 0 0 2rem; font-weight: bold;}
.woocommerce .quantity .qty {height: 40px}
.woocommerce div.product form.cart .variations select {min-width: 40px;height 32px;}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .wc-block-components-button:not(.is-link), .woocommerce ul.products li.product .button {background-color: var(--green)}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled {background-color: #e3b472}
.wc-block-components-button:not(.is-link), .woocommerce ul.products li.product .button {color: #FFF; border-radius: 3px; border: none ;}
.single-product div.product p.price {color: #111; font-size: 2rem; margin: 0 0 2rem}
.woocommerce ul.products li.product .button {line-height: 1.2em;}
.woocommerce-product-details__short-description {margin: 0 0 1rem;}


.variations_form table .label {padding-right: 1rem; margin: 0; vertical-align: middle; display: table-cell; width: 110px}
.thwepo-extra-options  {margin: 0 0 1rem; width: 100%;}