/* DESKTOP STYLES */
body.desktop-theme {
    overflow-x: hidden;
    margin: 5px 10px;
    font-family: "Roboto", Arial, sans-serif;
    color: #334D5E;
    font-size: 16px;
    line-height: 25px;
    background: #f7f8f8;
}
body.desktop-theme.share-opinion {
    background: #ffffff;
}

/* Typography */
.desktop-theme p {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 16px;
    line-height: 25px;
    margin: 0 0 20px 0;
    padding: 0;
}
.desktop-theme .heading {
    font-family: "Noto Sans", Arial, sans-serif;
    font-weight: 700;
}
.desktop-theme h2 {
    padding: 0;
    margin: 40px 0 18px 0;
    font-size: 22px;
    letter-spacing: -.2px;
    line-height: 30px;
    color: #2B414F;
}

.desktop-theme h3 {
    padding: 0;
    margin: 40px 0 18px 0;
    font-size: 18px;
    letter-spacing: -.2px;
    line-height: 24px;
    color: #2B414F;
}

strong, b, .bolded {
    font-weight: 700
}
/* Image Styles */
.desktop-theme figure {
    background: none;
    overflow: hidden;
    display: block;
    margin: 40px auto;
    width: 100%;
    height: auto;
}
.desktop-theme figure img {
    padding: 0;
    margin: 0 auto;
    height: auto;
    max-height: 550px;
    display: block;
    border-radius: 4px;
    max-width: 560px;
    object-fit: contain;
}
.desktop-theme figcaption {
    font-size: 14px;
    color: rgba(51, 77, 94, 0.7);
    text-align: center;
    border: none;
    border-top: 0;
    margin: 0 auto;
    padding: 11px 10px 0 10px;
    line-height: 19px;
}

li{ 
padding-bottom:7px;
}

hr {
	margin-bottom:16px;
	display: block; 
	height: 1px;
	border: 0; 
	border-top: 1px solid #e5e5e4;
	padding: 0;
}

.art-right {
    float: right;
}

.desktop-theme blockquote {
    position: relative;
    background: #F9f9f9;
    margin: 23px 0 39px 0;
    padding: 15px;
    line-height: 25px;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    color: rgba(51, 77, 94, 0.8);
    text-align: left;
}

.desktop-theme blockquote p {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    margin: 0;
    padding: 0;
    line-height: 25px;
    color: rgba(51, 77, 94, 0.8);
    text-align: left;
}

.desktop-theme blockquote.embed-instagram,
.desktop-theme blockquote.embed-twitter{
    padding-left: 50px;
}

.desktop-theme blockquote.embed-instagram a {
    padding-right: 10px;
}

.desktop-theme blockquote.embed-instagram::before {
    content: '';
    display: block;
    float: left;
    position: absolute;
    left: 10px;
    top: 4px;
    width: 28px;
    height: 38px;
    background-image: url('/scripts/tinymce/plugins/instagram/logo.png');
    background-position: center;
}
.desktop-theme blockquote.embed-twitter::before{
    content: '';
    display: block;
    float: left;
    position: absolute;
    left: 10px;
    top: 4px;
    width: 28px;
    height: 38px;
    background-image: url('/scripts/tinymce/plugins/twitter/twitter.png');
    background-position: center;
}

.guy blockquote {
    border-left: 7px solid #1264C6;
}
.girl blockquote {
    border-left: 7px solid #F65293;
}
img[style*="float: left"] {
    padding: 5px 15px 15px 0px;
}

img[style*="float: right"] {
    padding: 5px 0px 15px 15px;
}

img.mce-object-iframe{
    width:100%;
    height:410px;
}

iframe{ 
	border:0;
	width:100%;
}

.alignleft{
    text-align:left;
}
.img-alignleft{
    float:left;
}

.alignright{
    text-align:right;
}
.img-alignright{
    float:right;
}

.aligncenter{
    text-align:center;
}
.img-aligncenter{
    display:block;
    margin-left:auto;
    margin-right:auto;
}


body.ask-question .mediaclass {
    padding: 10px 0;
}

div.fb-video{
    width: 557px;
    height: 314px;
    background-image: url('facebook-video.jpg');
}

.desktop-theme.share-opinion h2, 
.desktop-theme.share-opinion h3 {
    color: #333;
    font-weight: 700;
    line-height: 25px;
    display: block;
    padding: 10px 0 5px;
    margin: 0;
}

.desktop-theme.share-opinion h2 {
    font-size: 1.5em;
}

.desktop-theme.share-opinion h3 {
    font-size: 1.17em;
}

/* MOBILE STYLES */
body.mobile-theme {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 17px;
    line-height: 28px;
    color: #334D5E;
    background: #f1f3f5;
}
body.mobile-theme.share-opinion {
    background: #ffffff;
}
.mobile-theme p {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 17px;
    line-height: 28px;
    margin: 0 0 23px 0;
    padding: 0;
}
.mobile-theme h2 {
    padding: 0;
    margin: 33px 0 18px 0;
    font-size: 19px;
    letter-spacing: -.2px;
    line-height: 28px;
    color: #2B414F;
}
.mobile-theme h3 {
    padding: 0;
    margin: 33px 0 18px 0;
    font-size: 18px;
    letter-spacing: -.2px;
    line-height: 24px;
    color: #2B414F;
}

.mobile-theme figure {
    margin: 23px 0;
    background: none;
    overflow: hidden;
    display: block;
}

.mobile-theme img {
    padding: 0;
    margin: 0 auto;
    height: auto;
    width: 100%;
    max-width: 100%;
    display: block;
    border-radius: 4px;
}

.mobile-theme figcaption {
    font-size: 14px;
    color: rgba(51, 77, 94, 0.7);
    text-align: center;
    border: none;
    border-top: 0;
    margin: 0;
    padding: 11px 10px 0 10px;
    line-height: 19px;
}

.mobile-theme blockquote {
    position: relative;
    background: #F9f9f9;
    margin: 23px 0 39px 0;
    padding: 15px;
    line-height: 28px;
    font-size: 17px;
    font-weight: 400;
    font-style: italic;
    color: rgba(51, 77, 94, 0.8);
    text-align: left;
}

.mobile-theme blockquote p {
    display: inline-block;
    font-size: 17px;
    font-weight: 400;
    font-style: italic;
    margin: 0;
    padding: 0;
    line-height: 28px;
    color: rgba(51, 77, 94, 0.8);
    text-align: left;
}

.mobile-theme hr {
    margin-bottom: 7px;
}
.mobile-theme img.mce-object-iframe {
    height: 260px;
}

body.mobile-theme.share-opinion {
    min-height: 104px !important;
}

body.share-reply {
    min-height: 55px !important;
    margin: 12px 16px !important;
    padding: 0 !important;
}

.mobile-theme.share-opinion h2,
.mobile-theme.share-opinion h3 {
    color: #333;
    font-weight: 700;
    line-height: 28px;
    display: block;
    margin: 0.83em 0;
    padding: 0;
}

.mobile-theme.share-opinion h2 {
    font-size: 1.5em;
}

.mobile-theme.share-opinion h3 {
    font-size: 1.17em;
}

.desktop-theme.keyword-tag-page h2 {
    margin: 20px 0 10px 0;
}

.desktop-theme.keyword-tag-page h3 {
    margin: 20px 0 10px 0;
}

.desktop-theme.keyword-tag-page .mediaclass {
    margin: 20px 0;
}

.desktop-theme.keyword-tag-page figure img {
    width: auto;
    max-width: 100%;
}

.keyword-tag-page ul {
    padding-left: 40px;
    margin: 16px 0;
    list-style: disc;
}

.desktop-theme.topic-page {
    font-size: 14px;
    line-height: 21px;
}

.desktop-theme.topic-page h2 {
    margin: 20px 0 10px 0;
}

.desktop-theme.topic-page h3 {
    margin: 15px 0 10px 0;
}

@font-face {
    font-display: block;
    font-family: "gag-icons-font";
    src: url("/content/css/font-icons/gag-icons-font.eot?560");
    src: url("/content/css/font-icons/gag-icons-font.eot?560#iefix") format("embedded-opentype"), url("/content/css/font-icons/gag-icons-font.woff?560") format("woff"), url("/content/css/font-icons/gag-icons-font.ttf?560") format("truetype"), url("/content/css/font-icons/gag-icons-font.svg?560#gag-icons-font") format("svg");
    font-weight: normal;
    font-style: normal;
    font-size: small;
}
a:after {
    font-family: gag-icons-font;
    content: "\e024";
    font-size: 13px;
    display: inline-block;
    margin-left: 3px;
    margin-right: 2px;
}

a[rel~=nofollow]:after {
    content: "\e023";
}
.link-with-img {
    position: relative;
    display: table;
    margin: 0 auto;
}
.link-with-img:after {
    position: absolute;
    right: 5px;
    bottom: 5px;
    margin: 0;
    line-height: 1;
    background: rgba(0, 0, 0, .40);
    color: #ffffff;
    padding: 5px;
    border-radius: 4px;
    font-size: 14px;
}

a br {
    display: none;
}
a {
    color: #007BFF;
    font-weight: 500;
    text-decoration: none;
}
a.mention:after {
    display: none;
}

img.loading-bar {
    width: 50%;
    display: block;
    margin: 0 auto;
}

.mention-tag {
    font-weight: 500;
}

    .mention-tag.girl {
        color: #F65293;
    }

    .mention-tag.guy {
        color: #1264C6;
    }