/*
Theme Name:     Twenty Twelve Child
Theme URI:      http://coldawn.com/
Description:    Child theme for the Twenty Twelve theme
Author:         Coldawn
Author URI:     http://coldawn.com/about/
Template:       twentytwelve
Version:        1.1.0
*/















/* remove featured post header from */
/* http://tipsntutorials.blogspot.com/2014/02/how-to-remove-featured-post-header-from.html */
.featured-post {
display: none;
}


/* pre-wrap */
/* http://www.hujuntao.com/web/css/css-pre-wrap.html */
pre {
    white-space:pre-wrap; /* css3.0 */
    white-space:-moz-pre-wrap; /* Firefox */
    white-space:-pre-wrap; /* Opera 4-6 */
    white-space:-o-pre-wrap; /* Opera 7 */
    word-wrap:break-word; /* Internet Explorer 5.5+ */
}


/*change font family */
/* https://www.anotherhome.net/1010 */
* {
	font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif；
}


/* center site info */
/* http://10.0.0.211/?usrid=8613798185921&oriurl=http%3A%2F%2Fzhidao.baidu.com%2Fquestion%2F446649229.html */
.site-info {
	text-align:center;
}


/* Right location of search bar */
/* http://hightechnology.in/how-to-add-search-form-in-header-on-twenty-twelve-theme/ */
.header-search { float: right; margin-top: 0px; }
@media (max-width: 650px)
{ .header-search { margin-top:5px; text-align:center;
float:none; } .main-navigation { clear:both; } }


/*Center Menu */
/* https://wordpress.org/support/topic/center-aligned-nav-bar-twenty-twelve-theme */
/*
@media screen and (min-width: 600px) {
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
	border-bottom: 1px solid #ededed;
	border-top: 1px solid #ededed;
	display: inline-block !important;
	text-align: center;
	width: 100%;
	}
} 
*/


/* Enable Search toggle effect by adding HTML5 search form support for twentytwelve */
/* http://www.wpbeginner.com/wp-themes/how-to-add-a-search-toggle-effect-in-wordpress/ */
.site-header .search-form {
        /*position: absolute;*/
        /* position: relative;*/
        float: right;
	right: 200px;
	top: 200px;
}

.site-header .search-field {
	background-color: transparent;
	background-image: url(images/search-button-icon/ic_search_black_24px.svg);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 32px;
	margin: -5px 0;
	padding: 0 0 0 32px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
}

.site-header .search-field:focus {
	background-color: #fff;
	border: 2px solid #c3c0ab;
	cursor: text;
	outline: 0;
	/* width: 230px; */
        width:18em;
}
.search-form .search-submit { 
        display:none;
}


/* Removing "Post Navigation" Bar from bottom of each Post */
/* https://wordpress.org/support/topic/removing-post-navigation-bar-from-bottom-of-each-post */
.nav-single {
display: none;
}


/* Change search button icon */
/* https://wordpress.org/support/topic/how-to-add-my-own-image-to-search-button-in-twenty-twelve-theme */
/* http://www.2cto.com/kf/201110/106902.html */
#searchform input[type="submit"] {
        background: url("images/search-button-icon/ic_search_white_24px.svg") center no-repeat;
        box-shadow: none;
        border: none;
        text-indent: -9999em;
        vertical-align: middle;
        height: 32px;
        width: 32px;
        margin-left: -35px;
        background-color:#4285f4;
}

#searchform input[type="text"] {
        /* border:1px solid black; */
        vertical-align: middle;
        padding-right: 32px;
        height: 18px;
        /* padding-bottom: 0px; */
}

/* border color of input:text input:submit when hover ande focus from google */
#searchform input[type="text"]:hover {
        /*background-color:red;*/
        border:#a0a0a0 solid 1px;
        outline: none;
}

#searchform input[type="text"]:focus {
/*background-color:red;*/
        border:#4d90fe solid 1px;
        outline: none;
}

#searchform input[type="submit"]:hover {
/*background-color:red;*/
        border:#3b78e7 solid 1px;
        background-color:#3b78e7;
        outline: none;
}

/* Remove outline of search button  */
/* http://stackoverflow.com/questions/16898425/border-around-search-box-when-you-click-into-it */
#searchform input[type="submit"]:focus {
        /*background-color:red;*/
        border:#3367d6 solid 1px;
        background-color:#3367d6;
        outline: none;
}

/* Add outline box-shadow and width oftext area*/
/* http://www.solagirl.net/override-chromes-automatic-border-around-active-fields-using-css.html */
/* #searchform input[type="text"]:focus {
        outline: blue Solid 1px;
        box-shadow: 0 0.1em 1em #000;
        width: 200px;
} */

/* Not show outline when do oriented operations */
/* http://www.phonearena.com/search?term=Site%20Search */
/* a:focus, select, input, textarea, button {
        outline: none;
} */

/* #searchform  input[type="text"]:focus + input[type="submit"]{
        background: url("images/search-button-icon/ic_search_black_24px-#A5C7FE.svg") center no-repeat;
        background-color:red;
        box-shadow: none;
        border: none;
} */

/* http://stackoverflow.com/questions/15314407/how-to-add-button-inside-input */
/* #searchform input[type="text"]:active {
background-color:orange;   
}

#searchform input[type="text"]:hover {
background-color:red;   
}

#searchform input[type="submit"]:active {
background-color:orange;   
}


#searchform input[type="submit"]:hover {
background-color:red;   
} */


/* change title color */
/* https://wordpress.org/support/topic/changing-header-font-colour-type-and-size-in-child-theme */
.site-header h1 a, .site-header h2 a, .site-header h3 a {
        color: #455a64;
}

/* define code color */
/* https://codex.wordpress.org/Writing_Code_in_Your_Posts */
pre, code{
	direction: ltr;
	text-align: left;
}

pre {border: solid 1px blue;
	font-size: 1.3 em; 
 	color: blue; 
	margin: 10px; 
	padding:10px; 
	background: #f4f4f4}
code {font-size:1.2em; 
	color: #087d68}


/* Custom link appearance, you can use colorpicker.com to pick out the #value for the colors */
/* https://wordpress.org/support/topic/twenty-twelve-how-to-change-hyperlink-color-on-pages */
/* https://en.forums.wordpress.com/topic/change-in-color-of-links-in-twenty-twelve */
.entry-content a,
.comment-content a {
      color: #4285f4;
}

.entry-content a:visited,
.comment-content a:visited {
      color: #7759ae;
}

.entry-content a:hover,
.comment-content a:hover {
      color: #455a64;
}


/*disable leave a reply*/
/* http://www.stefanjohansson.org/2013/01/how-to-move-or-remove-the-reply-to-link-in-the-twenty-twelve-theme/ */
#content .comments-link {
        display: none;
}


/* Remove meta from homepage */
/* http://wpsites.net/wordpress-themes/2-ways-to-remove-post-meta-post-info-links/ */
.home .entry-meta {
        display: none;
}


/* center header image */
/* https://wordpress.org/support/topic/center-header-image-on-all-pages-twenty-twelve */
img.header-image {
        margin-left:auto;
        margin-right:auto;
        display:block;
        box-shadow: 0 .3em 1em #000;
}


/* header image full width */
/* https://en.forums.wordpress.com/topic/center-twenty-twelve-image-header */
img.header-image {
	width: 100%;
}


/*bg color*/
/*https://www.w3.org/Style/Examples/007/center.en.html*/
body {
        background: #DCE3E6;
}

/*box shadow for site of desktop browser*/
/* https://wordpress.org/support/topic/twenty-twelve-how-to-remove-margins-at-sides */
body .site {
        padding: 1% 3%;
        /*margin-left: 3%;*/
        /*margin-right: 3%;*/
        /*margin-top: 2em;*/
        /*margin-bottom: 3em;*/
        box-shadow: 0 .3em 1em #000;
        border-radius:20px;
}

/*box shadow for site of mobile browser*/
/*https://www.w3.org/Style/Examples/007/center.en.html*/
/*http://www.templatemonster.com/blog/css-media-queries-for-all-devices-and-browsers-including-ie7-and-ie8/*/
@media screen and (max-width: 1100px) {
html {
        background: #DCE3E6
     }
body {
        padding: 0 0;
        margin: 3em 3% 5em 3%;
        background: #fff;
        color: #333;
        position: relative;
        box-shadow: 0 .3em 1em #000;
        border-radius:18px;
      }
/* remove site margin */
/*http://wordpress.stackexchange.com/questions/85414/twenty-twelve-theme-remove-margins*/
body .site {
        margin:0;max-width: 100%;
      }
}