/** ADD YOUR AWESOME CODES HERE **/
:root {
    --color-core-primary: #3740ff;
    --color-core-primary-glare: #9da2ff;
    --color-core-primary-bright: #f8faff;
    --color-core-primary-dim: #2c333f;
    --color-core-secondary: #e51661;
    --color-core-secondary-shade: #9c166b;
    --color-core-secondary-glare: #ee518a;
    --color-core-secondary-bright: #fef5fa;
    --color-core-secondary-dim: #3e2d39;
    --color-core-tertiary: #6001ff;
    --color-core-tertiary-glare: #d7aefb;
    --color-core-tertiary-bright: #faf6fe;
    --color-core-tertiary-dim: #352e3f;
    --color-core-quaternary: #007b83;
    --color-core-quaternary-glare: #78d9ec;
    --color-core-quaternary-bright: #f4fcfe;
    --color-core-quaternary-dim: #26373d;
    --color-core-brand: #3fc4ff;
    --color-state-good: #0d652d;
    --color-state-good-bright: #e9f6ed;
    --color-state-good-dim: #283532;
    --color-state-good-glare: #e2faed;
    --color-state-info: #174ea6;
    --color-state-info-glare: #3074e2;
    --color-state-info-bright: #deeafd;
    --color-state-info-dim: #2c333f;
    --color-state-warn: #c34900;
    --color-state-warn-bright: #fff5e3;
    --color-state-warn-dim: #3b372b;
    --color-state-warn-glare: #fffcf2;
    --color-state-bad: #a50e0e;
    --color-state-bad-bright: #fce8e8;
    --color-state-bad-dim: #3b2d30;
    --color-state-bad-glare: #ffe9e8;
    --color-shades-dark: #191919;
    --color-shades-dim: #202124;
    --color-shades-charcoal: #303136;
    --color-shades-gray: #585b63;
    --color-shades-gray-bright: #a5a7af;
    --color-shades-gray-glare: #d2d3d7;
    --color-shades-light: #f8f9fa;
    --color-shades-light-bright: #ffffff;
}


	.blog_detail_content {
		background-color: #FFFFFF80;
		margin: 20px 30px 20px 50px;
	}

	.no100 {
		min-width: 25px;
		max-width: none;
		border: none;
		transition: all 0.3s linear;
	}

	.blog_detail_content img {
		border-radius: 10px;
		min-width: 75%;
		max-width: 90%;
		text-align: center;
		border: 1px groove #b8b8b8;
		transition: all 0.3s linear;
	}

	.blog_detail_content img:hover {
		border-radius: 20px;
		border: 32px groove #14CCFF;
		transition: all 0.5s linear;
	}

	.blog_detail_content a {
		color: #004b6b;
		border-bottom: 1px dotted #bc6f07;
	}

	.blog_detail_content a:hover {
		color: #1ACCFF;
		border-bottom: 2px dotted #bc6f07;
	}

	@media (max-width: 767px) {
		.blog_detail_content {
			background-color: #FFFFFF80;
			margin: 10px 5px 10px 5px;
		}

		.blog_detail_content img .no100 {
			width: 0;
			border: none;
		}

		.blog_detail_content img {
			border-radius: 10px;
			min-width: 98%;
			max-width: 99%;
			text-align: center;
			border: 1px groove #dee2e6;
			transition: all 0.3s linear;
		}

		.blog_detail_content img:hover {
			border-radius: 20px;
			border: 2px groove #149CFF;
			transition: all 0.3s linear;
		}

		h3 {
			font-size: min(7.388889vw, 18px);
			line-height: 32px;
		}

	}