.cms-pagetitle{
	&.is-header-ontop{
		padding-top: var(--header-height);
	}
}
.cms-pagetitle-bg{
	background-color: var(--ptitle-background-color);
	background-image: var(--ptitle-background-image);
    background-size: var(--ptitle-background-size);
    background-position: var(--ptitle-background-position);
    background-repeat: var(--ptitle-background-repeat);
    background-attachment: var(--ptitle-background-attachment);
    color: var(--ptitle-color);
    .container{
    	z-index: 1;
    }
    &.cms-ptitle-single-post{
    	background-color: var(--single-ptitle-background-color);
		background-image: var(--single-ptitle-background-image);
	    background-size: var(--single-ptitle-background-size);
	    background-position: var(--single-ptitle-background-position);
	    background-repeat: var(--single-ptitle-background-repeat);
	    background-attachment: var(--single-ptitle-background-attachment);
	    color: var(--single-ptitle-color);
	    .cms-page-title-overlay{
	    	background-color: var(--single-ptitle-overlay-rgba);
	    }
	    .breadcrumb-link{
	    	color: var(--single-ptitle-breadcrumb-active);
	    	&:hover{
	    		color: var(--single-ptitle-breadcrumb-hover);
	    	}
	    }
	    .breadcrumb-text,
	    .breadcrumb-divider{
	    	color: var(--single-ptitle-breadcrumb-regular);
	    }
    }
     &.cms-ptitle-single-product{
    	background-color: var(--single-product-ptitle-background-color);
		background-image: var(--single-product-ptitle-background-image);
	    background-size: var(--single-product-ptitle-background-size);
	    background-position: var(--single-product-ptitle-background-position);
	    background-repeat: var(--single-product-ptitle-background-repeat);
	    background-attachment: var(--single-product-ptitle-background-attachment);
	    color: var(--single-product-ptitle-color);
	    .cms-page-title-overlay{
	    	background-color: var(--single-product-ptitle-overlay-rgba);
	    }
	    .breadcrumb-link{
	    	color: var(--single-product-ptitle-breadcrumb-active);
	    	&:hover{
	    		color: var(--single-product-ptitle-breadcrumb-hover);
	    	}
	    }
	    .breadcrumb-text,
	    .breadcrumb-divider{
	    	color: var(--single-product-ptitle-breadcrumb-regular);
	    }
    }
}
.cms-page-title-overlay{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--ptitle-overlay-rgba);
	&:before{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		@include opacity(0.25);
		background: linear-gradient(180deg, #{'rgba(var(--color-secondary-rgb),1)'} 0%, rgba(255,255,255,0) 70%);
	}
}
.cms-pagetitle-divider-wrap,
.cms-pagetitle-divider{
	height: 78px;
}
.cms-pagetitle-divider{
	background-color: $white;
	clip-path: ellipse(51% 63% at 50% 100%);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.cms-pagetitle-divider-icon{
	width: 78px;
	height: 78px;
	line-height: 58px;
	display: block;
	text-align: center;
	background-color: $primary-color;
	color: $white;
	margin: 0 auto;
	border: 10px solid $white;
	@include border-radius(50%);
}
@import "title";
@import "breadcrumb";
@import "layout1";
@import "layout2";
@import "layout10";