/*  3.4 Panel Shortcodes | General styles
-------------------------------------------------------------------*/
// variables
@panel-sc-heading-border-width: 3px;

/*  Header
----------------------------------*/
.@{p}panel-sc__header {
	position: relative;
	margin: 0 0 1em 0 !important;
	//padding-left: 15px;
	//border-left: @panel-sc-heading-border-width solid @color-main-cyan-3-public;

	&:before {
		content: ' ';
		position: absolute;
		top: 0;
		//left: -@panel-sc-heading-border-width;
		//border-left: @panel-sc-heading-border-width solid @color-main-dark;
		width: 100%;
		height: 51%;
	}
} // .panel-sc__header


/*  Title
----------------------------------*/
.@{p}panel-sc_title {
	font-weight: bolder !important;
	line-height: 1 !important;
	margin: 0 0 0.75em 0 !important;
	padding: 0 !important;
} // .panel-sc_title

/*  When only title is present | without subtitle  */
.@{p}panel-sc-only-title {

	.@{p}panel-sc__header {
		padding: 0.5em 0;
	}

	.@{p}panel-sc_title {
		margin: 0 !important;
	}
} // .panel-sc-only-title

// For other, not Text block shortcodes, like Skills
.@{p}panel-sc:not(.@{p}sc-text-block).@{p}panel-sc-only-title {
	.@{p}panel-sc__header {
		padding: 0 0 0.5em;
	}
}


/*  Subtitle
----------------------------------*/
.@{p}panel-sc_subtitle {
	line-height: 1.2;
	font-weight: 600;
	text-transform: uppercase;

	span {
		text-transform: lowercase;
	}
} // .panel-sc_subtitle


/*  Words highlighting
----------------------------------*/
.@{p}panel-highlight-word {
	//background: @color-main-cyan-3-public;
	//color: @color-white;
	padding: 1px 6px;
}