@media screen {
/*************************************************
general utilities
*************************************************/

/*************************************************
header bar
*************************************************/
#header-bar{width:100%;height:100px;}
#header-bar .row{margin-right:0}
#header-bar .row .col-md-12{padding-right:0}
#header-inner{position:relative;}

#header-posts{position:absolute;width:100%;padding:0px}
#header-posts .scroller{height:80px;background:#FFF}
#header-posts .compact-panel{width:250px;height:80px;overflow:hidden;border-right:1px solid #E7E7E7}
#header-posts div.scrollingHotSpotLeft,#header-posts div.scrollingHotSpotRight{height:40px}
#header-posts div.scrollingHotSpotLeft{top:39px}
#header-posts .boxed1 .bar-header{width:105px}
#header-posts .boxed1 .sort-toggle{height:26px}
#header-posts .label-text{font-size:13px;line-height:13px}
#header-posts .boxed1{padding-left:105px}
#header-posts .boxed1 .sort-buttons{top:26px;z-index:500}
#header-posts .boxed1 .sort-toggle{padding-top:4px}
#header-posts .boxed1 .bar-label{padding:7px 12px 8px 16px;}
#header-terms{position:absolute;right:0;z-index:3;width:185px;padding:10px 0 10px 0}
#header-terms>div{width:100%;height:80px;background:#FFF}
#header-terms .term-panel{float:left;height:20px;width:91px;font-size:12px}
#header-terms .trending-label{position:absolute;left:22px}
#header-terms .theme-icon-flame{position:relative;left:-4px}
#header-terms .term-panel.alt{border-left:1px solid #EBEBEB}
#header-terms .term-panel.first{font-weight:700;text-transform:uppercase;padding:2px 8px;border-bottom:1px solid #EBEBEB}
#header-terms a{color:#000;display:block;height:20px;width:91px;border-bottom:1px solid #EBEBEB;padding:2px 8px;transition:color .2s ease, background-color .2s ease;overflow:hidden}
#header-terms a:hover{background-color:#FAFAFA}

/*************************************************
bar header
*************************************************/
.bar-header{position:relative;height:38px;display:inline-block;background:#F5F5F5;width:100%;border-bottom:1px solid #E2E2E2}
.panel-style .bar-header{border:1px solid #E2E2E2}
.bar-header.hidden{display:none}
.bar-label{position:relative;padding:8px 5px 8px 15px;}
.bar-label.has-icon{padding-right:15px}
.bar-label .label-text{display:inline-block;font-weight:700;font-size:16px;text-transform:uppercase;color:#333}
.bar-label .label-text span{color:#333}
.bar-label .label-text span:before{margin-right:6px}
.bar-label .label-text span.category-icon{margin-left:0;margin-right:7px;position:relative;top:2px}
.bar-label .metric-text{display:inline-block;position:relative;top:-1px;font-size:10px;font-weight:500;padding-left:15px;text-transform:uppercase;color:#909FB8}
.col-md-2 .widget-topten .bar-label,.col-md-2 .widget-trending .bar-label{padding-top:4px}
.col-md-2 .widget-topten .metric-text,.col-md-2 .widget-trending .metric-text{position: absolute;left:0;bottom:0;top:auto}
/*boxed style*/
.boxed1{padding-left:0px}
.boxed1 .bar-header{position:absolute;left:0;width:115px;height:100%;background:#0080ce;border-right:1px solid #E7E7E7;border-bottom:none; color:#FFF; font-family:'Roboto';}
.boxed1 .bar-label{height:auto;padding:12px 12px 8px 18px;}
.boxed1 .bar-label .label-text{line-height:16px;width:100%}
.boxed1 .bar-label .metric-text{padding-left:0;top:-6px;font-size:9px}
/*************************************************
sortbar
*************************************************/
.sort-wrapper{position:absolute;top:0;right:0}
.sort-toggle{display:block;height:38px;position:relative;z-index:7;padding:9px 12px;color:#90A0B9;font-size:10px;font-weight:300;cursor:pointer}
.sort-toggle span{font-size:13px;position:relative;top:-2px}
.sort-buttons{display:none;background:#1F262E;position:absolute;top:37px;right:0;z-index:9;padding:13px;width:156px}
.sort-buttons a,.sort-buttons span.page-numbers{display:block;float:left;font-size:45px;color:#FFF;width:65px;height:65px;cursor:pointer;text-align:center;}
.sort-buttons span.page-numbers{cursor:default!important}
.sort-buttons a.active{cursor:default}
/*boxed style*/
.boxed1 .sort-wrapper{bottom:0;width:100%;top:auto;right:auto}
.boxed1 .sort-buttons{top:35px;left:0;right:auto}
.boxed1 .sort-toggle{background-color:#F5F5F5;border-top:1px solid #E7E7E7;text-align:center;width:100%;height:35px;padding-top:9px;transition:background-color .2s ease, color .2s ease}
.sort-toggle.active,.sort-toggle.over{background-color:#1F262E;color:#FFF}
/*************************************************
pagination
*************************************************/
.pagination-wrapper.mobile{display:none}
.pagination{text-align:center;border-radius:0px;margin:0px;padding-left:10px;height:43px;border-top:1px solid #E2E2E2;overflow:hidden;height:43px}
.pagination a,.pagination>span.page-number,.pagination>span.page-numbers{display:block;float:left;cursor:pointer;font-size:18px;font-weight:500;text-align:center;min-width:25px;line-height:1em;height:43px;padding:13px 0px;color:#BABDD3}
.pagination a span.page-number{color:#BABDD3;cursor:pointer}
.pagination a:hover{color:#000}
.pagination .active,.pagination a:active,.pagination a.active:hover,.pagination span.page-number{cursor:default;color:#000}
.pagination a.arrow{padding:11px 0px;width:30px}
.pagination a span:before{margin:0;padding:0;width:auto}
/*bootstrap compatibility*/
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{background:none;border:none;cursor:pointer;color:#000}
.pagination span.theme-icon-right-fat{font-size:11px;position:relative;top:-1px;right:-3px;}
/*************************************************
loop
*************************************************/
.fixed-object{position:absolute}
.fixed-object.fixed{position:fixed;top:88px}
.fixed-object.fixed.admin-bar{top:120px}
.fixed-object.taller-fixed{position:fixed}
.panel-style .content-inner{position:relative;top:-1px}
.panel-style .pagination,.panel-style .last-page{box-shadow:0 4px 4px -2px rgba(0,0,0,0.1);}
.loop-panel{position:relative;margin-bottom:20px}
.loop-placeholder{position:absolute;width:100%;height:60px}
.loop-image-wrapper{position:relative;z-index:2;height:400px;width:100%}
.loop-image{position:absolute;z-index:2;width:100%;height:100%;top:0;left:0;background-size:cover;background-position:center 20%}
.loop-layer{position:relative;z-index:3;height:100%;width:100%;opacity:1;transition:opacity .2s ease}
.loop-hover{position:absolute;z-index:4;width:100%;height:100%;top:0;left:0;opacity:0;transition:opacity .4s ease}
.loop-hover-inner{position:absolute;bottom:45px;right:4%}
.loop-hover-inner .more-text{font-weight:700;font-size:18px;text-transform:uppercase;position:relative;top:-5px;color:#FFF;}
.loop-hover-inner .theme-icon-forward{font-size:40px;line-height:24px;display:block;color:#FFF;margin-left:10px}
.loop-info-wrapper{position:relative;z-index:4;top:-40px;width:92%;margin:0 4%;padding:15px 25px 10px 25px;background:#FFF}
.loop-panel .category-icon-wrapper{position:absolute;z-index:3;bottom:11px;left:10px}
.loop-panel .trending-toggle {position:absolute;bottom:5px;left:55px}
.loop-panel .sharing-toggle {position:absolute;bottom:5px;left:85px}
.loop-panel .compare-toggle {position:absolute;bottom:2px;left:115px}
.loop-panel .color-line{position:absolute;z-index:5}
.loop-link{position:absolute;z-index:5;display:block;height:100%;width:100%}
a.loop-play{position:absolute;z-index:6;top:200px;left:50%;margin-top:-25px;padding-top:1px;margin-left:-25px;text-align:center;font-size:40px;color:#000;border-radius:50%;width:50px;height:50px;opacity:.7;background:#FFF;transition:opacity .2s ease;box-shadow:0 4px 4px -2px rgba(0,0,0,0.6);}
a.loop-play:hover{opacity:1}
.loop-layer{
background: -moz-linear-gradient(top,  rgba(0,0,0,.1) 0%, rgba(0,0,0,.1) 65%, rgba(0,0,0,0.6) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.1)), color-stop(65%,rgba(0,0,0,.1)), color-stop(100%,rgba(0,0,0,0.6)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 65%,rgba(0,0,0,0.6) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 65%,rgba(0,0,0,0.6) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 65%,rgba(0,0,0,0.6) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 65%,rgba(0,0,0,0.6) 100%);
}
.loop-hover {
background: -moz-linear-gradient(top,  rgba(0,0,0,.1) 0%, rgba(0,0,0,.1) 65%, rgba(0,0,0,0.2) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.1)), color-stop(65%,rgba(0,0,0,.1)), color-stop(100%,rgba(0,0,0,0.2)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 65%,rgba(0,0,0,0.2) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 65%,rgba(0,0,0,0.2) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 65%,rgba(0,0,0,0.2) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 65%,rgba(0,0,0,0.2) 100%);	
}
.loop-layer:hover,.loop-hover:hover{transition:none}
.loop-panel.active .loop-hover{opacity:1}
.loop-panel.active .loop-layer{opacity:0}
.loop-panel .review-star{border-width:0 48px 48px 0}
.loop-panel .review-star>span{top:6px;right:-44px}
.loop-panel h2.article-title{margin:0;font-size:38px;color:#333;text-transform:uppercase;line-height:1em;font-weight:700}
.loop-panel .authorship{margin-bottom:10px;text-transform:uppercase;font-weight:300;font-size:13px;color:#000}
.loop-panel .heat-index{position:absolute;bottom:10px;right:15px;}
.loop-panel .color-line{width:48px;height:4px;bottom:-1px;left:0;transition:width .3s ease}
.loop-panel.active .color-line{width:100%}
.loop-panel .excerpt{margin:25px 0 0;color:#333;line-height:1.5em}
.highlighted-label{font-weight:700;color:#CC0033;text-transform:uppercase;margin-right:5px}
/*************************************************
comparisons
*************************************************/
.compare-toggle{font-size:21px;padding-top:2px}
.compare-toggle .theme-icon-x,.compare-toggle.comparing .theme-icon-sidebar{display:none}
.compare-toggle.comparing .theme-icon-x{display:inline-block}
.compare-toggle .loading{top:4px;left:30px}
#recommended .compare-toggle .loading{margin-top:1px}
.compare-toggle .loading span{font-size:16px;width:20px;height:20px;margin:0!important;padding:0!important}
.compare-toggle div.loading span:before{width:20px;height:20px;line-height:20px;margin:0!important;padding:0!important}
.compare-toggle .theme-icon-x{color:#C03}
.longform-right .compare-toggle{opacity:1}
.control-bar .compare-toggle{padding-top:1px;margin-left:2px}
.control-bar .compare-toggle .loading{top:3px;left:30px}
.compare-panel{position:fixed;z-index:1000;bottom:-115px;width:100%;height:100px;border-top:1px solid #BBB;background:#F2F2F2;box-shadow:0 0 15px 6px rgba(0,0,0,0.10);transition:bottom .2s ease}
.compare-panel.active{bottom:0}
.compare-title{display:inline-block;float:left;text-align:center;position:absolute;text-transform:uppercase;font-size:16px;color:#4B5B6E;font-weight:500;top:50%;width:50px;overflow:visible;margin-top:-6px;left:-5px;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);}
.compare-items{height:100%;margin:15px 80px 0 40px;overflow:auto}
.compare-block{position:relative;float:left;width:160px;height:70px;line-height:15px;font-size:13px;border:1px solid;padding:10px 10px 10px 25px;transition:color .2s ease,border-color .2s ease;margin-right:8px;margin-bottom:8px;cursor:pointer;border-radius:3px}
.compare-block .theme-icon-x{position:absolute;left:3px;top:50%;margin-top:-10px;font-size:14px}
.compare-block.active{border-color:#C03;color:#C03}
.compare-go{position:absolute;right:0;top:0;height:100%}
.compare-go a{display:block;width:80px;height:100%;background:#F9F9F9;border-left:1px solid #E0E0E0;padding:23px 0;text-align:center;font-size:26px;text-transform:uppercase;color:#90A0B9;transition:color .2s ease;line-height:.9em}
.compare-go a:hover{color:#000}
.compare-go span{display:block}
.compare-go span:before{margin:0}
.comparison-page .compare-toggle{display:none!important}/*cannot add to comparison table when viewing comparison page, can only remove*/
.comparison-page .post-right{padding:20px 20px}
.comparison-page .compare-count{position:absolute;top:30px;right:20px;color:#4B5B6E;font-weight:300;font-size:15px}
.comparison-page .compare-num{font-weight:700}
.compare-remove{opacity:0;position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;text-align:center;cursor:pointer;background:rgba(204,0,51,.7);color:#FFF;text-transform:uppercase;transition:opacity .2s ease}
th.active .compare-remove{opacity:1}
.compare-remove .theme-icon-x{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-18px;font-size:24px}
.table-comparison{padding-top:20px}
.table-comparison th{position:relative!important;font-weight:500;font-size:18px;line-height:20px!important}
.table-comparison td,.table-comparison td p{font-size:13px;line-height:15px}
.table-comparison td p{margin-bottom:12px}
.table-comparison .row-label{text-transform:uppercase;font-size:13px;font-weight:700;min-width:100px;max-width:140px;text-align:right;background:#F6F6F6}
.table-comparison tr.separator td{background:#F0F0F0;text-align:center;min-height:20px;text-transform:uppercase;font-size:16px;font-weight:300;padding-left:110px}
.table-comparison tr.separator.subheader td{background:#F4F4F4;padding-left:0}
.the-content table.table-comparison>tbody>tr>td.no-padding{padding:0}
.table-comparison .editor-rating,.table-comparison .user-rating{width:50%;min-height:38px;float:left;text-align:center;font-size:15px;padding:8px 0}
.table-comparison .editor-rating{border-right:1px solid #E2E2E2}
.table-comparison .user-rating{border-left:1px solid #E2E2E2;margin-left:-1px}
.table-comparison .total-row .editor-rating,.table-comparison .total-row .user-rating{font-weight:700;font-size:18px;font-weight:700}
.table-comparison .stars span{color:#666;font-size:14px}
.table-comparison .total-row .stars span{color:#000}
.table-comparison .stars span:before{width:auto}
.the-content .table-comparison .category-list a,.the-content .table-comparison .tag-list a{color:#333}
.table-comparison .heat-index,.table-comparison .view-count,.table-comparison .numcount{font-size:14px;font-weight:500;color:#333;position:relative}
.compare-content{overflow:auto}
.table-comparison td:not(.row-label){min-width:150px}


/*trending*/
.widget-trending .content-inner{padding:7px 15px 20px 15px}
.trending-bar{position:relative;overflow:hidden;padding-top:13px;padding-bottom:8px;margin:0 0 8px 0}
.trending-bar .trending-link{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}
.trending-bar .title{padding:0 0 15px 0;cursor:pointer;line-height:1.1em;transition:color .2s ease}
.trending-bar .trending-meta{position:relative;top:-34px;text-align:right;margin-right:6px;z-index:4}
.trending-bar .trending-meta .metric{font-size:13px;color:#FFF}
.trending-bar .heat-index{position:relative;font-weight:500}
.trending-bar .heat-index .theme-icon-flame{color:#FFF}
.trending-bar .stars span{font-size:14px}
.trending-color-wrapper{position:absolute;bottom:0;width:100%;height:17px;padding-right:25%;transition:padding-right .2s ease}
.trending-color-layer{position:relative;z-index:3;height:100%;width:100%;background:#000;opacity:.85}
.trending-color{position:relative;z-index:2;top:-17px;height:100%;width:100%;background:#CC0033}
.trending-bar.bar-0 .trending-color-wrapper{padding-right:2%}
.trending-bar.bar-1 .trending-color-wrapper{padding-right:8%}
.trending-bar.bar-2 .trending-color-wrapper{padding-right:12%}
.trending-bar.bar-3 .trending-color-wrapper{padding-right:15%}
.trending-bar.bar-4 .trending-color-wrapper{padding-right:17%}
.trending-bar.bar-5 .trending-color-wrapper{padding-right:19%}
.trending-bar.bar-6 .trending-color-wrapper{padding-right:20%}
.trending-bar.bar-7 .trending-color-wrapper{padding-right:21%}
.trending-bar.bar-8 .trending-color-wrapper{padding-right:22%}
.trending-bar.bar-9 .trending-color-wrapper{padding-right:23%}
.trending-bar.bar-10 .trending-color-wrapper{padding-right:24%}
.trending-bar.active .trending-color-wrapper{padding-right:0%}
.trending-bar.bar-0 .trending-color-layer{opacity:0}
.trending-bar.bar-1 .trending-color-layer{opacity:.1}
.trending-bar.bar-2 .trending-color-layer{opacity:.25}
.trending-bar.bar-3 .trending-color-layer{opacity:.4}
.trending-bar.bar-4 .trending-color-layer{opacity:.45}
.trending-bar.bar-5 .trending-color-layer{opacity:.50}
.trending-bar.bar-6 .trending-color-layer{opacity:.55}
.trending-bar.bar-7 .trending-color-layer{opacity:.6}
.trending-bar.bar-8 .trending-color-layer{opacity:.65}
.trending-bar.bar-9 .trending-color-layer{opacity:.70}
.trending-bar.bar-10 .trending-color-layer{opacity:.75}
.trending-bar.bar-11 .trending-color-layer{opacity:.8}
/*top ten*/
.widget-topten .content-inner{padding:15px 15px}
.center-panel{position:relative;text-align:center;padding:6px 10px;transition:color .2s ease}
.center-panel .border{width:88%;height:1px;background:#F0F0F0;margin:10px auto 0 auto}
.center-panel:last-child .border{display:none}
.topten-number{width:36px;height:36px;margin:0 auto 12px auto;border-radius:50%;background:#1F262E;color:#FFF;font-size:22px;font-weight:300;padding-top:4px;transition:background-color .2s ease}
.topten-hover{opacity:0;transition:opacity .2s ease;position:absolute;font-size:26px;top:20px;left:50%;margin-left:10px}
.center-panel.active .topten-hover{opacity:1}

/*buddypress*/
/*.bp-page img.avatar{border:5px solid #FFF!important} <-- this needs to only apply to the wrapper of the bp content so it doesn't affect admin bar icon and standard post comment avatars*/
.bp-page #buddypress{margin:0 20px}
.bp-page #whats-new-avatar img.avatar{width:auto;height:auto}
.bp-page .post-right{padding-bottom:25px}
.bp-page #buddypress input{line-height:normal}
/*.bp-page .label{color:#333;font-size:13px;line-height:auto;text-align:left;vertical-align:bottom;padding:0} <-- messed with bootstrap labels and wasn't sure if i needed it*/
.bp-page #buddypress .standard-form p.description{margin:0;padding:0}
.bp-page .single-page .radio input[type=radio],.bp-page .single-page .radio-inline input[type=radio],.bp-page .single-page .checkbox input[type=checkbox],.bp-page .single-page .checkbox-inline input[type=checkbox]{margin-right:5px;margin-top:3px}
.bp-page #buddypress button,.bp-page #buddypress a.button,.bp-page #buddypress input[type=submit],.bp-page #buddypress input[type=button],.bp-page #buddypress input[type=reset],.bp-page #buddypress ul.button-nav li a,.bp-page #buddypress div.generic-button a,.bp-page #buddypress .comment-reply-link,a.bp-title-button{text-transform:uppercase;margin-right:0;font-size:12px!important;color:#000;font-weight:500!important;padding:7px 10px 5px 10px}
.bp-page #buddypress #reply-title small a span, .bp-page #buddypress a.bp-primary-action span{padding:1px 5px 0 5px}
.bp-page #buddypress .activity-list .activity-content .activity-header p, .bp-page #buddypress .activity-list .activity-content .comment-header{font-size:15px;font-weight:300;color:#999}
.bp-page #buddypress .activity-list li.load-more, .bp-page #buddypress .activity-list li.load-newest{background:#F5F5F5;width:100%;border:1px solid #E2E2E2;font-size:22px;padding:0;font-weight:300;color:#999;box-shadow:0 4px 4px -2px rgba(0, 0, 0, 0.1);transition:color .2s ease, background-color .2s ease;height:43px}
.bp-page #buddypress .activity-list li.load-more a, .bp-page #buddypress .activity-list li.load-newest a{display:block;padding:7px 0}
.bp-page #buddypress .activity-list li.load-more a:hover, .bp-page #buddypress .activity-list li.load-newest a:hover{background:#FFF;color:#000}
.bp-page #buddypress .activity-list li.load-more.loading a, .bp-page #buddypress .activity-list li.load-newest.loading a{color:#CCC!important}
.bp-page #buddypress .field-visibility-settings-toggle{margin-bottom:0}
.bp-page #buddypress #item-body form#whats-new-form{margin-top:10px}
.bp-page #buddypress form#whats-new-form #whats-new-submit{margin-top:8px}
.bp-page #buddypress form#whats-new-form textarea{box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;border:1px solid #E2E2E2}
.bp-page #buddypress div.item-list-tabs{position:relative;display:inline-block;line-height:12px;margin-bottom:5px;margin-top:5px;margin-right:5px;overflow:visible}
.bp-page #buddypress div.item-list-tabs ul{float:left}
.bp-page #buddypress div.item-list-tabs a,.bp-page #buddypress div#group-create-tabs ul li span{border:1px solid #E2E2E2;font-size:13px;text-transform:uppercase;display:block;float:left;height:34px;cursor:pointer;position:relative;margin-right:-1px;margin-top:-1px;padding:11px 7px 9px 7px}
.bp-page #buddypress div.item-list-tabs ul li.selected a{background:#FFF;cursor:default;color:#000;font-weight:700;opacity:1}
.bp-page #buddypress div.item-list-tabs#subnav{overflow:visible;margin:5px 0}
.bp-page #buddypress div.item-list-tabs#subnav a{font-size:12px;text-transform:uppercase;display:block;float:left;color:#AAA;height:34px;cursor:pointer;background:none;padding:10px 6px}
.bp-page #buddypress div.item-list-tabs#subnav a:hover{background:#F7F8FF}
.bp-page #buddypress div.item-list-tabs#subnav ul li.selected a,.bp-page #buddypress div.item-list-tabs#subnav ul li.selected a:hover,.bp-page #buddypress div.item-list-tabs#subnav ul li a:hover{color:#000;background:#FFF;}
.bp-page #buddypress div.item-list-tabs#subnav ul li.last{margin:7px 7px 0 15px !important}
.bp-page #buddypress div.item-list-tabs ul li a span{min-width:18px;display:inline-block;color:#000;position:absolute;top:-7px;right:-6px;z-index:2}
.bp-page #buddypress ul.item-list li img.avatar{margin-top:10px;border-radius:50%}
.bp-page #buddypress div.activity-comments div.acomment-avatar img.avatar,.bp-page #buddypress ul#friend-list li img.avatar{margin-top:0;margin-right:0px;border-radius:50%;height:30px;width:30px}
.bp-page #buddypress .activity-list .activity-content .activity-inner{border:1px solid #E4E4E4;border-radius:4px;border-left:5px solid #DFDFDF;padding:10px 16px;background:#F4F4F4}
.bp-page #buddypress .activity-list .activity-content .activity-inner p{margin:0;font-size:15px;font-weight:500}
.bp-page #buddypress a.activity-time-since{font-size:11px;color:#CCC}
.bp-page #buddypress .activity-meta a.button.delete-activity,.bp-page #buddypress .acomment-options a.delete{color:#D09C9F;font-size:10px;border:none;background:none}
.bp-page #buddypress .activity-meta a.button.delete-activity:hover,.bp-page #buddypress .acomment-options a.delete:hover{color:#C00}
.bp-page #buddypress a.loading,.bp-page #buddypress a.loading:hover,.bp-page #buddypress li.loading a,.bp-page #buddypress li.loading a:hover,.bp-page #buddypress input.loading,.bp-page #buddypress input.loading:hover{color:#CCC!important;border:1px solid #999!important}
.bp-page #buddypress li.loading a,.bp-page #buddypress li.loading a:hover{border:1px solid #E7E7EF!important}
.bp-page #buddypress div.activity-comments{margin-top:15px}
.bp-page #buddypress div.activity-comments > ul > li:first-child{padding-top:20px}
.bp-page #buddypress div.activity-comments ul li{padding:16px 0 0}
.bp-page #buddypress div.activity-comments div.acomment-content{font-size:14px;margin:7px 0 0 37px}
.bp-page #buddypress .acomment-options{margin-left:37px}
.bp-page #buddypress .acomment-options a{font-size:12px!important;text-transform:uppercase;font-weight:300}
.bp-page #buddypress form#whats-new-form p.activity-greeting{font-size:26px;line-height:28px;font-weight:300}
.bp-page #buddypress .activity-list .activity-content .activity-header,.bp-page #buddypress .activity-list .activity-content .comment-header,.bp-page #buddypress div.activity-comments div.acomment-meta,.bp-page #buddypress ul.item-list li div.item-title,.bp-page #buddypress table.messages-notices tr td.thread-from a{font-size:14px;line-height:18px}
.bp-page #buddypress ul#groups-list li div.item-title{font-size:26px;line-height:30px;font-weight:300}
.bp-page #buddypress div.item-list-tabs#subnav li.feed a{font-size:13px;font-weight:700;color:#F60;background:#F7F8FF}
.bp-page #buddypress div#item-header{position:relative}
.bp-page #buddypress div#item-header div#item-header-content{padding-left:170px;min-height:170px}
.bp-page #buddypress div#item-header-content h2{display:inline-block;padding-right:20px;font-weight:300}
.bp-page #buddypress div#item-header-content .activity{color:#999}
.bp-page #buddypress div#item-header div#item-meta div#latest-update{font-size:14px;margin-bottom:10px;color:#888}
.bp-page #buddypress div#item-header div#item-meta{font-size:12px;margin:8px 0 10px}
.bp-page #buddypress div#item-header-content div#item-meta{font-size:14px}
.bp-page #buddypress .activity-list .activity-content .activity-header img.avatar{border-radius:50%;position:relative;top:-5px;margin-left:5px!important;margin-right:8px!important;width:30px;height:30px}
.bp-page #buddypress ul#friend-list li{min-height:70px}
.bp-page #buddypress ul#friend-list li img.avatar{position:relative;top:-5px}
.bp-page #buddypress div.pagination .pag-count,.bp-page #buddypress span.activity{font-family:'Rajdhani';margin-left:0;color:#b4b4c0;font-size:11px}
.bp-page #buddypress ul.item-list li div.action,.bp-page #buddypress .activity-read-more,.bp-page #buddypress div#item-header div#item-meta div#latest-update a{text-transform:uppercase;font-size:10px}
.bp-page #buddypress ul.item-list li div.meta{font-size:10px}
.bp-page #buddypress ul.item-list li div.item-title span{font-family:'Rajdhani';font-size:12px}
.bp-page #buddypress ul#members-list li img.avatar{margin-top:0}
.bp-page #buddypress .activity-list li.mini .activity-avatar img.avatar{margin-top:0;width:50px;height:50px;margin-left:0}
.bp-page #buddypress div.message-search{margin:2px 10px 0}
.bp-page #buddypress div#message-thread img.avatar{margin-right:15px;border-radius:50%}
.bp-page #buddypress div.messages-options-nav{background:#e3e3ea;font-weight:300;text-transform:uppercase}
.bp-page #buddypress table.notifications thead tr,.bp-page #buddypress div#invite-list{background:#F0F0F4}
.bp-page #buddypress table.notifications tr.alt td,.bp-page #buddypress table.notifications-settings tr.alt td,.bp-page #buddypress table.profile-fields tr.alt td,.bp-page #buddypress table.wp-profile-fields tr.alt td,.bp-page #buddypress table.messages-notices tr.alt td,.bp-page #buddypress table.forum tr.alt td{background-color:#FFF}
.bp-page #buddypress td.thread-options a.button{font-size:12px;padding:2px 5px}
.bp-page #buddypress div.dir-search input[type=text]{font-size:100%;padding:5px}
.bp-page #buddypress form.standard-form .left-menu #invite-list ul{padding-left:5px}
.bp-page #buddypress form.standard-form .left-menu #invite-list ul li{padding-bottom:5px}
.bp-page .bp_group #buddypress div#item-header div#item-actions{position:absolute;right:0;width:70px}
.bp-page .bp_group #buddypress div#item-header div#item-actions h3{text-transform:uppercase;font-weight:300;font-size:13px;line-height:15px}
.bp-page .bp_group #buddypress div#item-header div#item-header-content{padding-right:80px}
.bp-page #buddypress ul.item-list li div.item-desc{width:80%;font-size:100%}
.bp-page .widget div.item-avatar img{width:60px;height:60px}
.bp-page .widget div.item-options{position:absolute;right:-1px;top:27px;text-transform:uppercase;font-weight:500;font-size:10px;line-height:17px;color:#CCC;background:#F5F5F5;padding:3px 8px 1px 8px!important;border:1px solid #E7E7E7}
.bp-page .widget div.item-options a{color:#BBB}
.bp-page .widget div.item-options a.loading{color:#DDD!important}
.bp-page .widget #groups-list .item-avatar img.avatar,.bp-page .widget #members-list .item-avatar img.avatar,.bp-page .widget ul.item-list img.avatar{height:40px;width:40px}
.bp-page .widget #groups-list .item,.bp-page .widget #members-list .item,.bp-page .widget ul.item-list .item{padding-left:50px}
.bp-page .widget div.item-meta,.bp-page .widget div.item-content{margin-left:0}
.bp-page .widget .header{display:block}
.bp-page .single-page .radio,.bp-page .single-page .checkbox,.bp-page #buddypress div.activity-comments > ul{padding-left:0}
.bp-page #buddypress div.activity-comments div.acomment-meta,.bp-page #buddypress table.messages-notices tr td.thread-from a{font-size:12px;margin-left:37px}
.bp-page #buddypress div.item-list-tabs#subnav li.feed a:hover,.bp-page .widget div.item-options a.selected,.bp-page .widget div.item-options a:hover{color:#000}
.bp-page #buddypress #item-header-avatar,.bp-page .widget #groups-list .item-avatar,.bp-page .widget #members-list .item-avatar,.bp-page .widget ul.item-list .item-avatar{position:absolute}
.bp-page #buddypress #message-threads img.avatar,.bp-page #buddypress div#item-header ul img.avatar,.bp-page #buddypress div#item-header ul.avatars img.avatar,.bp-page .widget .item-avatar img{border-radius:50%}
.bp-page #buddypress table#message-threads tr.unread td,.bp-page #buddypress div.item-list-tabs ul li.selected a,.bp-page #buddypress div.item-list-tabs ul li.current a{font-weight:700;background:#FFF!important;color:#000!important}
.bp-page #buddypress div.dir-search {margin-top:0}
.bp-page #buddypress div.pagination .pagination-links a,.bp-page .pagination span.page-numbers{display:block;float:left;cursor:pointer;text-align:center;width:33px;line-height:1em;height:36px;padding:11px 4px!important}
.avatar-block .item-avatar{display:inline-block}
.bp-login-widget-user-avatar,.bp-login-widget-user-links{display:inline-block}
.profile-fields .label{color:inherit;display:table-cell}
/*bbpress*/
.bbpress #bbpress-forums fieldset.bbp-form {border:0px;padding:0px;}
.bbpress #bbpress-forums img.avatar {border:0px!important;margin-bottom:0px!important;border-radius:50%}
.bbpress #bbpress-forums #subscription-toggle {float:right;}
.bbpress #bbpress-forums li.bbp-header,.bbpress #bbpress-forums li.bbp-footer{text-transform:uppercase;font-weight:300;font-size:12px}
.bbpress #bbpress-forums li.bbp-header,.bbpress #bbpress-forums li.bbp-header, .bbpress #bbpress-forums li.bbp-footer,.bbpress #bbpress-forums div.bbp-forum-header, .bbpress #bbpress-forums div.bbp-topic-header, .bbpress #bbpress-forums div.bbp-reply-header{background:#F0F0F4;border-color:#E5E5E5}
.bbpress #bbpress-forums ul.bbp-lead-topic, .bbpress #bbpress-forums ul.bbp-topics, .bbpress #bbpress-forums ul.bbp-forums, .bbpress #bbpress-forums ul.bbp-search-results,.bbpress #bbpress-forums div.bbp-forum-content,.bbpress #bbpress-forums div.bbp-topic-content,.bbpress #bbpress-forums div.bbp-reply-content{font-size:14px}
.bbpress #bbpress-forums .bbp-forums-list li{display:block;font-size:12px}
.bbpress #bbpress-forums .bbp-forum-info .bbp-forum-content, .bbpress #bbpress-forums p.bbp-topic-meta {font-size:13px;line-height:18px}
.bbpress #bbpress-forums div.bbp-forum-author a.bbp-author-name, .bbpress #bbpress-forums div.bbp-topic-author a.bbp-author-name, .bbpress #bbpress-forums div.bbp-reply-author a.bbp-author-name{font-size:12px;line-height:15px;margin-top:6px}
.bbpress #bbpress-forums ul.bbp-replies .bbp-reply-post-date{font-size:11px;color:#AAA}
.bbpress span.bbp-author-ip{font-size:9px}
.bbpress #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content{border:1px solid #D9D9D9}
.bbpress #bbpress-forums li.bbp-header .bbp-search-author,.bbpress #bbpress-forums li.bbp-footer .bbp-search-author,.bbpress #bbpress-forums li.bbp-header .bbp-forum-author,.bbpress #bbpress-forums li.bbp-footer .bbp-forum-author,.bbpress #bbpress-forums li.bbp-header .bbp-topic-author,.bbpress #bbpress-forums li.bbp-footer .bbp-topic-author,.bbpress #bbpress-forums li.bbp-header .bbp-reply-author,.bbpress #bbpress-forums li.bbp-footer .bbp-reply-author{font-size:14px}
.bbp-breadcrumb p,.bbp-breadcrumb a{color:#999;font-size:12px}
.bbp-breadcrumb{margin-bottom:10px}

} /* END screen media */
/*************************************************
jQuery smooth div scroll
*************************************************/
.scroller-content{display:none}
.scroller,.scroller-content{position:relative}
div.scrollingHotSpotLeft,div.scrollingHotSpotRight{display:block!important;width:24px;height:55px;position:absolute;z-index:200;right:0;top:0;cursor:pointer;background-color:#FAFAFA;border-left:1px solid #E7E7E7}
div.scrollingHotSpotLeft{top:55px;border-top:1px solid #E7E7E7;z-index:201}
div.scrollingHotSpotLeftVisible{background-image:url(../images/arrows.png);background-position:-17px 21px;background-repeat:no-repeat;background-size:48px 110px!important}
div.scrollingHotSpotRightVisible{background-image:url(../images/arrows.png);background-position:8px 21px;background-repeat:no-repeat;background-size:48px 110px!important}
div.scrollingHotSpotLeftVisible.active{background-position:-17px -34px}
div.scrollingHotSpotRightVisible.active{background-position:8px -34px}
div.scrollingHotSpotLeft.active,div.scrollingHotSpotRight.active{background-color:#F5F5F5}
div.scrollWrapper{position:relative;overflow:hidden;width:100%;height:100%}
div.scrollableArea{position:relative;width:auto;height:100%}
#header-posts div.scrollingHotSpotLeftVisible{background-position:-17px 14px}
#header-posts div.scrollingHotSpotRightVisible{background-position:8px 14px}
#header-posts div.scrollingHotSpotLeftVisible.active{background-position:-17px -42px}
#header-posts div.scrollingHotSpotRightVisible.active{background-position:8px -42px}

/*************************************************
printing
*************************************************/
@media print {
#header,#sticky-bar,#sticky-menu,#footer-wrapper,.page-controls,.widgets-wrapper,.video-container,.reactions-wrapper,#recommended,#reply-form,#comments .filterbar,.author-profile-fields,.theme-icon-tag,#postnav,.contents-menu-wrapper,.control-bar,.sharing-wrapper-single,.it-ad-wrapper,.author-image,.it-ad,.big-like{display:none!important}
.author-info h3{float:left;padding-left:28px}

}
/*************************************************
browser compat
*************************************************/
/*chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
}
/*safari*/
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media
{
.now-reading-title,.new-articles .selector .new-label,.popnav .nav-title,.section-menu-mobile ul li a{font-weight:500}
.widget_c .overlay-panel .article-title{font-weight:700}
}}
/*opera*/
@media not all and (-webkit-min-device-pixel-ratio:0) { 
}
/*firefox*/
@-moz-document url-prefix() { 
.widget-topics .heat-index .numcount{left:0;top:10px}
}
/*ie9 and ie10*/
@media screen and (min-width:0\0) { 
.widget-topics .heat-index .numcount{left:0}
.now-reading-title{font-weight:500}
}
/*ie10*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
}
/*************************************************
general retina declarations for all layouts
*************************************************/	
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dppx) {

div.scrollingHotSpotLeftVisible{background-image:url(../images/arrows@2x.png)}
div.scrollingHotSpotRightVisible{background-image:url(../images/arrows@2x.png)}

.loop-panel .review-star>span{top:5px}	
}
/*************************************************
begin responsive declarations
*************************************************/	
/* Huge only */
@media (min-width: 1300px) {
}
/* Large only */
@media (min-width: 1200px) {
	}
/* Large and down */
@media (max-width: 1299px) { 
.longform-post h1.single-title{font-size:54px;line-height:54px}
}
/* Medium and down */
@media (max-width: 1199px) { 

.post-left{left:-178px;opacity:1;z-index:205}
.post-right{margin-left:0;border:0!important}
.post-left-toggle{display:block}
.post-left-opened .post-left{border:0!important}


}
/* Medium only */
@media (min-width: 992px) and (max-width: 1199px) { 
/*narrow widget panels*/

}
/* one-off */
@media (min-width: 992px) and (max-width: 1099px) { 
/*wide widget panels*/

.loop-info-wrapper{padding-left:20px;padding-right:20px}
.loop-panel h2.article-title{font-size:30px}
.loop-panel .excerpt{margin-top:15px}
}
/* Small and down */
@media (max-width: 991px) { 

#header-posts{padding:0}
#header-posts .boxed1{padding-left:0}
#header-posts .boxed1 .bar-header{display:none}
#header-posts .compact-panel .article-image-wrapper{display:none}
#header-posts .compact-panel .article-info{padding-left:10px!important}
#header-posts .compact-panel{width:150px}
#header-posts .compact-panel .article-title{font-size:12px;line-height:14px}
#header-terms{width:100px;height:92px;overflow:hidden}


.post-content{overflow:visible}

}

/* Small only */
@media (min-width: 768px) and (max-width: 991px) { 
}
/* WordPress first menu break point */
@media (max-width: 782px) {

.builder-trending .compact-panel{width:200px;padding:25px 10px 0 0}
.builder-trending .compact-panel .article-image-wrapper{display:none}
.builder-trending .compact-panel .article-info{padding-left:15px!important}

}
/* Bootstrap xs size*/
@media (max-width: 767px) {
.subfooter .credits{text-align:left}
.woocommerce.woocommerce-page .related ul li.product,.woocommerce.woocommerce-page .upsells.products ul li.product,.woocommerce.woocommerce-page .related ul.products li.product{width:48%}
}
/* Extra Small Only */
@media (min-width: 601px) and (max-width: 782px) { 
}
/* Wordpress second menu break point */
@media (max-width: 600px) { 

#header-terms{width:185px}
#section-menu{display:none}

#header-posts{/*display:none*/}

.builder-utility ul li ul{width:110px}
.builder-utility ul li ul li ul{left:108px}
.builder-utility ul li ul li a{font-size:13px;line-height:13px}

.loop-info-wrapper{width:100%;margin:0}
.loop-panel h2.article-title{font-size:30px}
.loop-panel .excerpt{margin-top:15px}
.category-tile{width:50%;padding: 0 0 50% 0}

.builder-topten .center-panel{width:100%;border-left:1px solid #E7E7E7}
.builder-topten .boxed1 .bar-header{height:90px;border-bottom:1px solid #E2E2E2}
.builder-connect .boxed1 .bar-header{display:none}
.builder-connect .connect-inner{padding-left:0;height:auto}
.builder-connect .social-panel{width:50%;padding:12px 0}
.builder-connect .connect-counts{position:relative;width:100%}
.builder-connect .connect-social{position:absolute;top:0;right:0;border-left:1px solid #E7E7E7}

.control-bar{padding-left:17px}
.control-bar .metric:not(.meta-comments){font-weight:300;font-size:22px;color:#000;margin-top:0}
.control-trending-selector,.control-awards-selector{display:inline-block;transition:color .2s ease;float:left;height:33px;width:35px;color:#AAA;cursor:pointer;font-size:20px}
.control-trending-wrapper.active .control-trending-selector,.control-awards-wrapper.active .control-awards-selector{color:#000}
.control-trending,.control-awards{float:none;position:absolute;top:32px;width:280px;background:#FFF;border:1px solid #E0E0E0;border-top:none;box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.25);z-index:11;padding:15px 15px;display:none}
.control-bar .awards-wrapper, .longform-right .awards-wrapper,.control-bar .badges-wrapper{margin:5px 50px 5px 0}
}
}
/* one off */
@media (min-width: 601px) { 
.control-trending,.control-awards{display:block!important}
}
@media (min-width: 441px) and (max-width: 600px) { 

}
/* portrait phone */
@media (max-width: 440px) { 
#header-terms{display:none}

.builder-loop .col-md-2.loop-column, .builder-loop .col-md-3.loop-column,.builder-widgets .widget-panel.col-md-3,.builder-sections .widget-section,.builder-widgets .widget-panel.col-md-3,.builder-magazine .col-md-3 .widget{width:100%!important;float:none}

}
/*************************************************
retina declarations for specific responsive layouts
*************************************************/	
@media (max-width: 440px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 440px) and (min-resolution: 192dppx) { 

div.scrollingHotSpotLeftVisible{background-image:url(../images/arrows@2x.png)}
div.scrollingHotSpotRightVisible{background-image:url(../images/arrows@2x.png)}

}

.video-info {
    height: 150px;
    overflow: hidden!important;
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none
}

.overlay .video,
.overlay .video-small {
    z-index: 1;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    left: 0
}

.overlay {
    /*position: relative;*/
}

.overlay .video {
    position: absolute;
    background: url(../uploads/play-button-inactive.png) center center/50px 50px no-repeat rgba(0, 0, 0, .1)
}

.overlay .video:hover {
    background: url(../uploads/play-button.png) center center/50px 50px no-repeat rgba(0, 0, 0, .3)
}

.overlay .video-small {
    position: absolute;
    background: url(../uploads/play-button-inactive.png) center center/30px 30px no-repeat rgba(0, 0, 0, .1)
}

.overlay .video-small:hover {
    background: url(../uploads/play-button.png) center center/30px 30px no-repeat rgba(0, 0, 0, .3)
}

.video-info p {
    height: 50px;
    overflow: hidden
}
.byline{ font-size:13px; color:#222 }
.bf-breadcrumb-bg{ padding:8px 0 !important; border-bottom:1px solid #DEDEDE; background:#216295; height:37px; overflow:hidden }
.contact_info{ font-size:14px !important; }
.contact_info .bs-shortcode{ margin-bottom:20px; }
.contact_info .bs-shortcode.bs-text .h-text{ color:#000000; font-size:15px; }
.contact_info .bs-shortcode .bs-text-content strong{ font-size:12px !important; }
.about{ color:#222; font-size:14px; }

.main_search { float:right; padding:5px 0 0 0; width:280px; }
.menu-box .main_search { float:right; padding:5px 15px 0 0; width:280px; }
#contestForm p{ margin-top:5px;font-size:12px; }
#contestForm p.hint{ color:#FF0000; display:block }
#contestForm label{ font-size:12px;  }
.button{ padding:10px 30px; color:#FFFFFF !important; background:#056baa; display:inline-block }
.button:hover{ background:#0080ce; cursor:pointer; }