div#google_typography { }
div#google_typography .help_hint { width: 132px; height: 50px; background: url('../images/help_hint.png') no-repeat; position: absolute; top: -75px; right: 25px; }
div#google_typography .welcome { display: none; font-family: 'Lato'; text-align: center; margin-top: 60px; position: relative; }
div#google_typography .welcome .welcome_title { margin-bottom: 55px }
div#google_typography .welcome .welcome_title h1 { font-size: 40px; color: #666; font-weight: 300; margin-bottom: 40px; }
div#google_typography .welcome .welcome_title p { font-size: 17px; color: #aaa; font-weight: 300; }
div#google_typography .welcome ul.steps { list-style: none; overflow: hidden; }
div#google_typography .welcome ul.steps li { float: left; width: 33%; padding-top: 220px; }
div#google_typography .welcome ul.steps li h3 { font-size: 22px; font-weight: 400; margin-bottom: 20px; }
div#google_typography .welcome ul.steps li p { font-size: 13px; color: #999; }
div#google_typography .welcome ul.steps li.step_1 { background: url('../images/step_1.png') no-repeat top center }
div#google_typography .welcome ul.steps li.step_2 { background: url('../images/step_2.png') no-repeat top center }
div#google_typography .welcome ul.steps li.step_3 { background: url('../images/step_3.png') no-repeat top center }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) { 
	div#google_typography .welcome ul.steps li.step_1 { background: url('../images/step_1@2x.png') no-repeat top center; background-size: 210px 210px; }
	div#google_typography .welcome ul.steps li.step_2 { background: url('../images/step_2@2x.png') no-repeat top center; background-size: 210px 210px; }
	div#google_typography .welcome ul.steps li.step_3 { background: url('../images/step_3@2x.png') no-repeat top center; background-size: 210px 210px; }
}
div#google_typography .template { display: none }
div#google_typography .collections { margin-top: 20px }
div#google_typography .collection { border: 1px solid #d9d9d9; border-radius: 4px; background-color: #fff; margin-bottom: 20px; transition: box-shadow 0.2s ease-in; position: relative; }
div#google_typography .collection .handle { cursor: move; height: 14px; padding-top: 12px; }
div#google_typography .collection .handle div { background: none repeat scroll 0 0 #F0F0F0; border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; height: 6px; margin: 0 auto; width: 100%; }
div#google_typography .collection.current { border: 1px solid #aaa; box-shadow: 0 0 10px rgba(1,1,1,.25); }
div#google_typography .collection_title_wrapper { width: 100% }
div#google_typography .collection_title, div#google_typography .collection_title:focus { font-size: 18px; line-height: 18px; display: inline-block; border: none; outline: none; background: transparent; box-shadow: none; padding: 0 !important; }
div#google_typography .collection_moreoptions label { display: inline-block }
.fontfamily_dropdown .select2-results { padding: 0 0 0 0px; margin: 4px 0px 4px 0; }
.fontfamily_dropdown .select2-result .has-preview { height: 40px; background-color: #000; margin: 0; background-size: auto 40px; background-repeat: no-repeat; text-indent: -9999px; border-left: 8px solid #fff; display: block; }
.fontfamily_dropdown .select2-result .select2-result-label .no-preview { line-height: 1.7; display: inline-block; padding-left: 10px; padding-right: 10px; }
.fontfamily_dropdown .select2-results .select2-result-label { padding: 0 }
.fontfamily_dropdown .select2-result.select2-highlighted .has-preview { background-color: #3875d7 }
.fontfamily_dropdown .select2-result .select2-result-label .has-preview { padding: 0; padding-left: 10px; height: 40px; }
.fontfamily_dropdown .select2-result-label { padding-left: 10px }
div#google_typography .left_col input { padding: 4px 6px; width: 210px; margin: 1px 2px; }
div#google_typography .collection_preview { margin-right: 8px !important; float: none; }
/* Preview */
div#google_typography .font_preview { padding: 20px; min-height: 30px; font-size: 32px; position: relative; border-radius: 4px 4px 0px 0px; }
div#google_typography .font_preview.dark, div#google_typography .font_preview.dark input { background: #313131 }
div#google_typography .font_preview input { border: 0; padding: 0; width: 98%; }
div#google_typography .font_preview input:focus { box-shadow: none; }
div#google_typography .font_preview ul.preview_color { list-style: none; position: absolute; top: 25px; right: 15px; margin: 0; padding: 0; }
div#google_typography .font_preview ul.preview_color li { }
div#google_typography .font_preview ul.preview_color li a { width: 9px; height: 9px; text-indent: -999999px; display: block; border-radius: 100%; background: #fff; border: 1px solid rgba(0,0,0,0.2); cursor: pointer; }
div#google_typography .font_preview ul.preview_color li a.dark { background: #292929; border: 1px solid rgba(255,255,255,0.4); }
/* Options */
div#google_typography .font_options { padding: 10px; padding-bottom: 4px; background: #f5f5f5; border-top: 1px solid #d9d9d9; border-radius: 0px 0px 4px 4px; }
div#google_typography .font_options .left_col { float: left }
div#google_typography .collection.current .font_options .right_col { opacity: 1 }
div#google_typography .font_options .font_family { width: 210px }
div#google_typography .font_options .backup_font { width: 210px }
div#google_typography .font_options .font_variant { width: 105px }
div#google_typography .font_options .font_size { width: 105px }
div#google_typography .font_options .wp-color-result { height: 26px; margin: -8px 0px 0px 0; vertical-align: top; box-shadow: none; }
div#google_typography .font_options .wp-color-result:after { line-height: 26px }
div#google_typography .font_options .wp-picker-open { top: 1px }
div#google_typography .font_options .wp-picker-holder { position: absolute }
div#google_typography .font_options .wp-picker-input-wrap { margin-top: -7px }
div#google_typography .font_options .wp-picker-clear { display: none }
div#google_typography .font_options .wp-picker-container .iris-picker { z-index: 1000 }
div#google_typography .font_options .font_color { margin-left: 3px; padding: 7px 1px; font-family: 'Open Sans', sans-serif; width: 90px; height: 30px; line-height: 30px; }
div#google_typography .font_options a.save_collection.saving { opacity: .5 }
.reset_collections { color: #f00 }
.reset_collections:hover { background: #f00; color: #fff; text-shadow: none; }
div#google_typography .loading { width: 600px; margin: 80px auto 0 auto; text-align: center; display: none; }
div#google_typography .loading .spin { width: 34px; height: 34px; background: url('../images/spinner.gif') no-repeat; display: block; margin: 0 auto 15px auto; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) { 
	div#google_typography .loading .spin { background: url('../images/spinner2x2.gif') no-repeat; background-size: 34px 34px; }
}
div#google_typography .footer { }
div#google_typography .footer p { color: #999; font-size: 11px; }
/*--------------------------------------------
Misc
---------------------------------------------*/
.clear { clear: both }
div#google_typography a, div#google_typography select { outline: none }
/*--------------------------------------------
MyThemeShop Custom CSS
---------------------------------------------
div#google_typography .collection:nth-last-child(-n+2) .css_selectors, div#google_typography .collection:nth-last-child(-n+2) .font_options .left_col div.chzn-container:nth-child(6) {
    display: none;
}*/
#google_typography .chzn-container .chzn-results .group-result { color: #000; background: #F0F0F0; }
#google_typography .chzn-container .chzn-results { padding: 0; cursor: default; }
#google_typography .font_preview input { box-shadow: none }
div#google_typography .font_options a.delete_collection { position: absolute; top: 8px; right: 6px; color: #FF5200; display: block; width: 16px; height: 16px; font-size: 16px; text-decoration: none; background: #FFF; border-radius: 100%; }
#google_typography { margin: 8px 0; float: left; width: 100%; }
div#google_typography .collections { margin: 20px }
#typography_default_section_group h3 { padding: 0 20px }
#typography_default_section_group .nhp-opts-section-desc { padding: 0 20px 20px; border-bottom: 1px solid #EAEAEB; }
div#google_typography .font_preview ul.preview_color { top: 32px; right: 8px; }
.left_col > input, .left_col > div { float: left; display: block; margin: 0 8px 8px 0; }
.left_col > input { height: 33px; padding: 8px; width: 210px; }
div#google_typography .wp-picker-container { padding-top: 8px; height: 25px; width: auto; }
div#google_typography ::-webkit-input-placeholder { padding-top: 2px }
div#google_typography :-moz-placeholder { padding-top: 2px }
div#google_typography ::-moz-placeholder { padding-top: 2px }
div#google_typography :-ms-input-placeholder { padding-top: 2px }