/*body.transparent-header.home #sp-header {background: none;}
.sp-megamenu-parent > li > a {color: #ffffff;}
.header-sticky .sp-megamenu-parent > li > a {color: #6b5e96;}
.home .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {color: #5abd77 !important;}
.home .sp-megamenu-parent > li:hover > a {color: #8fcd9b !important;}
.logo-image {background: url(https://dev.fertiliteitsartsen.nl/images/system/VVF-Logo-web--white-50h.png) no-repeat; width: 65px;padding-left: 65px;}
.header-sticky .logo-image {background: url(https://dev.fertiliteitsartsen.nl/images/system/VVF-Logo-web-50h.png) no-repeat; padding-left: 0px;}*/
/*CHANGE HEADER HEIGHT BECAUSE LOGO IS 50H INSTEAD OF 40H*/
#sp-header .logo {height: 45px !important;}

.sp-megamenu-parent > li > a:before, .sp-megamenu-parent > li > span:before {background-color: #8fcd9b !important;}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {margin-top: 0px !important;}
.sp-dropdown-items > li > div > div.sp-dropdown-inner {margin-top: -30px !important !important;}


.hero-section:before {background-image: linear-gradient(0deg, #6b5e96 0%, #03041d 100%) !important;}

.icon-top-wrapper i, .sp-opus-login-on .icon-wrap {color: #6b5e96 !important;}

.sp-opus-login-on .icon-wrap {padding-bottom: 2px !important;}
.sp-top-login .sppb-btn.sppb-btn-info {border: 1px solid #6b5e96;color:#6b5e96 !important;}
/*#offcanvas-toggler > .fa {color: #fff;}

.header-sticky #offcanvas-toggler > .fa {color: #6b5e96;}*/

#sp-header {position: absolute;padding: 28px 0 16px 0 !important;}
#sp-header.header-sticky {padding: 15px 0 3px;background:rgba(255,255,255, 0.9) !important;}
#sp-header:before {background-image: linear-gradient(90deg, #524a73 0%, #746e8f 100%) !important;background:rgba(255,255,255, 0.9) !important;}

.sp-page-title {background-image: linear-gradient(90deg, #524a73 0%, #746e8f 100%);padding: 100px 0 80px 0 !important;background-position: center;background-repeat: no-repeat;background-size: cover;}

.sp-page-title .sp-page-title-heading, .sp-page-title .sp-page-title-sub-heading {text-align: center !important;margin-left: auto !important;margin-right: auto !important;}

#sp-main-body {padding: 50px 0 100px 0;}

.card {-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16) !important, 0 2px 10px 0 rgba(0,0,0,.12);border: 0 !important;}

.card-body.nieuws, .card-body.vacatures {background-color:transparent;border-top: 8px solid #746e8f;border-radius: .25rem;}
.card-body.agenda, .card-body.files {background-color:transparent;border-top: 8px solid #8fcd9b;border-radius: .25rem;}

.article-info {margin-top: 10px !important;}
@media (max-width: 991px) {
.article-info {margin-top: 35px !important;}
}
.view-article .sp-page-title {display: inherit !important;}

.artcile-details-wrap {max-width: 650px !important;}

@media (max-width: 768px) {
.sp-page-title {padding: 135px 0 50px 0 !important;}
}

.sp-module ul > li.active > a {color: #5abd77;font-weight: bold;}

.white a {color:#ffffff !important;}
.white a:hover {color:#a2a2a2 !important;}

.sppb-btn.sppb-btn-primary {background-image: linear-gradient(224deg, #8FCD9B 0%, #5ABD77 100%) !important; }

.sppb-btn.sppb-btn-primary:hover, .sppb-btn.sppb-btn-primary:focus {background-image: linear-gradient(-224deg, #5ABD77 0%, #8FCD9B 100%) !important; }
/*CUSTOMIZE THE FIELDS LAYOUT*/
dd.datum {margin-bottom: 0;}

.article-list.articles-leading > div.card.article {padding: 0px;}
.article-info .category-name.Professionals > a {color:#746e8f;font-weight: bold;}
.article-info .category-name.Professionals > a::after {font-family: FontAwesome; content: ' \f0c1'}
.catid19 .btn-primary {border-color: #524a73;background-color: #524a73;}
.catid19 .btn-primary:hover {border-color: #746e8f;background-color: #746e8f;}

.article-info .category-name.Patiënten > a {color:#5abd77;font-weight: bold;}
.article-info .category-name.Patiënten > a::after {font-family: FontAwesome; content: ' \f0c1'}

.tags > li a.professional {background: rgba(116, 110, 143, 0.3);color: #524a73;}
.tags > li a.professional:hover {background: #524a73;color: #ffffff;}
.tags > li a.alnews {background: none;color: #524a73;}
.tags > li a.alnews:hover {text-decoration: underline;}

.sppb-row-overlay {z-index: -1}
.sppb-addon-person:hover {transform: scale(1.1);}
.sppb-addon-person .person-info-wrap {bottom:50px;left: 0;right: 0;opacity: 1;padding:10px;background-image: linear-gradient(-224deg, #5ABD77 0%, #8FCD9B 100%);}
.infront {z-index:11 !important;}
img.wf_file_icon {display: inline;}
#system-message .alert {
    margin-top: 120px;
}