@import url(//hearthstoneplayers.com/wp-content/themes/hsp-child/css/forums.css);
div.wpcf7 {
margin: 0;
padding: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
}
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors {
border: 2px solid #f7e700;
}
span.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip { 
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
margin-left: 0.5em;
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 img.ajax-loader {
border: none;
vertical-align: middle;
margin-left: 4px;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;zoom:1;*display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:23px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(//hearthstoneplayers.com/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(//hearthstoneplayers.com/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(//hearthstoneplayers.com/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) no-repeat 100% -20px;background:url(//hearthstoneplayers.com/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;width:100%;height:auto!important;height:1%;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:5px;height:15px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#666;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-multi .chosen-choices li.search-field .default{color:#999}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 0 3px 5px;padding:3px 20px 3px 5px;border:1px solid #aaa;border-radius:3px;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(//hearthstoneplayers.com/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#111!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(//hearthstoneplayers.com/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) no-repeat -30px -20px;background:url(//hearthstoneplayers.com/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:144dpi){.chosen-rtl .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url(//hearthstoneplayers.com/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:url(//hearthstoneplayers.com/wp-content/plugins/search-filter-pro/public/assets/css/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x #eee;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e78f08;background:url(//hearthstoneplayers.com/wp-content/plugins/search-filter-pro/public/assets/css/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x #f6a828;color:#fff;font-weight:700}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:url(//hearthstoneplayers.com/wp-content/plugins/search-filter-pro/public/assets/css/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x #f6f6f6;font-weight:700;color:#1c94c4}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none}.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid #fbcb09;background:url(//hearthstoneplayers.com/wp-content/plugins/search-filter-pro/public/assets/css/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x #fdf5ce;font-weight:700;color:#c77405}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#c77405;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #fbd850;background:url(//hearthstoneplayers.com/wp-content/plugins/search-filter-pro/public/assets/css/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff;font-weight:700;color:#eb8f00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:url(//hearthstoneplayers.com/wp-content/plugins/search-filter-pro/public/assets/css/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x #ffe45c;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:url(//hearthstoneplayers.com/wp-content/plugins/search-filter-pro/public/assets/css/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% #b81900;color:#fff}.ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px;background-position:16px 16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(//hearthstoneplayers.com/wp-content/plugins/search-filter-pro/public/assets/css/images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(//hearthstoneplayers.com/wp-content/plugins/search-filter-pro/public/assets/css/images/ui-icons_ffffff_256x240.png)}.ui-state-active .ui-icon,.ui-state-default .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(//hearthstoneplayers.com/wp-content/plugins/search-filter-pro/public/assets/css/images/ui-icons_ef8c08_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(//hearthstoneplayers.com/wp-content/plugins/search-filter-pro/public/assets/css/images/ui-icons_228ef1_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(//hearthstoneplayers.com/wp-content/plugins/search-filter-pro/public/assets/css/images/ui-icons_ffd27a_256x240.png)}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-first,.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:4px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:4px}.ui-widget-overlay{background:url(//hearthstoneplayers.com/wp-content/plugins/search-filter-pro/public/assets/css/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% #666;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:url(//hearthstoneplayers.com/wp-content/plugins/search-filter-pro/public/assets/css/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x #000;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px}.ll-skin-melon .ui-datepicker{padding:0}.ll-skin-melon .ui-datepicker-header{border:none;background:0 0;font-weight:400;font-size:15px}.ll-skin-melon .ui-datepicker-header .ui-state-hover{background:0 0;border-color:transparent;cursor:pointer;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}.ll-skin-melon .ui-datepicker .ui-datepicker-title{margin-top:.4em;margin-bottom:.3em;color:#e9f0f4}.ll-skin-melon .ui-datepicker .ui-datepicker-next,.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover,.ll-skin-melon .ui-datepicker .ui-datepicker-prev,.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover{top:.9em;border:none}.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover{left:2px}.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover{right:2px}.ll-skin-melon .ui-datepicker .ui-datepicker-next span,.ll-skin-melon .ui-datepicker .ui-datepicker-prev span{background-image:url(//hearthstoneplayers.com/wp-content/plugins/search-filter-pro/public/assets/img/ui-icons_ffffff_256x240.png);background-position:-32px 0;margin-top:0;top:0;font-weight:400}.ll-skin-melon .ui-datepicker .ui-datepicker-prev span{background-position:-96px 0}.ll-skin-melon .ui-datepicker table{margin:0}.ll-skin-melon .ui-datepicker th{padding:1em 0;color:#ccc;font-size:13px;font-weight:400;border:none;border-top:1px solid #3a414d}.ll-skin-melon .ui-state-disabled{opacity:1}.ll-skin-melon .ui-state-disabled .ui-state-default{color:#fba49e}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;-ms-user-select:none;-moz-user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-base{width:100%;height:100%;position:relative}.noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-handle{position:relative;z-index:1}.noUi-stacking .noUi-handle{z-index:10}.noUi-state-tap .noUi-origin{-webkit-transition:left .3s,top .3s;transition:left .3s,top .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-horizontal.noUi-extended{padding:0 15px}.noUi-horizontal.noUi-extended .noUi-origin{right:-15px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}.noUi-vertical.noUi-extended{padding:15px 0}.noUi-vertical.noUi-extended .noUi-origin{bottom:-15px}.noUi-background{background:#FAFAFA;box-shadow:inset 0 1px 1px #f0f0f0}.noUi-connect{background:#3FB8AF;box-shadow:inset 0 0 3px rgba(51,51,51,.45);-webkit-transition:background 450ms;transition:background 450ms}.noUi-origin{border-radius:2px}.noUi-target{border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-target.noUi-connect{box-shadow:inset 0 0 3px rgba(51,51,51,.45),0 3px 6px -5px #BBB}.noUi-dragable{cursor:w-resize}.noUi-vertical .noUi-dragable{cursor:n-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect,[disabled].noUi-connect{background:#B8B8B8}[disabled] .noUi-handle{cursor:not-allowed}.noUi-state-blocked .noUi-connect,.noUi-state-blocked.noUi-connect{background:#4FDACF}.searchandfilter p{margin-top:1em;display:block}.searchandfilter ul{display:block;margin-top:0;margin-bottom:0}.searchandfilter ul li{list-style:none;display:block;padding:10px 0;margin:0}.searchandfilter ul li li{padding:5px 0}.searchandfilter ul li ul li ul{margin-left:20px}.searchandfilter label{display:block;margin:0;padding:0}.searchandfilter h4{margin:0;padding:5px 0 10px;font-size:16px}.searchandfilter .range-max,.searchandfilter .range-min{max-width:80px}.searchandfilter .datepicker{max-width:170px}.searchandfilter select{min-width:170px}.searchandfilter ul>li>ul:not(.children){margin-left:0}.searchandfilter .meta-slider{margin-top:10px;margin-bottom:10px;height:15px;max-width:220px}.searchandfilter .noUi-connect{background-color:#526E91}.searchandfilter .noUi-horizontal.noUi-extended{padding:0 10px}.searchandfilter .noUi-horizontal.noUi-extended .noUi-origin{right:-10px}.searchandfilter .noUi-handle{border-color:#ccc}.searchandfilter .noUi-horizontal .noUi-handle{width:24px;height:24px;top:-5px;border-radius:20px;left:-12px}.searchandfilter .noUi-horizontal .noUi-handle:after,.searchandfilter .noUi-horizontal .noUi-handle:before{height:9px;top:7px}.searchandfilter .noUi-horizontal .noUi-handle:before{left:9px}.searchandfilter .noUi-horizontal .noUi-handle:after{left:12px}.ll-skin-melon{font-size:90%}.ll-skin-melon .ui-datepicker td{background:#f7f7f7;border:none;padding:0}.ll-skin-melon .ui-datepicker th{border-color:#4D6077}.ll-skin-melon .ui-widget{font-family:inherit;background:#526E91;border:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-moz-box-shadow:0 0 3px rgba(0,0,0,.3);-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3)}.searchandfilter.horizontal ul>li{display:inline-block;padding-right:10px}.searchandfilter.horizontal ul>li li{display:block}.ll-skin-melon td .ui-state-default{background:0 0;border:none;text-align:center;padding:.3em;margin:0;font-weight:400;color:#6C88AC;font-size:14px}.ll-skin-melon td .ui-state-active{background:#526E91;color:#fff}.ll-skin-melon td .ui-state-hover{background:#C4D6EC}.searchandfilter li.hide,.searchandfilter select option.hide{display:none}.searchandfilter .disabled{opacity:.7}.chosen-container-multi .chosen-choices li.search-field input[type=text]{height:auto}.chosen-container{font-size:14px}.chosen-container-single .chosen-single{height:auto}.chosen-container-multi .chosen-choices li.search-field input[type=text]{font-family:inherit}.chosen-container-multi .chosen-choices li.search-choice{margin:3px 3px 3px 5px}.search-filter-results .sf-active{font-weight:700}.search-filter-results .sf-disabled{opacity:.5}
html, 
body, 
div, 
span, 
object, 
iframe, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p, 
blockquote, 
pre, 
abbr, 
address, 
cite, 
code, 
del, 
dfn, 
em, 
img, 
ins, 
kbd, 
q, 
samp, 
small, 
strong, 
sub, 
sup, 
var, 
b, 
i, 
dl, 
dt, 
dd, 
ol, 
ul, 
li, 
fieldset, 
form, 
label, 
legend, 
table, 
caption, 
tbody, 
tfoot, 
thead, 
tr, 
th, 
td, 
article, 
aside, 
canvas, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
menu, 
nav, 
section, 
summary, 
time, 
mark, 
audio, 
video 													{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }        
article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
nav, 
section 												{ display: block; }
audio, 
canvas, 
video 													{ display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) 									{ display: none; }
[hidden] 												{ display: none; }
html 													{ font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body 													{ margin: 0; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }          
a		 												{ color:blue; }
a:focus  												{ outline: thin dotted; }
li														{ list-style:none; }
abbr[title]  											{ border-bottom:none; }
b, 
strong  												{ font-weight: 700; }
i,
em,
dfn  													{ font-style: italic; }
ins  													{ background: #ff9; color: #000; text-decoration: none; }
mark 	 												{ background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, 
code, 
kbd, 
samp  													{ font-family: monospace, monospace; _font-family: 'courier new', monospace; }
pre  													{ white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q  														{ quotes: none; }
q:before, 
q:after  												{ content: ""; content: none; }
small 													{ font-size: 85%; }
sub, 
sup  													{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup  													{ top: -0.5em; }
sub  													{ bottom: -0.25em; }
img  													{ border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
label  													{ cursor: pointer; }
input, 
select, 
textarea  												{ font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, 
input  													{ line-height: normal; *overflow: visible; }
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] 									{ cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], 
input[type="radio"] 									{ box-sizing: border-box; }
input[type="search"] 									{ -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration			{ -webkit-appearance: none; }
button::-moz-focus-inner, 
input::-moz-focus-inner 								{ border: 0; padding: 0; }
textarea  												{ overflow: auto; vertical-align: top; resize: vertical; }
table  													{ border-collapse: collapse; border-spacing: 0; }
td  													{ vertical-align: top; }
body {
color: #444444;
font-family: Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 15px;
text-align: left;
line-height: 1.5em;
background-color: #d2d1d0;
margin:0;
padding:0;
} h1, h2, h3, h4, h5, h6 {
color:#34495e;
}
h1 { font-weight: bold; font-size: 28px; padding: 0 0 5px 0; }
h2 { font-weight: bold; font-size: 20px; color: #907450; padding: 0 0 10px 0; }
h3 { font-weight: bold; font-size: 16px; color: #595959; padding: 0 0 5px 0;}
h4 { font-weight: bold; font-size: 16px; color: #595959; padding: 0;} p a:link {color: #0084b4; text-decoration: none;}
p a:visited {color: #0084b4; text-decoration: none;}
p a:hover {color: #0084b4; text-decoration: underline;}
p a:active {color: #0084b4; text-decoration: underline;}
a:link {color: #0084b4; text-decoration: none;}
a:visited {color: #0084b4; text-decoration: none;}
a:hover {color: #0084b4; text-decoration: underline;}
a:active {color: #0084b4; text-decoration: underline;} #wrapper {
margin: 0 auto;
padding: 20px 0 0 0;
width: 1080px;
}
#wrapper p{
margin-bottom: 12px;
}
#content{
float: right;
width: 760px;
}
#content img{
max-width: 100%;
height: auto;
}
.modual{
background-color: #f5f5f5;
padding: 20px;
margin-bottom: 20px;
overflow: hidden;
}
.rounded{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#breadcrumbs{
font-weight: bold;
line-height: 15px;
padding-bottom: 15px;
}
#breadcrumbs .fa-chevron-right{
color: #9b9b9b;
padding: 0 5px;
font-size: 12px;
}
#breadcrumbs .breadcrumb_last{
color: #666666;
}
#featured-image{
width: 760px;
height: 160px;
margin-left: -20px;
margin-bottom: 20px;
position: relative;
}
#post-title{
padding: 10px 0 10px 20px !important;
background-color: rgba(19,21,28,0.85);
font-size: 22px;
line-height: 22px;
font-weight: normal !important;
text-shadow: 1px 1px 1px #000;
width: 700px !important;
position: absolute;
bottom: 0;
left: 0;
color: #ffffff !important;
background: -moz-linear-gradient(-45deg,  rgba(18,18,18,1) 0%, rgba(18,18,18,0.5) 60%, rgba(255,255,255,0) 80%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(18,18,18,1)), color-stop(60%,rgba(18,18,18,0.5)), color-stop(80%,rgba(255,255,255,0))); background: -webkit-linear-gradient(-45deg,  rgba(18,18,18,1) 0%,rgba(18,18,18,0.5) 60%,rgba(255,255,255,0) 80%); background: -o-linear-gradient(-45deg,  rgba(18,18,18,1) 0%,rgba(18,18,18,0.5) 60%,rgba(255,255,255,0) 80%); background: -ms-linear-gradient(-45deg,  rgba(18,18,18,1) 0%,rgba(18,18,18,0.5) 60%,rgba(255,255,255,0) 80%); background: linear-gradient(135deg,  rgba(18,18,18,1) 0%,rgba(18,18,18,0.5) 60%,rgba(255,255,255,0) 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#121212', endColorstr='#00ffffff',GradientType=1 ); }
#featured-image .comment-count a{
position: absolute;
bottom: 8px;
right: 15px;
color: #f5f5f5;
font-size: 20px;
text-decoration: none;
text-shadow: 1px 1px 1px #000;
font-weight: bold;
}
#featured-image .twitter-share{
position: absolute;
top: 10px;
right: 80px;
}
#featured-image .fb-like{
position: absolute;
top: 10px;
right: -10px;
} #post-vote{
margin-bottom: 10px;
background-color: #fff;
border: solid 1px #ddd;
width: 250px;
float: right;
padding: 5px 15px;
box-sizing: border-box;
}
#post-vote .rating-text{
color: #838383;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.02em;
padding-bottom: 0px;
}
a.jm-post-like {
font-weight: normal;
display: inline-block;
width: auto;
font-size: 20px;
line-height: 20px;
padding: 5px;
color: #0084b4;
border-radius: 3px;
-moz-transition: all 0.3s ease-out 0.2s;
-webkit-transition: all 0.3s ease-out 0.2s;
-o-transition: all 0.3s ease-out 0.2s;
}
a.jm-post-like.liked {
color: #89b41c;
}
a.jm-post-like:hover,
a.jm-post-like:active,
a.jm-post-like:focus,
a.liked:hover,
a.liked:active,
a.liked:focus { color: #f78300;
text-decoration: none;
} #header{
height: 190px;
min-width: 1080px;
background-color: #180e05;
background-image: url(//hearthstoneplayers.com/img/header/bg-topbar.jpg);
background-position: top center;
background-repeat: no-repeat;
position: relative;
border-bottom: 5px solid #180e05;
}
#header-wrapper {
margin: 0 auto;
padding: 0;
width: 1080px;
position: relative;
}
#logo{
padding: 25px 0 0 10px;
}
#login-signup{
background-color:rgba(255,255,255,0.20);
padding: 5px 25px;
border-radius: 3px;
color: #dddddd;
position: absolute;
top: 20px;
right: 0;
}
#login-signup a{
color: #dddddd;
}
#nav{
height: 58px;
width: 100%;
border-top: solid 1px #3a322a;
overflow: hidden;
position: absolute;
bottom: 0;
left: 0;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#nav ul{
width: 1080px;
margin: 0 auto;
}
#nav ul li{
float: left;
}
#nav ul li a{
color: #dddddd;
font-size: 16px;
line-height: 58px;
margin-right: 30px;
text-decoration: none;
}
#nav ul li a:hover{
color: #ff8000;
text-decoration: none;
-webkit-transition: color 0.15s ease-in-out;
-moz-transition: color 0.15s ease-in-out;
-ms-transition: color 0.15s ease-in-out;
transition: color 0.15s ease-in-out;
}
.nav-icon{
background-image: url(//hearthstoneplayers.com/img/header/nav-icons.png);
height: 32px;
width: 32px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-top: -4px;
}
.nav-home 			{background-position: 0px 0px;}
.nav-library 		{background-position: -32px 0px;}
.nav-contributors	{background-position: -64px 0px;}
.nav-blog			{background-position: -96px 0px;}
.nav-faq			{background-position: -128px 0px;}
.nav-forums			{background-position: -160px 0px;}
.nav-contact		{background-position: -192px 0px;}
#nav .nav-first{
margin-left: 12px;
} #search-container{
position: absolute;
bottom: -10px;
right: 0;
}
#search{
float: right;
z-index: 5;
position: relative;
}
#search input{
background-color:rgba(255,255,255,0.20);
border: 0;
color: #606060;
font-size: 14px;
margin: 9px 0 0 0;
padding: 8px 0 8px 20px;
height: 22px;
width: 200px;
border-radius: 5px;
box-shadow: 0;
border: 0;
outline: none;
}
#search input:focus{
background: #f2f2f2;
}
#searchbutton{
width: 38px !important;
height: 38px !important;
color: #888;
background-color: #372f27;
border: none;
position: absolute;
top: 9px;
right: 0;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
} #comments-header{
background-color: #eee;
width: 760px;
border-bottom: solid 1px #ddd;
margin: -20px 0 20px -20px;
padding: 20px 20px 15px 20px;
}
#comments-header h2{
padding: 0;
margin: 0
}
#comment-verify{
border-bottom: solid 1px #ddd;
margin-bottom: 15px;
}
.comment-body{
position: relative;
padding-bottom: 10px;
margin-bottom: 5px;
}
.comment-body p{
margin-bottom: 0 !important;
}
.comment{
position: relative;
}
.bypostauthor:after{
content: "Author";
position: absolute;
top: 60px;
font-size: 13px;
line-height: 13px;
left: 0;
background-color: #f78300;
color: #fff;
padding: 3px 5px;
border-radius: 3px;
}
.comment-body a{color: rgba(0,39,59,.5); font-size: 13px;}
.comment-body a:hover{color: #80939d; text-decoration: none;}
.comment-body .avatar{
position: absolute;
top: 5px;
left: 0;
margin: 0 12px 10px 0;
border-radius: 3px;
}
.comment-author{
margin-left: 60px;
display: inline;
color: #0084b4;
font-weight: bold;
}
.comment-author .fn{
font-style: normal;
}
.comment-body .says{
display: none;
}
.comment-meta{
display: inline;
}
.comment-meta:before{
content: "\0000a0\·\0000a0\0000a0";
color: #777;
}
.comment-body p{
padding-bottom: 15px;
margin-left: 60px;
}
.comment-body .reply{
margin-left: 60px;
margin-top: -15px;
color: #7f929c;
} .children .depth-2{
margin-left: 60px;
}
.children .depth-3{
margin-left: 60px;
} #respond{
margin-bottom: 20px;
} #footer{
background-color: #190f05;
min-width: 1080px;
color: #f2f2f2;
padding: 20px 0 0 0;
}
#footer-wrapper{
width: 1080px;
margin: 0 auto;
}
#footer-copy{
clear: both;
text-align: center;
padding: 40px 0;
}
#footer h3 {
color: #ddd;
border-bottom: solid 1px #585f00;
font-size: 16px;
line-height: 1.4em;
font-weight: bold;
margin-bottom: 10px;
}
.footer-item{
width: 25%;
float: left;
padding-right: 25px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#footer .last{
padding-right: 0;
margin-right: 0;
}
.footer-list a{
color: #f2f2f2;
font-weight: bold;
}
.footer-list .fa{
margin-right: 5px;
}
#footer-newsletter{
position: relative;
}
#footer-newsletter input{
width: 100%;
border: solid 1px #d0d0d0;
margin: 0 0 15px 0;
border-radius: 5px;
padding: 10px;
outline: none;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#footer-newsletter input:focus{
background: #f2f2f2;
}
#footer-newsletter-btn {
width: 39px !important;
height: 39px !important;
color: #888;
background-color: #372f27;
border: none;
outline: none;
position: absolute;
top: 0;
right: -1px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
#footer-logo{
width: 260px;
margin: 0 auto;
padding: 40px 0 0 0;
}
#footer-ad{
margin: 0 auto;
width: 730px;
padding-bottom: 40px;
} .pagination {
clear: both;
margin: 20px 0;
text-align: center;
}
.pagination .pages{
float: right;
}
.pagination .page-numbers{
border: 1px solid #93af1c;
padding: 3px 6px;
border-radius: 3px;
}
.pagination .page-numbers:link{
color: #93af1c;
text-decoration: none;
}
.pagination .page-numbers:visited{
color: #93af1c;
}
.pagination .page-numbers:hover{
color: #f5f5f5;
background-color: #93af1c;
}
.pagination .current{
color: #f5f5f5;
background-color: #93af1c;
}
#sidebar{
float: left;
width: 300px;
}
#guide-info-wrapper{
float: right;
padding-left: 10px;
background-color: #f5f5f5;
} .library-category{
float: left;
height: 165px;
width: 165px;
margin-right: 20px;
margin-bottom: 20px;
position: relative;
}
.last{
margin-right: 0 !important;
}
.library-category img{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.library-category-title{
height: 40px;
background: rgba(0, 0, 0, 0.65);
font-size: 16px;
line-height: 40px;
font-weight: normal;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
color: #FFFFFF;
text-align: center;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.library-category-link{
position: absolute;
height: 165px;
width: 165px;
top: 0;
right: 0;
}
.library-category-link:hover{
background-color: #333333;
opacity: .2;
} #category-desc{
padding-bottom: 8px;
}
.guide-box{
float: left;
width: 226px;
margin: 0 20px 20px 0;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.guide-third{
margin-right: 0;
}
.guide-thumbnail{
position: relative;
}
.guide-comment-count a {
position: absolute;
bottom: 5px;
right: 10px;
color: #f5f5f5;
font-size: 16px;
text-decoration: none;
text-shadow: 1px 1px 1px #000;
font-weight: bold;
}
.guide-info{
width: 100%;
padding: 10px;
height: 105px;
border-top: none;
position: relative;
background-color: #fff;
border: solid 1px #eeeeee;
border-bottom: solid 4px #dddddd;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.guide-thumbnail img{
}
.guide-title{
margin: 0;
padding: 0;
font-size: 15px;
font-weight: bold;
line-height: 18px;
color: #f5f5f5;
height: 38px;
overflow: hidden;
}
.guide-author{
display: block;
font-size: 12px;
position: absolute;
bottom: 20px;
left: 10px;
}
.guide-date{
display: block;
font-size: 12px;
position: absolute;
bottom: 0px;
left: 10px;
}
.guide-views{
display: block;
font-size: 12px;
position: absolute;
bottom: 0px;
right: 10px;
}
.filter-type{
padding: 4px 10px 4px;
color: #ffffff;
font-size: 13px;
line-height: 13px;
background: #dddddd;
display: inline-block;
position: absolute;
bottom: 25px;
right: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.filter-free{
background-color: #89b41c;
}
.filter-premium{
background-color: #f78300;
} #hsp-follow-bar{
width: 760px;
height: 40px;
margin: -20px 0 20px -20px;
padding: 10px 20px;
background-color: #fff;
border-bottom: solid 1px #ddd;
box-sizing: border-box;
}
.hsp-follow-bar-txt{
text-transform: uppercase;
font-size: 18px;
line-height: 18px;
float: left;
margin-right: 30px;
margin-top: 3px;
color: #907450;
}
#hsp-follow-bar-social{
display: inline-block;
}
.hsp-social-btn{
margin-left: 10px;
}
.section{
padding: 65px 0 0;
margin: -65px 0 0;
}
#guide-content h2 {
padding: 14px 0 12px 0;
}
#guide-content h3 {
font-weight: bold;
font-size: 15px;
color: #333;
text-transform: uppercase;
padding: 0px 0 0px 0;
letter-spacing: 0.03em;
}
.guide-info-box{
width: 250px;
background-color: #ffffff;
border: solid 1px #ddd;
float: right;
padding: 15px;
margin-bottom: 10px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#guide-info-wrapper h3{
color: #838383;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.02em;
padding-bottom: 0px;
}
#guide-info-wrapper .post-categories{
padding-bottom: 15px;
}
#dust_cost{
display: inline-block;
margin-left: 5px;
}
#post-content ul, #post-content ol {
margin: 0 0 20px 20px;
}
#post-content li {
margin-bottom: 5px;
}
#post-content ul li {
list-style-position: outside;
list-style-type: disc;
}
#post-content ol li{
list-style-position: outside;
list-style-type: decimal;
}
#start-learning-hsp{
background: #252525;
color: #ddd;
width: 600px;
height: 80px;
position: relative;
padding: 15px;
margin-top: 40px;
border-radius: 3px;
clear: both;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;   
}
#start-learning-hsp p{
width: 70%;
padding: 0;
margin: 0;
}
.start-learning-btn{
display: inline;
position: absolute;
top: 15px;
right: 15px;
line-height: 1;
color: #fff !important;
padding: 12px 20px 11px 20px;
background: #D24D33;
border-color: #b4412b;
border-radius: 5px;
z-index: 4;
}
.start-learning-btn:hover{
background: #d75b43;
text-decoration: none;
}
.start-learning-btn:visited{
color: #fff;
}
.start-learning-arrow{
width: 0;
height: 0;
border: 30px solid transparent;
border-bottom: 40px solid #252525;
position: absolute;
top: -30px;
right: -29px;
}
.start-learning-arrow:after{
content: '';
position: absolute;
left: -29px;
top: 40px;
width: 0;
height: 0;
border: 30px solid transparent;
border-top: 40px solid #252525;
}
#hsp-contribute{
background-color: #252525;
color: #f5f5f5;
font-size: 20px;
font-weight: bold;
text-align: center;
width: 760px;
padding: 20px;
margin: 0 0 -20px -20px;
}
#post-vote-bottom{
background-color: #fff;
border: solid 1px #ddd;
padding: 10px;
margin-top: 20px;
}
.post-vote-icon{
float: left;
padding-right: 15px;
}
.post-vote-title{
color: #838383;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 0.02em;
padding-bottom: 0px;
margin: 5px 0;
text-align: center;
width: 400px;
margin: 0 auto;
}
.post-vote-desc{
text-align: center;
width: 450px;
margin: 0 auto;
}
.post-vote-func{
float: right;
}
.post-vote-func a.jm-post-like {
font-size: 50px;
}
.guide-social-btn{
display: inline-block;
margin-right: 10px;
}
.social-gplus{
margin-left: -30px;
} #video-container{
margin: 0 0 20px -20px;
}
#youtube-subscribe{
border: solid 1px #ddd;
background-color: #fff;
padding: 10px;
margin-bottom: 20px;
} .preview-notification{
padding: 15px 0;
width: 760px;
text-align: center;
margin: -20px 0 20px -20px;
background-color: #ea583b;
border-bottom: solid 4px #cc3315;
color: #f5f5f5;
font-weight: bold;
clear: both;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.preview-notification a{
padding: 3px 8px;
margin: 0 3px;
background-color: #cc3315;
color: #f5f5f5 !important;
border-radius: 4px;
}
.preview-notification a:hover{
text-decoration: none;
background-color: #a42d15;
}
.preview-notification a:visited{
color: #f5f5f5;
}
#preivew-features{
border-top: solid 1px #ccc;
padding-top: 10px;
border-bottom: solid 1px #ccc;
padding-bottom: 15px;
margin-bottom: 20px;
}
#preivew-features .fa-check-circle{
color: #89b41c;
}
.preview-feature-btn{
margin-top: 10px;
display: inline-block;
line-height: 1;
color: #fff !important;
padding: 12px 20px 11px 20px;
background: #89b41b;
border-color: #b4412b;
border-radius: 5px;
}
.preview-feature-btn:hover{
background-color: #9cca28;
text-decoration: none;
} @font-face { 
font-family: 'Hearthstone'; 
src: url(//hearthstoneplayers.com/fonts/hearthstone.ttf);
}
#guide-info-wrapper .deck-list{
float: right;
clear: right;
}
.deck-right{
float: right;
}
.deck-list{
font-family: 'Hearthstone';
-webkit-font-smoothing: antialiased;
}
#deck-list-title{
font-size: 16px;
text-align: center;
margin-bottom: 5px;
}
.class-cards{
margin-bottom: 15px;
}
.deck-list .card{
width: 236px;
background-color: #252525;
border: 2px #6c6566 groove;
border-radius: 4px;
height: 29px;
display: block;
position: relative;
}
.deck-list .card-img{
height: 29px;
width: 160px;
float: right;
position: relative;
overflow: hidden;
z-index: 2;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.deck-list .card-img img {
position:absolute;
top:-110px;
left: -50px;
border-radius: 0 5px 5px 0;
z-index: 2;
max-width: initial !important;
}
.card-count-right{
margin-right: 20px;
}
.deck-list .card-overlay{
z-index: 3;
display: block;
height: 29px;
width: 240px;
position: absolute;
top: 0;
left: 0;
background: -moz-linear-gradient(left,  rgba(60,68,77,1) 40%, rgba(255,255,255,0.01) 75%); background: -webkit-gradient(linear, left top, right top, color-stop(40%,rgba(60,68,77,1)), color-stop(75%,rgba(255,255,255,0.01))); background: -webkit-linear-gradient(left,  rgba(60,68,77,1) 40%,rgba(255,255,255,0.01) 75%); background: -o-linear-gradient(left,  rgba(60,68,77,1) 40%,rgba(255,255,255,0.01) 75%); background: -ms-linear-gradient(left,  rgba(60,68,77,1) 40%,rgba(255,255,255,0.01) 75%); background: linear-gradient(to right,  rgba(60,68,77,1) 40%,rgba(255,255,255,0.01) 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c444d', endColorstr='#03ffffff',GradientType=1 ); }
.card-title{
font-size: 14px;
color: #ffffff;
position: absolute;
top: 3px;
left: 30px;
z-index: 6;
text-shadow:
-1px -1px 0 #000,  
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}
.card-count{
position: absolute;
width: 20px;
right: 0;
top: 3px;
bottom: 0;
font-size: 20px;
-moz-box-shadow: inset -5px 0 5px #111;
-webkit-box-shadow: inset -5px 0 5px #111;
box-shadow: inset -5px 0 5px #111;
color: #fe0;
text-align: center;
z-index: 4;
text-shadow:
-1px -1px 0 #000,  
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}
.mana-icon{
position: absolute;
top: -3px;
left: -12px;
z-index: 5;
height: 35px;
width: 35px;
}
.mana-icon img{
height: 35px;
width: 35px;
}
.mana-cost{
font-size: 20px;
color: #ffffff;
position: absolute;
top: 3px;
left: 2px;
z-index: 6;
text-shadow:
-1px -1px 0 #000,  
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}
.guide-deck-list .decklist-tooltip{
position: absolute;
top: -20px;
left: -185px;
display: none;
z-index: 7;
}
.decklist-tooltip img{
width: 175px !important;
max-width: none !important;
}
.card:hover .decklist-tooltip {
display: block;
}
.dl-card-link{
position: absolute;
top: 0;
right: 0;
display: block;
width: 240px;
height: 29px;
z-index: 6;
} .sc-deck{
width: 240px;
margin: 0 0 20px 0;
}
.hsp-deck-right{
float: right;
margin-left: 25px;
}
.hsp-deck-left{
float: left;
margin-right: 25px;
}
.hsp-deck-none .decklist-tooltip{
position: absolute;
top: -20px;
right: -185px;
display: none;
z-index: 7;
}
.hsp-deck-left .decklist-tooltip{
position: absolute;
top: -20px;
right: -185px;
display: none;
z-index: 7;
}
.hsp-deck-right .decklist-tooltip{
position: absolute;
top: -20px;
left: -185px;
display: none;
z-index: 7
} .mana-curve{
background-color: #242424;
padding: 10px 0 0 0;
width: 250px;
position: relative;
border: solid 5px #121212;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
margin-top: 20px;
margin-bottom: 15px;
float: right;
}
.mana-curve-content{
text-align: center;
}
.mana-curve-title{
font-size: 18px;
padding-bottom: 10px;
display: block;
}
.mana-curve-title a{
color: #f2f2f2;
text-decoration: none;
}
.mana-curve-title a:hover{
color: #0096ff;
text-decoration: none;
}
.mana-curve-content:after{
content: "";
height: 45px;
width: 100%;
background-color: #333333;
border-top: solid 1px #000;
position: absolute;
bottom: 0;
left: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
z-index: 4;
}
.mana-bars-content{
width: 20px;
margin-right: 5px;
margin-bottom: 55px;
display: inline-block;
}
.mana-bars-content:after{
content: "";
background: url(http://hearthable.com/img/mana-curve/mana-curve-mana-gems-sprite.png);
position: absolute;
width: 33px;
height: 32px;
margin-left: -18px;
bottom: 7px;
z-index: 5;
}
.mana-curve-content div:nth-child(2):after{
background-position: -33px;
}
.mana-curve-content div:nth-child(3):after{
background-position: -66px;
}
.mana-curve-content div:nth-child(4):after{
background-position: -99px;
}
.mana-curve-content div:nth-child(5):after{
background-position: -132px;
}
.mana-curve-content div:nth-child(6):after{
background-position: -165px;
}
.mana-curve-content div:nth-child(7):after{
background-position: -198px;
}
.mana-curve-content div:nth-child(8):after{
background-position: -231px;
}
.7-curve{
margin-right: 0;
}
.mana-count{
display: block;
color: #f2f2f2;
width: 20px;
text-align: center;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
}
.mana-bar-container{
width: 18px;
padding-top: 2px;
border: 1px solid rgba(255,255,255,0.2);
background: url(http://hearthable.com/img/mana-curve/mana-curve-outer-bg.png) no-repeat;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.75),inset 0 0 10px 1px rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.75),inset 0 0 10px 1px rgba(0,0,0,0.5);
-ms-box-shadow: 0 0 3px rgba(0,0,0,0.75),inset 0 0 10px 1px rgba(0,0,0,0.5);
-o-box-shadow: 0 0 3px rgba(0,0,0,0.75),inset 0 0 10px 1px rgba(0,0,0,0.5); height: 75px;
display: block;
position: relative;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.mana-bar{
width: 16px;
display: block;
position: absolute;
max-height: 98%;
bottom: 1px;
left: 1px;
background-color: #e1a025;
background-image: -webkit-linear-gradient(top,rgba(198,91,17,0.75) 0,rgba(198,91,17,0) 65%,rgba(255,255,255,0.25) 100%);
background-image: -moz-linear-gradient(top,rgba(198,91,17,0.75) 0,rgba(198,91,17,0) 65%,rgba(255,255,255,0.25) 100%);
background-image: -ms-linear-gradient(top,rgba(198,91,17,0.75) 0,rgba(198,91,17,0) 65%,rgba(255,255,255,0.25) 100%);
background-image: -o-linear-gradient(top,rgba(198,91,17,0.75) 0,rgba(198,91,17,0) 65%,rgba(255,255,255,0.25) 100%);
background-image: linear-gradient(top,rgba(198,91,17,0.75) 0,rgba(198,91,17,0) 65%,rgba(255,255,255,0.25) 100%);
overflow: hidden;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
} #deck-content #guide-info{
float: left;
} #related-posts{
margin: 20px 0;
padding-top: 20px;
border-top: solid 1px #cccccc;
}
#related-posts h3{
margin-bottom: 5px;
}
#related-posts ul, #related-posts ul li{
list-style: none;
padding: 0;
margin: 0;
}
#related-posts ul{
margin-left: -15px !important;
}
#related-posts .rp-block{
width: 25%;
float: left;
padding-left: 15px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.rp-thumbnail{
border-radius: 5px;
}
.rp-thumbnail img{
width: 100%;
height: auto;
border-radius: 3px;
}
.rp-title{
text-align: center;
font-size: 14px;
padding-top: 5px;
}
#related-posts a:link {color: #545454; text-decoration: none;}
#related-posts a:visited {color: #545454; text-decoration: none;}
#related-posts a:hover {color: #0084b4; text-decoration: none;}
#related-posts a:active {color: #0084b4; text-decoration: none;} #sidebar-ad{
margin-bottom: 20px;
overflow: hidden;
}
#join h2{
color: #444444;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 0 !important;
}
#join .sign-up-btn{
display: inline-block;
width: 100%;
height: 40px;
font-size: 18px;
line-height: 40px;
text-align: center;
background-color: #89b41b;
border-bottom: solid 4px #749a19;
color: #fff;
font-weight: bold;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
#join .sign-up-btn:hover{
background-color: #779e14;
}
#join .sign-up-txt{
display: block;
font-size: 13px;
}
.guide-categories li{
font-weight: normal;
margin-bottom: 10px;
}
.guide-categories .cat-list-border{
border-bottom: solid 1px #cccccc;
padding-bottom: 10px;
}
.cat-icon{
background-image: url(http://hearthstoneplayers.com/img/icons/categories/icons-cat-sidebar.jpg);
height: 36px;
width: 36px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
border-radius: 4px;
}
.cat-icon-all			{background-position: 0px 0px;}
.cat-icon-free			{background-position: 0px -36px;}
.cat-icon-premium		{background-position: 0px -72px;}
.cat-icon-general		{background-position: 0px -108px;}
.cat-icon-beginner		{background-position: 0px -144px;}
.cat-icon-adventure		{background-position: 0px -180px;}
.cat-icon-arena			{background-position: 0px -216px;}
.cat-icon-deck-building	{background-position: 0px -252px;}
.cat-icon-tournament	{background-position: 0px -288px;}
.cat-icon-deck-list		{background-position: 0px -324px;}
.cat-icon-druid			{background-position: 0px -360px;}
.cat-icon-hunter		{background-position: 0px -396px;}
.cat-icon-mage			{background-position: 0px -432px;}
.cat-icon-paladin		{background-position: 0px -464px;}
.cat-icon-priest		{background-position: 0px -504px;}
.cat-icon-rogue			{background-position: 0px -540px;}
.cat-icon-shaman		{background-position: 0px -576px;}
.cat-icon-warlock		{background-position: 0px -612px;}
.cat-icon-warrior		{background-position: 0px -648px;}
.guide-categories .guide-count{
background-color: #bbbbbb;
border-radius: 5px;
color: #ffffff;
font-size: 12px;
font-weight: 500;
float: right;
padding: 0px 8px;
margin-top: 5px;
}
#sidebar #featured-posts article{
overflow: hidden;
padding-bottom: 15px;
}
#sidebar .featured-guide-thumb img{
float: left;
height: 50px;
width: 50px;
margin-top: 2px;
margin-right: 10px;
border-radius: 3px;
}
#sidebar #featured-posts h2{
padding-bottom: 10px;
}
#sidebar #featured-posts article h2{
font-size: 15px;
line-height: 20px;
font-weight: normal;
padding-bottom: 0;
}
.sidebar-posts{
padding-bottom: 5px !important;
}
.sidebar-posts article{
overflow: hidden;
padding-bottom: 15px;
}
.sidebar-posts > h2, #guide-cats h2, #quickstart-box h2{
background-color: #eee;
border-bottom: solid 1px #ccc;
padding: 15px 0 10px 20px;
margin: -20px 0 10px -20px;
width: 300px;
font-size: 16px;
line-height: 20px;
}
.sidebar-posts article h2{
font-size: 15px;
line-height: 18px;
font-weight: normal;
padding-bottom: 0;
}
#sidebar .featured-entry-meta{
margin-left: 60px;
font-size: 13px;
color: #666666;
font-weight: bold;
}
#sidebar .meta-author a:link, #sidebar .meta-author a:visited{
font-size: 13px;
color: #666666;
font-weight: bold;
}
#contributor-box h2{
background-color: #eee;
border-bottom: solid 1px #ccc;
padding: 15px 0 10px 20px;
margin: -20px 0 15px -20px;
width: 300px;
font-size: 16px;
line-height: 20px;
}
#main-featured-guides{
width: 350px;
float: left;
}
#main-latest-guides, #main-premium-guides{
width: 350px;
float: right;
}
.home-section-1 h2{
font-size: 18px;
padding-bottom: 0;
font-weight: normal;
}
.home-section-1 article{
width: 350px;
height: 75px;
float: left;
margin-right: 10px;
margin-bottom: 20px;
}
.home-section-1 .latest-guide-thumb img{
float: left;
height: 70px;
width: 70px;
margin-right: 10px;
border-radius: 4px;
}
.class-columns{
float: left;
position: relative;
width: 30%;
margin-bottom: 20px;
margin-left: 4%;
}
.class-columns article{
margin-bottom: 10px;
}
.class-columns-img img{
border-radius: 3px;
margin-bottom: 5px;
}
.class-columns h2{
font-size: 15px;
padding-bottom: 0;
font-weight: normal;
}
.first-column{
margin-left: 0;
}
.class-view-all{
text-align: center;
width: 100%;
margin: 15px 0 10px 0;
}
.class-view-all a{
color: #907450 !important;
border: solid 1px #907450;
border-radius: 4px;
display: block;
}
.class-view-all a:hover{
color: #0084b4 !important;
border: solid 1px #0084b4;
text-decoration: none;
-webkit-transition: color 0.15s ease-in-out;
-moz-transition: color 0.15s ease-in-out;
-ms-transition: color 0.15s ease-in-out;
transition: color 0.15s ease-in-out;
}
#hsp-learn-plans{
clear: both;
margin: 20px 0 0 0;
}
#hsp-learn-plans h1{
text-align: center;
font-weight: normal;
color: #444444;
font-size: 34px;
line-height: 34px;
margin-bottom: 10px;
padding-bottom: 0;
text-rendering: optimizeLegibility;
}
#hsp-learn-plans .learn-subheading{
width: 500px;
}
#hsp-learn-plans .plan-box{
width: 226px;
box-sizing: border-box;
} #slider{
width: 760px;
height: 250px;
overflow: hidden;
position: relative;
margin-bottom: 20px;
}
.home1-guides-h2{
background-color: #351f0a;
color: #f5f5f5;
font-weight: normal;
text-align: center;	
padding: 8px 0 !important;
margin-bottom: 10px;
border-radius: 3px;
}
.hsp-home-content article{
margin-bottom: 10px;
border-bottom: solid 1px #ddd;
clear: both;
overflow: hidden;
height: 170px;
}
.hsp-home-content article h2{
padding-bottom: 0;
margin-top: 5px;
}
#hsp-latest-guides{
float: left;
width: 50%;
padding: 0 10px 0 0;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#hsp-premium-guides{
width: 50%;
float: left;
padding: 0 0 0 10px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.hsp-guide-title{
font-weight: bold;
font-size: 18px;
}
.hsp-guide-thumb{
float: right;
width: 70px;
margin-left: 10px;
margin-top: 5px;
}
.hsp-guide-thumb img{
height: 70px;
width: 70px;
border-radius: 4px;
margin-top: 2px;
}
.hsp-guide-img{
position: relative;
}
.hsp-video-icon{
position: absolute;
left: 5px;
bottom: 5px;
font-size: 25px;
color: #fff;
}
.meta-premium{
padding: 4px 0;
margin-bottom: 5px;
text-align: center;
width: 70px;
color: #ffffff;
font-size: 12px;
line-height: 12px;
background-color: #f78300;
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.meta-free{
padding: 4px 0;
margin-bottom: 5px;
text-align: center;
width: 70px;
color: #ffffff;
font-size: 12px;
line-height: 12px;
background-color: #89b41c;
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.hsp-excerpt{
margin-right: 80px;
}
.hsp-excerpt p{
margin-bottom: 0;
padding-bottom: 0;
font-size: 14px;
line-height: 18px;
padding-top: 2px;
}
.guide-entry-meta{
font-size: 12px;
line-height: 12px;
margin: 9px 0 8px 0;
color: #888;
}
.meta-author{
font-weight: bold;
}
.meta-views:before {
content: "\0000a0\·\0000a0\0000a0";
}
.meta-comments:before {
content: "\0000a0\·\0000a0\0000a0";
}
.meta-upvote:before{
content: "\0000a0\·\0000a0\0000a0";
} #faq-answers h1{
font-weight: normal;
font-size: 30px;
margin: 40px 0 10px 0;
padding-bottom: 10px;
border-bottom: solid 1px #dddddd;
text-rendering: optimizeLegibility;
}
#faq-content h2{
font-size: 16px;
padding-bottom: 0;
}
#faq-content h2 a{color: #907450; text-decoration: none;}
#faq-content ul{
margin: 0 0 20px 30px;
}
#faq-content li {
margin-bottom: 0px;
}
#faq-content ul li {
list-style-position: outside;
list-style-type: disc;
}
#faq-answers{
margin-top: 30px;
} .contact-content{
padding: 0;
}
.contact-content input, .contact-content textarea{
border: 2px solid #e1e1e1;
background: #e1e1e1;
font-size: 14px;
padding: 11px 15px 12px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
outline: none;
width: 400px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contact-content input:focus, .contact-content textarea:focus{
border: 2px solid #e1e1e1;
background: #ffffff;
}
.contact-content .wpcf7-submit, .contact-content .wpcf7-submit:focus{
color: #fff;
display: inline-block;
text-align: center;
font-weight: bold !important;
background: #89b41b;
cursor: pointer;
padding: 12px 16px;
text-decoration: none;
text-shadow: 0 1px 0px rgba(0,0,0,0.15);
border-width: 1px 1px 3px !important;
border-style: solid;
border-color: #749a19;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;
-moz-box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;
box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;
}
.contact-content .wpcf7-submit:hover{
background: ;
color: #fff;
} .author-box{
width: 350px;
float: left;
margin-right: 20px;
margin-bottom: 40px;
overflow: hidden;
position: relative;
}
.author-box .last{
margin-right: 0;
}
.author-img{
height: 100px;
width: 100px;
float: left;
}
.author-info{
margin-left: 105px;
}
.author-name{
display: inline-block;
}
.author-twitter{
font-weight: bold;
color: #888;
font-size: 13px;
margin-left: 10px; 
} #contribute-form{
border-top: solid 1px #dddddd;
padding-top: 20px;
}
#contribute-form input[type=text], #contribute-form input[type=email] {
border: 2px solid #e1e1e1;
background: #e1e1e1;
font-size: 14px;
padding: 11px 15px 12px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
outline: none;
width: 400px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#contribute-form input[type=text]:focus, #contribute-form input[type=email]:focus{
border: 2px solid #e1e1e1;
background: #ffffff;
} #contributor-posting-guide img{
background-color: #ddd;
border: solid 1px #ccc;
padding: 10px;
box-sizing: border-box;
}
#contributor-posting-guide p{
margin-bottom: 20px;
padding: 0;
}
#contributor-posting-guide h2{
font-size: 28px;
padding: 10px 0 20px 0;
} .author-content{
width: 1080px !important;
}
.author-featured-image{
width: 1080px !important;
height: 160px !important;
margin-top: -20px;
}
#author-profile-image img{
position: absolute;
top: 30px;
left: 50px;
border-radius: 90px;
padding: 5px;
border: solid 1px #ccc;
background-color: #eee;
}
#author-posts{
width: 760px;
float: right;
}
#author-post-info{
float: left;
width: 230px;
}
.author-content article{
overflow: hidden;
border-bottom: solid 1px #ddd;
padding-bottom: 10px;
margin-bottom: 10px;
}
.author-content article h2{
padding-bottom: 0px;
}
#featured-image-author img{
float: left;
margin-right: 10px;
height: 90px;
width: 90px;
border-radius: 3px;
}
#author-meta{
font-size: 13px;
}
#author-excerpt{
margin-left: 100px;
}
#author-excerpt p{
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.author-tabs { height: 40px; background-color: #fff; border-bottom: solid 1px #ddd; width: 1080px; margin: -20px 0 20px -20px; padding: 0 0 0 300px; box-sizing: border-box;}
.author-tab { display: inline-block; *display:inline; }
.author-tab a { color: #333; font-size: 14px; line-height: 35px; display: block; padding: 0 10px; outline: none; border-bottom: 4px solid #fff; }
.author-tab a:hover { text-decoration: none; border-color: #0084b4; }
.author-tab.active { }
.author-tab a.active { font-weight: bold; border-color: #0084b4; }
.tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; } .author-comment{
margin-bottom: 20px;
}
.author-comment-date{
float: right;
} #search-content article{
clear: both;
}
.search-card{
width: 25%;
float: left;
margin-right: 20px;
margin-bottom: 20px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#learn-content{
background-color: #f5f5f5;
padding: 20px;
margin-bottom: 20px;
border-radius: 0 0 5px 5px;
position: relative;
}
#learn-content h2{
color: #493231;
font-weight: bold;
font-size: 16px;
padding: 0;
}
#learn-section-2{
padding: 30px 0;
border-bottom: solid 1px #ccc;
}
#section-2-right{
float: right;
width: 500px;
}
#learn-section-3{
padding: 30px 0;
}
#learn-section-3 h1{
padding-bottom: 20px !important;
} #learn-banner{
background-color: #333333;
width: 1080px;
height: 400px;
margin: 0 0 0 0;
background-image: url(http://hearthstoneplayers.com/img/learn/learn-banner.jpg);
background-repeat: no-repeat;
background-position: top center;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.about-fixed{
background-position: fixed;
}
#about-banner-film{
width: 1080px;
height: 400px;
background-color: rgba(0,0,0,0.25);
}
#about-banner-content{
width: 1080px;
margin: 0 auto;
color: #ffffff;
padding: 40px 30px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#about-banner-content h1{
color: #ffffff;
text-align: center;
font-weight: 100;
font-size: 45px;
margin: 20px 0 30px 0;
text-shadow: 1px 1px 1px #000;
}
#active-topic span{
border-bottom: 4px dotted #B3B3B3;
font-weight: bold;
}
#about-banner-content h2{
color: #ffffff;
font-weight: 100;
font-size: 28px;
line-height: 33px;
text-shadow: 1px 1px 1px #000;
width: 600px;
text-align: center;
margin: 0 auto;
}
#about-buttons{
width: 600px;
padding-top: 60px;
margin: 0 auto;
}
.about-button{
font-size: 34px;
font-weight: 700;
-webkit-font-smoothing: antialiased;
padding: 15px 8px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
text-align: center;
}
.member-button{
display: inline-block;
padding: 20px 15px;
margin: 0 20px 0 0;
width: 245px;
font-size: 18px;
line-height: 18px;
text-align: center;
background-color: #F54B1A;
border-bottom: solid 4px #c7370d;
color: #fff !important;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.member-button:hover{
background-color: #f65a2d;
text-decoration: none;
}
.library-button{
display: inline-block;
padding: 18px 15px 20px;
width: 245px;
font-size: 18px;
line-height: 18px;
text-align: center;
background-color: rgba(0,0,0,0.25);
border: solid 2px #fff;
color: #fff !important;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: background-color 300ms ease-out;
-moz-transition: background-color 300ms ease-out;
transition: background-color 300ms ease-out;
}
.library-button:hover{
background-color: #3498db;
text-decoration: none;
-webkit-transition: background-color 300ms ease-out;
-moz-transition: background-color 300ms ease-out;
transition: background-color 300ms ease-out;
} .learn-deck-link{
width: 150px;
text-align: center;
line-height: 0;
padding: 10px 0;
position: absolute;
top: 0;
right: 30px;
background-color: #ddd;
border: solid 1px #ccc;
border-radius: 0 0 3px 3px;
}
#learn-decklist{
color: #fff;
background-color: #33363b;
border-left: solid 2px #25272a;
border-bottom: solid 2px #25272a;
border-bottom-left-radius: 5px;
padding: 20px;
width: 290px;
float: right;
position: absolute;
top: 40px;
right: 0;
box-sizing: border-box;
z-index: 4;
}
#learn-decklist h2{
color: #efefef;
} #learn-content h1{
text-align: center;
font-weight: normal;
color: #444444;
font-size: 34px;
line-height: 34px;
margin-bottom: 10px;
padding-bottom: 0;
text-rendering: optimizeLegibility;
}
.learn-subheading{
color: #8c989e;
font-size: 18px;
text-align: center;
margin: 0 auto;
padding-bottom: 25px !important;
} #learn-membership{
border-bottom: solid 1px #ccc;
}
#learn-membership h1{
padding-bottom: 15px;
}
.learn-membership-block{
float: left;
width: 305px;
margin-right: 40px;
margin-bottom: 30px;
}
.learn-membership-block h2{
padding-bottom: 0;
}
#learn-membership .last{
margin-right: 0 !important;
}
.learn-message-block{
float: left;
width: 260px;
}
.learn-membership-icon{
float: left;
font-size: 30px;
margin-right: 15px;
width: 30px;
color: #ababab;
} #learn-contributors{
width: 500px;
float: left;
}
#learn-contributors h1{
text-align: left;
}
.learn-author{
float: left;
text-align: center;
margin-right: 15px;
}
.learn-author img{
height: 100px;
border: solid 1px #cccccc;
background-color: #ddd;
padding: 3px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.learn-author-name{
margin-top: 5px;
font-size: 18px;
color: #545454;
}
#learn-info{
width: 500px;
float: right;
} #learn-classes{
width: 1080px;
background-color: #252525;
color: #fff;
padding: 20px;
margin-left: -20px;
box-sizing: border-box;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
}
#learn-classes h1 {
color: #fff;
}
#learn-classes .learn-subheading{
color: #eee;
padding-bottom: 10px !important;
}
.learn-class{
float: left;
margin-right: 15px;
}
.learn-class .last{
margin-right: 0;
}
.learn-class img{
height: 90px;
border-radius: 90px;
padding: 5px;
background: #353535;
border: solid 1px #000;
}
.learn-class-count{
text-align: center;
} #learn-faqs{
width: 500px;
float: right;
}
#learn-faqs p{
margin-bottom: 20px;
} #learn-testimonials{
width: 500px;
float: left;
}
.feedback-box{
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: dashed 1px #ccc;
}
#learn-testimonials .last{
border: none;
}
.feedback-icon{
float: left;
}
.feedback-icon img {
height: 100px;
}
.feedback-name{
margin-left: 110px;
color: #493231;
font-weight: bold;
font-size: 16px;
}
.feedback-rank{
font-weight: normal;
font-size: 14px;
color: #a68c8d;
}
.feedback-rank:before{
content: "\0000a0\·\0000a0\0000a0";
}
.feedback-text{
margin-left: 110px;
} #learn-recent-guides{
padding: 30px 0;
border-bottom: solid 1px #cccccc;
overflow: hidden;
}
#learn-recent-guides .guide-box{
width: 240px;
}
.view-all-guides{
clear: both;
text-align: center;
} #learn-plans{
margin: 30px 0;
}
#plan-content{
width: 970px;
margin: 0 auto;
overflow: hidden;
padding-bottom: 20px;
}
.learn-plan-box{
width: 300px;
float: left;
margin-right: 30px;
background-color: #fff;
border-radius: 3px;
border: solid 1px #ddd;
}
.learn-plan-box .last{
margin-right: 0;
padding-right: 0;
}
.learn-plan-title{
font-size: 32px;
line-height: 32px;
font-weight: bold;
color: #999;
text-align: center;
padding: 20px 0;
}
.learn-plan-rate{
color: #fff;
padding: 20px 0 10px 0;
text-align: center;
}
.learn-plan-1 { background-color: #e84d38; }
.learn-plan-2 { background-color: #33b9ff; }
.learn-plan-3 { background-color: #fbad2f; }
.learn-plan-price{
font-size: 42px;
line-height: 42px;
font-weight: bold;
}
.learn-plan-rate{
font-size: 14px;
}
.learn-plan-feature{
padding: 10px 20px;
}
.learn-odd{
background-color: #f2f2f2; 
}
.learn-plan-btn{
padding: 20px;
}
.learn-plan-signup-btn{
-webkit-font-smoothing: antialiased;
font-family: Helvetica, Arial, sans-serif;
display: inline-block;
width: 100%;
height: 50px;
padding: 0;
margin: 0;
font-size: 18px;
line-height: 50px;
text-align: center;
border: solid 2px #749a19;
color: #749a19 !important;
font-weight: normal;
text-decoration: none !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.learn-plan-signup-btn:hover{
background-color: #749a19;
color: #fff !important;
}
.learn-plan-features .fa-question-circle{
color: #aaa;
font-size: 18px;
float: right;
position: relative;
}
.learn-plan-tooltip {
display: none;
position: absolute;
width: 225px;
top: -10px;
right: 30px;
z-index: 10;
background: #2d3339;
color: #fff;
font-size: 14px;
line-height: 16px;
font-weight: normal;
padding: 10px;
border-radius: 3px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.learn-plan-tooltip:before {
content: "";
width: 0px;
height: 0px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #2d3339;
position: absolute;
top: 10px;
right: -10px;
}
.fa-question-circle:hover .learn-plan-tooltip{
display: block;
}
.learn-instant-access {
width: 700px;
text-align: center;
margin: 0 auto;
} #plan-content-760 .learn-plan-box{
width: 224px;
margin-right: 20px;
margin-bottom: 20px;
}
#plan-content-760 .learn-plan-tooltip {
width: 165px;
}
#plan-content-760 h1{
font-size: 26px;
line-height: 1.2em;
font-weight: bold;
color: #6d6e71;
text-align: center;
}
.hidden 		{ display: none;}
.center			{ text-align: center;}
.alignright 	{ float: right; position: relative; margin: 0px 0px 10px 20px; }
.alignleft	 	{ float: left; position: relative; margin: 0px 20px 10px 0px; }
.aligncenter 	{ display:block; margin-left:auto; margin-right:auto; }
.centered 		{ display: block; margin-left:auto; margin-right:auto; }
.clear 			{ clear:both; margin: 0; padding: 0;}
.clearfix		{ clear:both; margin: 0; padding: 0;}
.left 			{ float: left;}
.zero			{ padding: 0; margin: 0;}
strong 			{ font-weight: bold;}
em				{ font-style: italic;}
small			{ font-size: 10px;}
hr  			{ display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } .img-shortcode{
margin-bottom: 15px;
}
.img-caption{
text-align: center;
padding: 5px 0 0 0;
font-style: italic;
}
.tooltip {
text-decoration:none;
position:relative;
}
.tooltip>span {
display:none;
}
.tooltip:hover>span {
display:block;
position:fixed;
overflow:hidden;
z-index: 100;
}
.card-tooltip img{
width: 250px;
height: auto;
}
.rarity-free:link,  		.rarity-free:visited 		{ color: #0084b4 !important; font-weight:bold;}
.rarity-basic:link, 		.rarity-basic:visited 		{ color: #ad2a2a !important; font-weight:bold;}
.rarity-common:link, 		.rarity-common:visited 		{ color: #0FAF03 !important; font-weight:bold;} .rarity-rare:link, 			.rarity-rare:visited 		{ color: #198EFF !important; font-weight:bold;} .rarity-epic:link,			.rarity-epic:visited 		{ color: #AB48EE !important; font-weight:bold;} .rarity-legendary:link, 	.rarity-legendary:visited 	{ color: #F07000 !important; font-weight:bold;}
.hs-card{
width: 200px !important;
height: auto;
}
.card-right  { float: right; position: relative; margin: 0px 0px 10px 10px; }
.card-left	 { float: left; position: relative; margin: 0px 10px 10px 0px; }
i.mce-i-icon {
font: 400 20px/1 dashicons;
padding: 0;
vertical-align: top;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: -2px;
padding-right: 2px
}
.am-body-content {
background-color: #f5f5f5;
padding: 20px;
margin-bottom: 20px;
border-radius: 5px;
} .signup-form{
padding: 20px;
}
.signup-form h1{
color: #666666;
font-weight: normal;
font-size: 34px;
line-height: 34px;
margin-bottom: 30px;
text-rendering: optimizeLegibility;
}
.signup-form h2{
font-weight: 100;
text-rendering: optimizeLegibility;
}
.signup-form h3{
margin-left: 40px;
margin-bottom: 10px;
}
.signup-form h3 .form-step {
background-color: #89b41c;
color: #fff;
height: 30px;
line-height: 30px;
margin: -2px 10px 0 -40px;
position: relative;
text-align: center;
text-shadow: 0 1px 0 rgba(255,255,255,0.2);
width: 30px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
zoom: 1;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
}
#signup-user-info{
margin-top: 0;
}
#signup-account-info{
margin-top: 40px;
clear: both;
}
#signup-membership{
margin-top: 40px;
clear: both;
}
#signup-payments{
margin-top: 55px;
clear: both;
}
#signup-next-btn{
margin-top: 40px;
}
.signup-input{
width: 400px;
position: relative;
}
.signup-input:hover .input-tooltip {
display: block;
}
.signup-input .input-tooltip{
display: none;
position: absolute;
width: 300px;
top: 45px;
left: 0;
z-index: 10;
background: #2d3339;
color: #fff;
font-weight: bold;
padding: 10px 12px 12px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
text-align: center;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.signup-input .input-tooltip:before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 7.5px 8px 7.5px;
border-color: transparent transparent #2d3339 transparent;
position: absolute;
top: -8px;
left: 50%;
}
#signup-user-info input, #signup-account-info input{
border: 2px solid #e1e1e1;
background: #e1e1e1;
font-size: 14px;
padding: 15px 15px 16px;
margin-bottom: 20px;
margin-right: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
outline: none;
width: 400px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#signup-user-info input:focus, #signup-account-info input:focus{
border: 2px solid #e1e1e1;
background: #ffffff;
}
#signup-membership select{
background: #e1e1e1;
border: 2px solid #e1e1e1;
height: 50px;
width: 500px;
font-weight: normal;
color: #8d9aa5;
line-height: 1 !important;
display: block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
z-index: 2;
outline: none;
}
#signup-membership select:focus{
border: 2px solid #e1e1e1;
background: #ffffff;
}
#membership-plan{
position: relative;
width: 500px;
}
#membership-plan:after {
background: #b7c0c7 url(https://wac.A8B5.edgecastcdn.net/80A8B5/static-assets/assets/icons/icon-select-6c25e33bc74b2c5d4c14b0006592e2d0.svg) no-repeat center;
content: "";
position: absolute;
right: 3px;
top: 3px;
bottom: 3px;
width: 30px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
z-index: 1;
}
.signup-form a.button, .signup-form input[type=button], .signup-form input[type=submit]{
-webkit-font-smoothing: antialiased;
font-family: Helvetica, Arial, sans-serif;
display: inline-block;
padding: 18px 25px 17px 25px;
margin: 0;
border: none;
font-size: 18px;
text-align: center;
background-color: #89b41c;
border-bottom: solid 4px #749a19;
color: #fff !important;
font-weight: 700;
text-decoration: none !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.secure-login{
color: #666666;
margin-left: 10px;
}
.secure-login .fa{
font-size: 22px;
color: #999999;
} #login-content h1{
font: normal 26px "Helvetica Neue", Arial, sans-serif;
color: #444;
text-align: center;
}
#login-content .login-create{
text-align: center;
font-size: 13px;
color: #7d7d7d;
margin: 0 0 30px 0;
}
#login-container{
width: 700px;
margin: 0 auto;
background-color: #ffffff;
border: solid 1px #dddddd;
}
.etabs { 
margin: 0; 
padding: 0; 
overflow: hidden;
}
.tab { 
display: inline-block; 
float: left;
zoom:1; 
display:inline; 
padding: 5px 10px;
width: 50%; 
background: #ddd; 
border-bottom: none;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tab a { 
font-size: 14px; 
line-height: 2em; 
display: block; 
padding: 0; 
outline: none;
text-align: center;
}
.tab a:hover { text-decoration: underline; }
.tab.active { background: #fff; position: relative; }
.tab a.active { font-weight: bold; }
.tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
#login1, #reset{
clear: both;
padding: 20px 20px 20px 150px;
}
#login-content .element-title{
color: #151515;
}
#login-container input{
border: 2px solid #d8d8d8;
background: #f5f5f5;
font-size: 14px;
padding: 11px 15px 12px;
margin-bottom: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
outline: none;
width: 400px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#login-container input:focus{
border: 2px solid #d8d8d8;
background: #ffffff;
}
.login-btn{
-webkit-font-smoothing: antialiased;
font-family: Helvetica, Arial, sans-serif;
display: inline-block;
margin: 0;
border: none !important;
font-size: 18px;
text-align: center;
background-color: #89b41c !important;
border-bottom: solid 4px #749a19 !important;
color: #fff !important;
font-weight: 700;
text-decoration: none !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
/* @import is moved to the top */ .card-image {
float: left;
margin: 0 10px 15px 0;
width: 172px;
height: 240px;
}
.card-last{
margin-right: 0;
}
.card-image img {
width: 165px;
margin: 0 auto;
-webkit-animation-duration: 15s;
-moz-animation-duration: 15s;
-ms-animation-duration: 15s;
-o-animation-duration: 15s;
animation-duration: 15s;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.card-image img:hover{
width: 172px;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
} #card-title{
margin-bottom: 10px;
}
#card-normal{
float: left;
overflow: hidden;
margin-bottom: 20px;
}
#card-normal img{
width: 250px;
}
#card-shortcode{
float: right;
width: 250px;
text-align: center;
}
.shortcode{
background-color: #fff;
border: solid 1px #cccccc;
padding: 5px 0;
border-radius: 5px;
font-size: 13px;
}
#card-info{
width: 250px;
clear: right;
background-color: #ffffff;
border: solid 1px #eeeeee;
float: right;
margin-top: 20px;
padding: 15px;
margin-bottom: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#card-info h3{
color: #838383;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.02em;
padding-bottom: 0px;
}
#card-info span{
padding-bottom: 15px;
display: block;
}
#card-text{
clear: both;
margin-top: 30px;
}
#card-guides{
width: 50%;
float: left;
}
#card-decks{
width: 45%;
float: right;
}
#card-guides h2, #card-decks h2{
padding-bottom: 5px;
}
.post-block{
overflow: hidden;
margin-bottom: 20px;
}
.post-block h2{
font-size: 24px;
padding-bottom: 3px;
}
.post-title a:link {color: #444444; text-decoration: none; font-weight: normal;}
.post-title a:visited {color: #444444; text-decoration: none;}
.post-title a:hover {color: #0084b4; text-decoration: none;}
.post-title a:active {color: #0084b4; text-decoration: none;}
.post-block .post-thumb{
float: right;
margin-left: 15px;
}
.post-block .post-thumb img{
border-radius: 5px;
}
.post-block .post-info{
font-size: 13px;
}