/*
Theme Name:     ColorMag Child
Theme URI:      http://sonhlab.com/
Description:    Child theme for the ColorMag theme
Author:         SOHN
Author URI:     http://sonhalb.com/
Template:       colormag
Version:        1.2.1
Build:		00006
*/

@import url("../colormag/style.css");

/* FONT */
@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../../../../materials/fonts/league-gothic/leaguegothic-regular-webfont.eot');
    src: url('../../../../materials/fonts/league-gothic/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../materials/fonts/league-gothic/leaguegothic-regular-webfont.woff') format('woff'),
         url('../../../../materials/fonts/league-gothic/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('../../../../materials/fonts/league-gothic/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body, .font1, .font-primary, .commentlist{
	font-family:Tahoma, sans-serif;
	font-size:14px !important;
	line-height:150% !important;
}

h1, h2, h3, h4, h5, h6, .widget-title{
	font-family:'LeagueGothicRegular', Arial, sans-serif !important;
	text-transform:uppercase !important;
	/*text-shadow: 1px 1px 0px #F2F2F2, 1px 2px 0px #B1B1B2 !important;
	font-family:Georgia, "Times New Roman", Times, serif;*/
	
	font-weight: normal !important;
	margin: 0 !important;
	padding: 0 !important;
	margin-bottom: .1em !important;
	font-variant: normal !important;
	outline: 0 !important;
	letter-spacing:0.00em !important;
}

.entry-title {
	text-shadow: 1px 1px 0px #F2F2F2, 1px 2px 0px #B1B1B2;
	margin: 20px 0 !important;
}

#header-right-section {
	width:730px;
	max-height: 90px;
}

.site-title, .list-title {
	font-weight:normal !important;
	text-transform:none !important;
}
h1 { font-size:44px !important; }
h2 { font-size:38px !important; }
h3, .widget-title { font-size:32px !important; }
h4 { font-size:28px !important; }
h5 { font-size:24px !important; }
h6 { font-size:18px !important; }

.entry-content li {
	line-height: 2;
}

/* Twitter Plugin */
.tbubble {
	display:none;
}

/*
.mcolumn-pad {
	padding:0 30px 0 15px !important;
}
*/
#pagelines_content {
	margin-top:30px;
}

/*========== START BREADCRUMBS ==========*/
#breadcrumbs {
	padding:0px 15px;
	margin:30px 0px;
}

/*========== END BREADCRUMBS ==========*/

/* Buttons */
.mt-block2, .mt-b2 {
	width:210px;
	height:100px;
	margin-top:20px;
}
.mt-b2-content {
	width:190px;
	height:55px;
	margin:10px;
	position:relative;
}
.mt-height1 {
	line-height:100px;
}
.mt-scene-label {
	font-size:20px;
	text-align:center;
	font-family: 'Dosis', Sans-Serif;
	display:block;
	margin:0px;
	padding:0px;
	position:relative;
}

.mt-scene-label img {
	vertical-align: middle;
	margin:0px;
	padding:0px;
	position:relative;	
}


.google-plus {
	height:24px;
	padding:15px 0px 15px 10px;
	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
}
/* End Buttons */



/* Start Main Image */

.featured-image img {
	width: 100%;
}



/*========== START HOVER SHADOW LIST ==========*/

.hovershadow-white,
.hovershadow-black,
.hovershadow-blue,
.hovershadow-green,
.hovershadow-red,
.hovershadow-orange {
	text-decoration:none;
	display:inline-block;
}
.hovershadow-white:hover {
	box-shadow:0px 0px 6px 3px #fff;
	-webkit-box-shadow:0px 0px 6px 3px #fff;
	-moz-box-shadow:0px 0px 6px 3px #fff;
	-o-box-shadow:0px 0px 6px 3px #fff;
	-ms-box-shadow:0px 0px 6px 3px #fff;
}
.hovershadow-blue:hover {
	box-shadow:0px 0px 6px 3px #38D1F7;
	-webkit-box-shadow:0px 0px 6px 3px #38D1F7;
	-moz-box-shadow:0px 0px 6px 3px #38D1F7;
	-o-box-shadow:0px 0px 6px 3px #38D1F7;
	-ms-box-shadow:0px 0px 6px 3px #38D1F7;
}
.hovershadow-green:hover {
	box-shadow:0px 0px 6px 3px #AACA37;
	-webkit-box-shadow:0px 0px 6px 3px #AACA37;
	-moz-box-shadow:0px 0px 6px 3px #AACA37;
	-o-box-shadow:0px 0px 6px 3px #AACA37;
	-ms-box-shadow:0px 0px 6px 3px #AACA37;
}
.hovershadow-red:hover {
	box-shadow:0px 0px 6px 3px #E81750;
	-webkit-box-shadow:0px 0px 6px 3px #E81750;
	-moz-box-shadow:0px 0px 6px 3px #E81750;
	-o-box-shadow:0px 0px 6px 3px #E81750;
	-ms-box-shadow:0px 0px 6px 3px #E81750;
}
.hovershadow-black:hover {
	box-shadow:0px 0px 6px 3px #444;
	-webkit-box-shadow:0px 0px 6px 3px #444;
	-moz-box-shadow:0px 0px 6px 3px #444;
	-o-box-shadow:0px 0px 6px 3px #444;
	-ms-box-shadow:0px 0px 6px 3px #444;
}
.hovershadow-orange:hover {
	box-shadow:0px 0px 6px 3px #FF6600;
	-webkit-box-shadow:0px 0px 6px 3px #FF6600;
	-moz-box-shadow:0px 0px 6px 3px #FF6600;
	-o-box-shadow:0px 0px 6px 3px #FF6600;
	-ms-box-shadow:0px 0px 6px 3px #FF6600;
}

/*========== END HOVER SHADOW LIST ==========*/




/*========== START SHADOW LIST ==========*/
.shadow-white,
.shadow-black,
.shadow-blue,
.shadow-green,
.shadow-red,
.shadow-orange {
	text-decoration:none;
	display:inline-block;
}
.shadow-white {
	box-shadow:0px 0px 6px 3px #fff;
	-webkit-box-shadow:0px 0px 6px 3px #fff;
	-moz-box-shadow:0px 0px 6px 3px #fff;
	-o-box-shadow:0px 0px 6px 3px #fff;
	-ms-box-shadow:0px 0px 6px 3px #fff;
}
.shadow-blue {
	box-shadow:0px 0px 6px 3px #38D1F7;
	-webkit-box-shadow:0px 0px 6px 3px #38D1F7;
	-moz-box-shadow:0px 0px 6px 3px #38D1F7;
	-o-box-shadow:0px 0px 6px 3px #38D1F7;
	-ms-box-shadow:0px 0px 6px 3px #38D1F7;
}
.shadow-green {
	box-shadow:0px 0px 6px 3px #AACA37;
	-webkit-box-shadow:0px 0px 6px 3px #AACA37;
	-moz-box-shadow:0px 0px 6px 3px #AACA37;
	-o-box-shadow:0px 0px 6px 3px #AACA37;
	-ms-box-shadow:0px 0px 6px 3px #AACA37;
}
.shadow-red {
	box-shadow:0px 0px 6px 3px #E81750;
	-webkit-box-shadow:0px 0px 6px 3px #E81750;
	-moz-box-shadow:0px 0px 6px 3px #E81750;
	-o-box-shadow:0px 0px 6px 3px #E81750;
	-ms-box-shadow:0px 0px 6px 3px #E81750;
}
.shadow-black {
	box-shadow:0px 0px 6px 3px #444;
	-webkit-box-shadow:0px 0px 6px 3px #444;
	-moz-box-shadow:0px 0px 6px 3px #444;
	-o-box-shadow:0px 0px 6px 3px #444;
	-ms-box-shadow:0px 0px 6px 3px #444;
}
.shadow-orange {
	box-shadow:0px 0px 6px 3px #FF6600;
	-webkit-box-shadow:0px 0px 6px 3px #FF6600;
	-moz-box-shadow:0px 0px 6px 3px #FF6600;
	-o-box-shadow:0px 0px 6px 3px #FF6600;
	-ms-box-shadow:0px 0px 6px 3px #FF6600;
}

/*========== END SHADOW LIST ==========*/



/* BACKGROUND LIST */

/* Solid Colors */
.solid-blue { background:#00BBE2; }
.solid-blue-2 { background:#2C84EE; }

.solid-violetred { background:#781766; }
.solid-red { background:#E51400;}
.solid-red-2 { background:#E81750; }
.solid-pink { background:#FF539B; }
.solid-purple { background:#D02090; }
.solid-orange { background:#FB8F02; }
.solid-orange-2 { background:#FF6600; }
.solid-orange-3 { background:#DD5F37; }
.solid-coral { background:#CD5B45; }

.solid-green { background:#67B239; }
.solid-green-2 {background:#96BF01; }

.solid-olive { background:#999900}
.solid-grass { background:#CDCD00; }

.solid-gold { background:#FEE9AE; }
.solid-yellow { background:#F7D100; }
.solid-black { background:#000; }
.solid-smoke { background:#F5F5F5; }
.solid-white { background:#fff; }
.solid-jade { background:#00CE9B; }

.solid-darkblue { background:#044E94; }
.solid-darkgreen { background:#016C38; }
.solid-darkred { background:#5F0000; }

.solid-lightblue { background:#E4F0F7; }
.solid-lightgreen { background:#F5FFFA; }
/* End Solid Colors */

/* Transparent Colors */
.transparent-jade { background: rgba(0,206,155,0.2); }
.transparent-deepsea { background: rgba(0,53,100,0.2); }
.transparent-smoke { background: rgba(245,245,245,0.2); }
.transparent-grass { background: rgba(205,250,0,0.2); }
.transparent-black { background: rgba(0,0,0,0.2); }
.transparent-darknight { background: rgba(0,0,0,0.6); }
.transparent-red { background: rgba(255,0,0,0.2); }
.transparent-violetred { background: rgba(208,32,144,0.2); }
.transparent-green { background: rgba(103,178,57,0.2); }
.transparent-yellow { background: rgba(255,255,0,0.2); }
.transparent-orange { background: rgba(251,143,2,0.2); }
.transparent-coral { background: rgba(205,91,69,0.2); }
.transparent-wheat { background: rgba(238,216,174,0.2); }
.transparent-redwine { background: rgba(139,0,0,0.2); }
.transparent-mist { background: rgba(255,255,255,0.6); }
/* End Transparent Colors */

/* Background Images */
.img-wood { background:#FB8F02 url(../images/bg/wood_pattern.jpg) repeat; }
.img-purtywood { background:#FB8F02 url(../images/bg/purty_wood.jpg) repeat; }
.img-woodtexture { background:#FB8F02 url(../images/bg/wood_texture.jpg) repeat; }
.img-darkwood { background:#000 url(../images/bg/dark_wood.jpg) repeat; }
.img-retinawood { background:#FB8F02 url(../images/bg/retina_wood.png) repeat; }
.img-nastyfabric { background:#999 url(../images/bg/nasty_fabric.png) repeat; }
.img-wildoliva { background:#555 url(../images/bg/wild_oliva.png) repeat; }
.img-darkbrick { background:#555 url(../images/bg/dark_brick_wall.png) repeat; }
.img-navyblue { background:#555 url(../images/bg/navy_blue.png) repeat; }
.img-brickwall { background:#ccc url(../images/bg/brickwall.png) repeat; }
/* End Background Images */

/* END BACKGROUND LIST */


/*========== START WIDGETS ==========*/
.widget_recent_entries ul li {
	border-bottom: 1px solid #eee;
}


/*========== END WIDGETS ==========*/


/* Table */
.tablehead {
	background:#444;
	color:#fff;
}
.align-center {
	text-align:center !important;
}

tr {
	border-bottom:1px solid #111 !important;
}
td {
	text-align: left !important;
}

/* End Table */



/* TILE BUTTONS */

/* Button 100 x 100 */
.tile-bt {
	text-align:center;
	cursor:pointer;
	width:100px;
	height:100px;
}
.tile-bt a {
	display:block;
	padding-top:16px;
	text-decoration: !important;
}
.tile-bt img {
	margin:0 auto 0 auto;
	padding-bottom:10px;
	height:48px;
	width:48px;
	position:relative;
	display:block;
}
.tile-bt span {
	font-size:14px;
	padding-bottom:10px;
	display:block;
}
.tile-bt:active {
	opacity:0.5;
}
/* Button 100 x 100 */



/* Button 205 x 100 */
.tile-bt-2 {
	/*width:205px;*/
	width:45%;
	height:100px;
	line-height:100px;
	text-align:center;
	cursor:pointer;
}
.tile-bt-2 a {
	display:block;
	text-decoration:none !important;
}
.tile-bt-2 img {
	vertical-align: middle;
	margin:auto;
	padding:0px;
	position:relative;
	width:32px;
	height:32px;
}
.tile-bt-2 span {
	vertical-align: middle;
	display:inline;
	font-size:20px;
}
.tile-bt-2:active {
	opacity:0.5;
}

/* End Button 205 x 100 */

/*.margin-10 { margin-right:10px; margin-bottom:10px; }*/
.margin-10 { margin-right:10%; margin-bottom:10px; }

/* END TILE BUTTONS */




/*========== START WP SyntaxHighlighter ==========*/
.syntaxhighlighter,
.syntaxhighlighter a,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody,
.syntaxhighlighter table thead,
.syntaxhighlighter table caption,
.syntaxhighlighter textarea {
font-size: 12px !important; /* Set the font size in pixels */  
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; /* Set the font type */  
}
.syntaxhighlighter table caption {
/* For Title(Caption) */  
font-size: 14px !important; /* Set the font size in pixels */  
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; /* Set the font type */  
}
.syntaxhighlighter.nogutter td.code .line {
/* Set the left padding space when no-gutter in ver. 3.0 */  
padding-left: 3px !important;
}
.syntaxhighlighter {
/* For Chrome/Safari(WebKit) */  
/* Hide the superfluous vertical scrollbar in ver. 3.0 */  
overflow-y: hidden !important;
padding: 1px !important;
}
.widget-area.syntaxhighlighter a,
.widget-area.syntaxhighlighter div,
.widget-area.syntaxhighlighter code,
.widget-area.syntaxhighlighter table,
.widget-area.syntaxhighlighter table td,
.widget-area.syntaxhighlighter table tr,
.widget-area.syntaxhighlighter table tbody,
.widget-area.syntaxhighlighter table thead,
.widget-area.syntaxhighlighter table caption,
.widget-area.syntaxhighlighter textarea {
/* For Widget */  
font-size: 14px !important; /* Set the font size in pixels */  
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; /* Set the font type */  
}
.widget-area table caption {
/* For Widget */  
/* For Title(Caption) */  
font-size: 10px !important; /* Set the font size in pixels */  
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; /* Set the font type */  
}
/*========== END WP SyntaxHighlighter ==========*/




/*========== START FOOTER ==========*/
.footer-widgets-area a {
	/*font-size: 24px;*/
}

/*========== END FOOTER ==========*/





/* Misc */
.textwidget {
	width: 100%;
}
.left { float:left; }
.left-1 { float:left; margin-left:260px }
/*.left-2 { float:left; margin-left:150px; }*/
.left-2 { }
.left-3 { float:left; margin-left:80px; }

.hs { float:left; width:10px; height:100px; }
.white-text, .white-text:hover, .light-text, .light-text:hover {
	color:#fff;
	text-decoration:none !important;
}
.dark-text, .dark-text:hover {
	color:#1e1e1e;
	text-decoration:none !important;
}
.row1 { background:#FFF; }
.row2 { background:#E4F0F7; }
.highlight { background:#FFFBD9; }
.hoverrow { background:#feffef; }
.clearspace { clear:both; }
.inblock { margin:0px 1em; padding:1em 0 1px 0; }
.sl-comment-title {
	margin:10px 0px;
	font-family:'LeagueGothicRegular', sans-serif;
	font-size: 30px;
	text-shadow: 1px 1px 0px #F2F2F2, 1px 2px 0px #B1B1B2;
}

.gradient {
	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.3))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 00%,rgba(255,255,255,0.3) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* IE10+ */
	background: linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* W3C */
}


.freefile-bottom {
	width:210px;
	margin-right: 10px;
	display: inline-block;
}
.freefile-bottom a {
	display: block;
}
.freefile-bottom img {
	width:100%;
	margin: 10px auto 0px auto;
	display: block;
}


.post:nth-child(2n), .post:nth-child(2n+1) {
  float: none !important;
  width: 100% !important;
}



/* START GA */
.sonhlab-resga {
	width: 100%;
	height: 90px;
	overflow: hidden;
	margin: 0px auto;
}
.height-300 {
	height:auto;
}

@media screen and (max-width:1190px) {
	#header-right-section {
		width: 70%;
	}
}
@media screen and (max-width:980px) {
	
	.sonhlab-resga {
		width: 100%;
		height: auto;
		padding: 20px 0;
	}
	
	#header-right-section {
		width: 510px;
	}
}
@media screen and (max-width: 825px) {
	#header-right-section {
		width: 100%;
		max-height: 300px;
		margin: auto;
	}
}
@media screen and (max-width: 768px) {
	#header-right-section {
		min-width:390px;
		max-width: 100%;
		max-height: 300px;
		margin: auto;
	}
}

@media screen and (max-width: 640px) {
	#header-right-section {
		width: 100%;
		min-width:250px;
		max-height: 300px;
	}
}

/* END GA */