/*
Theme Name: First Class Accounts Bookkeeper
Author: Synchromedia Group
Author URI: https://www.smg.com.au/
Text Domain: twentysixteen

*/

@font-face {
  font-family: 'HKGrotesk';
  src: url(css/HKGrotesk-Regular.otf);
  font-weight: 400;
}
@font-face {
  font-family: 'HKGrotesk';
  src: url(css/HKGrotesk-Medium.otf);
  font-weight: 500;
}
@font-face {
  font-family: 'HKGrotesk';
  src: url(css/HKGrotesk-SemiBold.otf);
  font-weight: 600;
}
@font-face {
  font-family: 'HKGrotesk';
  src: url(css/HKGrotesk-Bold.otf);
  font-weight: 700;
}
/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

html {
	font-family: 'HKGrotesk', sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 16px;
	line-height: 1.65;
	font-weight: 400;
	color: #637086;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	color: #497F8F;
	background-color: transparent;
	-webkit-transition:all .2s ease-in;transition:all .2s ease-in;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 600;
}

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;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"], button[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
	opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.4375em;
	padding: 0;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #d1d1d1;
	margin: 0 0 1.75em;
	min-width: inherit;
	padding: 0.875em;
}

fieldset > :last-child {
	margin-bottom: 0;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

optgroup {
	font-weight: bold;
}
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
img{ max-width: 100%; height: auto; }

h1,h2,h3,h4,h5,p{ margin: 0px; padding: 0px; margin-bottom: 20px; }
h1{ font-size: 32px; color: #122435; font-weight: 600; line-height: 1.22; }
h1.size26{ font-size: 26px !important; }
h2{ font-weight: 400; font-size: 26px; line-height: 1.46; color: #122435; margin-bottom: 20px;  }

h3{ 	font-weight: 400;color: #122435;font-size: 16px; line-height: 1.55; }
h3.tick{ background: url(images/red-tick.svg) no-repeat left center; color: #122435; padding-left: 30px; }
h3 a{ color: #122435; text-decoration: none;  }

h4{ color: #122435; font-weight: 600; font-size: 16px; }
h5{ 	font-weight: 500; color: #122435;font-size: 18px; line-height: 1.55; margin-bottom: 5px; }

.wp-block-quote{ border: 0px; margin: 0px; padding: 0px; 
  border-radius: 4px; margin-bottom: 20px;
  background: rgba(79,137,153,0.1); padding: 8px 15px; color: #122435; }
.wp-block-quote p{ margin: 0px; }
.wp-block-quote a{ font-weight: 600; color: #122435; text-decoration: none; }
.wrap{ max-width: 1140px; margin: 0px auto; }
.flex{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.flexright{ display: flex; flex-wrap: wrap; justify-content: flex-end; }
.opacity{ background-color: rgba(18,36,53,0.4); width: 100%;   }
#banner{ background-color: #EAEDF3; color: #FFF; margin-top: 65px; }
.logged-in #header{ top: 32px; }
#header{ width: 100%; position: fixed; top: 0px;
    background: #FFF;
    z-index: 9999999999; border-bottom: 1px solid #EEE; }
#header #logo{ display: flex; height: 65px; align-items: center;  }
#header #logo img, #logofooter img{ height: 55px; padding: 5px 15px;  }
#slogan{ align-self: center; padding: 10px; padding-right: 20px; font-size: 18px; }

.sitename a{ font-size: 16px; color: #E11F4E; font-weight: 500; text-decoration: none; }

.home #banner h1{ color: #FFF; font-size: 45px; font-weight: 600; }
#banner h1{ color: #FFF; font-size: 32px; font-weight: 500; line-height: 1.2; }
#banner h2{ font-weight: 400; font-size: 22px; line-height: 1.45; color:#FFF; margin-bottom: 30px;}
#banner .wrap{ max-width: 730px; width: 100%;  }
#banner .fullwrap{ max-width: 1200px; margin: 0px auto; }
#banner .left, #banner .right{ flex: 0 0 45%; align-self: center; }
.textcenter{ text-align: center;  align-self: center;}
#banner .opacity{display: flex; width: 100%;  height: 100%; min-height: 360px;  }
.home #banner .opacity{ min-height: 560px;  }
#banner .overlay{  align-self: center;  }
#banner.resources .opacity{ min-height: 230px; background: url(images/redlines.svg) repeat-x bottom, radial-gradient(circle, #F61650 0%, #E70A40 100%); }
#banner .box{ color: #637086; font-size: 16px; padding: 25px; margin-bottom: 0px; }
#banner.findabookkeeper .opacity{ min-height: 270px; background: url(images/bluelines.svg) repeat-x bottom, radial-gradient(circle, #275E6F 0%, #1D3D4B 100%); }

#breadcrumbs, #breadcrumbs a{ font-size: 14px; color: #637086; text-decoration: none; }
span#validate-gcptcha {
    display: block;
    font-size: 14px;
    color: red;
    transform: translateY(-14px);
}
.wrap.padding, #banner .wrap{ padding: 0px 20px; }

.findabookkeeper input[type="text"]{ padding: 15px; border-radius: 4px; }

#logo img{ display: block; }
#logo{  }
#menu{ align-self: center; padding-right: 20px;  }

ul{ margin: 0px; padding: 0px; margin-bottom: 20px;  }
ul li{     background: url(images/red-tick.svg) no-repeat left center;
    list-style: none; padding-left:30px; padding-bottom: 7px; }

.screen-reader-text{ display: none; }
.pagination { padding-bottom: 60px; }
.pagination a{ text-decoration: none;  }
.pagination .page-numbers{ padding: 0px 10px; }

.single-post .cats a{ display: inline-block;  border: 1px solid #E2E5ED;
  border-radius: 2px; padding: 4px 10px; letter-spacing: 0.5px; margin-right: 10px; }

ul#menu-topnav{ margin: 0px; padding: 0px; margin-right: 15px; }
ul#menu-topnav li{ background: none; padding: 0px; list-style: none; display: inline-block; }
ul#menu-topnav li.current-menu-item a{ color: #122435; }
ul#menu-topnav li a{ display: inline-block; padding: 10px 15px; font-size: 15px; font-weight: 400; text-decoration: none; color: #637086;  }

a.button, .wp-block-button .wp-block-button__link, input[type="submit"], button[type="submit"]{ display: inline-block !important; font-family: inherit !important; letter-spacing: inherit !important; line-height: inherit !important; text-transform: inherit !important;  border-radius: 2px !important; display: inline-block !important; background: linear-gradient(180deg, #4F8999 0%, #497F8F 100%) !important; padding: 11px 30px !important; color: #FFF !important; text-decoration: none !important; font-size: 16px !important; font-weight: 500 !important;  }
a.button.red,  .red .wp-block-button__link{background: linear-gradient(180deg, #F72557 0%, #FF0F53 100%) !important; }
input[type="submit"], button[type="submit"]{ border: 0px; }
a.button.grey, .grey .wp-block-button__link{ background: linear-gradient(180deg, #375F71 0%, #2A4F60 100%) !important; }

a.button.full, input[type="submit"].full, button[type="submit"].full{
display: block !important;
width: 100%;
    text-align: center;
}

a.button:hover, .wp-block-button .wp-block-button__link:hover, input[type="submit"]:hover, button[type="submit"]:hover{  background: linear-gradient(180deg, #42737f 0%, #3b6772 100%) !important;  }
a.button.red:hover,  .red .wp-block-button__link:hover{background: linear-gradient(180deg, #d6204a 0%, #e50d4a 100%) !important; }
a.button.grey:hover, .grey .wp-block-button__link:hover{ background: linear-gradient(180deg, #2a4956 0%, #1e3944 100%) !important; }

/*
.home-contact h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0px;
}

.home-contact p {
    font-size: 20px;
    margin-bottom: 0;
}

p.tick-para {
    padding-left: 30px;
}*/

#header a.button, #findjoin a.button{ padding: 0px 20px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 38px !important;}
#findjoin h3{ color: #FFF; }
#findjoin p{ margin: 0px;  }
#findexpert{ flex: 0 1 50%;display: flex;
    justify-content: flex-end; background: url(images/find-bookkeeper.svg) no-repeat right 10px center, linear-gradient(90deg, #F72557 0%, #D90E3C 100%); padding: 30px 36px; color: #FFF; }
#joinnetwork{ flex: 0 1 50%; display: flex;
    justify-content: flex-start;background: url(images/australia.svg) no-repeat left 500px center, radial-gradient(circle, #2E5668 0%, #1D3D4B 100%); padding: 30px 36px; color: #FFF; }

#findexpert .padding{ max-width: 600px; width: 100%;   }
#joinnetwork .padding { max-width: 600px; width: 100%;}

#footer{ border-top: 1px solid #E1E8EE; padding: 52px 0px; font-size: 14px; padding: 30px;  }
.copyright{ font-size: 14px; font-weight:600;}
#footer .footercol{ flex: 0 0 23%; }
#footer section{ flex: 0 0 24%; }
#footer form button{ padding: 10px 14px !important; border-radius: 0 3px 3px 0 !important; }
#footer input[type="text"]{ flex: 1; border-radius:4px 0 0 4px; }

#footer ul{ margin: 0px; padding: 0px; list-style: none; }
#footer ul li{  background: none; padding: 0px; list-style: none; display: block; }
#footer ul li a{ display: block; padding: 5px 0px; 	color: #637086; text-decoration: none; }

#footerlogo img{ height: 55px;
    padding: 5px;}
#footer a{ color: #637086; text-decoration: none; }


.copyright{ font-size: 12px;     }
.copyright a{ color: #637086 !important; text-decoration: none !important; }

#copy{ align-self: center; }

.redbox{ padding: 60px !important; margin-bottom: 60px; background: url(images/find-bookkeeper.svg) no-repeat right 10px center, radial-gradient(50% 50%, #F61650 50%, #E70A40 100%); background-size: 300px; color: #FFF !important; border-radius: 4px;}
.redbox h2{ color: #FFF; }
.block800{ max-width: 850px; margin: 0px auto; margin-bottom: 80px; }

[class^="wp-block-"] figcaption{ font-style: inherit !important; font-size: 12px !important; color: #637086 !important }
ul.tick { margin: 0px; padding: 0px; margin-bottom: 20px; }
ul.tick li{ list-style: none; background: url(images/red-tick.svg) no-repeat left center; padding-left:30px; padding-bottom: 7px;}

.bookkeeper{ margin-bottom: 20px; font-size: 14px; border: 1px solid #D9DCE0; background: #FFF; padding: 15px; border-radius: 4px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.bookkeeper h2 a{ font-size: 22px; color: #122435; text-decoration: none; }
.bookkeeper .image{ flex: 0 0 175px; }
.bookkeeper .details{ flex: 1; }
.bookkeeper .details strong{ font-weight: 500; }
.bookkeeper .details p{ margin-bottom: 5px; }
.bookkeeper .areas{ flex: 1; padding-left: 15px; border-left: 1px solid #D9DCE0; }
.bookkeeper .areas .heading { color: #122435; font-weight: 500;}
.bookkeeper p.location{ 
display: flex;
    align-items: center;
}
.fullflex{ flex: 0 0 100%; }

.bookkeeper p.location img{ margin-right: 5px;     margin-bottom: -2px; }


.box .heading{ color: #122435; font-weight: 500; font-size: 16px; display: block; margin-bottom: 10px; }
input[type="text"]::placeholder{ color: #7D8AA1; font-weight: 500 !important; }
input[type="text"],input[type="tel"], input[type="email"], select, textarea{ border-radius: 4px; width: 100%; font-family: inherit; font-weight: 600; font-size: inherit; color: #122435 !important; padding: 10px; border: 1px solid #D9DCE0; }
select{ width: auto; min-width: 240px; }

.contactform label{ font-size: 12px; font-weight: 500; color: #637086; width: 100%;
    display: block; padding-bottom: 7px; }
.contactform p{ flex: 0 0 100%; }
.contactform p.phone{ flex: 0 0 60%; }
.contactform p.postcode{ flex: 1; margin-left: 10px; }
select{ font-weight: 400; }
.checkbox {
  display: block;
  position: relative;
  padding-left: 29px;

  cursor: pointer;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}


.checkmark {
  position: absolute;
  top: 9px;
  left: 0;
  height: 16px;
  width: 16px;
border: 1px solid #D8DCE6;
  border-radius: 3px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.08);

}

/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
  background-color: #FFF;
    border: 1px solid #417685;
}

/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
  background-color: #2196F3;


  border: 1px solid #417685;
  border-radius: 2px;
  background: linear-gradient(180deg, #4F8999 0%, #497F8F 100%);
  box-shadow: inset 0 2px 0 0 rgba(255,255,255,0.08), 0 1px 1px 0 rgba(43,26,24,0.1);


}


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

 .checkbox input:checked ~ .checkmark:after {
  display: block;
}
 .checkbox .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
label.flex.nounderline{ border: 0px !important; }


.textcenter{ text-align: center; }

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;

}
.autocomplete-items {
  position: absolute;
  border: 1px solid #D9DCE0;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
  text-align: left;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  color: #637086;
  border-bottom: 1px solid #D9DCE0;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}

.filterby{ flex: 0 0 255px; }
.box{ margin-bottom: 20px;
    font-size: 14px;
    border: 1px solid #D9DCE0;
    background: #FFF;
    padding: 15px;
    border-radius: 4px; }
.bookkeepers{ flex: 1; padding-left: 30px; }
.results, .sort{ margin-bottom: 20px; color: #20262C; }

.single-post #main, .single-podcasts #main{ padding: 120px 20px; max-width: 730px; margin: 0px auto; }
.single-post .post-thumbnail{ padding: 40px 0px; }
.single-post .wp-block-image{ padding: 40px 0px; }
.single-post h1{ text-align: center; font-weight: 500;}
.single-post h2{ font-weight: 400; }
.single-post h3{ font-weight: 500; font-size: 20px;}
.single-post h4{ font-weight: 500; font-size: 18px; color: #122435; }
.single-post .entry-content{ font-size: 18px; }
.single-post .entry-content h2:first-child{ margin-bottom: 40px; }

.wp-block-separator:not(.is-style-wide):not(.is-style-dots){ max-width: 100%; width: 100%; border: 0px; margin-bottom: 40px; border-bottom: 1px solid #D9DCE0;  }
.blogposts{ padding: 60px 20px; }
.blog .flex article, .blogposts article{ flex: 0 0 31.66666%; margin-bottom: 20px; }


.blogposts::after {
    flex: 0 0 31.66666%;
  content: "";

}

.blog h3, .archive h3, .articlegroup h3, .articlecontent h3.entry-title, .news h3, .podcasts h3 {
    font-size: 18px !important;
    font-weight: 500 !important;
}
.podcasttime{ font-size: 14px; }
.cats{ font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; }
.cats a{ text-decoration: none; color: #637086;  }

.articles h4, .news h4, .podcasts h4, .sectionheading a{ font-size: 14px; font-weight: 500; letter-spacing: 1px; }
  .sectionheading a{ color: #122435; text-decoration: none; font-weight: 500; }
.entry-content .resources{ margin-bottom: 40px; }

.resources .box{  padding: 40px; text-align:center; flex: 0 0 31.66666%; border: 1px solid #EAEDF3;	border-radius: 4px;	background-color: #FFFFFF; }

.resources .box a{ color: #122435; font-weight: 600; text-decoration: none; display: block; }
.autocomplete{ display: flex;  }
.autocomplete input[type="text"], .autocomplete button[type="text"]{ border: 1px solid #E2E5ED; border-radius: 4px 0 0 4px; flex: 1; padding: 15px 20px; }
#banner button[type="submit"], #banner input[type="submit"]{ flex: 0 0 150px; border: 0px; 	box-shadow: 0 1px 1px 0 rgba(43,26,24,0.1);	border-radius: 0 4px 4px 0 !important; padding: 15px 30px; font-weight: 600; background: linear-gradient(180deg, #4F8999 0%, #497F8F 100%); }

#banner.findabookkeeper button[type="submit"], #banner.findabookkeeper input[type="submit"]{ background: linear-gradient(0deg, #9BC4BC 0%, #A3CCC4 100%) !important; }
.logos {
    margin-bottom: 0px !important;
}
.first-sec .wp-block-columns {
    align-items: center;
}
.lg-logo ul li  img {
    max-height: 130px;
    display: block;
    margin: 0 auto;
}

.lg-logo li, .lg-logo li figure {
    align-items: center !important;
}

.lg-logo {
    justify-content: center !important;
    margin-bottom: 0 !important;
}
.box label.flex:last-child{ border-bottom: 0px; }
label.flex{ justify-content: flex-start; border-bottom: 1px solid #D9DCE0; padding: 7px; align-items: center;}
label.flex .labelname{ flex: 1; padding-left: 22px;  }
label.flex .count{ float: right; color: #939CA6; }

.location p{  }
.location .postcode{ flex: 0 0 50%;  }
.location .radius{ flex: 0 0 49%; margin-left: 1%; }
.location select.radius { min-width: initial !important; }
.box p{ margin-bottom:10px; }
.wp-block-columns {
  display: flex;
  margin-bottom: 30px;
  flex-wrap: wrap
}

@media (min-width:782px) {
  .wp-block-columns {
    flex-wrap: nowrap
  }
}

.wp-block-columns.has-background {
  padding: 20px 30px
}

.wp-block-column {
  flex-grow: 1;
  min-width: 0;
  word-break: break-word;
  overflow-wrap: break-word
}

@media (max-width:599px) {
  .wp-block-column {
    flex-basis: 100%!important
  }
}

@media (min-width:600px) and (max-width:781px) {
  .wp-block-column {
    flex-basis: calc(50% - 15px)!important;
    flex-grow: 0
  }
  .wp-block-column:nth-child(2n) {
    margin-left: 30px
  }
}

@media (min-width:782px) {
  .wp-block-column {
    flex-basis: 0;
    flex-grow: 1
  }
  .wp-block-column[style] {
    flex-grow: 0
  }
  .wp-block-column:not(:first-child) {
    margin-left: 30px
  }
}



.articlegroup .post-thumbnail, .recentarticles .post-thumbnail, .blogposts .post-thumbnail{ margin-bottom: 30px; height: 250px; background: #EEE; display: block; }
.articlegroup .post-thumbnail img, .recentarticles .post-thumbnail img, .blogposts .post-thumbnail img{ object-fit: cover; width: 100%; height: 250px; display: block;}
.flex .articles{ flex: 0 0 65.833333%; margin-bottom: 60px;  }
.flex .news{ flex: 0 0 31.66666%; }
.articlegroup article{ flex: 0 0 47.833333%; margin-bottom: 30px;
}
#social-share { position: absolute; margin-left: -60px; }
#social-share a{ display: block; color: #9BC4BC; font-size: 24px; margin-bottom: 10px;}

.recentarticles article{ flex: 0 0 31.666666%; }
.news article{ padding-top: 20px; border-top: 1px solid rgba(164,167,178,0.5); }
p.hidemobile{ flex-grow: 1;  }


.flex .podcasts{ flex: 0 0 65.833333%; }
.podcasts .img{ padding: 30px; margin-right: 30px; display: flex; justify-content: center; background-color: #FA1B50; width: 100%; height: 100%; max-height: 105px; max-width: 160px;  }
.podcasts .img a{ align-self: center; }
.podcasts .detail{ flex: 1; }


.podcasts article{   border-top: 1px solid #E3E3E3; padding-top: 20px; margin-bottom: 10px; }
.logos ul{ width: 100%; }
ul.logos{ margin:0px; padding: 0px; list-style: none; margin-bottom: 80px;}
ul.logos li, .logos ul li{ align-self: center; background: none; padding: 0px; align-items: center; }
 ul.logos img, .logos ul img{ max-width:120px;
    max-height: 80px;
    width: auto !important; }
.wp-block-gallery.has-nested-images.logos figure.wp-block-image img{ /*max-width:120px;*/ max-width: max-content !important;
    max-height: 80px;
    width: auto !important; }


h4.ct-title {
    margin-bottom: 0;
}
.testimonials{ margin-bottom: 10px; padding: 30px 50px; background: #FFF; }
.testiomnial{ background: #FFF; }
.testimonial .img{ flex: 0 0 260px;  }
.testimonial .text{ font-size: 16px; font-style:italic;  }
.testimonial .detail{ flex: 1; }
.testimonial h4{ text-transform: uppercase; margin-bottom: 5px; }
.cycle-pager { 
    text-align: right; width: 100%; z-index: 500; position: absolute; bottom: 10px; right: 0px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #9BC4BC; cursor: pointer; margin: 0px 2px;
}
.cycle-pager span.cycle-pager-active { color: #FF0F53;}
.cycle-pager > * { cursor: pointer;}

.columncenter{ align-self: center; text-align: center; }

.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item{ background: none; padding: 0px;  }
.wp-block-gallery.smallinline li{ align-self: center; }
.wp-block-gallery.smallinline img {   max-width: 150px; max-height: 80px; }


.page-template-page-bookkeeper #primary, .single-event #primary{ padding: 60px 0px; }

.page-template-page-bookkeeper .fixedmenu, .single-event .fixedmenu{ flex: 0 0 255px; margin-right: 30px; }
.page-template-page-bookkeeper .entry-content, .single-event .entry-content{ flex: 1; }

#fixed-navigation ul li{ background: none; padding: 0px; }
#fixed-navigation ul li a{ font-size: 14px; color: #637086; text-decoration: none; padding-bottom: 10px; display: block; }
#fixed-navigation ul li.current-menu-item a{  color: #122435; font-weight: 500;}

.events.flex{ justify-content: flex-start; }
.events .event{ position: relative; border: 1px solid #D9DCE0;
    background: #FFF; margin-right: 30px; margin-bottom: 30px;
  
    border-radius: 4px; }
.events .event .details{ padding: 20px; }
.events .event span.free, .single-event .eventarea span.free{ position: absolute; top: 10px; right: 10px; font-size: 12px; background: #FFF; padding: 5px 10px; z-index: 9999; }
.events .event .date{ text-transform: uppercase; }
.events .event .location{ margin-bottom: 0px; }
.single-event .eventarea .img img, .events .event .img img{ object-fit: cover; width: 100%;}
.single-event .eventarea{position: relative; border: 1px solid #D9DCE0;
    background: #FFF;
 max-width: 400px;
    border-radius: 4px; margin-bottom: 20px; }

    .events .event h3{ margin-bottom: 10px; }

    .single-event .eventarea .img img{ display: block;  }

    #wpadminbar #adminbarsearch .adminbar-button{ display: none !important; }

 .sticky {
  position: fixed;
  top: 85px;
 width: 255px;
 	transition: all .2s ease-in;
}

.page-template-page-landing #banner h1{ font-size: 38px; }
.page-template-page-landing #banner h3{ color: #122435; }
.page-template-page-landing #banner .box{ padding: 0px; margin: 60px 0px; border: 0px;}
.page-template-page-landing .box .padding{ padding: 52px; padding-bottom: 20px; }
.page-template-page-landing .box .cta{ font-size: 22px; font-weight: 700; text-align: center;  padding: 20px; background-color: #FF0F53; color: #FFF;  }
.page-template-page-landing .box .cta p:last-child{ margin-bottom: 0px; }

.page-template-page-landing #banner h3.red{ color: #FF0F53;  }

.page-template-page-landing ul.logos { margin-bottom: 30px; }
.wp-block-image .alignleft {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em; }

.calltoaction { background-size: 300px !important; color: #FFF !important; border-radius: 4px; font-size: 18px; padding: 50px !important; margin-bottom: 60px; }
.calltoaction h2{ color: #FFF; margin-bottom: 20px;}
.calltoaction a.button{ padding: 10px 40px !important; }
.calltoaction .left{ flex: 0 0 60%; align-self: center; }
.calltoaction .right{ flex: 0 0 30%; align-self: center; }

 .pricingtable { margin-bottom: 60px; }
    .pricingtable .wp-block-column{ border: 1px solid #D9DCE0; background: #FFF; padding: 30px; border-radius: 4px; }
    .pricingtable .wp-block-column:not(:first-child){ margin-left: 0px; }
.pricingtable .wp-block-column.highlight{ 
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: -20px;
    margin-bottom: -20px;
}
 .pricingtable h4{ margin-bottom: 0px; }

 p.price{ font-size: 48px; line-height: 1.2;color: #122435; font-weight: 400; margin-bottom: 0px; }

.social{ display: flex; justify-content: flex-start; flex-wrap: wrap; }
.social li{ padding-right: 20px !important;     background: none;
    padding-left: 0px;}
.social li a{ color: #4F8999 !important; font-size: 20px; }
.wp-block-button{ margin-bottom: 20px;     padding-top: 10px;
    }

.mob{ display: none; }


#menu, #filterbyform{   clear:both; 
	height: auto;
  transition: height 2.5s ease-in-out; align-items: center;  }

 .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 28px 20px;
  position: relative;
  user-select: none;
}

 .menu-icon .navicon {
  background: #375F71;
  display: block;
  height: 3px;
  position: relative;
  transition: background .2s ease-out;
  width: 24px;
}
 .menu-icon .navicon:before,
.menu-icon .navicon:after {
 background: #375F71;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.menu-icon .navicon:before {
  top: 7px;
}

.menu-icon .navicon:after {
  top: -7px;
}

/* menu btn */

.menu-btn {
  display: none;
}
.filter-btn {
   display: none;
}
.filter-icon i{ display: none; }
.filter-icon{ color: #1B2025; margin-bottom: 20px; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
@media only screen and (max-width: 1030px) {
.menu-btn:checked ~ #menu {
  background-color: #274A5A !important;
  display: block;
  width: 100%;
  height: auto;
  padding-right: 0px;
  z-index:99999;
  position: relative;

}
.filter-btn:checked ~ #filterbyform{  height: auto; margin-bottom: 20px; }
.filter-btn:checked ~ #filterbyform .box{ margin-bottom: 0px; margin-top: -1px; }


.flex .menu-btn:checked ~ #menu ul#menu-topnav li{
	display: block;
	width: 100%;
}
#header a.button, #findjoin a.button{ font-size: 16px !important; line-height: initial !important; padding: 10px 20px !important; }
.menu-btn:checked ~ #menu ul#menu-topnav li a{
	color: #FFF;
	width: 100%; 
	display: block;
    padding: 15px;
  font-size: 16px !important;	

	font-weight: 400 !important;
}
.menu-btn:checked ~ #menu ul#menu-topnav li a:hover{
	background: #375F71; 
}

.menu-btn:checked ~ #menu #topbutton{ padding: 15px; }

.menu-btn:checked ~ #menu #topbutton a{ width: 100%; display: block; margin-bottom: 10px; text-align: center; padding: 15px !important; }
.menu-btn:checked ~ #menu #topbutton a.button.grey{ background: linear-gradient(180deg, #4F8999 0%, #497F8F 100%) !important }
.menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

 .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
 .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}
}
/* 48em = 768px */

@media (min-width: 1030px) {

  #menu {

  }
  .menu-icon {
    display: none;
  }
}
@media only screen and (max-width: 1030px) {
	#menu{ height: 0px; overflow: hidden;  }
.articlegroup .post-thumbnail img, .recentarticles .post-thumbnail img { height: 200px; }
.articlegroup .post-thumbnail, .recentarticles .post-thumbnail{ height: 200px; }

}

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

	#joinnetwork { background: url(images/australia.svg) no-repeat right center, radial-gradient(circle, #2E5668 0%, #1D3D4B 100%); }
}
@media only screen and (max-width: 1100px) {
	ul#menu-topnav li a{ padding: 10px; }
}
@media only screen and (max-width: 1030px) {
	ul#menu-topnav li a{ padding: 10px; }
	
	.filterby{ flex: 0 0 200px; }
	.bookkeeper .image { flex: 0 0 120px; margin-right: 10px; }
	.bookkeeper h2 a{ font-size: 16px; }
}
@media only screen and (max-width: 980px) {
  #footer .footercol{ flex: 0 0 48%; margin-bottom: 30px; }

}


@media only screen and (max-width: 860px) {
.articlegroup .post-thumbnail img, .recentarticles .post-thumbnail img { height: 150px; }
.articlegroup .post-thumbnail, .recentarticles .post-thumbnail{ height: 150px; }
	#findexpert, #joinnetwork{ flex: 0 0 100%; }
	#findexpert .padding{ max-width: 100%; }
	#findjoin h3{ max-width: 60%; }



	ul.logos{ justify-content: center; }
	ul.logos li{ padding: 0px 15px; }
	ul.logos img{ max-width: 120px !important;  }



}
@media only screen and (max-width: 800px) {

#footer section{ flex: 0 0 100%; }

}
@media only screen and (max-width: 767px) {
	.resources .box{ flex: 0 0 100%; }

	.flex .articles {
	    flex: 0 0 100%;
	}
	.filterby{ flex: 0 0 100%; margin-bottom: 30px; }
	.filter-icon i{ display: block; }
	.bookkeepers{ padding-left: 0px;  }
		#filterbyform{ height: 0px; overflow: hidden;  }

		.filter-icon{ background: #FFF; font-size: 14px;    border: 1px solid #D9DCE0; padding: 15px;     border-radius: 4px; margin-bottom: 0px; }
		.filter-icon:hover{ cursor: pointer; }

.redbox{ background: radial-gradient(50% 50%, #F61650 50%, #E70A40 100%) !important; }
.bluebox{ background: radial-gradient(circle, #487387 0%, #375F71 100%) !important;  }

}
@media only screen and (max-width: 600px) {
.articlegroup .post-thumbnail, .recentarticles .post-thumbnail, .blogposts .post-thumbnail {
    margin-bottom: 0px;
}

.single-post #main, .single-podcasts #main, .single-video #main {
 
}
	.uagb-section__wrap{ padding: 20px !important; }
	.testimonials{ padding: 20px; }
	.testimonial .img{ flex: 0 0 100%; margin-bottom: 20px; }
	#banner input[type="submit"], #banner button[type="submit"]{  flex: initial;    padding: 11px 20px !important; }
	.wrap.padding, #banner .wrap, #banner .fullwrap{ padding: 40px 20px; }
	.home #banner .opacity{ min-height: 250px; }
	#banner .opacity{ min-height: 250px; }
	.home #banner h1{ font-size: 32px; }
#banner.resources .opacity, #banner.findabookkeeper .opacity{ min-height: 100px; }

.blogposts{ padding: 20px; }

	#banner h1{ font-size: 22px;  }
	.mob{ display: block; }
	.hidemobile{ display: none !important; }
	.centermobile{ text-align: center; }
	.recentarticles article{ flex: 0 0 100%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #D9DCE0; }
  .recentarticles article:last-child{ border-bottom: 0px; }

	.recentarticles article { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.recentarticles article .thumb{ flex: 0 0 30%; }
.recentarticles article .articlecontent{ flex: 0 0 60.555%; }

	.recentarticles article:nth-child(1) .thumb{ flex: 0 0 100%; }
.articlegroup article:nth-child(1) .thumb img{ height: 230px; }
.recentarticles article:nth-child(1) .thumb img{ height: 230px; }
.recentarticles article:nth-child(1) .post-thumbnail, .articlegroup article:nth-child(1) .post-thumbnail{ height: 230px; }


	.recentarticles article:nth-child(1) .articlecontent{ flex: 0 0 100%; }
	.recentarticles article:nth-child(1) .hidemobile{ display: block !important; }

.articlegroup article, .flex .news, .flex .podcasts,.blog .flex article, .blogposts article{ flex: 0 0 100%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #D9DCE0; }


	.articlegroup article, .blog .flex article, .blogposts article { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.articlegroup article .thumb, .blog .flex article .thumb, .blogposts article .thumb{ flex: 0 0 30%; }
	.articlegroup article .articlecontent, .blog .flex article .articlecontent, .blogposts article .articlecontent{ flex: 0 0 60.83333%; }

.articlegroup .post-thumbnail img, .recentarticles .post-thumbnail img, .blogposts .post-thumbnail img { height: 80px; }
 .articlegroup .post-thumbnail, .recentarticles .post-thumbnail, .blogposts .post-thumbnail{ height: 80px; }


	.articlegroup article:nth-child(1) .thumb{ flex: 0 0 100%; }
	.articlegroup article:nth-child(1) .articlecontent{ flex: 0 0 100%; }
	.articlegroup article:nth-child(1) .hidemobile{ display: block !important; }

.blog h3, .archive h3, .articlegroup h3, .news h3, .articlecontent h3.entry-title, .podcasts h3, .articlegroup article h3, .recentarticles article h3{ font-size: 14px !important; margin-bottom: 8px; }
.articlegroup article:nth-child(1) h3, .recentarticles article:nth-child(1) h3{ font-size: 18px !important; }
.bookkeeper h2 { font-size: 15px;  }
.bookkeeper{ display: block; font-size: 12px; }
	.bookkeeper .areas{ display: none; }
    .bookkeeper .image { flex: inherit !important; float: left; width: 41px;  margin-right: 15px; }
.bookkeeper p.interests{     margin-top: 10px;
    border-top: 1px solid #D9DCE0;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 15px;  }


	.block800{ margin-bottom: 40px; }
	#footer{ padding: 20px; }

	.centermobile ~ p{ text-align: center; }

	.calltoaction{ padding: 20px !important; margin-bottom: 30px !important; }
	.calltoaction .left, .calltoaction .right{ flex: 0 0 100%; }

	.resources .box{  display: flex; justify-content: space-between; padding: 20px; margin-bottom: 10px; }
	.resources .box p{ flex: 1; align-self: center; margin: 0px; flex: 0 0 36px; }
	.resources .box h3{ flex: 1; align-self: center; margin: 0px; flex: 1; text-align: left; padding-left: 30px;}
	.resources .box:nth-child(3){ margin-bottom: 20px;  }

#header {
    padding-bottom: 40px;
}
span.sitename {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
}
#banner a.button{
	/*position: absolute;
    width: 100%;
    top: 65px;
    left: 0px;*/ 
	font-size: 14px !important;
    padding: 12px 20px !important;
	}
#banner {
    margin-top: 130px;
}
}
@media only screen and (max-width: 599px) {
  .swaporder .wp-block-column:nth-child(1){ order: 2; }
  .swaporder .wp-block-column:nth-child(2){ order: 1; }
}
@media only screen and (max-width: 550px) {

	#footer .footercol:nth-child(1), #footer .footercol:nth-child(2){ display: none !important; }
	#footer .footercol{ flex: 0 0 100%; }
	#footer .footercol:nth-child(3){ order: 2; }
	#footer .footercol:nth-child(4){ order: 1; padding-bottom: 30px; border-bottom: 1px solid #E1E8EE;}
}
.logos {
    display: inline-block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 100% !important;
}
.logos .wp-block-image {
    margin-right: unset !important;
    width: unset !important;
	
    display: inline-block;
       margin: 0px 4px !important;
}
.logos.wp-block-gallery.has-nested-images figure.wp-block-image{
display:inline-block !important
}