/*
Theme Name: Neuromodulation Theme
Description: Custom Theme
Author: Simplix
Author URI: https://simplix.nl
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

#wrapper .fusion-text p:first-child {margin-top:0;}

/* Background */
#wrapper #main {position:relative; background-image:url(images/body-background.svg); background-repeat:repeat-y; background-position:top center;}
#wrapper #main:before {content:''; background:url(images/body-after.svg) no-repeat bottom; background-size:100% auto; position:absolute; bottom:-8px; left:0; width:100%; height:100%;}

/* Titlebar */
#wrapper .fusion-page-title-bar .fusion-fullwidth {padding-bottom:calc(10% + 32px);}
#wrapper .fusion-page-title-bar .fusion-fullwidth:after {content:''; background:url(images/titlebar-after.svg) no-repeat; position:absolute; bottom:0; width:100%; padding-top:10%; background-size:cover;}
#wrapper .fusion-page-title-bar .fusion-fullwidth:before {content:''; background:#acc4c6; position:absolute; bottom:0; width:100%; height:100%; opacity:.24;}
#wrapper .fusion-page-title-bar .fusion-fullwidth * {text-shadow:0 0 8px #000000c7;}

/* Buttons */
#wrapper .button-wrapper .button.small {padding:8px 16px; font-size:14px;}
#wrapper .button-wrapper .button.small:after {content:'\f061'; font-family:'Font Awesome 6 Pro'; background:#5388c6; border-radius:999px; height:16px; width:16px; margin:-2px 0 -2px 8px; display:inline-flex; align-items:center; justify-content:center; color:#fff; font-size:10px; transition:.3s;}
#wrapper .button-wrapper .button.small:hover:after {background:#fff; color:#5388c6;}

#wrapper .fusion-button .fusion-button-text {display:inline-flex; align-items:center;}
#wrapper .fusion-button .fusion-button-text:after {content:'\f061'; font-family:'Font Awesome 6 Pro'; background:#5388c6; border-radius:999px; height:20px; width:20px; margin:-2px 0 -2px 16px; display:inline-flex; align-items:center; justify-content:center; color:#fff; font-size:12px; transition:.3s;}
#wrapper .fusion-button:hover .fusion-button-text:after {background:#fff; color:#5388c6;}

/* Posts */
.posts-wrapper.default .single {min-height:320px; position:relative; padding:32px; display:flex; justify-content:center; align-items:flex-end; border-radius:16px; overflow:hidden;}
.posts-wrapper.default .single .content-wrapper {position:relative; z-index:1; display:flex; justify-content:center; width:100%;}
.posts-wrapper.default .single .content-wrapper h4 {color:#fff; font-size:20px; display:flex; align-items:center; width:100%; margin-bottom:0; position:relative;}
.posts-wrapper.default .single .content-wrapper h4:after {content:'\f061'; margin-left:auto; font-family:"Font Awesome 6 Pro"; font-size:20px; margin-left:auto; transition:.3s;}
.posts-wrapper.default .single .image-wrapper:after {background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(30,115,190, 0.32) 100%); content:'';height:100%;width:100%;position:absolute;left:0;top:0;}
.posts-wrapper.default .single .image-wrapper img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:.3s;}

.posts-wrapper.default .single:hover .content-wrapper h4:after {transform:rotate(-45deg);}
.posts-wrapper.default .single:hover .image-wrapper img {transform:scale(1.1);}

.posts-wrapper.grid {display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:32px;}

/* Team */
.posts-wrapper#team {display:flex; flex-wrap:wrap; gap:32px; justify-content:center;}
.posts-wrapper#team .single {border-radius:999px; overflow:hidden; position:relative; display:inline-flex; width:378px;}
.posts-wrapper#team .single .image-wrapper img {transition:.3s;}
.posts-wrapper#team .single:hover .image-wrapper img {transform:scale(1.1);}
.posts-wrapper#team .single:not(#post-apply) .content-wrapper {position:absolute; background:#e61d72; bottom:0; left:0; width:100%; padding:16px 32px 48px 32px; display:flex; flex-direction:column; transform:translateY(100%); transition:.3s;}
.posts-wrapper#team .single:not(#post-apply) .content-wrapper .title {color:#fff; margin:0 0 8px 0; text-align:center; font-size:22px; padding:0 12px;}
.posts-wrapper#team .single:not(#post-apply) .content-wrapper .function {color:#fff; margin:0; text-align:center; line-height:1.2; padding:0 24px; font-size:14px;}
.posts-wrapper#team .single:not(#post-apply):hover .content-wrapper {transform:translateY(0);}

.posts-wrapper#team .single#post-apply {background:#acc4c6; display:flex; align-items:center; justify-content:center; text-align:center; padding:48px; aspect-ratio:1;}
.posts-wrapper#team .single#post-apply .content-wrapper h4 {color:#fff; font-size:20px; font-weight:bold;}
.posts-wrapper#team .single#post-apply .content-wrapper p {color:#fff; font-size:14px; line-height:1.4;}