/*************************************************
content-1.1 config/override
*************************************************/

:root {
	--partContentMargin: 25px;
}

.partContentText p, 
.partContentText ul,
.partContentText ol,
.partContentText table,
.partContentVideo,
.partContentFileAdmin,
.partContentCode > .partButton,
.formV2 {
	margin-bottom: 25px; /* fall back */
	margin-bottom: var(--partContentMargin);	
}

.partContentText {
	line-height: 1.6em;
}

/* text and file link */
.partContentText a, .partContentFileAdmin ul li a .fileAdminLabel span {
	color:inherit; background-image: linear-gradient(#009BDE, #009BDE), linear-gradient(#58595B, #58595B); background-size: 100% 2px, 0 2px; background-position: 100% 100%, 0 100%; background-repeat: no-repeat; transition: background-size 0.3s ease; text-decoration: none;
}

.partContentText a:hover, .partContentFileAdmin ul li a:hover .fileAdminLabel span {
	background-size: 0 2px, 100% 2px;
}

/* file icon */
.partContentFileAdmin ul li a .fileAdminIcon            {background-color:#009BDE; width:25px; height:25px; border-radius:50%; }
.partContentFileAdmin ul li a:hover .fileAdminIcon 		{background-color:#58595B;}

.partContentFileAdmin ul li a .fileAdminIcon svg        {width:11px; fill:#fff;}
.partContentFileAdmin ul li a:hover .fileAdminIcon svg 	{}

/* unordered list */
.partContentText ul li {
	margin-left: 1em;
}

.partContentText ul li::before {
	left: -1em; 
	top:-3px;
	content: url("data:image/svg+xml,%3Csvg width='6' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='rgba(0, 155, 222)' cx='3' cy='3' r='3'/%3E%3C/svg%3E");
}

/* ordered list */
.partContentText ol li {
	margin-left: 1.5em;
}

.partContentText ol li:before {
	left: -1.5em; 
}

/* blockquote */
.partContentText blockquote {
	border-left:solid 3px rgba(0, 0, 0, 0.2);
	padding-left: calc(1.5em - 3px);
}

/*************************************************
partcontenttext
*************************************************/

.partContentText {
	overflow-wrap: break-word;
}

	/* lists */
	.partContentText ul li, .partContentText ol li {
		position: relative;
	}

	.partContentText ul li::before, .partContentText ol li:before {
		color: inherit;  
		font-size: 1em; 
		position: absolute;
	}

	/* ordered list */ 
	.partContentText ol li {
		counter-increment:li;
	} 

	.partContentText ol li::before {
		content: counter(li)'.';
		top: 0em;
	}

	/* table */
	.partContentText table th, .partContentText table td               				{padding: 3px 8px; border: 1px solid #bbb; vertical-align: top;}

	@media screen and (max-width: 767px){
		.partContentText table 														{overflow-x: auto; display: block;}
	}

	/* sup & sub (fixes line height bug) */
	.partContentText sup, .partContentText sub 										{vertical-align: baseline; position: relative;}
	.partContentText sup 															{top: -0.4em;}
	.partContentText sub 															{top: 0.4em;}

/*************************************************
partcontentfileadmin
*************************************************/

.partContentFileAdmin ul li                                 {margin-bottom: 10px;}
.partContentFileAdmin ul li:last-child 						{margin-bottom: 0px;}
.partContentFileAdmin ul li a                               {display: inline-flex; align-items:center; color:inherit; text-decoration: none;} 

	/* icon */
	.partContentFileAdmin ul li a .fileAdminIcon            {flex:0 0 auto; display:flex; justify-content:center; align-items:center; transition: background-color 0.3s ease;}
	
	.partContentFileAdmin ul li a .fileAdminIcon svg        {transition: fill 0.3s ease;}

	/* label */
	.partContentFileAdmin ul li a .fileAdminLabel           {margin-left: 6px; flex:1 1 auto; line-height:1.2em;}

		.partContentFileAdmin ul li a .fileAdminLabel span 		{display: inline;}

	/* extensions */
	.partContentFileAdmin ul li a .fileAdminExtension       {flex:0 0 auto; font-size: 10px; width:40px; text-align:center; font-weight: 700; border:solid 1px #000; padding:3px 0px; text-transform:uppercase;}
	.partContentFileAdmin ul li a .fileAdminExtension       {border:solid 1px #999; color:#000;}

	.partContentFileAdmin ul li.pdf a .fileAdminExtension   {
		border-color:#FF0000; color:#FF0000;
	}
	.partContentFileAdmin ul li.doc a .fileAdminExtension, .partContentFileAdmin ul li.docx a .fileAdminExtension {
		border-color:#2b579a; color:#2b579a;
	}
	.partContentFileAdmin ul li.xls a .fileAdminExtension, .partContentFileAdmin ul li.xlsx a .fileAdminExtension {
		border-color:#217346; color:#217346;
	}
	.partContentFileAdmin ul li.ppt a .fileAdminExtension, .partContentFileAdmin ul li.pptx a .fileAdminExtension {
		border-color:#b7472a; color:#b7472a;
	}

/*************************************************
partButtonContentContainer
*************************************************/

.partButtonContentContainer                       			{display: flex; flex-wrap: wrap; margin-bottom: 12.5px /* fall back */; margin-bottom: calc(var(--partContentMargin) / 2);}
	.partButtonContentContainer .partButton 			   		{margin-bottom: 12.5px; margin-right: 12.5px; /* fall back */; margin-bottom: calc(var(--partContentMargin) / 2); margin-right: calc(var(--partContentMargin) / 2);}
	.partButtonContentContainer .partButton:last-child 			{margin-right: 0;}

/*************************************************
partcontentvideo
*************************************************/

.partContentVideo .contentVideoContainer {position: relative; height: 0; padding-bottom: 56.25%; /* padding bottom is based on (video-height / video-width * container-width in percentages) */}
.partContentVideo iframe 				 {position: absolute; left:0; top:0; height: 100%; width: 100%; border:none;}