/*
Theme Name: Advance Payroll Theme
Author: Click Click Media
Author URI: 
Description: 
*/



.wcu-right{
	padding-top: 35px !important;
	padding-bottom: 417px !important;
}

.modal-header p{
	font-size: 12px;
	margin-bottom: 0;
}

.wcu-item{
	background-color: #2462c9;
}

a.selected {
    background-color: #ffffff !important;
}

.loading-screen{
    position:relative;  
}
.loading-screen:before{
    content:'';
    background: rgba(255,255,255, .9);
    position:absolute;
    z-index:4;
    left:0;
    right:0;
    bottom:0;
    top:0;
}
.loading-screen:after {
    content: '';
    width: 64px;
    height: 64px;
    background: url(images/loader.gif) no-repeat;
    z-index: 5;
    position: absolute;
    top: 50%;
    margin-top: -31px;
    left: 50%;
    margin-right: -115px;
}

.loading-screen .banner-item:nth-child(n+2) {
	display: none;
}

#inner-content p a{
	color: #337ab7;
}

#inner-content ul li {
	    font-family: 'ProximaNova-Light';
}

.main-banner .banner-item h2 {
	text-transform: inherit;
}
#inner-content ol {
	/*list-style: none;*/
	padding-left: 30px;
}

#inner-content ol li span{
	display: none;
}

#inner-content ol li{
	font-size: 16px;
 position: relative;
 padding-left: 10px;
 /*line-height: 1.8em;*/
 line-height: 32px;
}

#sidebar{
	opacity: 0;
	transition: opacity 4s ease-in-out;
}

/*main nav submenu width*/
#header .primary-menu .menu-item .sub-menu li a{
	width: 250px;
}

/**/
.testimonial-item .content a.btn{
	color: white;
	border-color: white;
}

/*sidebar testimonial read-more*/
.t-read-more{
	font-size: 10px;
	text-transform: uppercase;
	color: #333;
	position: relative;
	top: -10px;
	left: 0;
	transition: 0.3s;
}

.t-read-more:hover{
	color: #dd4a23;
}

/*Slider*/
.main-banner {
	position: relative;
}
.main-banner .banner-item {
	display: inline-block;
	width: 100%;
}

.main-banner .nav-wrap{
	position: absolute;
	width: 100%;
	display: inline-block;
	text-align: center;
	z-index: 99;
	bottom:5%;
}

.main-banner .nav-wrap a {
	border:2px solid #2462c9;
	width: 15px;
	height: 15px;
	display: inline-block;
	margin:0 3px;
	border-radius: 50%;
}

.main-banner .nav-wrap a.selected {
	background-color: #2462c9;
}

.main-banner .nav-wrap span {
	display: none;
}

/*sidebar fixed*/
.affix {
    position: fixed;
    width: auto;
    top: 110px;
}

.affix-bottom {
    position: relative;
}

/*@media (max-height: 1000px){
	.affix{
		position: static;
	}
}
*/
/*<!-- footer links vertical alignemnet -->*/
#footer .privacy .privacy-item {vertical-align: top;}

/*<!-- sidebar menu -->*/
#sidebar{display: none; padding: 0 15px;}
.sidebar-menu li a{font-size: 21px;}

/*<!-- two column list on reports page -->*/
.two-column ol,
.two-column li{
	font-size: 12px;
	font-family: 'Georgia';
}


.two-column p{font-family: 'ProximaNova-Light';}

/*<!-- main menu > submenu  -->*/
#main-menu > .sub-menu a{line-height: auto;}

/*<!-- blog image alignment -->*/
img.alignright{float: right; margin-left: 20px; margin-bottom: 20px;}
img.alignleft{float: left; margin-right: 20px; margin-bottom: 20px;}
img.alignnone{float: none; display: block; margin-bottom: 20px;}
img.aligncenter{float: none; display: block; text-align: center; margin-right: auto; margin-left: auto;}

/*<!-- contact us form -->*/
#gform_wrapper_1 input{width: 100%;}
#gform_wrapper_1 input[type="submit"]{background-color: #dd4a23;}
#gform_wrapper_1 input[type="submit"]:hover{background-color: #337ab7;}
/*#gform_wrapper_1 #field_1_6{display: none !important;} hide honeypot*/


/*testimonial slider*/
.testimonials .testimonial-item {
	display: inline-block;
	vertical-align:top;
}

/*sidebar testimonial slider*/
.t-display-inline{
	display: inline-block;
	vertical-align: top;
}

/*pinned icon on the left side of the screen*/
.pinned-content{
	display: none;
	position:fixed;
	top: 40%;
	left: 0;
	z-index: 100;
}

.pinned-mobile {
	display: none !important;
}

.pinned-mobile i{
	font-size: 35px;
	vertical-align: middle;
}

.pinned-content a{
	text-align: center;
	display: block;
	padding: 10px 0;
	margin: 0 0 10px 0;
	outline: 0;
	border: 0;
	background-color: #dd4a23;
	width: 50px;
	color: #fff;
	font-size: 25px;
	border-radius: 0 5px 5px 0;
	transition: 0.3s;
}

.pinned-content a:hover,
.pinned-content a:active{
	background-color: #2462c9;
	color: #fff;
}

/*<!-- benefits button border color -->*/
.benefits .button-wrap .btn {border-color: #fff;}

/*<!-- get started button on the menu bar -->*/
a.btn{outline: 0 !important;}

/*<!-- form inside modal -->*/
#gform_fields_2 select{width: 100%; padding: 9px 12px;} 
#gform_fields_2 input, #gform_fields_2 textarea{width: 100%}
#gform_wrapper_2 input[type="submit"]{background-color: #dd4a23; width: 100%;}
#gform_wrapper_2 input[type="submit"]:hover{background-color: #2462c9;}
/*#gform_wrapper_2 #field_2_12{display: none;}*/

/*<!-- inner content -->*/
#inner-content .with-title{padding: 0 100px 0 20px;}
#inner-content p{font-family: 'ProximaNova-Light'; font-size: 18px;}
#inner-content ul li{display: block !important; width: 100% !important; position: relative; padding-left: 40px;}
span.li-check-circle {position: absolute; left: 10px; top: 0;}
#inner-content ul li.gfield {padding-left:0;}
#inner-content ul li.gfield .li-check-circle{display:none;}

/*accordion*/
.panel{box-shadow: none}
#accordion.panel-group .panel{border-radius: 0}
#accordion.panel-group .panel+.panel{margin-top: 20px}
#accordion.panel-group .panel-heading{
	padding: 0;
	border: 0;
	border-radius: 0 !important;
	border-left: 5px solid #2462c9;
}
#accordion.panel-group .panel-heading a{color: #333; font-weight: bold; display: block; padding: 20px; background-color: rgba(214, 238, 255, 0.5); transition:0.3s;}
#accordion.panel-group .panel-heading a:hover{background-color: rgba(214, 238, 255, 1);}
#accordion.panel-group .panel-heading+.panel-collapse>.panel-body p{margin-bottom: 10px;}
#accordion.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{
	border-top: 0;
	background-color: #f6f6f6;
	padding: 20px;
	border-left: 5px solid #2462c9;
}

/*testimonial-item*/
.testimonial-container{margin-top: 50px; margin-bottom: 50px;}
.testimonial-container div:first-child{margin-top: 0;}
.testimonial-container .testimonial-item{
    background: #FFFFFF;
    margin-top: 30px;
    position: relative;
    border-left: 15px solid #2462c9;
    box-shadow: 0 0 15px #F7F7F7;
    padding-left: 60px;
    padding-top: 20px;
    padding-right: 20px;
}

.testimonial-container .testimonial-item:before{
	content: '';
	background: url('http://advancepayroll.com.au/wp-content/uploads/2016/04/quote.png') no-repeat;
	height: 25px;
	width: 30px;
	position: absolute;
	top: 20px;
	left: 10px;
}

.testimonial-container .testimonial-item p{position:relative;}
.testimonial-container .testimonial-item h3{
    text-align: left;
    font-style: italic;
    color: #E67B50;
}

/*with tite li check circle overlap with existing check circle*/
.with-title li .li-check-circle{display: none;}

/*front page banner button hover*/
.main-banner .banner-item .button-wrap .btn:hover{border: 1px solid #ed6b0b;}

/*main menu link hover*/
#header .primary-menu>.menu-item>a:hover{text-decoration: underline;}

/*front pag h1*/
.front-page-heading{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	text-indent: -99999px;
}

.inner-banner {
	position: relative;
}

.slider-nav {
    text-align: center;
    position: absolute;
    bottom: 20px;
    z-index: 3;
    margin: 0 auto;
    width: 100%;
}

.slider-nav a span{
	display: none;
}

.slider-nav a {
	height: 15px;
	width: 15px;
	display: block;
	background-color: #2462c9;
	border-radius: 50%;
	margin:0 5px;
	display: inline-block;
}



.main-banner .banner-item:after{
	content: '';
	top: 0;
	display: block;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0, .3);
}

.main-banner .banner-item h2 {
	color: #fff;
}

.main-banner .banner-item h2 {
	color: #fff;
}

.main-banner .banner-item .button-wrap .btn {
	color: #FFF;
	border:1px solid #FFF;
}


@media (min-width: 480px){
	.testimonial-container .testimonial-item h3{text-align: right;}
}

@media (min-width: 767px){
	#sidebar{display: block; padding: 0;}

	#gform_wrapper_2 input[type="submit"]{width: auto;}

	.pinned-content{display: block;}

	.two-column ol,
	.two-column ul{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		-ms-column-count: 2;
		-o-column-count: 2;
		column-count: 2;
	}
}

@media (min-width: 768px){
	/*<-- Responsive Nav -->*/
	#header .primary-menu > .menu-item > a{
		font-size: 11px;
		/*padding: 0 10px;*/
		line-height:100px;
	}
}

@media (min-width: 992px){
	#header .primary-menu > .menu-item > a{
		font-size: 14px;
	}
}


@media (max-width: 480px){
	/*==============*/
	img.alignleft,
	img.alignright,
	img.aligncenter{
		display: block !important;
		float: none !important;
		margin: 0 auto !important;
	}
	/*==============*/
}



/*==============
  *
  *blog-banner
  *
  *==============*/

.new-ribbon{
  width: 190px;
  /*border-radius: 5px 0 0 5px;*/
  position: fixed;
  top: 40px;
  right: 0;
  z-index: 100;
  /*overflow: hidden;*/
}

.new-ribbon .inner-content{
  border-radius: 5px 0 0 5px;
  overflow: hidden;
}

.new-ribbon .close-btn{
  position: absolute;
  top: 0;
  left: -20px;
  width: 15px;
  height: 15px;
  background: white;
  text-align: center;
  border-radius: 100%;
  cursor: pointer;
}

.new-ribbon .close-btn span{
  position: relative;
  top: -2px;
  font-size: 14px;
}

.new-ribbon .top{
  padding: 15px 10px 15px 15px;
  background: #9a2129;
  color: white;
  display: block;
}

.new-ribbon h4{
  font-size: 17px;
  margin-bottom: 5px;
}

.new-ribbon p{
  font-size: 13px;
  margin: 0;
}

.new-ribbon .bottom{
  font-size: 10px;
  background-color: #ebb91f;
  padding: 5px 5px 5px 10px;
}



.home-default {
  padding: 45px 0 35px;
}

.blog-banner {
  padding: 60px 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}

.blog-banner h1 {
  color: #fff;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
}

.home-wrap .top {
  max-width: 333px;
  margin: 0 auto 10px;
  overflow: hidden;
}

.home-wrap .post-img {
  padding-bottom: 64%;
  display: block;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: all .3s;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}

.home-wrap .post-img:hover {
  transform: scale(1.1);
}

.home-wrap .bottom {
  max-width: 333px;
  margin: 0 auto 0;
  padding-bottom: 20px;
}

.home-wrap .bottom .date {
  color: #9c9c9c;
  font-size: 15px;
  display: block;
  margin-bottom: 8px;
}

.home-wrap .bottom .title a,
.home-wrap .bottom .title {
  color: #323232;
  font-size: 23px;
  line-height: 24px;
  margin-bottom: 13px;
}

.home-wrap .bottom .title a:hover {
  color: #2462c9;
}

.home-wrap .bottom .desc p,
.home-wrap .bottom .desc li {
  font-size: 16px;
}

.mons-filters {
  margin-bottom: 25px;
}

.mons-filters li,
.mons-filters a {
  color: #9c9c9c;
  font-size: 21px;
}

.mons-filters li {
  line-height: 42px;
  margin-bottom: 0;
  padding: 0 15px;
}


.mons-filters li.year {
  display: none;
}

.mons-filters .current-month,
.mons-filters a:hover {
  color: #2462c9;
}

.archive-pagination {
  text-align: center;
  padding: 10px 0;
}

.archive-pagination a,
.archive-pagination span {
  border: 2px solid #9f9c9f;
  border-radius: 3px;
  display: inline-block;
  padding: 2px 8px;
  font-weight: bold;
  color: #9f9c9f;
  font-size: 16px;
}

.archive-pagination a.current,
.archive-pagination span.current {
  border-color: #2462c9;
  color: #2462c9;
}

.archive-pagination a:hover,
.archive-pagination span:hover {
  background-color: #2462c9;
  color: #fff;
  border-color: #2462c9;
}

.single-wrap {
  max-width: 650px;
  margin: 0 auto;
  padding-bottom: 15px;
}

.single-wrap .ft-img {
  width: 100%;
  margin: 0 auto 25px;
}

.single-wrap .date {
  color: #9c9c9c;
  font-size: 15px;
  display: block;
  margin-bottom: 8px;
}

.single-wrap .content h1,
.single-wrap .content h2,
.single-wrap .content h3,
.single-wrap .content h4,
.single-wrap .content h5,
.single-wrap .content h6 {
  font-family: 'ProximaNova-Regular';
}

.single-wrap .content .title {
  font-family: 'ProximaNova-Bold';
}

.single-wrap .content h1 {
  font-size: 22px;
}

.single-wrap .content h2 {
  font-size: 20px;
}

.single-wrap .content h3 {
  font-size: 18px;
}

.single-wrap .content h4 {
  font-size: 14px;
}

#filter-result {
  position: relative;
}

.ajax-loader:before {
  content: '';
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  opacity: .9;
}

.ajax-loader:after {
  content: "\f1ce";
  font-family: 'fontAwesome';
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  display: block;
  position: absolute;
  top: 20px;
  bottom: auto;
  right: 0;
  left: 0;
  width: 80px;
  font-size: 45px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  color: #000;
  margin: auto;
}

@media (min-width: 768px) {
  .home-wrap {
    margin: 0 -15px;
    font-size: 0;
  }
  .home-wrap .home-item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 10px;
  }
  .single-wrap .content h1 {
    font-size: 27px;
  }
  .single-wrap .content h2 {
    font-size: 23px;
  }
  .single-wrap .content h3 {
    font-size: 21px;
  }
  .single-wrap .content h4 {
    font-size: 18px;
  }
  .single-wrap .content p {
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  .home-wrap .home-item {
    width: 33%;
  }
}
#header .button-wrap .btn {
  background-color: #ebb91f;
  border: none;
  color: #000;
}
#header .button-wrap .btn:hover {
  color: #000;
}
.pdfdl {
  color: #9a2129;
}
.ot-off {display: none}
#header .primary-menu .menu-item a {
    text-transform: capitalize;
}

span.wpcf7-not-valid-tip{font-size: 10px;}
#header .primary-menu .menu-item .sub-menu li a {

    font-size: 14px;
}
#commentform> p:last-child {
    margin: 0;
}
form.wpcf7-form {
    margin: 0;
}
.phone {
    /* text-align: center; */
    font-size: 18px;
    color: #FFF;
    font-weight: 700;
    margin-bottom: 10px;
}
.phone a{color: #FFF;}
.phone:hover a{color:#ebb91f;}
#header .inner-wrap.desktop-header .header-item{padding: 0 6px;}
/* Added by DPS for additional para blocks in home page */
.home-pblock-rw
{
    padding-top:1em;
    display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.main-banner
{
margin-top: -2.5em;
}

#gform_1 #field_1_6 #input_1_6, #gform_1 #field_1_6 .gfield_description {
	display: none;
}

#gform_2 #field_2_12 .ginput_container, #gform_2 #field_2_12 .gfield_description {
	display: none;
}


.common-form label {display: block;}

form .common-form input, form .common-form textarea {
    width: 100%;
}
form .common-form input[type=submit] {
    margin: 10px 0 0;
    width: 300px;
}