@charset "UTF-8";
/*
Theme Name: Avril Child
Theme URI: http://www.afpadvies.nl
Author: Dick Goosen
Author URI: http://www.choosewebdesign.com
Template: avril
Version: 1.0.0
Description:  
License: 
License URI: 
Tags:
*/




:root {
    --sp-primary: #38b9b3;
    --sp-primary-light:#b2e4e1;
}


/* icons */


@font-face {
  font-family: 'afp';
  src: url('assets/fonts/afp.eot?9825425');
  src: url('assets/fonts/afp.eot?9825425#iefix') format('embedded-opentype'),
       url('assets/fonts/afp.woff2?9825425') format('woff2'),
       url('assets/fonts/afp.woff?9825425') format('woff'),
       url('assets/fonts/afp.ttf?9825425') format('truetype'),
       url('assets/fonts/afp.svg?9825425#afp') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'afp';
    src: url('../font/afp.svg?9825425#afp') format('svg');
  }
}
*/
[class^="icon-afp"]:before, [class*=" icon-afp"]:before {
  font-family: "afp";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-afpchat:before { content: '\e800'; } /* '' */
.icon-afpinfo:before { content: '\e804'; } /* '' */
.icon-afplinkedin:before { content: '\f0e1'; } /* '' */
.icon-afphistory:before { content: '\f1da'; } /* '' */

/* // icons */



p {
          line-height:1.6 !important;
}

h2 {
          margin-top:40px !important;
          margin-bottom:20px !important;
}

.av-btn {
          border-radius:5px;
}

.breadcrumb-heading {
          position:relative;
}

.breadcrumb-heading h2 {
     text-transform:uppercase !important;     
}

.body:not("home") .breadcrumb-heading:before {
        position:absolute;
        background-color:var(--sp-primary);
        left:0;
        right:0;
        top:0;
        bottom:0;
        opacity:0.3;
        content:"";
        z-index:-1;
        border-radius:5px;
}

body:not(.home) .breadcrumb-content {
          min-height:350px !important;
}

.breadcrumb-area:before {
          opacity: 0;
}

.breadcrumb-area {
         background-position:center center;  
}

.av-py-default {
          padding-top:50px;
}

/* background van achtergrond pagina */
.page-id-160 .breadcrumb-area  {
          background-image:url(/wp-content/uploads/2021/09/massage_small.jpg);
}

/* background van over-afp pagina */
.page-id-162 .breadcrumb-area  {
          background-image:url(/wp-content/uploads/2021/09/massage_small.jpg);
}

/* background van ons-advies pagina */
.page-id-156 .breadcrumb-area  {
          background-image:url(/wp-content/uploads/2021/09/office_small.jpg);
}


/* background van contact pagina */
.page-id-200 .breadcrumb-area  {
          background-image:url(/wp-content/uploads/2021/09/phone_call_small.jpg);
}


/* background van voor wie pagina */
.page-id-156 .breadcrumb-area  {
          background-image:url(/wp-content/uploads/2022/12/psychology_small.jpg;
          border:solid 1px red;
}

.footer-section {
          background-color:#b2e4e1 !important;
          color: var(--sp-secondary-dark);
}

.scrollup {
          background-color:#38b9b3 !important;
}

.is-active:hover {
          outline:0 !important;
}

.breadcrumb-list {
          display:none;
}

.teasers {
          margin-top:50px;
}

.teasers .wp-block-column {
          position:relative;
}

.teasers .wp-block-column a {
         display:block;
         position:absolute;
         top:0;
         bottom:0;
         width:100%;
}

.teasers figure {
          position:relative;
          border-radius:5px;
}

.teasers figcaption {
          position:absolute;
          bottom:0;
          left:10px;
          text-shadow:0 0 2px #000;
          color:#fff;
}

.teasers h3 {
          position:absolute;
          top:20px;
          color:#fff;
          text-shadow:0 0 2px #333;
          margin-left:15px;
          z-index:2;
}

h3:before {
          width:50px !important;
          height:50px !important;
          display:inline-block;
          border:solid 2px #fff;
          background-color:#38b9b3;
          color:#fff;
          font-size:30px;
          border-radius:50%;
          position:absolute;
          top:-50px;
          left:-35px;
          padding-top:7px;
          text-shadow:0 0 0 #fff;
          z-index:2;
}

/* homepage */

.home .breadcrumb-area {
  background-image:none;
}

.home .breadcrumb-heading h2 {
  color:var(--sp-primary);
}

body:not(.home) .breadcrumb-heading h2 {
    text-shadow:0 0 2px #333;
}

.home .breadcrumb-heading {
  max-width:100%;
}

.home .breadcrumb-content {
  min-height:auto;
  padding:0;
  display:inline-block;
}

.home .breadcrumb-content h2 {
  margin-bottom:0 !important;
  padding-bottom:0;
  margin-bottom:0;
}

.home .breadcrumb-center .breadcrumb-heading {
  text-align:left;
}