/* ----------------------------------------------------------------
	Canvas: Resume
-----------------------------------------------------------------*/

:root {
	--cnvs-themecolor: #7B6ED6;
	--cnvs-themecolor-rgb: 123, 110, 214;
}



.mfp-iframe-holder .mfp-content { max-width: 80% !important; }

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { padding: 12px 8px; }



.skill-area h4 {
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: rgba(255, 255, 255, 0.7);
}

.skill-area .skill-info {
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	padding-left: 25px;
}

.skill-area .skill-info span {
	display: block;
	margin-top: 30px;
	font-size: 17px;
}

.skill-area span:first-child { margin-top: 0; }

.skills li:not(:first-child) { margin-top: 50px; }

.entry-box-shadow { box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.09); }

.entry .entry-title { margin-top: 8px; }

.entry .entry-title { margin-top: 13px; }

.entry::after { display: none; }

.post-grid .entry-image img {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.entry-meta-wrapper {
	background-color: #FFF;
	padding: 30px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.dark .skills li > span {
	font-weight: 300;
	color: #FFF;
	letter-spacing: 3px;
	top: -24px;
}

.skills li .progress,
.dark .skills li .progress-percent {
	background-color: #FFF !important;
	color: #333;
	text-shadow: none;
	font-size: 12px;
}

.dark .progress-percent::after,
.dark .progress-percent::before { border-top-color: #FFF !important; }