.cookie-popup {
position: fixed;
bottom: 30px;
right: 40px;
width: auto;
z-index: 900;
max-width: 450px;
min-height: 80px;
padding: 30px;
background: #FFF;
box-shadow: 0 0 25px rgba(0,0,0,0.16);
}
.cookie-popup p {
font-weight: 100;
font-size: 20px !important;
line-height: 100%;
}
.cookie-popup a.cookie-link {
font-size: 20px !important;
}.wp-caption-text,
.gallery-caption,
.bypostauthor {
}@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700&display=swap");
.brown {
color: #cd7400 !important;
}
.grecaptcha-badge {
visibility: hidden;
}
body {
-webkit-font-smoothing: antialiased !important;
font-family: "Barlow", sans-serif !important;
font-size: 19px !important;
color: #1c2b37 !important;
}
p, li, ol {
-webkit-font-smoothing: antialiased !important;
font-family: "Barlow", sans-serif !important;
font-size: 19px !important;
color: #1c2b37 !important;
}
b, strong {
font-weight: 700 !important;
}
a {
font-family: "Barlow", sans-serif !important;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
}
a:hover {
text-decoration: none !important;
}
a:hover:before {
width: 100%;
}
a:before {
content: "";
width: 0;
height: 1px;
background: #0071cd;
position: absolute;
bottom: 0;
left: 0;
transition: all 0.3s ease !important;
}
a.fusion-button {
padding: 13px 32px !important;
background: #cd7400 !important;
color: #ffffff !important;
position: relative;
z-index: 1;
border: 2px solid #cd7400 !important;
font-weight: 500 !important;
font-size: 30px !important;
}
a.fusion-button .fusion-button-text {
font-size: 30px !important;
}
a.fusion-button:after {
content: "";
width: 100%;
background: #ffffff;
position: absolute;
top: 0;
left: 0;
height: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: -1;
}
a.fusion-button:before {
display: none !important;
}
a.fusion-button:hover {
color: #cd7400 !important;
}
a.fusion-button:hover .fusion-button-text {
color: #cd7400 !important;
}
a.fusion-button:hover:after {
height: 100%;
}
.fusion-load-more-button {
padding: 13px 32px !important;
background: #cd7400 !important;
color: #ffffff !important;
position: relative;
z-index: 1;
border: 2px solid #cd7400 !important;
font-weight: 500 !important;
line-height: 1 !important;
width: auto !important;
height: auto !important;
font-family: "Barlow", sans-serif !important;
font-size: 18px !important;
display: flex !important;
justify-content: center;
margin: 0 auto !important;
margin-bottom: 90px !important;
}
.fusion-load-more-button:after {
content: "";
width: 100%;
background: #ffffff;
position: absolute;
top: 0;
left: 0;
height: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: -1;
}
.fusion-load-more-button:before {
display: none !important;
}
.fusion-load-more-button:hover {
color: #cd7400 !important;
}
.fusion-load-more-button:hover .fusion-button-text {
color: #cd7400 !important;
}
.fusion-load-more-button:hover:after {
height: 100%;
}
.blue-links {
color: #0071cd !important;
}
@media (max-width: 500px) {
.blue-links {
margin-bottom: 30px !important;
}
}
.blue-links a {
color: #0071cd !important;
font-weight: 500 !important;
text-transform: uppercase;
}
@media (max-width: 500px) {
.blue-links a {
display: block !important;
width: 100%;
}
}
.blue-links a:before {
content: "";
width: 0;
height: 1px;
background: #0071cd;
position: absolute;
bottom: 0;
left: 0;
transition: all 0.3s ease;
}
.blue-links a:hover:before {
width: 100%;
}
.blue-links span {
margin: 0 10px;
display: inline-block;
color: #0071cd;
}
@media (max-width: 500px) {
.blue-links span {
display: none !important;
}
}
h1 {
font-family: "Barlow", sans-serif !important;
font-weight: 500 !important;
color: #1c2b37 !important;
font-size: 42px !important;
margin-bottom: 24px !important;
}
@media (max-width: 500px) {
h1 {
line-height: 1.1 !important;
}
}
h2 {
font-family: "Barlow", sans-serif !important;
font-weight: 500 !important;
color: #0071cd !important;
font-size: 36px !important;
margin-bottom: 12px !important;
}
@media (max-width: 500px) {
h2 {
font-size: 28px !important;
}
}
h3 {
font-family: "Barlow", sans-serif !important;
font-weight: 500 !important;
color: #0071cd !important;
font-size: 28px !important;
margin-bottom: 12px !important;
}
h4 {
font-family: "Barlow", sans-serif !important;
font-weight: 700 !important;
color: #000000 !important;
font-size: 24px !important;
margin-bottom: 12px !important;
text-transform: uppercase;
margin-top: 0 !important;
}
#main {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.title-sep {
display: none !important;
}
.fusion-body .fusion-title.fusion-title-text {
margin-bottom: 0 !important;
}
@media (max-width: 1024px) {
.fusion-body .fusion-title.fusion-title-text {
margin-bottom: 0 !important;
}
}
.custom-width {
max-width: 1600px !important;
}
.fusion-gallery-image a:before {
display: none !important;
}
.mob-view {
display: none !important;
}
@media (max-width: 1125px) {
.mob-view {
display: block !important;
}
}
#cookie-popup {
border-radius: 8px;
padding: 35px 35px 30px;
box-shadow: 0 4px 70px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media (max-width: 640px) {
#cookie-popup {
left: 30px !important;
right: 30px !important;
max-width: 100% !important;
}
}
#cookie-popup #cookies-agree {
position: absolute;
top: 10px;
right: 10px;
}
#cookie-popup #cookies-agree img {
width: 16px !important;
}
#cookie-popup p, #cookie-popup a {
font-size: 16px !important;
line-height: 1.2 !important;
}
#cookie-popup p:before, #cookie-popup p:after, #cookie-popup a:before, #cookie-popup a:after {
display: none !important;
}
#cookie-popup p a, #cookie-popup a a {
color: inherit !important;
}
#cookie-popup p a:before, #cookie-popup p a:after, #cookie-popup a a:before, #cookie-popup a a:after {
display: none !important;
}
.fusion-body.page-alfavet .fusion-text a {
text-transform: uppercase !important;
color: #0071cd !important;
font-weight: 500 !important;
}
.fusion-body.page-alfavet .fusion-row .image {
background: url(//alfavet.be/wp-content/themes/Avada-Child/assets/images/service_image.jpg) no-repeat;
background-size: cover !important;
position: absolute;
right: 0;
width: 50%;
height: 100%;
background-position: center center !important;
}
@media (max-width: 992px) {
.fusion-body.page-alfavet .fusion-row .image {
position: relative;
height: 350px !important;
width: 100% !important;
}
.fusion-body.page-alfavet .fusion-row .image img {
width: 100% !important;
}
}
.fusion-body.page-alfavet .fusion-row .image.consultatie {
background: url(//alfavet.be/wp-content/themes/Avada-Child/assets/images/about/alfavet_consultatieruimte.jpg) no-repeat;
}
.fusion-body.page-alfavet .fusion-row .image.afscheidsruimte {
background: url(//alfavet.be/wp-content/themes/Avada-Child/assets/images/about/alfavet_afscheidsruimte.jpg) no-repeat;
}
.fusion-body.page-alfavet .fusion-row .image.kennels {
background: url(//alfavet.be/wp-content/themes/Avada-Child/assets/images/about/alfavet_kennels.jpg) no-repeat;
}
.fusion-body.page-alfavet .fusion-row .image.parking {
background: url(//alfavet.be/wp-content/themes/Avada-Child/assets/images/about/alfavet_parking.jpg) no-repeat;
}
.fusion-body.page-alfavet .fusion-row .image.wachtzaal {
background: url(//alfavet.be/wp-content/themes/Avada-Child/assets/images/about/alfavet_wachtzaal.jpg) no-repeat;
}
.fusion-body.page-alfavet .fusion-row .image.plaspaal {
background: url(//alfavet.be/wp-content/themes/Avada-Child/assets/images/about/alfavet_plaspaal.jpg) no-repeat;
background-position: center !important;
}
.fusion-body.page-alfavet .fusion-row .image.loopzone {
background: url(//alfavet.be/wp-content/themes/Avada-Child/assets/images/about/alfavet_uitloopweide.jpg) no-repeat;
}
.fusion-body.page-alfavet .fusion-row .custom-row {
flex-direction: column !important;
max-width: 1200px !important;
justify-content: center;
margin: 0 auto;
}
.fusion-body.page-alfavet .fusion-row .custom-row .first-column {
background: #e5f1fa !important;
position: relative;
padding: 60px 60px 60px 0 !important;
}
@media (max-width: 1260px) {
.fusion-body.page-alfavet .fusion-row .custom-row .first-column {
padding: 0 30px !important;
}
}
.fusion-body.page-alfavet .fusion-row .custom-row .first-column:after {
content: "";
position: absolute;
width: 500%;
right: 100%;
height: 100%;
z-index: -1;
top: 0;
background: #e5f1fa !important;
}
.fusion-body.page-alfavet .fusion-row .custom-row .first-column .fusion-fullwidth {
padding: 60px 0 !important;
}
.fusion-body.page-alfavet .fusion-row .custom-row .first-column h2 {
text-transform: uppercase !important;
font-weight: 700 !important;
color: #1c2b37 !important;
font-size: 24px !important;
}
@media (max-width: 992px) {
.fusion-body.page-alfavet .fusion-row.reverze-row {
flex-direction: column-reverse !important;
display: flex;
}
}
.fusion-body.page-alfavet .fusion-row.reverze-row .image {
right: auto;
left: 0;
}
.fusion-body.page-alfavet .fusion-row.reverze-row .custom-row {
justify-content: flex-end;
}
.fusion-body.page-alfavet .fusion-row.reverze-row .custom-row .first-column {
float: right !important;
padding-left: 60px !important;
padding-right: 0 !important;
background: #ffffff !important;
}
@media (max-width: 1260px) {
.fusion-body.page-alfavet .fusion-row.reverze-row .custom-row .first-column {
padding-left: 30px !important;
padding-right: 30px !important;
}
}
.fusion-body.page-alfavet .fusion-row.reverze-row .custom-row .first-column:after {
background: #ffffff !important;
right: auto;
left: 100%;
}
.fusion-body .no-padding {
padding: 0 !important;
}
.banner h2 {
color: #ffffff !important;
}
.banner h2 .small-h2 {
font-size: 34px !important;
}
@media (max-width: 500px) {
.banner h2 .small-h2 {
font-size: 26px !important;
}
}
.banner .fusion-button {
margin-top: 30px !important;
padding: 18px 32px !important;
}
.page-contact .wpcf7 {
padding: 35px !important;
background-color: rgb(242, 242, 244);
border-radius: 2px !important;
}
.page-contact .wpcf7 p {
margin-bottom: 0 !important;
}
.page-contact .wpcf7 .close {
display: none !important;
}
.page-contact .wpcf7 .wpcf7-form-control {
padding: 1em 1.5em;
height: 3.2em;
border-radius: 2px !important;
margin-bottom: 15px !important;
}
.page-contact .wpcf7 .wpcf7-form-control.wpcf7-textarea {
min-height: 6.4em;
}
.page-contact .wpcf7 .wpcf7-form-control.wpcf7-acceptance {
padding: 0 !important;
}
.page-contact .wpcf7 .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label {
margin-left: 5px !important;
font-size: 13px !important;
}
.page-contact .wpcf7 .wpcf7-form-control.wpcf7-acceptance a:hover {
color: #0071cd !important;
}
.page-contact .wpcf7 .wpcf7-submit {
padding: 6px 32px !important;
background: #cd7400 !important;
color: #ffffff !important;
position: relative;
z-index: 1;
border: 2px solid #cd7400 !important;
font-weight: 500 !important;
font-size: 18px !important;
font-family: "Barlow", sans-serif !important;
margin-top: 15px !important;
margin-bottom: 0 !important;
}
.page-contact .wpcf7 .wpcf7-submit:after {
content: "";
width: 100%;
background: #ffffff;
position: absolute;
top: 0;
left: 0;
height: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: -1;
}
.page-contact .wpcf7 .wpcf7-submit:before {
display: none !important;
}
.page-contact .wpcf7 .wpcf7-submit:hover {
color: #cd7400 !important;
}
.page-contact .wpcf7 .wpcf7-submit:hover .fusion-button-text {
color: #cd7400 !important;
}
.page-contact .wpcf7 .wpcf7-submit:hover:after {
height: 100%;
}
.page-contact .content-boxes {
margin-bottom: 0 !important;
}
.page-contact .content-boxes .content-box-column .col .heading {
margin-bottom: 0 !important;
}
.page-contact .content-boxes .content-box-column .col .heading h2 {
font-size: 30px !important;
}
.page-contact .content-boxes .content-box-column .col .heading img {
max-width: 50% !important;
}
.fusion-body.layout-wide-mode.avada-has-100-footer .fusion-footer-widget-area > .fusion-row,
.fusion-body.layout-wide-mode.avada-has-100-footer .fusion-footer-copyright-area > .fusion-row {
max-width: 1200px !important;
}
footer {
background-color: #1c2b37 !important;
border: 0 !important;
padding: 60px 30px !important;
}
footer .fusion-row {
display: flex;
}
@media (max-width: 992px) {
footer .fusion-row {
display: table;
width: 100%;
}
}
@media (max-width: 992px) {
footer .footer-col {
margin-bottom: 30px !important;
}
}
footer .footer-col p {
color: #ffffff !important;
margin-bottom: 10px !important;
}
footer .footer-col p:last-child {
margin-bottom: 0 !important;
}
footer .footer-col .fusion-button {
font-size: 18px !important;
background: #cd7400 !important;
border-color: #cd7400 !important;
color: #ffffff !important;
margin-top: 20px !important;
}
footer .footer-col .fusion-button:hover {
color: #cd7400 !important;
}
footer .footer-col a {
color: #0071cd !important;
}
footer .footer-col .footer-cta {
margin-top: 30px;
}
footer .footer-col .footer-cta a {
color: #cd7400 !important;
font-weight: 500 !important;
text-transform: uppercase;
}
footer .footer-col .footer-cta a:before {
background: #cd7400 !important;
}
footer .google-map iframe {
max-width: 100% !important;
width: 100% !important;
}
.fusion-footer-copyright-area {
background: #283641 !important;
border: 0 !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.fusion-footer-copyright-area ul {
list-style: none;
margin-bottom: 0 !important;
padding-left: 0 !important;
}
.fusion-footer-copyright-area ul li {
display: inline-block;
}
.fusion-footer-copyright-area ul li a {
color: rgba(255, 255, 255, 0.2);
font-size: 13px !important;
}
.fusion-footer-copyright-area ul li a:hover {
color: #0071cd !important;
}
.fusion-footer-copyright-area ul li a:hover:before {
width: 95%;
}
.fusion-footer-copyright-area ul li a:after {
content: "|" !important;
display: inline-block !important;
padding: 0 0 0 5px !important;
color: rgba(255, 255, 255, 0.2) !important;
}
.fusion-footer-copyright-area ul li:last-child a:after {
display: none !important;
}
.gallery-col {
position: relative;
height: 50% !important;
}
.gallery-col img {
height: 100% !important;
width: 100% !important;
}
.gallery-col:hover .after-content {
opacity: 1;
}
.gallery-col.padding-col {
padding-bottom: 10px !important;
}
.gallery-col .after-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 10px;
background: rgba(205, 116, 0, 0.75);
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.gallery-col .after-content.b-0 {
bottom: 0 !important;
}
.gallery-col .after-content h4 {
margin-bottom: 0 !important;
}
.gallery-col .after-content a {
color: #ffffff !important;
font-size: 13px !important;
text-transform: uppercase;
}
.gallery-col .after-content a:before {
display: none !important;
}
.p-10 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.large-col {
position: relative;
padding: 0 !important;
}
.large-col:hover .play_icon {
opacity: 0 !important;
}
@media (max-width: 767px) {
.large-col {
padding: 10px !important;
}
}
.large-col img {
width: 100% !important;
object-fit: cover !important;
}
@media (max-width: 767px) {
.large-col .video-wrapper {
position: relative;
padding-bottom: 67.25%; height: 0;
overflow: hidden;
}
}
.large-col .video-wrapper .youtube-background {
position: relative;
overflow: hidden;
width: 100vw;
height: 100vh;
}
.large-col .video-wrapper .youtube-background iframe {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100vh;
transform: translate(-50%, -50%);
}
header .header-row {
display: flex;
align-items: center;
}
header .fusion-logo-link:before {
display: none !important;
}
header .menu-area .top-menu {
display: flex;
justify-content: flex-end;
margin-bottom: 15px;
}
header .menu-area .top-menu p {
margin-bottom: 0 !important;
text-transform: uppercase;
color: #929da5 !important;
font-weight: 500 !important;
}
@media (max-width: 1125px) {
header .menu-area .top-menu p {
display: none !important;
}
}
header .menu-area .top-menu p a:hover {
color: #cd7400 !important;
}
header .menu-area .top-menu p a:before {
display: none !important;
}
header .menu-area .top-menu ul {
padding: 0 0 0 15px !important;
margin: 0 !important;
list-style: none;
}
header .menu-area .top-menu ul li {
display: inline-block;
}
header .menu-area .top-menu ul li a img {
width: 25px;
height: 25px !important;
}
header .menu-area .top-menu ul li a:before {
display: none !important;
}
header .menu-area .menu-section .fusion-menu {
display: flex;
align-items: center;
}
header .menu-area .menu-section .fusion-menu li a {
border: 0 !important;
font-size: 20px !important;
text-transform: uppercase;
position: relative;
color: #1c2b37 !important;
font-weight: 500 !important;
height: 50px !important;
}
header .menu-area .menu-section .fusion-menu li a:hover {
color: #cd7400 !important;
text-decoration: none !important;
}
header .menu-area .menu-section .fusion-menu li a:before {
display: none !important;
}
header .menu-area .menu-section .fusion-menu li.menu-cta a {
padding: 7px 32px !important;
border: 1px solid #c36e00 !important;
color: #c36e00 !important;
position: relative;
z-index: 1;
border-radius: 2px;
text-align: center !important;
}
header .menu-area .menu-section .fusion-menu li.menu-cta a:after {
content: "";
width: 100%;
background: #c36e00;
position: absolute;
top: 0;
left: 0;
height: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: -1;
}
header .menu-area .menu-section .fusion-menu li.menu-cta a:hover {
color: #ffffff !important;
}
header .menu-area .menu-section .fusion-menu li.menu-cta a:hover:after {
height: 100%;
}
header .menu-area .menu-section .fusion-menu li.menu-cta .menu-info {
font-size: 12px !important;
}
header .menu-area .menu-section .fusion-menu li .sub-menu {
min-width: 300px !important;
width: auto !important;
border: 0 !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
background: #cd7400 !important;
border-radius: 2px !important;
}
header .menu-area .menu-section .fusion-menu li .sub-menu li {
padding-right: 0 !important;
}
header .menu-area .menu-section .fusion-menu li .sub-menu li a {
font-size: 14px !important;
position: relative;
background: transparent !important;
color: #ffffff !important;
height: auto !important;
transition: all 0.4s ease-in-out 0.2s;
}
header .menu-area .menu-section .fusion-menu li .sub-menu li a:hover {
background: transparent !important;
transform: translateX(10px);
}
header .menu-area .menu-section .fusion-menu li .sub-menu li a:before {
display: none !important;
}
#boxed-wrapper .cta-fixed {
position: fixed;
right: -70px;
top: 400px;
z-index: 9999;
transform: rotate(-90deg);
}
#boxed-wrapper .cta-fixed .cta-fixed-wrapper a {
color: #ffffff !important;
font-weight: 700 !important;
border: 2px solid #cd7400 !important;
padding: 15px 30px;
background: #cd7400;
position: relative;
z-index: 1;
display: inline-block;
}
#boxed-wrapper .cta-fixed .cta-fixed-wrapper a:before {
display: none !important;
}
#boxed-wrapper .cta-fixed .cta-fixed-wrapper a:hover {
color: #cd7400 !important;
}
#boxed-wrapper .cta-fixed .cta-fixed-wrapper a:hover:after {
height: 100%;
}
#boxed-wrapper .cta-fixed .cta-fixed-wrapper a:after {
content: "";
width: 100%;
background: #ffffff;
position: absolute;
top: 0;
left: 0;
height: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: -1;
}
.fusion-mobile-menu-design-flyout.fusion-flyout-active .fusion-header {
top: 0 !important;
position: relative !important;
}
.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-toggle-icon-line {
background: #0071cd !important;
}
.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-flyout-menu-toggle:before {
display: none !important;
}
.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-flyout-menu-toggle:hover .fusion-text-outline {
background: #cd7400 !important;
}
header .menu-area .fusion-flyout-menu {
margin-top: 0 !important;
min-height: 100vh !important;
animation-delay: 1s !important;
}
header .menu-area .fusion-flyout-menu .fusion-menu {
display: flex !important;
flex-direction: column;
opacity: 0 !important;
padding: 30px 0 !important;
min-height: 100vh !important;
align-items: center !important;
justify-content: center !important;
}
header .menu-area .fusion-flyout-menu .fusion-menu.fly {
opacity: 1 !important;
transition: all 1.8s ease-in-out !important;
}
header .menu-area .fusion-flyout-menu .fusion-menu li {
padding: 14px !important;
}
header .menu-area .fusion-flyout-menu .fusion-menu li.menu-cta a {
padding-top: 10px !important;
padding-bottom: 10px !important;
display: table !important;
}
header .menu-area .fusion-flyout-menu .fusion-menu li a {
color: #ffffff !important;
font-size: 24px !important;
display: inline-flex !important;
align-items: center !important;
z-index: 9 !important;
padding: 0 !important;
width: 100%;
justify-content: center;
}
header .menu-area .fusion-flyout-menu .fusion-menu li a:hover {
color: #0071cd !important;
}
header .menu-area .fusion-flyout-menu .fusion-menu li .custom-caret {
position: absolute;
right: 0;
top: 0;
width: 32px;
height: 32px;
text-align: center;
font-size: 16px;
line-height: 32px;
color: #ffffff;
background: rgba(255, 255, 255, 0.1);
cursor: pointer;
border-radius: 2px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 999;
animation-delay: 0.3s;
display: flex;
align-items: center;
justify-content: center;
}
header .menu-area .fusion-flyout-menu .fusion-menu li .custom-caret.rotate {
transform: rotate(90deg);
background: #0071cd;
}
header .menu-area .fusion-flyout-menu .fusion-menu li .sub-menu {
border-color: #cd7400 !important;
height: 0 !important;
transition: all 0.3s ease-in-out 0s;
padding: 0 !important;
opacity: 0 !important;
display: flex !important;
flex-direction: column !important;
background: transparent !important;
}
header .menu-area .fusion-flyout-menu .fusion-menu li .sub-menu.open {
padding-top: 14px !important;
display: flex !important;
height: auto !important;
opacity: 1 !important;
}
header .menu-area .fusion-flyout-menu .fusion-menu li .sub-menu li a {
font-size: 13px !important;
}
header .menu-area .fusion-flyout-menu .fusion-menu li .sub-menu li a .custom-caret {
display: none !important;
}
.change .fusion-flyout-menu-toggle .fusion-toggle-icon-line {
background: #ffffff !important;
}
.fusion-flyout-menu-bg {
position: fixed !important;
right: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 1 !important;
-webkit-transform: translateX(101%) !important;
-ms-transform: translateX(101%) !important;
transform: translateX(101%) !important;
transition: all 900ms ease !important;
-moz-transition: all 900ms ease !important;
-webkit-transition: all 900ms ease !important;
-ms-transition: all 900ms ease !important;
-o-transition: all 900ms ease !important;
}
.fusion-flyout-menu-bg.active-bg {
background: rgba(0, 0, 0, 0.85) !important;
opacity: 0.7 !important;
visibility: visible !important;
-webkit-transition: all 0.7s ease !important;
-moz-transition: all 0.7s ease !important;
-ms-transition: all 0.7s ease !important;
-o-transition: all 0.7s ease !important;
transition: all 0.7s ease !important;
-webkit-transform: translateX(0%) !important;
-ms-transform: translateX(0%) !important;
transform: translateX(0%) !important;
}
.fusion-blog-shortcode .fusion-post-wrapper {
border: 0 !important;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.fusion-blog-shortcode .fusion-post-wrapper:hover {
box-shadow: 12px 9px 38px 0 rgba(0, 0, 0, 0.1);
background: #ffffff !important;
z-index: 9 !important;
}
.fusion-blog-shortcode .fusion-post-wrapper .fusion-image-wrapper .fusion-rollover {
display: none !important;
}
.fusion-blog-shortcode .fusion-post-wrapper .fusion-post-content-wrapper {
position: relative;
background: #FCF9F4 !important;
}
.fusion-blog-shortcode .fusion-post-wrapper .fusion-post-content-wrapper .post-content {
margin-bottom: 0 !important;
}
.fusion-blog-shortcode .fusion-post-wrapper .fusion-post-content-wrapper .post-content h2 {
font-size: 20px !important;
line-height: 1.2 !important;
}
.fusion-blog-shortcode .fusion-post-wrapper .fusion-post-content-wrapper .post-content h2 a {
color: #000000 !important;
}
.fusion-blog-shortcode .fusion-post-wrapper .fusion-post-content-wrapper .post-content h2 a:before {
display: none !important;
}
.fusion-blog-shortcode .fusion-post-wrapper .fusion-post-content-wrapper .post-content .fusion-single-line-meta {
display: inline-block;
font-size: 16px !important;
color: #ffffff !important;
padding: 0 11px 1px;
background: #cd7400;
position: absolute;
top: -12.5px;
left: 0;
z-index: 9;
}
.single #main {
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 60px !important;
}
.single .post-content {
padding-left: 30px !important;
padding-right: 30px !important;
}
.single .slider-container {
padding: 0 !important;
margin-bottom: 0 !important;
background-size: cover !important;
background-position: center center !important;
}
.single h1 {
font-size: 32px !important;
}
.single h2 {
font-size: 28px !important;
}
.single .fusion-button {
font-size: 14px !important;
}
@media (max-width: 1025px) {
.pluspunten .fusion-layout-column {
margin-bottom: 60px !important;
}
}
@media (max-width: 1025px) {
.pluspunten .fusion-layout-column:last-child {
margin-bottom: 0 !important;
}
}
.pluspunten .fusion-layout-column .fusion-imageframe {
margin-bottom: 30px !important;
}
.pluspunten .fusion-layout-column .fusion-imageframe img {
max-width: 60% !important;
}
.pluspunten .fusion-layout-column .fusion-text p {
font-weight: 500 !important;
}
.pluspunten .fusion-layout-column .fusion-text p:last-child {
margin-bottom: 0 !important;
}
.pluspunten .fusion-layout-column .fusion-text a {
font-weight: 500 !important;
color: #0071cd !important;
text-transform: uppercase !important;
font-size: 13px !important;
}
.pluspunten .fusion-layout-column .fusion-text.usp-hidden {
opacity: 0;
height: 0;
}
.pluspunten .fusion-layout-column .fusion-text.usp-hidden.active {
opacity: 1;
height: auto;
margin-top: 30px;
}
.fusion-body.page-diensten .fusion-text a {
text-transform: uppercase !important;
color: #0071cd !important;
font-weight: 500 !important;
}
.fusion-body.page-diensten .services-list .fusion-column-wrapper {
height: 100% !important;
background: #cd7400 !important;
padding: 30px !important;
align-items: center;
justify-content: center;
}
@media (max-width: 1024px) {
.fusion-body.page-diensten .services-list .fusion-column-wrapper {
padding: 60px 30px !important;
}
}
.fusion-body.page-diensten .services-list .fusion-column-wrapper ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.fusion-body.page-diensten .services-list .fusion-column-wrapper ul li {
padding-bottom: 10px !important;
}
.fusion-body.page-diensten .services-list .fusion-column-wrapper ul li:last-child {
padding-bottom: 0 !important;
}
.fusion-body.page-diensten .services-list .fusion-column-wrapper ul li a {
font-weight: 400 !important;
color: #ffffff !important;
}
.fusion-body.page-diensten .services-list .fusion-column-wrapper ul li a:before {
display: none !important;
}
.fusion-body.page-diensten .fusion-row {
height: 550px;
}
@media (max-width: 992px) {
.fusion-body.page-diensten .fusion-row {
height: auto;
}
}
.fusion-body.page-diensten .fusion-row.custom-height .custom-row {
display: flex;
flex-direction: row !important;
}
@media (max-width: 992px) {
.fusion-body.page-diensten .fusion-row.custom-height .custom-row {
flex-direction: column !important;
display: flex;
}
}
.fusion-body.page-diensten .fusion-row.background-blue {
background: #e5f1fa !important;
}
.fusion-body.page-diensten .fusion-row .image {
background: url(//alfavet.be/wp-content/themes/Avada-Child/assets/images/service_image.jpg) no-repeat;
background-size: cover !important;
position: absolute;
right: 0;
width: 50%;
height: 100%;
background-position: center center !important;
}
@media (max-width: 992px) {
.fusion-body.page-diensten .fusion-row .image {
position: relative;
height: 500px !important;
width: 100% !important;
}
.fusion-body.page-diensten .fusion-row .image img {
width: 100% !important;
}
}
.fusion-body.page-diensten .fusion-row .image.winkel {
background: url(//alfavet.be/wp-content/themes/Avada-Child/assets/images/diensten/dienst_winkel.jpg) no-repeat;
}
.fusion-body.page-diensten .fusion-row .image.hospitalisatie {
background: url(//alfavet.be/wp-content/themes/Avada-Child/assets/images/diensten/dienst_hospitalisatie.jpg) no-repeat;
}
.fusion-body.page-diensten .fusion-row .image.medische-beeldvorming {
background: url(//alfavet.be/wp-content/themes/Avada-Child/assets/images/diensten/dienst_medischebeeldvorming.jpg) no-repeat;
}
.fusion-body.page-diensten .fusion-row .image.bloedonderzoek {
background: url(//alfavet.be/wp-content/themes/Avada-Child/assets/images/diensten/dienst_bloedonderzoek.jpg) no-repeat;
}
.fusion-body.page-diensten .fusion-row .image.cardiologie {
background: url(//alfavet.be/wp-content/themes/Avada-Child/assets/images/diensten/dienst_cardiologie.jpg) no-repeat;
}
.fusion-body.page-diensten .fusion-row .image.operaties {
background: url(//alfavet.be/wp-content/themes/Avada-Child/assets/images/diensten/dienst_operaties.jpg) no-repeat;
}
.fusion-body.page-diensten .fusion-row .image.tandheelkunde {
background: url(//alfavet.be/wp-content/themes/Avada-Child/assets/images/diensten/dienst_tandheelkunde.jpg) no-repeat;
}
.fusion-body.page-diensten .fusion-row .image.fysiotherapie {
background: url(//alfavet.be/wp-content/themes/Avada-Child/assets/images/diensten/dienst_fysiotherapie.jpg) no-repeat;
}
.fusion-body.page-diensten .fusion-row .image.endoscopie {
background: url(//alfavet.be/wp-content/themes/Avada-Child/assets/images/diensten/dienst_endoscopie.jpg) no-repeat;
}
.fusion-body.page-diensten .fusion-row .image.kippen {
background: url(//alfavet.be/wp-content/themes/Avada-Child/assets/images/diensten/dienst_kippen.jpg) no-repeat;
}
.fusion-body.page-diensten .fusion-row .image.chirurgie {
background: url(//alfavet.be/wp-content/themes/Avada-Child/assets/images/diensten/dienst_schapen.jpg) no-repeat;
}
.fusion-body.page-diensten .fusion-row .image.ontworming {
background: url(//alfavet.be/wp-content/themes/Avada-Child/assets/images/diensten/dienst_ontwormen.jpg) no-repeat;
}
.fusion-body.page-diensten .fusion-row .image.verdoven {
background: url(//alfavet.be/wp-content/themes/Avada-Child/assets/images/diensten/dienst_verdoven.jpg) no-repeat;
}
.fusion-body.page-diensten .fusion-row .custom-row {
flex-direction: column !important;
max-width: 1200px !important;
justify-content: center;
margin: 0 auto;
}
.fusion-body.page-diensten .fusion-row .custom-row .first-column {
background: #e5f1fa !important;
position: relative;
padding: 60px 60px 60px 0 !important;
}
@media (max-width: 1260px) {
.fusion-body.page-diensten .fusion-row .custom-row .first-column {
padding: 0 30px !important;
}
}
.fusion-body.page-diensten .fusion-row .custom-row .first-column:after {
content: "";
position: absolute;
width: 500%;
right: 100%;
height: 100%;
z-index: -1;
top: 0;
background: #e5f1fa !important;
}
.fusion-body.page-diensten .fusion-row .custom-row .first-column .fusion-fullwidth {
padding: 60px 0 !important;
}
.fusion-body.page-diensten .fusion-row .custom-row .first-column h2 {
text-transform: uppercase !important;
font-weight: 700 !important;
color: #1c2b37 !important;
font-size: 24px !important;
}
.fusion-body.page-diensten .fusion-row .custom-row .first-column.second-column {
float: right !important;
padding-left: 60px !important;
padding-right: 0 !important;
}
@media (max-width: 1260px) {
.fusion-body.page-diensten .fusion-row .custom-row .first-column.second-column {
padding-left: 30px !important;
padding-right: 30px !important;
}
}
.fusion-body.page-diensten .fusion-row .custom-row .first-column.second-column:after {
right: auto;
left: 100%;
}
.fusion-body.page-diensten .fusion-row .custom-row .first-column.background-white {
background: #ffffff !important;
}
.fusion-body.page-diensten .fusion-row .custom-row .first-column.background-white:after {
background: #ffffff !important;
}
@media (max-width: 992px) {
.fusion-body.page-diensten .fusion-row.reverze-row {
flex-direction: column-reverse !important;
display: flex;
}
}
.fusion-body.page-diensten .fusion-row.reverze-row .image {
right: auto;
left: 0;
}
.fusion-body.page-diensten .fusion-row.reverze-row .custom-row {
justify-content: flex-end;
}
.fusion-body.page-diensten .fusion-row.reverze-row .custom-row .first-column,
.fusion-body.page-diensten .fusion-row.reverze-row .custom-row .second-column {
float: right !important;
padding-left: 60px !important;
padding-right: 0 !important;
background: #ffffff !important;
}
@media (max-width: 1260px) {
.fusion-body.page-diensten .fusion-row.reverze-row .custom-row .first-column,
.fusion-body.page-diensten .fusion-row.reverze-row .custom-row .second-column {
padding-left: 30px !important;
padding-right: 30px !important;
}
}
.fusion-body.page-diensten .fusion-row.reverze-row .custom-row .first-column:after,
.fusion-body.page-diensten .fusion-row.reverze-row .custom-row .second-column:after {
background: #ffffff !important;
right: auto;
left: 100%;
}
.fusion-body.page-diensten .fusion-row.reverze-row .custom-row .first-column.background-white,
.fusion-body.page-diensten .fusion-row.reverze-row .custom-row .second-column.background-white {
background: #ffffff !important;
}
.fusion-body.page-diensten .fusion-row.reverze-row .custom-row .first-column.background-white:after,
.fusion-body.page-diensten .fusion-row.reverze-row .custom-row .second-column.background-white:after {
background: #ffffff !important;
}
.fusion-body.page-diensten .fusion-row.last-row .custom-row {
display: flex;
flex-direction: row !important;
}
@media (max-width: 992px) {
.fusion-body.page-diensten .fusion-row.last-row .custom-row {
flex-direction: column-reverse !important;
display: flex;
}
}
.fusion-body .no-padding {
padding: 0 !important;
}
.home .slider-container {
padding-left: 0 !important;
padding-right: 0 !important;
height: 60vh !important;
}
.home .slider-container.strong-view {
height: auto !important;
}
.home .slider-container.strong-view:after {
display: none !important;
}
.home .slider-container .tfs-slider {
height: 60vh !important;
}
.home .slider-container .tfs-slider .slides {
height: 100% !important;
}
.home .slider-container .tfs-slider .slides li {
height: 100% !important;
}
.home .slider-container .tfs-slider .slides li .background-image {
height: 100% !important;
}
.slider-container {
padding-left: 0 !important;
padding-right: 0 !important;
height: 40vh !important;
}
.slider-container iframe {
height: 100% !important;
}
@media (max-width: 500px) {
.page-diensten .slider-container {
height: 29vh !important;
}
}
.page-alfavet .slider-container {
height: auto !important;
}
.page-alfavet .slider-container .tfs-slider {
height: auto !important;
}
.page-alfavet .slider-container .tfs-slider .slides li .background-image {
background-position: center 35% !important;
}
.fusion-person .person-shortcode-image-wrapper img {
border-radius: 2px !important;
}
.fusion-person .person-desc .person-author .person-author-wrapper .person-name {
font-family: "Barlow", sans-serif !important;
font-weight: 700 !important;
color: #000000 !important;
font-size: 20px !important;
text-transform: uppercase;
margin-top: 0 !important;
}
.fusion-person .person-desc .person-author .person-author-wrapper .person-title {
font-family: "Barlow", sans-serif !important;
font-weight: 700 !important;
color: #cd7400 !important;
font-size: 18px !important;
margin-bottom: 12px !important;
text-transform: uppercase;
margin-top: 0 !important;
}
.fusion-person .person-desc .person-content {
display: none !important;
}
@media (max-width: 1024px) {
.fusion-body .team .fusion-layout-column {
width: 50% !important;
}
}
@media (max-width: 579px) {
.fusion-body .team .fusion-layout-column {
width: 100% !important;
}
}
@media (max-width: 579px) {
.delay-2 {
animation-delay: 0s !important;
}
}
.video-container {
height: 90vh !important;
padding: 0 !important;
overflow: hidden;
position: relative;
}
@media (max-width: 1024px) {
.video-container {
height: auto !important;
}
}
.video-container .video-wrapper {
position: relative;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
}
.video-container .video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}