@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet

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

/* --------------------------------

STYLE SET: GLOBAL & GENERAL

-------------------------------- */

.row {
  max-width: 90%;
}

.full {
  max-width: 100%;
}

* {
  font-family: "Open Sans";
}

p {
  font-size: 1em;
    color: #606e86;
}



/* --------------------------------

STYLE SET: SITE NAVIGATION

-------------------------------- */

/** --  LAYOUT  */

.main-bar {
    width: 100%;
    float: left;
    padding: 5px 0;
    /*background: linear-gradient(150deg,rgba(255, 255, 255, 0) 40%,rgba(255, 255, 255, 0.1) 70%);*/
    margin-top: 15px;
}

.main-bar .title-area {
    z-index: 1;
}

.off-canvas-list ul {
    margin-left: 0; 
}

.off-canvas-list ul li a {
    border-bottom: 0px; 
}

.off-canvas-list ul .dropdown {
    margin-left: 20px; 
}


.main-bar ul {
    background: none;
}


/** --  NOTICE BAR */

.notice-bar {
  background: #ffe500; 
  padding: 10px 0;
  text-align: center;
  font-size: 0.8em;
  color: #23282e;
}

.notice-bar .title {
  font-weight: 600;
}

.notice-bar .date {
  margin-left: 20px;
}

.notice-bar a {
  color: #000;
  margin-left: 20px;
  padding-bottom: 1px;
  border-bottom: 1px dashed #000;
}


/** --  LOGIN */

.top-bar-container {
  float: left;
  width: 100%;
  background: rgba(255, 255, 255, 0.15);
}

.top-bar {
  background: none;
  /*border-bottom: 1px solid #95cbff;*/
  color: #fff;
}

.top-bar .button {
  margin: 0px;
  background: none;
  border: 1px solid #fff;
}

.top-bar .contact-social span {
  display: inline-block;
  margin: 8px 10px 0 0;
}

.top-bar .contact-social a {
  color: #fff;
  margin-right: 10px;
}

.top-bar .contact-social a:last-of-type {
  margin-right: 0px;
}






/** --  COLOURS & STYLING  */

.menu .active > a {
    color: #fefefe;
    background: none;
}

[type="search"]:focus {
    box-shadow: none;
}

.main-bar a {
  color: #fff;
  font-family: "Montserrat";
}

.main-bar .top-bar-right .menu > li > a {
}

.main-bar ul {
  margin-top: 25px;
}

.main-bar .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {
  border-color: #fff transparent transparent
}

.main-bar .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
  left: 0;
  margin-top: 0;
  border: 0px;
  padding: 10px 0;
  background: #0c2e56;
  border-radius: 10px;
  box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.1);
}

.main-bar .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu a {
  color: #fff;
    line-height: 20px;
    font-size: 14px;
    transition: 0.1s ease-out background;
}

.main-bar .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu a:hover {
  background: #49307b;
}

/* --------------------------------

STYLE SET: HEADINGS & TITLES

-------------------------------- */

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat";
  color: #2b59a1;
  margin-bottom: 20px;
}

h2 {
  font-size: 2rem;
  margin-bottom: 40px;
}

h3 {
  font-size: 1.8rem;
}

h4 {
  font-size: 1.2rem;
  font-weight: 400;
}

.hero h1, .title-area h1 {
    color: #fff;
}


/* --------------------------------

STYLE SET: LINKS & BUTTONS

-------------------------------- */
.button { 
    border-radius: 5px;
}

.cta-1 {
    background: #2cdecb;
    letter-spacing: 0px;
    font-family: "Open Sans";
    font-weight: 600;
    color: #fff;
    padding: 15px 20px;
    border: 0;
}

.cta-1:hover {
    background: #fff;
    color: #2959a2;
}

.cta-2 {
    margin-left: 10px;
    font-family: "Open Sans";
    font-weight: 600;
    padding: 15px 20px;
    border: 0;
    background: #6c4fa8;
}

.cta-2:hover {
    background: #fff;
    color: #2959a2;
}

.cta-3 {
    font-family: "Open Sans";
    font-weight: 600;
    padding: 15px 20px;
    border: 0;
    background: #2199e8;
}

.cta-3:hover {
    background: #1583cc;
}

.cta-4 {
    font-family: "Open Sans";
    font-weight: 600;
    padding: 15px 20px;
    border: 0;
    background: #fff;
    color: #2199e8;
    margin-left: 10px;
}

.cta-4:hover {
    background: #2b59a1;
}


a.button.outline {
  border: 2px solid #fff;
}

a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }


.topbutton {
  padding: 25px;
  position:fixed;
  right:25px;
  bottom:25px;
  z-index:1;
  display:none;
  background: #6c4fa8;
  color: #fff;
  border-radius: 50%;
      /* Rotate div */
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}

.topbutton:hover {
  color: #fff
}

/* --------------------------------

STYLE SET: LISTS

-------------------------------- */


ul.lines {
    list-style: none;
    margin-left: 0px;
}

ul.lines li {
    font-size: 1em;
    color: #606e86;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

ul.lines li:before {
    font-family: 'icomoon';
    content: "\edbd";
    margin-right: 10px;
    font-size: 0.75em;
}


ul.ticked {
    list-style: none;
    margin-left: 0px;
}

ul.ticked li {
    font-size: 1em;
    color: #606e86;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

ul.ticked li:before {
    font-family: 'icomoon';
    content: "\ed71";
    margin-right: 10px;
    font-size: 0.8em;
    color: #15c356;
}


ol {
    list-style: none;
    margin-left: 0px;
}

ol li {
    font-size: 1em;
    color: #606e86;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

/* --------------------------------

STYLE SET: GRID AREAS

-------------------------------- */


.grid {
  background: #f1f6fe; 
  padding: 100px 0;
}

.grid .row {
  margin-bottom: 30px;
}

.grid .card {
  background: #fff;
  padding: 40px;
  text-align: center;
}

.grid .card p {
  margin: 0px;
}

.grid .card .button-container {
  margin-top: 20px;
}

.grid .card h3, .grid .card .telephone, .grid .card .services, .grid .card .business-type, .grid .card .business-location {
  margin-bottom: 20px;
}


.grid.agencies .featured-image,
.grid.corporates .featured-image {
  height: 200px;
  width: 200px;
  margin: 0 auto 30px;
  position: relative;
  text-align: center;
}

.grid.agencies .featured-image img,
.grid.corporates .featured-image img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}


.grid.agencies .card h3, .grid.corporates .card h3 {
  font-size: 1.2rem;
}


.grid.agencies .card .cta-2, .grid.corporates .card .cta-2  {
  margin: 0;
}

/* Individual Agency Fixes */

/* Notable Nannies */

.grid.agencies .card article#post-3752 img,
.grid.agencies .card article#post-3580 img  {
  max-width: 70%;
}






/* --------------------------------

STYLE SET: TITLE AREAS

-------------------------------- */

.title-area {
  color: #fff;
  background-image: url('/wp-content/images/hero-happykids.jpg');
  background-size: cover;
  background-position: center;
}

.title-area .gradient-overlay {
    padding: 200px 0 100px;
    background: linear-gradient(150deg,rgba(16, 123, 228, 0.9) 30%,rgba(126, 255, 251, 0.8) 70%);
}


/* --------------------------------

STYLE SET: CONTENT BLOCKS

-------------------------------- */


.home .event-tile {
  margin-top: 100px;
}

.home .event-tile ul {
  margin-bottom: 20px;
  list-style: none;
  margin-left: 0px;
}

.home .event-tile li {
  padding-bottom: 2px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}

.home .event-tile img {
  max-width: 70%;
  margin-bottom: 10px;
}

.home .event-tile a.button {
  margin-left: 0px;
}

/** --  Home: Values  */

.home .values {
    margin: 100px 0;
    padding: 100px 0;
    background: #f1f6fe;
}

.home .values ul {
    text-align: center;
    border: 0;
    background: none;
    font-size: 0;
}

.home .values ul li {
    float: none;
    display: inline-block;
}

.home .values .tabs-content {
    background: rgba(255, 255, 255, .5);
    border: none;
    padding: 25px;
    box-shadow: 0 0 12px 2px rgba(181, 194, 214, 0.25);
    border-radius: 5px;
}

.home .values h2 {
    font-size: 1.5em;
    padding-bottom: 25px;
}

.tabs-title>a {
  display: block;
  padding: 1.25rem 2rem;
  line-height: 1;
  font-size: 1rem;
  color: #2b59a1;
}

.tabs-title > a:focus, .tabs-title > a[aria-selected="true"] {
    background: rgba(255, 255, 255, .53);
}

/** --  Working With  */

.working-with {
    margin-bottom: 75px;
}

.working-with .our-clients .container {
    box-shadow: 0 0 15px 1px #d4deed;
    padding: 25px;
    background: #fff;
    display: inline-block;
    margin-top: -50px;
    border-radius: 5px;
}

.working-with .left {
    padding: 160px 0;
}
    
.working-with .left {
    background: #f1f6fe;
}

.working-with .left h3, .working-with .left p {
  margin-bottom: 0px;
}

.working-with .right {
  background-image:url('/wp-content/images/hero-happykids.jpg'); 
  background-position: center; 
  background-size:cover;
}

.working-with .our-clients .logo {
    display: inline-block;
}

.working-with .our-clients .logo {
    text-align: center;
}

.working-with .our-clients .logo img {
    max-width: 220px;
    max-height: 200px;  
    margin: 0 10px;
}

.working-with .our-clients .logo img.regulation-matters {
    max-height: 90px;
}

/** --  Home: Audience  */

.home .audience {
    margin-top: -75px;
}    

.home .audience .columns:hover {
    color: #fff;
}
    
.home .audience a {
    color: #fff;
    font-size: 1.5em;
    font-family: "Montserrat";
    display: block;
    border-radius: 5px;
}

.home .audience .content-overlay {
    border-radius: 5px;
    transition: background-color 0.5s ease;
}

.home .audience .one a {
    background: url(/wp-content/images/ana-kidsandpram.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.home .audience .one a .content-overlay {
    background-color: rgba(43, 89, 161, 1);
}

.home .audience .two a {
    background: url(/wp-content/images/ana-handsup.jpg) center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home .audience .two a .content-overlay {
    background-color: rgba(52, 116, 215,1);
}

.home .audience .three a {
    background: url(/wp-content/images/ana-colouring.jpg) center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home .audience .three a .content-overlay {
    background-color: rgba(43, 89, 161, 1);
}

.home .audience .one a:hover .content-overlay,
.home .audience .three a:hover .content-overlay {
    background-color: rgba(43, 89, 161, 0.9);   
}

.home .audience .two a:hover .content-overlay {
    background-color: rgba(52, 116, 215, .9);
}

.home .audience h2 {
    padding: 40px 0 25px;
    margin-bottom: 0;
    font-size: 1em;
    color: #fff;
}

.home .audience p {
    padding: 0 40px 40px 40px;
    font-size: .75em;
    font-family: "Open Sans";
    font-weight: 300;
    color: #fdfeff;
}


/** --  Home: Links Segment  */


.links-segment .title-container {
  margin-bottom: 30px;
}


.links-segment .title-container p {
  margin-bottom: 0px;
}

.links-segment a {
    transition: all ease 0.35s;
    background: #6c4fa8;
    border-radius: 50px;
    color: #fff;
    padding: 15px 30px;
    display: block;
}

.links-segment a:hover {
    background: #2b59a1;
}

.links-segment p.ticks:before {
    font-family: 'icomoon';
    content: "\ed71";
    display: block;
    font-size: 2.5em;
    color: #15c356;
}


.links-segment p {
    font-size: 1em;
    color: #606e86;
    position: relative;
}

.links-segment h4 {
    margin-bottom: 15px;
}

    
/** --  Home: Hero Banner  */

.home.hero {
  color: #fff;
  background-image: url('/wp-content/images/hero-happynanny.jpg');
  background-size: cover;
  background-position: center;
}

.home.hero .gradient-overlay {
    padding: 210px 0 190px 0;
    background: linear-gradient(150deg,rgba(16, 123, 228, 0.9) 30%,rgba(126, 255, 251, 0.8) 70%);
}

.home.hero h1 {
  letter-spacing: -1px;
  margin-bottom: 0px;
  text-shadow: 0px 1px 4px #5071e4;
  font-size: 2.5rem;
}

.home.hero h2 {
  font-size: 2rem; 
  font-family: "Open Sans";
  font-weight: 100;
  margin-bottom: 30px;
  color: #fff;
    text-shadow: 0px 1px 4px #5071e4;}

.home.hero p {
    text-shadow: 0px 1px 2px #3354c8;
    font-size: 1.2rem;
  font-family: "Open Sans";
  margin-bottom: 30px;
  color: #fff;
}

/** --  section.key-features  */

.key-features {
    padding: 75px 0;
}


.key-features h3 {
  color: #2b59a1;
  letter-spacing: -0.5px;
  margin-bottom: 20px;
}

.key-features p {
  margin-bottom: 30px;
}
    
.home .key-features .accordion .accordion-item a {
    padding: 50px 125px 50px 50px;
    font-size: 1em;
    transition: all ease .3s;
}

.home .key-features .accordion .accordion-item a:hover {
    background-color: #f1f6fe;
}
.home .key-features .accordion .accordion-item img {
    float: left;
    margin-right: 35px;
}

.home .key-features .accordion-title::before {
    font-size: 3em;
    right: 3rem;
}


/** --  Home: Member Services  */

.member-services {
    background: #f1f6fe;
    margin-top: 75px;
    padding: 75px 0;
}

.member-services .box {
    text-align: center;
    border-radius: 5px;
}

.member-services .box img {
    max-width: 100px;
}

.member-services .box p {
    margin: 10px 0 0 0;
}

.home .member-services .column-block {
    margin-bottom: 1.85em;
}

.home .member-services .column > .box {
    padding: 50px;
    background: #fff;
}

/** --  Home: About Our Logo  */

.about-our-logo {
    padding: 50px 0px 75px;
}


.about-our-logo .box {
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 5px;
    background: #f1f6fe;
    color: #2b59a1;
}

.about-our-logo .kitemark {
    height: 250px; 
    width: 250px; 
    border-radius: 150px; 
    margin:0 auto; 
    display: block;
    background-image: url('/wp-content/images/xana-logo-circularv2.png.pagespeed.ic.WM5MKd6f3T.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 95%;
    margin-top: 25%;
}

.about-our-logo .title-box {
    margin-bottom: 50px;
}
    
.about-our-logo h2 {
    margin-bottom: 0;
}


/** --  E.G. Home: FAQ Accordion  */




/* --------------------------------

STYLE SET: COMMITTEE PAGE

-------------------------------- */

.ana-committee .name {
  font-size: 1.2em;
    color: #606e86;
    font-weight: 600;
    float: left;
    margin-right: 7px;
    color: #2b59a1;
}

.ana-committee .role {
  font-size: 1.2em;
    color: #606e86;
    color: #2b59a1;
}

.ana-committee .email {
  font-size: 1em;
    color: #606e86;
    margin-bottom: 20px;
}

.ana-committee .member {
  margin-bottom: 40px;
}

.ana-committee .member:last-of-type {
  margin-bottom: 0px;
}

/* --------------------------------

STYLE SET: FIND A JOB

-------------------------------- */

.find-a-job #content,
.job-search-results #content {
  background: #f1f6fe;
}


section.list.jobs article.jobs {
    background-color: #fff;
    margin-bottom: 40px;
    padding: 50px;
    border-left: 6px solid #75e3f5;
}

section.list.jobs article.jobs .job-title {
  font-family: "Open Sans";
  color: #2b59a1;
  font-size: 1.4rem;
  margin-bottom: 2rem;
  font-weight: 600;
  display: block;
}

section.list.jobs article.jobs .cta-1 {
  background: #75e3f5;
  padding: 30px 40px;
  float: right;
  font-size: 1rem;
  border-radius: 20px;
  margin-bottom: 0px;
}

section.list.jobs article.jobs .cta-1:hover {
  color: #fff;
  background: #6c4fa8;
}


section.list.jobs article.jobs .important-info {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}

section.list.jobs article.jobs .important-info svg {
  width: 100%;
  max-width: 30px;
  max-height: 30px;
  margin-right: 5px;
  display: block;
}


section.list.jobs article.jobs .important-info strong {
  color: #606e86;
}

section.list.jobs article.jobs .important-info strong.agency {
  margin-left: 5px;
}

section.list.jobs article.jobs .important-info strong.ref {
  margin-right: 5px;
}

section.list.jobs article.jobs .important-info p {
  margin-bottom: 0px;
  font-weight: 600;
  color: #2199e8;
  font-size: 1.1rem;
  display: inline-block;
}

section.list.jobs article.jobs .job-details strong {
  color: #606e86;
}

section.list.jobs article.jobs .job-details p {
  margin-bottom: 0px;
  font-weight: 600;
  color: #2199e8;
  font-size: 1.1rem;
}



.searchandfilter li.sf-field-post-meta-temporary_or_permanent select.sf-input-select {
  min-width: 240px;
}

/* --------------------------------

STYLE SET: FIND AN AGENCY

-------------------------------- */



section.agency-search-container {
  padding: 70px 0 50px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2cdecb+0,74e2f9+100 */
  background: #2cdecb; /* Old browsers */
  background: -moz-linear-gradient(left, #2cdecb 0%, #74e2f9 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #2cdecb 0%,#74e2f9 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left, #2cdecb 0%,#74e2f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cdecb', endColorstr='#74e2f9',GradientType=1 ); /* IE6-9 */
}

section.agency-search-container input, section.agency-search-container select {
  border: 0px;
  box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.1);
  height: 60px;
  padding-left: 20px;
}

section.agency-search-container select {
  padding-right: 20px;
}

section.agency-search-container .button.cta-2 {
  margin: 10px 0 0;
}

section.agency-search-container input[type="submit"] {
    font-family: "Open Sans";
    font-weight: 600;
    padding: 15px 20px;
    border: 0;
    background: #6c4fa8;
    color: #fff;
}


section.agency-search-container input[type="submit"]:hover {
    background: #fff;
    color: #2959a2;
}

section.agency-search-container .searchandfilter ul li {
  display: inline-block;
  margin-right: 20px;
}


}

/** --  Search Results Page */

.agency-search-results section.agency-search-container {

}

section.agency-search-container h3.search-title {
  color: #fff;
}

/** --  Search Buttons Styling */

.select2-container--default .select2-selection--single {
    background-color: none!important;
    border: none!important;
    border-radius: 0!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    background: #fff!important;
    font-size: 1.2em !important;
    padding: 16px!important;
    text-align: left;
    color: #0a0a0a!important;
}

.select2-container .select2-selection--single {
    height: 60px!important;
}

.select2-dropdown {
    border: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 17px!important;
    right: 11px!important;
}


/** --  Single Jobs Page */
    
.single-jobs h2 { 
    margin-bottom: 5px;
}
    
.single-jobs .single-job-header { 
    border-bottom: 3px solid #f1f6fe;
    margin-bottom: 15px;
}
    
.single-jobs .single-job-info { 
    width 50%;
}    

.single-jobs .single-job-info  .subtitle {
    font-family: "Montserrat";
    color: #2b59a1;
    font-size: 1em;
}

.single-jobs .single-job-header p.secondary span {
    color: #2b59a1;
    font-weight: bold;
}

/** --  Corporate Members */

.corporate-content {
  padding: 50px 0;
}

.corporate-members .featured-image {
    background: #fff; 
    padding: 25px;
    margin-bottom: 25px;
    display: inline-block;
}

.corporate-members .featured-image img {
    max-height: 125px;
    width: auto;
}


/* --------------------------------

STYLE SET: SINGLE AGENCY

-------------------------------- */

.topper {
    margin-top: 40px;
}

.topper input, .topper textarea{
    border: 0;
}

.topper input:focus, .topper textarea:focus {
    border: 0;
}

section.about-agency {
    padding: 40px 60px 60px;
}

section.agency-map {
    max-width: 100% !important;
}

.map {
  margin-bottom: 5rem;
}

.map-frame {
    margin-bottom: 50px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: initial;
}

.services-provided ul {
    column-count: 3;
    column-width: 200px;
    color: #606e86;
    text-align: left;
    margin-bottom: 30px;
    display:
}

.services-provided ul li {
    padding: 10px;
    width: 200px;
}

.widgettitle {
    color: #2b59a1;
}

.single-agencies .jobs.list {
  background: #f1f6fe;
  padding: 3rem 0;
}



/* --------------------------------

STYLE SET: CONTACT

-------------------------------- */

main#contact .office {
    padding: 75px 0;
    background: linear-gradient(150deg,rgb(241, 246, 254) 30%,rgba(255, 255, 255, 0.8) 70%);
}

main#contact .office .form-container {
    background: #fff;
    border: none;
    padding: 25px;
    box-shadow: 0 0 12px 2px rgba(181, 194, 214, 0.25);
    border-radius: 5px;
}

main#contact .details {
    margin-bottom: 90px;
}

/*
main#contact .office .row:first-of-type {
  background-image: url("/wp-content/images/bubbles.jpg");
  background-size: cover;
  background-position: center;
*/
}

main#contact .office .form-container {
  margin: 50px 0;
  background: #fff;
  padding: 25px;
}

main#contact .office .form-container .button {
  margin-bottom: 0px;
}

main#contact .details p {
  margin-bottom: 0px;
}

main#contact .fsb {
  max-width: 200px;
  background: #fff;
  margin: 80px auto 0;
  display: block;
}

main#contact .contact-panel {
  margin-bottom: 30px;
}

main#contact .contact-panel h3 {
  margin-bottom: 10px;
}


/* --------------------------------

STYLE SET: FAQs (PUBLIC)

-------------------------------- */


.faq-container .accordion {
  margin-bottom: 30px;
}

.faq-container .accordion-title {
  color: #2b59a1;
  font-size: 0.9rem;
}

.faq-container .accordion-title:focus, 
.faq-container .accordion-title:hover {
  background: #f0f6ff;
}

.faq-container .accordion-content {
  font-size: 0.9rem;
}

.faq-container .accordion-content p:last-of-type {
  margin-bottom: 0px;
}

/* --------------------------------

STYLE SET: SIDE BARS

-------------------------------- */

.widget ul {
  margin: 0; 
}

.widget ul li {
    list-style: none; 
}

.widgettitle {
  margin-bottom: 20px;
}

#sidebar1 .container {
  background: #f1f6fe;
  padding: 40px;
  margin-left: 50px;
  overflow: auto;
}

#sidebar1 .widget {
  margin-bottom: 40px;
}

#sidebar1 #recent-posts-2 ul {
    list-style: none;
    margin-left: 0px;
}

#sidebar1 #recent-posts-2 ul li {
    font-size: 1em;
    border-bottom: 0px solid #2b59a1;
    padding-bottom: 10px;
    margin-bottom: 15px;
}


#sidebar1 #recent-posts-2 ul li a {
  color: #2b59a1;
}

#sidebar1 #recent-posts-2 ul li:before {
    font-family: 'icomoon';
    content: "\edbd";
    margin-right: 5px;
    font-size: 0.75em;
    color: #2b59a1;
}


#sidebar1 .social {
  margin: 25px 0 20px 0;
}

#sidebar1 .social a {
  color: #098fc1;
  font-size: 25px;
  margin-right: 15px;
}

#sidebar1 .social a:last-of-type {
  margin-right: 0px;
}

#sidebar1 .button.cta-2 {
  margin: 0 0 30px 0;
}

#sidebar1 ul.services {
  list-style: none;
  margin-left: 0px;
}

#sidebar1 ul.services li { 
    font-family: "Open Sans";
    font-weight: 600;
    color: #606e86;
    padding: 5px 0;
    border: 0;
    font-size: 0.9em;
    margin-bottom: 10px;
    display: block;
    float: left;
    clear:left;
    border-bottom: 1px solid #bbcbe5;
}

#sidebar1 ul.services li:last-of-type {
    margin-bottom: 0px;
}


/* --------------------------------

STYLE SET: FOOTER CONTENT

-------------------------------- */

.footer {
  background: #098fc1;
  clear: both;
  color: #fff;
}

.footer img {
    max-height: 110px;
}

.footer p {
    color: #fff;
}

.footer .info {
    padding: 50px 0;
}

.footer .mailing-list-container {
  margin-bottom: 40px;
}

.footer .social-container a {
    color: #fff;
    font-size: 25px;
    display: inline-block;
    margin-top: 10px;
    margin-right: 20px;
}

.footer .social-container a:last-of-type {
    margin-right: 0px;
}

.footer p.copyright {
  margin-bottom: 0;
}

.footer a.web-by {
    color: #f1f6fe;
    font-weight: 400;
    transition: all ease .3s;
}

.footer a.web-by span {
    font-weight: 600;
}

.footer .info p {
    display: inline-block;
    padding-left: 50px;
    font-size: 1.5em;
    line-height: 1.5em;
    font-weight: 300;
}


.footer .contact,
.footer .social {
    margin-top: 15px;
}

.footer .legal {
    background: #00739e;
    padding: 20px;
}

.footer .legal span {
 margin-right: 50px;   
}
.footer .legal a:hover {
    color: #69d6ff;
}

.footer .fsb {
  background: #fff;
  padding: 20px;
  margin-left: 20px;
}


/* --------------------------------

STYLE SET: FOUNDATION DEFAULT 

-------------------------------- */

.gform_body ul {
  list-style: none outside none;
  margin: 0; 
}

.header ul.off-canvas-list li {
  list-style: none; }

#content #inner-content {
  padding: 4rem 0rem; }

.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; }

.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }

.page-navigation {
  margin-top: 1rem; 
}

#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/** --  COMMENT FORM STYLING  */

.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }


/* --------------------------------

STYLE SET: PLUG-IN & ADVANCED FEATURE STYLING 

-------------------------------- */


/* --------------------------------

STYLE SET: ICOMOON

-------------------------------- */

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?qeu58p');
  src:  url('../fonts/icomoon.eot?qeu58p#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?qeu58p') format('truetype'),
    url('../fonts/icomoon.woff?qeu58p') format('woff'),
    url('../vendor/fonts/icomoon.svg?qeu58p#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-instagram:before {
  content: "\e900";
}
.icon-brand:before {
  content: "\e900";
}
.icon-social:before {
  content: "\e900";
}
.icon-home2:before {
  content: "\e901";
}
.icon-phone2:before {
  content: "\ea1d";
}
.icon-envelop3:before {
  content: "\ea32";
}
.icon-mobile:before {
  content: "\ea78";
}
.icon-plus:before {
  content: "\ed59";
}
.icon-plus2:before {
  content: "\ed5b";
}
.icon-plus3:before {
  content: "\ed5d";
}
.icon-checkmark:before {
  content: "\ed6f";
}
.icon-checkmark2:before {
  content: "\ed70";
}
.icon-checkmark3:before {
  content: "\ed71";
}
.icon-checkmark4:before {
  content: "\ed72";
}
.icon-checkmark5:before {
  content: "\ed73";
}
.icon-arrow-right:before {
  content: "\edbb";
}
.icon-arrow-right2:before {
  content: "\edbc";
}
.icon-arrow-right3:before {
  content: "\edbd";
}
.icon-arrow-left:before {
  content: "\edc3";
}
.icon-arrow-left2:before {
  content: "\edc4";
}
.icon-arrow-left3:before {
  content: "\edc5";
}
.icon-facebook:before {
  content: "\eeef";
}
.icon-facebook2:before {
  content: "\eef0";
}
.icon-twitter:before {
  content: "\eef5";
}
.icon-youtube:before {
  content: "\eefc";
}
.icon-pinterest:before {
  content: "\ef30";
}
.icon-pinterest2:before {
  content: "\ef31";
}
.icon-brand2:before {
  content: "\e902";
}





/* --------------------------------

STYLE SET: OVERLAY MENU

-------------------------------- */



/* Overlay style */
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #098fc1;
  z-index: 99;
}

/* Overlay closing cross */
.overlay .overlay-close {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 20px;
  overflow: hidden;
  border: none;
  background: url('/wp-content/themes/anauk/vendor/overlay-menu/xcross.png.pagespeed.ic.ompcHD415b.png') no-repeat center center;
  text-indent: 200%;
  color: transparent;
  outline: none;
  z-index: 100;
}

.overlay ul {
  text-align: center;
  position: relative;
  font-size: 1em;
}

.overlay li a {
  color: #fff;
  line-height: 1.25em;
}

.overlay ul.submenu {
  background: #00739e;
}

.overlay ul.accordion-menu {
  margin-top: 50px;
}

.overlay ul.accordion-menu > li {
  display: block;
  height: calc(100% / 9);
}

.overlay ul.accordion-menu li {
  display: block;
}

.overlay ul.accordion-menu li a:after {
  border-width: 5px;
  border-color: #fff transparent transparent;
  border-radius: 3px;
}


/* Effects */
.overlay-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
  transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay-hugeinc.open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.overlay-hugeinc nav {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.overlay-hugeinc nav ul {
  opacity: 0.4;
  -webkit-transform: translateY(-25%) rotateX(35deg);
  transform: translateY(-25%) rotateX(35deg);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
}

.overlay-hugeinc.open nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

.overlay-hugeinc.close nav ul {
  -webkit-transform: translateY(25%) rotateX(-35deg);
  transform: translateY(25%) rotateX(-35deg);
}

@media screen and (max-height: 30.5em) {
  .overlay nav {
    height: 70%;
  }
  .overlay ul li {
    min-height: 34px;
  }
}




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

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

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

@charset "UTF-8";
/************************************************

Stylesheet: Responsive Stylesheet

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


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

/* Top Bar */

.top-bar .contact-social {
  text-align: center;
}

.top-bar .contact-social span {
  margin-bottom: 10px;
  display: block;
}

.top-bar .columns.text-right {
  text-align: center;
  margin-top: 10px;
}

/* Headers */

.title-area .gradient-overlay {
  padding: 200px 0 25px;
}

/* Home Page */

.hero .button.cta-4 {
  margin-left: 0px;
}

.home.hero .gradient-overlay {
  padding: 210px 0 120px 0;
}

.key-features .row, .key-features .row:last-of-type {
  padding: 0px;
}

.key-features .accordion-title:before {
  display: none;
}

.home .key-features .accordion .accordion-item a {
  padding: 25px;
}

.working-with .left {
  padding: 50px 0;
}

.about-our-logo .kitemark {
  margin-top: 0;
}

/* Footer */

footer.footer {
  text-align: center;
}

.footer .contact p, .footer .info p {
  display: block;
  width: auto;
  padding-left: 0px;
}

.footer .legal span {
  margin-right: 0px;
}

/* Find an Agency */

.grid .card {
  margin-bottom: 20px;
}


.menu-icon:hover::after {
    background: #6c4fa8;
    box-shadow: 0 7px 0 #6c4fa8,0 14px 0 #6c4fa8;

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {

.home .values ul {
    background: #fff;
    padding-top: 10px;
}

.home .values ul li {
     padding: 0 0 10px 0;
}

.home .values ul li a:hover {
     color: #6c4fa8;
}

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {

}

/* Custom Breakpoint */
@media only screen and (max-width : 900px) {
    .home .member-services .column > .box {
        padding: 25px;
    }
}

@media only screen and (max-width : 641px) {
    .overlay nav ul.accordion-menu {
      margin-top: 0px;
      padding: 75px 0;
    }
}

/* Tablets (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {


}

/* Tablets (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {



}

/* Tablets (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {



}



/* Desktops and Laptops ----------- */
@media only screen and (min-width : 1224px) {



}

/* Medium and Small ----------- */
@media only screen and (max-width : 1224px) {

    .home .audience .columns {
        margin-bottom: 25px;
    }
    
    .home .values {
        margin: 50px 0;
        padding: 50px 0;
    }
    
    .is-dropdown-submenu {
        background: none;
    }

    .home .key-features .accordion .accordion-item img {
        margin-right: 0;
    }

    .key-features h3 {
        margin-top: 15px;
    }

}


/* Large screens ----------- */
@media only screen and (min-width : 1824px) {


}

	

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

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. 

Remember to add things that won't make sense to print at 
the bottom. Things like nav, ads, and forms shouldbe set 
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }