@charset "utf-8";

/* Reactor - Anthony Wilhelm - http://awtheme.com/ */

:target::before {
    content: '';
    display: block;
    height:      120px;
    margin-top: -120px;
}

html{
    overflow-x:hidden;
}

/* Main ---------------------- */

.d-flex{
    display:flex;
}
.vertical-padding{
    padding:3% 0px!important;
}


/* WP Classes */

.login h1 a {width:270px !important; height: 102px !important;}

.alignleft {

    float:left

}

.alignright {

    float:right

}

.aligncenter {

    display:block;

    margin:0 auto

}

.center-content{
    display:flex;
    justify-content:center;
}

.bypostauthor, .gallery-caption {

    display:inherit

}

.wp-caption-text {

    position:relative;

    font-size:0.9em

}

.sticky { }




/* Responsive Images */

.wp-caption {

    max-width:100%;

    padding:0.25em

}

img[class*=align], img[class*=wp-image-], img[class*=attachment-] {

    height:auto

}

img.size-full, img.size-large, img.header-image, img.wp-post-image {

    height:auto;

    max-width:100%

}
.entry-header{
    padding:8px 0;
}

.author-img{
    display:none;
    width:150px;
    height:auto;
    background:#E8E8E8;
    border-radius:5px;
    border-bottom:3px solid #50b948;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    float:right;
    margin: 0px 16px;
}


.author-img img {
    max-width: 100%!important;
    padding: 8px;
    border-radius: 15px;
}
.author-img p.author-name{
    margin-bottom:0;
    font-weight:700;
    font-size:14px;
}

.author-img p.author-business{
    margin-bottom:8px;
    font-size:10px;
}

.heavy-title {
    font-family:"Open Sans", sans-serif;
    font-weight: 800;
}

.alert-banner{
    display:flex;
    align-items: center;
    justify-content:center;
    background: #50b948;
    color:#ffffff;
    font-weight: 600;
    height:40px;
    padding: 4px 8px;
}

.large-10 article.latest-news h5, 
.large-10 article.latest-news h4, 
.large-10 article.latest-news h3, 
.large-10 article.latest-news h2, 
.large-10 article.latest-news h1, 
.large-10 article.latest-news p,
.large-10 article.category-bulletins h5, 
.large-10 article.category-bulletins h4, 
.large-10 article.category-bulletins h3, 
.large-10 article.category-bulletins h2, 
.large-10 article.category-bulletins h1, 
.large-10 article.category-bulletins p,{
    font-family:"Open Sans", sans-serif;
}

.large-10 article.latest-news p, .large-10 article.category-bulletins p{
    font-size:16px;
}

/* COVID page Thumb */

.page-template-covid-page article .entry-body .entry-content .entry-thumbnail,
.page-template-budget-2020-page article .entry-body .entry-content .entry-thumbnail {
    margin-bottom: 32px;
    margin-top: 16px;
    max-height:350px;
    overflow:hidden;
    display:flex;
    align-items:center;
    border-radius: 5px;
}

.page-template-covid-page article .entry-body .entry-content .entry-thumbnail img,
.page-template-budget-2020-page article .entry-body .entry-content .entry-thumbnail img,
.page-template-budget-2020-page article .entry-header a img{
    object-fit:cover;
    min-height:200px;
}

.page-template-budget-2020-page ul { 
    margin-left:0px;
}

p.last-updated {
    font-weight: 600;
    margin-bottom: 4px;
}

.taxonomy-section{
    margin-top:4px;
}


/* MODAL --------------------- */
.modal-bg{
    z-index:0;
    transition: opacity .25s, background .25s;
}

.modal-bg .modal-wind{
    display: none;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 768px;
    height: auto;
    transform: scale(0);
    transition-delay: .25s;
    transition: transform .5s;
    background: url('https://www.cibaccountants.com.au/wp-content/uploads/2020/03/AdobeStock_305152488.jpg') no-repeat fixed center;
    border-radius: 5px;
    box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.75);
}

.modal-bg.show-modal{
    background: rgba(0, 0, 0, 0.35);
    opacity: 1;
    position: fixed;
     width: 100%;
    height: 100%;
    display: flex;
    top: 0px;
    left: 0px;
    z-index: 1001;
    align-items: center;
    justify-content: center;
}

.modal-bg.show-modal .modal-wind {
    display: flex;
    transform: scale(1);
    
}

.modal-wind .close-icon {
    position: absolute;
    right: 0px;
    margin: 12px;
}

.modal-wind .modal-title{
    display:flex;
    justify-content:center;
    clear:both;
    margin-top: 8px;
}

.modal-wind form{
    padding:16px 128px 0px 128px;
    margin-bottom:0px;
}

.modal-wind input:not(.checkbox) {
    margin: 12px 16px;
    width: calc(100% - 32px);
    max-width:480px;
    background: #fefefe;
    padding: 0px 10px;
    height: 38px;
    border-radius: 5px;
}


.modal-wind input[type="checkbox"] {
    width: 24px;
    height: 24px;
    margin-top:8px;
    vertical-align: bottom;
    background: #888888;
    border-radius: 5px;
}

.modal-wind .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 18px;
  cursor: pointer;
  color:#ffffff;
  line-height:24px;
  margin-left:16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.modal-wind .container input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;

}

.modal-wind .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

.container input:checked ~ .checkmark {
  background-color: #50b948;
}

.modal-wind input:checked ~ .checkmark:after {
  display: block;
}

.modal-wind .checkmark:after{
  content: "";
  position: absolute;
  display: none;
}

.modal-wind .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.modal-wind .checkbox-container {
    display: flex;
}

.modal-wind input[type="submit"] {
    background:#50b948;
    color:#FFFFFF;
    font-weight:600;
    border:none;
    
}

.modal-footer p, .modal-subtitle p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #FFFFFF;
}

#content .latest-news .modal-subtitle p{
    font-size:1.5em;
    margin-bottom:0px;
}

.modal-footer, .modal-subtitle {
    display: flex;
    justify-content: center;
}
@media screen and (max-width:640px){
    .modal-wind form{
        padding:32px;   
    }     
    
    .modal-title{
        width: calc(100% - 64px);
        margin: 0px 32px;
    }
    
    #content .latest-news .modal-subtitle p{
        font-size:1.2em;
    }
    
    .modal-footer{
        width:calc(100% - 32px);
    }
    .modal-footer p{
        text-align: justify;
        font-size: 1em!important;
        margin:0px 16px 16px 16px;
    }
}

@media screen and (max-width:550px){
    .modal-wind form{
        padding:32px 16px;   
    }
    
    .modal-wind{
        margin:16px;
    }
    
    
}

/* Using Large-10 to distinguish between single page and articles page*/
.large-10 article.latest-news .entry-header .entry-thumbnail a img,
.large-10 article.category-bulletins .entry-header .entry-thumbnail a img{
    margin-bottom: 32px;
    margin-top: 16px;
}
.large-10 article.latest-news .entry-header .entry-thumbnail.restricted a img,
.large-10 article.category-bulletins .entry-header .entry-thumbnail.restricted a img{
    max-height:350px;
}

.page-template-latest-news article.latest-news .entry-title, .page-template-covid-page article.latest-news .entry-title,
.page-template-budget-2020-page article.latest-news .entry-title{
    margin-bottom:4px;
}

.large-10 article.latest-news .entry-title, .large-10 article.latest-news .taxonomy-section, .large-10 article.latest-news .last-updated{
    padding-left:16px;
}

.large-10 article.latest-news .entry-content
{
    transition:all .25s ease-in-out;
    padding:0 16px;
}

.large-10 article.latest-news .entry-content img{
    max-width:100%;
}

.page-id-735 article.latest-news .entry-header a img, .archive article.latest-news .entry-header a img, .page-template-covid-page article .entry-header a img
.page-template-budget-2020-page article .entry-header a img{
    height:195px;
}

article.latest-news .entry-header a img,
article.category-bulletins .entry-header a img{
    border-radius: 5px;
    object-fit: cover;
}

article.latest-news .entry-header h1.entry-title{
    font-family:"Open Sans", sans-serif;
    font-weight:800;
    color:#424040;
}


@media screen and (min-width:1024px){
    .large-10 article.latest-news .author-img{display:block;}
    .large-10 article.latest-news .entry-content { padding: 0 32px 0 32px;}
}

.entry-content .twitter-tweet-rendered {

    max-width:100%!important

}

.entry-content img, .comment-content img, .widget img, embed, iframe, object, video {

    max-width:100%

}

.entry-header .article-indicator{
    display: inline-block;
    background: #50b948;
    border-radius: 5px;
    padding: 10px 16px;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    margin-top: 8px;
    margin-right: 4px;
    line-height: 14px;
}

.entry-header span.article-category-text {
    display: inline-block;
    text-transform: uppercase;
    color: #50b948;
    font-family:"Open Sans", sans-serif;
    line-height: 14px;
    font-size: 12px;
    margin: 10px 4px 10px 0px;
    transition: all .25s;
}

.entry-header span.article-category-text:hover{
    color:#424040;
}

/* Misc Styles */

ul, dl {

    margin-left:1.125em

}

ol{
     margin-left:2.5em
}

.gallery dl {

    margin-left:0

}

#slider-front-page {

    padding:1.063em 0 0

}

/* fix for textarea height */

textarea {

    height:auto

}

/* fix for gallery spacing */

.gallery [data-clearing] li {

    margin-right:0;

    padding-left:0

}

/*  fix for h1 in top bar causing SEO nightmare */

.top-bar .name p {

    font-size:1.0625em;

    line-height:45px;

    margin:0

}

.top-bar .name p a {

    font-weight:bold;

    color:white;

    width:50%;

    display:block;

    padding:0 15px

}

/* fix for margin on top bar */

.top-bar, .contain-to-grid .top-bar {

    margin-bottom:0

}

/* Header ---------------------- */

.inner-header {

    border-bottom:none;

    /*margin:0 0 1.25em;*/

    margin:0;

    padding:1.125em 0 0

}

.site-header .site-title {

    font-size:2.75em;

    font-weight:bold;

    line-height:1.4;

    margin-bottom:0;

    text-rendering:optimizeLegibility

}

.site-header .site-title a {

    color:#222

}

.site-header .site-description {

    color:#222;

    font-size:1.688em;

    margin-bottom:0;

    text-rendering:optimizeLegibility

}

.site-header .site-logo {

    float:none;

    margin:0 auto;

}

.site-header .site-logo img, img.dfk-logo{margin:0 auto;display: block;}

.site-logo .pws-header-logo{
    width:auto!important;
    max-height:106px!important;
}

img.dfk-logo{
    width:100%;
    margin: 8px 0px;
    
}

img.caanz{
    width:100%;
}
img.tpb-logo{
    width:50%;
}
.flex-vert-align {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
}

.flex-vert-align a{
    width:50%;
}

#sub-footer .button{

    border: 2px solid #fff;float:right;

}

#sub-footer .button:hover:before {left:88%;}

@media screen and (min-width:48em){

    .site-header .site-logo {

        float:left;

        margin:0 0.625em 1.25em 0

    }

    img.dfk-logo{margin-top:2em;max-width: 100%;}

}

.site-header hgroup:after {

    clear:both

}

#mobile-menu-button .button {

    margin-bottom:0;

    padding:0.75em 0.5em;

    width:auto;

    border:none;

    float:left;

}

.mobile-menu-icon {

    background:#fff;

    border-radius:0.063em;

    box-shadow:0 0.063em 0 rgba(0, 0, 0, 0.1);

    height:0.125em;

    width:1.25em;





}

.mobile-menu-icon + .mobile-menu-icon {

    /*    margin:0.188em 0 0*/

}



.mobile-menu-icon:nth-child(2){

    opacity:1;

    -webkit-transition: opacity 0.3s;

}

.mobile-menu-icon:nth-child(1), .mobile-menu-icon:nth-child(3){

    -webkit-transition: -webkit-transform 0.3s;

}

.mobile-menu-icon:nth-child(1){

    -webkit-transform: translateY(-150%);

    transform: translateY(-150%);

}

.mobile-menu-icon:nth-child(3){

    -webkit-transform: translateY(150%);

    transform: translateY(150%);

}

.active .mobile-menu-icon:nth-child(2){

    opacity:0;

}

.active .mobile-menu-icon:nth-child(1){

    -webkit-transform: translateY(2px) rotate(45deg);

    transform: translateY(2px) rotate(45deg);

}

.active .mobile-menu-icon:nth-child(3){

    -webkit-transform: translateY(-2px) rotate(-45deg);

    transform: translateY(-2px) rotate(-45deg);

}

.button, button{

    float:right;

}

@media only screen and (min-width: 768px){

    button, .button { float:none;}
    .innter-header{
        padding: 1.125em 0 0;
        margin: 36px;
    }
}

#mobile-menu-button {

    float:left

}

a[href^=tel] {color:#fff;}

#mobile-menu-button .button:before{

    content:"";

}

.site-header {

    /* border-bottom:0.063em solid #ddd;*/

    margin:1.25em 0 0 0;

}

.top-bar .title-area {

    margin-left:0

}
@media only screen and (max-width: 959px) {
.inner-header {

        /*border-bottom:0.063em solid #ddd*/
        margin-top:36px;
    }
}

@media only screen and (min-width: 48em) {

    .site-header {

        border-bottom:none;

        margin:0

    }

    .top-bar-section .search-form {

        padding:0 15px

    }
 

}

/* Footer ---------------------- */

.inner-footer {

    border-top:0.063em solid #ddd;

    clear:both

}

.site-info {

    padding:1.063em 0

}

.liability-text{
    font-size: 0.8em;
}

#colophon {

    text-align:left

}

#colophon, .footer-links li {

    font-size:0.75em

}

.footer-links li {

    margin-left:0.625em

}

.footer-links .inline-list {

    margin-left:0

}

#sub-footer {background: #424040; padding: 32px 0; color:#fff;}

#sub-footer .menu-footer-sitemap-container, #sub-footer .textwidget{font-size:0.875em;}

#sub-footer .menu-footer-sitemap-container li{padding-bottom:10px;}

#sub-footer li a{color:#fff; display:block;border-bottom: 1px solid #fff;}

#sub-footer li a:hover{ color:#377f31; text-shadow: 1px 1px 0px #56c94e; }

#sub-footer h4{color:#fff;}

#sub-footer h5{ font-family:arial; font-size:0.875em; color:#fff;}

#colophon .textwidget a:after{ content: " | ";}

#colophon .textwidget a:last-child:after{ content: "";}

@media only screen and (min-width: 48em) {

    #colophon {

        text-align:center;

    }

    #footer #colophon div, #footer #colophon p, #footer #colophon span{

        display:inline-block;

        margin:0;

        line-height:1;

        overflow:visible;

    }

    #colophon .textwidget a:last-child:after{ content: " | ";}

}

/* Posts & Pages ---------------------- */

.entry-icon {

    font-size:2.5em;

    position:static

}

@media only screen and (min-width: 48em) {

    .entry-icon {

        left:-8.33333%;

        position:absolute;

    }

}

.entry-featured {

    float:right

}

.entry-body {

    /*border-bottom:0.063em solid #ddd;*/

    margin-bottom:1.25em;

    padding-bottom:1.25em

}

.multi-column .entry-body, .type-page .entry-body {

    border:none;

    margin-bottom:0;

    padding-bottom:0

}

.entry-meta {

    margin-bottom:0.625em

}

.entry-tags {

    margin-top:0.625em

}

.nav-single {

    margin: 1.063em 0;

    display: block;

    overflow: hidden;

}

.flex-map iframe {

    width:100%

}

.entry-footer .panel {

    margin-bottom:0

}

.entry-footer {

    clear:both

}

.entry-footer .edit-link {

    margin:1.063em 0

}

/* Post Formats ---------------------- */

.post.format-chat .entry-content {

    border:0.063em solid #ddd;

    padding:0.625em

}

.post.format-chat .entry-content p {

    margin:0

}

.post.format-chat .entry-content p:nth-child(2n) {

    background:#eee

}

.post.format-chat .entry-footer {

    margin:1.063em 0 0

}

.post.format-video .flex-video {

    margin-bottom:0

}

.post.format-gallery .gallery-item {

    clear:none

}

.post.format-audio .entry-title, .post.format-image .entry-title, .post.format-video .entry-title, .post.format-gallery .entry-title {

    font-size:1.125em

}

.post.format-audio p, .post.format-gallery p, .post.format-image p, .post.format-link p, .post.format-video p {

    line-height:0;

    margin-bottom:0

}

/* Portfolio ---------------------- */

.single-portfolio {

    margin:0 0 1.063em

}

h2.entry-title.portfolio {

    margin:0.313em 0;

    font-size:1.25em

}

.portfolio .entry-tags {

    font-size:0.75em

}

.filterable-grid {

    width:auto!important;

}

#Grid .mix{

    opacity: 0;

    display: none

}

/* Comments ---------------------- */

ol.commentlist {

    margin:0;

    padding:0;

    list-style-type:none

}

ol.commentlist ol {

    list-style-type:none

}

ol.commentlist li {

    margin:0

}

.comment-author {

    text-decoration:none;

    padding:0

}

#comments, p.nocomments {

    clear:both;

    padding:1.063em 0

}

.commentlist li.comment .comment-entry {

    background:#f2f2f2;

    border:0.063em solid #e6e6e6;

    clear:both;

    margin-bottom:1.063em;

    padding:0.625em;

    position:relative

}

.commentlist li.comment .comment-content {

    background:#fff;

    border:0.063em solid #e6e6e6;

    clear:both;

    margin:0.625em 0;

    padding:0.625em;

    position:relative

}

.comments-area article header {

    margin-top:1.063em

}

.comments-area article header img {

    float:left

}

.comments-area article header cite, .comments-area article header time {

    display:block;

    margin-left:3.750em

}

/* Widgets ---------------------- */

.widget {

    overflow:hidden

}

.widget .textwidget {

    margin:0 0 1.063em

}

.tagcloud {

    padding:0.313em 0

}

/* Breadcrumbs ---------------------- */

ul.breadcrumbs {

    margin:1.063em 0

}

/* Pagination ---------------------- */

ul.pagination {

    clear:both;

    margin:1.063em 0 1.25em

}

/* Horizontal Nav ---------------------- */

#menu .section-container.horizontal-nav .section .title.has-dropdown > a:after,

#mobile-menu .section-container.accordion .section .title.has-dropdown > a:after {

    content: "";

    display: block;

    width: 0;

    height: 0;

    border: solid 5px;

    border-color: #fff transparent transparent transparent;

    /*margin-top: -2.5px;*/

    position:absolute;

    right:1em;

    margin-top:-5px;

    top:50%;

    /*top:1.688em*/

}

#mobile-menu h2{

    color:#fff;

    padding: 0.56em;

} 

/*
.main-nav{
    border-bottom:none!important;
}
*/
#mobile-menu .section-container .section .content{

    padding:0;
    background:#424040;

}

#menu .section-container .section .content{
    padding:0;
    border-top: 5px solid #50b948!important;
}

#mobile-menu .section-container .section .content a{
    color:#FFFFFF;
}

#menu .section-container.horizontal-nav .side-nav li,

#mobile-menu .section-container.accordion .side-nav li {

    margin:0;

}

#menu .section-container.horizontal-nav .side-nav li a,

#mobile-menu .section-container.accordion .side-nav li a {

    padding: 0.75em 0.9375em;

}



#menu .section-container.horizontal-nav .side-nav li:hover a,

#mobile-menu .section-container.accordion .side-nav li:hover a {

    background:#efefef

}

#menu .section-container.horizontal-nav .section .title.active a,

#menu .section-container.horizontal-nav.auto .section .title.active a {

    /*background: #d5d5d5;*/

    font-family: 'arsenalbold', arial, sans-serif;

}

#menu .section-container.horizontal-nav .section .title.active{
    background-color:#50b940;
   /*
   OLD
   background-color: #42993c;
   */

}

#menu .section-container.horizontal-nav .section:hover .content {

    border: 1px solid #ccc;

    display: block;

    min-width: 12.5em;

    position: absolute;

    z-index: 999;

}

@media only screen and (min-width: 48em) {

    #menu .section-container.horizontal-nav .section .title.has-dropdown > a:after {

        top:50%

    }

    #menu .section-container.horizontal-nav .section .title.has-dropdown > a {

        padding-right:2.813em

    }

}

/* Off-Canvas ---------------------- */ 

#main:before {

    content:" ";

    position:absolute;

    z-index:-1;

    top: 0;

    left:-100%;

    width:100%;

    height:100%

}

.active{overflow:hidden;}

#page {

    overflow:hidden;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition:all 0.3s ease;

    -o-transition:all 0.3s ease;

    transition:all 0.3s ease;

    width:100%;

}

#mobile-menu, #main {

    display:block;

    position:relative;

    width:100%;

    -webkit-transition:all 0.3s ease;

    -moz-transition:all 0.3s ease;

    -ms-transition:all 0.3s ease;

    -o-transition:all 0.3s ease;

    transition:all 0.3s ease

}

.js #mobile-menu {

    margin-left:-100%;

    padding:0 0.938em 0 0;

    padding:0;

    position:absolute;

    width:80%;

    z-index:1;

    height: 100%;

    /* background: #50B948; */
    background: #323030;

    position: fixed;

    top: 0;

    overflow-y:scroll;

}



#mobile-menu .current-menu-item, #mobile-menu .section-container.accordion>.section>.title.active, #mobile-menu .section-container.accordion>.section>.title.active a{
    background-color: #50b948!important;
    color:#FFFFFF!important;
}

#mobile-menu .section-container.accordion>.section>.content {
    background-color: #424040;
}



body{height:100%;}

/*.js #main,*/ 

.js #page {

    margin-left:0;

    position:relative;

    z-index:0;

    margin-top: 32px;

}

.active #mobile-menu {

    margin-left:0

}

/*.active #main,*/ 

.active #page {

    margin-left:80%

}



#mobile-menu-button{

    width: 100%;

    background: #fff;

    position: fixed;

    z-index: 9999;

    padding: 10px;

    top:0;

}

.active #mobile-menu-button{

    margin-left:80%;

    -webkit-transition:all 0.3s ease;

    -moz-transition:all 0.3s ease;

    -ms-transition:all 0.3s ease;

    -o-transition:all 0.3s ease;

    transition:all 0.3s ease

}



@media only screen and (min-width: 960px) {

    /*.js #main,*/ 

    .js #page {

        position:static;

        margin-top:0;

    }

    .active #mobile-menu {

        margin-left:-100%;

    }

    /*.active #main,*/ 

    .active #page {

        margin-left:0

    }

    .js #mobile-menu{

        overflow-y: auto;

    }
    


}



.site-logo a{

    display:block;

    text-decoration:none;



}

#about-us-overview h2, #our-partners-overview h2{margin-bottom:0;line-height:1;}

h1+h6, h1+h5, h1+h4, h1+h3, h1+h2, h2+h6, h2+h5, h2+h4, h2+h3, h2+h2{

    font-family:arial;

    font-style:italic;

    color:#575656 !important;

    font-weight:normal;

    font-size: 1em !important;

}


#content p, #content ul{font-size: 0.875em;}

/** Font fix for News Articles (JC 10-12) **/
#content .latest-news p, #content .latest-news ul{
    font-size: 1em;
}

#content .latest-news ul li ul{
    margin-top: 8px;
    margin-left: 0.5rem;
}

#content .latest-news ul li ul li{
    margin-top: 4px;
}

/**menu styles**/

.main-nav{ 
    background:#424040;
    border-bottom: 5px solid #50b948;}

#menu{max-width:62.5em;margin:0 auto;}

#hero{

    width:100%;

    min-height:auto;  /* from 460 down to 370*/

   /* background: url(../img/hero-image.jpg) no-repeat; */

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    overflow:hidden;

    -webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);



}

#internal-hero{

    width:100%;

    min-height:190px;

    background: url(../img/hero-image.jpg) no-repeat; 

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    overflow:hidden;

}

.hero-image{
    min-height:400px;
}

#hero img{  

    width:100%;

    height:auto;

}




.hero-slider-image{-webkit-background-size: cover !important;  -moz-background-size: cover !important;  -o-background-size: cover !important;  background-size: cover !important;width:100%;min-height:14.375em;height:14.375em;}

@media only screen and (min-width: 48em) {
  
    
    .hero-slider-image{ min-height:23.125em;}
    

    .hero-slider-image{}

}


.services-header p:not(.finance-page-title){

    color:#FFFFFF!important;/* JC - Changed from #50b948;  important to override default h2 color which did not appear on chrome android*/
    
    font-size:1.875em;

    line-height:normal;

    margin-bottom:15px;
    
    margin-left:25px;
    
    font-family: 'arsenalbold',arial,sans-serif;
    
    font-style: normal;
    
    text-rendering: optimizeLegibility;
    
    margin-top: 0.2em;

}

.finance-page-title{
     color:#FFFFFF!important;/* JC - Changed from #50b948;  important to override default h2 color which did not appear on chrome android*/
    
    font-size:1.875em;

    line-height:normal;

    margin-bottom:15px;
    
    font-family: 'arsenalbold',arial,sans-serif;
    
    font-style: normal;
    
    text-rendering: optimizeLegibility;
    
    margin-top: 0.2em;

}

.finance-page-service-subtitle{
    color:#FFFFFF;
}

.services-header h2+h3{

    font-family: arial, sans-serif;

    font-style:italic;

    font-weight:normal;

    font-size:1em;

    color:#646464;

    margin:0;

}



/**services**/


#services{

    background:#bfc0c2;

    padding: 15px 0;

}

#services a{display:block;}

#services li{text-align:center;
	height: 180px; /*Added this new line Hardy*/

}

#services a p{

    font-family: 'arsenalbold', arial, sans-serif;

    color:#fff;

    font-size:.875em;

    text-transform:uppercase;

    margin-top:10px;

}

.services-icon {

    display: inline-block;

    font-size: 0px;

    cursor: pointer;

    margin: 15px 0;

    width: 90px;

    height: 90px;

    border-radius: 50%;

    text-align: center;

    position: relative;

    z-index: 1;

    color: #fff;

}



.services-icon:after {

    pointer-events: none;

    position: absolute;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    content: '';

    -webkit-box-sizing: content-box; 

    -moz-box-sizing: content-box; 

    box-sizing: content-box;

}



.services-icon:before {

    font-family: 'cib';

    font-weight: 400;

    font-style: normal;

    text-decoration: inherit;

    font-size: 40px;

    line-height: 90px;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    display: block;

    -webkit-font-smoothing: antialiased;

}

.services-icon {

    /* background: rgba(0, 0, 0, 0.3); */
    background: #50b948;

    -webkit-transition: background 0.2s, color 0.2s;

    -moz-transition: background 0.2s, color 0.2s;

    transition: background 0.2s, color 0.2s;

}



.services-icon:after {

    top: -7px;

    left: -7px;

    padding: 7px;

    box-shadow: 0 0 0 4px #fff;

    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

    -webkit-transform: scale(.8);

    -moz-transition: -moz-transform 0.2s, opacity 0.2s;

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    transition: transform 0.2s, opacity 0.2s;

    transform: scale(.8);

    opacity: 0;

}

.no-touch #services li:hover .services-icon {

    background: rgba(255,255,255,1);

    color: #bfc0c2;

}

.no-touch #services li:hover .pws-services-icon {

    background: rgba(255,255,255,1);

    color: #bfc0c2;

}

.no-touch #services li:hover .services-icon:after {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    opacity: 1;

}

.no-touch #services li:hover .pws-services-icon:after {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    opacity: 1;

}


.green-heading h3{color:#50B948;}

#primary .section-container.accordion>.section>.title a {font-family: Arial, sans-serif;}

@media only screen and (min-width: 48em) {

    #primary .section-container.accordion>.section>.title a{padding: .2em 0;}

}

#primary .section-container.accordion>.section>.title a:hover{color:#3a8634;}

#primary .section-container.accordion>.section>.title:hover {background:none;}

.submenu-title{

    margin-bottom: 0;

    margin-top: .5em;

    color:#50B948;

}

header>img{margin-bottom:10px;}

/**********home page styles***********/

.home #about-us-overview .button,.home #about-us-overview .button .home #our-partners-overview .button,.home #our-partners-overview .button{float:right;}

.home .button:after, .home button:after{content:" ";clear:both;}

#about-us-overview{
    margin-top: 1.875em;
}

#about-us-overview, #our-partners-overview, #site-overview, .sub-content, #our-focus, #our-promise, #our-expertise{

    border-bottom:1px solid #b5b4b4; margin-bottom: 1.875em; 

}

#blog-overview, #online-calculators-overview, #employment-overview{

    border-bottom:1px solid #b5b4b4; margin-bottom: 1.875em;

}

@media only screen and (min-width: 48em) {

    #blog-overview, #online-calculators-overview, #employment-overview,#newsletter-overview{

        border-bottom:0;margin-bottom:0;

    }

}

.sub-content:nth-child(1){border-bottom:0;}

.sub-content:nth-child(2) {border-top:1px solid #b5b4b4;padding-top: 1.875em;}

#site-overview img{

    margin-bottom:.5em;

}

#site-overview .date{color:#909090; font-size:0.625em; margin-bottom:0;font-style:italic;}

#site-overview h4{ font-family: arial;font-size: 0.875em;font-weight: bold;margin-top: 0;}

ul{
    list-style:none;
}

/*#content ul{margin-left:0;}*/

.home #content li:before{

    content:"";margin-right:0;

}

#primary .section-container.accordion .title{

    border-bottom: 1px solid #b5b4b4;

}

#primary .section-container.accordion .title a:before{

    content: "";

    display: inline-block;

    width: 0;

    height: 0;

    border: solid 5px;

    border-color:  transparent transparent transparent #b5b4b4;

    position: relative;

}

#primary .section-container.accordion .title.current_page_item a:before{

    border-color:  transparent transparent transparent #50b948;

}

#content p.covid-subtitle{
    font-size:1.2em;
}

body:not(.home):not(.page-template-latest-news):not(.page-template-news-page):not(.page-id-137):not(.page-template-team):not(.page-template-covid-page):not(.page-template-budget-2020-page):not(.archive):not(.page-template-page-templatestestimonials-php) #content ul li:before, .flex-caption ul li:before{
    content:'\25A0';
    color:#50b948;
    margin-right: 16px;
    display: inline-block; 
    width: 1em; 
    text-align: right; 
    /* Added to fix second line appearing under bullet*/
    margin-left: -2em;
}

body:not(.home):not(.page-template-latest-news):not(.page-template-news-page):not(.page-id-137):not(.page-template-team):not(.page-template-covid-page):not(.page-template-budget-2020-page):not(.archive) #content ul li, .flex-caption ul li{
    margin-right: 16px;
    margin-left: 1.8rem!important;
    margin-bottom: 1em;
}

body.page-template-team #content ul li{
    display: flex;
    align-items: center;
    flex-direction: column;
}

#content #sidebar-frontpage li:before{content:initial;}

#content .team-association li:before{content:initial;}

.page-id-1017 #content .small-block-grid-1>li:before,

.page-id-1018 #content .small-block-grid-1>li:before,

.page-id-1019 #content .small-block-grid-1>li:before,

.page-id-1020 #content .small-block-grid-1>li:before,

.page-id-137 #content .small-block-grid-1>li:before{content:"";margin-right:0;}

#content .gform_body li:before{content:"";margin-right:0;}

#partners-page li:before {content:"";margin-right:0;}

.image-space img{margin-bottom:10px;}

/***slides****/

/* FlexSlider Necessary Styles

*********************************/

.flexslider {margin: 0; padding: 0;}

.flexslider .slides > li {position:relative; display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {width: 100%; display: block;}

.flex-pauseplay span {text-transform: capitalize;}



/* Clearfix for the .slides element */

.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

html[xmlns] .slides {display: block;}

* html .slides {height: 1%;}



/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {display: block;}



/* FlexSlider Default Theme

*********************************/

.flexslider { 

    margin: 20px auto 20px;

    position: relative;

    zoom: 1;

    max-width:90%;

}

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; padding: 0px;

                      margin: 0px;}

.carousel li { margin-right: 5px; }



/* Direction Nav */

.flex-direction-nav {*height: 0;}

.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }

.flex-direction-nav .flex-prev { left: -50px; }

.flex-direction-nav .flex-next { right: -50px; text-align: right; }

.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }

.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }

.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }

.flex-direction-nav a.flex-next:before  { content: '\f002'; }



/* Pause/Play */

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }

.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }

.flex-pauseplay a:hover  { opacity: 1; }

.flex-pauseplay a.flex-play:before { content: '\f003'; }



/* Control Nav */

.flex-control-nav {width: 100%; position: absolute;margin:0; text-align: center;bottom:0;}

.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}

.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #fff; cursor: pointer; text-indent: -9999px; border: 2px solid #747474;}

.flex-control-paging li a:hover { background: #747474; }

.flex-control-paging li a.flex-active { background: #747474; cursor: default; }



.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}

.flex-control-thumbs li {width: 25%; float: left; margin: 0;}

.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}

.flex-control-thumbs img:hover {opacity: 1;}

.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}



@media screen and (max-width: 860px) {

    .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}

    .flex-direction-nav .flex-next { opacity: 1; right: 10px;}

}

.flex-caption{background: rgba(255,255,255,0.95);padding:1.25em;min-height: 350px;}

.flex-caption header, .flex-caption section{border-bottom:1px solid #d1d1d1;margin-bottom:1.25em;}

.flex-caption section{overflow:hidden;}

.flex-caption h2{margin-bottom:0;color:#646464;line-height:initial;}

.flex-caption h3{ color:#50b948 !important;margin-top: 0;}

.flex-caption ul{margin-left:0;}

.flex-caption li{margin-bottom:1.25em;}



@media screen and (min-width:48em){

    .flexslider { max-width:1000px;margin: 0px 0px;}  /*970 ,20, 15*/

    .flex-caption{

        position: absolute;

        width: 50%;

        top: 0;

        left: 0;

        height: 100%;

    }

    .flex-caption .button {float:right;}

    .flex-control-nav {width: 50%; position: absolute;margin:0; text-align: center;left:0;bottom:0;right:0;}



}



/**end slides***/



/***social icons****/

#social-container{overflow:hidden;margin-top: 1em;text-align:center;}

#social-container li{display:inline-block; float:none;margin-bottom: 10px;}

@media screen and (min-width:48em){

    #social-container{overflow:hidden;float:right;margin-top: 1em;margin-bottom:0.5em;}

    #social-container li{float: left;}

}



#social-container:after{content:" ";clear:both;}

#social-container a{

    color:#fff;

}

.social-square{

    /*background: #50b948;    */

    width: 1.5625em;

    height: 1.5625em;

    display: block;

    line-height: 1.5625em;

    text-align: center;

    margin-left:10px;

    font-size:1.2em;
    
    float:left;
    
    margin-bottom: 1em;
}

@media screen and (min-width:48em){

    .social-square{

        font-size:1em;

    }



}

.archive .entry-title, .news-page .entry-title{

    margin-bottom:0;font-size:1.5em;

}

/* WAS twitter 
#social-container li:nth-child(1) a{background: #2b97f0;}

#social-container li:nth-child(1) a:hover{background: #1871bb}*/

#social-container li:nth-child(1) a{background: #3b5a9b;}

#social-container li:nth-child(1) a:hover{background: #2f477b}

#social-container li:nth-child(2) a{background: #006498;}

#social-container li:nth-child(2) a:hover{background: #005079}

/*#social-container li:nth-child(4) a{background: #cc181e;}

#social-container li:nth-child(4) a:hover{background: #aa1419} */

#social-container li a:hover{transition:background .3s linear;}

#social-container li:nth-child(5) a:hover{background: #41973b;}



#top-nav{clear:right;float:right;margin-bottom: 1em;font-family: 'arsenalregular', arial, sans-serif;text-transform:uppercase;}

#search-form{float:none;margin:0 5%;}

#search-form label{display:none;}

input {

    -webkit-appearance: none;

    -webkit-border-radius:0; 

    border-radius:0;

}

.search article{

    margin-bottom: 2em;

    border-bottom: 1px solid #c9c9c9;

    padding-bottom: 1em;

}

.search .entry-body{margin-bottom:0;padding-bottom:0;}

@media screen and (min-width:48em){

    #search-form{float:right;clear:right;margin-right:0;}

}

.news-page #content li:before,.page-template-page-templateslatest-news-php #content li:before,
.page-template-page-templatesnews-page-php #content li:before {
    content:"";margin-right:0;
}

.news-page #content .entry-body li:before{

    content: '\25A0';

    color: #50B948;

    margin-right: 10px;

}
/* JCranston - Added for list items in new slider */
.slide-list-item div p:before{
 content: '\25A0';
    color: #50B948;
    margin-right: 10px;
    display: table-row;
    float: left;
}

/* End JCranston Additions */


.page-template-page-templatestestimonials-php #content li:before{content:"";margin-right:0;}

.page-template-page-templatestestimonials-php #content li{border-bottom:1px solid #d1d1d1;margin-bottom: 1.25em;}

/**forms**/

#content .gform_wrapper .instruction {display:none;}

@media screen and (min-width:48em){

    .right-side{

        float: right;

        clear: right !important;

        width: 47%;

    }

    .left-side{

        float: left;

        clear: left !important;

        width: 47%;

        margin-right:2%;

    }

    .thirds{float:left;width:30%;margin-right:1%;}

    #content .gform_wrapper .top_label input.medium{width:100%;}

}

/***employment styles**/

.contentContainer{        display:none;        height: auto;        overflow: hidden;        float: left;    }

#buttonContainer{cursor:pointer;}

#buttonContainer h6{ color:#646464; }

#buttonContainer span{font-weight:normal;font-style:italic;color: #b5b4b4; -webkit-transition:color .3s linear;-moz-transition:color .3s linear;-o-transition:color .3s linear;transition:color .3s linear;}

#buttonContainer:hover span{color:#50B948;}



.active #mobile-menu-button button, button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {

    /* background-color: #bfc0c2; */
    background-color:#50b948;

}



#mobile-menu-button button:focus{background: #50b948;}

.active #mobile-menu-button button:focus{background: #bfc0c2;}

#mobile-menu-button button{

    background:#50b948;



}

.section-container.accordion{overflow:hidden;}

.team-association {border-bottom: 1px solid #b5b4b4;margin-bottom: 1.875em;}



#content .upw-content .post-title{

    font-size:1em;

    margin-bottom:0;

}

#content .upw-content .post-date{ font-size: .7em;}



.section-container.horizontal-nav>.section.active>.title{
    background:#42993c;
}

.section-container.horizontal-nav>.section.active>.title a{color:#fff;}

.page-template-page-templatesfull-width-php h1{margin-bottom:10px;}

#sidebar ul,#sidebar-frontpage ul{margin-left:0;}





/*--------------------- Spencer Modification ---------------------*/



/* Mailchimp subscription widget */

.mailchimp-subscription-widget {

    margin-top: 20px;

}

@media screen and (min-width:768px) {



    .mailchimp-subscription-widget {

        margin-top: 0px;

    }



}

.mailchimp-subscription-widget form input {

    display: inline-block !important;

}

.mailchimp-subscription-widget form input[type='text'] {

    width:100px;

    margin-right: 20px;

    padding:8px 5px;

}

.mailchimp-subscription-widget form input[type='email'] {

    width:150px;

    margin-right: 20px;

    padding:8px 5px;

}

.mailchimp-subscription-widget form input[type='submit'] {

    /*border:2px solid #ffffff;*/
    border:none;
    
    padding:8px 16px;

    background:#50b948;
    
    border-radius:5px;

    color:#ffffff;

    margin-bottom: 20px;

}

.mailchimp-subscription-widget form input[type='submit']:hover {

    background: #ffffff;

    color:#50b948;

}



img.dfk-logo {

    margin-top: 10px !important;
    float:left;

}



#gform_confirmation_message_8 {

    margin-top: 20px;

    font-size: 14px;

    line-height: 20px;

}



/* mobile menu */

#mobile-menu .section-container.accordion>.section>.title a {

    padding-top:10px;

    padding-bottom: 10px;

}

#mobile-menu h2 {

    font-size: 18px;

}



/* header search form */

.search-form-mobile input#s {

    border:none;

}

.search-form-mobile input#searchsubmit {

    border:1px solid #ffffff;

    color:#ffffff;

}

.search-form-mobile input#searchsubmit:hover {

    color:#50b948;

}

@media screen and (max-width: 767px) {

    .desktop-header-search-form {

        display: none;

    }

}



/* header social icons */

@media screen and (max-width: 767px) {

    .desktop-social-container {

        display: none;

    }

}



/* header */

#desktopHeaderPhone {

    display: none;

    color:#50b948;

    float: right;

    clear: right;
    
    margin-bottom: 1em;
}

@media only screen and (min-width: 768px) {



    #desktopHeaderPhone {

        display: block;

    }



}



/* contact us and call us form on 'Contact Us' page */

@media screen and (max-width: 767px) {



    #gform_wrapper_8 input[type="text"],

    #gform_wrapper_8 input[type="email"],

    #gform_wrapper_9 input[type="text"],

    #gform_wrapper_9 input[type="email"] {

        width:98%;

    }



}



.mfp-close-btn-in .mfp-close {

    color:#ffffff !important;

}



.mfp-content #gforms_confirmation_message {

    text-align: center;

    color: #ffffff;

}





/* call us form */

.call-us-form-link {

    display:none;

    margin-top: 20px;

    margin-bottom: 20px;

    width:160px;

    height:80px;

    text-indent: -9999px;

    background:url('../img/call-me-back-btn.png') no-repeat;

}



.mfp-bg {

    opacity: 0.9;

}

#gform_wrapper_9 {

    max-width: 550px;

    margin-left: auto;

    margin-right:auto;

    display: none;

}

#gform_wrapper_9 label {

    color:#ffffff;

}

.mfp-content #gform_wrapper_9 {

    display: block;

}



.mfp-content #gform_wrapper_9 .gform_heading,

.mfp-content #gform_wrapper_9 .gform_heading .gform_title {

    color:#ffffff;

    text-align: center;

}

.mfp-content #gform_wrapper_9 .gform_heading .gform_title {

    text-align: center;

    font-size:20px;

}

.mfp-content #gform_wrapper_9 .gform_heading {

    font-size: 15px;

}



.mfp-content #gform_wrapper_9 textarea#input_9_6 {

    font-size: 16px;

    padding:10px;

    height:85px;

}



.mfp-content #gform_wrapper_9 #field_9_1 .ginput_container input,

.mfp-content #gform_wrapper_9 #field_9_5 .ginput_container input,

.mfp-content #gform_wrapper_9 #field_9_2 .ginput_container input,

.mfp-content #gform_wrapper_9 #field_9_3 .ginput_container select {

    font-size: 16px;

}



@media screen and (min-width: 768px) {



    .mfp-bg {

        opacity: 0 !important;

    }



    .mfp-content #gform_wrapper_9 {

        padding:50px 100px 0px 100px;

        background: #000000;

    }



    .mfp-content #gform_wrapper_9 #field_9_1 .gfield_label,

    .mfp-content #gform_wrapper_9 #field_9_5 .gfield_label,

    .mfp-content #gform_wrapper_9 #field_9_2 .gfield_label,

    .mfp-content #gform_wrapper_9 #field_9_3 .gfield_label {

        width:150px;

        margin-right:10px;

    }



    .mfp-content #gform_wrapper_9 #field_9_1 .ginput_container,

    .mfp-content #gform_wrapper_9 #field_9_5 .ginput_container,

    .mfp-content #gform_wrapper_9 #field_9_2 .ginput_container,

    .mfp-content #gform_wrapper_9 #field_9_3 .ginput_container {

        display: inline-block;

    }



    .mfp-content #gform_wrapper_9 #field_9_1 .ginput_container input,

    .mfp-content #gform_wrapper_9 #field_9_5 .ginput_container input,

    .mfp-content #gform_wrapper_9 #field_9_2 .ginput_container input,

    .mfp-content #gform_wrapper_9 #field_9_3 .ginput_container select {

        width:185px;

    }



    .mfp-content button.mfp-close {

        left:400px;

        color:red !important;

        top:-655px;

        position: relative;

    }



    #gform_confirmation_message_9 {

        background: #000;

        padding:50px;

        line-height: 1.5;

        width:500px;

        margin-left: auto;

        margin-right: auto;

    }



}


.pws-services-icon {

    display: inline-block;

    font-size: 0px;

    cursor: pointer;

    margin: 15px 0;

    width: 120px;

    height: 120px;

    border-radius: 50%;

    text-align: center;

    position: relative;

    z-index: 1;

    color: #fff;

}



.pws-services-icon:after {

    pointer-events: none;

    position: absolute;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    content: '';

    -webkit-box-sizing: content-box; 

    -moz-box-sizing: content-box; 

    box-sizing: content-box;

}



.pws-services-icon:before {

    font-family: 'cib';

    font-weight: 400;

    font-style: normal;

    text-decoration: inherit;

    font-size: 48px;

    line-height: 120px;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    display: block;

    -webkit-font-smoothing: antialiased;

}

.pws-services-icon {

    background: rgba(0, 0, 0, 0.3);

    -webkit-transition: background 0.2s, color 0.2s;

    -moz-transition: background 0.2s, color 0.2s;

    transition: background 0.2s, color 0.2s;

}

.pws-services-icon:hover .pws-services-icon:after{
     top: -7px;

    left: -7px;

    padding: 7px;

    box-shadow: 0 0 0 4px #fff;

    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

    -webkit-transform: scale(.8);

    -moz-transition: -moz-transform 0.2s, opacity 0.2s;

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    transition: transform 0.2s, opacity 0.2s;

    transform: scale(.8);

    opacity: 0;
}

.pws-services-icon:after {

    top: -7px;

    left: -7px;

    padding: 7px;

    box-shadow: 0 0 0 4px #fff;

    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

    -webkit-transform: scale(.8);

    -moz-transition: -moz-transform 0.2s, opacity 0.2s;

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    transition: transform 0.2s, opacity 0.2s;

    transform: scale(.8);

    opacity: 0;

}

#values-section article header p{
    color:#50b948;
    font-size: 1.875em;
    line-height: normal;
    margin-bottom: 15px;
    font-family: 'arsenalbold',arial,sans-serif;
    font-style: normal;
    text-rendering: optimizeLegibility;
    margin-top: 0.2em;
}

#values-section article section{
    margin-top:0.2em;
}

#our-focus, #our-promise, #our-expertise{
    min-height:200px;
}

/* main nav */

.main-nav {

    z-index: 999;

}



/* office-locations-widget */

/*@media screen and (max-width:767px) {

    .office-locations-widget {

        width:42% !important;

        float: left !important;

    }

}*/


/* Our Team PWS */
#team-members li{
    text-align:center;
}

#ian-wenham{
    background:url("/wp-content/themes/reactor/library/img/ianw-pws.jpg");
    background-size:250px 250px;
}

#paul-israel{
    background:url("/wp-content/themes/reactor/library/img/pauli-pws.jpg");
    background-size:250px 250px;
}

#kim-mcquaid{
    background:url("/wp-content/themes/reactor/library/img/kimm-pws.jpg");
    background-size:250px 250px;
}
.team-member-img {
    width: 250px;
    height:250px;
   
    border-radius: 50%;
    margin:15px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition: all .2s ease-in-out;
    float:none;
    display:inline-block;

}

.team-member-img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform:scale(1.05);
    -o-transform:scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    box-shadow: 5px 10px 3px #C7C7C7;
    
}
    
.team-member-name:not(#frank) {
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    margin-bottom:0.1em;
}

#frank{
    text-align: left;
    font-weight: 700;
    font-size: 24px;
    margin-bottom:0.1em;
}

.team-member-title{
    font-weight: 100;
    text-align: center;
    font-size: 14px;
}

.team-member-desc{
    text-align:justify;
}



/* Case Studies PWS */

.graph{
    position:relative;
    height: 40vh;
    margin-bottom:48px;
}

.case-study-desc-text {
    font-weight: 700;
    font-size: 20px;
}
.case-facts{
    margin:0;
}
.case-facts li {
    padding: 15px 10px;
    background: #444444;
    border-radius: 5px;
    margin: 15px 0;
    color: #FFF;
    transition: all 0.3s ease-in-out;
}

/* CIB FINANCE */
.frank-wrapper{
    background:#eeeeee;
}
.frank-row{
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    flex-flow: wrap;
}

#finance-area ul li {
    background: #EEEEEE;
    height: 48px;
    border-radius: 50px;
    width: auto;
    display: inline;
    float: left;
    margin: 5px 8px;
    transition: background .3s;
}

#finance-area ul li:hover {
    background:#444444;
}


#finance-area p:not(.finance-page-service-subtitle):not(.finance-page-title) {
    font-family: 'arsenalbold',arial,sans-serif;
    font-size: .875em;
    text-transform: uppercase;
    float: left;
    line-height: 50px;
    margin-left: 16px;
    color: #000000;
    opacity: 0.8;
    padding-right: 28px;
    transition: color .3s;
}

#finance-area ul li img{
    width: 44px;
    height: 44px;
    background: #00000066;
    background: rgba(0,0,0,0.66);
    border-radius: 50px;
    padding: 8px;
    margin-top: 2px;
    left: 2px;
    position: relative;
    float: left; 
}

.services-icon-residential:before{
    content: '';
    width: 120px;
    height: 120px;
    position: absolute;
    top: 27px;
    left: 27px;
    background: url('/wp-content/themes/reactor/library/img/home-icon.png') no-repeat;
    background-size: 70px 70px;
}

.services-icon-commercial:before{
    content: '';
    width: 120px;
    height: 120px;
    position: absolute;
    top: 27px;
    left: 27px;
    background: url('/wp-content/themes/reactor/library/img/business-icon.png') no-repeat;
    background-size: 70px 70px;
}

.services-icon-text:before{
    content: '';
    width: 120px;
    height: 120px;
    position: absolute;
    top: 27px;
    left: 27px;
    background: url('/wp-content/themes/reactor/library/img/text-icon.png') no-repeat;
    background-size: 70px 70px;
}


#frank-schiraldi{
    background:url("/wp-content/themes/reactor/library/img/FrankSchiraldi.jpg");
    background-size:250px 313px;
    margin-left: calc(50% - 125px);
}

#contact-us header p{
    color: #50b948;
    font-size: 1.875em;
    line-height: normal;
    margin-bottom: 15px;
    font-family: 'arsenalbold',arial,sans-serif;
    font-style: normal;
    text-rendering: optimizeLegibility;
    margin-top: 18px;
}

#finance-area ul li:hover > p{
    color:#FFFFFF!important;
}

/* site overview section on home page */

@media screen and (max-width:767px) {

    #site-overview img {

        width:100% !important;

    }
    
    
    /*Hero image for pages with a featured image */ 
    .hero-image{
        min-height:190px!important;   
    }
    
    #finance-area p:not(.finance-page-service-subtitle):not(.finance-page-title) {
        font-size: .785em;
        
    }

}



@media screen and (max-width:959px) {
    
    #services ul{
        margin-left:0px!important;
    }
    

    #mobile-menu-button {

        width: 100%;

        background: #424040;

        position: fixed;

        z-index: 9999;

        padding: 10px;

        top: 0;

        /* border-bottom: 1px SOLID; */

        border-bottom: 5px solid #50B948;

    }

}



@media screen and (max-width:767px) {

    .button, button,

    .home #about-us-overview .button, 

    .home #about-us-overview .button,

    .home #our-partners-overview .button, 

    .home #our-partners-overview .button {

        float: left;

    }

}



#mobileHeaderPhone {

    margin-top: 9px;

    float: right;

    font-size: 16px;

}



#top-nav {

    position: relative;

    left:100px;

    top:20px;

    z-index: 999;

}



.site-logo img {

    width:270px;

}

/* Page Transition Animations */

.scene-element{
    animation-duration: 0.25s;
    transition-timing-function: ease-in;
    animation-fill-mode: both;
}

#animate-content.slide-in-up{
    animation-name: slideInUp;
}

/* Default page sidebar */

.default-page-sidebar-widget {

    margin-bottom:50px;

}

@media screen and (max-width: 789px) {

    .default-page-sidebar-widget {

        margin-bottom:100px !important;

    }

}



#services, #finance-area {

    background: #424040;

}

#services #xeroService a p {

    margin-top:2px;

}

.services-icon-xero:before {

    content: '';
    width: 64px;
    height: 40px;
    position: absolute;
    top: 22px;
    left: 17px;
    background: url(../img/service-xero-icon-sprite.png) no-repeat;
    background-size: 54px 75px;

}

.services-icon-administration:before{
 content: '';
    width: 100px;
    height: 70px;
    position: absolute;
    top: 25px;
    left: 15px;
    background: url(/wp-content/themes/reactor/library/img/administration-icon.png) no-repeat;
    background-size: 100px 139px;
}

.no-touch #services li:hover .services-icon-administration:before{
    background-position: 0px -70px;
}


.pws-services-icon + p {
    font-family: 'arsenalbold',arial,sans-serif;
    color: #fff;
    font-size: .875em;
    text-transform: uppercase;
    margin-top: 10px;
}

.no-touch #services li:hover .services-icon-xero:before {

    background-position: 0 -37px;

}





/* category archive page */

.archive #sidebar h4.widget-title {

    color:#50b948;

    font-size: 1.6875em !important;

}

@media screen and (min-width: 768px) {



    .archive #sidebar h4.widget-title {

        font-size: 1.875em !important;

        line-height:1.4;

    }



}





/* home page dfk banner */

.home #dfk-banner {

    border-bottom: 1px solid #b5b4b4;

    margin-bottom: 1.875em;

    padding-bottom: 1.875em;

}

.home #dfk-banner h2 {

    line-height: 1;

    margin-bottom: 0;

}

.home #dfk-banner .button {

    float:right;

}





/* startupsmart awards 2015 page */

.larger-gap-list li {

    margin-bottom: 15px;

}



.secondary.button {

    background:none;

}

a.clink {

  background:#50b948 ;

  color: #fff;

  font-weight: bold;

  padding: 5px;

}

a:hover.clink{color: #fff;  background:green;}

.recaptcha_input_area > input {
 width: 150px !important;
}

#recaptcha_image {
 width: 150px !important;
}


.recaptcha_image_cell #recaptcha_image {
 margin-left: 0;
}


/* Federal Budget Custom Landing Pages */
table.MsoNormalTable {
    width: 95%;
}
.white-list-point:before{
    color: #FFFFFF!important;
}

.key-point-text h4{
    font-family: Roboto;
    font-weight: 500;
}

.key-point-text table td {
    padding: 12px;
}

.no-list-point:before{
    visibility:collapse;
    content:none!important;
    margin-right:0px;

}

.no-list-point{
    font-family:Roboto;
    font-size:0.875em;
}

.budget-nav-row{
    background:#50b948;
    -webkit-box-shadow: 0px 2px 15px #000;
    -moz-box-shadow:0px 2px 15px #000;
    -o-box-shadow:0px 2px 15px #000;
    box-shadow:0px 2px 15px #000;
}
.budget-nav-button {
    background: #50b948;
    height: 64px;
    float: left;
    line-height: 64px;
    padding: 0 16px;
    color: #FFF;
}

.budget-nav-button.active{
    background:#42993c;
}

.budget-nav-button:hover:not(.active){
    background:#ffffff59;
    
}

.budget-intro{
    background:#42993c;
    min-height:350px;
    color:#FFFFFF;
    padding:16px 0;
}

.intro-icon-section, .intro-text-section, .key-point-icon, .key-point-text{
    float:left;
}

.intro-icon-section, .key-point-icon{
    width:40%;
   
}

.intro-text-section{
    width: 60%;
    margin: 5% 0
}

.budget-category-icon, .key-point-icon svg {
    width: 50%;
    margin: 15%;
}

.budget-intro-title{
    color:#FFFFFF;
    margin-bottom:8px;
    font-family:Roboto;
    font-weight:200;
}

.budget-key-points h2{
    padding: 15px;
    color: #FFF;
    background: #50b948;
    margin:0;
    text-align: center;
    font-family: Roboto;
    font-weight: 200;
    -webkit-box-shadow: 0px -1px 15px #00000044;
    box-shadow: 0px -1px 15px #00000044;
}

.key-point {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    justify-content: center;
}

.key-point-text{
    width: 70%;
    margin: 1% 0;
    border-bottom: 1px solid #333333;
    padding: 15px;
    border-color: rgba(0,0,0,0.2)
}

.key-point-text h3 {
    font-weight: 500;
}

.key-point-text p, .key-point-text h3{
    font-family: Roboto;
}


/* END!! Federal Budget Custom Landing Pages */


@media screen and (max-width: 789px) {
    
    .intro-icon-section, .key-point-icon{
        width:100%;   
    }
    
    .budget-category-icon, .key-point-icon svg{
        width: 30%;
        margin:5% 35%;
    }
    
    .intro-text-section, .key-point-text{
        width:100%;
    }

}


@media screen and (max-width: 401px) {
   .budget-nav-button{
        padding:0 10px;    
        font-size: 0.9em;
    }
    
    #finance-area ul{
        margin-left: 0;
    }
    
    #finance-area ul li{
        margin:5px 3px;    
    }
    
    #finance-area p:not(.finance-page-service-subtitle):not(.finance-page-title) {
        font-size:.708em;
        
    }
    

}


/* Keyframe Anims */
@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
  }

  100% {
    transform: none;
  }
}