/*  
Theme Name: C.O.A.I.S. WP/BS Hybrid Full Width
Author URI: http://comeonaussie.net
Version: 1.23.3.2
Author: Stephen Spry
Description: Custom WP/Bootstrap Hybrid theme for Australia's Careers OnLine by Stephen Spry. Copyright 2017. For use also with bootstrap.min.css (3.2). Theme is setup for either full width, or boxed layout depending on whether the options at end of file are made active.
*/

body {
	background: #ffffff;
	color: #000000;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px auto 0px;
	padding: 67px 0px 0px 0px;
	/* top padding for BS menu */
	}
	
/* Adjust max-width for Boxed OR Full width */
#wrap {
	background: #ffffff;
	margin: 0px auto 0px auto;
	padding: 10px 0px 10px 0px;
	max-width:1200px; /* Boxed */
	/*max-width:95%;*/   /* Full width */
	}

.page {
 	width: 100%;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	}

/************************************************
*	Fullwidth colour 									*
************************************************/

.fullwidthheader {
	background-color: #4A6F99;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	height: 200px;
	color: #ffffff;
 	width: 100%;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	border-bottom:1px solid #66ffff;
    overflow: auto;
    background-image: url(images/header.jpg);
	}

.fullwidth {
	background: #4A6F99;
	color: #000000;
 	width: 100%;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	border-bottom:1px solid #3A5678;
	}


.fixedfooter {
 	width: 100%;
	background: #4A6F99;
	border-top:1px solid #3A5678;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	position:fixed;
	left:0;bottom:0; z-index:1035; 
	}


.fullwidthbs {
	background: #ffffff;
	color: #000000;
 	width: 100%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}

/************************************************
*	Hyperlinks									*
************************************************/

a {
	color: #4A6F99;
	text-decoration: underline;
	}

a:visited {
	color: #517AA9;
	text-decoration: underline;
	}
	
a:hover {
	color: #40A1E2;
	text-decoration: none;
	}
	

.icon-google { background: url(images/gplus.png);    background-repeat: no-repeat;
}
.icon-rss { background: url(images/rss.gif);    background-repeat: no-repeat;
}
.icon-twitter { background: url(images/twitter.png);    background-repeat: no-repeat;
}
.icon-youtube { background: url(images/youtube.png)    background-repeat: no-repeat;
;}
.icon-facebook { background: url(images/facebook.png);    background-repeat: no-repeat;
}
.icon-linkedin { background: url(images/facebook.png);    background-repeat: no-repeat;
}


/************************************************
*	Content 					     		    * 
************************************************/

#content {
	width:100%;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	}

#content p {
	padding: 0px 0px 15px 0px;
	margin: 0px;
	}
	
	
#content img.wp-smiley {
	border: none;
	padding: 0px;
	margin: 0px;
	}

#content img.wp-wink {
	border: none;
	padding: 0px;
	margin: 0px;
	}
	
#contentleft h1 {
	font-size: 36px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	padding: 15px 0px 15px 0px;
	text-decoration: none;
	}

#contentleft h1, #contentleft h2, #contentleft h3, #contentleft h4, #contentleft h5 {
	color: #4A6F99;
    font-weight: bold;
	}

#contentleft p img {
	border: none;
	margin: 0px 10px 10px 0px;
	}
	
#contentleft ol {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 15px 0px;
	}
	
#contentleft ol li {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}
	
#contentleft ul {
	list-style-position:outside;
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	}
	
#contentleft ul li {
	list-style-position:outside;
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}
	
blockquote {
	font-style: italic;
	margin: 0px 20px 15px 20px;
	padding: 5px 0px 5px 15px;
	border-left: 5px solid #DDDDDD;
	}
	
#content blockquote p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	}
	
.breadcrumb {
	background: #ffffff;
	width: auto;
	float: left;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 3px 0px;
	border-bottom: double #C0C0C0;
	}
	
.date {
	float: left;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.postmeta {
	font-size: 12px;
	padding: 5px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	border-top: double #C0C0C0;
	}
	
.smalltext {
	font-size: 12px;
	}


.archive {
	float: left;
	width: 275px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	}

#contentright ul li {
    list-style: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}	
	
	
/************************************************
*	Sidebar 		    	        	        * 
************************************************/
.sidebarfixed {
	background: #ffffff;
	position: fixed;
    top: 66px;
    bottom: 0;
    right: 0;
    right-padding: 30px;
    z-index:1030;
    width: auto;
	padding:15px 5px 0 5px;
	/*border: 5px solid #aaa;*/
}


#sidebar {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 10px 0px 0px 0px;
	line-height: 18px;
	display: inline;
	}
	
#sidebar p {
	padding: 0px 0px 15px 0px;
	margin: 0px;
	}
	
#sidebar h2 {
	color: #4A6F99;
	font-size: 14px;
	line-height: 20px;
	font-family: Arial, Tahoma, Verdana;
	text-align:center;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
	padding: 3px 0px 3px 10px;
	}
	
#sidebar h3 {
	color: #4A6F99;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: double #C0C0C0;
	}
	
#sidebar h4 {
	color: #4A6F99;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 5px 0px;
	}
	
#sidebar ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#sidebar ul li {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	

/************************************************
*	Widgets 									*
************************************************/
.textwidget {
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 8px 0px;
	}
#recent-posts ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
#recent-posts ul li {
	background: #FFFFFF url(images/icon_recent.gif) no-repeat top left;
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 10px 0px;
	}
	
#recent-comments ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
#recent-comments ul li {
	background: #FFFFFF url(images/icon_comments.gif) no-repeat top left;
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	}
	
#categories-1 ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#categories-1 ul ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
#categories-1 ul li {
	background: #FFFFFF url(images/icon_categories.gif) no-repeat top left;
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	}
	
#archives ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
#archives ul li {
	background:url(images/icon_archives.gif) no-repeat top left;
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	}
	
#pages ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#pages ul ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
#pages ul li {
	background:url(images/icon_meta.gif) no-repeat top left;
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	}
	
#links ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#links ul ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
#links ul li {
	background: #FFFFFF url(images/icon_links.gif) no-repeat top left;
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	}
#meta ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
#meta ul li {
	background: #FFFFFF url(images/icon_meta.gif) no-repeat top left;
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	}
	


/************************************************
*	Footer      								*
************************************************/

#pagefooter {
	background: #4A6F99;
	min-height: 20px;
	max-width:960px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	}
	
#pagefooter p {
	color: #E6E6E6;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	padding: 3px 10px 2px 10px;
	}
	
#pagefooter a, #pagefooter a:visited {
	color: #ffffff;
	text-decoration: none;
	}
	
#pagefooter a:hover {
	text-decoration: underline;
	}
	
#pagefooter a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
#footerleft {
	float: left;
	margin: 0px;
	padding: 10px 0 15px 0;
	}
	
#footerright {
	text-align: right;
	float: right;
	margin: 0px;
	padding: 10px 0 15px 0;
	}


	
/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	color: #000000;
	float: left;
	padding: 20px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	}
	
#commentblock ol {
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	}
	
.commentdate {
	font-weight: bold;
	font-size: 12px;
	}

.commentname {
	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}

.commentinfo {
	clear: both;
	}

.commenttext {
	color: #000000;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 20px 0px;
	border-bottom: 1px dotted #C0C0C0;
	}

.commenttext-admin {
	color: #000000;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 20px 0px;
	border-bottom: 1px dotted #C0C0C0;
	}
	
	
	
/************************************************
*	Allow these for nav button graphics			*
*	Comment out to not use them					*
************************************************/
.btnbg {
	background: #0664FF url(images/navbar-green.gif) ;
	min-height:30px;
	}
#wpnav a, #wpndav a:visited, #wpnav li li a, #wpnav li li a:link, #wpnav li li a:visited {
	background: url(images/navbar-green.gif);
	}



/************************************************
*	Boxed Layout adjustments					*
*	de-comment these if you want fullwidth		*
************************************************/

/*
body {background: #548976 url(images/bg-green.gif) repeat-x;}
.fullwidth {max-width:960px;}	
.page {
	max-width:900px;
	margin: 20px auto 20px auto;
	border: double #66ffff;
	}
*/



/************************************************
*	HEADER IMAGES								*
************************************************/

/************************************************
*	Use Fixed Image in Header					*
*	For Image 1200w x 175h			   			*
*************************************************
* .fullwidthheader looks after this

************************************************
*	Set Other Dependencies for this				*
************************************************/
/* 	sets max width for any logo used 			*/
.headerleft img {max-width:160px;}

/* 	decomment this to hide bg pic stars.png		 */
/*	.headerright {background: none;}			*/

/************************************************
*	OR use WP Random Header code in header.php  *
* 	in the div where : style = 			        *
* 	"background: url(<?php header_image(); ?>);"*
*   ALL .fullwidthheader attributes MUST be     *
*   in the style statement itself  	            *
************************************************/



/************************************************
*	Responsive Fixes							*
************************************************/

.row{margin-left:0px;margin-right:0px}

@media(max-width:767px) {

	#topheader h1 {font-size: 30px;}
	#topheader {height:300px;}
	#headertagline {font-size: 9px;}
	.headerleft img {max-width:120px;}
	#wpnav a, #wpnav a:visited {padding: 7px 10px 7px 10px;}
	#wpnav a:hover {padding: 7px 10px 7px 10px;}
	#topnavbar {font-size: 9px;}
	.headerright {width: 200px;}
	#navbarright {float: none;}
}

@media (max-width:767px) {.sidebarfixed {
	position: static;
    width: auto;
    top: auto;
    bottom: auto;
    right: auto;
	borrder: 5px solid #333;}
}

@media(max-width:460px) {

	.headerleft img {width:100%;}
	#topheadder 	{height: 85px;}`
	.headerright 	{display: none;}
}


/************************************************
*	Adjust this to make featured images fit 		*
* 	the space available in it's container   	*
************************************************/

.img.attachment-full {
	width:100%;
 	max-width:100%;
 }
@media(max-width:767px) {
	.img.attachment-full: {max-width:767px;}
}

.img.size-large {
 	width:100%;
 	max-width:100%;
 }
@media(max-width:767px) {
	.img.size-large: {max-width:767px;}
}





/**
 * Alignments
 */

.alignleft {
	display: inline;
	float: left;
	margin: 0 1.5em 1.5em 0;
}

.alignright {
	display: inline;
	float: right;
	margin: 0 0 1.5em 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/**
 * 	fw = FullWidth featured image fills space available
 * 	AND is responsive to screen size
 */
 
 @media (max-width:988px) {
	#content .wp-caption a img {
		width: 99.03225806% !important;
		height: auto;
	}
}
 .fwimage {
	max-width:1300px;
	width:100%;
	height:auto;
	margin-left: auto;
	margin-right: auto;
}








/* =Blog-Navigation - Pagination
----------------------------------------------- */

.screen-reader-text {
	font-size: 22px;
}

.page-numbers {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 2px 0 0;
	border: 1px solid #aaa;
	line-height: 1;
	text-decoration: none;
	border-radius: 2px;
	font-weight: 400;
}
.page-numbers.current,
a.page-numbers:hover {
	background: #f9f9f9;
}






.headline {text-shadow: 0px 2px 1px rgb(60, 60, 60); color:#fff; font-size:64px; font-weight:bold;  letter-spacing:-2px; text-align: right; line-height:70px; padding-right: 40px; padding-top: 20px}
.headline p {letter-spacing: 0; font-size:24px;line-height:30px;}

.steps {position:relative;height:inherit}
.flt {display:block;}
.rightCol { right:0; top:0; bottom:0; display: block; z-index:1000; position:relative;}





.avatar {
	float:left;
	margin: 0 15px 0 0;
}






/* Header Banner */
.header-banner {
	padding: 0;
	background: #4d4d4d;
}

.header-banner-box {
	position: relative;
	height: 260px;
	width: 100%;
	background-color: #ffffff;
	booorder-bottom: 3px solid #dddddd;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 30px 0;
	background-repeat: no-repeat;
}


.header-banner-box.guide {
	background-image: url(/img/jg-bg.jpg);
	background-position: left bottom;
}

.header-banner-box.register {
	background-image: url(/img/register-bg.jpg);
	background-position: left bottom;
}


.header-banner-box.post-job {
	background-image: url(/img/post-job-bg.jpg);
	background-position: right bottom;
}


.header-banner-box.post-vac {
	background-image: url(/img/post-vac-bg.jpg);
	background-position: right bottom;
}


.header-banner-box.register .btn {
	position: absolute;
	bottom: 30px;
	right: 30px;
	display: block;
	padding: 15px 0;
	font-size: 18px;
	width: 186px;
	font-weight: bold;
}

.header-banner-box.guide .btn {
	position: absolute;
	bottom: 30px;
	left: 30px;
	display: block;
	padding: 15px 0;
	font-size: 18px;
	width: 186px;
	font-weight: bold;
}

.header-banner-box.post-job .btn {
	position: absolute;
	bottom: 30px;
	left: 30px;
	display: block;
	padding: 15px 0;
	font-size: 18px;
	width: 186px;
	font-weight: bold;
}

.header-banner-box.guide img {
	position: absolute;
	top: 30px;
	left: 64px;
}


.header-banner-box.post-job img {
	position: absolute;
	top: 30px;
	left: 64px;
}

.header-banner-box.post-vac .btn {
	position: absolute;
	bottom: 30px;
	left: 30px;
	display: block;
	padding: 15px 0;
	font-size: 18px;
	width: 186px;
	font-weight: bold;
}

.header-banner-box.post-vac img {
	position: absolute;
	top: 30px;
	left: 64px;
}