/* --------------------------- RESET STYLES */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.clearfix:after{clear: both;content: "'";display: block;font-size: 0;height: 0;overflow: hidden;visibility: hidden;}.clearfix{min-height: 0;}* html .clearfix{height: 1%;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1; font:13px Calibri, Arial, sans-serif;;line-height:1.25; color:#000} 
table {border-collapse:collapse; border-spacing:0;}
strong {font-weight:bold;} em {font-style:italic;}
a, a:visited, a:link {color:#2980b9; text-decoration:none;}a:hover {color:#2980b9;}
ul li {margin:8px 0 0 20px;}


/* --------------------------- TYPOGRAPHY */
/*  Klavika Medium Condensed  */
@font-face{
     font-family: 'KlavikaMediumCondensed';
     src: url('/resources/statics/1000/KlavikaWebMediumCond.eot');
     src: url('/resources/statics/1000/KlavikaWebMediumCond.eot?#iefix') format('embedded-opentype'),
          url('/resources/statics/1000/KlavikaWebMediumCondensed.woff') format('woff');
}

/*  Klavika Medium Condensed Italic  */
@font-face{
     font-family: 'KlavikaMediumCondensedItalic';
     src: url('/resources/statics/1000/KlavikaWebMediumCondItalic.eot');
     src: url('/resources/statics/1000/KlavikaWebMediumCondItalic.eot?#iefix') format('embedded-opentype'),
          url('/resources/statics/1000/KlavikaWebMediumCondensedItalic.woff') format('woff');
}

/*  Klavika Bold Condensed Italic  */
@font-face{
     font-family: 'KlavikaBoldCondensedItalic';
     src: url('/resources/statics/1000/KlavikaWebBoldCondItalic.eot');
     src: url('/resources/statics/1000/KlavikaWebBoldCondItalic.eot?#iefix') format('embedded-opentype'),
          url('/resources/statics/1000/KlavikaWebBoldCondensedItalic.woff') format('woff');
}

h1, .hed {font-family: 'KlavikaMediumCondensed', Calibri, Arial, sans-serif; line-height:normal; font-weight:normal;}
.btn {font-family: Calibri, Arial, sans-serif; font-weight: bold;}

h1 {font-size:60px;}

/* --------------------------- GENERAL */
.btn {color: #fff !important; font-size: 16px; display: inline-block; padding: 10px 15px; margin: 5px 5px 5px 0; text-transform: uppercase; letter-spacing: 1; border: 2px solid; min-width: 200px; text-align: center; background: transparent !important; touch-action: manipulation; cursor: pointer;}
.btn:hover{border: 2px solid black; background: black !important; color: white !important;}
.btn-callout {background-color:#2980b9;}
.btn-callout:hover {background-color:#000}

.list-unstyled li, .list-inline li {list-style:none; margin:0}
.list-inline {list-style:none; font-size:0.1}
.list-inline li {font-size:13px; display:inline-block;}

/* TRENDING USERS */
#trend-users {height:144px; overflow:hidden}
#trend-users a {display:inline-block; margin:10px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; overflow:hidden;}

/* RECENT CONTENT */
#recent {position:relative;}
#recent .col {width:50%; float:left; padding-left:5px;}
#recent .col:first-child {padding-left:0; padding-right:5px;}
#recent article {padding-left:16px; position:relative;}
#recent article:after {content:''; width:9px; height:9px; background:url(/resources/statics/1000/bullet-arrow.png); position:absolute; top:3px; left:0;}
#recent article:first-child {border-top:none}
#recent article .ttl {font-size:14px; line-height:1; margin-bottom:3px; color:#000; display:inline-block;}
#recent article a h2 {-webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; -o-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;}
#recent article:hover .ttl,
#recent article a:hover .ttl {color:#2980b9}
#recent article .byline {color:#999; display:block; margin-top:4px;}
#recent article time {display:inline-block; text-align:center; line-height:1; margin-right:20px;}

.count-reply {display:inline-block; margin-right:10px;}
.count-reply:before,
.count-like:before {content:''; display:inline-block; width:12px; height:12px; background-size:cover;}
.count-reply:before {background-image:url("data:image/svg+xml,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cpath%20d%3D%27M29%202h-26c-1.65%200-3%201.35-3%203v16c0%201.65%201.35%203%203%203h5v8l9.6-8h11.4c1.65%200%203-1.35%203-3v-16c0-1.65-1.35-3-3-3zM28%2020h-11.848l-6.152%205.46v-5.46h-6v-14h24v14z%27%20fill%3D%27%23cccccc%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E");}
.count-like:before {background-image:url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M31%2021c0-1.029-0.561-1.936-1.416-2.477%200.264-0.447%200.416-0.967%200.416-1.523%200-1.657-1.343-3-3-3h-5.869c0.702-2.528%201.056-5.143%201.056-7.813%200-2.309-1.878-4.188-4.188-4.188s-4.188%201.878-4.188%204.188c0%203.249-1.21%205.748-3.597%207.428-0.656%200.462-1.398%200.859-2.216%201.19v-2.806h-8v20h8v-1.969c1.872%200.123%202.78%200.591%203.662%201.047%200.878%200.453%201.785%200.922%203.338%200.922h10c1.657%200%203-1.343%203-3%200-0.391-0.075-0.763-0.211-1.105%201.274-0.346%202.211-1.511%202.211-2.895%200-0.556-0.152-1.077-0.416-1.523%200.855-0.54%201.416-1.448%201.416-2.477zM3%2030c-0.552%200-1-0.448-1-1s0.448-1%201-1%201%200.448%201%201-0.448%201-1%201zM27.75%2022h-1.75v2h1c0.551%200%201%200.449%201%201s-0.449%201-1%201h-2v2c0.551%200%201%200.449%201%201s-0.449%201-1%201h-10c-1.066%200-1.634-0.293-2.42-0.699-0.992-0.512-2.2-1.135-4.58-1.273v-10.694c1.342-0.451%202.545-1.045%203.583-1.776%203.012-2.12%204.604-5.361%204.604-9.37%200-0.999%200.813-1.813%201.813-1.813s1.813%200.813%201.813%201.813c0%202.677-0.388%205.294-1.155%207.813-0.194%200.719-0.377%201.432-0.501%202h8.843c0.551%200%201%200.449%201%201s-0.449%201-1%201h-1v2h1.75c0.678%200%201.25%200.458%201.25%201s-0.572%201-1.25%201z%22%20fill%3D%22%23cccccc%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");}
/* color #cccccc */