/*	Theme Name: Creative

	Theme URI: http://wiild.com.au
	Author: Wiild Interactive
	Author URI: http://wiild.com.au
	Version: 1.0
	*//* normalize.css v2.0.1 | MIT License | git.io/normalize */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,800");
@import url("css/fonts.css");

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary { display: block }
audio,
canvas,
video { display: inline-block }
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden] { display: none }
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  background-image: url('images/milk-background.jpg');
background-repeat: no-repeat;
height: auto!important;
background-color: #F9F9F6;
background-position: top center;
background-attachment: fixed;

}
body { margin: 0 }
a:focus { outline: thin dotted }
a:active,
a:hover { outline: 0 }
h1 { font-size: 2em }
abbr[title] { border-bottom: 1px dotted }
b,
strong { font-weight: bold }
dfn { font-style: italic }
mark {
    background: #ff0;
    color: #000;
}
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
q { quotes: "\201C" "\201D" "\2018" "\2019" }
small { font-size: 80% }
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup { top: -0.5em }
sub { bottom: -0.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 0 }
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}
button,
input { line-height: normal }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
input[disabled] { cursor: default }
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
* html { font-size: 87.5% }
html {
    font-size: 14px;
    line-height: 1.5em;
}
html { overflow-y: scroll }
body {
    font-family: "Futura-PT",Arial,sans-serif;
    color: #7e858e;
    position: relative;
    -webkit-font-smoothing: antialiased;
    font-weight:200;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    font-family: "Futura-PT",Arial,sans-serif;
    font-weight: 300;
    color: #666;
}
h2 {
    font-size: 22px;
    clear: both;
    color: #00b8e6;
    font-weight: 400 !important;
}
p,
ul,
ol { margin-bottom: 1.5em }
nav ul,
nav ol {
    margin: 0;
    padding: 0;
    list-style: none;
}


abbr {
    font-variant: small-caps;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: lowercase;
}
a {
    color: #00b8e6;
    text-decoration: underline;
    transition: all 0.2s;
    line-height: inherit;
}
a:hover { color: #00a4cd }
a:focus {
    color: #00b8e6;
    outline: none;
}


p a,
p a:visited { line-height: inherit }
.left { float: left }
.right { float: right }
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.hide { display: none }
.highlight { background: #00b8e6 }
.assistive-text,
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
.cf:before,
.wpcf7:before,
.cf:after,
.wpcf7:after {
    content: " ";
    display: table;
    clear: both;
}
img {
    max-width: 100%;
    width: auto;
    height: auto;
}
figure { margin: 0 }
@media print { 
    * {
        background: transparent;
        color: black;
        box-shadow: none;
        text-shadow: none;
        filter: none;
        -ms-filter: none;
    }
    a,
    a:visited { text-decoration: underline }
}
input,
button,
select,
textarea {
    padding: 8px;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid #ececec;
    background: #f1f1f1;
    max-width: 100%;
    box-shadow: inset 1px 2px 0 #d2d2d2;
}
button,
input { line-height: normal }
textarea {
    font-size: 100%;
    overflow: auto;
    vertical-align: top;
}
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
    border: none;
    border-radius: 0;
    padding: 0;
}
label {
    font-size: 12px;
    font-weight: bold;
    color: #00b8e6;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}

.submit {
    color: #fff;
   /* border: 1px solid #39d3f3;
    border-top: 1px solid #b5f4ff;*/
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
    font-weight: bold;
    padding: 8px 15px;
    text-transform: capitalize;
    box-shadow: none;
    background: #FFCA00;
    /*background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eafcff), color-stop(25%, #89eeff), color-stop(50%, #70e8fd), color-stop(51%, #39d3f3), color-stop(100%, #1ac5ec));
    background: -webkit-linear-gradient(#eafcff,#89eeff 25%,#70e8fd 50%,#39d3f3 51%,#1ac5ec);
    background: -moz-linear-gradient(#eafcff,#89eeff 25%,#70e8fd 50%,#39d3f3 51%,#1ac5ec);
    background: -o-linear-gradient(#eafcff,#89eeff 25%,#70e8fd 50%,#39d3f3 51%,#1ac5ec);
    background: linear-gradient(#eafcff,#89eeff 25%,#70e8fd 50%,#39d3f3 51%,#1ac5ec);*/
}
.wpcf7 .wpcf7-not-valid-tip,
.wpcf7 .wpcf7-response-output {
    border: none;
    border-radius: 3px;
    left: 100%;
    top: -11px;
    margin: 0 8px;
    padding: 8px;
}
.wpcf7 .wpcf7-response-output {
    text-align: center;
    clear: both;
    margin: 0;
}
.wpcf7 .wpcf7-not-valid-tip,
.wpcf7 .wpcf7-validation-errors {
    background: #9b2b2b;
    color: #fff;
}
.wpcf7 .wpcf7-mail-sent-ng {
    background: #f8f09b;
    color: #000;
}
.wpcf7 .wpcf7-mail-sent-ok {
    background: #5DA423;
    color: #fff;
}
.wpcf7 { margin-bottom: 26px }
.wpcf7 .column1 {
    width: 282px;
    float: left;
}
.wpcf7 .column2 { margin-left: 320px }
.wpcf7 .column2 textarea { width: 455px }
.wpcf7 .input { margin-bottom: 4px }
.wpcf7 .submit {
    text-align: right;
    margin-top: 26px;
    color: #fff;
    float: right;
    /*border: 1px solid #39d3f3;
    border-top: 1px solid #b5f4ff;*/
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
    font-weight: bold;
    padding: 8px 15px;
    text-transform: capitalize;
    box-shadow: none;
    /*background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eafcff), color-stop(25%, #89eeff), color-stop(50%, #70e8fd), color-stop(51%, #39d3f3), color-stop(100%, #1ac5ec));
    background: -webkit-linear-gradient(#eafcff,#89eeff 25%,#70e8fd 50%,#39d3f3 51%,#1ac5ec);
    background: -moz-linear-gradient(#eafcff,#89eeff 25%,#70e8fd 50%,#39d3f3 51%,#1ac5ec);
    background: -o-linear-gradient(#eafcff,#89eeff 25%,#70e8fd 50%,#39d3f3 51%,#1ac5ec);
    background: linear-gradient(#eafcff,#89eeff 25%,#70e8fd 50%,#39d3f3 51%,#1ac5ec);*/
}
.primary {
    width: 100%;
    float: left;
  	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 180%;
}
.primary.sidebar{
	width: 72.5%;
	margin-left: 2.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
/*
.page .primary {
    width: auto;
    float: none;
}*/
.secondary {
    width: 25%;
    float: left;
   	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 180%;
	font-size: 18px;
}
.secondary.widget-area{
	width: 100%;
	padding-top: 26px;
}
.secondary.widget-area {
	
	font-size: 100%;
	padding-bottom: 10px;
}
.secondary.widget-area > div{
	border-bottom: solid 1px #E7E7E7;
	padding-top: 10px;
	padding-bottom: 15px;
	font-size: 120%;
}

.secondary.widget-area h3 {
	position: relative;
background: none!important;
font-weight: normal;
font-size: 22px;
color: #00B8E6;
margin: 0px;
padding: 0px;
text-transform: none;
line-height: 130%;
margin-bottom: 10px;
font-weight: 300;
}
.secondary.widget-area h3:after{
	display: none;
}
.secondary.widget-area .widget-container div,
.secondary.widget-area .widget-container ul
{
	font-size: 18px;

}
/*select all asides besides the first*/
.secondary.widget-area .widget-container + .widget-container{
	margin-top: 15px;
}
.secondary.widget-area .widget-container h3{
	color: #00B8E6;
	font-size: 22px;
}
.alignnone { margin: 5px 20px 20px 0 }
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
    clear: right;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone { margin: 5px 20px 20px 0 }
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-image-border { border: 10px solid rgba(255,255,255,0.8) }
.wp-caption {
    background: #FFF;
    border: 1px solid #F0F0F0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone { margin: 5px 20px 20px 0 }
.wp-caption.alignleft { margin: 5px 20px 20px 0 }
.wp-caption.alignright { margin: 5px 0 20px 20px }
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text,
.gallery-caption {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.alignnone,
.aligncenter,
.alignright,
.alignleft {
    background: #fff;
    border: 4px solid #fff;
    border-radius: 4px 4px 4px 4px;
   /*box-shadow: 0 1px 4px rgba(0,0,0,0.2);*/
}
.alignnone.no-border,
.aligncenter.no-border,
.alignright.no-border,
.alignleft.no-border {
    background: none;
    border: none;
    box-shadow: none;
    border-radius: none;
}
.products .alignnone,
.products .aligncenter,
.products .alignright,
.products .alignleft {
    background: none;
    border: none;
    border-radius: none;
    box-shadow: none;
}
nav .menu {
    font-size: 0;
    padding: 0;
    margin-bottom: 0;
	white-space: normal;
}
nav .menu li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-size: 14px;
}
nav .menu a { text-decoration: none }
html,
body { height: 100% }
html { }
.container {
    background: #fff;
	width: 100%;
	max-width: 1050px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    min-height: 100%;
}
.main{
	padding:0px 35px 0px 35px;
	width: 100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
min-height: 680px;
}
hr {
    clear: both;
    background: #ccc;
    height: 1px;
    border: none;
    margin: 26px 0;
}
.site-header {
    text-align: center;
    padding: 40px 0 0;
    position: relative;
}
.site-title h1 { margin: 0 }
.site-title span { display: none }
.lang {
    position: absolute;
    top: 40px;
    right: 0;
}
.lang #lang_sel_list { width: auto }
.lang #lang_sel_list ul {
    border: none;
    top: auto;
    width: auto;
}
.lang #lang_sel_list ul a {
    padding: 0;
    border: none;
    white-space: nowrap;
    color: #00b8e6;
    font-weight: 800;
    text-transform: uppercase;
    display: inline;
}
.lang #lang_sel_list ul a:hover { color: #006680 }
.lang #lang_sel_list li {
    float: none;
    display: inline;
    width: auto;
}
.lang #lang_sel_list li:after {
    content: '/';
    color: #00b8e6;
    font-weight: 800;
    text-transform: uppercase;
}
.lang #lang_sel_list li:last-child:after { content: '' }
.site-nav {
    white-space: nowrap;
    text-align: left;
    padding: 10px 35px 0px 35px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	margin-top: 30px;
	
}
.site-nav ul{
	white-space:nowrap;
	overflow:hidden;
}

#menu-main > li{
	width: 16.66%;
}
.site-nav>ul:last-child{
   /* background-color:#f3f3f7;*/
 	  width: auto;
    margin-top:-1px;
    margin-bottom:10px;
    position: relative;
	top: -65px;
	padding: 0px 10px 0px 10px;
	margin-bottom: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.site-nav>ul:last-child a{
	width:auto;
	padding:0;
	margin:0;
	background-color:transparent;
	color:#00b8e6;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	font-weight:600;
}
.site-nav>ul:last-child a:hover{
	background-color:transparent !important;
	color:rgba(0, 184, 230, 0.6);
}
.site-nav>ul .dashicons{
	line-height:1.3em;
	font-size:1.5em;
	padding:0 1px;
}

/* Sub menus */
.site-nav .sub-menu{
	display:none;
	position:absolute;
	z-index:99;
	border:1px solid #eee;
}

/*Style for the 'CREATIVE' wording*/
#sub_menu .left > span {
	font-size: 110%;
	color: #00B8E6;
	font-weight: 600;
	margin-right: 10px;
}

.site-nav .sub-menu li.current-page-ancestor>a, .site-nav .sub-menu li.current-menu-item>a, .site-nav li .sub-menu a:hover{
	background-color:#E7E7E7 !important;
}

.site-nav li:hover .sub-menu{
	display:block;
}
.site-nav .sub-menu li{
	display:block;
	background-color:#f3f3f7;
	border-bottom:1px solid #eee;
	text-align:left;
}
.site-nav .sub-menu a{
	color:#00b8e6;
	background-color:transparent;
	text-align:left;
	padding-left:5px;
}
.site-nav .sub-menu li:last-child{
	border-bottom:none;
}
/* end Sub menus */
.site-nav a {
	display: inline-block;
	font-size: 110%;
	background: #FFCA00;
	line-height: 30px;
	font-weight: 800;
	color: #fff;
	margin: 0 1px;
	width: 168px;
	white-space: nowrap;
	text-align: center;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-left: solid 1px white;
}
.site-nav a:first-child{
	margin-left:0;
}
.site-nav li:nth-child(5n-4).current-page-ancestor>a,
.site-nav li:nth-child(5n-4).current-menu-item>a,
.site-nav li:nth-child(5n-4) a:hover {
   background: #45DAB1; /*green*/
}
.site-nav li:nth-child(5n-4) a:active {
    background: #45DAB1; /*green*/
}
.site-nav li:nth-child(5n-3).current-page-ancestor>a,
.site-nav li:nth-child(5n-3).current-menu-item>a,
.site-nav li:nth-child(5n-3) a:hover {
    background: #3478D9; /*Dark Blue*/
}
.site-nav li:nth-child(5n-3) a:active {
    background: #3478D9; /*Dark Blue*/
}
.site-nav li:nth-child(5n-2).current-page-ancestor>a,
.site-nav li:nth-child(5n-2).current-menu-item>a,
.site-nav li:nth-child(5n-2) a:hover {
    background: #F777C4 /*Pink*/
}
.site-nav li:nth-child(5n-2) a:active {
    background: ##F777C4; /*Red*/
}
.site-nav li:nth-child(5n-1).current-page-ancestor>a,
.site-nav li:nth-child(5n-1).current-menu-item>a,
.site-nav li:nth-child(5n-1) a:hover {
    background: #9379D1;/*purple*/
}
.site-nav li:nth-child(5n-1) a:active {
    background: #9379D1;/*purple*/
}
.site-nav li:nth-child(5n).current-page-ancestor>a,
.site-nav li:nth-child(5n).current-menu-item>a,
.site-nav li:nth-child(5n) a:hover {
    background: #F777C4;/*pink*/
}
.site-nav li:nth-child(5n) a:active {
    background: #F777C4;/*pink*/
}
.site-footer {
    width: 100%;
    height: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    background: #FFC900;
    text-align: center;
}
.site-footer a {
    text-decoration: none;
    color: #fff;
}
.wooslider {
    font-size: 0;
    margin: 0;
    border:none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.wooslider .wooslider-control-nav { display: none }
.wooslider{
	height:500px;
}
.content {
    padding: 5px 0;
}
.home .content { padding: 0px 0 }
h1 {
    color: #00b8e6;
    text-transform: capitalize;
    font-size: 34px;
    letter-spacing: -1px;
}
.green .entry-title,
.green h2 {
	color: #48d3af;
}
.purple .entry-title,
.purple h2 {
	color: #a793d8;
}
.page-list {
    list-style: none;
    padding: 0;
    text-align: left;
    width:100%;
}
.home .page-list .page-item {
	
}
.page-list .page-item {
    padding: 0;
    width: 33%;
    display: inline-block;
    vertical-align: top;
    overflow:hidden;
    padding:20px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.page-list .page-image{
	width:100%;
	height:200px;
	overflow:hidden;
	text-align:center;
}
.page-list .page-item h3{
margin-top: 10px;
}

.page-list .page-image .product_image{
	display:block;
	width:100%;
	height:100%;
	
	background-repeat:no-repeat;
	background-position: 50%;
	background-size: contain;
}
.page-list .page-item:hover img { opacity: 0.8 }
.page-list .page-title {
	text-align:center;
    font-weight: bold;
    white-space: nowrap;
    text-transform: uppercase;
}
.page-list .page-title a { text-decoration: none }
.home .page-list li:nth-child(1) a { color: #377bda }
.home .page-list li:nth-child(2) a { color: #9479d1 }
.home .page-list li:nth-child(3) a { color: #00b8e6 }
.home .page-list li:nth-child(4) a { color: #377bda }
.home .page-list li:nth-child(5) a { color: #fc0 }
.back {
    float: right;
    clear: both;
    margin: 0 0 12px;
    text-decoration: none;
    /*text-transform: uppercase;*/
    font-weight: 600;
    font-size:110%;
}
.back:before {
    content: '';
    display: inline-block;
    vertical-align: baseline;
    margin: 0 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 10px 5px 0;
    border-color: transparent #00b8e6 transparent transparent;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.back:hover:before { border-color: transparent #008fb3 transparent transparent }
.locations .location {
    float: left;
    width: 50%;
}
.locations .location-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16.3833px;
    color: #00b8e6;
}
.products .product {
    overflow: hidden;
    width: 50%; 
    float: left;
}
.product a{
	text-decoration:none;
}
.products .product-icon {
    float: left;
    margin-right: 10px;
    margin-left: -10px;
}
.products .product-icon2 {
	max-width:90%;
	height:auto;
}
.products h1 { 
	line-height: 40px 
}
.products .feature-image {
    float: left;
    width: 395px;
    text-align: center;
}
.products .product-content { 
	

}
.prep-tbl td {
    padding: 10px;
    vertical-align: top;
}
.prep-tbl td img { margin: 0 }
.prep-tbl td strong {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-left: -12px;
}
.prep-tbl .icon { width: 77px }
.prep-tbl .step {
    padding-left: 20px;
    width: 299px;
}
#home_info_container{
	padding-top: 30px;
	padding-bottom: 30px;
	display: block;
}
#home_info_container img {
	display: block;
}

/*video on homepage*/
.video-container{
	position: relative;
	width: 100%;
	height: 0px;
	padding-bottom: 60%;
	margin-top: 15px;
}
.video-container iframe{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}


#home_info_container #home_info {
	width: 60%;
	
}
#home_info_container #home_picture{
	width: 40%;
	padding-left: 25px;
}

.tiles {
    overflow: hidden;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    float:none;
    clear:both;
    
}
.tiles .tile { 
	float: left;
	width: 32.23%;
	height: 275px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	
	padding: 0px;
	position:relative;
	overflow:hidden;
}

.tiles .tile:nth-child(1){
	margin-right: 1.65%;
}
.tiles .tile:nth-child(2){

}
.tiles .tile:nth-child(3){

	margin-left: 1.65%;
}

/*
.tiles .tile:nth-child(3n-1){
	padding: 0 5px 0 5px;
}
.tiles .tile:nth-child(3n){
	padding: 0 0 0 5px;
}*/
.attachment-square-thumb{
	height:100%;
	width:100%;
	
	background-repeat:no-repeat;
	background-position:50%;
	background-size:cover;
	overflow:hidden;
}
.tiles .tile img { display: block }
.tiles .tile p { margin: 8px 0 }
.tiles .tile-wide {
    width: 223px;
    margin-left: 6px;
    height: 190px;
    color: #fff;
    padding: 10px 280px 10px 24px;
}
.tiles .tile-wide h2 {
    color: #fff;
    margin: 8px 0;
}
.tiles .tile-wide a {
    float: right;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    padding-right: 21px;
    background: url("images/white-arrow.png") no-repeat right;
}

.tile_title{
	position:absolute;
	bottom:0;
	width:100%;
	line-height:40px;
	margin-bottom:0;
	padding:0 10px;
	color:white;
	font-weight:600;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background:#00b8e6;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.tile:nth-child(3n-1) .tile_title{background:#45DAB1;}
.tile:nth-child(3n) .tile_title{background:#F777C4;}
/*#FFCA00*/

.tile_title:after{
	content: "\f139";
	font-family: "dashicons";
	font-size: 1.6em;
	position: relative;
	top: 8px;
	height: 0;
	line-height: 0;
}

.home_info_container{
	padding-bottom:10px;
}

.half{
	width:50%;
	float: left;
	
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	padding:0 5px 0 0;
}
.half:nth-child(2n){
	padding:0 0 0 5px;
	
}

.foot_links_hr{
	background: #ccc;
	margin: 0px;
	margin-left: 35px;
	margin-right: 35px;
	height: 1px;
	position: relative;
}
#foot_links{
	width:100%;
	min-height:50px;
	/*border-top:1px solid #eee;*/
	white-space:nowrap;
	padding: 20px 35px 20px 35px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box; 
}

.fifths{
	width:20%;
	vertical-align:top;
	display:inline-block;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
	padding:0 5px 0 5px;
}
.fifths:nth-child(5n-4){
	padding:0 5px 0 0;
}
.fifths:nth-child(5n){
	padding:0 0 0 5px;
}
.fifths p{
	margin:0;
}
.fifths ul{
	padding-left:5px;
	margin: 5px 0;
}
.fifths li{
	text-decoration:none;
	list-style: none;
}
.fifths li>a{
	text-decoration:none;
}
#hidden_search{
	display:none;
}

#searchform #searchsubmit{
	display:none;
}
input, button, select, textarea {
	padding: 5px 8px;
	font-family: inherit;
	border-radius: 0;
	border: 1px solid #ececec;
	background: #f1f1f1;
	max-width: 100%;
	box-shadow: none;
	-webkit-appearance: none;
	outline: none;
}

.top_border{
	border-top: 1px solid #eee;
	padding-top:10px;
	clear: both;
}

.right_aside{
	width:70%;
	min-height:50px;
	float:left;
	padding:20px 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	line-height: 200%;
}
.left_sidebar{
	float:left;
	width:30%;
	min-height:50px;
	padding:20px 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
}
.circles .page-list{
	white-space:nowrap;
}
.circles .page-list .page-item{
	width:20%;
}
.circles .page-list .page-item:last-child{
	background-image:none;
}
.hidden{display:none !important;}

.no-bullets li, .main li{
	margin-bottom:10px;
	font-size:18px;
	margin-top: 10px;
}

.entry-summary{
	font-size:18px;
	font-family:"Futura-PT",Arial,sans-serif;
}

.entry-readmore {
	display: block;
	font-size: 130%;
	margin-top: 10px;
}
.entry-readmore a{
	text-decoration: none;
}

.sky-carousel .sky-carousel-container li{
	list-style-image:none;
}
.sky-carousel .sky-carousel-container li a{
	text-decoration: none;
}
.sky-carousel .sky-carousel-container li .sc_content {
	text-align: center;
	line-height: 130%;
	font-weight: 400;
}


h3.toggle a{
	font-weight:200;
	font-size:20px;
	font-family: "Futura-PT",Arial,sans-serif;
}

p{
	font-size:18px;
}

.toggle-box{
	margin-bottom:0px !important;
}

h3.toggle{
	padding-top:0px !important;
}

.mainSliderDiv{
	width:1000px !important;
}

.sliderimgLi img{
	border:0px solid !important;
}

.sky-carousel {
	width: 100% !important;
	height: 350px !important;
	background:#fff !important;
	border:none !important;
}


.page-id-3 #home_info h1{
	display:none;
}

.sky-carousel .sc-nav-button.sc-next{
	background:url("https://www.donecreative.com.au/wp-content/uploads/2014/02/right_direction.png") no-repeat scroll transparent !important;
	margin-top:15px;
}


.sky-carousel .sc-nav-button.sc-prev{
	background:url("https://www.donecreative.com.au/wp-content/uploads/2014/02/left_direction.png") no-repeat scroll transparent !important;
	margin-top:15px;
}

/*QUICK navigation links on page*/
#page-navigator-sidebar{

}
#page-navigator-sidebar ul{
list-style-type: disc;
padding-left: 0px;
}
#page-navigator-sidebar ul li{
	line-height: 130%;
	margin-top: 15px;
	margin-bottom: 15px;
}
#page-navigator-sidebar ul li a{
	text-decoration: none;
}
#page-navigator-sidebar ul li a:active,
#page-navigator-sidebar ul li a:hover{
	color: #DDDDDD;
}


/*SCROLLER used on the pages for DONE, it controls the scroll to top mechanism*/
.scroller {
position: absolute;
display: inline-block;
bottom: 40px;
right: 0px;
height: 25px;
/*text-transform: uppercase;*/
font-size: 110%;
font-weight: 600;
color: #00B8E6;
text-align: center;
cursor: pointer;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
-ms-transition: opacity: 400ms ease;
transition: opacity 400ms ease;
}
.scroller:before{
content: '';
display: inline-block;
vertical-align: baseline;
margin: 0 4px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 10px 5px 0;
border-color: rgba(0, 0, 0, 0) #00B8E6 
}

/* _________________________ Extra CSS _________________________ */
.tiles div div{
	height:275px;
	background-size: cover;
	width: 100%;
	background-repeat: no-repeat;
	background-position: top center;
}

.page-id-703 .entry-content a, .post-1361 .entry-content a{
	text-decoration:none;
}


.page-id-703 .scroller{
	display:none;
}

.wp-image-965{
 max-width:110%;
}

.back-button{
	font-size: 110%;
	font-weight: 600;
	margin: 0 0 12px;
	text-decoration: none;
	float:right;

}
.back-button:before {
	content: '';
	display: inline-block;
	vertical-align: baseline;
	margin: 0 4px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #00b8e6 transparent transparent;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.back-button:hover:before {
border-color: transparent #008fb3 transparent transparent;
}

.back-button a{
	text-decoration: none;
	content:"";
}

#categories-2 ul{
	list-style-type:none;
}

.read-more_infant, .read-more_followon, .read-more_toddler{
	float: right;
    margin-bottom: 5px;
    margin-top: 0; 
}   
.read-more_infant a{
	background: none repeat scroll 0 0 #00B8E6;
    color: #FFFFFF;
    font-weight: 400;
    padding: 5px 10px;
}

.read-more_followon a{
	background: none repeat scroll 0 0 #48D3AF;
    color: #FFFFFF;
    font-weight: 400;
    padding: 5px 10px;
}

.read-more_toddler a{
	background: none repeat scroll 0 0 #A793D8;
    color: #FFFFFF;
    font-weight: 400;
    padding: 5px 10px;	
}
   

#new-membership-form-gymeabowls-4 input.vfb-medium, 
#new-membership-form-gymeabowls-4 input.vfb-medium[type="text"], 
#new-membership-form-gymeabowls-4 input.vfb-medium[type="tel"], 
#new-membership-form-gymeabowls-4 input.vfb-medium[type="email"], 
#new-membership-form-gymeabowls-4 input.vfb-medium[type="url"], 
#new-membership-form-gymeabowls-4 select.vfb-medium{
	width:100% !important;
}

/* Extra CSS Ends */

/*LANDING PAGE PRODUCTS */
#landing-product-table *,
#landing-product-table *:after,
#landing-product-table *:before{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#landing-product-table{
}
#landing-product-table .product{
width: 33.33%;
padding-left: 1.5%;
padding-right: 1.5%;
float: left; 
}
#landing-product-table .product .product-image{
}
#landing-product-table .product .product-image img{
}
#landing-product-table .product h2{
	text-align: center;
}
#landing-product-table .product h2 a{

}
/*fancy numbers used netx to h3 tag on infant fomulas*/
#product-table  h3 span {
	display: inline-block;
	height: 35px;
	width: 35px;
	vertical-align: bottom;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	border-radius: 35px;
	text-align: center;
	line-height: 35px;
	margin-right: 10px;
	font-size: 130%;
	color: #FFF;
	
}
#product-table  h3 span.blue {
	background: #00B8E6;
}
#product-table  h3 span.purple{
	background: #A793D8;
}
#product-table  h3 span.green{
	background: #48D3AF;
}



/*PRODUCT TABLE DISPLAY STYLING*/
#product-table *,
#product-table *:after,
#product-table *:before{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#product-table{
	width: 100%;
	float: left;
	margin-bottom: 5px;
}
#product-table .product-category{
	float: left;
	width: 100%;
	border-bottom: solid 1px #ccc;
	padding: 20px 0px 20px 0px;
}
#product-table .product-category  h2{
	width: 100%;
	font-weight: 400;
	font-size: 160%;
	text-transform: uppercase;
	padding: 0px;
	line-height: 150%;
	margin-bottom: 0px;
}
#product-table .product-category .product {
	width: 50%;
	float: left;
	padding-top: 5px;
	padding-bottom:10px;
}
#product-table .product-category .product.full {
	width: 100%;
}

#product-table .product-category .product .product-image{
	width: 35%;
	float: left;
	position: relative;
}
#product-table .product-category .product .product-image img{
	width: 100%;
	height: auto;
	position: relative;
	top: 0px;
}
#product-table .product-category .product.full .product-image img{
	position: relative;
}
#product-table .product-category .product .product-content{
	width: 65%;
	float: left;
	padding-top: 50px;
	padding-left: 2%;
}
#product-table .product-category .product .product-content h3{
	font-weight: 400;
	font-size: 150%; 
	margin-bottom: 10px;
}
#product-table .product-category .product .product-content h3 a {
	height: 35px;
	line-height: 35px;
	display: inline-block;
	text-transform:uppercase;
}

#product-table .product-category .product .product-content h3.blue a {
	color: #00B8E6;
}
#product-table .product-category .product .product-content h3.green a {
	color: #48D3AF;
}
#product-table .product-category .product .product-content h3.purple a {
	color: #A793D8;
}

#product-table .product-category  h2.blue {
	color: #00B8E6;
}
#product-table .product-category  h2.green {
	color: #48D3AF;
}
#product-table .product-category  h2.purple {
	
	color: #A793D8;
}





#product-table .product-category .product .product-content p {
	margin-top: 5px;
	margin-bottom: 20px;
}
#product-table .product-category .product .product-content .read-more{
	margin-top: 0px;
	margin-bottom: 5px;
	float: right;
}
#product-table .product-category .product .product-content .read-more a{
	/*background: #3478D9;*/
	background: #FFCA00;
	padding: 5px 10px 5px 10px;
	color: white;
	font-weight: 400;
}
/*#product-table .product-category .product .product-content .read-more a:active,
#product-table .product-category .product .product-content .read-more a:hover{
	background: #00B8E6;
}*/

#product-table .product-category .product .product-content .read-more a span{
	font-size: 140%;
	display: inline-block;
	height: 100%;
	margin-right: 5px;
}

#product-table .back-button { 
	float: right; 
}
#product-table .back-button a {
	clear: both;
	margin: 0 0 12px;
	text-decoration: none;
	font-weight: 600;
	font-size: 110%;
}

#product-table .back-button span {
	font-size: 140%;
	display: inline-block;
	height: 100%;
	margin-right: 0px;
	
}

/*adcditional style for an alternate design, used on the plain milk range*/
#product-table .product-category.range .product-image{
	width: 40%;
}
#product-table .product-category.range .product-image img{
	width: 85%;
}
#product-table .product-category.range .product-content{
	width: 60%;
	/*margin-top: 20%;*/
	padding-top: 20px;
}




/*more additional styles*/
#product-table {}
/*Make image smaller*/
#product-table .product-category .product.full.alt .product-image{
	width: 20%;
	margin-right: 5%:
}
/*make container bigger*/
#product-table .product-category .product.full.alt .product-content {
	width: 75%;
}
#product-table .product-category .product.full.alt .product-content .left {
	width: 60%;
	float: left;
}
#product-table .product-category .product.full.alt .product-content .right {
	width: 40%;
	float: left;
	padding-left: 2.5%;
}




/*BLOG STUFF*/
.blog-left{
	float: left;
	width: 65%;
}
.blog-right {
	float: left;
	width: 35%;
}
.blog-right .image-container {
	width: 100%;
	height: 200px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;
}
.blog-bottom {
	clear: both;
	border-bottom: solid 1px #CCC;
	padding-top: 15px;
	margin-bottom: 10px;
}
.blog-left h3 {
	margin-bottom: 10px;
	color: #00B8E6;
	font-size: 100%;
	font-weight: 600;
}

.lightbox-span {
	display: block;
	text-align: center;
	font-size: 120%;
	font-weight: 400;
	padding-bottom: 15px;
	font-size: 110%;
    font-weight: 600;
}


#nav-above {
	margin-bottom: 15px;
}
}