/*
Theme Name: Enfold Child
Template: enfold
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
*/

sup { vertical-align: top; position: relative; top: -0.5em; }
h1 sup { font-size: 0.35em; top: -0.85em;}
span.bouwbesluit{ color:#888; font-size: 0.75em;}

#top .widget_nav_menu li{font-size:inherit;}

.responsive .max-600 .container{max-width:600px;}
.responsive .max-680 .container{max-width:680px;}
.responsive .max-960 .container{max-width:960px;}
.responsive .max-1080 .container{max-width:1080px;}
.responsive .max-1120 .container{max-width:1120px;}

.max-width-320{max-width:350px;}

.intro{font-size:1.25em;}

.sidenote{font-size: 0.75em;}
h1 span.subtitle{font-size:0.4em;line-height:1.2em;opacity:0.4;display:block;}

.two-columns{column-count: 2;column-gap: 40px;}
.three-columns{column-count: 3;column-gap: 40px;}

#top .av_header_transparency #header_meta{border:none;}
#header .container{padding-top: 3px;padding-bottom: 3px;}
.sub_menu{font-size:0.85em;}

.main_color a, .alternate_color a, .widget_text a{text-decoration:underline;}

.main_color strong, .alternate_color strong, .widget_text strong{color:#000000;}

.avia-testimonial-content{font-weight:bold;font-size:2em;line-height:1.1em;font-family: 'work sans', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;}

#footer .social_bookmarks {display: flex; margin-top: 10px !important;}
#footer .social_bookmarks>li {margin-right: 10px;}
#footer .social_bookmarks a {text-decoration: none !important;}



/*Add your own styles here:*/

.absolute {
  position: absolute !important;
}
.absolute #header_meta, .absolute .header_bg {
  background: transparent !important;
  transition: none !important;
}



.is-visible {
  position: fixed !important;
  transition: top 0.3s ease-in-out;
  top: 16px;
}

.is-visible #header_main {
  background: #fff;
}

.is-hidden {
  position: fixed !important;
  top: -150px;
  width: 100%;
  left: 0;
  transition: top 0.3s ease-in-out;
}

.avia-post-nav {
display: none !important;
}

.menu-is-visible #header_meta {background: #fff;}

ul.graph-list {
  list-style: none; /* Remove default bullets */
}
ul.graph-list li::before {
  content: "\2014";
  font-weight: bold;
  display: inline-block;
  width: 2em; 
  margin-left: -2em; 
}
ul.graph-list li.grayline::before {color:#D2D2D2;}
ul.graph-list li.blackline::before {color:#000000;}
ul.graph-list li.greenline::before {color:#60E2AA;}
ul.graph-list li.softgreenline::before {color:#B7EFD7;}

.html_header_transparency:not(.header_dark) #top .av_header_transparency.av_alternate_logo_active .logo a > img {
    opacity: 1;
    filter: alpha(opacity=0);
}

.html_header_transparency:not(.header_dark) #top #wrap_all .header_color.av_header_transparency, .html_header_transparency:not(.header_dark) #top #wrap_all .header_color.av_header_transparency .phone-info.with_nav span, .html_header_transparency:not(.header_dark) #top #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-text, .html_header_transparency:not(.header_dark) #top #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-subtext {
    color: rgb(119, 119, 119);
}

.avia-image-overlay-wrap .overlay-type-extern {display: none !important;}

.main_color .avia-color-theme-color-subtle {
background: transparent;
border: none;
padding: 10px 0;
position: relative;
text-align: left !important;
font-weight: 700;
max-width: calc(100% - 30px);
}

.main_color .avia-color-theme-color-subtle:after {
content: " ";
width: 100%;
position: absolute;
bottom: 0;
right: 0;
height: 4px;
background: #61e2aa;
transition: width 0.2s;
}

.main_color .avia-color-theme-color-subtle:hover:after {
width: 0;
transition-delay: 0s;
}

.main_color .avia-color-theme-color-subtle:before {
content: " ";
width: 21px;
position: absolute;
bottom: 12px;
right: -40px;
height: 12px;
transform: scale(1.3);
background: url('https://www.petac.be/wp-content/themes/enfold-child/img/arrow.svg');
opacity: 1;
transition: opacity 0.2s, right 0.2s;
background-repeat: no-repeat;
}
.main_color .avia-color-theme-color-subtle:hover:before {
opacity: 1;
right: -50px;
}

.overlay-type-image {
background: none !important;
}


.overlay-type-image .image-overlay-inside:before {
content: " ";
background: url('https://www.petac.be/wp-content/themes/enfold-child/img/enlarge.svg');
border: none !important;
background-color: transparent !important;
width: 40px;
height: 40px;
margin: 0;
left: calc(50% - 20px);
top: calc(50% - 20px);
}

.image-overlay-inside {
border: none !important;
background: transparent !important;
}

.avia-image-overlay-wrap {border: none !important;}

.av-horizontal-gallery-slider {
  min-width: 100% !important;
}

#top .av-horizontal-gallery-link {
    width: 100%;
    height: 100%;
    transform: scale(1) !important;
    margin: 0;
    left: 0;
    top: 0;
    background: url(https://www.petac.be/wp-content/themes/enfold-child/img/enlarge.svg);
    border: none;
    background-size: 60px;
    background-position: center;
    background-repeat: no-repeat;
}
.av-horizontal-gallery-wrap:hover .av-horizontal-gallery-link {
    display: none !important;
}
.av-active-gal-item.av-horizontal-gallery-wrap:hover .av-horizontal-gallery-link {
display: block !important;
    opacity: 0.7;
    -webkit-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
#top .av-horizontal-gallery-link:before {
display: none !important;
}

div .main_color .tabcontainer .active_tab_content {
background: transparent !important;
border: none !important;
}

.tabcontainer {border: none !important;}

.tab {
background: #111;
text-align: center;
color: #fff !important;
border-radius: 50px !important;
margin-right: 10px !important;
margin-bottom: 10px !important;
outline: none !important;
padding: 2px 20px !important;
transition: background 0.3s;
border: none !important;
font-weight: 400 !important;
}

div .main_color .tabcontainer .active_tab, .tab:hover {
background: #84dead;
}

#top .avia-slideshow-arrows a {
  border-radius: 100px;
  width: 40px;
  height: 40px;
  background: #111;
  margin: -20px 15px 0;
}

#top .avia-slideshow-arrows a:before {
top: -10px;
}

.av-masonry-entry.portfolio .entry-content, .av-masonry-entry.portfolio h3 {
text-align: left !important;
}
.av-masonry-entry.portfolio h3 {
font-size: 1.2em !important;
margin-bottom: 10px;
position: relative;
}
.av-masonry-entry.portfolio .entry-content {
font-size: 0.8em !important;
line-height: 1.2em !important;
}

.av-masonry-entry.portfolio {
position: relative;
}

.av-masonry-entry.portfolio h3:after {
content: " ";
width: 80px;
position: absolute;
bottom: -5px;
left: -80px;
height: 2px;
background: #61e2aa;
transition: left 0.3s, opacity 0.3s;
opacity: 0;
z-index: 2;
}

.av-masonry, .av-masonry-entry.portfolio, #top .av-inner-masonry {overflow: visible;}

.av-masonry-entry.portfolio:hover h3:after {
left: -30px;
opacity: 1;
}

.arrow-list ul {
list-style-type: none;
margin: 0;
padding: 0;
} 

.arrow-list ul li {
padding-left: 20px;
position: relative;
margin-bottom: 8px;
margin-left: 0;
}

.arrow-list ul li:before {
content: " ";
background: url('https://www.petac.be/wp-content/themes/enfold-child/img/list-style.svg');
width: 10px;
height: 18px;
position: absolute;
left: 0;
top: 9px;
background-repeat: no-repeat;
}

.arrow-list ul li a {
text-decoration: none !important;
transition: color 0.3s;
}
@media only screen and (min-width: 768px) {
#top .sub-menu {
border-radius: 5px;
padding: 10px;
width: 180%;
left: -40%;
}
}

#top .sub-menu:before {
content: " ";
width: 12px;
height: 12px;
position: absolute;
top: -6px;
left: calc(50% - 6px);
background: #f3f3f3;
transform: rotate(45deg);
}

#top .sub-menu li a {border: none !important; font-size: 0.9em;}

@media only screen and (max-width: 767px) {
#top #wrap_all .all_colors h1 {font-size: 2.4em !important;}
}

@media only screen and (max-width: 988px) {
.is-visible {top: 0 !important;}
}

@media only screen and (min-width: 768px) {
.pull-left {
width: calc(100% + 120px);
left: -120px;
position: relative;
}
.pull-right {
width: calc(100% + 120px);
}
.on-top {z-index: 2 !important;}
.avia-image-container.enlarge {
width: 140%;
max-width: 140%;
position: relative;
left: -20%;
}
}

.gform_footer {display: flex; justify-content: flex-end;}

.main_color a {
transition: color 0.3s;
}

.main_color a:not(.avia-button):hover {
    color: #60e2aa !important;
}

.displaced-block {
     color: #ffffff !important;
    padding: 20px;
    background: #83deae;
    position: relative;
    right: 0px;
    top: -20px;
}

.displaced-block.with-image {
    right: -20px;
    top: -80px;
padding-top: 80px;
z-index: 1;
}

.displaced-image {z-index: 2;}

@media only screen and (max-width: 767px) {
.displaced-block {
top: 0; right: 0;
}
}

.displaced-block h2, .displaced-block h3, .displaced-block a {color: #fff !important;}

.main_color .displaced-block a:hover {color: #fff !important;}

.displaced-block .avia-button {text-decoration: none !important; margin-top: 10px;}

@media only screen and (max-width: 767px) {
    .responsive #top #main {
        padding-top: 0 !important;
    }
.av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
    padding-bottom: 80% !important;
}
}
@media only screen and (max-width: 767px) {
    .responsive #top #main .avia-section:first-of-type .container {
        padding-top: 80px !important;
    }
}
@media only screen and (max-width: 767px) {
    #top #wrap_all .av_header_transparency {
        position: absolute !important;
        background-color: transparent !important;
    }
}

@media screen and (max-width: 767px) {
  #header_meta {
    display: none;
  }
}

.header_dark .av_header_transparency .av-hamburger-inner, .header_dark .av_header_transparency .av-hamburger-inner::before, .header_dark .av_header_transparency .av-hamburger-inner::after {background-color: #fff !important;}

.header_dark .av-hamburger.is-active .av-hamburger-inner, .header_dark .av-hamburger.is-active .av-hamburger-inner::before, .header_dark .av-hamburger.is-active .av-hamburger-inner::after {background-color: #394463 !important;}

.header_dark .av_header_transparency .logo img {
display: none !important;
}
.header_dark .av_header_transparency .logo .subtext img {
display: block !important;
position: relative !important;
}

table tr:first-of-type td {font-weight: 700;}
table tr td:first-of-type {font-weight: 700;}
table tr:not(:first-of-type) {background: #fff !important;}
table td {color: #111; line-height: 1.5em !important;}
table tr:first-of-type td{
border: 1px solid #FFF !important;
}

.av-tab-section-image{filter: grayscale(0);opacity: 1;}

.boxed-tabs .container{
max-width: 960px !important;
margin: auto !important;
left: -20px !important;
}

@media only screen and (max-width: 1050px) {.av-main-nav > li.menu-item-avia-special {
    display: block;
}
.av-main-nav > li {
    display: none;
}}

.av_header_transparency div .av-hamburger-inner,
.av_header_transparency div .av-hamburger-inner:before, .av_header_transparency div .av-hamburger-inner:after {background: #111 !important;}

.header_dark.av_header_transparency div .av-hamburger-inner, .header_dark.av_header_transparency div .av-hamburger-inner:before, .header_dark.av_header_transparency div .av-hamburger-inner:after {
background: #fff !important;
}

.current-menu-item > a > .avia-menu-text {color: #111 !important;}

.container_wrap { border:none;}

.img_illustration {
width: 60%;
bottom: 0;
}

table {display: table !important;}
tbody {display: table-row-group !important;}
tr {display: table-row !important;}
td, th{display: table-cell !important;}

h2 {font-size: 1.4em;}

strong {transition: color 0.3s;}
.main_color a strong:hover, .main_color strong a:hover {color: #60e2a9; }

#top .ginput_complex input:first-of-type {
    margin-bottom: 15px !important;
}

.avia-button-wrap {width: 100%;}