/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 02 2025 | 01:00:41 */
:root {
	--title-base-color1: #19BDC4;
	--title-base-color2: #4FC9CE;
	--title-base-color3: #8DD3D6;
}
.page-title.solid-bg {
    background-position: initial;
    padding: 0px !important;
	background-color: initial;
}
.fancy-header .wf-wrap,
.page-title .wf-wrap {
	min-height: 300px !important;
}
header#fancy-header, .page-title {
	background-color: var(--title-base-color2) !important;
    background-image: none !important;
    animation: wave1 2.2s ease-in-out infinite;
    height: 250px;
    padding: 0 !important;
}
header#fancy-header::before,
.page-title::before {
    content: '';
    background-color: var(--title-base-color1);
    animation: wave1 2.2s ease-in-out infinite;
    height: 245px;
    width: 140%;
    position: absolute;
    top: 0;
    overflow: hidden;
}
header#fancy-header::after,
.page-title::after {
    content: '';
    background-color: var(--title-base-color3);
    animation: wave2 2.8s ease-in-out infinite;
    height: 262px;
    width: 130%;
    position: absolute;
    top: 0;
    overflow: hidden;
}
@keyframes wave1{
            0%,
            100%{
				clip-path: polygon(100% 0%, 0% 0% , 0.00% 100.00%, 1.82% 99.88%, 3.64% 99.52%, 5.45% 98.95%, 7.27% 98.23%, 9.09% 97.40%, 10.91% 96.54%, 12.73% 95.71%, 14.55% 94.99%, 16.36% 94.42%, 18.18% 94.06%, 20.00% 93.94%, 21.82% 94.06%, 23.64% 94.42%, 25.45% 94.99%, 27.27% 95.71%, 29.09% 96.54%, 30.91% 97.40%, 32.73% 98.23%, 34.55% 98.95%, 36.36% 99.52%, 38.18% 99.88%, 40.00% 100.00%, 41.82% 99.88%, 43.64% 99.52%, 45.45% 98.95%, 47.27% 98.23%, 49.09% 97.40%, 50.91% 96.54%, 52.73% 95.71%, 54.55% 94.99%, 56.36% 94.42%, 58.18% 94.06%, 60.00% 93.94%, 61.82% 94.06%, 63.64% 94.42%, 65.45% 94.99%, 67.27% 95.71%, 69.09% 96.54%, 70.91% 97.40%, 72.73% 98.23%, 74.55% 98.95%, 76.36% 99.52%, 78.18% 99.88%, 80.00% 100.00%, 81.82% 99.88%, 83.64% 99.52%, 85.45% 98.95%, 87.27% 98.23%, 89.09% 97.40%, 90.91% 96.54%, 92.73% 95.71%, 94.55% 94.99%, 96.36% 94.42%, 98.18% 94.06%, 100.00% 93.94%);                
				}
            50%{
				clip-path: polygon(100% 0%, 0% 0% , 0.00% 96.97%, 1.82% 96.12%, 3.64% 95.33%, 5.45% 94.68%, 7.27% 94.21%, 9.09% 93.97%, 10.91% 93.97%, 12.73% 94.21%, 14.55% 94.68%, 16.36% 95.33%, 18.18% 96.12%, 20.00% 96.97%, 21.82% 97.82%, 23.64% 98.61%, 25.45% 99.26%, 27.27% 99.73%, 29.09% 99.97%, 30.91% 99.97%, 32.73% 99.73%, 34.55% 99.26%, 36.36% 98.61%, 38.18% 97.82%, 40.00% 96.97%, 41.82% 96.12%, 43.64% 95.33%, 45.45% 94.68%, 47.27% 94.21%, 49.09% 93.97%, 50.91% 93.97%, 52.73% 94.21%, 54.55% 94.68%, 56.36% 95.33%, 58.18% 96.12%, 60.00% 96.97%, 61.82% 97.82%, 63.64% 98.61%, 65.45% 99.26%, 67.27% 99.73%, 69.09% 99.97%, 70.91% 99.97%, 72.73% 99.73%, 74.55% 99.26%, 76.36% 98.61%, 78.18% 97.82%, 80.00% 96.97%, 81.82% 96.12%, 83.64% 95.33%, 85.45% 94.68%, 87.27% 94.21%, 89.09% 93.97%, 90.91% 93.97%, 92.73% 94.21%, 94.55% 94.68%, 96.36% 95.33%, 98.18% 96.12%, 100.00% 96.97%);
				}
	        }
@keyframes wave2{
            0%,
            100%{
				clip-path: polygon(100% 100%, 0% 100% , 0.00% 100.00%, 1.82% 99.75%, 3.64% 99.04%, 5.45% 97.91%, 7.27% 96.46%, 9.09% 94.80%, 10.91% 93.08%, 12.73% 91.42%, 14.55% 89.97%, 16.36% 88.84%, 18.18% 88.12%, 20.00% 87.88%, 21.82% 88.12%, 23.64% 88.84%, 25.45% 89.97%, 27.27% 91.42%, 29.09% 93.08%, 30.91% 94.80%, 32.73% 96.46%, 34.55% 97.91%, 36.36% 99.04%, 38.18% 99.75%, 40.00% 100.00%, 41.82% 99.75%, 43.64% 99.04%, 45.45% 97.91%, 47.27% 96.46%, 49.09% 94.80%, 50.91% 93.08%, 52.73% 91.42%, 54.55% 89.97%, 56.36% 88.84%, 58.18% 88.12%, 60.00% 87.88%, 61.82% 88.12%, 63.64% 88.84%, 65.45% 89.97%, 67.27% 91.42%, 69.09% 93.08%, 70.91% 94.80%, 72.73% 96.46%, 74.55% 97.91%, 76.36% 99.04%, 78.18% 99.75%, 80.00% 100.00%, 81.82% 99.75%, 83.64% 99.04%, 85.45% 97.91%, 87.27% 96.46%, 89.09% 94.80%, 90.91% 93.08%, 92.73% 91.42%, 94.55% 89.97%, 96.36% 88.84%, 98.18% 88.12%, 100.00% 87.88%);                
				}
            50%{
				clip-path: polygon(100% 100%, 0% 100% , 0.00% 100.00%, 1.82% 99.65%, 3.64% 98.63%, 5.45% 97.07%, 7.27% 95.14%, 9.09% 93.08%, 10.91% 91.11%, 12.73% 89.47%, 14.55% 88.36%, 16.36% 87.89%, 18.18% 88.12%, 20.00% 89.04%, 21.82% 90.52%, 23.64% 92.40%, 25.45% 94.46%, 27.27% 96.46%, 29.09% 98.16%, 30.91% 99.38%, 32.73% 99.96%, 34.55% 99.84%, 36.36% 99.04%, 38.18% 97.64%, 40.00% 95.81%, 41.82% 93.77%, 43.64% 91.74%, 45.45% 89.97%, 47.27% 88.66%, 49.09% 87.97%, 50.91% 87.97%, 52.73% 88.66%, 54.55% 89.97%, 56.36% 91.74%, 58.18% 93.77%, 60.00% 95.81%, 61.82% 97.64%, 63.64% 99.04%, 65.45% 99.84%, 67.27% 99.96%, 69.09% 99.38%, 70.91% 98.16%, 72.73% 96.46%, 74.55% 94.46%, 76.36% 92.40%, 78.18% 90.52%, 80.00% 89.04%, 81.82% 88.12%, 83.64% 87.89%, 85.45% 88.36%, 87.27% 89.47%, 89.09% 91.11%, 90.91% 93.08%, 92.73% 95.14%, 94.55% 97.07%, 96.36% 98.63%, 98.18% 99.65%, 100.00% 100.00%);
                }
	        }
#fancy-header .wf-wrap,
.page-title .wf-wrap {
    background: url("https://wordpieonline.com/images/bubble_02.svg") center transparent;
    background-size: cover;
    width: 100%;
	background-position: bottom;
}
@media screen and (max-width: 778px) {
    .transparent .masthead:not(.side-header):not(.mixed-header) {
		background: initial !important;
        background-color: var(--title-base-color1) !important;
    }
	.page-title .breadcrumbs, .page-title .breadcrumbs a {
		display: initial !important;
		color: #fff;
		font-size: 0.8em !important;
	}
	.page-title h1.entry-title {
		padding-bottom: 10px !important;
	}
	header#fancy-header, .page-title {
		height: 180px !important;
	}
	header#fancy-header::before, .page-title::before {
		height: 178px;
		width: 130%;
	}
	header#fancy-header::after, .page-title::after {
		height: 190px;
		width: 148%;
	}
	#fancy-header .wf-wrap, .page-title .wf-wrap {
		padding: 35px 0 0 0 !important;
		margin: 0 !important;
		min-height: 70px !important;
    }
	#fancy-header .hgroup h1. .page-title .hgroup h1 {
        margin-bottom: 6px;
		font-size: 20px !important;
        line-height: 1 !important;
	}
	#fancy-header .fancy-title>span {
        font-size: 20px !important;
        line-height: 1 !important;
    }
}
@media screen and (max-width: 990px) {
    .sticky-mobile-on.masthead:not(.side-header), .side-header.masthead-mobile-header.sticky-mobile-on {
        background-color: var(--title-base-color1) !important;
    }
}