/* Default formatting */

table.cp-tbl {
	/*table-layout: fixed;*/
	border-color: var(--kal-white);
	backgrouond-color: var(--kal-white);
}

	table.cp-tbl thead tr {
	    border-top: 0px;
	}

		table.cp-tbl thead tr th {
			font-size: 30px;
			font-weight: 600;
			text-wrap: nowrap;
		}

	table.cp-tbl tbody tr td:first-child {
		font-weight: 700;
	}

	table.cp-tbl tbody tr td {
		color: var(--kal-white);
		background-color: var(--kal-black);
	}

	table.cp-tbl tbody tr.cp-tbl-cta-row {
		border-style: none;
	}

		table.cp-tbl tbody tr.cp-tbl-cta-row td {
			padding: 0px;
			/*
			border-bottom: 1px;
			border-color: var(--kal-white);
			border-style: solid;
			*/
			background-color: var(--kal-black);
		}

		table.cp-tbl tbody tr.cp-tbl-cta-row td:first-child {
			background-color: transparent;
			border-left: 0px;
			border-right: 0px;
			border-bottom: 0px;
		}

			table.cp-tbl tbody tr.cp-tbl-cta-row td a {
				padding: .5rem .5rem;
				color: var(--kal-white);
				background-color: var(--kal-black);	
				width: 100%;
				text-align: center;
				text-transform: uppercase;
			    padding-top: 10px;
			    padding-bottom: 6px;
			    white-space: nowrap;
			    border-bottom: 1px solid var(--kal-white);
			    font-weight: 600;
			}

			table.cp-tbl tbody tr.cp-tbl-cta-row td a:hover {
				color: var(--kal-black);
				background-color: var(--kal-white);				
			}

				table.cp-tbl tbody tr.cp-tbl-cta-row td a svg {
					margin-top: -3px;
					margin-left: 10px;
				}

				table.cp-tbl tbody tr.cp-tbl-cta-row td a svg path {
					fill: var(--kal-black);
					stroke: var(--kal-white);
				}

				table.cp-tbl tbody tr.cp-tbl-cta-row td a:hover svg path {
					stroke: var(--kal-black);
					fill: var(--kal-white);
				}


	.cp-yes-icon {
		margin-right: 10px;
	}

	.cp-no-icon {
		margin-right: 15px;
	}

	.cp-partial-icon {
		margin-right: 27px;
	}

@media (min-width: 768px) {

	table.cp-tbl thead tr th:first-child,
	table.cp-tbl tbody tr td:first-child {
		position: sticky;
		z-index: 1;
		min-width: 150px;
	}

	table.cp-tbl thead tr th:first-child,
	table.cp-tbl tbody tr td:first-child {
		max-width: 150px;
	}

	table.cp-tbl thead tr th:first-child,
	table.cp-tbl tbody tr td:first-child {
		left: 0;
	}

}

/* ========================================== 
! Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px) { 

}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) { 

	table.cp-tbl {
		table-layout: auto;
	}

}

/*==========================================
! Medium devices (tablets, less than 1024px)
========================================== */
@media (max-width:1024px) { 

}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) { 

}

/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) { 


}

/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) { 

}

/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px) { 

}