/*
Theme Name: Blogging
Theme URI: http://wpforests.com/portfolio/blogging
Author: wpforests
Author URI: http://wpforests.com/
Description: gawker.com wordpress theme
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, blog, theme-options, infinite-scroll, pagination, sidebar, menu
Text Domain: wf
*/


@charset "UTF-8";
.yarpp_pro_msg {
border : #D0D0D0 ridge 1px;
padding : 0.4em 2em 0.8em;
text-align : justify;
}
.yarpp_pro_msg strong {
display : inline-block;
text-align : center;
width : 100%;
color : orange;
}
.yarpp_help {
position : relative;
display : inline-block;
background : url('../../../../wp-includes/images/wpicons.png') -520px -20px no-repeat transparent;
vertical-align : text-bottom;
width : 20px;
height : 20px;
}
.yarpp_help_msg {
position : absolute;
left : 25px;
display : none;
border : #D0D0D0 solid 1px;
width : 250px;
text-align : justify;
padding : 10px 15px;
background-color : #FFF;
box-shadow : 0 0 0.4em -0.15em #333;
z-index : 100;
}
.yarpp_help:hover .yarpp_help_msg {
display : block;
}
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border : 0;
font-family : inherit;
font-size : 100%;
font-style : inherit;
font-weight : inherit;
margin : 0;
outline : 0;
padding : 0;
vertical-align : baseline;
}
:focus {
outline : 0;
}
body {
background : #fff;
line-height : 1;
}
ol, ul {
list-style : none;
}
table {
border-collapse : separate;
border-spacing : 0;
}
caption, th, td {
font-weight : normal;
text-align : left;
}
blockquote:before, blockquote:after, q:before, q:after {
content : "";
}
blockquote, q {
quotes : "" "";
}
a img {
border : 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display : block;
}
.alignnone {
margin : 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
display : block;
margin : 5px auto 5px auto;
}
.alignright {
float : right;
margin : 5px 0 20px 20px;
}
.alignleft {
float : left;
margin : 5px 20px 20px 0;
}
.aligncenter {
display : block;
margin : 5px auto 5px auto;
}
a img.alignright {
float : right;
margin : 5px 0 20px 20px;
}
a img.alignnone {
margin : 5px 20px 20px 0;
}
a img.alignleft {
float : left;
margin : 5px 20px 20px 0;
}
a img.aligncenter {
display : block;
margin-left : auto;
margin-right : auto;
}
.wp-caption {
background : #fff;
border : #f0f0f0 solid 1px;
max-width : 96%;
padding : 5px 3px 10px;
text-align : center;
}
.wp-caption.alignnone {
margin : 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin : 5px 20px 20px 0;
}
.wp-caption.alignright {
margin : 5px 0 20px 20px;
}
.wp-caption img {
border : none 0;
height : auto;
margin : 0;
max-width : 98.5%;
padding : 0;
width : auto;
}
.wp-caption p.wp-caption-text {
font-size : 11px;
line-height : 17px;
margin : 0;
padding : 0 4px 5px;
}
.assistive-text, .site .screen-reader-text {
position : absolute !important ;
clip : rect(1px,1px,1px,1px);
}
.assistive-text:focus {
background : #fff;
border : #333 solid 2px;
border-radius : 3px;
clip : auto !important ;
color : #000;
display : block;
font-size : 12px;
padding : 12px;
position : absolute;
top : 5px;
left : 5px;
z-index : 100000;
}
.commentlist .children {
background : #fff;
border-left : 1px solid #ddd;
border-radius : 0 3px 3px 0;
margin-left : 1.625em;
padding-left : 1.625em;
position : relative;
}
.commentlist .children .comment .fn {
display : block;
}
.screen-reader-text {
clip : rect(1px,1px,1px,1px);
position : absolute;
}
.screen-reader-text:focus {
background-color : #f1f1f1;
border-radius : 3px;
box-shadow : 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip : auto;
color : #21759b;
display : block;
font-size : 14px;
font-weight : bold;
height : auto;
line-height : normal;
padding : 15px 23px 14px;
position : absolute;
left : 5px;
top : 5px;
text-decoration : none;
text-transform : none;
width : auto;
z-index : 100000;
}
.hide {
display : none;
}
#infscr-loading {
text-align : center;
}
@media only screen and (max-width:49.9em) {
#dropdown-blog.mobile-modal {
left : 50%;
margin-left : -100px;
}
}
meta.foundation-version {
font-family : "/5.1.0/";
}
meta.foundation-mq-small {
font-family : "/only screen and (max-width:37.4375em)/";
width : 0;
}
meta.foundation-mq-medium {
font-family : "/only screen and (min-width:37.5em)/";
width : 37.5em;
}
meta.foundation-mq-large {
font-family : "/only screen and (min-width:50em)/";
width : 50em;
}
meta.foundation-mq-xlarge {
font-family : "/only screen and (min-width:64em)/";
width : 64em;
}
meta.foundation-mq-xxlarge {
font-family : "/only screen and (min-width:66.3em)/";
width : 66.3em;
}
meta.foundation-data-attribute-namespace {
font-family : false;
}
html, body {
height : 100%;
}
*, *:before, *:after {
box-sizing : border-box;
}
html, body {
font-size : 100%;
}
body {
background : #fff;
color : #222;
padding : 0;
margin : 0;
font-family : Georgia, serif;
font-weight : normal;
font-style : normal;
line-height : 1;
position : relative;
cursor : auto;
}
a:hover {
cursor : pointer;
}
img, object, embed {
max-width : 100%;
height : auto;
}
object, embed {
height : 100%;
}
#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object {
max-width : none !important ;
}
.left {
float : left !important ;
}
.right {
float : right !important ;
}
.clearfix:before, .clearfix:after {
content : " ";
display : table;
}
.clearfix:after {
clear : both;
}
.hide {
display : none;
}
img {
display : inline-block;
vertical-align : middle;
}
textarea {
height : auto;
min-height : 50px;
}
select {
width : 100%;
}
.alert-box {
border-style : solid;
border-width : 1px;
display : block;
font-weight : normal;
margin-bottom : 1.25rem;
position : relative;
padding : 0.625rem 1.25rem 0.625rem 0.625rem;
font-size : 0.875rem;
background-color : #0093ec;
border-color : #007ecb;
color : #fff;
}
.alert-box .close {
font-size : 1.5rem;
padding : 9px 6px 4px;
line-height : 0;
position : absolute;
top : 50%;
margin-top : -0.75rem;
right : 0.25rem;
color : #333;
opacity : 0.300000011920928955078125;
}
.alert-box .close:hover, .alert-box .close:focus {
opacity : 0.5;
}
.alert-box.radius {
border-radius : 0;
}
.alert-box.round {
border-radius : 1000px;
}
.alert-box.success {
background-color : #43ac6a;
border-color : #3a945b;
color : #fff;
}
.alert-box.alert {
background-color : #dc0002;
border-color : #bd0002;
color : #fff;
}
.alert-box.secondary {
background-color : #d1d1d1;
border-color : #b4b4b4;
color : #474747;
}
.alert-box.warning {
background-color : #ffffea;
border-color : #ffffa6;
color : #474747;
}
.alert-box.info {
background-color : #f5f5f5;
border-color : #d3d3d3;
color : #474747;
}
[class*="block-grid-"]:before, [class*="block-grid-"]:after {
content : " ";
display : table;
}
[class*="block-grid-"]:after {
clear : both;
}
[class*="block-grid-"] > li {
display : block;
height : auto;
float : left;
padding : 0 0.625rem 1.25rem;
}
@media only screen {
.small-block-grid-1 > li {
width : 100%;
list-style : none;
}
.small-block-grid-1 > li:nth-of-type(n) {
clear : none;
}
.small-block-grid-1 > li:nth-of-type(1n 1) {
clear : both;
}
.small-block-grid-2 > li {
width : 50%;
list-style : none;
}
.small-block-grid-2 > li:nth-of-type(n) {
clear : none;
}
.small-block-grid-2 > li:nth-of-type(2n 1) {
clear : both;
}
.small-block-grid-3 > li {
width : 33.33333%;
list-style : none;
}
.small-block-grid-3 > li:nth-of-type(n) {
clear : none;
}
.small-block-grid-3 > li:nth-of-type(3n 1) {
clear : both;
}
.small-block-grid-4 > li {
width : 25%;
list-style : none;
}
.small-block-grid-4 > li:nth-of-type(n) {
clear : none;
}
.small-block-grid-4 > li:nth-of-type(4n 1) {
clear : both;
}
.small-block-grid-5 > li {
width : 20%;
list-style : none;
}
.small-block-grid-5 > li:nth-of-type(n) {
clear : none;
}
.small-block-grid-5 > li:nth-of-type(5n 1) {
clear : both;
}
.small-block-grid-6 > li {
width : 16.66667%;
list-style : none;
}
.small-block-grid-6 > li:nth-of-type(n) {
clear : none;
}
.small-block-grid-6 > li:nth-of-type(6n 1) {
clear : both;
}
.small-block-grid-7 > li {
width : 14.28571%;
list-style : none;
}
.small-block-grid-7 > li:nth-of-type(n) {
clear : none;
}
.small-block-grid-7 > li:nth-of-type(7n 1) {
clear : both;
}
.small-block-grid-8 > li {
width : 12.5%;
list-style : none;
}
.small-block-grid-8 > li:nth-of-type(n) {
clear : none;
}
.small-block-grid-8 > li:nth-of-type(8n 1) {
clear : both;
}
.small-block-grid-9 > li {
width : 11.11111%;
list-style : none;
}
.small-block-grid-9 > li:nth-of-type(n) {
clear : none;
}
.small-block-grid-9 > li:nth-of-type(9n 1) {
clear : both;
}
.small-block-grid-10 > li {
width : 10%;
list-style : none;
}
.small-block-grid-10 > li:nth-of-type(n) {
clear : none;
}
.small-block-grid-10 > li:nth-of-type(10n 1) {
clear : both;
}
.small-block-grid-11 > li {
width : 9.09091%;
list-style : none;
}
.small-block-grid-11 > li:nth-of-type(n) {
clear : none;
}
.small-block-grid-11 > li:nth-of-type(11n 1) {
clear : both;
}
.small-block-grid-12 > li {
width : 8.33333%;
list-style : none;
}
.small-block-grid-12 > li:nth-of-type(n) {
clear : none;
}
.small-block-grid-12 > li:nth-of-type(12n 1) {
clear : both;
}
}
@media only screen and (min-width:37.5em) {
.medium-block-grid-1 > li {
width : 100%;
list-style : none;
}
.medium-block-grid-1 > li:nth-of-type(n) {
clear : none;
}
.medium-block-grid-1 > li:nth-of-type(1n 1) {
clear : both;
}
.medium-block-grid-2 > li {
width : 50%;
list-style : none;
}
.medium-block-grid-2 > li:nth-of-type(n) {
clear : none;
}
.medium-block-grid-2 > li:nth-of-type(2n 1) {
clear : both;
}
.medium-block-grid-3 > li {
width : 33.33333%;
list-style : none;
}
.medium-block-grid-3 > li:nth-of-type(n) {
clear : none;
}
.medium-block-grid-3 > li:nth-of-type(3n 1) {
clear : both;
}
.medium-block-grid-4 > li {
width : 25%;
list-style : none;
}
.medium-block-grid-4 > li:nth-of-type(n) {
clear : none;
}
.medium-block-grid-4 > li:nth-of-type(4n 1) {
clear : both;
}
.medium-block-grid-5 > li {
width : 20%;
list-style : none;
}
.medium-block-grid-5 > li:nth-of-type(n) {
clear : none;
}
.medium-block-grid-5 > li:nth-of-type(5n 1) {
clear : both;
}
.medium-block-grid-6 > li {
width : 16.66667%;
list-style : none;
}
.medium-block-grid-6 > li:nth-of-type(n) {
clear : none;
}
.medium-block-grid-6 > li:nth-of-type(6n 1) {
clear : both;
}
.medium-block-grid-7 > li {
width : 14.28571%;
list-style : none;
}
.medium-block-grid-7 > li:nth-of-type(n) {
clear : none;
}
.medium-block-grid-7 > li:nth-of-type(7n 1) {
clear : both;
}
.medium-block-grid-8 > li {
width : 12.5%;
list-style : none;
}
.medium-block-grid-8 > li:nth-of-type(n) {
clear : none;
}
.medium-block-grid-8 > li:nth-of-type(8n 1) {
clear : both;
}
.medium-block-grid-9 > li {
width : 11.11111%;
list-style : none;
}
.medium-block-grid-9 > li:nth-of-type(n) {
clear : none;
}
.medium-block-grid-9 > li:nth-of-type(9n 1) {
clear : both;
}
.medium-block-grid-10 > li {
width : 10%;
list-style : none;
}
.medium-block-grid-10 > li:nth-of-type(n) {
clear : none;
}
.medium-block-grid-10 > li:nth-of-type(10n 1) {
clear : both;
}
.medium-block-grid-11 > li {
width : 9.09091%;
list-style : none;
}
.medium-block-grid-11 > li:nth-of-type(n) {
clear : none;
}
.medium-block-grid-11 > li:nth-of-type(11n 1) {
clear : both;
}
.medium-block-grid-12 > li {
width : 8.33333%;
list-style : none;
}
.medium-block-grid-12 > li:nth-of-type(n) {
clear : none;
}
.medium-block-grid-12 > li:nth-of-type(12n 1) {
clear : both;
}
}
@media only screen and (min-width:50em) {
.large-block-grid-1 > li {
width : 100%;
list-style : none;
}
.large-block-grid-1 > li:nth-of-type(n) {
clear : none;
}
.large-block-grid-1 > li:nth-of-type(1n 1) {
clear : both;
}
.large-block-grid-2 > li {
width : 50%;
list-style : none;
}
.large-block-grid-2 > li:nth-of-type(n) {
clear : none;
}
.large-block-grid-2 > li:nth-of-type(2n 1) {
clear : both;
}
.large-block-grid-3 > li {
width : 33.33333%;
list-style : none;
}
.large-block-grid-3 > li:nth-of-type(n) {
clear : none;
}
.large-block-grid-3 > li:nth-of-type(3n 1) {
clear : both;
}
.large-block-grid-4 > li {
width : 25%;
list-style : none;
}
.large-block-grid-4 > li:nth-of-type(n) {
clear : none;
}
.large-block-grid-4 > li:nth-of-type(4n 1) {
clear : both;
}
.large-block-grid-5 > li {
width : 20%;
list-style : none;
}
.large-block-grid-5 > li:nth-of-type(n) {
clear : none;
}
.large-block-grid-5 > li:nth-of-type(5n 1) {
clear : both;
}
.large-block-grid-6 > li {
width : 16.66667%;
list-style : none;
}
.large-block-grid-6 > li:nth-of-type(n) {
clear : none;
}
.large-block-grid-6 > li:nth-of-type(6n 1) {
clear : both;
}
.large-block-grid-7 > li {
width : 14.28571%;
list-style : none;
}
.large-block-grid-7 > li:nth-of-type(n) {
clear : none;
}
.large-block-grid-7 > li:nth-of-type(7n 1) {
clear : both;
}
.large-block-grid-8 > li {
width : 12.5%;
list-style : none;
}
.large-block-grid-8 > li:nth-of-type(n) {
clear : none;
}
.large-block-grid-8 > li:nth-of-type(8n 1) {
clear : both;
}
.large-block-grid-9 > li {
width : 11.11111%;
list-style : none;
}
.large-block-grid-9 > li:nth-of-type(n) {
clear : none;
}
.large-block-grid-9 > li:nth-of-type(9n 1) {
clear : both;
}
.large-block-grid-10 > li {
width : 10%;
list-style : none;
}
.large-block-grid-10 > li:nth-of-type(n) {
clear : none;
}
.large-block-grid-10 > li:nth-of-type(10n 1) {
clear : both;
}
.large-block-grid-11 > li {
width : 9.09091%;
list-style : none;
}
.large-block-grid-11 > li:nth-of-type(n) {
clear : none;
}
.large-block-grid-11 > li:nth-of-type(11n 1) {
clear : both;
}
.large-block-grid-12 > li {
width : 8.33333%;
list-style : none;
}
.large-block-grid-12 > li:nth-of-type(n) {
clear : none;
}
.large-block-grid-12 > li:nth-of-type(12n 1) {
clear : both;
}
}
button, .button {
border-style : solid;
border-width : 0;
cursor : pointer;
font-family : "ProximaNovaCond", serif;
font-weight : normal;
line-height : normal;
margin : 0 0 0;
position : relative;
text-decoration : none;
text-align : center;
display : inline-block;
padding-top : 1rem;
padding-right : 2rem;
padding-bottom : 1.0625rem;
padding-left : 2rem;
font-size : 1rem;
background-color : #0093ec;
border-color : #0076bd;
color : #fff;
transition : background-color 300ms ease-out;
padding-top : 1.0625rem;
padding-bottom : 1rem;
border : none;
font-weight : normal !important ;
}
button:hover, button:focus, .button:hover, .button:focus {
background-color : #0076bd;
}
button:hover, button:focus, .button:hover, .button:focus {
color : #fff;
}
button.secondary, .button.secondary {
background-color : #d1d1d1;
border-color : #a7a7a7;
color : #333;
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
background-color : #a7a7a7;
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
color : #333;
}
button.success, .button.success {
background-color : #43ac6a;
border-color : #368a55;
color : #fff;
}
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
background-color : #368a55;
}
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
color : #fff;
}
button.alert, .button.alert {
background-color : #dc0002;
border-color : #b00002;
color : #fff;
}
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
background-color : #b00002;
}
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
color : #fff;
}
button.large, .button.large {
padding-top : 1.125rem;
padding-right : 2.25rem;
padding-bottom : 1.1875rem;
padding-left : 2.25rem;
font-size : 1.25rem;
}
button.small, .button.small {
padding-top : 0.6875rem;
padding-right : 1.375rem;
padding-bottom : 0.75rem;
padding-left : 1.375rem;
font-size : 0.9375rem;
}
button.tiny, .button.tiny {
padding-top : 0.4375rem;
padding-right : 0.875rem;
padding-bottom : 0.5rem;
padding-left : 0.875rem;
font-size : 0.8125rem;
}
button.expand, .button.expand {
padding-right : 0;
padding-left : 0;
width : 100%;
}
button.left-align, .button.left-align {
text-align : left;
text-indent : 0.75rem;
}
button.right-align, .button.right-align {
text-align : right;
padding-right : 0.75rem;
}
button.radius, .button.radius {
border-radius : 0;
}
button.round, .button.round {
border-radius : 1000px;
}
button.disabled, button[disabled], .button.disabled, .button[disabled] {
background-color : #0093ec;
border-color : #0076bd;
color : #fff;
cursor : auto;
opacity : 0.699999988079071044921875;
box-shadow : none;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
background-color : #0076bd;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
color : #fff;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
background-color : #0093ec;
}
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
background-color : #d1d1d1;
border-color : #a7a7a7;
color : #333;
cursor : auto;
opacity : 0.699999988079071044921875;
box-shadow : none;
}
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
background-color : #a7a7a7;
}
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
color : #333;
}
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
background-color : #d1d1d1;
}
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
background-color : #43ac6a;
border-color : #368a55;
color : #fff;
cursor : auto;
opacity : 0.699999988079071044921875;
box-shadow : none;
}
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
background-color : #368a55;
}
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
color : #fff;
}
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
background-color : #43ac6a;
}
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
background-color : #dc0002;
border-color : #b00002;
color : #fff;
cursor : auto;
opacity : 0.699999988079071044921875;
box-shadow : none;
}
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
background-color : #b00002;
}
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
color : #fff;
}
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
background-color : #dc0002;
}
@media only screen and (min-width:37.5em) {
button, .button {
display : inline-block;
}
}
@media only screen and (max-width:37.4375em) {
.f-dropdown {
max-width : 100%;
left : 0;
}
}
.f-dropdown {
position : absolute;
left : -9999px;
list-style : none;
margin-left : 0;
width : 100%;
max-height : none;
height : auto;
background : #fff;
border : #ccc solid 1px;
font-size : 16px;
z-index : 99;
margin-top : 2px;
max-width : 200px;
}
.f-dropdown > *:first-child {
margin-top : 0;
}
.f-dropdown > *:last-child {
margin-bottom : 0;
}
.f-dropdown:before {
content : "";
display : block;
width : 0;
height : 0;
border : inset 6px;
border-color : transparent transparent #fff transparent;
border-bottom-style : solid;
position : absolute;
top : -12px;
left : 10px;
z-index : 99;
}
.f-dropdown:after {
content : "";
display : block;
width : 0;
height : 0;
border : inset 7px;
border-color : transparent transparent #ccc transparent;
border-bottom-style : solid;
position : absolute;
top : -14px;
left : 9px;
z-index : 98;
}
.f-dropdown.right:before {
left : auto;
right : 10px;
}
.f-dropdown.right:after {
left : auto;
right : 9px;
}
.f-dropdown li {
font-size : 0.875rem;
cursor : pointer;
line-height : 1.25rem;
margin : 0;
}
.f-dropdown li:hover, .f-dropdown li:focus {
background : #eee;
}
.f-dropdown li a {
display : block;
padding : 0.5rem;
color : #555;
}
.f-dropdown.content {
position : absolute;
left : -9999px;
list-style : none;
margin-left : 0;
padding : 0.9375rem;
width : 100%;
height : auto;
max-height : none;
background : #fff;
border : #ccc solid 1px;
font-size : 16px;
z-index : 99;
max-width : 200px;
}
.f-dropdown.content > *:first-child {
margin-top : 0;
}
.f-dropdown.content > *:last-child {
margin-bottom : 0;
}
.f-dropdown.tiny {
max-width : 200px;
}
.f-dropdown.small {
max-width : 300px;
}
.f-dropdown.medium {
max-width : 500px;
}
.f-dropdown.large {
max-width : 800px;
}
.dropdown.button, button.dropdown {
position : relative;
padding-right : 3.5625rem;
}
.dropdown.button:before, button.dropdown:before {
position : absolute;
content : "";
width : 0;
height : 0;
display : block;
border-style : solid;
border-color : #fff transparent transparent transparent;
top : 50%;
}
.dropdown.button:before, button.dropdown:before {
border-width : 0.375rem;
right : 1.40625rem;
margin-top : -0.15625rem;
}
.dropdown.button:before, button.dropdown:before {
border-color : #fff transparent transparent transparent;
}
.dropdown.button.tiny, button.dropdown.tiny {
padding-right : 2.625rem;
}
.dropdown.button.tiny:before, button.dropdown.tiny:before {
border-width : 0.375rem;
right : 1.125rem;
margin-top : -0.125rem;
}
.dropdown.button.tiny:before, button.dropdown.tiny:before {
border-color : #fff transparent transparent transparent;
}
.dropdown.button.small, button.dropdown.small {
padding-right : 3.0625rem;
}
.dropdown.button.small:before, button.dropdown.small:before {
border-width : 0.4375rem;
right : 1.3125rem;
margin-top : -0.15625rem;
}
.dropdown.button.small:before, button.dropdown.small:before {
border-color : #fff transparent transparent transparent;
}
.dropdown.button.large, button.dropdown.large {
padding-right : 3.625rem;
}
.dropdown.button.large:before, button.dropdown.large:before {
border-width : 0.3125rem;
right : 1.71875rem;
margin-top : -0.15625rem;
}
.dropdown.button.large:before, button.dropdown.large:before {
border-color : #fff transparent transparent transparent;
}
.dropdown.button.secondary:before, button.dropdown.secondary:before {
border-color : #333 transparent transparent transparent;
}
.flex-video {
position : relative;
padding-top : 1.5625rem;
padding-bottom : 67.5%;
height : 0;
margin-bottom : 1rem;
overflow : hidden;
}
.flex-video.widescreen {
padding-bottom : 52%;
}
.flex-video.vimeo {
padding-top : 0;
}
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
form {
margin : 0 0 1rem;
}
form .row .row {
margin : 0 -0.5rem;
}
form .row .row .column, form .row .row .columns {
padding : 0 0.5rem;
}
form .row .row.collapse {
margin : 0;
}
form .row .row.collapse .column, form .row .row.collapse .columns {
padding : 0;
}
form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns {
padding-left : 0.5rem;
}
label {
font-size : 0.875rem;
color : #4d4d4d;
cursor : pointer;
display : block;
font-weight : normal;
line-height : 1.5;
margin-bottom : 0;
}
label.right {
float : none;
text-align : right;
}
label.inline {
margin : 0 0 1rem 0;
padding : 0.625rem 0;
}
label small {
text-transform : capitalize;
color : #676767;
}
select {
border : #ddd solid 1px;
padding : 0.5rem;
font-size : 0.875rem;
border-radius : 0;
}
select.radius {
border-radius : 0;
}
select:hover {
border-color : #999;
}
select::-ms-expand {
display : none;
}
.prefix, .postfix {
display : block;
position : relative;
z-index : 2;
text-align : center;
width : 100%;
padding-top : 0;
padding-bottom : 0;
border-style : solid;
border-width : 1px;
overflow : hidden;
font-size : 0.875rem;
height : 2.3125rem;
line-height : 2.3125rem;
}
.postfix.button {
padding-left : 0;
padding-right : 0;
padding-top : 0;
padding-bottom : 0;
text-align : center;
line-height : 2.125rem;
border : none;
}
.prefix.button {
padding-left : 0;
padding-right : 0;
padding-top : 0;
padding-bottom : 0;
text-align : center;
line-height : 2.125rem;
border : none;
}
.prefix.button.radius {
border-radius : 0;
border-bottom-left-radius : 0;
border-top-left-radius : 0;
}
.postfix.button.radius {
border-radius : 0;
border-bottom-right-radius : 0;
border-top-right-radius : 0;
}
.prefix.button.round {
border-radius : 0;
border-bottom-left-radius : 1000px;
border-top-left-radius : 1000px;
}
.postfix.button.round {
border-radius : 0;
border-bottom-right-radius : 1000px;
border-top-right-radius : 1000px;
}
span.prefix, label.prefix {
background : #f2f2f2;
border-right : none;
color : #333;
border-color : #ccc;
}
span.prefix.radius, label.prefix.radius {
border-radius : 0;
border-bottom-left-radius : 0;
border-top-left-radius : 0;
}
span.postfix, label.postfix {
background : #f2f2f2;
border-left : none;
color : #333;
border-color : #ccc;
}
span.postfix.radius, label.postfix.radius {
border-radius : 0;
border-bottom-right-radius : 0;
border-top-right-radius : 0;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
background-color : #fff;
font-family : "ProximaNovaCond", serif;
border : #ddd solid 1px;
box-shadow : none;
color : rgba(0, 0, 0, 0.75);
display : block;
font-size : 0.875rem;
margin : 0 0 1rem 0;
padding : 0.5rem;
height : 2.3125rem;
width : 100%;
box-sizing : border-box;
transition : all 0.15s linear;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
background : #fafafa;
border-color : #999;
outline : none;
}
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="month"][disabled], input[type="week"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] {
background-color : #ddd;
}
input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, textarea.radius {
border-radius : 0;
}
select {
height : 2.3125rem;
}
input[type="file"], input[type="checkbox"], input[type="radio"], select {
margin : 0 0 1rem 0;
}
input[type="checkbox"] + label, input[type="radio"] + label {
display : inline-block;
margin-left : 0.5rem;
margin-right : 1rem;
margin-bottom : 0;
vertical-align : baseline;
}
input[type="file"] {
width : 100%;
}
fieldset {
border : #ddd solid 1px;
padding : 1.25rem;
margin : 1.5625rem 0;
}
fieldset legend {
font-weight : bold;
background : #fff;
padding : 0 0.1875rem;
margin : 0;
margin-left : -0.1875rem;
}
[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {
display : block;
padding : 0.375rem 0.5625rem 0.5625rem;
margin-top : -1px;
margin-bottom : 1rem;
font-size : 0.75rem;
font-weight : normal;
font-style : italic;
background : #dc0002;
color : #fff;
}
[data-abide] span.error, [data-abide] small.error {
display : none;
}
span.error, small.error {
display : block;
padding : 0.375rem 0.5625rem 0.5625rem;
margin-top : -1px;
margin-bottom : 1rem;
font-size : 0.75rem;
font-weight : normal;
font-style : italic;
background : #dc0002;
color : #fff;
}
.error input, .error textarea, .error select {
margin-bottom : 0;
}
.error input[type="checkbox"], .error input[type="radio"] {
margin-bottom : 1rem;
}
.error label, .error label.error {
color : #dc0002;
}
.error small.error {
display : block;
padding : 0.375rem 0.5625rem 0.5625rem;
margin-top : -1px;
margin-bottom : 1rem;
font-size : 0.75rem;
font-weight : normal;
font-style : italic;
background : #dc0002;
color : #fff;
}
.error > label > small {
color : #676767;
background : transparent;
padding : 0;
text-transform : capitalize;
font-style : normal;
font-size : 60%;
margin : 0;
display : inline;
}
.error span.error-message {
display : block;
}
input.error, textarea.error {
margin-bottom : 0;
}
label.error {
color : #dc0002;
}
.row:before, .row:after {
content : " ";
display : table;
}
.row:after {
clear : both;
}
.row.collapse > .column, .row.collapse > .columns {
padding-left : 0;
padding-right : 0;
float : left;
}
.row.collapse .row {
margin-left : 0;
margin-right : 0;
}
.row .row:before, .row .row:after {
content : " ";
display : table;
}
.row .row:after {
clear : both;
}
.row .row.collapse:before, .row .row.collapse:after {
content : " ";
display : table;
}
.row .row.collapse:after {
clear : both;
}
.column, .columns {
padding-left : 1.125rem;
padding-right : 1.125rem;
width : 100%;
float : left;
}
@media only screen {
.column.small-centered, .columns.small-centered {
margin-left : auto;
margin-right : auto;
float : none;
}
.column.small-uncentered, .columns.small-uncentered {
margin-left : 0;
margin-right : 0;
float : left;
}
.column.small-uncentered.opposite, .columns.small-uncentered.opposite {
float : right;
}
.small-push-0 {
left : 0%;
right : auto;
}
.small-pull-0 {
right : 0%;
left : auto;
}
.small-push-1 {
left : 8.33333%;
right : auto;
}
.small-pull-1 {
right : 8.33333%;
left : auto;
}
.small-push-2 {
left : 16.66667%;
right : auto;
}
.small-pull-2 {
right : 16.66667%;
left : auto;
}
.small-push-3 {
left : 25%;
right : auto;
}
.small-pull-3 {
right : 25%;
left : auto;
}
.small-push-4 {
left : 33.33333%;
right : auto;
}
.small-pull-4 {
right : 33.33333%;
left : auto;
}
.small-push-5 {
left : 41.66667%;
right : auto;
}
.small-pull-5 {
right : 41.66667%;
left : auto;
}
.small-push-6 {
left : 50%;
right : auto;
}
.small-pull-6 {
right : 50%;
left : auto;
}
.small-push-7 {
left : 58.33333%;
right : auto;
}
.small-pull-7 {
right : 58.33333%;
left : auto;
}
.small-push-8 {
left : 66.66667%;
right : auto;
}
.small-pull-8 {
right : 66.66667%;
left : auto;
}
.small-push-9 {
left : 75%;
right : auto;
}
.small-pull-9 {
right : 75%;
left : auto;
}
.small-push-10 {
left : 83.33333%;
right : auto;
}
.small-pull-10 {
right : 83.33333%;
left : auto;
}
.small-push-11 {
left : 91.66667%;
right : auto;
}
.small-pull-11 {
right : 91.66667%;
left : auto;
}
.column, .columns {
position : relative;
padding-left : 1.125rem;
padding-right : 1.125rem;
float : left;
}
.small-1 {
width : 8.33333%;
}
.small-2 {
width : 16.66667%;
}
.small-3 {
width : 25%;
}
.small-4 {
width : 33.33333%;
}
.small-5 {
width : 41.66667%;
}
.small-6 {
width : 50%;
}
.small-7 {
width : 58.33333%;
}
.small-8 {
width : 66.66667%;
}
.small-9 {
width : 75%;
}
.small-10 {
width : 83.33333%;
}
.small-11 {
width : 91.66667%;
}
.small-12 {
width : 100%;
}
[class*="column"] + [class*="column"]:last-child {
float : right;
}
[class*="column"] + [class*="column"].end {
float : left;
}
.small-offset-0 {
margin-left : 0% !important ;
}
.small-offset-1 {
margin-left : 8.33333% !important ;
}
.small-offset-2 {
margin-left : 16.66667% !important ;
}
.small-offset-3 {
margin-left : 25% !important ;
}
.small-offset-4 {
margin-left : 33.33333% !important ;
}
.small-offset-5 {
margin-left : 41.66667% !important ;
}
.small-offset-6 {
margin-left : 50% !important ;
}
.small-offset-7 {
margin-left : 58.33333% !important ;
}
.small-offset-8 {
margin-left : 66.66667% !important ;
}
.small-offset-9 {
margin-left : 75% !important ;
}
.small-offset-10 {
margin-left : 83.33333% !important ;
}
.small-offset-11 {
margin-left : 91.66667% !important ;
}
.small-reset-order, .small-reset-order {
margin-left : 0;
margin-right : 0;
left : auto;
right : auto;
float : left;
}
}
@media only screen and (min-width:37.5em) {
.column.medium-centered, .columns.medium-centered {
margin-left : auto;
margin-right : auto;
float : none;
}
.column.medium-uncentered, .columns.medium-uncentered {
margin-left : 0;
margin-right : 0;
float : left;
}
.column.medium-uncentered.opposite, .columns.medium-uncentered.opposite {
float : right;
}
.medium-push-0 {
left : 0%;
right : auto;
}
.medium-pull-0 {
right : 0%;
left : auto;
}
.medium-push-1 {
left : 8.33333%;
right : auto;
}
.medium-pull-1 {
right : 8.33333%;
left : auto;
}
.medium-push-2 {
left : 16.66667%;
right : auto;
}
.medium-pull-2 {
right : 16.66667%;
left : auto;
}
.medium-push-3 {
left : 25%;
right : auto;
}
.medium-pull-3 {
right : 25%;
left : auto;
}
.medium-push-4 {
left : 33.33333%;
right : auto;
}
.medium-pull-4 {
right : 33.33333%;
left : auto;
}
.medium-push-5 {
left : 41.66667%;
right : auto;
}
.medium-pull-5 {
right : 41.66667%;
left : auto;
}
.medium-push-6 {
left : 50%;
right : auto;
}
.medium-pull-6 {
right : 50%;
left : auto;
}
.medium-push-7 {
left : 58.33333%;
right : auto;
}
.medium-pull-7 {
right : 58.33333%;
left : auto;
}
.medium-push-8 {
left : 66.66667%;
right : auto;
}
.medium-pull-8 {
right : 66.66667%;
left : auto;
}
.medium-push-9 {
left : 75%;
right : auto;
}
.medium-pull-9 {
right : 75%;
left : auto;
}
.medium-push-10 {
left : 83.33333%;
right : auto;
}
.medium-pull-10 {
right : 83.33333%;
left : auto;
}
.medium-push-11 {
left : 91.66667%;
right : auto;
}
.medium-pull-11 {
right : 91.66667%;
left : auto;
}
.column, .columns {
position : relative;
padding-left : 1.125rem;
padding-right : 1.125rem;
float : left;
}
.medium-1 {
width : 8.33333%;
}
.medium-2 {
width : 16.66667%;
}
.medium-3 {
width : 25%;
}
.medium-4 {
width : 33.33333%;
}
.medium-5 {
width : 41.66667%;
}
.medium-6 {
width : 50%;
}
.medium-7 {
width : 58.33333%;
}
.medium-8 {
width : 66.66667%;
}
.medium-9 {
width : 75%;
}
.medium-10 {
width : 83.33333%;
}
.medium-11 {
width : 91.66667%;
}
.medium-12 {
width : 100%;
}
[class*="column"] + [class*="column"]:last-child {
float : right;
}
[class*="column"] + [class*="column"].end {
float : left;
}
.medium-offset-0 {
margin-left : 0% !important ;
}
.medium-offset-1 {
margin-left : 8.33333% !important ;
}
.medium-offset-2 {
margin-left : 16.66667% !important ;
}
.medium-offset-3 {
margin-left : 25% !important ;
}
.medium-offset-4 {
margin-left : 33.33333% !important ;
}
.medium-offset-5 {
margin-left : 41.66667% !important ;
}
.medium-offset-6 {
margin-left : 50% !important ;
}
.medium-offset-7 {
margin-left : 58.33333% !important ;
}
.medium-offset-8 {
margin-left : 66.66667% !important ;
}
.medium-offset-9 {
margin-left : 75% !important ;
}
.medium-offset-10 {
margin-left : 83.33333% !important ;
}
.medium-offset-11 {
margin-left : 91.66667% !important ;
}
.medium-reset-order, .medium-reset-order {
margin-left : 0;
margin-right : 0;
left : auto;
right : auto;
float : left;
}
.push-0 {
left : 0%;
right : auto;
}
.pull-0 {
right : 0%;
left : auto;
}
.push-1 {
left : 8.33333%;
right : auto;
}
.pull-1 {
right : 8.33333%;
left : auto;
}
.push-2 {
left : 16.66667%;
right : auto;
}
.pull-2 {
right : 16.66667%;
left : auto;
}
.push-3 {
left : 25%;
right : auto;
}
.pull-3 {
right : 25%;
left : auto;
}
.push-4 {
left : 33.33333%;
right : auto;
}
.pull-4 {
right : 33.33333%;
left : auto;
}
.push-5 {
left : 41.66667%;
right : auto;
}
.pull-5 {
right : 41.66667%;
left : auto;
}
.push-6 {
left : 50%;
right : auto;
}
.pull-6 {
right : 50%;
left : auto;
}
.push-7 {
left : 58.33333%;
right : auto;
}
.pull-7 {
right : 58.33333%;
left : auto;
}
.push-8 {
left : 66.66667%;
right : auto;
}
.pull-8 {
right : 66.66667%;
left : auto;
}
.push-9 {
left : 75%;
right : auto;
}
.pull-9 {
right : 75%;
left : auto;
}
.push-10 {
left : 83.33333%;
right : auto;
}
.pull-10 {
right : 83.33333%;
left : auto;
}
.push-11 {
left : 91.66667%;
right : auto;
}
.pull-11 {
right : 91.66667%;
left : auto;
}
}
@media only screen and (min-width:50em) {
.column.large-centered, .columns.large-centered {
margin-left : auto;
margin-right : auto;
float : none;
}
.column.large-uncentered, .columns.large-uncentered {
margin-left : 0;
margin-right : 0;
float : left;
}
.column.large-uncentered.opposite, .columns.large-uncentered.opposite {
float : right;
}
.large-push-0 {
left : 0%;
right : auto;
}
.large-pull-0 {
right : 0%;
left : auto;
}
.large-push-1 {
left : 8.33333%;
right : auto;
}
.large-pull-1 {
right : 8.33333%;
left : auto;
}
.large-push-2 {
left : 16.66667%;
right : auto;
}
.large-pull-2 {
right : 16.66667%;
left : auto;
}
.large-push-3 {
left : 25%;
right : auto;
}
.large-pull-3 {
right : 25%;
left : auto;
}
.large-push-4 {
left : 33.33333%;
right : auto;
}
.large-pull-4 {
right : 33.33333%;
left : auto;
}
.large-push-5 {
left : 41.66667%;
right : auto;
}
.large-pull-5 {
right : 41.66667%;
left : auto;
}
.large-push-6 {
left : 50%;
right : auto;
}
.large-pull-6 {
right : 50%;
left : auto;
}
.large-push-7 {
left : 58.33333%;
right : auto;
}
.large-pull-7 {
right : 58.33333%;
left : auto;
}
.large-push-8 {
left : 66.66667%;
right : auto;
}
.large-pull-8 {
right : 66.66667%;
left : auto;
}
.large-push-9 {
left : 75%;
right : auto;
}
.large-pull-9 {
right : 75%;
left : auto;
}
.large-push-10 {
left : 83.33333%;
right : auto;
}
.large-pull-10 {
right : 83.33333%;
left : auto;
}
.large-push-11 {
left : 91.66667%;
right : auto;
}
.large-pull-11 {
right : 91.66667%;
left : auto;
}
.column, .columns {
position : relative;
padding-left : 1.125rem;
padding-right : 1.125rem;
float : left;
}
.large-1 {
width : 8.33333%;
}
.large-2 {
width : 16.66667%;
}
.large-3 {
width : 25%;
}
.large-4 {
width : 33.33333%;
}
.large-5 {
width : 41.66667%;
}
.large-6 {
width : 50%;
}
.large-7 {
width : 58.33333%;
}
.large-8 {
width : 66.66667%;
}
.large-9 {
width : 75%;
}
.large-10 {
width : 83.33333%;
}
.large-11 {
width : 91.66667%;
}
.large-12 {
width : 100%;
}
[class*="column"] + [class*="column"]:last-child {
float : right;
}
[class*="column"] + [class*="column"].end {
float : left;
}
.large-offset-0 {
margin-left : 0% !important ;
}
.large-offset-1 {
margin-left : 8.33333% !important ;
}
.large-offset-2 {
margin-left : 16.66667% !important ;
}
.large-offset-3 {
margin-left : 25% !important ;
}
.large-offset-4 {
margin-left : 33.33333% !important ;
}
.large-offset-5 {
margin-left : 41.66667% !important ;
}
.large-offset-6 {
margin-left : 50% !important ;
}
.large-offset-7 {
margin-left : 58.33333% !important ;
}
.large-offset-8 {
margin-left : 66.66667% !important ;
}
.large-offset-9 {
margin-left : 75% !important ;
}
.large-offset-10 {
margin-left : 83.33333% !important ;
}
.large-offset-11 {
margin-left : 91.66667% !important ;
}
.large-reset-order, .large-reset-order {
margin-left : 0;
margin-right : 0;
left : auto;
right : auto;
float : left;
}
.push-0 {
left : 0%;
right : auto;
}
.pull-0 {
right : 0%;
left : auto;
}
.push-1 {
left : 8.33333%;
right : auto;
}
.pull-1 {
right : 8.33333%;
left : auto;
}
.push-2 {
left : 16.66667%;
right : auto;
}
.pull-2 {
right : 16.66667%;
left : auto;
}
.push-3 {
left : 25%;
right : auto;
}
.pull-3 {
right : 25%;
left : auto;
}
.push-4 {
left : 33.33333%;
right : auto;
}
.pull-4 {
right : 33.33333%;
left : auto;
}
.push-5 {
left : 41.66667%;
right : auto;
}
.pull-5 {
right : 41.66667%;
left : auto;
}
.push-6 {
left : 50%;
right : auto;
}
.pull-6 {
right : 50%;
left : auto;
}
.push-7 {
left : 58.33333%;
right : auto;
}
.pull-7 {
right : 58.33333%;
left : auto;
}
.push-8 {
left : 66.66667%;
right : auto;
}
.pull-8 {
right : 66.66667%;
left : auto;
}
.push-9 {
left : 75%;
right : auto;
}
.pull-9 {
right : 75%;
left : auto;
}
.push-10 {
left : 83.33333%;
right : auto;
}
.pull-10 {
right : 83.33333%;
left : auto;
}
.push-11 {
left : 91.66667%;
right : auto;
}
.pull-11 {
right : 91.66667%;
left : auto;
}
}
.inline-list {
margin : 0 auto 1.0625rem auto;
margin-left : -1.375rem;
margin-right : 0;
padding : 0;
list-style : none;
overflow : hidden;
}
.inline-list > li {
list-style : none;
float : left;
margin-left : 1.375rem;
display : block;
}
.inline-list > li > * {
display : block;
}
.keystroke, kbd {
background-color : #ededed;
border-color : #ddd;
color : #222;
border-style : solid;
border-width : 1px;
margin : 0;
font-family : "Consolas", "Menlo", "Courier", monospace;
font-size : 0.875rem;
padding : 0.125rem 0.25rem 0;
border-radius : 0;
}
.label {
font-weight : normal;
font-family : "ProximaNovaCond", serif;
text-align : center;
text-decoration : none;
line-height : 1;
white-space : nowrap;
display : inline-block;
position : relative;
margin-bottom : inherit;
padding : 0.25rem 0.3125rem 0.1875rem;
font-size : 0.6875rem;
background-color : #0093ec;
color : #fff;
}
.label.radius {
border-radius : 3px;
}
.label.round {
border-radius : 1000px;
}
.label.alert {
background-color : #dc0002;
color : #fff;
}
.label.success {
background-color : #43ac6a;
color : #fff;
}
.label.secondary {
background-color : #d1d1d1;
color : #333;
}
@keyframes rotate {
from {
transform : rotate(0deg);
}
to {
transform : rotate(360deg);
}
}
.slideshow-wrapper {
position : relative;
}
.slideshow-wrapper ul {
list-style-type : none;
margin : 0;
}
.slideshow-wrapper ul li, .slideshow-wrapper ul li .orbit-caption {
display : none;
}
.slideshow-wrapper ul li:first-child {
display : block;
}
.slideshow-wrapper .orbit-container {
background-color : transparent;
}
.slideshow-wrapper .orbit-container li {
display : block;
}
.slideshow-wrapper .orbit-container li .orbit-caption {
display : block;
}
.preloader {
display : block;
width : 40px;
height : 40px;
position : absolute;
top : 50%;
left : 50%;
margin-top : -20px;
margin-left : -20px;
border : solid 3px;
border-color : #555 #fff;
border-radius : 1000px;
animation-name : rotate;
animation-duration : 1.5s;
animation-iteration-count : infinite;
animation-timing-function : linear;
}
.orbit-container {
overflow : hidden;
width : 100%;
position : relative;
background : none;
}
.orbit-container .orbit-slides-container {
list-style : none;
margin : 0;
padding : 0;
position : relative;
}
.orbit-container .orbit-slides-container img {
display : block;
max-width : 100%;
}
.orbit-container .orbit-slides-container > * {
position : absolute;
top : 0;
width : 100%;
margin-left : 100%;
}
.orbit-container .orbit-slides-container > *:first-child {
margin-left : 0%;
}
.orbit-container .orbit-slides-container > * .orbit-caption {
position : absolute;
bottom : 0;
background-color : rgba(51, 51, 51, 0.8);
color : #fff;
width : 100%;
padding : 0.625rem 0.875rem;
font-size : 0.875rem;
}
.orbit-container .orbit-slide-number {
position : absolute;
top : 10px;
left : 10px;
font-size : 12px;
color : #fff;
background : rgba(0, 0, 0, 0);
z-index : 10;
}
.orbit-container .orbit-slide-number span {
font-weight : 700;
padding : 0.3125rem;
}
.orbit-container .orbit-timer {
position : absolute;
top : 12px;
right : 10px;
height : 6px;
width : 100px;
z-index : 10;
}
.orbit-container .orbit-timer .orbit-progress {
height : 3px;
background-color : rgba(255, 255, 255, 0.3);
display : block;
width : 0%;
position : relative;
right : 20px;
top : 5px;
}
.orbit-container .orbit-timer > span {
display : none;
position : absolute;
top : 0;
right : 0;
width : 11px;
height : 14px;
border : #fff solid 4px;
border-top : none;
border-bottom : none;
}
.orbit-container .orbit-timer.paused > span {
right : -4px;
top : 0;
width : 11px;
height : 14px;
border : inset 8px;
border-right-style : solid;
border-color : transparent transparent transparent #fff;
}
.orbit-container .orbit-timer.paused > span.dark {
border-color : transparent transparent transparent #333;
}
.orbit-container:hover .orbit-timer > span {
display : block;
}
.orbit-container .orbit-prev, .orbit-container .orbit-next {
position : absolute;
top : 45%;
margin-top : -25px;
width : 36px;
height : 60px;
line-height : 50px;
color : white;
text-indent : -9999px !important ;
z-index : 10;
}
.orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover {
background-color : rgba(0, 0, 0, 0.3);
}
.orbit-container .orbit-prev > span, .orbit-container .orbit-next > span {
position : absolute;
top : 50%;
margin-top : -10px;
display : block;
width : 0;
height : 0;
border : inset 10px;
}
.orbit-container .orbit-prev {
left : 0;
}
.orbit-container .orbit-prev > span {
border-right-style : solid;
border-color : transparent;
border-right-color : #fff;
}
.orbit-container .orbit-prev:hover > span {
border-right-color : #fff;
}
.orbit-container .orbit-next {
right : 0;
}
.orbit-container .orbit-next > span {
border-color : transparent;
border-left-style : solid;
border-left-color : #fff;
left : 50%;
margin-left : -4px;
}
.orbit-container .orbit-next:hover > span {
border-left-color : #fff;
}
.orbit-bullets-container {
text-align : center;
}
.orbit-bullets {
margin : 0 auto 30px auto;
overflow : hidden;
position : relative;
top : 10px;
float : none;
text-align : center;
display : block;
}
.orbit-bullets li {
display : inline-block;
width : 0.5625rem;
height : 0.5625rem;
background : #ccc;
float : none;
margin-right : 6px;
border-radius : 1000px;
}
.orbit-bullets li.active {
background : #999;
}
.orbit-bullets li:last-child {
margin-right : 0;
}
.touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next {
display : none;
}
.touch .orbit-bullets {
display : none;
}
@media only screen and (min-width:37.5em) {
.touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next {
display : inherit;
}
.touch .orbit-bullets {
display : block;
}
}
@media only screen and (max-width:37.4375em) {
.orbit-stack-on-small .orbit-slides-container {
height : auto !important ;
}
.orbit-stack-on-small .orbit-slides-container > * {
position : relative;
margin-left : 0% !important ;
}
.orbit-stack-on-small .orbit-timer, .orbit-stack-on-small .orbit-next, .orbit-stack-on-small .orbit-prev, .orbit-stack-on-small .orbit-bullets {
display : none;
}
}
.panel {
border-style : solid;
border-width : 1px;
border-color : #d8d8d8;
margin-bottom : 1.25rem;
padding : 1.25rem;
background : #f2f2f2;
}
.panel > :first-child {
margin-top : 0;
}
.panel > :last-child {
margin-bottom : 0;
}
.panel h1, .panel .h1, .panel h2, .panel .h2, .panel h3, .panel .h3, .panel .reveal-modal header .modal-close-x, .reveal-modal header .panel .modal-close-x, .panel h4, .panel .h4, .panel h5, .panel .h5, .panel h6, .panel .h6, .panel p {
color : #333;
}
.panel h1, .panel .h1, .panel h2, .panel .h2, .panel h3, .panel .h3, .panel .reveal-modal header .modal-close-x, .reveal-modal header .panel .modal-close-x, .panel h4, .panel .h4, .panel h5, .panel .h5, .panel h6, .panel .h6 {
line-height : 1;
margin-bottom : 0.625rem;
}
.panel h1.subheader, .panel .subheader.h1, .panel h2.subheader, .panel .subheader.h2, .panel h3.subheader, .panel .subheader.h3, .panel .reveal-modal header .subheader.modal-close-x, .reveal-modal header .panel .subheader.modal-close-x, .panel h4.subheader, .panel .subheader.h4, .panel h5.subheader, .panel .subheader.h5, .panel h6.subheader, .panel .subheader.h6 {
line-height : 1.4;
}
.panel.callout {
border-style : solid;
border-width : 1px;
border-color : #b8e4ff;
margin-bottom : 1.25rem;
padding : 1.25rem;
background : #eff9ff;
}
.panel.callout > :first-child {
margin-top : 0;
}
.panel.callout > :last-child {
margin-bottom : 0;
}
.panel.callout h1, .panel.callout .h1, .panel.callout h2, .panel.callout .h2, .panel.callout h3, .panel.callout .h3, .panel.callout .reveal-modal header .modal-close-x, .reveal-modal header .panel.callout .modal-close-x, .panel.callout h4, .panel.callout .h4, .panel.callout h5, .panel.callout .h5, .panel.callout h6, .panel.callout .h6, .panel.callout p {
color : #333;
}
.panel.callout h1, .panel.callout .h1, .panel.callout h2, .panel.callout .h2, .panel.callout h3, .panel.callout .h3, .panel.callout .reveal-modal header .modal-close-x, .reveal-modal header .panel.callout .modal-close-x, .panel.callout h4, .panel.callout .h4, .panel.callout h5, .panel.callout .h5, .panel.callout h6, .panel.callout .h6 {
line-height : 1;
margin-bottom : 0.625rem;
}
.panel.callout h1.subheader, .panel.callout .subheader.h1, .panel.callout h2.subheader, .panel.callout .subheader.h2, .panel.callout h3.subheader, .panel.callout .subheader.h3, .panel.callout .reveal-modal header .subheader.modal-close-x, .reveal-modal header .panel.callout .subheader.modal-close-x, .panel.callout h4.subheader, .panel.callout .subheader.h4, .panel.callout h5.subheader, .panel.callout .subheader.h5, .panel.callout h6.subheader, .panel.callout .subheader.h6 {
line-height : 1.4;
}
.panel.callout a {
color : #0093ec;
}
.panel.radius {
border-radius : 0;
}
.reveal-modal-bg, .loading-full {
position : fixed;
height : 100%;
width : 100%;
background : #000;
background : rgba(0, 0, 0, 0.45);
z-index : 98;
display : none;
top : 0;
left : 0;
}
dialog, .reveal-modal {
display : none;
position : fixed;
left : 50%;
z-index : 99;
height : auto;
margin-left : -45%;
width : 90%;
background-color : #fff;
padding : 1.25rem;
border : #666 solid 1px;
box-shadow : 0 0 10px rgba(0, 0, 0, 0.4);
top : 6.25rem;
}
dialog .column, dialog .columns, .reveal-modal .column, .reveal-modal .columns {
min-width : 0;
}
dialog > :first-child, .reveal-modal > :first-child {
margin-top : 0;
}
dialog > :last-child, .reveal-modal > :last-child {
margin-bottom : 0;
}
dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {
font-size : 1.375rem;
line-height : 1;
position : absolute;
top : 0.5rem;
right : 0.6875rem;
color : #aaa;
font-weight : bold;
cursor : pointer;
}
dialog[open] {
display : block;
visibility : visible;
}
@media only screen and (min-width:37.5em) {
dialog, .reveal-modal {
padding : 1.875rem;
top : 6.25rem;
}
dialog.tiny, .reveal-modal.tiny {
margin-left : -15%;
width : 30%;
}
dialog.small, .reveal-modal.small {
margin-left : -20%;
width : 40%;
}
dialog.medium, .reveal-modal.medium {
margin-left : -30%;
width : 60%;
}
dialog.large, .reveal-modal.large {
margin-left : -35%;
width : 70%;
}
dialog.xlarge, .reveal-modal.xlarge {
margin-left : -47.5%;
width : 95%;
}
}
@media print {
dialog, .reveal-modal {
background : #fff !important ;
}
}
.split.button {
position : relative;
padding-right : 5.0625rem;
}
.split.button span {
display : block;
height : 100%;
position : absolute;
right : 0;
top : 0;
border-left : 1px solid;
}
.split.button span:before {
position : absolute;
content : "";
width : 0;
height : 0;
display : block;
border-style : inset;
top : 50%;
left : 50%;
}
.split.button span:active {
background-color : rgba(0, 0, 0, 0.1);
}
.split.button span {
border-left-color : rgba(255, 255, 255, 0.5);
}
.split.button span {
width : 3.09375rem;
}
.split.button span:before {
border-top-style : solid;
border-width : 0.375rem;
top : 48%;
margin-left : -0.375rem;
}
.split.button span:before {
border-color : #fff transparent transparent transparent;
}
.split.button.secondary span {
border-left-color : rgba(255, 255, 255, 0.5);
}
.split.button.secondary span:before {
border-color : #fff transparent transparent transparent;
}
.split.button.alert span {
border-left-color : rgba(255, 255, 255, 0.5);
}
.split.button.success span {
border-left-color : rgba(255, 255, 255, 0.5);
}
.split.button.tiny {
padding-right : 2.625rem;
}
.split.button.tiny span {
width : 1.875rem;
}
.split.button.tiny span:before {
border-top-style : solid;
border-width : 0.375rem;
top : 48%;
margin-left : -0.375rem;
}
.split.button.small {
padding-right : 4.375rem;
}
.split.button.small span {
width : 2.625rem;
}
.split.button.small span:before {
border-top-style : solid;
border-width : 0.4375rem;
top : 48%;
margin-left : -0.375rem;
}
.split.button.large {
padding-right : 5.5rem;
}
.split.button.large span {
width : 3.4375rem;
}
.split.button.large span:before {
border-top-style : solid;
border-width : 0.3125rem;
top : 48%;
margin-left : -0.375rem;
}
.split.button.expand {
padding-left : 2rem;
}
.split.button.secondary span:before {
border-color : #333 transparent transparent transparent;
}
.split.button.radius span {
border-bottom-right-radius : 0;
border-top-right-radius : 0;
}
.split.button.round span {
border-bottom-right-radius : 1000px;
border-top-right-radius : 1000px;
}
.sub-nav {
display : block;
width : auto;
overflow : hidden;
margin : 0 0 1.125rem;
padding-top : 0.25rem;
margin-right : 0;
margin-left : -0.75rem;
}
.sub-nav dt {
text-transform : uppercase;
}
.sub-nav dt, .sub-nav dd, .sub-nav li {
float : left;
display : inline;
margin-left : 1rem;
margin-bottom : 0.625rem;
font-family : "ProximaNovaCond", serif;
font-weight : normal;
font-size : 0.875rem;
color : #aaa;
}
.sub-nav dt a, .sub-nav dd a, .sub-nav li a {
text-decoration : none;
color : #aaa;
padding : 0.1875rem 1rem;
}
.sub-nav dt a:hover, .sub-nav dd a:hover, .sub-nav li a:hover {
color : #7f7f7f;
}
.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {
border-radius : 0;
font-weight : normal;
background : #333;
padding : 0.25rem 0.9375rem;
cursor : default;
color : #fff;
}
.sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover {
background : #2c2c2c;
}
table {
background : #fff;
margin-bottom : 1.25rem;
border : #ddd solid 1px;
}
table thead, table tfoot {
background : #f5f5f5;
}
table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td {
padding : 0.5rem 0.625rem 0.625rem;
font-size : 0.875rem;
font-weight : bold;
color : #222;
text-align : left;
}
table tr th, table tr td {
padding : 0.5625rem 0.625rem;
font-size : 0.875rem;
color : #222;
}
table tr.even, table tr.alt, table tr:nth-of-type(even) {
background : #f9f9f9;
}
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
display : table-cell;
line-height : 1.125rem;
}
.tabs:after {
content : " ";
display : table;
}
.tabs:after {
clear : both;
}
.tabs dd {
position : relative;
margin-bottom : 0 !important ;
top : 1px;
float : left;
}
.tabs dd > a {
display : block;
background : #efefef;
color : #222;
padding-top : 1rem;
padding-right : 2rem;
padding-bottom : 1.0625rem;
padding-left : 2rem;
font-family : "ProximaNovaCond", serif;
font-size : 1rem;
}
.tabs dd > a:hover {
background : #e1e1e1;
}
.tabs dd.active a {
background : #fff;
}
.tabs.radius dd:first-child a {
border-bottom-left-radius : 0;
border-top-left-radius : 0;
}
.tabs.radius dd:last-child a {
border-bottom-right-radius : 0;
border-top-right-radius : 0;
}
.tabs.vertical dd {
position : inherit;
float : none;
display : block;
top : auto;
}
.tabs-content:after {
content : " ";
display : table;
}
.tabs-content:after {
clear : both;
}
.tabs-content > .content {
display : none;
float : left;
padding : 1.125rem 0;
width : 100%;
}
.tabs-content > .content.active {
display : block;
}
.tabs-content > .content.contained {
padding : 1.125rem;
}
.tabs-content.vertical {
display : block;
}
.tabs-content.vertical > .content {
padding : 0 1.125rem;
}
@media only screen and (min-width:37.5em) {
.tabs.vertical {
width : 20%;
float : left;
margin-bottom : 1.25rem;
}
.tabs-content.vertical {
width : 80%;
float : left;
margin-left : -1px;
}
}
.th {
line-height : 0;
display : inline-block;
border : #fff solid 4px;
max-width : 100%;
box-shadow : 0 0 0 1px rgba(0, 0, 0, 0.2);
transition : all 200ms ease-out;
}
.th:hover, .th:focus {
box-shadow : 0 0 6px 1px rgba(0, 147, 236, 0.5);
}
.th.radius {
border-radius : 0;
}
.has-tip {
border-bottom : 1px dotted #ccc;
cursor : help;
font-weight : bold;
color : #333;
}
.has-tip:hover, .has-tip:focus {
border-bottom : 1px dotted #00426a;
color : #0093ec;
}
.has-tip.tip-left, .has-tip.tip-right {
float : none !important ;
}
.tooltip {
display : none;
position : absolute;
z-index : 999;
font-weight : normal;
font-size : 0.875rem;
line-height : 1.3;
padding : 0.75rem;
max-width : 85%;
left : 50%;
width : 100%;
color : #fff;
background : #333;
}
.tooltip > .nub {
display : block;
left : 5px;
position : absolute;
width : 0;
height : 0;
border : solid 5px;
border-color : transparent transparent #333 transparent;
top : -10px;
}
.tooltip.radius {
border-radius : 0;
}
.tooltip.round {
border-radius : 1000px;
}
.tooltip.round > .nub {
left : 2rem;
}
.tooltip.opened {
color : #0093ec !important ;
border-bottom : 1px dotted #00426a !important ;
}
.tap-to-close {
display : block;
font-size : 0.625rem;
color : #777;
font-weight : normal;
}
@media only screen and (min-width:37.5em) {
.tooltip > .nub {
border-color : transparent transparent #333 transparent;
top : -10px;
}
.tooltip.tip-top > .nub {
border-color : #333 transparent transparent transparent;
top : auto;
bottom : -10px;
}
.tooltip.tip-left, .tooltip.tip-right {
float : none !important ;
}
.tooltip.tip-left > .nub {
border-color : transparent transparent transparent #333;
right : -10px;
left : auto;
top : 50%;
margin-top : -5px;
}
.tooltip.tip-right > .nub {
border-color : transparent #333 transparent transparent;
right : auto;
left : -10px;
top : 50%;
margin-top : -5px;
}
}
.text-left {
text-align : left !important ;
}
.text-right {
text-align : right !important ;
}
.text-center, .toolbar .notifications-spinner {
text-align : center !important ;
}
.text-justify {
text-align : justify !important ;
}
@media only screen and (max-width:37.4375em) {
.small-only-text-left {
text-align : left !important ;
}
.small-only-text-right {
text-align : right !important ;
}
.small-only-text-center {
text-align : center !important ;
}
.small-only-text-justify {
text-align : justify !important ;
}
}
@media only screen {
.small-text-left {
text-align : left !important ;
}
.small-text-right {
text-align : right !important ;
}
.small-text-center {
text-align : center !important ;
}
.small-text-justify {
text-align : justify !important ;
}
}
@media only screen and (min-width:37.5em) and (max-width:49.9em) {
.medium-only-text-left {
text-align : left !important ;
}
.medium-only-text-right {
text-align : right !important ;
}
.medium-only-text-center {
text-align : center !important ;
}
.medium-only-text-justify {
text-align : justify !important ;
}
}
@media only screen and (min-width:37.5em) {
.medium-text-left {
text-align : left !important ;
}
.medium-text-right {
text-align : right !important ;
}
.medium-text-center {
text-align : center !important ;
}
.medium-text-justify {
text-align : justify !important ;
}
}
@media only screen and (min-width:50em) and (max-width:63.9em) {
.large-only-text-left {
text-align : left !important ;
}
.large-only-text-right {
text-align : right !important ;
}
.large-only-text-center {
text-align : center !important ;
}
.large-only-text-justify {
text-align : justify !important ;
}
}
@media only screen and (min-width:50em) {
.large-text-left {
text-align : left !important ;
}
.large-text-right {
text-align : right !important ;
}
.large-text-center {
text-align : center !important ;
}
.large-text-justify {
text-align : justify !important ;
}
}
@media only screen and (min-width:64em) and (max-width:66.25em) {
.xlarge-only-text-left {
text-align : left !important ;
}
.xlarge-only-text-right {
text-align : right !important ;
}
.xlarge-only-text-center {
text-align : center !important ;
}
.xlarge-only-text-justify {
text-align : justify !important ;
}
}
@media only screen and (min-width:64em) {
.xlarge-text-left {
text-align : left !important ;
}
.xlarge-text-right {
text-align : right !important ;
}
.xlarge-text-center {
text-align : center !important ;
}
.xlarge-text-justify {
text-align : justify !important ;
}
}
@media only screen and (min-width:66.3em) {
.xxlarge-text-left {
text-align : left !important ;
}
.xxlarge-text-right {
text-align : right !important ;
}
.xxlarge-text-center {
text-align : center !important ;
}
.xxlarge-text-justify {
text-align : justify !important ;
}
}
div, dl, dt, dd, ul, ol, li, h1, .h1, h2, .h2, h3, .h3, .reveal-modal header .modal-close-x, h4, .h4, h5, .h5, h6, .h6, pre, form, p, blockquote, th, td {
margin : 0;
padding : 0;
}
a {
color : #2D9D92;
text-decoration : none;
line-height : inherit;
}
a:hover, a:focus {
color : #007ecb;
}
a img {
border : none;
}
p {
font-family : inherit;
font-weight : normal;
font-size : 0.9375rem;
line-height : 1.6;
margin-bottom : 1.25rem;
}
p.lead {
font-size : 1.15625rem;
line-height : 1.6;
}
p aside {
font-size : 0.875rem;
line-height : 1.35;
font-style : italic;
}
h1, .h1, h2, .h2, h3, .h3, .reveal-modal header .modal-close-x, h4, .h4, h5, .h5, h6, .h6 {
font-family : "ProximaNovaCond", serif;
font-weight : bold;
font-style : normal;
color : #000;
margin-top : 0;
margin-bottom : 1rem;
line-height : 1.3;
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, .reveal-modal header .modal-close-x small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small {
font-size : 0.875rem;
color : #aaa;
line-height : 0;
}
h1, .h1 {
font-size : 1.75rem;
}
h2, .h2 {
font-size : 1.125rem;
}
h3, .h3, .reveal-modal header .modal-close-x {
font-size : 1.25rem;
}
h4, .h4 {
font-size : 1rem;
}
h5, .h5 {
font-size : 1.1875rem;
}
h6, .h6 {
font-size : 1rem;
}
.subheader {
line-height : 1.4;
color : #595959;
font-weight : normal;
margin-top : 0.2rem;
margin-bottom : 0.5rem;
}
hr {
border : #ddd solid;
border-width : 1px 0 0;
clear : both;
margin : 1.25rem 0 1.1875rem;
height : 0;
}
em, i {
font-style : italic;
line-height : inherit;
}
strong, b {
font-weight : bold;
line-height : inherit;
}
small {
font-size : 0.875rem;
line-height : inherit;
}
code {
font-family : Courier, monospace;
font-weight : normal;
color : #a10001;
}
ul, ol, dl {
font-size : 0.9375rem;
line-height : 1.6;
margin-bottom : 1.25rem;
list-style-position : outside;
font-family : inherit;
}
ul {
margin-left : 1.1rem;
}
ul.no-bullet {
margin-left : 0;
}
ul.no-bullet li ul, ul.no-bullet li ol {
margin-left : 1.25rem;
margin-bottom : 0;
list-style : none;
}
ul li ul, ul li ol {
margin-left : 1.25rem;
margin-bottom : 0;
}
ul.square li ul, ul.circle li ul, ul.disc li ul {
list-style : inherit;
}
ul.square {
list-style-type : square;
margin-left : 1.1rem;
}
ul.circle {
list-style-type : circle;
margin-left : 1.1rem;
}
ul.disc {
list-style-type : disc;
margin-left : 1.1rem;
}
ul.no-bullet {
list-style : none;
}
ol {
margin-left : 1.4rem;
}
ol li ul, ol li ol {
margin-left : 1.25rem;
margin-bottom : 0;
}
dl dt {
margin-bottom : 0.3rem;
font-weight : bold;
}
dl dd {
margin-bottom : 0.75rem;
}
abbr, acronym {
text-transform : uppercase;
font-size : 90%;
color : #222;
border-bottom : 1px dotted #ddd;
cursor : help;
}
abbr {
text-transform : none;
}
blockquote {
margin : 0 0 1.25rem;
padding : 1.125rem;
border-left : none;
}
blockquote cite {
display : block;
font-size : 0.8125rem;
color : #333;
}
blockquote cite:before {
content : "\2014 \0020";
}
blockquote cite a, blockquote cite a:visited {
color : #333;
}
blockquote, blockquote p {
line-height : 1.6;
color : #333;
}
.vcard {
display : inline-block;
margin : 0 0 1.25rem 0;
border : #ddd solid 1px;
padding : 0.625rem 0.75rem;
}
.vcard li {
margin : 0;
display : block;
}
.vcard .fn {
font-weight : bold;
font-size : 0.9375rem;
}
.vevent .summary {
font-weight : bold;
}
.vevent abbr {
cursor : auto;
text-decoration : none;
font-weight : bold;
border : none;
padding : 0 0.0625rem;
}
@media only screen and (min-width:37.5em) {
h1, .h1, h2, .h2, h3, .h3, .reveal-modal header .modal-close-x, h4, .h4, h5, .h5, h6, .h6 {
line-height : 1.3;
}
h1, .h1 {
font-size : 2.375rem;
}
h2, .h2 {
font-size : 1.75rem;
}
h3, .h3, .reveal-modal header .modal-close-x {
font-size : 1.5625rem;
}
h4, .h4 {
font-size : 1.3125rem;
}
}
.print-only {
display : none !important ;
}
@media print {
* {
background : transparent !important ;
color : #000 !important ;
box-shadow : none !important ;
text-shadow : none !important ;
}
a, a:visited {
text-decoration : underline;
}
a[href]:after {
content : " (" attr(href) ")";
}
abbr[title]:after {
content : " (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content : "";
}
pre, blockquote {
border : #999 solid 1px;
page-break-inside : avoid;
}
thead {
display : table-header-group;
}
tr, img {
page-break-inside : avoid;
}
img {
max-width : 100% !important ;
}
p, h2, .h2, h3, .h3, .reveal-modal header .modal-close-x {
orphans : 3;
widows : 3;
}
h2, .h2, h3, .h3, .reveal-modal header .modal-close-x {
page-break-after : avoid;
}
.hide-on-print {
display : none !important ;
}
.print-only {
display : block !important ;
}
.hide-for-print {
display : none !important ;
}
.show-for-print {
display : inherit !important ;
}
.show-for-small, .show-for-small-only, .show-for-medium-down, .show-for-large-down, .hide-for-medium, .hide-for-medium-up, .hide-for-medium-only, .hide-for-large, .hide-for-large-up, .hide-for-large-only, .hide-for-xlarge, .hide-for-xlarge-up, .hide-for-xlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge-only {
display : inherit !important ;
}
.hide-for-small, .hide-for-small-only, .hide-for-medium-down, .show-for-medium, .show-for-medium-up, .show-for-medium-only, .hide-for-large-down, .show-for-large, .show-for-large-up, .show-for-large-only, .show-for-xlarge, .show-for-xlarge-up, .show-for-xlarge-only, .show-for-xxlarge-up, .show-for-xxlarge-only {
display : none !important ;
}
table.show-for-small, table.show-for-small-only, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-medium-only, table.hide-for-large, table.hide-for-large-up, table.hide-for-large-only, table.hide-for-xlarge, table.hide-for-xlarge-up, table.hide-for-xlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge-only {
display : table;
}
thead.show-for-small, thead.show-for-small-only, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-medium-only, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-large-only, thead.hide-for-xlarge, thead.hide-for-xlarge-up, thead.hide-for-xlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge-only {
display : table-header-group !important ;
}
tbody.show-for-small, tbody.show-for-small-only, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-medium-only, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-large-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge-only {
display : table-row-group !important ;
}
tr.show-for-small, tr.show-for-small-only, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-medium-only, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-large-only, tr.hide-for-xlarge, tr.hide-for-xlarge-up, tr.hide-for-xlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge-only {
display : table-row !important ;
}
td.show-for-small, td.show-for-small-only, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge, td.hide-for-xlarge-up, td.hide-for-xxlarge-up, th.show-for-small, th.show-for-small-only, th.show-for-medium-down, th.show-for-large-down, th.hide-for-medium, th.hide-for-medium-up, th.hide-for-large, th.hide-for-large-up, th.hide-for-xlarge, th.hide-for-xlarge-up, th.hide-for-xxlarge-up {
display : table-cell !important ;
}
}
@media only screen and (min-width:37.5em) {
.hide-for-small, .hide-for-small-only, .show-for-medium, .show-for-medium-down, .show-for-medium-up, .show-for-medium-only, .hide-for-large, .hide-for-large-up, .hide-for-large-only, .hide-for-xlarge, .hide-for-xlarge-up, .hide-for-xlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge-only {
display : inherit !important ;
}
.show-for-small, .show-for-small-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-up, .hide-for-medium-only, .hide-for-large-down, .show-for-large, .show-for-large-up, .show-for-large-only, .show-for-xlarge, .show-for-xlarge-up, .show-for-xlarge-only, .show-for-xxlarge-up, .show-for-xxlarge-only {
display : none !important ;
}
table.hide-for-small, table.hide-for-small-only, table.show-for-medium, table.show-for-medium-down, table.show-for-medium-up, table.show-for-medium-only, table.hide-for-large, table.hide-for-large-up, table.hide-for-large-only, table.hide-for-xlarge, table.hide-for-xlarge-up, table.hide-for-xlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge-only {
display : table;
}
thead.hide-for-small, thead.hide-for-small-only, thead.show-for-medium, thead.show-for-medium-down, thead.show-for-medium-up, thead.show-for-medium-only, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-large-only, thead.hide-for-xlarge, thead.hide-for-xlarge-up, thead.hide-for-xlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge-only {
display : table-header-group !important ;
}
tbody.hide-for-small, tbody.hide-for-small-only, tbody.show-for-medium, tbody.show-for-medium-down, tbody.show-for-medium-up, tbody.show-for-medium-only, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-large-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge-only {
display : table-row-group !important ;
}
tr.hide-for-small, tr.hide-for-small-only, tr.show-for-medium, tr.show-for-medium-down, tr.show-for-medium-up, tr.show-for-medium-only, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-large-only, tr.hide-for-xlarge, tr.hide-for-xlarge-up, tr.hide-for-xlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge-only {
display : table-row !important ;
}
td.hide-for-small, td.hide-for-small-only, td.show-for-medium, td.show-for-medium-down, td.show-for-medium-up, td.show-for-medium-only, td.hide-for-large, td.hide-for-large-up, td.hide-for-large-only, td.hide-for-xlarge, td.hide-for-xlarge-up, td.hide-for-xlarge-only, td.hide-for-xxlarge-up, td.hide-for-xxlarge-only, th.hide-for-small, th.hide-for-small-only, th.show-for-medium, th.show-for-medium-down, th.show-for-medium-up, th.show-for-medium-only, th.hide-for-large, th.hide-for-large-up, th.hide-for-large-only, th.hide-for-xlarge, th.hide-for-xlarge-up, th.hide-for-xlarge-only, th.hide-for-xxlarge-up, th.hide-for-xxlarge-only {
display : table-cell !important ;
}
}
@media only screen and (min-width:50em) {
.hide-for-small, .hide-for-small-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .show-for-medium-up, .show-for-large, .show-for-large-up, .show-for-large-only, .hide-for-xlarge, .hide-for-xlarge-up, .hide-for-xlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge-only {
display : inherit !important ;
}
.show-for-small-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .hide-for-large, .hide-for-large-up, .hide-for-large-only, .show-for-xlarge, .show-for-xlarge-up, .show-for-xlarge-only, .show-for-xxlarge-up, .show-for-xxlarge-only {
display : none !important ;
}
table.hide-for-small, table.hide-for-small-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.show-for-medium-up, table.show-for-large, table.show-for-large-up, table.show-for-large-only, table.hide-for-xlarge, table.hide-for-xlarge-up, table.hide-for-xlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge-only {
display : table;
}
thead.hide-for-small, thead.hide-for-small-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.show-for-large, thead.show-for-large-up, thead.show-for-large-only, thead.hide-for-xlarge, thead.hide-for-xlarge-up, thead.hide-for-xlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge-only {
display : table-header-group !important ;
}
tbody.hide-for-small, tbody.hide-for-small-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.show-for-large, tbody.show-for-large-up, tbody.show-for-large-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge-only {
display : table-row-group !important ;
}
tr.hide-for-small, tr.hide-for-small-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.show-for-large, tr.show-for-large-up, tr.show-for-large-only, tr.hide-for-xlarge, tr.hide-for-xlarge-up, tr.hide-for-xlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge-only {
display : table-row !important ;
}
td.hide-for-small, td.hide-for-small-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.show-for-medium-up, td.show-for-large, td.show-for-large-up, td.show-for-large-only, td.hide-for-xlarge, td.hide-for-xlarge-up, td.hide-for-xlarge-only, td.hide-for-xxlarge-up, td.hide-for-xxlarge-only, th.hide-for-small, th.hide-for-small-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.show-for-medium-up, th.show-for-large, th.show-for-large-up, th.show-for-large-only, th.hide-for-xlarge, th.hide-for-xlarge-up, th.hide-for-xlarge-only, th.hide-for-xxlarge-up, th.hide-for-xxlarge-only {
display : table-cell !important ;
}
}
@media only screen and (min-width:64em) {
.hide-for-small, .hide-for-small-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .show-for-medium-up, .show-for-large-up, .hide-for-large-only, .show-for-xlarge, .show-for-xlarge-up, .show-for-xlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge-only {
display : inherit !important ;
}
.show-for-small-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-large, .show-for-large-only, .show-for-large-down, .hide-for-xlarge, .hide-for-xlarge-up, .hide-for-xlarge-only, .show-for-xxlarge-up, .show-for-xxlarge-only {
display : none !important ;
}
table.hide-for-small, table.hide-for-small-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.show-for-medium-up, table.show-for-large-up, table.hide-for-large-only, table.show-for-xlarge, table.show-for-xlarge-up, table.show-for-xlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge-only {
display : table;
}
thead.hide-for-small, thead.hide-for-small-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.show-for-large-up, thead.hide-for-large-only, thead.show-for-xlarge, thead.show-for-xlarge-up, thead.show-for-xlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge-only {
display : table-header-group !important ;
}
tbody.hide-for-small, tbody.hide-for-small-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.show-for-large-up, tbody.hide-for-large-only, tbody.show-for-xlarge, tbody.show-for-xlarge-up, tbody.show-for-xlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge-only {
display : table-row-group !important ;
}
tr.hide-for-small, tr.hide-for-small-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.show-for-large-up, tr.hide-for-large-only, tr.show-for-xlarge, tr.show-for-xlarge-up, tr.show-for-xlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge-only {
display : table-row !important ;
}
td.hide-for-small, td.hide-for-small-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.show-for-medium-up, td.show-for-large-up, td.hide-for-large-only, td.show-for-xlarge, td.show-for-xlarge-up, td.show-for-xlarge-only, td.hide-for-xxlarge-up, td.hide-for-xxlarge-only, th.hide-for-small, th.hide-for-small-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.show-for-medium-up, th.show-for-large-up, th.hide-for-large-only, th.show-for-xlarge, th.show-for-xlarge-up, th.show-for-xlarge-only, th.hide-for-xxlarge-up, th.hide-for-xxlarge-only {
display : table-cell !important ;
}
}
@media only screen and (min-width:66.3em) {
.hide-for-small, .hide-for-small-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .show-for-medium-up, .show-for-large-up, .hide-for-large-only, .hide-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-up, .show-for-xxlarge-only {
display : inherit !important ;
}
.show-for-small-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-large, .show-for-large-only, .show-for-large-down, .hide-for-xlarge, .show-for-xlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge-only {
display : none !important ;
}
table.hide-for-small, table.hide-for-small-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.show-for-medium-up, table.show-for-large-up, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xxlarge-up, table.show-for-xxlarge-only {
display : table;
}
thead.hide-for-small, thead.hide-for-small-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.show-for-large-up, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xxlarge-up, thead.show-for-xxlarge-only {
display : table-header-group !important ;
}
tbody.hide-for-small, tbody.hide-for-small-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.show-for-large-up, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge-only {
display : table-row-group !important ;
}
tr.hide-for-small, tr.hide-for-small-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.show-for-large-up, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xxlarge-up, tr.show-for-xxlarge-only {
display : table-row !important ;
}
td.hide-for-small, td.hide-for-small-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.show-for-medium-up, td.show-for-large-up, td.hide-for-xlarge-only, td.show-for-xlarge-up, td.show-for-xxlarge-up, td.show-for-xxlarge-only, th.hide-for-small, th.hide-for-small-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.show-for-medium-up, th.show-for-large-up, th.hide-for-xlarge-only, th.show-for-xlarge-up, th.show-for-xxlarge-up, th.show-for-xxlarge-only {
display : table-cell !important ;
}
}
.show-for-landscape, .hide-for-portrait {
display : inherit !important ;
}
.hide-for-landscape, .show-for-portrait {
display : none !important ;
}
table.hide-for-landscape, table.show-for-portrait {
display : table;
}
thead.hide-for-landscape, thead.show-for-portrait {
display : table-header-group !important ;
}
tbody.hide-for-landscape, tbody.show-for-portrait {
display : table-row-group !important ;
}
tr.hide-for-landscape, tr.show-for-portrait {
display : table-row !important ;
}
td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
display : table-cell !important ;
}
@media only screen and (orientation:landscape) {
.show-for-landscape, .hide-for-portrait {
display : inherit !important ;
}
.hide-for-landscape, .show-for-portrait {
display : none !important ;
}
table.show-for-landscape, table.hide-for-portrait {
display : table;
}
thead.show-for-landscape, thead.hide-for-portrait {
display : table-header-group !important ;
}
tbody.show-for-landscape, tbody.hide-for-portrait {
display : table-row-group !important ;
}
tr.show-for-landscape, tr.hide-for-portrait {
display : table-row !important ;
}
td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait {
display : table-cell !important ;
}
}
@media only screen and (orientation:portrait) {
.show-for-portrait, .hide-for-landscape {
display : inherit !important ;
}
.hide-for-portrait, .show-for-landscape {
display : none !important ;
}
table.show-for-portrait, table.hide-for-landscape {
display : table;
}
thead.show-for-portrait, thead.hide-for-landscape {
display : table-header-group !important ;
}
tbody.show-for-portrait, tbody.hide-for-landscape {
display : table-row-group !important ;
}
tr.show-for-portrait, tr.hide-for-landscape {
display : table-row !important ;
}
td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape {
display : table-cell !important ;
}
}
.show-for-touch {
display : none !important ;
}
.hide-for-touch {
display : inherit !important ;
}
.touch .show-for-touch {
display : inherit !important ;
}
.touch .hide-for-touch {
display : none !important ;
}
table.hide-for-touch {
display : table;
}
.touch table.show-for-touch {
display : table;
}
thead.hide-for-touch {
display : table-header-group !important ;
}
.touch thead.show-for-touch {
display : table-header-group !important ;
}
tbody.hide-for-touch {
display : table-row-group !important ;
}
.touch tbody.show-for-touch {
display : table-row-group !important ;
}
tr.hide-for-touch {
display : table-row !important ;
}
.touch tr.show-for-touch {
display : table-row !important ;
}
td.hide-for-touch {
display : table-cell !important ;
}
.touch td.show-for-touch {
display : table-cell !important ;
}
th.hide-for-touch {
display : table-cell !important ;
}
.touch th.show-for-touch {
display : table-cell !important ;
}
.media .img img {
display : block;
}
.media .imgExt {
float : right;
}
.mod {
margin : 10px;
}
.tr, .bl, .br {
height : 10px;
width : 10px;
float : left;
}
.tl {
background-position : left top;
}
.tr {
background-position : right top;
}
.bl {
background-position : left bottom;
}
.br {
background-position : right bottom;
}
.br, .tr {
float : right;
}
.tr, .tl {
overflow : hidden;
margin-bottom : -32000px;
}
.bl, .br {
margin-top : -10px;
}
.complex .tl, .complex .tr {
height : 32000px;
margin-bottom : -32000px;
width : 10px;
}
.pop {
overflow : visible;
margin : 10px 20px 20px 10px;
background-position : left top;
}
.pop .inner {
right : -10px;
bottom : -10px;
background-position : right bottom;
padding : 0 10px 10px 0;
}
.pop .tl, .pop .br {
display : none;
}
.pop .bl {
bottom : -10px;
}
a .pop .tr {
float : right;
margin-right : -10px;
}
.ptn, .pvn, .pan {
padding-top : 0 !important ;
}
.pts, .pvs, .pas {
padding-top : 5px !important ;
}
.ptm, .pvm, .toolbar .notifications-spinner, .pam {
padding-top : 10px !important ;
}
.ptl, .pvl, .pal {
padding-top : 15px !important ;
}
.ptx, .pvx, .pax {
padding-top : 20px !important ;
}
.prn, .phn, .pan {
padding-right : 0 !important ;
}
.prs, .phs, .pas {
padding-right : 5px !important ;
}
.prm, .phm, .pam {
padding-right : 10px !important ;
}
.prl, .phl, .pal {
padding-right : 15px !important ;
}
.prx, .phx, .pax {
padding-right : 20px !important ;
}
.pbn, .pvn, .pan {
padding-bottom : 0 !important ;
}
.pbs, .pvs, .pas {
padding-bottom : 5px !important ;
}
.pbm, .pvm, .toolbar .notifications-spinner, .pam {
padding-bottom : 10px !important ;
}
.pbl, .pvl, .pal {
padding-bottom : 15px !important ;
}
.pbx, .pvx, .pax {
padding-bottom : 20px !important ;
}
.pln, .phn, .pan {
padding-left : 0 !important ;
}
.pls, .phs, .pas {
padding-left : 5px !important ;
}
.plm, .phm, .pam {
padding-left : 10px !important ;
}
.pll, .phl, .pal {
padding-left : 15px !important ;
}
.plx, .phx, .pax {
padding-left : 20px !important ;
}
.mtn, .mvn, .man {
margin-top : 0 !important ;
}
.mts, .mvs, .mas {
margin-top : 5px !important ;
}
.mtm, .mvm, .mam {
margin-top : 10px !important ;
}
.mtl, .mvl, .mal {
margin-top : 15px !important ;
}
.mtx, .mvx, .max {
margin-top : 20px !important ;
}
.mrn, .mhn, .man {
margin-right : 0 !important ;
}
.mrs, .mhs, .mas {
margin-right : 5px !important ;
}
.mrm, .mhm, .mam {
margin-right : 10px !important ;
}
.mrl, .mhl, .mal {
margin-right : 15px !important ;
}
.mrx, .mhx, .max {
margin-right : 20px !important ;
}
.mbn, .mvn, .man {
margin-bottom : 0 !important ;
}
.mbs, .mvs, .mas {
margin-bottom : 5px !important ;
}
.mbm, .mvm, .mam {
margin-bottom : 10px !important ;
}
.mbl, .mvl, .mal {
margin-bottom : 15px !important ;
}
.mbx, .mvx, .max {
margin-bottom : 20px !important ;
}
.mln, .mhn, .man {
margin-left : 0 !important ;
}
.mls, .mhs, .mas {
margin-left : 5px !important ;
}
.mlm, .mhm, .mam {
margin-left : 10px !important ;
}
.mll, .mhl, .mal {
margin-left : 15px !important ;
}
.mlx, .mhx, .max {
margin-left : 20px !important ;
}
.flex-video {
display : block;
}
.f-dropdown {
left : -99999px;
}
.f-dropdown.no-triangle:before, .f-dropdown.no-triangle:after {
display : none;
}
@media only screen and (max-width:37.4375em) {
.f-dropdown:before, .f-dropdown:after {
display : none;
}
}
@media only screen and (max-width:1024px) {
.f-dropdown li {
line-height : 1.75rem;
}
}
.f-dropdown li.has-border {
border-bottom : 1px solid rgba(0, 0, 0, 0.1);
}
.f-dropdown li.has-border:last-of-type {
border-bottom : none;
}
.f-dropdown li.disabled {
opacity : 0.699999988079071044921875;
}
.f-dropdown li.disabled:hover {
background-color : transparent;
}
.f-dropdown li.disabled:hover a {
text-decoration : none;
}
.f-dropdown li.disabled:hover a .icon, .f-dropdown li.disabled:hover a .rule-icon, .f-dropdown li.disabled:hover a .rule-list-add, .f-dropdown li.disabled:hover a .expression-list-add, .f-dropdown li.disabled:hover a .action-list-add, .f-dropdown li.disabled:hover a .expression-controls *, .expression-controls .f-dropdown li.disabled:hover a *, .f-dropdown li.disabled:hover a .action-controls *, .action-controls .f-dropdown li.disabled:hover a *, .f-dropdown li.disabled:hover a .rule-edit {
opacity : 0.300000011920928955078125;
}
.f-dropdown li.disabled a {
color : #aaa;
cursor : default;
}
.f-dropdown .divider {
border-bottom : 1px solid rgba(0, 0, 0, 0.1);
}
.f-dropdown li.active {
background : #eee;
}
.f-dropdown .title {
padding : 0.5rem;
cursor : default;
text-transform : uppercase;
color : #aaa;
font-size : 0.875rem;
font-weight : bold;
}
.f-dropdown .title:hover, .f-dropdown .title:focus, .f-dropdown .nested-list:hover, .f-dropdown .nested-list:focus {
background-color : transparent !important ;
}
.f-dropdown[id$="-hovercard"]:not(.open) {
opacity : 0;
}
.f-dropdown[id$="-hovercard"].open {
opacity : 1;
transition : opacity 60ms 400ms ease-in;
}
@media only screen and (max-width:49.9em) {
.reveal-modal.small {
width : 90%;
margin-left : -45%;
}
}
.alert-box {
line-height : 1.3;
}
.alert-box, .alert-box.warning, .alert-box.info {
border-color : rgba(0, 0, 0, 0.1);
}
.alert-box a {
font-weight : bold;
}
.alert-box .close {
margin-top : -0.5rem;
}
.alert-box .close:hover {
text-decoration : none;
}
.hide {
display : none !important ;
}
.vcard {
display : inline;
margin : 0;
border : 0;
padding : 0;
}
.vcard .fn {
font-weight : bold;
font-size : 1em;
}
[class*="block-grid-"] {
margin : 0;
}
[class*="block-grid-"] > li {
padding : 0 1.125rem;
margin : auto;
}
body {
padding : 20px 0 5px;
}
a:hover {
text-decoration : underline;
}
a:hover.button, a:hover.icon, a.rule-icon:hover, a.rule-list-add:hover, a.expression-list-add:hover, a.action-list-add:hover, .expression-controls a:hover, .action-controls a:hover, a.rule-edit:hover {
text-decoration : none;
}
.secondary-link, .secondary-link:visited, .secondary-link:hover, .secondary-link:focus, .secondary-link:active {
color : #636363;
}
.clear-both {
clear : both;
}
.inline {
display : inline;
}
.inline-block {
display : inline-block;
}
table {
width : 100%;
}
.table-row {
display : table-row;
}
.table-cell {
display : table-cell;
}
.nowrap {
white-space : nowrap;
}
.cursor-default {
cursor : default !important ;
}
.cursor-pointer {
cursor : pointer !important ;
}
.cursor-crosshair {
cursor : crosshair !important ;
}
.primary-color {
color : #0093ec !important ;
}
.site-border-color {
border-color : #0093ec !important ;
}
.twitter-color {
color : #55acee !important ;
}
.opaque {
opacity : 1 !important ;
}
.no-decoration, .no-decoration:hover {
text-decoration : none;
}
.no-transition {
transition : none 1s;
}
.body-bg {
background-color : #fff;
}
.prepostfix-icon {
top : 11px !important ;
left : 1px !important ;
opacity : 1 !important ;
}
.hide-in-plain-sight {
overflow : visible !important ;
height : 0 !important ;
width : 0 !important ;
margin : 0 !important ;
border : 0 !important ;
padding : 0 !important ;
display : block !important ;
}
.floated-container {
display : block;
}
.floated-container > .avatar {
display : block;
float : left;
margin-right : 10px;
}
.floated-container > .avatar img {
display : block;
}
.floated-container > .avatar .icon-followed {
display : none;
}
.floated-container .txt {
display : block;
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
max-width : 100%;
}
.floated-container.img-20 .avatar img {
height : 20px;
width : 20px;
}
.floated-container.img-30 {
height : 30px;
}
.floated-container.img-30 .avatar img {
height : 30px;
width : 30px;
}
.floated-container.img-40 {
height : 40px;
}
.floated-container.img-40 .avatar img {
height : 40px;
width : 40px;
}
.floated-container.img-60 {
height : 60px;
}
.floated-container.img-60 .avatar img {
height : 60px;
width : 60px;
}
.floated-container.icon-20 {
height : 20px;
}
.floated-container.icon-20 .avatar .icon, .floated-container.icon-20 .avatar .rule-icon, .floated-container.icon-20 .avatar .rule-list-add, .floated-container.icon-20 .avatar .expression-list-add, .floated-container.icon-20 .avatar .action-list-add, .floated-container.icon-20 .avatar .expression-controls *, .expression-controls .floated-container.icon-20 .avatar *, .floated-container.icon-20 .avatar .action-controls *, .action-controls .floated-container.icon-20 .avatar *, .floated-container.icon-20 .avatar .rule-edit {
top : 3px;
}
.txt-20 {
line-height : 1.5rem;
}
.txt-30 {
line-height : 2.125rem;
}
.txt-40 {
line-height : 2.75rem;
}
.txt-60 {
line-height : 4rem;
}
.site-logo {
display : inline-block;
height : 40px;
max-height : 40px;
max-width : 90%;
background-repeat : no-repeat;
background-size : contain !important ;
}
@media only screen and (max-width:49.9em) {
.site-logo {
max-width : 70%;
margin-left : 50px;
vertical-align : sub;
}
}
.site-logo .logo {
display : block;
max-height : 40px;
}
.site-logo:hover {
text-decoration : none;
}
.site-logo .header-title {
max-width : 100%;
}
.splash .dropdown-wrapper {
display : none;
}
.dropdown-wrapper {
position : relative;
top : -5px;
z-index : 100;
}
#dropdown-blog {
min-width : 200px;
left : 0;
display : none;
}
.f-dropdown.scroll {
overflow-y : auto !important ;
}
.header-title {
display : inline-block;
color : black;
font-size : 2.1875rem;
line-height : 2.8125rem;
font-weight : bold;
text-transform : uppercase;
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
max-width : 90%;
float : left;
}
@media only screen and (max-width:37.4375em) {
.header-title {
font-size : 1.75rem;
}
}
.header-title:hover {
text-decoration : none;
color : black;
}
.header-title a {
color : black;
}
.header-title a:hover, .header-title a:active {
color : black;
}
.header-mobile {
padding-left : 40px;
}
.header-mobile .header-title {
margin-left : 10px;
max-width : 80%;
}
.row.content-header {
margin-bottom : 16px;
}
.row.content-header > .columns {
height : 40px;
max-height : 40px;
}
.header-title + .blog-dropdown-trigger {
top : -10px;
}
.content-header + .alert-box {
margin-top : 1.4375rem;
}
.logo-content {
height : 50px;
padding : 10px 0;
margin-top : -20px;
margin-bottom : 10px;
}
.logo-content .logo-container {
float : right;
padding-left : 10px;
max-width : 50%;
}
.logo-content .site-logo {
display : block;
line-height : 30px;
height : 30px;
max-width : 100%;
padding : 0;
background-repeat : no-repeat;
background-position : left center;
background-size : contain;
}
.logo-content .site-logo .logo {
height : 30px;
}
.logo-content .site-logo:hover {
text-decoration : none;
}
.logo-content .site-logo .txt {
text-transform : uppercase;
font-size : 30px;
font-weight : bold;
color : #222;
}
.img-border {
position : relative;
display : block;
}
.img-border img, .img-border a {
display : block;
}
.img-border img {
border : rgba(0, 0, 0, 0.1) solid 1px;
}
@media only screen and (min-width:37.5em) {
.img-border:after {
position : absolute;
left : 0;
right : 0;
top : 0;
bottom : 0;
content : '';
}
.img-border img {
border : none;
}
}
ul, ol {
margin : 0;
list-style-type : none;
}
ul li, ol li {
margin : 0;
}
.list-text li {
display : inline-block;
}
blockquote {
margin : 7px 0 15px;
border : none;
padding : 20px 25px;
background-color : #f5f5f5;
overflow-wrap : break-word;
font-style : italic;
}
.twitter-tweet-rendered {
clear : both;
}
blockquote.twitter-tweet {
max-width : 99%;
min-width : 220px;
width : 500px;
border-radius : 5px;
border-color : #eee #ddd #bbb;
border-width : 1px;
border-style : solid;
box-shadow : 0 1px 3px rgba(0, 0, 0, 0.14902);
background : #fff;
padding : 71px 16px 29px;
margin-bottom : 10px;
position : relative;
}
blockquote.twitter-tweet p {
font : 18px/24px Georgia, "Times New Roman", Palatino, serif;
}
blockquote.twitter-tweet p:last-child {
font : normal normal 12px/16px "Helvetica Neue", Arial, sans-serif;
}
blockquote.twitter-tweet p:last-child a {
color : #707070;
}
.site-footer li {
padding : 0 6px;
}
hr.fade {
border : 0;
height : 1px;
position : relative;
}
.hover-switch .show-on-hover {
display : none;
}
.hover-switch:hover .show-on-hover {
display : inline;
}
.hover-switch:hover .hide-on-hover {
display : none;
}
.notification-count {
display : block;
width : 30px;
height : 16px;
overflow : hidden;
text-align : center;
font-size : 0.9375rem;
line-height : 1.0625rem;
font-weight : bold;
color : #dc0002;
position : absolute;
left : 0;
top : 7px;
}
.notification-count.only-one {
text-indent : -1px;
}
.notification-count.hundred {
font-size : 0.875rem;
line-height : 1.125rem;
}
.notification-count.infinite {
font-size : 1.625rem;
line-height : 1.3125rem;
}
.notification-count-badge {
display : block;
height : 16px;
overflow : hidden;
text-align : center;
font-size : 0.9375rem;
padding : 0 5px;
line-height : 17px;
border-radius : 16px;
background-color : #dc0002;
color : white;
}
.toolbar-icon .notification-count-badge {
position : absolute;
left : 20px;
top : -5px;
}
.menu-list .notification-count-badge {
display : inline;
margin-left : 10px;
padding-top : 2px;
padding-bottom : 1px;
}
.toolbar .notifications-menu:not(.active):not(.is-loaded) {
opacity : 0.100000001490116119384765625;
}
.toolbar .toolbar-icon:not(.active).has-notification {
opacity : 1;
}
.toolbar .toolbar-icon:not(.active).has-notification .icon-img {
opacity : 1;
}
.toolbar .toolbar-icon:not(.active).has-notification .notification-badge {
opacity : 1;
}
.f-dropdown li .icon, .f-dropdown li .rule-icon, .f-dropdown li .rule-list-add, .f-dropdown li .expression-list-add, .f-dropdown li .action-list-add, .f-dropdown li .expression-controls *, .expression-controls .f-dropdown li *, .f-dropdown li .action-controls *, .action-controls .f-dropdown li *, .f-dropdown li .rule-edit {
margin-top : 1px;
}
button {
outline : none;
}
button.transparent, .button.transparent {
background-color : transparent;
border-color : transparent;
}
button.transparent:focus, button.transparent:hover, .button.transparent:focus, .button.transparent:hover {
background-color : transparent;
}
.button.dropdown {
padding : 0;
}
.button.dropdown:before {
right : 10px;
}
.button.dropdown.toggle-30 {
width : 30px;
height : 30px;
}
.button.dropdown.toggle-40 {
width : 40px;
height : 40px;
}
.success-box {
color : white;
font-size : 14px;
position : fixed;
top : 20px;
right : 20px;
z-index : 102;
padding : 15px 15px 13px;
background-color : rgba(0, 0, 0, 0.8);
width : 280px;
}
.success-box.linked {
cursor : pointer;
}
.success-box.linked:hover {
background-color : #000;
}
.success-box .close {
margin-left : 10px;
float : right;
opacity : 0.800000011920928955078125;
}
.success-box .close:hover {
color : white;
opacity : 1;
text-decoration : none;
}
.post-dropdown-trigger, .blog-dropdown-trigger {
opacity : 0.300000011920928955078125;
}
body:not(.touch) .reply .post-dropdown-trigger, body:not(.touch) .reply .blog-dropdown-trigger, body:not(.touch) .post .post-dropdown-trigger, body:not(.touch) .post .blog-dropdown-trigger, body:not(.touch) .content-header .post-dropdown-trigger, body:not(.touch) .content-header .blog-dropdown-trigger {
transition : opacity 0.15s ease-in;
transform : translate3d(0,0,0);
}
body:not(.touch) .reply:hover .post-dropdown-trigger, body:not(.touch) .reply:hover .blog-dropdown-trigger, body:not(.touch) .post:hover .post-dropdown-trigger, body:not(.touch) .post:hover .blog-dropdown-trigger, body:not(.touch) .content-header:hover .post-dropdown-trigger, body:not(.touch) .content-header:hover .blog-dropdown-trigger {
opacity : 0.5;
}
body:not(.touch).permalink .post .post-dropdown-trigger:hover {
opacity : 0.5;
}
.scrollable-container {
width : 100%;
overflow : hidden;
}
.scrollable.open {
overflow-y : auto;
}
form label .icon, form label .rule-icon, form label .rule-list-add, form label .expression-list-add, form label .action-list-add, form label .expression-controls *, .expression-controls form label *, form label .action-controls *, .action-controls form label *, form label .rule-edit {
opacity : 0.60000002384185791015625;
}
form input + small, form .canhas-error + small {
display : none;
}
form .error input + small, form .error .canhas-error + small {
display : block;
}
form select {
position : relative;
z-index : 2;
color : rgba(0, 0, 0, 0.75);
}
.input-with-icon {
position : relative;
}
.input-with-icon .icon, .input-with-icon .rule-icon, .input-with-icon .rule-list-add, .input-with-icon .expression-list-add, .input-with-icon .action-list-add, .input-with-icon .expression-controls *, .expression-controls .input-with-icon *, .input-with-icon .action-controls *, .action-controls .input-with-icon *, .input-with-icon .rule-edit {
position : absolute;
left : 0.5rem;
top : 0.7rem;
opacity : 0.4000000059604644775390625;
}
@media only screen and (max-width:1024px) {
.input-with-icon .icon, .input-with-icon .rule-icon, .input-with-icon .rule-list-add, .input-with-icon .expression-list-add, .input-with-icon .action-list-add, .input-with-icon .expression-controls *, .expression-controls .input-with-icon *, .input-with-icon .action-controls *, .action-controls .input-with-icon *, .input-with-icon .rule-edit {
top : 0.45rem;
}
}
.input-with-icon input {
padding-left : 2rem;
}
@media only screen and (max-width:1024px) {
.input-with-icon input {
padding-left : 2.4rem;
}
}
.input-with-icon.icon-on-right .icon, .input-with-icon.icon-on-right .rule-icon, .input-with-icon.icon-on-right .rule-list-add, .input-with-icon.icon-on-right .expression-list-add, .input-with-icon.icon-on-right .action-list-add, .input-with-icon.icon-on-right .expression-controls *, .expression-controls .input-with-icon.icon-on-right *, .input-with-icon.icon-on-right .action-controls *, .action-controls .input-with-icon.icon-on-right *, .input-with-icon.icon-on-right .rule-edit {
left : auto;
right : 0.5rem;
}
.input-with-icon.icon-on-right input {
padding-left : 1rem;
padding-right : 2rem;
}
@media only screen and (max-width:1024px) {
.input-with-icon.icon-on-right input {
padding-right : 2.4rem;
}
}
.flex-video {
display : block;
}
.flex-video.vine {
padding-top : 0;
padding-bottom : 122%;
}
.flex-video.instagram {
padding-top : 0;
padding-bottom : 85%;
margin : 0 112px 1rem;
clear : both;
}
.permalink .flex-video.instagram {
padding-bottom : 81%;
}
@media only screen and (max-width:49.9em) {
.flex-video.instagram {
margin : 0 10% 10px;
padding-bottom : 111% !important ;
}
}
.flex-video.soundcloud {
padding-bottom : 21.15%;
}
.disable-scroll {
overflow : hidden;
height : 100%;
}
.disable-scroll .page .post-dropdown-ct {
display : none;
}
.page-error {
background-color : #fff;
border : none;
margin-top : 110px;
margin-bottom : 100px;
padding : 0;
}
.page-error .logo {
display : block;
width : 125px;
height : 70px;
background : url('http://c.kinja-static.com/assets/images/logos/kinja-small.png?25409a4adc536ff5e6911204b0828318') no-repeat;
margin : 0 auto 40px;
}
.help-link {
margin-right : 5px;
vertical-align : baseline !important ;
}
.help-link:hover, .help-link:focus {
color : #474747;
}
h4 .help-link, .h4 .help-link {
position : relative;
}
@media only screen and (max-width:37.4375em) {
h4 .help-link, .h4 .help-link {
top : 1px;
}
}
@media only screen and (min-width:50em) {
h4 .help-link, .h4 .help-link {
top : -1px;
}
}
.sub-nav-tabbed {
display : block;
width : auto;
overflow : hidden;
margin : 0 0 1.125rem;
padding-top : 0.25rem;
margin-right : 0;
margin-left : -0.75rem;
text-align : center;
margin-left : 0;
position : relative;
}
.sub-nav-tabbed dt {
text-transform : uppercase;
}
.sub-nav-tabbed dt, .sub-nav-tabbed dd, .sub-nav-tabbed li {
float : left;
display : inline;
margin-left : 1rem;
margin-bottom : 0.625rem;
font-family : "ProximaNovaCond", serif;
font-weight : normal;
font-size : 0.9375rem;
color : #aaa;
}
.sub-nav-tabbed dt a, .sub-nav-tabbed dd a, .sub-nav-tabbed li a {
text-decoration : none;
color : #aaa;
padding : 0.1875rem 1rem;
}
.sub-nav-tabbed dt a:hover, .sub-nav-tabbed dd a:hover, .sub-nav-tabbed li a:hover {
color : #7f7f7f;
}
.sub-nav-tabbed dt.active a, .sub-nav-tabbed dd.active a, .sub-nav-tabbed li.active a {
border-radius : 0;
font-weight : normal;
background : #f5f5f5;
padding : 0.25rem 0.9375rem;
cursor : default;
color : #fff;
}
.sub-nav-tabbed dt.active a:hover, .sub-nav-tabbed dd.active a:hover, .sub-nav-tabbed li.active a:hover {
background : #2c2c2c;
}
.sub-nav-tabbed dd {
float : none;
display : inline-block;
margin : 0 0 0 -1px;
position : relative;
border : #aaa solid 1px;
z-index : 1;
}
.sub-nav-tabbed dd.active {
border-color : #333;
z-index : 2;
}
.sub-nav-tabbed dd a, .sub-nav-tabbed dd.active a {
padding : 0 20px;
}
.sub-nav-tabbed dd a:hover, .sub-nav-tabbed dd.active a:hover {
background-color : #f5f5f5;
}
.sub-nav-tabbed dd a {
display : inline-block;
color : #666;
line-height : 33px;
background-color : white;
}
.sub-nav-tabbed dd a:hover {
color : #666;
}
.sub-nav-tabbed dd.active a {
color : #333;
font-weight : bold;
}
.sub-nav-tabbed:after {
content : "";
display : block;
height : 0;
border-top : 1px solid #aaa;
position : absolute;
top : 50%;
margin-top : 2px;
z-index : 0;
width : 100%;
}
.feature-switches .button.dropdown {
white-space : nowrap;
}
.feature-switches .button.dropdown.tiny {
padding-top : 0.4375rem;
padding-bottom : 0.5rem;
padding-left : 0.875rem;
width : 150px;
text-align : left;
}
.feature-switches .button.green {
background-color : #a1ffa1;
border-color : #4eff4e;
color : #333;
}
.feature-switches .button.green:hover, .feature-switches .button.green:focus {
background-color : #4eff4e;
}
.feature-switches .button.green:hover, .feature-switches .button.green:focus {
color : #333;
}
.feature-switches .button.red {
background-color : #ffa1a1;
border-color : #ff4e4e;
color : #333;
}
.feature-switches .button.red:hover, .feature-switches .button.red:focus {
background-color : #ff4e4e;
}
.feature-switches .button.red:hover, .feature-switches .button.red:focus {
color : #333;
}
.feature-switches .button.yellow {
background-color : #ffffa1;
border-color : #ffff4e;
color : #333;
}
.feature-switches .button.yellow:hover, .feature-switches .button.yellow:focus {
background-color : #ffff4e;
}
.feature-switches .button.yellow:hover, .feature-switches .button.yellow:focus {
color : #333;
}
.feature-switches .button.green:before, .feature-switches .button.red:before, .feature-switches .button.yellow:before {
border-color : #333 transparent transparent transparent;
}
.feature-switches .button .icon-white {
opacity : 1;
}
.feature-switches .boolean .feature-value {
text-transform : uppercase;
}
@font-face {
{
font-family : "'ProximaNovaCond'";
src : url('../inc/fonts/proxima/ProximaNovaCondNormal.eot');
src : url('../inc/fonts/proxima/ProximaNovaCondNormal.eot?#iefix') format("embedded-opentype"), url('../inc/fonts/proxima/ProximaNovaCondNormal.woff') format("woff"), url('../inc/fonts/proxima/ProximaNovaCondNormal.ttf') format("truetype");
font-weight : normal;
font-style : normal;
}
}
@font-face {
{
font-family : "'ProximaNovaCond'";
src : url('../inc/fonts/proxima/ProximaNovaCondNormalItalic.eot');
src : url('../inc/fonts/proxima/ProximaNovaCondNormalItalic.eot?#iefix') format("embedded-opentype"), url('../inc/fonts/proxima/ProximaNovaCondNormalItalic.woff') format("woff"), url('./inc/fonts/proxima/ProximaNovaCondNormalItalic.ttf') format("truetype");
font-weight : normal;
font-style : italic;
}
}
@font-face {
{
font-family : "'ProximaNovaCond'";
src : url('../inc/fonts/proxima/ProximaNovaCondBold.eot');
src : url('../inc/fonts/proxima/ProximaNovaCondBold.eot?#iefix') format("embedded-opentype"), url('../inc/fonts/proxima/ProximaNovaCondBold.woff') format("woff"), url('../inc/fonts/proxima/ProximaNovaCondBold.ttf') format("truetype");
font-weight : bold;
font-style : normal;
}
}
@font-face {
{
font-family : "'ProximaNovaCond'";
src : url('../inc/fonts/proxima/ProximaNovaCondBoldItalic.eot');
src : url('../inc/fonts/proxima/ProximaNovaCondBoldItalic.eot?#iefix') format("embedded-opentype"), url('../inc/fonts/proxima/ProximaNovaCondBoldItalic.woff') format("woff"), url('../inc/fonts/proxima/ProximaNovaCondBoldItalic.ttf') format("truetype");
font-weight : bold;
font-style : italic;
}
}
@font-face {
{
font-family : "'KinjaIcons'";
src : url('../inc/fonts/kinjafont/kinjaicons-regular-webfont.eot');
src : url('../inc/fonts/kinjafont/kinjaicons-regular-webfont.eot?#iefix') format("embedded-opentype"), url('../inc/fonts/kinjafont/kinjaicons-regular-webfont.svg') format("svg"), url('../inc/fonts/kinjafont/kinjaicons-regular-webfont.ttf') format("truetype");
font-weight : normal;
font-style : normal;
}
}
@font-face {
{
font-family : "'FranklinGothicMedium'";
src : url('../inc/fonts/franklingothic/franklingothicurw-medium-webfont.eot');
src : url('../inc/fonts/franklingothic/franklingothicurw-medium-webfont.eot?#iefix') format("embedded-opentype"), url('../inc/fonts/franklingothic/franklingothicurw-medium-webfont.svg#franklingothic_urwmedium') format("svg"), url('../inc/fonts/franklingothic/franklingothicurw-medium-webfont.ttf') format("truetype");
font-weight : normal;
font-style : normal;
}
}
@font-face {
{
font-family : "'FranklinGothicDemi'";
src : url('../inc/fonts/franklingothic/franklingothicurw-demi-webfont.eot');
src : url('../inc/fonts/franklingothic/franklingothicurw-demi-webfont.eot?#iefix') format("embedded-opentype"), url('../inc/fonts/franklingothic/franklingothicurw-demi-webfont.svg#franklingothic_urwdemi') format("svg"), url('../inc/fonts/franklingothic/franklingothicurw-demi-webfont.ttf') format("truetype");
font-weight : normal;
font-style : normal;
}
}
.proxima, .alert-box, .notification-count, .notification-count-badge, form label, .sub-nav dt, .sub-nav dd, .sub-nav li, .font-icon-demo .demo-item .letter, .meta-container, .modal-body p, .js_rules-page, .loading-full .loading-message-box .message, .loading-full .loading-message-box .message-still, .lazy-gif::before, .referenced-wide.referenced-fullwidth .readmore-referenced, .reply .reply-tools, .reply .unapproved-msg, .reply-number, .branch .reply-footer-bar, .reply-views, .mscr, .reply-prompt-link, .reply-callout-container .callout-input {
font-family : 'ProximaNovaCond';
}
.franklingothicmedium {
font-family : 'FranklinGothicMedium';
}
.franklingothicdemi {
font-family : 'FranklinGothicDemi';
}
.text-light, .text-light:hover {
color : #aaa;
}
.text-normal {
font-weight : normal;
}
.text-strong {
font-weight : bold;
}
.text-italic {
font-style : italic;
}
.text-upper {
text-transform : uppercase;
}
.headline, .headline a, .headline a:hover {
color : #000;
}
h1, .h1 {
line-height : 1.1;
}
.text-small, .action-heading span {
font-size : 0.875rem;
}
.text-tiny {
font-size : 0.8125rem;
}
.text-micro {
font-size : 0.75rem;
}
a[disabled] {
color : #aaa;
}
a[disabled]:hover, a[disabled]:active, a[disabled]:focus {
text-decoration : none;
color : #aaa;
}
a[disabled]:hover .icon, a[disabled]:hover .rule-icon, a[disabled]:hover .rule-list-add, a[disabled]:hover .expression-list-add, a[disabled]:hover .action-list-add, a[disabled]:hover .expression-controls *, .expression-controls a[disabled]:hover *, a[disabled]:hover .action-controls *, .action-controls a[disabled]:hover *, a[disabled]:hover .rule-edit, a[disabled]:active .icon, a[disabled]:active .rule-icon, a[disabled]:active .rule-list-add, a[disabled]:active .expression-list-add, a[disabled]:active .action-list-add, a[disabled]:active .expression-controls *, .expression-controls a[disabled]:active *, a[disabled]:active .action-controls *, .action-controls a[disabled]:active *, a[disabled]:active .rule-edit, a[disabled]:focus .icon, a[disabled]:focus .rule-icon, a[disabled]:focus .rule-list-add, a[disabled]:focus .expression-list-add, a[disabled]:focus .action-list-add, a[disabled]:focus .expression-controls *, .expression-controls a[disabled]:focus *, a[disabled]:focus .action-controls *, .action-controls a[disabled]:focus *, a[disabled]:focus .rule-edit {
opacity : 0.300000011920928955078125;
}
.icon, .rule-icon, .rule-list-add, .expression-list-add, .action-list-add, .expression-controls *, .action-controls *, .rule-edit {
font-family : 'KinjaIcons';
font-size : 16px;
font-weight : normal !important ;
display : inline-block;
width : 16px;
height : 16px;
line-height : 16px;
vertical-align : top;
text-align : center;
color : black;
}
.icon.inline, .inline.rule-icon, .inline.rule-list-add, .inline.expression-list-add, .inline.action-list-add, .expression-controls .inline, .action-controls .inline, .inline.rule-edit {
display : inline;
vertical-align : inherit;
}
.icon.giant, .giant.rule-icon, .giant.rule-list-add, .giant.expression-list-add, .giant.action-list-add, .expression-controls .giant, .action-controls .giant, .giant.rule-edit {
font-size : 24px;
height : 24px;
width : 24px;
}
.icon.oversized, .oversized.rule-icon, .oversized.rule-list-add, .expression-controls .rule-list-add, .action-controls .rule-list-add, .oversized.expression-list-add, .expression-controls .expression-list-add, .action-controls .expression-list-add, .oversized.action-list-add, .expression-controls .action-list-add, .action-controls .action-list-add, .expression-controls *, .action-controls *, .rule-edit, .expression-controls .icon, .expression-controls .rule-icon, .action-controls .icon, .action-controls .rule-icon {
font-size : 20px;
height : 20px;
width : 20px;
position : relative;
top : 1px;
}
.icon.downsized, .downsized.rule-icon, .rule-list-add, .expression-list-add, .action-list-add, .expression-controls .downsized, .action-controls .downsized, .downsized.rule-edit {
font-size : 14px;
height : 14px;
width : 14px;
position : relative;
top : 1px;
}
.icon.downsized.icon-append, .downsized.icon-append.rule-icon, .icon-append.rule-list-add, .icon-append.expression-list-add, .icon-append.action-list-add, .expression-controls .downsized.icon-append, .action-controls .downsized.icon-append, .downsized.icon-append.rule-edit {
margin-left : 3px;
}
.icon.icon-append, .icon-append.rule-icon, .icon-append.rule-list-add, .icon-append.expression-list-add, .icon-append.action-list-add, .expression-controls .icon-append, .action-controls .icon-append, .icon-append.rule-edit {
margin-left : 5px;
}
.icon.icon-prepend, .icon-prepend.rule-icon, .icon-prepend.rule-list-add, .icon-prepend.expression-list-add, .icon-prepend.action-list-add, .expression-controls .icon-prepend, .action-controls .icon-prepend, .icon-prepend.rule-edit {
margin-right : 10px;
}
.icon.active, .active.rule-icon, .active.rule-list-add, .active.expression-list-add, .active.action-list-add, .expression-controls .active, .action-controls .active, .active.rule-edit {
opacity : 1 !important ;
color : #0093ec;
}
.icon.transparent, .transparent.rule-icon, .transparent.rule-list-add, .transparent.expression-list-add, .transparent.action-list-add, .expression-controls .transparent, .action-controls .transparent, .transparent.rule-edit {
opacity : 0.5;
}
.browser-firefox .icon:not(.icon-img):not(.icon-sprite), .browser-firefox .rule-icon:not(.icon-img):not(.icon-sprite), .browser-firefox .rule-list-add:not(.icon-img):not(.icon-sprite), .browser-firefox .expression-list-add:not(.icon-img):not(.icon-sprite), .browser-firefox .action-list-add:not(.icon-img):not(.icon-sprite), .browser-firefox .expression-controls:not(.icon-img):not(.icon-sprite), .expression-controls .browser-firefox:not(.icon-img):not(.icon-sprite), .browser-firefox .action-controls:not(.icon-img):not(.icon-sprite), .action-controls .browser-firefox:not(.icon-img):not(.icon-sprite), .browser-firefox .rule-edit:not(.icon-img):not(.icon-sprite) {
vertical-align : baseline;
}
.button .icon, .button .rule-icon, .button .rule-list-add, .button .expression-list-add, .button .action-list-add, .button .expression-controls *, .expression-controls .button *, .button .action-controls *, .action-controls .button *, .button .rule-edit {
margin-top : 1px;
}
.button.icon, .button.rule-icon, .button.rule-list-add, .button.expression-list-add, .button.action-list-add, .expression-controls .button, .action-controls .button, .button.rule-edit, .button .icon, .button .rule-icon, .button .rule-list-add, .button .expression-list-add, .button .action-list-add, .button .expression-controls *, .expression-controls .button *, .button .action-controls *, .action-controls .button *, .button .rule-edit, .hover-icon.icon, .hover-icon.rule-icon, .hover-icon.rule-list-add, .reply .reply-tools > a.rule-list-add, .hover-icon.expression-list-add, .reply .reply-tools > a.expression-list-add, .hover-icon.action-list-add, .reply .reply-tools > a.action-list-add, .expression-controls .hover-icon, .expression-controls .reply .reply-tools > a, .reply .expression-controls .reply-tools > a, .action-controls .hover-icon, .action-controls .reply .reply-tools > a, .reply .action-controls .reply-tools > a, .hover-icon.rule-edit, .reply .reply-tools > a.rule-edit, .reply .reply-tools > a.rule-icon, .reply .reply-tools > a.icon, .hover-icon .icon, .reply .reply-tools > a .icon, .hover-icon .rule-icon, .reply .reply-tools > a .rule-icon, .hover-icon .rule-list-add, .reply .reply-tools > a .rule-list-add, .hover-icon .expression-list-add, .reply .reply-tools > a .expression-list-add, .hover-icon .action-list-add, .reply .reply-tools > a .action-list-add, .hover-icon .expression-controls *, .expression-controls .hover-icon *, .reply .reply-tools > a .expression-controls *, .expression-controls .reply .reply-tools > a *, .hover-icon .action-controls *, .action-controls .hover-icon *, .reply .reply-tools > a .action-controls *, .action-controls .reply .reply-tools > a *, .hover-icon .rule-edit, .reply .reply-tools > a .rule-edit {
opacity : 0.300000011920928955078125;
}
.button.icon:hover, .button.rule-icon:hover, .button.rule-list-add:hover, .button.expression-list-add:hover, .button.action-list-add:hover, .expression-controls .button:hover, .action-controls .button:hover, .button.rule-edit:hover, .button:hover .icon, .button:hover .rule-icon, .button:hover .rule-list-add, .button:hover .expression-list-add, .button:hover .action-list-add, .button:hover .expression-controls *, .expression-controls .button:hover *, .button:hover .action-controls *, .action-controls .button:hover *, .button:hover .rule-edit, .hover-icon.icon:hover, .hover-icon.rule-icon:hover, .hover-icon.rule-list-add:hover, .reply .reply-tools > a.rule-list-add:hover, .hover-icon.expression-list-add:hover, .reply .reply-tools > a.expression-list-add:hover, .hover-icon.action-list-add:hover, .reply .reply-tools > a.action-list-add:hover, .expression-controls .hover-icon:hover, .expression-controls .reply .reply-tools > a:hover, .reply .expression-controls .reply-tools > a:hover, .action-controls .hover-icon:hover, .action-controls .reply .reply-tools > a:hover, .reply .action-controls .reply-tools > a:hover, .hover-icon.rule-edit:hover, .reply .reply-tools > a.rule-edit:hover, .reply .reply-tools > a.rule-icon:hover, .reply .reply-tools > a.icon:hover, .hover-icon:hover .icon, .reply .reply-tools > a:hover .icon, .hover-icon:hover .rule-icon, .reply .reply-tools > a:hover .rule-icon, .hover-icon:hover .rule-list-add, .reply .reply-tools > a:hover .rule-list-add, .hover-icon:hover .expression-list-add, .reply .reply-tools > a:hover .expression-list-add, .hover-icon:hover .action-list-add, .reply .reply-tools > a:hover .action-list-add, .hover-icon:hover .expression-controls *, .expression-controls .hover-icon:hover *, .reply .reply-tools > a:hover .expression-controls *, .expression-controls .reply .reply-tools > a:hover *, .hover-icon:hover .action-controls *, .action-controls .hover-icon:hover *, .reply .reply-tools > a:hover .action-controls *, .action-controls .reply .reply-tools > a:hover *, .hover-icon:hover .rule-edit, .reply .reply-tools > a:hover .rule-edit {
opacity : 0.5;
}
i.icon, i.rule-icon, i.rule-list-add, i.expression-list-add, i.action-list-add, .expression-controls i, .action-controls i, i.rule-edit {
font-style : normal;
}
.icon-white {
color : white;
}
.icon-red {
color : red;
}
.icon-green {
color : green;
}
.icon-circle {
width : 30px;
height : 30px;
display : inline-block;
border-radius : 30px;
border : black solid 2px;
background-color : #fff;
}
.active .icon-circle {
border-color : #0093ec;
}
.has-notification .icon-circle {
border-color : #dc0002;
}
.icon-hamburger {
position : relative;
}
.icon-hamburger .rows {
display : block;
position : absolute;
left : 20%;
right : 19%;
top : 25%;
height : 50%;
}
.icon-hamburger .rows span {
display : block;
height : 25%;
background : black;
margin-bottom : 13%;
}
.active .icon-hamburger .rows span {
background : #0093ec;
}
.icon-img {
width : 30px;
height : 30px;
display : inline-block;
background-position : left top;
background-repeat : no-repeat;
background-size : 30px 30px;
}
.icon-img.downsized, .icon-img.rule-list-add, .icon-img.expression-list-add, .icon-img.action-list-add {
width : 18px;
height : 18px;
background-size : 18px 18px;
vertical-align : middle;
top : -1px;
}
.icon-bubble-plus {
background-image : url('http://c.kinja-static.com/assets/images/icons/icon-bubble-plus@2x.png?dcfe286bbfeb5518db8089e0e025a146');
}
.icon-bubble-plus-solid {
background-image : url('http://c.kinja-static.com/assets/images/icons/icon-bubble-plus-solid@2x.png?953fe5fc5c828e3c7da6a0ce5c49ae45');
}
.icon-bubble-x {
background-image : url('http://c.kinja-static.com/assets/images/icons/icon-bubble-x@2x.png?54d6c3fe9cc45f53a61b293870d49561');
}
.icon-bubble-x-solid {
background-image : url('http://c.kinja-static.com/assets/images/icons/icon-bubble-x-solid@2x.png?52a5e9f80404d689b977a100595158e4');
}
.icon-bubble-empty {
background-image : url('http://c.kinja-static.com/assets/images/icons/icon-bubble-empty@2x.png?077a36a3d1e24cad804e7e6d0eac63c7');
}
.icon-bubble-solid {
background-image : url('http://c.kinja-static.com/assets/images/icons/icon-bubble-solid@2x.png?303a0bcb9300714547f40e06131f90b5');
}
.icon-bubble-double {
background-image : url('http://c.kinja-static.com/assets/images/icons/icon-bubble-double@2x.png?23987423a5b8e83b59d52f5c7ffcad81');
}
@media only screen and (max-width:1024px) {
.icon, .rule-icon, .rule-list-add, .expression-list-add, .action-list-add, .expression-controls *, .action-controls *, .rule-edit, .icon.oversized, .oversized.rule-icon, .oversized.rule-list-add, .expression-controls .rule-list-add, .action-controls .rule-list-add, .oversized.expression-list-add, .expression-controls .expression-list-add, .action-controls .expression-list-add, .oversized.action-list-add, .expression-controls .action-list-add, .action-controls .action-list-add, .expression-controls *, .action-controls *, .rule-edit, .expression-controls .icon, .expression-controls .rule-icon, .action-controls .icon, .action-controls .rule-icon, .icon.downsized, .downsized.rule-icon, .rule-list-add, .expression-list-add, .action-list-add, .expression-controls .downsized, .action-controls .downsized, .downsized.rule-edit {
width : 24px;
height : 24px;
font-size : 24px;
line-height : 24px;
}
.icon.icon-img, .icon-img.rule-icon, .icon-img.rule-list-add, .icon-img.expression-list-add, .icon-img.action-list-add, .expression-controls .icon-img, .action-controls .icon-img, .icon-img.rule-edit, .icon.oversized.icon-img, .oversized.icon-img.rule-icon, .oversized.icon-img.rule-list-add, .oversized.icon-img.expression-list-add, .oversized.icon-img.action-list-add, .expression-controls .icon-img, .action-controls .icon-img, .icon-img.rule-edit, .icon.downsized.icon-img, .downsized.icon-img.rule-icon, .icon-img.rule-list-add, .icon-img.expression-list-add, .icon-img.action-list-add, .expression-controls .downsized.icon-img, .action-controls .downsized.icon-img, .downsized.icon-img.rule-edit {
width : 30px;
height : 30px;
background-size : 30px 30px;
}
.icon.icon-img.downsized, .icon-img.downsized.rule-icon, .icon-img.rule-list-add, .icon-img.expression-list-add, .icon-img.action-list-add, .expression-controls .icon-img.downsized, .action-controls .icon-img.downsized, .icon-img.downsized.rule-edit, .icon.oversized.icon-img.downsized, .oversized.icon-img.downsized.rule-icon, .oversized.icon-img.rule-list-add, .expression-controls .icon-img.rule-list-add, .action-controls .icon-img.rule-list-add, .icon-img.rule-list-add.rule-edit, .oversized.icon-img.expression-list-add, .expression-controls .icon-img.expression-list-add, .action-controls .icon-img.expression-list-add, .icon-img.expression-list-add.rule-edit, .oversized.icon-img.action-list-add, .expression-controls .icon-img.action-list-add, .action-controls .icon-img.action-list-add, .icon-img.action-list-add.rule-edit, .expression-controls .icon-img.downsized, .action-controls .icon-img.downsized, .icon-img.downsized.rule-edit, .icon.downsized.icon-img.downsized, .downsized.icon-img.downsized.rule-icon, .icon-img.rule-list-add, .icon-img.expression-list-add, .icon-img.action-list-add, .expression-controls .downsized.icon-img.downsized, .action-controls .downsized.icon-img.downsized, .downsized.icon-img.downsized.rule-edit {
width : 24px;
height : 24px;
background-size : 24px 24px;
}
}
.avatar-20 {
display : inline-block;
width : 20px;
height : 20px;
}
.avatar-20.icon-prepend {
margin-right : 10px;
}
.icon-kinja {
background-image : url('http://c.kinja-static.com/assets/images/icons/icon-kinja@2x.png?508948e68f78093f4516dd475801307c');
}
.icon-login-option {
width : 30px;
height : 30px;
line-height : 30px;
margin-top : 0;
background-image : url('http://c.kinja-static.com/assets/images/icons/icon-login-options.png?41be369f75640270b10892dca8e0fdf3');
background-size : 30px 150px !important ;
}
.icon-login-facebook {
background-position : 0 0;
}
.icon-login-twitter {
background-position : 0 -30px;
}
.icon-login-google {
background-position : 0 -60px;
}
.icon-login-burner {
background-position : 0 -90px;
}
.icon-login-other {
background-position : 0 -120px;
}
.font-icon-demo .demo-item {
display : inline-block;
margin : 0 10px 10px 0;
width : 16px;
}
.font-icon-demo .demo-item .icon, .font-icon-demo .demo-item .rule-icon, .font-icon-demo .demo-item .rule-list-add, .font-icon-demo .demo-item .expression-list-add, .font-icon-demo .demo-item .action-list-add, .font-icon-demo .demo-item .expression-controls *, .expression-controls .font-icon-demo .demo-item *, .font-icon-demo .demo-item .action-controls *, .action-controls .font-icon-demo .demo-item *, .font-icon-demo .demo-item .rule-edit {
opacity : 0.60000002384185791015625;
cursor : pointer;
margin : 0;
}
.font-icon-demo .demo-item .icon:hover, .font-icon-demo .demo-item .rule-icon:hover, .font-icon-demo .demo-item .rule-list-add:hover, .font-icon-demo .demo-item .expression-list-add:hover, .font-icon-demo .demo-item .action-list-add:hover, .font-icon-demo .demo-item .expression-controls:hover, .expression-controls .font-icon-demo .demo-item:hover, .font-icon-demo .demo-item .action-controls:hover, .action-controls .font-icon-demo .demo-item:hover, .font-icon-demo .demo-item .rule-edit:hover {
opacity : 1;
}
.font-icon-demo .demo-item .letter {
display : block;
text-align : center;
margin : 5px 0 0;
}
.font-icon-demo.with-bg .icon, .font-icon-demo.with-bg .rule-icon, .font-icon-demo.with-bg .rule-list-add, .font-icon-demo.with-bg .expression-list-add, .font-icon-demo.with-bg .action-list-add, .font-icon-demo.with-bg .expression-controls *, .expression-controls .font-icon-demo.with-bg *, .font-icon-demo.with-bg .action-controls *, .action-controls .font-icon-demo.with-bg *, .font-icon-demo.with-bg .rule-edit {
background-color : #ccc;
opacity : 1;
}
.ad-container {
text-align : center;
background-color : #fff;
}
.ad-top {
margin-bottom : 20px;
z-index : 97;
position : relative;
}
.ad-top-mobile {
padding-left : 0;
padding-right : 0;
padding-bottom : 0;
}
.ad-top-mobile-loaded {
padding-bottom : 10px;
padding-left : 1.125rem;
padding-right : 1.125rem;
float : left;
}
#ad-300x-container {
background-color : #fff;
position : fixed;
bottom : 0;
z-index : 3;
padding-bottom : 20px;
}
#ad-300x-container img {
display : block;
width : 100%;
height : auto !important ;
}
#ad-300x-container.h250 {
height : 290px;
}
#ad-300x-container.h250 iframe {
min-height : 250px;
}
#ad-300x-container.h250 .ad-unit {
padding-bottom : 83.33%;
}
#ad-300x-container.h600 {
height : 640px;
}
#ad-300x-container.h600 iframe {
height : 600px;
}
@media only screen and (max-height:55rem) {
.ad-info-box div.tabs-content div {
font-size : 14px;
}
.ad-970x90, .ad-728x90 {
height : 90px;
}
.ad-970x90 .ad-container, .ad-728x90 .ad-container {
height : 90px;
margin-left : auto;
margin-right : auto;
}
.ad-970x90 .ad-container div, .ad-728x90 .ad-container div {
transition : height 0.01s;
}
.ad-970x90.fadeTransition, .ad-728x90.fadeTransition {
opacity : 1;
transition : opacity, 0.5s;
}
.ad-970x90.fadeFix, .ad-728x90.fadeFix {
margin-left : auto;
margin-right : auto;
position : fixed;
}
.ad-970x90.faded, .ad-728x90.faded {
opacity : 0;
}
.foreplay {
width : 642px;
padding : 0;
background-color : #000 !important ;
background-image : none !important ;
height : 362px;
}
.foreplay a.close {
color : white;
font-size : 15px;
font-weight : normal;
text-shadow : -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
position : absolute;
top : 8px;
right : 10px;
}
.foreplay .ad-16x9 {
visibility : hidden;
}
.foreplay.reveal-modal {
top : 114px;
}
.foreplay #jwPlayerVideo_wrapper {
margin-left : 0;
}
.topbar {
position : fixed;
top : 20px;
height : 90px;
width : 1010px !important ;
border : grey solid 1px;
background-color : #aaa;
z-index : 2;
}
.toolbar {
height : 40px;
z-index : 4;
}
}
@media only screen and (max-width:49.9em) {
.toolbar, .no-ads .toolbar {
top : 5px;
}
.toolbar, .toolbar > nav, .toolbar > nav > div {
height : 0;
}
}
.toolbar, .toolbar > nav {
height : 0;
}
@media only screen and (min-width:50em) {
.toolbar {
position : fixed;
}
}
@media only screen and (min-width:64em) {
.toolbar {
top : 135px;
}
}
.toolbar .toolbar-icon {
display : inline-block;
width : 30px;
height : 30px;
position : relative;
transition : opacity 0.2s;
margin-right : 15px;
}
.toolbar .toolbar-icon:not(.active) {
opacity : 0.5;
}
.toolbar .toolbar-icon:not(.active):hover {
opacity : 1;
}
.toolbar .site-avatar img {
display : block;
width : 40px;
height : 40px;
}
@media only screen and (max-width:49.9em) {
.toolbar .sidebar-dropdown.open {
min-width : 300px !important ;
top : 45px !important ;
}
}
@media only screen and (min-width:50em) {
.toolbar .sidebar-dropdown.open {
position : fixed !important ;
max-width : 300px !important ;
width : 100% !important ;
top : 75px !important ;
left : auto !important ;
right : auto;
bottom : 0;
}
}
@media only screen and (min-width:64em) {
.toolbar .sidebar-dropdown.open {
top : 185px !important ;
}
}
.toolbar .sidebar-dropdown.open.no-bg {
bottom : auto;
}
@media only screen and (min-width:50em) {
.toolbar .sidebar-dropdown.open.private-menu {
width : 29.5% !important ;
}
}
.toolbar .dropdown-blog.open {
position : fixed !important ;
left : auto !important ;
width : 100% !important ;
bottom : 0;
width : 100%;
border : none;
background-color : transparent;
top : 60px !important ;
}
@media only screen and (min-width:64em) {
.toolbar .dropdown-blog.open {
top : 170px !important ;
}
}
.toolbar .dropdown-blog.open:before {
left : 18px;
top : -11px;
}
.toolbar .dropdown-blog.open:after {
left : 17px;
top : -13px;
}
.toolbar .dropdown-blog.open div.scrollable {
overflow-y : auto;
height : 100%;
}
.toolbar .dropdown-blog.open div.scrollable > ul {
background-color : #fff;
border : rgba(0, 0, 0, 0.1) solid 1px;
}
.no-ads .toolbar .dropdown-blog.open {
top : 60px !important ;
}
.toolbar .profile-button {
display : inline-block;
}
@media only screen and (max-width:49.9em) {
.toolbar .profile-button.suppress {
display : none;
}
}
@media only screen and (max-width:49.9em) {
.touch .toolbar .toolbar-icon {
padding : 25px 10px 25px 18px;
width : 58px;
height : 80px;
margin : -25px 0 0 -18px;
}
.touch .toolbar .toolbar-icon .notification-count-badge {
left : 40px;
top : 20px;
}
}
.sidebar {
position : fixed;
bottom : 0;
z-index : -2000;
}
@media only screen {
.sidebar {
top : 75px;
}
}
@media only screen and (min-width:64em) {
.sidebar {
top : 185px;
}
}

@media only screen and (max-width:40em) {
.sidebar {
visibility: hidden;
}
}

.sidebar .sidebar-container {
position : relative;
height : 100%;
}
.sidebar.menu-active {
z-index : 4;
}
.touch .sidebar, .touch .toolbar {
position : relative;
}
.touch.no-ads .toolbar {
top : 5px;
}
@media only screen and (min-width:50em) {
.no-ads .sidebar {
top : 75px;
}
.no-ads .toolbar {
top : 25px;
}
.no-ads .toolbar .sidebar-dropdown.open {
top : 75px !important ;
}
}
.popular-box {
width : 100%;
height : 90px;
overflow : hidden;
position : absolute;
top : -165px;
border-bottom : 1px solid rgba(0, 0, 0, 0.1);
}
.popular-box .strapline {
margin-bottom : 15px;
}
.popular-box .headline {
display : none;
}
.popular-box .headline:first-of-type {
display : block;
}
.popular-box .view-count {
display : block;
font-size : 0.8125rem;
font-weight : normal;
color : #aaa;
margin-top : 3px;
}
.splash .sidebar-dropdown.open {
width : 90% !important ;
top : 0 !important ;
left : 1.125rem !important ;
}
@media only screen {
.splash .sidebar-dropdown.open {
max-width : 300px;
}
}
.promoted-posts-container {
background-color : #fff;
width : 100%;
height : 270px;
position : fixed;
padding-bottom : 20px;
z-index : 2;
overflow : initial;
}
@media only screen and (max-height:55rem) {
.promoted-posts-container {
display : none !important ;
}
}
.promoted-posts-container .post-wrapper .post .meta-container .strapline .strapline-bg {
padding : 0;
}
.promoted-posts-container .promoted-posts-overlay {
background-color : #fff;
height : 260px;
z-index : 4;
position : absolute;
bottom : 0;
}
.o0 {
bottom : 0;
}
.o270 {
bottom : 270px;
}
.menu-list {
list-style-type : none;
border-bottom : 2px solid rgba(0, 0, 0, 0.2);
}
.menu-list li {
padding : 0;
border-bottom : 1px solid rgba(0, 0, 0, 0.1);
}
.menu-list li:last-child {
border-bottom : none;
}
.menu-list li.title, .menu-list li .title {
padding : 7px 10px 5px;
}
.menu-list li.title a, .menu-list li .title a {
color : #aaa;
font-size : 0.875rem;
}
.menu-list li.title:hover, .menu-list li .title:hover {
background-color : transparent;
}
.menu-list .notification-box {
padding : 10px 20px 8px 15px;
}
.menu-list .tabs-content:hover, .menu-list .tabs-content .notifications:hover {
background-color : transparent;
}
.menu-list .tabs-content:hover > li:hover, .menu-list .tabs-content .notifications:hover > li:hover {
background-color : #eee;
}
.menu-list .tabs-content .content {
padding-top : 0;
}
.menu-list .unseen {
position : relative;
}
.menu-list .unseen .txt {
padding-right : 10px;
}
.menu-list .unseen .unread-marker {
display : block;
width : 10px;
height : 10px;
border-radius : 10px;
background-color : #0093ec;
position : absolute;
right : 10px;
top : 15px;
}
.menu-list .txt {
max-width : none;
text-overflow : inherit;
white-space : normal;
}
.menu-list .txt > span {
display : block;
}
.sidebar-headlines .headline {
margin-bottom : 0.7em;
}
.sidebar-item.highlighted .headline a {
color : gray;
}
.sidebar-fade {
position : fixed;
bottom : 0;
z-index : 2;
}
@media only screen and (max-width:1024px) {
.meta-container .icon, .meta-container .rule-icon, .meta-container .rule-list-add, .meta-container .expression-list-add, .meta-container .action-list-add, .meta-container .expression-controls *, .expression-controls .meta-container *, .meta-container .action-controls *, .action-controls .meta-container *, .meta-container .rule-edit {
margin-top : -5px;
}
}
.meta-container .display-name {
font-size : 0.875rem;
font-weight : bold;
}
.meta-container .display-name .replyto-author {
font-weight : normal;
}
@media only screen and (max-width:1024px) {
.meta-container .display-name .replyto-author .icon, .meta-container .display-name .replyto-author .rule-icon, .meta-container .display-name .replyto-author .rule-list-add, .meta-container .display-name .replyto-author .expression-list-add, .meta-container .display-name .replyto-author .action-list-add, .meta-container .display-name .replyto-author .expression-controls *, .expression-controls .meta-container .display-name .replyto-author *, .meta-container .display-name .replyto-author .action-controls *, .action-controls .meta-container .display-name .replyto-author *, .meta-container .display-name .replyto-author .rule-edit {
margin-top : -3px;
}
}
.meta-container .meta-tools {
float : right;
margin-top : 1px;
}
.meta-container .meta-tools > * {
margin-left : 10px;
display : inline-block;
}
.meta-container .meta-tools a {
color : #aaa;
}
.meta-container .meta-tools a:hover {
text-decoration : none;
}
.meta {
margin-bottom : 8px;
}
.meta-avatar .avatar {
margin-top : 2px;
}
.meta-avatar .blog-name {
text-transform : uppercase;
color : #aaa;
}
.meta-avatar .first-tag {
text-transform : uppercase;
margin-right : 10px;
}
.meta-avatar .second-line a {
color : #aaa;
}
@media only screen and (max-width:37.4375em) {
.permalink .meta-avatar .floated-container {
height : auto;
}
.permalink .meta-avatar .floated-container .txt {
white-space : normal;
}
.meta-avatar .publish-time {
display : block;
}
}
#taglist {
margin-top : 10px;
}
#taglist > div {
overflow-y : auto;
position : relative;
width : 100%;
max-height : 300px;
}
#taglist a {
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
max-width : 100%;
}
.meta-container {
position : relative;
padding-right : 23px;
}
@media only screen and (min-width:66.3em) {
.meta-container {
padding-right : 0;
}
}
.meta-container.wo-dd {
padding-right : 0;
}
.meta-container.wo-dd .post-dropdown-ct {
display : none;
}
.button.post-dropdown-trigger {
position : absolute;
top : -7px;
right : -10px;
}
@media only screen and (min-width:66.3em) {
.button.post-dropdown-trigger {
right : -42px;
}
}
body:not(.permalink) .button.post-dropdown-trigger {
top : 3px;
}
@media only screen and (min-width:66.3em) {
.no-expand .meta-container {
padding-right : 23px;
}
.no-expand .button.post-dropdown-trigger {
right : -10px;
}
}
@media only screen and (min-width:66.3em) {
.post-dropdown-ct.stuck {
z-index : 1;
position : fixed;
}
.post-dropdown-ct.stuck .button.post-dropdown-trigger {
right : 0;
}
.post-dropdown-ct.stuck > .f-dropdown {
width : 200px;
}
}
.strapline {
height : 9px;
margin-bottom : 20px;
border-bottom : 1px solid #e5e5e5;
border-bottom : 1px solid rgba(0, 0, 0, 0.1);
line-height : 1.5;
white-space : nowrap;
}
.strapline, .strapline a {
color : #aaa;
}
.strapline .strapline-bg {
padding : 0 5px;
background-color : #fff;
display : inline-block;
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
max-width : 100%;
}
.strapline .strapline-bg .f-dropdown {
white-space : normal;
}
.strapline .floated-container .avatar {
margin-top : -6px;
}
.strapline .floated-container .txt {
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
max-width : none;
}
.permalink .meta-promoted .promoted-dot {
display : none;
}
@media only screen and (max-width:37.4375em) {
.permalink .meta-promoted .sponsored-label {
display : block;
}
}
.modal-body p {
line-height : 1.25;
}
.modal-body .input-wrapper {
clear : both;
}
.modal-body .input-wrapper input {
margin-bottom : 0;
}
.modal-body [type="checkbox"] {
margin-right : 5px;
vertical-align : text-top;
}
.modal-body .error .columns {
position : relative;
}
.modal-body .error .columns small.error {
margin-bottom : 0;
padding : 9px;
text-transform : none;
}
@media only screen and (max-width:767px) {
.modal-body .error .columns small.error.mobile-relative {
position : relative;
top : 0;
margin : 0 12px 0 -20px;
}
}
.modal-body .error .collapse .columns small {
right : 0;
left : 0;
}
.modal-body .scrollable {
max-height : 245px;
overflow : auto;
}
.modal-body .sharelist li:not(:last-of-type) {
height : 50px;
}
.modal-body .row {
margin : 0;
}
.reveal-modal {
z-index : 101;
overflow : hidden;
padding : 0;
box-sizing : border-box;
}
.reveal-modal .account-settings-wrapper {
margin : 0 !important ;
height : 100%;
width : 100%;
}
.reveal-modal .account-settings-wrapper > *, .reveal-modal > *, .reveal-modal > :last-child {
margin : 1.25rem;
margin-bottom : 1.25rem;
}
.reveal-modal .modal-header-container {
margin : 0 !important ;
margin-bottom : 0 !important ;
}
.reveal-modal .row {
width : auto;
}
@media only screen and (min-width:37.5em) {
.reveal-modal {
min-width : 444px;
}
}
.reveal-modal .columns, .reveal-modal .column {
padding : 0;
}
.reveal-modal header, .reveal-modal .account-settings-wrapper > header {
margin : 0;
padding : 1.25rem;
position : relative;
top : 2px;
border-bottom : 1px solid rgba(0, 0, 0, 0.1);
}
.reveal-modal header h3, .reveal-modal header .h3, .reveal-modal header .modal-close-x, .reveal-modal .account-settings-wrapper > header h3, .reveal-modal .account-settings-wrapper > header .h3, .reveal-modal .account-settings-wrapper > header .modal-close-x {
position : relative;
margin : 0;
}
.reveal-modal header .modal-close-x, .reveal-modal .account-settings-wrapper > header .modal-close-x {
position : absolute;
top : 2px;
right : 0;
color : black;
opacity : 0.300000011920928955078125;
}
.reveal-modal header .modal-close-x:hover, .reveal-modal .account-settings-wrapper > header .modal-close-x:hover {
text-decoration : none;
opacity : 0.5;
}
.reveal-modal .assetupload-form label.inline {
line-height : 24px;
}
.reveal-modal .assetupload-form .icon-container {
padding-top : 3px;
}
.reveal-modal .assetupload-form .icon-container .delete-asset {
opacity : 0.699999988079071044921875;
}
.reveal-modal .assetupload-form .icon-container .delete-asset:hover {
opacity : 1;
}
.reveal-modal .asset-preview {
overflow : hidden;
margin-top : 10px;
}
.reveal-modal .asset-preview .preview-bg {
padding : 10px 0;
background-color : #fff;
border : rgba(0, 0, 0, 0.2) solid 1px;
min-height : 62px;
}
.reveal-modal .asset-preview .preview-container {
width : 93%;
max-width : 440px;
margin : 0 auto;
}
.reveal-modal .asset-preview .asset-preview-msg .media {
height : 40px;
}
.reveal-modal .asset-preview .asset-preview-msg .media .img {
margin-right : 10px;
width : 40px;
height : 40px;
}
.reveal-modal .asset-preview .asset-preview-msg .media .img img {
opacity : 0.300000011920928955078125;
}
.reveal-modal .asset-preview .asset-preview-msg .media .bd {
line-height : 44px;
font-size : 20px;
}
.reveal-modal .asset-preview .media.preview {
width : 100%;
max-width : 440px;
height : 40px;
}
.reveal-modal .asset-preview .media.preview .img {
margin-right : 10px;
}
.reveal-modal .asset-preview .media.preview .bd {
display : block;
text-transform : uppercase;
font-size : 31px;
line-height : 44px;
font-weight : bold;
color : #222;
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
max-width : 100%;
}
.reveal-modal .asset-preview.avatar-preview .avatar {
width : 40px;
height : 40px;
}
.reveal-modal .asset-preview.logo-preview .logo {
width : auto;
height : auto;
max-width : 100%;
max-height : 40px;
margin : 0 auto;
display : block;
}
.reveal-modal .registration-form label[for="displayName"], .reveal-modal .registration-form label[for="screenNameSignUp"] {
line-height : 37px;
}
.reveal-modal .login-options {
margin-left : -1.875rem;
margin-right : -1.875rem;
}
@media only screen and (max-width:37.4375em) {
.reveal-modal .login-options {
margin-left : -1.25rem;
margin-right : -1.25rem;
}
}
.reveal-modal .login-options hr {
margin : 0;
}
.reveal-modal .login-option {
padding : 15px 0 15px 30px;
}
.reveal-modal .login-option:hover {
background-color : #e9e9e9;
text-decoration : none;
}
.reveal-modal .login-option .description {
font-weight : normal;
}
.reveal-modal .login-option-chosen, .reveal-modal .login-option {
display : block;
}
.reveal-modal .login-option-chosen .option, .reveal-modal .login-option .option {
display : inline-block;
margin : 6px 0 0 10px;
width : 80%;
}
.reveal-modal .login-option-chosen.has-text .option, .reveal-modal .has-text.login-option .option {
margin-top : -1px;
}
.reveal-modal .login-option-chosen.has-text .description, .reveal-modal .has-text.login-option .description {
display : block;
line-height : inherit;
color : #aaa;
}
.reveal-modal .key-box {
background-color : #fff;
border : #ccc solid 1px;
color : #858585;
padding : 20px 0;
}
.reveal-modal .key-box .token-container {
padding-left : 40px;
display : inline-block;
position : relative;
}
.reveal-modal .key-box .token {
display : inline-block;
margin : 10px 0;
color : #0093ec;
}
.reveal-modal .key-box .icon-burnerkey {
width : 30px;
height : 30px;
font-size : 30px;
color : #0093ec;
position : absolute;
left : -10px;
top : 15px;
}
.reveal-modal .oauth-message-container {
margin-bottom : 15px;
}
.reveal-modal .behind-button-spinner-container {
position : absolute;
z-index : -1;
bottom : 4px;
right : -3px;
}
.reveal-modal .behind-button-spinner-container > .spinner.bounce > span {
width : 12px;
height : 12px;
}
#recaptcha_area, #recaptcha_image, #recaptcha_table {
margin : 0 auto;
}
@media only screen and (max-width:37.4375em) {
#recaptcha_image {
width : 210px !important ;
}
}
.recaptcha_input_area {
margin-top : -5px !important ;
margin-bottom : -10px !important ;
}
@media only screen and (max-width:49.9em) {
.sub-nav dd {
width : 100%;
}
.sub-nav dd:not(:last-of-type) {
height : 30px;
}
}
.avatar-header .height-container {
position : relative;
top : 4px;
height : 46px;
}
.avatar-header .primary-name-container {
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
max-width : none;
}
.avatar-header .primary-name, .avatar-header .secondary-name, .avatar-header .modal-close-x {
line-height : 46px !important ;
}
.avatar-header .primary-name {
padding-left : 5px;
}
@media only screen and (min-width:50em) {
.avatar-header .secondary-name {
float : right;
padding-right : 40px;
text-transform : uppercase;
}
}
.avatar-header .modal-close-x {
top : 1px !important ;
}
#settings-form h4, #settings-form .h4 {
display : inline-block;
}
@media only screen and (max-width:49.9em) {
#settings-form h4, #settings-form .h4 {
font-size : 1rem;
}
}
#settings-form .row:not(:first-of-type) {
margin-top : 10px;
}
#settings-form .label-container {
line-height : 37px;
}
#settings-form .account-management-container {
border : #ddd solid 1px;
padding : 0 8px;
background : #fafafa;
}
#settings-form .account-management-list-cell {
line-height : 50px;
}
#settings-form .account-management-list-cell .button {
width : 100px;
padding-top : 8px;
}
#settings-form .connect .provider {
opacity : 0.5;
}
#settings-form .icon-login-option {
margin-right : 10px;
vertical-align : middle;
}
#settings-form .mini-spinner-container {
position : absolute;
top : 1px;
right : 7px;
}
#settings-form .mini-spinner-container > .spinner.bounce > span {
width : 12px;
height : 12px;
}
#twitter-connect-prompt-form .twitter-connect-button {
line-height : 24px;
background-color : #55acee;
}
#twitter-connect-prompt-form .twitter-connect-button:focus, #twitter-connect-prompt-form .twitter-connect-button:hover {
background-color : #1a8fe8;
}
#twitter-connect-prompt-form .twitter-connect-button .icon, #twitter-connect-prompt-form .twitter-connect-button .rule-icon, #twitter-connect-prompt-form .twitter-connect-button .rule-list-add, #twitter-connect-prompt-form .twitter-connect-button .expression-list-add, #twitter-connect-prompt-form .twitter-connect-button .action-list-add, #twitter-connect-prompt-form .twitter-connect-button .expression-controls *, .expression-controls #twitter-connect-prompt-form .twitter-connect-button *, #twitter-connect-prompt-form .twitter-connect-button .action-controls *, .action-controls #twitter-connect-prompt-form .twitter-connect-button *, #twitter-connect-prompt-form .twitter-connect-button .rule-edit {
position : relative;
top : 2px;
padding-right : 25px;
color : white;
opacity : 1;
}
#invite-to-post-form .invite-field {
padding-right : 30px;
}
#invite-to-post-form .invite-to-post-counter {
text-align : right;
display : block;
min-width : 10px;
bottom : auto;
right : 10px;
position : absolute;
top : 12px;
color : #ccc;
font : 12px Helvetica, Arial, sans-serif;
}
#invite-to-post-form .invite-to-post-counter.alert {
color : #f00;
}
.main-column {
float : right;
}
@media only screen and (min-width:37.5em) and (max-width:49.9em) {
.main-column > section, .main-column .post-list {
max-width : 39.75rem;
margin : 0 auto;
}
}
.js_rules-page {
padding-left : 0;
padding-right : 0;
width : 100%;
float : left;
}
.rule-list {
position : relative;
overflow-y : hidden;
}
.rule-list-blog-selector {
width : 200px;
}
.rule-list-content {
max-height : 80%;
overflow-y : auto;
}
.rule-component-editor {
height : 12rem;
width : 100%;
position : absolute;
bottom : -12rem;
background-color : #fff;
overflow-y : scroll;
z-index : 3;
}
.rule header hgroup h4, .rule header hgroup .h4 {
margin-bottom : 5px;
}
.rule header hgroup h5, .rule header hgroup .h5 {
font-size : 0.8rem;
color : #aaa;
}
.rule header:hover {
background-color : rgba(0, 0, 0, 0.1);
}
.rule.open {
position : absolute;
height : 100%;
top : 0;
z-index : 2;
}
.rule.open .rule-components {
display : block;
overflow-y : auto;
}
.rule.editing .rule-param {
padding-left : 0;
padding-right : 0;
width : 100%;
float : left;
}
.rule.editing .rule-blog-selector {
height : 8rem;
}
.rule-controls {
display : inline-block;
float : right;
}
.rule-edit {
height : 3rem;
line-height : 3rem;
}
.rule-enable-control {
display : inline-block !important ;
float : right;
height : 3rem;
line-height : 3rem;
}
.rule-enable-control input[type="checkbox"] {
display : none;
}
.rule-enable-control input[type="checkbox"] + label {
margin-left : 5px;
margin-right : 5px;
opacity : 0.60000002384185791015625;
text-transform : uppercase;
}
.rule-enable-control input[type="checkbox"] + label:hover {
opacity : 1;
}
.rule-enable-control input[type="checkbox"]:checked + label {
opacity : 1;
}
.rule-components {
padding-left : 1.125rem;
padding-right : 1.125rem;
width : 100%;
float : left;
height : 100%;
display : none;
}
.expression-list-content, .action-list-content {
padding-left : 0;
padding-right : 0;
width : 100%;
float : left;
}
.expression-list-item:hover .expression-controls {
display : inline-block !important ;
}
.expression-list-item.group-first .expression:before {
content : "(";
}
.expression-list-item.group-last .expression-param-content:last-of-type:after {
content : " )";
}
.expression-operator {
padding-left : 0;
padding-right : 0;
width : 4.16667%;
float : left;
}
.expression-operator input[type="radio"] {
display : none;
}
.expression-operator input[type="radio"] + label {
display : none;
padding-left : 5px;
text-transform : uppercase;
}
.expression-operator input[type="radio"]:checked + label {
display : inline;
}
.expression-controls {
padding-left : 0;
padding-right : 0;
width : 9.16667%;
float : left;
display : none !important ;
}
.expression-list-controls {
padding-left : 0;
padding-right : 0;
width : 100%;
float : left;
}
.expression:first-child:not(.editing) .expression-negation {
padding-left : 0;
padding-right : 0;
width : 4.16667%;
float : left;
margin-left : 4.16667% !important ;
}
.expression:first-child:not(.editing) .expression-content {
padding-left : 0;
padding-right : 0;
width : 74.16667%;
float : left;
margin-left : 8.33333% !important ;
}
.expression.editing .expression-content {
padding-left : 1.125rem;
padding-right : 1.125rem;
width : 91.66667%;
float : left;
height : 7rem;
margin-left : 0 !important ;
padding-top : 10px;
padding-bottom : 10px;
}
.expression.editing .expression-content label {
display : block;
}
.expression.editing .expression-negation {
height : 7rem;
line-height : 7rem;
}
.expression-edit-controls {
display : block !important ;
}
.expression-negation {
padding-left : 0;
padding-right : 0;
width : 4.16667%;
float : left;
}
.expression-negation input[type="checkbox"] {
display : none;
}
.expression-negation input[type="checkbox"] + label {
color : #aaa;
display : inline-block;
text-transform : uppercase;
}
.expression-negation input[type="checkbox"]:checked + label {
color : #4d4d4d;
}
.expression-content {
padding-left : 0;
padding-right : 0;
width : 74.16667%;
float : left;
margin-left : 8.33333% !important ;
white-space : nowrap;
text-overflow : ellipsis;
overflow : hidden;
}
.expression-param-heading {
margin-right : 5px;
font-weight : bold;
}
.action-heading {
padding-left : 0;
padding-right : 0;
width : 16.66667%;
float : left;
}
.action-heading span {
text-transform : uppercase;
}
.action-content {
padding-left : 0;
padding-right : 0;
width : 74.16667%;
float : left;
}
.action-content .action-param-heading {
font-weight : bold;
}
.rule .action:hover:not(.editing) .action-controls, .rule-component-editor .action:hover:not(.editing) .action-controls {
display : inline-block !important ;
}
.rule .action:not(.editing), .rule-component-editor .action:not(.editing) {
height : 2rem;
line-height : 2rem;
}
.rule .action:not(.editing) .action-heading, .rule-component-editor .action:not(.editing) .action-heading {
padding-left : 5px;
height : 2rem;
line-height : 2rem;
}
.rule .action:not(.editing) .action-content, .rule-component-editor .action:not(.editing) .action-content {
height : 2rem;
line-height : 2rem;
}
.rule .action:not(.editing) .action-param, .rule-component-editor .action:not(.editing) .action-param {
display : inline-block;
}
.rule .action:not(.editing) .action-param:not(:first-child), .rule-component-editor .action:not(.editing) .action-param:not(:first-child) {
margin-left : 10px;
}
.rule .action.editing > *, .rule-component-editor .action.editing > * {
padding : 10px 0;
display : block !important ;
}
.rule .action.editing .action-content, .rule-component-editor .action.editing .action-content {
padding-left : 0;
padding-right : 0;
width : 100%;
float : left;
}
.action-edit-controls {
display : block !important ;
}
.action-controls {
padding-left : 0;
padding-right : 0;
width : 9.16667%;
float : left;
display : none !important ;
}
.action-delete:first-child {
margin-left : 35px !important ;
}
.expression-list, .action-list {
margin-top : 20px;
margin-bottom : 20px;
}
.rule-list-add, .expression-list-add, .action-list-add {
margin-top : 10px;
margin-bottom : 10px;
}
.rule-placeholder, .expression-placeholder, .action-placeholder {
display : none;
}
.rule-icon, .rule-list-add, .expression-list-add, .action-list-add, .expression-controls *, .action-controls *, .rule-edit {
margin-left : 5px;
margin-right : 5px;
top : 0;
opacity : 0.60000002384185791015625;
}
.rule-icon-hover:hover, .rule-list-add:hover, .expression-list-add:hover, .action-list-add:hover, .expression-controls:hover, .action-controls:hover, .rule-edit:hover {
opacity : 1;
}
.rule-list-controls, .expression-list-controls, .action-list-controls {
padding-top : 5px;
padding-bottom : 5px;
}
.rule-list-add:hover, .expression-list-add:hover, .action-list-add:hover {
text-decoration : none;
}
.expression-controls *, .action-controls * {
height : 2rem;
line-height : 2rem;
}
#rulesystem-form .rule-list {
height : 25rem;
}
#rulesystem-form .rule-list-content {
height : auto;
max-height : 23rem;
}
#rulesystem-form .rule-component-editor {
height : 12rem;
}
#rulesystem-form .rule {
max-height : 25rem;
}
#rulesystem-form .rule-components {
height : 22rem;
}
#rulesystem-form .rule-list-blog-selector {
display : none;
}
.main-column {
float : right;
}
@media only screen and (min-width:37.5em) and (max-width:49.9em) {
.main-column > section, .main-column .post-list {
max-width : 39.75rem;
margin : 0 auto;
}
}
.site-icon {
background-image : url("/assets/images/site-icons-sc84ef0cf7c.png");
width : 16px;
height : 16px;
}
.site-icon-gawker {
background-position : 0 -16px;
}
.site-icon-deadspin {
background-position : 0 0;
}
.site-icon-jezebel {
background-position : 0 -112px;
}
.site-icon-gizmodo {
background-position : 0 -32px;
}
.site-icon-io9 {
background-position : 0 -96px;
}
.site-icon-jalopnik {
background-position : 0 -64px;
}
.site-icon-kotaku {
background-position : 0 -48px;
}
.site-icon-lifehacker {
background-position : 0 -80px;
}
.new-splash-sprite, .new-splash-burner, .new-splash-facebook, .new-splash-google, .new-splash-gradientbg, .new-splash-kinjatype, .new-splash-twitter {
background : url("/assets/images/new-splash-s26777aa9ce.png") no-repeat;
}
.new-splash-burner {
background-position : 0 -150px;
}
.new-splash-facebook {
background-position : 0 -174px;
}
.new-splash-google {
background-position : 0 -102px;
}
.new-splash-gradientbg {
background-position : 0 -198px;
}
.new-splash-kinjatype {
background-position : 0 0;
}
.new-splash-twitter {
background-position : 0 -126px;
}
.spinner.bounce {
display : block;
margin : auto;
width : 60px;
text-align : center;
height : 18px;
}
.spinner.bounce > span {
width : 18px;
height : 18px;
background-color : #ccc;
border-radius : 100%;
display : inline-block;
animation : bouncedelay 0.8s ease-in-out infinite;
animation-fill-mode : both;
}
.spinner.bounce .one {
animation-delay : -0.32s;
}
.spinner.bounce .two {
animation-delay : -0.16s;
}
.spinner-wrapper.with-margin {
margin : 1em 0 1em 0;
}
.loading-full {
background-color : #fff;
background-color : rgba(255, 255, 255, 0.8);
display : block;
}
.loading-full.animate {
opacity : 0;
}
.loading-full.animate.in {
transition : opacity 0.25s 0s ease-in-out;
opacity : 1;
}
.loading-full .loading-message-box {
position : absolute;
top : 50%;
left : 50%;
width : 250px;
height : 160px;
margin : -80px 0 0 -125px;
text-align : center;
}
.loading-full .loading-message-box .message, .loading-full .loading-message-box .message-still {
color : #222;
font-weight : bold;
margin-bottom : 0.5em;
}
.loading-full .loading-message-box .message-still {
display : none;
}
.loading-full .spinner.bounce > span {
background-color : #222;
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform : scale(0.8);
}
40% {
transform : scale(1);
}
}
.post {
clear : both;
}
body:not(.permalink) .post {
margin-bottom : 2rem;
}
body:not(.permalink) .post .meta-container {
border-top : 1px dotted rgba(0, 0, 0, 0.1);
padding-top : 10px;
margin-bottom : -5px;
}
.touch:not(.permalink) .post {
margin : -1rem -1.125rem 1rem;
padding : 1rem 1.125rem;
}
.touch:not(.permalink) .post:hover {
background-color : #f5f5f5;
}
.touch:not(.permalink) .post:hover .strapline-bg {
background-color : #f5f5f5;
}
.post .item-content p {
margin-bottom : 0;
}
.post .marquee {
display : block;
width : 100%;
margin-bottom : 1em;
}
.post .marquee-asset, .post .fullwidth-for-small {
margin-top : 0.9rem;
}
@media only screen and (max-width:37.4375em) {
.post .marquee-asset, .post .fullwidth-for-small {
margin-bottom : 1rem;
margin-left : -1.125rem;
margin-right : -1.125rem;
}
}
.post .marquee-asset img, .post .fullwidth-for-small img {
display : block;
margin : 0 auto;
}
.post .headline {
margin-bottom : 0.4rem;
}
.main-media img {
display : block;
width : 100%;
}
@media only screen and (min-width:37.5em) {
.row.package {
margin-top : 1.5rem;
}
.row.package p {
position : relative;
top : -8px;
}
.row.package .columns:not(.large-12) {
border-right : 1px solid rgba(0, 0, 0, 0.1);
}
.row.package .columns.thumb-inset {
border : none;
}
.row.standard-package {
margin-top : 0.9rem;
}
.row.standard-package .main-media {
float : right;
margin : 0 0 0 1.125rem;
}
.row.standard-package .main-media .img-border {
height : 0;
padding-bottom : 56%;
margin-bottom : 8px;
overflow : hidden;
}
.row.standard-package .columns.large-12 .main-media, .row.standard-package .columns.medium-12 .main-media {
width : 20.8%;
float : left;
margin-left : 0;
margin-right : 1.125rem;
}
.row.standard-package .columns.large-9 .main-media, .row.standard-package .columns.medium-9 .main-media {
width : 28.2%;
}
.row.standard-package .columns.large-6 .main-media, .row.standard-package .columns.medium-6 .main-media {
width : 44%;
}
.marquee-package {
margin-top : 1em;
}
.marquee-package .columns {
border : none;
}
}
.thumb-inset a {
display : block;
}
.thumb-inset a, .thumb-inset a:hover, .thumb-inset a:focus {
color : black;
}
.thumb-inset .img-border {
height : 0;
padding-bottom : 56%;
margin-bottom : 7px;
overflow : hidden;
}
.thumb-inset .thumb {
display : block;
width : 100%;
}
.thumb-inset .inset-headline {
font-size : 15px;
font-weight : bold;
line-height : 1.2;
color : #333;
display : block;
}
@media only screen and (min-width:50em) {
.thumb-inset .inset-headline {
width : 115%;
}
}
.videoThumbPlay {
position : relative;
display : block;
}
.videoThumbPlay .playIcon {
display : block;
position : absolute;
left : 10px;
bottom : 10px;
width : 37px;
height : 37px;
background-size : 37px 37px;
background-image : url('http://c.kinja-static.com/assets/images/icons/icon-play-medium.png?ba65ec38406ddc0422715c042078cb05');
}
.marquee-asset .playIcon {
width : 74px;
height : 74px;
background-size : 74px 74px;
background-image : url('http://c.kinja-static.com/assets/images/icons/icon-play-large.png?74aee8fd4c3792113996aebc6e2adb25');
}
.lazy-gif {
cursor : pointer;
position : relative;
display : block;
}
.lazy-gif::before, .lazy-gif::after {
display : block;
line-height : 18px;
opacity : 0;
position : absolute;
color : #fff;
transition-property : opacity;
transition-duration : 0.5s;
}
.lazy-gif::before {
font-weight : bold;
font-size : 18px;
bottom : 10px;
left : 10px;
content : 'GIF ';
padding : 4px 5px 2px 7px;
border-radius : 3px;
width : 48px;
height : 24px;
background : url('http://c.kinja-static.com/assets/images/ajax-loader-sm-dark-bg.gif?274f5a5ce5a87c83f93ccb1cac16362d') center center no-repeat #000;
background-size : 16px 16px;
background-position : -9999px -9999px;
}
.lazy-gif:hover::before, .lazy-gif:active::before, .lazy-gif:hover::after, .lazy-gif:active::after {
color : #0093ec;
}
.lazy-gif::after {
content : 'T';
font-family : 'KinjaIcons';
bottom : 11px;
left : 43px;
font-size : 15px;
}
.lazy-gif.thawable::before, .lazy-gif.thawable::after {
opacity : 1;
}
.lazy-gif.thawing::before, .lazy-gif.thawing::after {
opacity : 1;
content : '';
background-position : center center;
}
.lazy-gif.thawed::before, .lazy-gif.thawed::after {
display : none;
opacity : 0;
}
.hovered .read-more a {
text-decoration : underline;
}
.post-item-tag .first-text:hover, .post-item-frontpage .first-text:hover {
cursor : pointer;
}
.post-event .event-content {
margin-top : 1rem;
}
.post-event .event-content p {
margin-bottom : 0;
}
.compact-quote {
position : relative;
border-right : none !important ;
margin-top : -1.3125rem !important ;
padding-left : 0;
background : transparent;
}
.compact-quote a {
z-index : 1;
position : relative;
color : black !important ;
display : block;
font-style : italic;
}
.compact-quote .author-thumb {
position : relative;
z-index : 1;
float : left;
margin : 5px 10px 0 0;
height : 40px;
border : rgba(0, 0, 0, 0.1) solid 1px;
}
.recommended-package .icon, .recommended-package .rule-icon, .recommended-package .rule-list-add, .recommended-package .expression-list-add, .recommended-package .action-list-add, .recommended-package .expression-controls *, .expression-controls .recommended-package *, .recommended-package .action-controls *, .action-controls .recommended-package *, .recommended-package .rule-edit {
opacity : 0.300000011920928955078125;
}
.reply-excerpt p {
font-style : italic;
}
.reply-excerpt p .read-more {
font-style : normal;
}
.post-content p:last-child, .post-content p:only-child, .editor-alpha .redactor_editor p:last-child, .editor-alpha .redactor_editor p:only-child {
margin-bottom : 0;
}
.post-content p:last-child.has-media img, .post-content p:last-child.has-media .flex-video, .post-content p:only-child.has-media img, .post-content p:only-child.has-media .flex-video, .editor-alpha .redactor_editor p:last-child.has-media img, .editor-alpha .redactor_editor p:last-child.has-media .flex-video, .editor-alpha .redactor_editor p:only-child.has-media img, .editor-alpha .redactor_editor p:only-child.has-media .flex-video {
margin-bottom : 0;
}
.post-content .asset-loading, .editor-alpha .redactor_editor .asset-loading {
border : rgba(0, 0, 0, 0.1) solid 1px;
background : url('http://c.kinja-static.com/assets/images/loader-editor-imageplaceholder.gif?0ccfcd760b7e6a3d0eb7944ec51cffaa') center no-repeat #f5f5f5;
}
.post-content .asset-loading img, .editor-alpha .redactor_editor .asset-loading img {
display : none;
}
.post-content .has-media, .editor-alpha .redactor_editor .has-media {
margin-bottom : 0;
}
.post-content .has-media .img-border, .editor-alpha .redactor_editor .has-media .img-border {
clear : both;
margin-bottom : 1.5rem;
}
.post-content .has-media .img-border:after, .editor-alpha .redactor_editor .has-media .img-border:after {
border : none !important ;
}
.post-content .has-media .flex-video, .editor-alpha .redactor_editor .has-media .flex-video {
margin-bottom : 1.5rem;
}
@media only screen and (min-width:37.5em) {
.post-content .has-media.media-300, .post-content .has-media.media-470, .editor-alpha .redactor_editor .has-media.media-300, .editor-alpha .redactor_editor .has-media.media-470 {
padding : 5px 1.125rem 0 0;
margin : 0 1.125rem 0 0;
width : 50%;
float : left;
}
.post-content .has-media.media-300 img, .post-content .has-media.media-470 img, .editor-alpha .redactor_editor .has-media.media-300 img, .editor-alpha .redactor_editor .has-media.media-470 img {
max-width : 100%;
}
.post-content .has-media.media-300 .flex-video, .post-content .has-media.media-470 .flex-video, .editor-alpha .redactor_editor .has-media.media-300 .flex-video, .editor-alpha .redactor_editor .has-media.media-470 .flex-video {
width : 100%;
}
.post-content .has-media.media-300 a, .post-content .has-media.media-300 .lightBoxWrapper, .post-content .has-media.media-470 a, .post-content .has-media.media-470 .lightBoxWrapper, .editor-alpha .redactor_editor .has-media.media-300 a, .editor-alpha .redactor_editor .has-media.media-300 .lightBoxWrapper, .editor-alpha .redactor_editor .has-media.media-470 a, .editor-alpha .redactor_editor .has-media.media-470 .lightBoxWrapper {
max-width : 300px;
}
}
.post-content .has-media.media-640, .editor-alpha .redactor_editor .has-media.media-640 {
width : 100%;
clear : both;
}
.post-content .has-media.media-640 .img-border, .editor-alpha .redactor_editor .has-media.media-640 .img-border {
max-width : 640px;
margin-left : auto;
margin-right : auto;
}
.post-content .has-media.media-640 .img-border:after, .editor-alpha .redactor_editor .has-media.media-640 .img-border:after {
border : none !important ;
}
.post-content blockquote, .editor-alpha .redactor_editor blockquote {
clear : both;
overflow : visible;
font-style : italic;
background-color : #f5f5f5;
}
.post-content blockquote cite, .editor-alpha .redactor_editor blockquote cite {
text-align : right;
font-style : normal;
}
.post-content ul, .post-content ol, .editor-alpha .redactor_editor ul, .editor-alpha .redactor_editor ol {
margin-left : 1.125rem;
margin-bottom : 1.5rem;
}
.post-content ul:last-child, .post-content ol:last-child, .editor-alpha .redactor_editor ul:last-child, .editor-alpha .redactor_editor ol:last-child {
margin-bottom : 0;
}
.post-content ul li, .post-content ol li, .editor-alpha .redactor_editor ul li, .editor-alpha .redactor_editor ol li {
padding-left : 1.125rem;
margin-bottom : 6px;
}
.post-content ul li .img-border:after, .post-content ol li .img-border:after, .editor-alpha .redactor_editor ul li .img-border:after, .editor-alpha .redactor_editor ol li .img-border:after {
display : none;
}
.post-content ul li .img-border img, .post-content ol li .img-border img, .editor-alpha .redactor_editor ul li .img-border img, .editor-alpha .redactor_editor ol li .img-border img {
border : rgba(0, 0, 0, 0.1) solid 1px;
}
.post-content ul, .editor-alpha .redactor_editor ul {
position : relative;
}
.post-content ul li:before, .editor-alpha .redactor_editor ul li:before {
position : absolute;
content : '\b7';
margin : -9px 0 0 -32px;
font-weight : bold;
font-size : 24px;
}
.post-content ol, .editor-alpha .redactor_editor ol {
counter-reset : item;
position : relative;
}
.post-content ol li:before, .editor-alpha .redactor_editor ol li:before {
position : absolute;
width : 1.125rem;
content : counter(item) ". ";
counter-increment : item;
margin : 0 0 0 -2rem;
font-weight : normal;
font-size : 0.9375rem;
}
.post-content hr.stars, .editor-alpha .redactor_editor hr.stars {
text-align : center;
border : none;
}
.post-content hr.stars:after, .editor-alpha .redactor_editor hr.stars:after {
content : "***";
letter-spacing : 5px;
display : inline-block;
position : relative;
top : -0.2rem;
}
.permalink .post header .headline {
margin-top : 0.3rem;
margin-bottom : 1rem;
}
.permalink .post .meta-container {
margin-bottom : 2.2rem;
}
@media only screen and (max-width:37.4375em) {
.permalink .post .meta-container {
margin-bottom : 1rem;
}
}
.shared {
margin-bottom : 3.4rem;
}
.shared .content-wrapper {
background-color : #f5f5f5;
padding-top : 24px;
border : #dddddd solid 1px;
}
.shared .referenced-label {
background-color : #f5f5f5;
}
.post .recommend {
display : none;
position : absolute;
top : 0;
right : 0;
padding : 10px;
background-color : rgba(0, 0, 0, 0.5);
}
.post .recommend.active .icon, .post .recommend.active .rule-icon, .post .recommend.active .rule-list-add, .post .recommend.active .expression-list-add, .post .recommend.active .action-list-add, .post .recommend.active .expression-controls *, .expression-controls .post .recommend.active *, .post .recommend.active .action-controls *, .action-controls .post .recommend.active *, .post .recommend.active .rule-edit {
color : #0093ec;
}
.post .flex-video:hover .recommend, .post .img-border:hover .recommend {
display : block;
}
.post a[x-inset="hidden"] {
display : none;
}
pre {
box-shadow : 0 0 5px 0 rgba(0, 0, 0, 0.5) inset;
display : block;
overflow : auto;
padding : 1.125rem;
margin : 0 0 1.5rem;
background-color : white;
width : auto;
word-break : break-all;
font-family : Courier, monospace;
font-size : 0.9375rem;
}
.gist pre {
box-shadow : none;
}
code {
background-color : #f5f5f5;
color : #333;
padding : 0 7px;
display : inline-block;
}
.referenced-item .img-border img {
border : rgba(0, 0, 0, 0.1) solid 1px;
}
.referenced-wide {
clear : both;
float : none;
margin : 0 0 1.5rem;
padding : 0;
}
@media only screen and (min-width:37.5em) {
.referenced-wide.right {
margin : 8px 0 8px 1.125rem;
padding : 0 0 0 1.125rem;
}
}
.referenced-wide .container {
border-top : 1px solid rgba(0, 0, 0, 0.3);
border-bottom : 1px solid rgba(0, 0, 0, 0.3);
padding : 1.125rem 0 12px;
}
.referenced-wide .headline {
margin-bottom : 3px;
}
.referenced-wide .referenced-nav .nav-arrow {
position : absolute;
z-index : 1;
top : 90px;
padding : 0 12px;
cursor : pointer;
}
.referenced-wide .referenced-nav .nav-arrow.prev {
left : -30px;
}
.referenced-wide .referenced-nav .nav-arrow.next {
right : -30px;
}
@media only screen and (max-width:37.4375em) {
.referenced-wide .referenced-item {
margin-bottom : 1rem;
}
.referenced-wide .referenced-item:last-child {
margin-bottom : 0;
}
.referenced-wide .referenced-item img {
width : 100%;
}
}
.referenced-wide.referenced-fullwidth .container {
position : relative;
border-top-width : 0;
border-bottom-width : 0;
padding : 0 2.25rem;
}
.referenced-wide.referenced-fullwidth .referenced-nav .nav-arrow {
top : 0;
padding : 0;
}
.referenced-wide.referenced-fullwidth .referenced-nav .nav-arrow.prev {
left : 0;
}
.referenced-wide.referenced-fullwidth .referenced-nav .nav-arrow.next {
right : 0;
}
.referenced-wide.referenced-fullwidth .referenced-nav .nav-arrow a {
height : 70px;
line-height : 70px;
width : 25px;
border : rgba(0, 0, 0, 0.1) solid 1px;
color : #aaa;
display : block;
}
.referenced-wide.referenced-fullwidth .referenced-nav .nav-arrow a:hover {
background-color : #e6e6e6;
color : #222;
}
.referenced-wide.referenced-fullwidth .referenced-item-image {
padding-left : 0;
}
.referenced-wide.referenced-fullwidth .referenced-item-placeholder .img-placeholder {
background : url('http://c.kinja-static.com/assets/images/loader-editor-imageplaceholder.gif?0ccfcd760b7e6a3d0eb7944ec51cffaa') center center no-repeat #fff;
display : block;
}
.referenced-wide.referenced-fullwidth .referenced-item-placeholder .k-small {
background-size : contain;
width : 117px;
height : 66px;
}
.referenced-wide.referenced-fullwidth .referenced-item-w-avatar .referenced-item-image {
width : 30px;
float : left;
}
.referenced-wide.referenced-fullwidth .referenced-item-w-avatar .headline, .referenced-wide.referenced-fullwidth .referenced-item-w-avatar .text {
margin-left : 30px;
padding-left : 1rem;
}
.referenced-wide.referenced-fullwidth .readmore-referenced {
display : block;
color : #aaa;
}
.referenced-wide.referenced-fullwidth .readmore-referenced .hostname {
font-weight : bold;
}
@media only screen and (max-width:37.4375em) {
.referenced-wide.referenced-fullwidth .container {
padding-left : 0;
padding-right : 0;
}
}
@media only screen and (max-width:20em) {
.referenced-wide.referenced-fullwidth .full-headline {
display : none;
}
.referenced-wide.referenced-fullwidth .medium-headline {
display : none;
}
}
@media only screen and (min-width:20.0625em) and (max-width:37.4375em) {
.referenced-wide.referenced-fullwidth .full-headline {
display : none;
}
.referenced-wide.referenced-fullwidth .small-headline {
display : none;
}
}
@media only screen and (min-width:37.5em) {
.referenced-wide.referenced-fullwidth .medium-headline {
display : none;
}
.referenced-wide.referenced-fullwidth .small-headline {
display : none;
}
}
.referenced-label {
color : rgba(0, 0, 0, 0.3);
font-weight : bold;
background-color : #fff;
padding-left : 10px;
position : relative;
z-index : 1;
float : right;
top : -5px;
font-size : 0.875rem;
line-height : 0.875rem;
}
.reframe-inset {
margin-top : 25px;
}
.reframe-inset .thumb {
display : block;
margin-bottom : 7px;
}
.reframe-inset .headline {
width : 115%;
}
.reframe-inset.with-excerpt .thumb {
float : left;
margin-right : 1.125rem;
margin-bottom : 5px;
}
.reframe-inset.with-excerpt .headline {
width : auto;
margin-bottom : 3px;
margin-top : -2px;
}
.reframe-inset.with-excerpt p {
line-height : 1.5;
font-size : 0.875rem;
margin-bottom : 0;
}
.referenced-wrapper .with-excerpt:nth-child(3) {
display : none;
}
.referenced-item-amazon .headline {
margin : 0;
}
.referenced-item-amazon p {
margin : 0;
line-height : 1.2;
font-size : 0.875rem;
}
.referenced-item-amazon .button-conversions a, .referenced-item-amazon .button-conversions > span {
display : inline-block;
}
.referenced-item-amazon .button {
background-color : #F5C056;
color : #000;
box-shadow : 0 0 0 #f5c056 inset;
line-height : 1.2;
font-style : normal;
margin-right : 10px;
}
.referenced-item-amazon:hover .button {
background-color : #FFCC66;
box-shadow : 0 -1px 0 #f5c056 inset;
}
.referenced-item-amazon .icon, .referenced-item-amazon .rule-icon, .referenced-item-amazon .rule-list-add, .referenced-item-amazon .expression-list-add, .referenced-item-amazon .action-list-add, .referenced-item-amazon .expression-controls *, .expression-controls .referenced-item-amazon *, .referenced-item-amazon .action-controls *, .action-controls .referenced-item-amazon *, .referenced-item-amazon .rule-edit {
margin-right : 5px;
top : 0;
color : #aaa;
}
.referenced-item-amazon .price-line a {
color : #333;
}
@media only screen and (max-width:37.4375em) {
.referenced-item-amazon .button-conversions span {
white-space : nowrap;
}
}
.referenced-fullwidth .referenced-item-amazon p {
margin : 3px 0;
}
.referenced-fullwidth .referenced-item-amazon .img-border img {
margin : 0 auto;
}
.google-adsense .container {
background-color : #f5f5f5;
line-height : 18px;
padding : 5px 1.125rem;
}
.google-adsense .by-google {
color : black;
font-size : 14px;
}
.google-adsense .google-headline {
color : #333;
}
.text-annotation-footnote-wrapper {
display : inline-block;
}
.text-annotation-footnote {
position : relative;
font-size : 14px;
font-weight : bold;
text-align : center;
background-color : #ddd;
color : white;
display : inline-block;
min-width : 15px;
padding : 0 2px;
height : 15px;
line-height : 16px;
border-radius : 15px;
margin-left : 7px;
cursor : pointer;
vertical-align : middle;
}
.text-annotation-footnote .arrow {
display : none;
z-index : 3;
}
.text-annotation-footnote:not(.selected) a {
color : #666;
}
.text-annotation-footnote.selected a, .text-annotation-footnote.selected a:hover {
color : white;
text-decoration : none;
}
.text-annotation-footnote.selected .arrow {
display : block;
position : absolute;
content : "";
display : block;
width : 0;
height : 0;
border : solid 7px;
border-color : transparent transparent #ccc transparent;
left : 0;
top : 14px;
z-index : 5;
}
.text-annotation-footnote.selected .arrow:after {
position : absolute;
z-index : 1;
content : "";
display : block;
width : 0;
height : 0;
border : solid 6px;
border-color : transparent transparent #fff transparent;
left : -6px;
top : -5px;
}
.touch .text-annotation-footnote {
min-width : 30px;
line-height : 30px;
height : 30px;
}
.touch .text-annotation-footnote.selected .arrow {
left : 8px;
top : 26px;
}
.show-all-footnotes .ellipsis {
cursor : pointer;
color : #aaa;
display : inline-block;
position : relative;
margin-left : 7px;
}
.text-annotation-button {
position : relative;
font-size : 16px;
text-align : center;
color : #666;
display : inline-block;
margin-left : 7px;
cursor : pointer;
left : auto;
transition : all 0.1s linear;
opacity : 0;
font-style : normal;
vertical-align : middle;
}
.text-annotation-button-shown, .text-annotation-button-clicked {
opacity : 1;
}
.annotation-inset-under {
z-index : 3;
margin-top : -11px;
margin-bottom : 16px;
padding : 0;
position : absolute;
width : 95%;
}
.annotation-inset-under .hide-text-annotation, .annotation-inset-under .hide-image-annotation {
position : relative;
z-index : 2;
margin : 10px 10px 0 0;
}
.annotation-inset-under .hide-text-annotation .icon, .annotation-inset-under .hide-text-annotation .rule-icon, .annotation-inset-under .hide-text-annotation .rule-list-add, .annotation-inset-under .hide-text-annotation .expression-list-add, .annotation-inset-under .hide-text-annotation .action-list-add, .annotation-inset-under .hide-text-annotation .expression-controls *, .expression-controls .annotation-inset-under .hide-text-annotation *, .annotation-inset-under .hide-text-annotation .action-controls *, .action-controls .annotation-inset-under .hide-text-annotation *, .annotation-inset-under .hide-text-annotation .rule-edit, .annotation-inset-under .hide-image-annotation .icon, .annotation-inset-under .hide-image-annotation .rule-icon, .annotation-inset-under .hide-image-annotation .rule-list-add, .annotation-inset-under .hide-image-annotation .expression-list-add, .annotation-inset-under .hide-image-annotation .action-list-add, .annotation-inset-under .hide-image-annotation .expression-controls *, .expression-controls .annotation-inset-under .hide-image-annotation *, .annotation-inset-under .hide-image-annotation .action-controls *, .action-controls .annotation-inset-under .hide-image-annotation *, .annotation-inset-under .hide-image-annotation .rule-edit {
opacity : 0.300000011920928955078125;
}
.annotation-inset-under .annotation-content {
position : relative;
padding : 15px 15px 10px;
background : #fff;
border : #ccc solid 1px;
}
.annotation-inset-under .annotation-content p, .annotation-inset-under .annotation-content p.media-300 {
margin-bottom : 12px;
}
blockquote + .annotation-inset-under {
margin-top : -26px;
}
.has-media .text-annotation-footnote.selected .arrow {
top : 15px;
}
.has-media .annotation-inset-under {
z-index : 3;
position : absolute;
margin : 0;
top : 34px;
width : 100%;
}
.image-annotation-footnote-wrapper {
display : block;
position : relative;
width : 100%;
top : -22px;
}
.touch .image-annotation-footnote-wrapper {
padding : 10px 0;
}
.touch .has-media .text-annotation-footnote .arrow {
top : 27px;
}
.touch .has-media .annotation-inset-under {
top : 50px;
}
.post-bottom {
margin : 1rem 0;
}
.post-bottom .fb-like {
float : left;
width : auto !important ;
}
.post-bottom .reply-to-post {
margin-top : 2px;
color : #aaa;
}
.post-bottom .reply-to-post .icon, .post-bottom .reply-to-post .rule-icon, .post-bottom .reply-to-post .rule-list-add, .post-bottom .reply-to-post .expression-list-add, .post-bottom .reply-to-post .action-list-add, .post-bottom .reply-to-post .expression-controls *, .expression-controls .post-bottom .reply-to-post *, .post-bottom .reply-to-post .action-controls *, .action-controls .post-bottom .reply-to-post *, .post-bottom .reply-to-post .rule-edit {
margin-left : 7px;
}
.annotationHighlightBox {
width : 100px;
height : 100px;
border : #FFF solid 1px;
position : absolute;
z-index : 10;
box-shadow : 0 0 5px #000;
}
.private-post-list {
border-bottom : 2px solid #869195;
}
.stream {
padding-bottom : 0 !important ;
}
.stream .meta .publish-time .icon, .stream .meta .publish-time .rule-icon, .stream .meta .publish-time .rule-list-add, .stream .meta .publish-time .expression-list-add, .stream .meta .publish-time .action-list-add, .stream .meta .publish-time .expression-controls *, .expression-controls .stream .meta .publish-time *, .stream .meta .publish-time .action-controls *, .action-controls .stream .meta .publish-time *, .stream .meta .publish-time .rule-edit {
margin : 0 5px;
}
.stream .post-dropdown-ct {
display : none;
}
.unshare-bloglist {
position : absolute;
top : 0;
right : 0;
z-index : 10;
}
.unshare-bloglist .unshare-bloglist-title, .unshare-bloglist .unshare-bloglist-select {
display : inline-block;
vertical-align : middle;
}
.unshare-bloglist .unshare-bloglist-title {
padding : 0 3px;
background-color : #fff;
margin : 0 10px 0 0;
}
.unshare-bloglist .unshare-bloglist-select {
margin-bottom : 0;
}
.text-red {
color : red;
}
.post-content.new-annotation {
position : relative;
}
.post-content.new-annotation h1 .arrow, .post-content.new-annotation .h1 .arrow, .post-content.new-annotation h2 .arrow, .post-content.new-annotation .h2 .arrow, .post-content.new-annotation h3 .arrow, .post-content.new-annotation .h3 .arrow, .post-content.new-annotation .reveal-modal header .modal-close-x .arrow, .reveal-modal header .post-content.new-annotation .modal-close-x .arrow, .post-content.new-annotation h4 .arrow, .post-content.new-annotation .h4 .arrow, .post-content.new-annotation h5 .arrow, .post-content.new-annotation .h5 .arrow, .post-content.new-annotation h6 .arrow, .post-content.new-annotation .h6 .arrow {
display : none !important ;
}
.post-content.new-annotation .has-media .annotation-footnote-wrapper {
display : block;
margin-top : -22px;
margin-bottom : 22px;
}
.post-content.new-annotation .has-media .annotation-inset-under {
top : auto;
}
.post-content.new-annotation .annotation-footnote-wrapper {
display : inline-block;
font-style : normal;
}
.post-content.new-annotation .annotation-footnote .arrow-aligner {
position : relative;
}
.post-content.new-annotation .annotation-footnote a.annotation-footnote-link {
position : relative;
font-size : 14px;
font-weight : bold;
text-align : center;
background-color : #ddd;
color : white;
display : inline-block;
min-width : 18px;
padding : 0 2px;
height : 18px;
line-height : 18px;
border-radius : 15px;
margin-left : 7px;
cursor : pointer;
vertical-align : middle;
}
.post-content.new-annotation .annotation-footnote .arrow {
display : none;
z-index : 3;
}
.post-content.new-annotation .annotation-footnote:not(.selected) a {
color : #666;
}
.post-content.new-annotation .annotation-footnote.selected a.annotation-footnote-link, .post-content.new-annotation .annotation-footnote.selected a.annotation-footnote-link:hover {
color : white;
text-decoration : none;
}
.post-content.new-annotation .annotation-footnote.selected .arrow {
display : block;
position : absolute;
content : "";
display : block;
width : 0;
height : 0;
border : solid 7px;
border-color : transparent transparent #ccc transparent;
left : 8px;
top : 11px;
z-index : 5;
}
.post-content.new-annotation .annotation-footnote.selected .arrow:after {
position : absolute;
z-index : 1;
content : "";
display : block;
width : 0;
height : 0;
border : solid 6px;
border-color : transparent transparent #fff transparent;
left : -6px;
top : -5px;
}
.touch .post-content.new-annotation .annotation-footnote a.annotation-footnote-link {
min-width : 30px;
line-height : 30px;
height : 30px;
}
.touch .post-content.new-annotation .annotation-footnote.selected .arrow {
left : 15px;
top : 19px;
}
.touch .post-content.new-annotation .annotation-footnote.selected .annotation-inset-under {
margin-top : 7px;
}
.post-content.new-annotation .ellipsis {
cursor : pointer;
color : #aaa;
display : inline-block;
position : relative;
margin-left : 7px;
}
.post-content.new-annotation .annotation-inset-under {
z-index : 3;
margin-bottom : 16px;
padding : 0;
position : absolute;
width : 100%;
left : 0;
margin-top : 3px;
}
.post-content.new-annotation .annotation-inset-under .hide-annotation {
position : relative;
z-index : 2;
margin : 10px 10px 0 0;
}
.post-content.new-annotation .annotation-inset-under .hide-annotation .icon, .post-content.new-annotation .annotation-inset-under .hide-annotation .rule-icon, .post-content.new-annotation .annotation-inset-under .hide-annotation .rule-list-add, .post-content.new-annotation .annotation-inset-under .hide-annotation .expression-list-add, .post-content.new-annotation .annotation-inset-under .hide-annotation .action-list-add, .post-content.new-annotation .annotation-inset-under .hide-annotation .expression-controls *, .expression-controls .post-content.new-annotation .annotation-inset-under .hide-annotation *, .post-content.new-annotation .annotation-inset-under .hide-annotation .action-controls *, .action-controls .post-content.new-annotation .annotation-inset-under .hide-annotation *, .post-content.new-annotation .annotation-inset-under .hide-annotation .rule-edit {
opacity : 0.300000011920928955078125;
}
.post-content.new-annotation .annotation-inset-under .annotation-content {
position : relative;
padding : 15px 15px 10px;
background : #fff;
border : #ccc solid 1px;
}
.post-content.new-annotation .annotation-inset-under .annotation-content p, .post-content.new-annotation .annotation-inset-under .annotation-content p.media-300 {
font-family : Georgia serif;
margin-bottom : 12px;
}
.post-content.new-annotation .annotation-inset-under .annotation-content .blogname {
font-size : 0.9375rem;
}
.post-content.new-annotation .annotation-inset-under .annotation-content .view-discussion {
font-weight : normal;
}
blockquote + .post-content.new-annotation .annotation-inset-under {
margin-top : -26px;
}
.post-content.new-annotation ul, .post-content.new-annotation ol {
position : static;
}
#jquery-overlay {
position : absolute;
top : 0;
left : 0;
z-index : 1001;
width : 100%;
height : 500px;
}
#jquery-lightbox {
position : absolute;
top : 0;
left : 0;
width : 100%;
z-index : 1002;
text-align : center;
line-height : 0;
padding : 0 36px;
}
#jquery-lightbox a img {
border : none;
}
#lightbox-container-image-box {
position : relative;
width : 250px;
height : 250px;
margin : 0 auto;
display : none;
}
#lightbox-loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#lightbox-nav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#lightbox-container-image-box > #lightbox-nav {
left : 0;
}
#lightbox-nav a {
outline : none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width : 20%;
height : 100%;
top : 0;
display : block;
position : absolute;
margin : 0 36px;
}
#lightbox-nav-btnPrev {
left : 0;
}
#lightbox-nav-btnNext {
right : 0;
}
#lightbox-container-image-data-box {
font : 10px Verdana, Helvetica, sans-serif;
margin : 0 auto;
line-height : 3em;
overflow : auto;
width : 100%;
padding : 0;
}
#lightbox-container-image-data #lightbox-image-details {
width : 100%;
float : left;
text-align : left;
}
#lightbox-image-details-caption {
font-weight : bold;
}
#lightbox-image-details-currentNumber {
display : block;
clear : left;
padding-bottom : 1.0em;
}
#lightbox-image {
width : 100%;
box-shadow : 0 0 15px 1px rgba(0, 0, 0, 0.5);
}
#lightbox-container-image-data-box, #lightbox-container-image-box {
max-width : 100% !important ;
height : 100% !important ;
}
#lightbox-secNav-btnClose {
float : right;
}
#lightbox-secNav-btnClose span.icon, #lightbox-secNav-btnClose span.rule-icon, #lightbox-secNav-btnClose span.rule-list-add, #lightbox-secNav-btnClose span.expression-list-add, #lightbox-secNav-btnClose span.action-list-add, #lightbox-secNav-btnClose .expression-controls span, .expression-controls #lightbox-secNav-btnClose span, #lightbox-secNav-btnClose .action-controls span, .action-controls #lightbox-secNav-btnClose span, #lightbox-secNav-btnClose span.rule-edit {
font-size : 23px;
width : 23px;
height : 23px;
line-height : 23px;
}
.button-box {
position : absolute;
background : #000;
padding : 10px;
top : 15%;
}
#lightbox-nav-btnNext .button-box {
right : 0;
}
#lightbox-nav-btnPrev .button-box {
left : 0;
}
.button-box span.icon, .button-box span.rule-icon, .button-box span.rule-list-add, .button-box span.expression-list-add, .button-box span.action-list-add, .button-box .expression-controls span, .expression-controls .button-box span, .button-box .action-controls span, .action-controls .button-box span, .button-box span.rule-edit {
font-size : 23px;
}
.lightBoxWrapper {
position : relative;
display : block;
clear : both;
}
.lightBoxWrapper img {
margin-bottom : 0;
display : block;
}
.lightBoxWrapper .magnifier {
background-color : rgba(0, 0, 0, 0.6);
position : absolute;
line-height : 21px;
min-width : 75px;
cursor : pointer;
top : 1px;
left : 1px;
}
.lightBoxWrapper .magnifier .text {
color : white;
text-transform : uppercase;
font-size : 0.75rem;
opacity : 0.60000002384185791015625;
margin : 1px 5px 0 8px;
}
.lightBoxWrapper .magnifier .icon, .lightBoxWrapper .magnifier .rule-icon, .lightBoxWrapper .magnifier .rule-list-add, .lightBoxWrapper .magnifier .expression-list-add, .lightBoxWrapper .magnifier .action-list-add, .lightBoxWrapper .magnifier .expression-controls *, .expression-controls .lightBoxWrapper .magnifier *, .lightBoxWrapper .magnifier .action-controls *, .action-controls .lightBoxWrapper .magnifier *, .lightBoxWrapper .magnifier .rule-edit {
position : relative;
bottom : -2px;
left : 3px;
opacity : 0.60000002384185791015625;
}
.lightBoxWrapper .magnifier:hover .icon, .lightBoxWrapper .magnifier:hover .rule-icon, .lightBoxWrapper .magnifier:hover .rule-list-add, .lightBoxWrapper .magnifier:hover .expression-list-add, .lightBoxWrapper .magnifier:hover .action-list-add, .lightBoxWrapper .magnifier:hover .expression-controls *, .expression-controls .lightBoxWrapper .magnifier:hover *, .lightBoxWrapper .magnifier:hover .action-controls *, .action-controls .lightBoxWrapper .magnifier:hover *, .lightBoxWrapper .magnifier:hover .rule-edit, .lightBoxWrapper .magnifier:hover .text {
opacity : 1;
}
@media only screen and (max-width:767px) {
.lightBoxWrapper .magnifier {
display : none;
}
}
@keyframes blink {
0% {
color : red;
}
100% {
color : black;
}
}
.mantle, .mantle > * {
background-color : red !important ;
color : green !important ;
animation : blink 0.5s linear infinite;
}
.liveblog-wrapper .liveblog {
margin : 10px 0;
}
.liveblog-wrapper .liveblog footer {
border-bottom : 1px solid grey;
}
.liveblog-wrapper .liveblog p:last-child {
margin-bottom : 0;
}
.liveblog-wrapper .replybranch.expanded {
border : #8c8c8c solid 1px;
background-color : #ffffff;
z-index : 5;
box-shadow : 0 0 10px rgba(0, 0, 0, 0.3);
padding-bottom : 12px;
min-width : 100%;
}
.liveblog-wrapper .replybranch.expanded > header {
margin-left : -1.125rem;
margin-right : -1.125rem;
}
.liveblog-wrapper .replybranch.expanded .reply {
border-color : #eee;
padding-left : 1.125rem;
padding-right : 1.125rem;
margin-left : -1.125rem;
margin-right : -1.125rem;
}
.liveblog-wrapper .replybranch.expanded .like-display {
display : inline;
}
.liveblog-wrapper .replybranch > header {
background : #ccc;
border-bottom : 1px solid #999;
padding : 15px 1.125rem 13px;
margin-bottom : 12px;
color : #222;
font-size : 15px;
}
.liveblog-wrapper .replybranch > header a {
color : #222;
}
.liveblog-wrapper .replybranch > header .branch-control {
float : right;
padding : 5px;
margin : -5px;
}
.liveblog-wrapper .replybranch > header:hover .branch-control .icon, .liveblog-wrapper .replybranch > header:hover .branch-control .rule-icon, .liveblog-wrapper .replybranch > header:hover .branch-control .rule-list-add, .liveblog-wrapper .replybranch > header:hover .branch-control .expression-list-add, .liveblog-wrapper .replybranch > header:hover .branch-control .action-list-add, .liveblog-wrapper .replybranch > header:hover .branch-control .expression-controls *, .expression-controls .liveblog-wrapper .replybranch > header:hover .branch-control *, .liveblog-wrapper .replybranch > header:hover .branch-control .action-controls *, .action-controls .liveblog-wrapper .replybranch > header:hover .branch-control *, .liveblog-wrapper .replybranch > header:hover .branch-control .rule-edit {
opacity : 0.89999997615814208984375;
}
.liveblog-wrapper .replybranch > header .icon-star {
position : relative;
top : -1px;
margin-top : 0;
opacity : 0.5;
}
.liveblog-wrapper .replybranch > header a:hover .icon-star {
opacity : 0.5;
}
.liveblog-wrapper .replybranch .reply-author {
font-weight : bold;
}
.replies-wrapper {
margin-bottom : 1.5rem;
position : relative;
}
.replies-wrapper.fade {
transition : opacity 150ms;
}
.replies-wrapper.transparent {
opacity : 0;
}
.replies-wrapper.empty-sections .branch-list {
border-top : none;
}
.replies-wrapper .user-message {
margin : 3rem 0 1.5rem;
text-align : center;
}
.replies-wrapper .user-message h6, .replies-wrapper .user-message .h6 {
margin-bottom : 0;
color : #333;
}
.replies-wrapper .user-message h6 + a, .replies-wrapper .user-message .h6 + a {
display : inline-block;
margin-top : 1rem;
}
.reply {
margin : 23px 0 0;
}
.reply header {
margin-bottom : 10px;
}
.reply.moderator .avatar .img-border:after {
border : #0093ec solid 3px;
left : -3px;
top : -3px;
right : -3px;
bottom : -3px;
}
.reply .reply-content {
clear : both;
position : relative;
cursor : pointer;
float : left;
width : 100%;
}
.reply .reply-content p, .reply .reply-content blockquote {
margin-bottom : 1rem;
}
.reply .reply-content p:last-of-type {
margin-bottom : 0;
}
.reply .reply-content .referenced-wide {
display : none;
}
.reply p.media-640 {
margin-bottom : 1rem;
}
.reply .media-300 {
float : left;
max-width : 50%;
margin : 5px 2.25rem 10px 0;
}
.reply .reply-image-annotation {
margin : 17px 0;
width : 300px;
max-width : 100%;
height : 170px;
background-repeat : no-repeat;
}
.reply .reply-tools {
clear : both;
text-align : right;
padding : 10px 0;
font-size : 0.875rem;
line-height : 18px;
height : 38px;
}
@media only screen and (max-width:1024px) {
.reply .reply-tools {
line-height : 28px;
height : 44px;
}
}
.reply .reply-tools > a {
margin-left : 15px;
color : #777;
}
.reply .reply-tools > a:hover {
color : #333;
text-decoration : none;
}
.reply .reply-tools > a .icon, .reply .reply-tools > a .rule-icon, .reply .reply-tools > a .rule-list-add, .reply .reply-tools > a .expression-list-add, .reply .reply-tools > a .action-list-add, .reply .reply-tools > a .expression-controls *, .expression-controls .reply .reply-tools > a *, .reply .reply-tools > a .action-controls *, .action-controls .reply .reply-tools > a *, .reply .reply-tools > a .rule-edit {
margin-left : 5px;
}
.reply .reply-border {
clear : both;
height : 0;
border-bottom : 1px dotted rgba(0, 0, 0, 0.3);
}
.reply .unapproved-msg {
color : #aaa;
font-size : 0.875rem;
margin-bottom : 1rem;
font-style : italic;
}
.post-bottom, .post-bottom a {
color : #777;
}
.post-bottom .reply-to-post {
margin-left : 15px;
}
.post-bottom .icon, .post-bottom .rule-icon, .post-bottom .rule-list-add, .post-bottom .expression-list-add, .post-bottom .action-list-add, .post-bottom .expression-controls *, .expression-controls .post-bottom *, .post-bottom .action-controls *, .action-controls .post-bottom *, .post-bottom .rule-edit {
opacity : 0.300000011920928955078125;
margin-left : 5px;
}
.reply-link, .reply-to-post {
font-weight : bold;
}
@media only screen and (max-width:49.9em) {
.reply-link, .reply-to-post {
font-size : 1rem;
}
}
.all-threads .reply .reply-content, .toggled-replies .reply .reply-content {
cursor : default;
}
body:not(.touch) .reply .post-dropdown-trigger {
visibility : hidden;
}
body:not(.touch) .reply:hover .post-dropdown-trigger {
visibility : visible;
}
.reply-number {
margin-right : 7px;
font-size : 0.8125rem;
color : #aaa;
}
.reply-count:hover {
text-decoration : none;
}
blockquote.reply-text-annotation {
position : relative;
padding-left : 40px;
}
blockquote.reply-text-annotation blockquote {
border : none;
margin : 0;
padding : 0;
}
.post-list blockquote.reply-text-annotation .magnifier {
display : none;
}
.ancestorrow blockquote.reply-text-annotation {
padding-bottom : 1px;
}
.reply-text-annotation > .icon:first-child, .reply-text-annotation > .rule-icon:first-child, .reply-text-annotation > .rule-list-add:first-child, .reply-text-annotation > .expression-list-add:first-child, .reply-text-annotation > .action-list-add:first-child, .expression-controls .reply-text-annotation > :first-child, .action-controls .reply-text-annotation > :first-child, .reply-text-annotation > .rule-edit:first-child {
font-size : 21px;
width : 21px;
height : 21px;
color : #555;
position : absolute;
left : 15px;
top : 25px;
}
.branch-list {
border-top : 1px solid rgba(0, 0, 0, 0.3);
}
.branch-list:empty {
border-top : none;
}
.branch-list .editor-alpha.quickreply {
padding-top : 16px;
}
.f_newchatheader_on .branch-list {
border-top : none;
}
.f_headerchanges_on .branch {
border-bottom : 3px solid rgba(0, 0, 0, 0.1);
}
.branch {
border-bottom : 1px solid rgba(0, 0, 0, 0.3);
position : relative;
}
.branch .reply:last-of-type:not(.anchor) .reply-border {
border-bottom : none;
}
.branch > .reply {
border-left : 3px solid transparent;
padding-left : 0.9375rem;
margin-left : -1.125rem;
}
@media only screen and (max-width:37.4375em) {
.branch > .reply {
padding-left : 0.5rem;
margin-left : -0.9375rem;
}
}
.branch > .reply.anchor {
border-left-color : rgba(0, 0, 0, 0.1);
}
.branch .reply {
transition : 0.2s;
}
.branch.collapsed .reply {
opacity : 0;
display : none;
}
.branch .reply-footer-bar {
border-top : 1px dotted rgba(0, 0, 0, 0.3);
}
.branch .reply-footer-bar a {
display : inline-block;
padding : 1rem 0 0.9rem;
font-size : 0.875rem;
line-height : 0.875rem;
text-align : center;
width : 50%;
}
.branch .reply-footer-bar a:only-child {
width : 100%;
}
.branch .show-all-replies {
display : none;
}
.branch .collapse-all-replies {
display : block;
}
.branch.toggleable .reply {
display : none;
}
.branch.toggleable .reply:nth-of-type(-n 3) {
display : block;
}
.branch.toggleable .reply:nth-of-type(3) .reply-border {
border : none;
}
.branch.toggleable .show-all-replies {
display : block;
}
.branch.toggleable .collapse-all-replies {
display : none;
}
.permalink-branch-list .branch .reply.anchor, .branch.permalink-branch .reply.anchor {
background : #f5f5f5;
padding-top : 0.9375rem;
padding-right : 1.125rem;
margin-right : -1.125rem;
}
.permalink-branch-list .branch .reply.anchor:not(first-child), .branch.permalink-branch .reply.anchor:not(first-child) {
margin-top : -1px;
}
.permalink-branch-list .branch .reply.anchor .reply-border, .branch.permalink-branch .reply.anchor .reply-border {
display : none;
}
.f_newthreadseparator_on .branch:last-child {
border-bottom : none;
}
.f_newthreadseparator_on .all-threads .branch {
border-bottom : none;
}
.f_newthreadseparator_on .all-threads .branch .reply-footer-bar {
border-top-style : solid;
border-top-width : 3px;
margin : 0 0 -0.5rem;
}
.f_newthreadseparator_on .all-threads .branch .reply-footer-bar a {
display : inline-block;
border : none;
padding : 0;
top : -30px;
position : relative;
width : auto;
}
.other-threads {
clear : both;
border-bottom : 1px solid rgba(0, 0, 0, 0.3);
}
.other-threads .item {
margin-bottom : 1.2rem;
cursor : pointer;
}
.other-threads .item .post-dropdown-ct, .other-threads .item .display-name > span {
display : none;
}
.other-threads .item:hover .meta-container .txt {
text-decoration : underline;
}
.toggled-replies {
position : relative;
padding-top : 23px;
padding-left : 0.9375rem;
margin-left : -1.125rem;
border-left : 3px solid rgba(0, 0, 0, 0.1);
border-bottom : 3px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width:37.4375em) {
.toggled-replies {
padding-left : 0.5rem;
margin-left : -0.9375rem;
}
}
.branch .toggled-replies:last-child {
margin-bottom : 20px;
}
.toggled-replies .reply:first-of-type {
margin-top : 0;
}
.toggled-replies reply:last-of-type .reply-border {
border-bottom : none;
}
.timeline-replies {
background-color : #fff;
z-index : 2;
position : relative;
width : 100%;
border-bottom : 1px dotted rgba(0, 0, 0, 0.3);
border-top : 1px dotted rgba(0, 0, 0, 0.3);
}
.timeline-replies:empty {
border-top : none;
}
.branch .timeline-replies:last-child {
border-bottom : none;
}
.timeline-replies .reply .reply-border {
margin-left : 0;
}
.timeline-replies reply:last-of-type .reply-border {
border-bottom : none;
}
.timeline-replies .timeline-replies-container {
border-top : 1px dotted rgba(0, 0, 0, 0.3);
}
.f_newthreadseparator_on .timeline-replies .timeline-replies-container {
background-color : white;
position : relative;
}
.reply-filters {
display : block;
width : auto;
overflow : hidden;
margin : 0 0 1.125rem;
padding-top : 0.25rem;
margin-right : 0;
margin-left : -0.75rem;
text-align : center;
padding-top : 10px;
}
.reply-filters dt {
text-transform : uppercase;
}
.reply-filters dt, .reply-filters dd, .reply-filters li {
float : left;
display : inline;
margin-left : 1rem;
margin-bottom : 0.625rem;
font-family : "ProximaNovaCond", serif;
font-weight : normal;
font-size : 0.875rem;
color : #aaa;
}
.reply-filters dt a, .reply-filters dd a, .reply-filters li a {
text-decoration : none;
color : #aaa;
padding : 0.1875rem 1rem;
}
.reply-filters dt a:hover, .reply-filters dd a:hover, .reply-filters li a:hover {
color : #7f7f7f;
}
.reply-filters dt.active a, .reply-filters dd.active a, .reply-filters li.active a {
border-radius : 0;
font-weight : normal;
background : #aaa;
padding : 0.25rem 0.9375rem;
cursor : default;
color : #fff;
}
.reply-filters dt.active a:hover, .reply-filters dd.active a:hover, .reply-filters li.active a:hover {
background : #2c2c2c;
}
.reply-filters dd {
float : none;
display : inline-block;
}
@media only screen and (min-width:37.5em) {
.reply-filters {
width : 300px;
padding : 0;
margin : 0;
top : -40px;
left : 163px;
position : absolute;
z-index : 1;
overflow : visible;
}
}
.reply-views {
margin : 1.5rem 0 1rem;
}
.chat-message {
margin-bottom : 1rem;
}
.no-reply-counts .reply-count {
display : none;
}
.reply-spinner {
margin : 20px 0;
}
.section-header {
padding : 11px 10px 8px;
margin : 0 0 23px;
border-bottom : 1px solid rgba(0, 0, 0, 0.1);
background : rgba(0, 0, 0, 0.02);
font-size : 0.9375rem;
}
.section-header.thread-header {
text-align : right;
}
.section-header .timestamp {
float : left;
font-weight : normal;
}
.section-header .txt {
display : inline-block;
font-weight : normal;
max-width : 90%;
}
@media only screen and (max-width:37.4375em) {
.section-header .txt {
max-width : 60%;
}
}
.f_newchatheader_on .section-header {
text-align : left;
border : rgba(0, 0, 0, 0.1) solid 1px;
background : transparent;
font-size : 0.875rem;
margin-top : 10px;
line-height : 1.4375rem;
padding : 9px;
}
.f_newchatheader_on .section-header .txt {
color : #333;
}
.f_newchatheader_on .section-header .timestamp {
float : right;
color : #777;
}
.f_newchatheader_on .section-header .info {
display : inline-block;
float : right;
color : #aaa;
font-weight : normal;
}
.f_newchatheader_on .section-header .floated-container.img-20 {
height : 20px;
}
.mscr {
display : inline-block;
font-size : 0.8125rem;
line-height : 1;
color : #bbb;
text-transform : uppercase;
padding : 4px 4px 3px;
margin : 5px 5px 0 0;
background : #f5f5f5;
}
.avatar {
position : relative;
}
.avatar .icon-followed {
opacity : 1;
position : absolute;
right : -6px;
bottom : -5px;
color : #0093ec;
z-index : 1;
text-shadow : -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}
.followed .icon-followed {
display : block !important ;
}
.f-dropdown .avatar-container .avatar {
margin-top : 0;
margin-right : 0.9375rem;
opacity : 1 !important ;
position : relative;
}
.f-dropdown .avatar-container .avatar .icon-followed {
margin-right : 0;
}
.f-dropdown h4, .f-dropdown .h4 {
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
margin-bottom : 0;
}
.f-dropdown .repostblock {
background : inherit !important ;
cursor : default;
}
.f-dropdown .repostblock ul {
margin : 0;
}
.f-dropdown .repostblock ul .repostheader {
display : block;
background : inherit !important ;
cursor : default;
padding-left : 0.5rem;
}
.loading-layer {
position : fixed;
top : 0;
z-index : 1;
width : 63rem;
height : 100%;
}
.loading-layer > .columns, .loading-layer .loading-layer-main-column {
height : 100%;
}
.loading-layer .loading-layer-main-column {
background : rgba(255, 255, 255, 0.5);
}
.loading-layer .spinner {
position : absolute;
top : 0;
bottom : 0;
left : 0;
right : 0;
}
.reply-prompt-link {
display : block;
color : #aaa;
text-align : right;
margin : 1rem 0 2rem;
}
.reply-prompt-link .icon, .reply-prompt-link .rule-icon, .reply-prompt-link .rule-list-add, .reply-prompt-link .expression-list-add, .reply-prompt-link .action-list-add, .reply-prompt-link .expression-controls *, .expression-controls .reply-prompt-link *, .reply-prompt-link .action-controls *, .action-controls .reply-prompt-link *, .reply-prompt-link .rule-edit {
margin-left : 7px;
}
.amazon-module-reply {
width : 100%;
margin : 10px 0;
padding : 0;
float : none;
line-height : 30px;
}
.amazon-module-reply .amazon-content {
padding : 5px 10px;
}
.amazon-module-reply .price {
font-weight : bold;
float : right;
margin-right : 10px;
}
.amazon-module-reply .button {
float : right;
}
.reply-callout-container {
position : relative;
border-left : 3px solid rgba(0, 0, 0, 0.1);
padding-top : 16px;
padding-left : 0.9375rem;
margin-left : -1.125rem;
}
@media only screen and (max-width:37.4375em) {
.reply-callout-container {
padding-left : 0.5rem;
margin-left : -0.9375rem;
}
}
.reply-callout-container.collapsed .meta-container .second-line {
display : none;
}
.reply-callout-container.collapsed .callout-input {
position : absolute;
top : 20px;
right : 0;
left : 55px;
}
.reply-callout-container.expanded .meta-container .txt, .reply-callout-container.expanded .meta-container .second-line {
display : block;
}
.reply-callout-container.expanded .callout-input {
display : none;
}
.reply-callout-container .callout-input {
display : block;
border : #ddd solid 1px;
height : 30px;
line-height : 30px;
padding : 0 10px;
color : #aaa;
font-size : 0.875rem;
}
.reply-callout-container .callout-input:hover {
cursor : pointer;
}
.reply-callout-container .reply-border {
clear : both;
height : 0;
border-bottom : 1px dotted rgba(0, 0, 0, 0.3);
}
.load-pending {
padding : 20px 0;
}
.hr-label {
display : inline-block;
position : relative;
z-index : 1;
top : 10px;
background-color : #fff;
padding : 0 10px;
font-weight : bold;
font-size : 1rem;
color : #333;
}
.splash-img {
display : block;
}
.splash-item {
color : #333;
display : block;
margin-bottom : 30px;
}
.splash-item img {
display : block;
border : rgba(0, 0, 0, 0.1) solid 1px;
border-bottom : 3px solid rgba(0, 0, 0, 0.3);
margin : 0 auto;
}
.splash-item h5, .splash-item .h5 {
margin : 17px 0 4px;
}
.splash-item p {
line-height : 1.4;
}
.splash-item:hover {
text-decoration : none;
color : #333;
}
.splash-item:hover img {
border-bottom-color : #0093ec;
}
.new-splash {
padding : 0;
font-family : "ProximaNovaCond", serif;
}
.new-splash h4, .new-splash .h4, .new-splash h5, .new-splash .h5, .new-splash .author, .new-splash .meta {
margin-bottom : 0;
}
.new-splash .row {
max-width : 60.625rem;
}
.new-splash a:not(.learn-more), .new-splash a:not(.learn-more):hover, .new-splash a:not(.learn-more):active {
color : #444;
}
.new-splash .wide {
width : 100%;
}
.new-splash .tall {
height : 100%;
}
.new-splash .rel-container {
position : relative;
}
.new-splash .vcenter-container {
display : table;
}
.new-splash .vcenter-container .vcenter {
display : table-cell;
vertical-align : middle;
}
.new-splash .header-bleed {
height : 134px;
margin-bottom : 50px;
position : relative;
background-color : #bbb;
background-position : center center;
background-size : cover;
background-repeat : no-repeat;
transition : background-image 500ms linear;
cursor : pointer;
}
.new-splash .header-bleed .new-splash-gradientbg, .new-splash .header-bleed .new-splash-kinjatype {
position : absolute;
z-index : 10;
}
.new-splash .header-bleed .new-splash-gradientbg {
width : 100%;
height : 100%;
background : url("/compiledassets/images/splash/front-gradientbg.png") left center repeat-x transparent;
}
.new-splash .header-bleed .new-splash-kinjatype {
width : 305px;
height : 102px;
bottom : 0;
}
.new-splash .header-bleed .caption {
padding : 8px;
position : absolute;
right : 0;
bottom : 0;
font-size : 0.8rem;
line-height : 1;
background-color : rgba(80, 80, 80, 0.7);
color : white;
}
.new-splash strong {
color : #030303;
}
.new-splash .spinner {
padding : 20px;
text-align : center;
}
.new-splash .intro {
max-width : 55.9375rem;
margin-bottom : 44px;
font-size : 1.1rem;
line-height : 1.2;
color : #6a787f;
}
.new-splash .splash-grid {
margin-bottom : 120px;
}
.new-splash .splash-grid h3, .new-splash .splash-grid .h3, .new-splash .splash-grid .reveal-modal header .modal-close-x, .reveal-modal header .new-splash .splash-grid .modal-close-x {
font-size : 1.25rem;
}
.new-splash .splash-grid strong {
margin-bottom : 6px;
}
.new-splash .splash-news {
padding-left : 0;
}
.new-splash .splash-news ul {
border-right : 1px solid #ccc;
}
.new-splash .splash-news .splash-article {
max-width : 444px;
padding : 10px 24px 8px 16px;
margin-top : 10px;
margin-bottom : 0;
background-color : #f0f2f3;
}
.new-splash .splash-news .splash-article:last-child {
padding : 0;
}
.new-splash .splash-news .splash-article h4, .new-splash .splash-news .splash-article .h4 {
font-size : 1.1rem;
line-height : 1.15;
}
.new-splash .splash-news .splash-article .author {
font-size : 0.95rem;
}
.new-splash .splash-news .splash-article .author strong {
color : #5d676f;
}
.new-splash .splash-social h3, .new-splash .splash-social .h3, .new-splash .splash-social .reveal-modal header .modal-close-x, .reveal-modal header .new-splash .splash-social .modal-close-x {
margin-bottom : 24px;
}
.new-splash .splash-social p {
color : #6a787f;
font-size : 1.2rem;
font-weight : normal;
line-height : 1;
}
.new-splash .splash-social .outlet {
margin-top : 36px;
font-size : 1.125rem;
line-height : 1;
cursor : pointer;
}
.new-splash .splash-social .outlet h5, .new-splash .splash-social .outlet .h5, .new-splash .splash-social .outlet span {
padding-left : 32px;
}
.new-splash .splash-social .outlet h5, .new-splash .splash-social .outlet .h5 {
height : 1.5rem;
}
.new-splash .splash-social .outlet span {
font-size : 0.8rem;
color : #6a787f;
}
.new-splash .site-footer {
max-width : none;
padding : 16px 0 22px 0;
border-top : 1px solid #ccc;
position : fixed;
bottom : 0;
line-height : 1.35;
background-color : #f0f2f3;
}
.new-splash .site-footer a {
font-size : 0.9rem;
}
.leader-entry {
font-size : large;
}
div.leader-change {
border-left : 1px solid rgba(0, 0, 0, 0.2);
height : 100%;
}
a.leader-author-name {
color : black;
font-weight : bold;
font-size : 0.875rem;
}
#leader-headline {
margin-bottom : 0;
}
.leader-title {
margin-bottom : 1em;
}
.leader-entry.row.collapse {
height : 2.5em;
}
.column.leader-rank.leader-onerow {
padding : 0.2em;
}
.column.leader-change.leader-onerow {
padding-top : 0.2em;
}
.leader-uprank {
color : green;
}
.leader-downrank {
color : #E25A48;
}
.icon-followed {
display : none;
}
.leader-alert-close {
font-size : 1.5rem;
padding : 9px 6px 4px;
line-height : 0;
position : absolute;
top : 50%;
margin-top : -0.4rem;
right : 0.25rem;
color : #333333;
opacity : 0.300000011920928955078125;
}
.icon.leaderboard_explaination-toggle, .leaderboard_explaination-toggle.rule-icon, .leaderboard_explaination-toggle.rule-list-add, .leaderboard_explaination-toggle.expression-list-add, .leaderboard_explaination-toggle.action-list-add, .expression-controls .leaderboard_explaination-toggle, .action-controls .leaderboard_explaination-toggle, .leaderboard_explaination-toggle.rule-edit {
opacity : 0.300000011920928955078125;
margin-top : 0.25em;
margin-left : 0.2em;
}
#leader-headline {
font-size : x-large;
font-weight : bold;
}
.leader-loading {
background : url("/compiledassets/images/loading-100.gif");
background-position : center;
background-repeat : no-repeat;
height : 300px;
padding : 4em;
opacity : 0.5;
}
.amazon-report form p {
display : inline-block;
}
.amazon-report .report-view-controls {
margin-bottom : 20px;
}
.amazon-report .amazon-padded-cell {
padding-right : 139px;
}
.amazon-report-controls p {
display : inline-block;
}
.amazon-report-controls #bloginput, .amazon-report-controls #taginput {
width : 500px;
display : inline-block;
}
.amazon-report-controls #bslimit, .amazon-report-controls #reffilter_id, .amazon-report-controls #postid_id, .amazon-report-controls input[name="start"], .amazon-report-controls input[name="end"] {
width : 200px;
display : inline-block;
margin : 0 10px;
}
.amazon-report-controls input[type="button"], .amazon-report-controls input[type="submit"] {
display : inline-block;
margin-left : 10px;
}
.amazon-report-controls #amazon-report-status {
display : inline-block;
margin-left : 10px;
}