/*
Theme Name: De Arboloog
Description: Tailor made plugin for De Arboloog
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
.fusion-content-boxes {
  display: flex;
  flex-wrap: wrap;
}
.content-boxes-icon-on-top .col {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
body .fusion-content-boxes.fusion-columns-3 .fusion-column,
.fusion-content-boxes .content-container {
  width: 100% !important;
}
@media (min-width: 1024px) {
  body .fusion-content-boxes.fusion-columns-3 .fusion-column {
    width: 33.33% !important;
  }
  .fusion-content-boxes .fusion-read-more-button {
    align-self: flex-end;
  }
}

span.wpcf7-list-item {
  margin-left: -5px;
}
.wpcf7-form .fusion-alert {
  display: none;
}
.wpcf7-form .wpcf7-not-valid-tip {
  display: block;
}
.wpcf7-form textarea {
  max-height: 400px;
  min-height: 150px;
}
.checkbox_avg {
  position: relative;
  display: block;
}

.qbl-call-action {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -2px;
  font-family: "Droid Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  transition: all .2s;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
}
.qbl-call-action .btn-eb-alert {
  max-width: 140px;
  padding: 5px;
  border: 3px solid #D7017D;
  border-radius: 5px;
  box-shadow: 3px 3px #D7017D;
  float: left;
}
.qbl-call-action .action-text-wrap {
  float: left;
  margin-left: 10px;
  margin-top: 7px;
}
.qbl-call-action .action-title {
  font-size: 14px;
  color: #606062;
  text-transform: uppercase;
  text-align: center;
}
.qbl-call-action .action-phone {
  font-size: 19px;
  text-align: center;
  letter-spacing: 1px;
}
.qbl-call-action .action-phone,
.qbl-call-action .action-phone a {
  color: #d7017d;
}
.fusion-is-sticky .qbl-call-action .action-text-wrap {
  margin-top: 5px;
}
.fusion-is-sticky .qbl-call-action .action-title {
  font-size: 15px;
}
.fusion-is-sticky .qbl-call-action .action-phone {
  font-size: 21px;
}
@media screen and (min-width: 1126px) {
  .qbl-call-action {
    display: block;
  }
}
@media (min-width: 1440px) {
  .qbl-call-action .action-text-wrap {
    margin-left: 15px;
    margin-top: 3px;
  }
  .qbl-call-action .action-title {
    font-size: 17px;
  }
  .qbl-call-action .action-phone {
    font-size: 23px;
  }

  .fusion-main-menu > ul > li > a {
    font-size: 15px !important;
  }
}

.fusion-header .fusion-row {
  text-align: center;
}
.fusion-is-sticky .fusion-main-menu {
  margin-top: 0;
}

.page-template-default #main,
.single-post #main {
  padding-top: 70px;
  padding-bottom: 70px;
}
#content {
  margin-bottom: 0 !important;
}

.fusion-main-menu {
  position: absolute !important;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}
.fusion-main-menu > ul > li {
  padding-left: 10px;
  padding-right: 9px !important;
  margin-right: 1px;
}
.fusion-main-menu > ul > li > a {
  text-transform: uppercase;
}
.fusion-is-sticky .fusion-main-menu > ul > li > a {
  line-height: 65px !important;
}
.fusion-main-menu > ul > li:hover,
.fusion-is-sticky .fusion-main-menu > ul > li:hover {
  background-color: #d7017d;
}
.fusion-main-menu > ul > li:hover > a,
.fusion-is-sticky .fusion-main-menu > ul > li:hover > a {
  color: #fff;
}

.current-menu-item {
  background-color: #d7017d;
}

.fusion-menu .menu-item {
  transition: 0.5s;
}

body div.fusion-google-map.shortcode-map {
  display: block !important;
}

.fusion-mobile-current-nav-item a,
.fusion-mobile-nav-item a:hover {
  color: white;
}

@media screen and (min-width: 801px) {
  .after-output::before {
    position: absolute;
    background-color: #005c8c;
    content: " ";
    left: 100%;
    bottom: 0;
    width: 50px;
    height: 50px;
  }
  .after-output::after {
    position: absolute;
    background-color: #005c8c;
    content: " ";
    left: 100%;
    top: 0;
    width: 50px;
    height: 50px;
  }
}

.dark-bg p,
.dark-bg h1, .dark-bg h1 a,
.dark-bg h2, .dark-bg h2 a,
.dark-bg h3, .dark-bg h3 a,
.dark-bg h4, .dark-bg h4 a,
.dark-bg h5, .dark-bg h5 a,
.dark-bg h6, .dark-bg h6 a {
  color: #fff !important;
}
.fusion-read-more-button {
  background-color: #d7017d !important;
}
.fusion-read-more-button::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -15px;
  left: 50%;
  width: 0;
  border-width: 15px 10px 0;
  border-style: solid;
  border-color: #d7017d transparent;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transition: all .2s;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
}
.link-area-box-hover .fusion-read-more-button {
  background-color: #005c8c !important;
}
.link-area-box-hover .fusion-read-more-button::after {
  border-color: #005c8c transparent;
}
.fusion-person .person-image-container {
  max-width: 60%;
}
.fusion-person .person-desc .person-author .person-title {
  color: #606062;
  font-size: 16px;
  font-weight: 400;
}
.fusion-page-title-captions,
.fusion-page-title-wrapper {
  width: auto;
}
.fusion-page-title-bar h1 {
  background-color: rgba(0, 0, 0, 0.35);
  padding: 15px 30px !important;
  display: inline-block !important;
}

@media screen and (max-width: 800px) {
  #no-min-height .after-output .fusion-column-wrapper,
  #no-min-height .fusion-column-wrapper,
  #no-min-height .fusion-column-content-centered,
  #no-min-height .fusion-column-content-centered {
    min-height: 0 !important;
  }

  #toTop {
    bottom: -10px;
  }
}

@media screen and (min-width: 801px) {
  #no-min-height .after-output .fusion-column-wrapper,
  #no-min-height .fusion-column-wrapper,
  #no-min-height .fusion-column-content-centered,
  #no-min-height .fusion-column-content-centered {
    max-height: 670px !important;
  }
}

@media screen and (max-width: 1200px) {
  .fusion-footer footer .fusion-row .fusion-columns .fusion-column {
    margin-bottom: 16px;
  }
}
