@charset "UTF-8";
/*
Theme Name: BoredPanda
Theme URI: http://www.spacy.co.uk
Description: BoredPanda community contributions
Author: spacy
Author URI: http://www.spacy.co.uk
Version: 1.0
*/
@media (min-width: 321px) {
  .visible-upto-xxs, .hidden-downto-xxs {
    display: none !important; } }

@media (min-width: 481px) {
  .visible-upto-xs, .hidden-downto-xs {
    display: none !important; } }

@media (min-width: 581px) {
  .visible-upto-s, .hidden-downto-s {
    display: none !important; } }

@media (min-width: 769px) {
  .visible-upto-m, .hidden-downto-m {
    display: none !important; } }

@media (min-width: 980px) {
  .visible-upto-l, .hidden-downto-l {
    display: none !important; } }

@media (min-width: 1021px) {
  .visible-upto-xl, .hidden-downto-xl {
    display: none !important; } }

@media (max-width: 320px) {
  .hidden-upto-xxs, .visible-downto-xxs {
    display: none !important; } }

@media (max-width: 480px) {
  .hidden-upto-xs, .visible-downto-xs {
    display: none !important; } }

@media (max-width: 580px) {
  .hidden-upto-s, .visible-downto-s {
    display: none !important; } }

@media (max-width: 768px) {
  .hidden-upto-m, .visible-downto-m {
    display: none !important; } }

@media (max-width: 979px) {
  .hidden-upto-l, .visible-downto-l {
    display: none !important; } }

@media (max-width: 1020px) {
  .hidden-upto-xl, .visible-downto-xl {
    display: none !important; } }

:root {
  --spinner: url(images/transparent-loading-spinner-gif.png);
  --black: #000;
  --white: white;
  /* New colors */
  --gray-blue-400: #9799A2;
  --gray-blue-500: #3C3E42;
  --gray-blue-600: #363946;
  --gray-blue-700: #313340;
  --gray-blue-900: #21232a;
  --black-0-30: rgba(0, 0, 0, 0.30);
  --gray-0-15: rgba(255, 255, 255, 0.15);
  --gray-0-30: rgba(255, 255, 255, 0.30);
  --gray-0-50: rgba(255, 255, 255, 0.50);
  --gray-50: #FAFAFA;
  --gray-100: #EEEEEE;
  --gray-150: #E4E4E4;
  --gray-200: #DADADA;
  --gray-250: #CFCFCF;
  --gray-300: #B7B7B7;
  --gray-350: #AAAAAA;
  --gray-400: #A0A0A0;
  --gray-450: #949494;
  --gray-500: #828282;
  --gray-550: #555555;
  --gray-600: #666666;
  --gray-700: #4a4a4a;
  --gray-800: #353535;
  --gray-850: #3535354d;
  --gray-900: #252525;
  --gray-1000: #1B1B1B;
  --pink-100: #d2afa5;
  --green-50: #F5FBF5;
  --green-75: #E9FAF4;
  --green-100: #d4edda;
  --green-200: #61c56f;
  --green-300: #54b960;
  --green-400: #17AD53;
  --green-700: #155724;
  --green-yellow-300: #58b149;
  --salad-green-100: #9bf7a7;
  --salad-green-300: #22c020;
  --blue-400: #4e6bba;
  --blue-500: #324e8a;
  --sky-blue-100: #a2d0ff;
  --sky-blue-200: #6aadd1;
  --sky-blue-300: #3498DB;
  --light-blue-100: #00aced;
  --light-blue-200: #0093cb;
  --light-blue-500: #0075ff;
  --light-blue-800: #003b87;
  --red-50: #F8D7DA;
  --red-100: #e44949;
  --red-200: #cb2027;
  --red-300: #bd081c;
  --red-400: #9c181d;
  --orange: #ff4500;
  --orange-75: #F64629;
  --orange-100: #f26235;
  --orange-150: #D74B1F;
  --orange-180: #b33d19;
  --orange-200: #dd4b39;
  --orange-400: #bc3727;
  --golden: #FFAC33;
  --golden-100: #f3b731;
  --golden-200: #ffc60c;
  --yellow-100: #EFCC00;
  --active-menu: #747784;
  --top-message-bg: #FFF7DA;
  --top-message-color: #4F4E4B;
  --bg-primary: #F0F0F0;
  --bg-dark: #353535;
  --bg-dark-hover: #353535;
  --top-categories-bg: #353535;
  --bg-header: #FFF;
  --bg-mobile-category-list: #DADADA;
  --bg-mobile-header: #232529;
  --bg-mobile-header-categories: #1B1D21;
  --bg-submenu: #FFF;
  --bg-mobile-submenu: #232529;
  --bg-notification-hover: #FAFAFA;
  --border-dark-mode-toggle: #EBEBEB;
  --border-dark-mode-toggle-mobile: #9799A2;
  --follow-x: url(images/icons/follow-x.svg) no-repeat center;
  --follow-threads: url(images/icons/follow-threads.svg) no-repeat center;
  --bg-modal: #FFF;
  --bg-modal-content: #F3F3F3;
  --bg-copy-link: #FFF;
  --modal-content: #FFF;
  --post-background: #FFF;
  --post-background-60: rgba(255, 255, 255, 0.6);
  --on-bg-primary: #353535;
  --on-bg-dark: #000;
  --post-description: #666666;
  --post-content: #333333;
  --bg-comment-text: #FFFFFF;
  --border-comment-text: #DADADA;
  --bg-expand-comments: #B7B7B7;
  --bg-social-icon: #F0F0F0;
  --comment-author: #353535;
  --comment-content: #666666;
  --comment-show-contributors: #F5F5F5;
  --homefeed-slider-arrow: #353535;
  --homefeed-slider-arrow-disabled: #949494;
  --bg-append-list: #FAFAFA;
  --bg-image-upload-area: #EEEEEE;
  --border-file-upload-area: #FFF;
  --bg-show-contributors: #FAFAFA;
  --bg-icon: #FCF1ED;
  --bg-poll: #FFF;
  --poll-header: #353535;
  --poll-answer-border: #DADADA;
  --poll-answer-hover: #CFCFCF;
  --bg-selected-answer: #87C4FF;
  --bg-newsletter-block: #56B863;
  --bg-enabled-button: #353535;
  --bg-enabled-button-hover: #3F3F3F;
  --poll-background: #FAFAFA;
  --bg-quiz: #FAFAFA;
  --bg-quiz-explanation: #F0F0F0;
  --quiz-icon-bg: #EDF5EE;
  --quiz-type-it-icon-bg: #EAEDF8;
  --quiz-text: #353535;
  --quiz-border: #D0D0D0;
  --quiz-outcome-text: #353535;
  --quiz-disabled-btn-bg: #DDDDDD;
  --quiz-answer-bg: #FFF;
  --quiz-correct-bg: #F0F6F1;
  --quiz-incorrect-bg: #FAEFED;
  --quiz-unfocused-bg: #EBEBEB;
  --color-quiz-title: #949494;
  --bg-type-it-answer-input: #FFFFFF;
  --border-type-it-answer-input: #EBEBEB;
  --color-type-it-answer-input: #353535;
  --quiz-score-box-icon-bg-perfect: #E4F1E6;
  --quiz-score-box-bg-perfect: #F0F6F1;
  --quiz-score-box-border-perfect: #C2E3C6;
  --quiz-score-box-title-color-perfect: #56B863;
  --quiz-score-progress-bar-wrapper-perfect: #D1EAD5;
  --quiz-score-progress-bar-bg-perfect: #56B863;
  --quiz-score-box-icon-bg-success: #EFF3E0;
  --quiz-score-box-bg-success: #F5F7EE;
  --quiz-score-box-border-success: #DFE9B8;
  --quiz-score-box-title-color-success: #ACC739;
  --quiz-score-progress-bar-wrapper-success: #E6EDCA;
  --quiz-score-progress-bar-bg-success: #ACC739;
  --quiz-score-box-icon-bg-warning: #F8F1E0;
  --quiz-score-box-bg-warning: #F9F5ED;
  --quiz-score-box-border-warning: #F7E6C1;
  --quiz-score-box-title-color-warning: #F0AD1C;
  --quiz-score-progress-bar-wrapper-warning: #F7E7C3;
  --quiz-score-progress-bar-bg-warning: #F0AD1C;
  --quiz-score-box-icon-bg-error: #FAE5E1;
  --quiz-score-box-bg-error: #FAEFED;
  --quiz-score-box-border-error: #F9BCB2;
  --quiz-score-box-title-color-error: #D74B1F;
  --quiz-score-box-title-color-error-008: #FCF1ED;
  --quiz-score-progress-bar-wrapper-error: #F9CDC6;
  --quiz-score-progress-bar-bg-error: #F64629;
  --quiz-chart-bg: #F5F5F5;
  --color-quiz-chart-message: #353535;
  --bg-quiz-chart-legend: #EBEBEB;
  --bg-quiz-general-stat-border: #EBEBEB;
  --color-quiz-leaderboards-border: #EBEBEB;
  --quiz-leaderboard-table-stripe: #FAFAFA;
  --color-leaderboard-table-text: #353535;
  --bg-quiz-leaderboards-avatar-border: #D0D0D0;
  --bg-quiz-score-progress: #EBEBEB;
  --quiz-info-icon-border-color: #EBEBEB;
  --bg-quiz-leaderboard-tooltip: #353535;
  --bg-shopping: #FAFAFA;
  --bg-post-highlights: #EEEEEE;
  --toc-link: #003b87;
  --bg-toc-cta: #FFF;
  --bg-user-submissions: #FFF;
  --bg-recommendation-box: #FFF;
  --bg-recommendation-block-8: #FBFBFB;
  --bg-recommendation-block-8-single: #FBFBFB;
  --bg-recommendation-block-8-single-border: #EBEBEB;
  --bg-recommendation-comments-badge: #DADADA;
  --bg-text-input: #FFFFFF;
  --text-input: #000;
  --border-text-input: #DADADA;
  --border-button: #ccc;
  --button-add-post: #353535;
  --border-add-post: #B7B7B7;
  --bg-sitemap-button-hover: #E0E0F0;
  --bg-newsletter: #FFF;
  --text-on-dark: #FFF;
  --wishlist-black: #353535;
  --wishlist-store: #949494;
  --wishlist-blue: #003b87;
  --wishlist-similar-items: #fff;
  --wishlist-similar-items-border: #D0D0D0;
  --login-input-border: #EBEBEB;
  --login-input-border-hover: #D0D0D0;
  --login-input-color: #353535;
  --login-resend-link-color: #D74B1F;
  --login-social-color: #353535;
  --login-social-background: #ffffff;
  --login-social-border: #EBEBEB;
  --apple-logo: url(images/icons/apple.svg);
  --carousel-controls-border: none;
  --header-cover-image-christmas: url(images/christmas-panda-light.jpg);
  --header-cover-image: url(images/header-background.jpg);
  --header-logo: url(images/icons/bg-logo.svg);
  --header-logo-christmas: url(images/icons/boredpanda_christmas_logo_horizontal-desktop.svg);
  --header-logo-christmas-mobile: url(images/icons/bp-logo-christmas-invert-mobile.svg);
  --header-logo-es: url(images/icons/bg-logo-es.svg);
  --modal-close-icon: url(images/close-icon.png);
  --toc-gradient: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  --imageBrightness: 1;
  --scrollToTopShadow: 0px 6px 12px rgba(109, 119, 124, 0.35), 0px 2px 4px rgba(109, 119, 124, 0.05);
  --social-icon-x: url(images/icons/ic_x.svg);
  --social-icon-mail: url(images/icons/ic_mail.svg);
  --social-icon-clipboard: url(images/icons/ic_clipboard.svg);
  --dark-mode-toggle-image: url(images/icons/ic_moon.svg);
  --dark-mode-toggle-image-mobile: url(images/icons/ic_moon_mobile.svg);
  --dark-mode-toggle-padding: 6px 6px 3px 6px;
  --wishlist-image: url(images/icons/wishlist.svg);
  --search-image: url(images/icons/search.svg);
  --notifications-image: url(images/icons/ic_notif.svg);
  --similar-items-image: url(images/icons/target.svg);
  --eyeball: url(images/icons/eyeball.svg);
  --games-icon: url(images/icons/ic_games.svg);
  --games-icon-mobile: url(images/icons/ic_games-mobile.svg);
  --popnuggets: url(images/icons/popnuggets-logo.svg);
  --eightlegs: url(images/icons/8legs-logo.svg);
  --image-fade: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  --nav-font-color: #353535;
  --nav-button-hover: white;
  --nav-section-header: #666666;
  --nav-background: #F0F0F0;
  --nav-background-desktop: #FFF;
  --nav-background-desktop-hover: rgb(240, 240, 240);
  --nav-hover-font-color: #D74B1F;
  --nav-toggle-icon: #353535;
  --nav-divider: #CFCFCF;
  --nav-search-background: #eeeeee;
  --category-header-font-color: #000000;
  --category-header-p-font-color: #353535;
  --category-header-pill-font-color: #353535;
  --category-header-pill-bg: #FFFFFF;
  --category-header-pill-border: #CFCFCF;
  --category-header-border: none;
  --icon-x-color: #000000;
  --bg-tooltip: #353535;
  --showdown-item: #F7F7F7;
  --showdown-button-bg: rgba(215, 75, 31, 0.12);
  --showdown-button-hovered: rgba(215, 75, 31, 0.22);
  --bg-showdown-winner: rgba(86, 184, 99, 0.12);
  --bg-showdown-loser: rgba(246, 70, 41, 0.12);
  --color-showdown-winner: #56B863;
  --color-showdown-loser: #F64629;
  --bg-image-credits: rgba(255, 255, 255, 0.8);
  --showdown-background: #FAFAFA;
  --color-showdown-title: #949494;
  --bg-showdown: #FDFDFD;
  --border-showdown: #EBEBEB;
  --border-topbar: #EBEBEB;
  --bg-topbar-badge: #EBEBEB;
  --topbar-badge: #353535;
  --premium-small-text: #35353580;
  --premium-ic-close: url(images/premium/ic-close-gray.svg);
  --premium-badge-color: #7A1CAC;
  --premium-badge-background: rgba(122, 28, 172, 0.15);
  --premium-subscribe-button-text-color: #ffffff;
  --comments-show-more-border: #EBEBEB;
  --comments-show-more-background: #FAFAFA;
  --comments-show-more-background-hover: #F5F5F5;
  --comments-show-more-border-hover: #EBEBEB;
  --navbar-burger-icon-color: #353535;
  --navbar-border: rgb(243, 243, 243);
  --navbar-categories-bg: rgb(255, 255, 255);
  --navbar-other-bg: #FBFBFB;
  --navbar-categories-secondary-bg: #FBFBFB;
  --navbar-block-title-color: #949494;
  --navbar-search-bg: #FBFBFB;
  --navbar-search-input-bg: #F5F5F5;
  --navbar-search-input-border-color: #EBEBEB;
  --mobile-navbar-block-item-color: #000;
  --navbar-category-on-hover: rgb(148, 148, 148);
  --chevron-down: url("data:image/svg+xml;utf8,<svg width='10' height='4' viewBox='0 0 10 4' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5 4L0.669872 0.25L9.33013 0.249999L5 4Z' fill='black'/></svg>");
  --border-top-page-select: #EBEBEB;
  --bg-top-page-selected-category: #FFF;
  --bg-top-page-apply-changes: #FFF;
  --border-color-top-page-apply-changes: #EBEBEB;
  --color-top-page-apply-changes: #353535;
  --bg-feed-customization-sidebar: #F0F0F0;
  --border-mobile-feed-customization-header: #EBEBEB;
  --bg-see-more-bubble: #FFF;
  --color-see-more-bubble: #353535;
  --border-top-categories-block: #D0D0D0;
  --bg-unseen-notification-item: #F5FBF5;
  --notification-item-border-color: #FFF;
  --color-profile-border: #EBEBEB;
  --gray-button-shadow: #BCBABA;
  --marketplace-background: #FFF;
  --marketplace-collected-background: #FAFAFA;
  --marketplace-avatar-border: #EBEBEB;
  --marketplace-avatar-background: #F5F5F5;
  --marketplace-ic-locked: url(images/easter-egg-hunt/locked.svg);
  --marketplace-ic-copy: url(images/easter-egg-hunt/copy.svg);
  --bg-game-center-quiz: #FFF;
  --border-game-center-quiz: #FFF;
  --bg-content-block-game-center: #F5F5F5;
  --bg-game-center-trivia-badge: rgba(237, 108, 198, 0.06);
  --bg-game-center-quiz-badge: rgba(236, 84, 36, 0.06);
  --bg-game-center-poll-badge: rgba(48, 88, 221, 0.06);
  --color-game-center-type-it-badge: #626809;
  --bg-game-center-type-it-badge: rgba(240, 246, 152, 0.5);
  --bg-game-center-game-hover: #EBEBEB;
  --bg-game-center-oval: linear-gradient(0deg,rgba(236, 235, 238, 1) 67%, rgba(255, 255, 255, 1) 100%);
  --bg-game-center-modal: #FFF;
  --bg-game-center-modal-clickable-item: #FAFAFA;
  --bg-game-center-modal-cancel-button: #FFF;
  --bg-game-center-modal-cancel-button-hover: #F5F5F5;
  --category-back-btn-text: #353535;
  --category-back-btn-text-hover: #949494;
  --category-back-btn-bg: white;
  --category-back-btn-border: white;
  --quiz-subscribe-block-bg: #FAFAFA;
  --quiz-subscribe-block-title: #353535;
  --quiz-subscribe-block-description: #949494;
  --quiz-subscribe-block-info: #949494;
  --quiz-subscribe-block-button: #D74B1F;
  --quiz-subscribe-block-button-text: #FFF;
  --quiz-subscribe-block-input-border: #EBEBEB;
  --quiz-subscribe-block-input-bg: #FFF;
  --quiz-subscribe-block-border: #EBEBEB;
  --google-badge: url(images/google_badge@2x.png);
  --bpdaily-logo: url(images/bpdaily_logo_on-white.png);
  --celeb-main-text: #353535;
  --celeb-table-value: #353535;
  --celeb-social-icons: #f0f0f0; }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }
  ins.adsbygoogle {
    background-color: transparent; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

*, *:before, *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.clearfix {
  display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* close commented backslash hack */
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease; }

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar[aria-valuenow="1"],
.progress-bar[aria-valuenow="2"] {
  min-width: 30px; }

.progress-bar[aria-valuenow="0"] {
  color: #777777;
  min-width: 30px;
  background-color: transparent;
  background-image: none;
  box-shadow: none; }

.progress-bar-success {
  background-color: #5cb85c; }

.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info {
  background-color: #5bc0de; }

.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning {
  background-color: #f0ad4e; }

.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger {
  background-color: #d9534f; }

.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }

.modal.fade .modal-dialog {
  -webkit-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out; }

.modal.in .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: var(--modal-content);
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100040;
  background-color: rgba(0, 0, 0, 0); }

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0); }

.modal-backdrop.in {
  opacity: 0.9;
  filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857143; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0; }

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }

.modal-footer .btn-block + .btn-block {
  margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }

.dropdown-menu.pull-right {
  right: 0;
  left: auto; }

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap; }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca; }

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777; }

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: ""; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
These "retina group" variables are mappings for the naming and pairing of normal and retina sprites.

The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`.
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite.
  It should be used with a "retina group" variable.

The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/

$icon-home-group: ('icon-home', $icon-home, $icon-home-2x, );

.icon-home {
  @include retina-sprite($icon-home-group);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
The `retina-sprites` mixin generates a CSS rule and media query for retina groups
  This yields the same output as CSS retina template but can be overridden in SCSS

@include retina-sprites($retina-groups);
*/
.bp-jobs-banner {
  margin-bottom: 10px;
  display: block; }

.bp-jobs-banner-hidden {
  display: none; }

.dfp-ad {
  text-align: center;
  overflow: hidden; }
  .dfp-ad.mobile-header-ad {
    width: 300px;
    height: 250px;
    margin: auto;
    text-align: center;
    padding-bottom: 13px;
    overflow: hidden; }
  .dfp-ad .pg-ad-label {
    margin: 0px;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 12px;
    text-align: center;
    padding: 0px 0px 6px 0px;
    color: var(--gray-350); }

.mobile-top-ad {
  display: none;
  margin-bottom: 10px; }
  .mobile-top-ad .dfp-ad {
    margin: 0 auto; }
  @media (max-width: 480px) {
    .mobile-top-ad {
      display: block; } }

.bp-container {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto; }

.category .main {
  margin-top: 25px; }
  @media (max-width: 1020px) {
    .category .main {
      margin-top: 55px; } }
  @media (max-width: 979px) {
    .category .main {
      margin-top: 12px; } }
  @media (max-width: 480px) {
    .category .main {
      margin-top: 0; } }

.main {
  position: relative;
  margin-top: 25px; }
  @media (max-width: 1020px) {
    .main {
      padding-left: 0.625em;
      padding-right: 0.625em;
      max-width: 63.750em;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin-top: 75px; } }
  @media (max-width: 979px) {
    .main {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin-top: 12px; } }
  @media (max-width: 768px) {
    .main {
      padding-left: 1.025em;
      padding-right: 1.025em; } }
  @media (max-width: 979px) and (min-width: 767px) {
    .main {
      width: 720px; } }
  @media (max-width: 480px) {
    .main {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin-top: 0; } }

.left-content-column {
  margin-right: 320px;
  margin-bottom: 3.125em; }
  @media (max-width: 979px) {
    .left-content-column {
      width: auto;
      margin-right: 0; } }

.fixed-bottom-overlay {
  position: fixed;
  z-index: 5000;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  line-height: 2em;
  font-size: 1.6em;
  background-color: rgba(255, 255, 255, 0.8);
  color: var(--black); }
  .fixed-bottom-overlay a {
    color: var(--black); }

@media (max-width: 480px) {
  .single-image-template .single-image-with-ad {
    margin-top: 0; } }

.single-image-template .fixed-bottom-overlay {
  bottom: 40px; }

.headroom {
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: compact(compact(transform 200ms linear, false, false, false, false, false, false, false, false, false) false false);
  -moz-transition: compact(compact(transform 200ms linear, false, false, false, false, false, false, false, false, false) false false false);
  -o-transition: compact(compact(transform 200ms linear, false, false, false, false, false, false, false, false, false) false false false);
  transition: compact(transform 200ms linear, false, false, false, false, false, false, false, false, false); }
  .headroom.headroom--pinned {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  .headroom.headroom--unpinned {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }

.hidden-logged-in, .hidden-cookie {
  display: none; }

.content-only .cover, .content-only .header {
  display: none; }

.content-only .main {
  margin-top: 0 !important;
  padding: 0;
  max-width: 100% !important; }
  .content-only .main .post {
    margin-bottom: 0; }
    .content-only .main .post .post-title {
      font-family: "Roboto"; }
  .content-only .main .left-content-column {
    margin-bottom: 0; }

.content-only .plupload.html5 {
  display: none; }

.facebook-block-height {
  max-height: 20px; }

#azk72578 .fullpage-ad {
  position: absolute;
  top: 327px; }
  #azk72578 .fullpage-ad.fixed {
    top: 100px;
    position: fixed; }

.no-scroll {
  overflow: hidden; }

.plupload.html5 {
  width: 0 !important;
  height: 0 !important; }

.daterangepicker td, .daterangepicker th {
  line-height: 21px; }

.daterangepicker .input-mini {
  box-sizing: border-box; }

.daterangepicker .range_inputs .btn-success {
  color: var(--white);
  background: var(--green-200);
  border: 1px solid var(--green-200); }

.daterangepicker .ranges li {
  padding: 6px 12px; }

.daterangepicker .calendar-table table, .daterangepicker .calendar-table thead, .daterangepicker .calendar-table tbody, .daterangepicker .calendar-table tr, .daterangepicker .calendar-table td, .daterangepicker .calendar-table th {
  box-sizing: border-box; }

.controls-block {
  margin-bottom: 30px; }
  .controls-block .controls {
    border-bottom: 1px solid var(--gray-100); }
    .controls-block .controls .control {
      float: left;
      width: 140px;
      height: 40px;
      line-height: 40px;
      background-color: white;
      margin-right: 10px;
      margin-bottom: -1px;
      box-sizing: border-box;
      border: 1px solid var(--gray-100);
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      font-family: "Source Sans Pro";
      font-size: 14px;
      color: var(--gray-400);
      font-weight: 600;
      cursor: pointer;
      text-align: center; }
      @media (max-width: 480px) {
        .controls-block .controls .control {
          width: auto;
          padding: 0 10px; } }
      @media (max-width: 350px) {
        .controls-block .controls .control {
          margin-right: 3px; } }
      .controls-block .controls .control.active {
        border-top: 2px solid var(--gray-300);
        border-bottom: none;
        border-radius: 0;
        line-height: 38px;
        color: var(--gray-800); }

.twitter-video {
  max-width: 100% !important; }

.single .post .entry .page-load-status .infinite-scroll-request img {
  width: 50px;
  padding-top: 20px; }

.post-load-status {
  text-align: center; }
  .post-load-status .infinite-scroll-request img {
    width: 50px;
    padding-top: 20px; }

.padding-top-30 {
  padding-top: 30px; }

.additional-comment-field {
  display: none; }

.gender-quiz-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .gender-quiz-container .gender-quiz {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    width: 350px;
    padding-bottom: 20px; }
    @media only screen and (max-width: 650px) {
      .gender-quiz-container .gender-quiz {
        flex-direction: column-reverse;
        width: 100%; } }
    .gender-quiz-container .gender-quiz .gender-quiz-copy {
      font-size: 16px !important;
      line-height: 16px !important;
      display: block;
      font-weight: 400 !important;
      padding: 0 !important; }
      @media only screen and (max-width: 650px) {
        .gender-quiz-container .gender-quiz .gender-quiz-copy {
          text-align: center;
          margin: 10px 0 0 !important; } }
    .gender-quiz-container .gender-quiz .gender-quiz-actions {
      display: flex;
      flex-direction: column;
      text-align: center; }
      .gender-quiz-container .gender-quiz .gender-quiz-actions .gender-quiz-actions-copy {
        margin: 0 !important;
        font-size: .8rem !important;
        padding: 0 !important; }
      .gender-quiz-container .gender-quiz .gender-quiz-actions .form {
        display: flex; }
        .gender-quiz-container .gender-quiz .gender-quiz-actions .form a {
          vertical-align: middle;
          text-align: center;
          color: var(--white);
          font-size: 14px;
          font-weight: 900;
          line-height: 25px;
          height: 25px;
          width: 80px;
          display: block;
          border-radius: 24px;
          margin: 5px; }
          .gender-quiz-container .gender-quiz .gender-quiz-actions .form a.male {
            background: #67A7E2;
            box-shadow: 0 4px 11px #67A7E2; }
          .gender-quiz-container .gender-quiz .gender-quiz-actions .form a.female {
            background: #e04141;
            box-shadow: 0 4px 11px #e04141; }

body.modal-opened {
  overflow: hidden; }

.base-table-wrapper {
  overflow-x: auto; }

.base-table {
  border: 1px solid var(--quiz-border);
  border-collapse: collapse;
  width: 100%;
  max-width: 100%; }
  .base-table th, .base-table td {
    border: 1px solid var(--quiz-border);
    padding: 12px;
    position: relative;
    clear: none;
    float: none;
    word-wrap: break-word;
    -ms-word-break: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    color: var(--on-bg-dark);
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    font-size: 14px;
    line-height: 18px;
    text-align: left !important;
    min-width: 100px; }
    .base-table th p, .base-table td p {
      font-size: 14px !important;
      line-height: 18px !important;
      padding-left: 0 !important;
      padding-right: 0 !important; }
  .base-table thead td {
    background: var(--quiz-unfocused-bg);
    color: var(--on-bg-dark); }

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?3fa7d8");
  src: url("fonts/icomoon.eot?3fa7d8#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?3fa7d8") format("truetype"), url("fonts/icomoon.woff?3fa7d8") format("woff"), url("fonts/icomoon.svg?3fa7d8#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-ic-premium:before {
  content: "\e900"; }

.icon-ic-bpdaily:before {
  content: "\e901";
  color: #d0d0d0; }

body {
  font-family: Roboto, sans-serif;
  font-weight: normal;
  background: #f0f0f0;
  font-size: 16px;
  margin: 0;
  padding: 0;
  width: 100%;
  font-weight: 500;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  body input[type="text"], body input[type="password"], body textarea {
    -webkit-appearance: none; }
  @media (max-width: 320px) {
    body {
      font-size: 75%; } }
  @media (min-width: 321px) and (max-width: 480px) {
    body {
      font-size: 80%; } }
  @media (min-width: 481px) and (max-width: 580px) {
    body {
      font-size: 90%; } }
  @media (min-width: 581px) and (max-width: 767px) {
    body {
      font-size: 100%; } }
  @media (min-width: 769px) and (max-width: 800px) {
    body {
      font-size: 92%; } }

.svg-icon {
  fill: currentColor;
  display: inline-block;
  vertical-align: text-top; }

.clear {
  clear: both;
  height: 0;
  overflow: hidden; }

@media (max-width: 979px) {
  .mobile {
    display: block; } }

@media (min-width: 769px) {
  .visible-xs {
    display: none !important; } }

/*
  Text
*/
a {
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

.upcase {
  text-transform: uppercase; }

.h1 {
  font-size: 3em;
  margin-bottom: 1.1em;
  margin-top: .5em; }

.h2 {
  font-size: 2.7em;
  margin-bottom: 1em;
  margin-top: .45em; }

.h3 {
  font-size: 2.3em;
  margin-bottom: .9em;
  margin-top: .4em; }

.h4 {
  font-size: 1.9em;
  margin-bottom: .8em;
  margin-top: .35em; }

.h5 {
  font-size: 1.5em;
  margin-bottom: .6em;
  margin-top: .3em;
  font-weight: bold; }

.h6 {
  font-size: 1.2em;
  margin-bottom: .5em;
  margin-top: .25em; }

.text-secondary {
  color: #949494 !important; }

.text-danger {
  color: red !important; }

.text-success {
  color: #7ca254 !important; }

.text-centered {
  text-align: center; }

.icon-bg-img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
  padding: 0 30px;
  height: 40px; }

a.icon-bg-img {
  display: inline-block; }

.icon-landscape {
  background-image: url("images/icon-picture.svg"); }

.icon-camera {
  background-image: url("images/icon-camera.svg"); }

.icon-pic-small {
  background-image: url("images/sprite.png?upd=6");
  background-position: 0px -209px;
  background-size: 30px;
  padding: 0 9px; }

.icon-pic-big {
  background-image: url("images/sprite.png?upd=6");
  background-position: 0px -282px;
  padding: 0 12px; }

/*
  Spinner
*/
@-moz-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

.spinner {
  background-image: var(--spinner);
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 120px;
  height: 120px;
  width: 100%;
  -webkit-animation-name: spin;
  -moz-animation-name: spin;
  -ms-animation-name: spin;
  -o-animation-name: spin;
  animation-name: spin;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear; }
  .spinner.spinner-small {
    height: 64px;
    background-size: 64px; }

.overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #888;
  opacity: .5;
  overflow: hidden;
  z-index: 1; }
  .overlay .spinner {
    height: 100%; }

.block-left {
  display: block;
  float: left; }

.block-right {
  display: block;
  float: right; }

/* 
  Page css..
*/
.contact-us-panda {
  margin-left: 0;
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 0; }

.section {
  background-color: var(--white);
  padding: 2em 2.5em; }

/*repeating elements across the site*/
.edit-backend-link {
  width: 100%;
  text-align: center; }
  .edit-backend-link .fixed-bonus {
    width: 70px; }

.vote-panel .vote {
  float: left;
  position: relative;
  height: 3.8125em; }
  .vote-panel .vote.closed {
    line-height: 56px; }
  .vote-panel .vote a.btn {
    background-size: 100%;
    background-origin: content-box;
    background-repeat: no-repeat;
    padding: 0;
    width: 1.5em;
    height: 1.5em;
    margin: 1.0625em 0.6em; }
    .vote-panel .vote a.btn.btn-up {
      background-image: url("images/upvote_black.svg?upd=2"); }
      .vote-panel .vote a.btn.btn-up.active {
        background-image: url("images/upvote_active.svg"); }
      @media (min-width: 980px) {
        .vote-panel .vote a.btn.btn-up:hover {
          background-image: url("images/upvote_active.svg"); } }
    .vote-panel .vote a.btn.btn-down {
      background-image: url("images/downvote_black.svg?upd=2"); }
      .vote-panel .vote a.btn.btn-down.active {
        background-image: url("images/downvote_active.svg"); }
      @media (min-width: 980px) {
        .vote-panel .vote a.btn.btn-down:hover {
          background-image: url("images/downvote_active.svg"); } }
  .vote-panel .vote .hint {
    display: none;
    font-size: 0.563em;
    color: #949494;
    bottom: 0;
    width: 44px;
    text-align: center;
    position: absolute; }
    @media (max-width: 580px) {
      .vote-panel .vote .hint {
        display: none !important; } }

.vote-panel:hover .hint {
  display: block; }

.vote-panel .points {
  float: left;
  line-height: 56px;
  margin-left: 15px;
  color: #3f3f3f; }
  .vote-panel .points span {
    margin-left: 3px; }
    @media (max-width: 979px) {
      .vote-panel .points span {
        display: none !important; } }

.vote-panel .vote-text {
  border-right: 1px solid #c8c8c8;
  float: left;
  color: var(--orange-150);
  font-size: 1em;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 61px;
  padding: 0 15px; }

input[name=report-post], input[name=subject-timestamp] {
  display: none !important; }

.btn {
  border-radius: 5px;
  display: inline-block;
  font-size: 1em;
  font-weight: 500;
  line-height: 42px;
  text-align: center; }
  .btn.btn-default {
    background-color: var(--white);
    color: #7d7d7d;
    border: 1px solid var(--gray-450); }
    .btn.btn-default:hover {
      background-color: var(--gray-450);
      color: var(--white); }
  .btn.btn-primary {
    background-color: var(--orange-150);
    border: 1px solid var(--orange-180);
    color: var(--white); }
    .btn.btn-primary:hover {
      background-color: var(--orange-100);
      border-color: var(--orange-150);
      color: var(--white); }

.add-post-form-button {
  font-family: "Roboto";
  font-size: 16px;
  line-height: 36px;
  text-align: center;
  height: 36px;
  padding: 0 20px;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .add-post-form-button.green-filled {
    background-color: #56b863;
    border: 2px solid #56b863;
    color: var(--white); }
    .add-post-form-button.green-filled:hover {
      background-color: #6acd77;
      border: 2px solid #6acd77; }
    .add-post-form-button.green-filled.hover-full {
      padding: 0.65em;
      height: 15px;
      text-align: center;
      border-radius: 5px;
      text-transform: none;
      font-weight: 500;
      line-height: 17px; }
  .add-post-form-button.green-empty {
    background-color: transparent;
    border: 2px solid #56b863;
    color: #56b863; }
    .add-post-form-button.green-empty:hover {
      color: #6acd77;
      border: 2px solid #6acd77; }
  .add-post-form-button.grey-empty {
    background-color: transparent;
    border: 2px solid #bfbfbf;
    color: #7d7d7d; }
    .add-post-form-button.grey-empty:hover {
      color: #a4a4a4;
      border: 2px solid #d2d2d2; }
  .add-post-form-button.grey-empty-hover-full {
    border: 2px solid var(--gray-300);
    padding: 0.65em;
    height: 15px;
    text-align: center;
    border-radius: 5px;
    text-transform: none;
    font-weight: 500;
    color: #7d7d7d;
    line-height: 17px; }
    .add-post-form-button.grey-empty-hover-full:hover {
      border: 2px solid var(--gray-450);
      background-color: var(--gray-450);
      color: var(--white); }
  .add-post-form-button.red-filled-hover-full {
    border: 2px solid var(--orange-150);
    background-color: var(--orange-150);
    padding: 0.65em;
    height: 15px;
    text-align: center;
    border-radius: 5px;
    text-transform: none;
    font-weight: 500;
    color: var(--white);
    line-height: 17px; }
    .add-post-form-button.red-filled-hover-full:hover {
      border-color: var(--orange-150);
      background-color: var(--orange-100);
      color: var(--white); }

.modal .close {
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  width: 13px;
  height: 13px;
  text-indent: -9999px;
  background-image: var(--modal-close-icon);
  background-size: contain; }

.modal .newsletter-choice {
  margin: auto;
  width: 460px; }
  .modal .newsletter-choice .radio-white {
    vertical-align: middle; }
  .modal .newsletter-choice.signin .newsletter-image {
    float: none !important; }
  .modal .newsletter-choice.signin .choices {
    float: none !important;
    margin: 0 auto; }
  .modal .newsletter-choice.signin label {
    line-height: 36px; }
  .modal .newsletter-choice.signin button {
    margin-top: 1em; }
  .modal .newsletter-choice label.text-secondary {
    color: #949494; }

#suggestions-before-leaving .suggestions-dialog {
  width: 1000px;
  top: 430px;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: auto;
  right: auto;
  margin: 0; }

#suggestions-before-leaving .modal-content {
  background-color: var(--white);
  height: 100%;
  width: 100%;
  -webkit-border-radius: 5px 5px 3px 3px;
  -moz-border-radius: 5px 5px 3px 3px;
  -ms-border-radius: 5px 5px 3px 3px;
  -o-border-radius: 5px 5px 3px 3px;
  border-radius: 5px 5px 3px 3px;
  font-family: Roboto, sans-serif; }

#suggestions-before-leaving .modal-body {
  padding: 0 0 50px;
  width: 100%;
  height: 100%;
  box-sizing: border-box; }

#suggestions-before-leaving .panda-logo {
  margin: -87px 20px;
  position: absolute;
  background: url("images/newsletter-panda-logo.png");
  background-size: 120px 105px;
  width: 120px;
  height: 105px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #suggestions-before-leaving .panda-logo {
      background: url("images/newsletter-panda-logo@X2.png");
      background-size: 120px 105px; } }

#suggestions-before-leaving .suggestions-modal-head {
  background: var(--white);
  color: var(--black);
  padding: 20px;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -ms-border-radius: 3px 3px 0px 0px;
  -o-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px; }
  #suggestions-before-leaving .suggestions-modal-head .title {
    font-size: 30px;
    font-weight: bold;
    padding-top: 18px;
    text-align: center;
    font-family: 'Merriweather', serif; }
  #suggestions-before-leaving .suggestions-modal-head .text {
    font-size: 14px;
    color: var(--gray-400);
    padding-top: 5px;
    text-align: center; }
  #suggestions-before-leaving .suggestions-modal-head .modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    color: var(--gray-400); }

#suggestions-before-leaving .suggestions-body {
  text-align: center; }
  #suggestions-before-leaving .suggestions-body .unseen-recommendation {
    display: inline-block;
    width: 30%;
    height: auto;
    position: relative;
    vertical-align: top;
    margin: 0 10px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 5px; }
    #suggestions-before-leaving .suggestions-body .unseen-recommendation img {
      border-radius: 3px 3px 0 0; }
    #suggestions-before-leaving .suggestions-body .unseen-recommendation .info-box {
      height: auto;
      padding-bottom: 35px;
      overflow: hidden; }
      #suggestions-before-leaving .suggestions-body .unseen-recommendation .info-box .title-block {
        padding: 15px 15px 10px;
        text-align: start; }
        #suggestions-before-leaving .suggestions-body .unseen-recommendation .info-box .title-block span {
          color: var(--gray-800);
          font-weight: bold;
          font-size: 16px;
          line-height: 1.25; }
      #suggestions-before-leaving .suggestions-body .unseen-recommendation .info-box .description-box {
        padding: 0 15px 15px;
        color: var(--gray-400);
        font-weight: 400;
        line-height: 1.5;
        font-size: 13px;
        text-align: justify; }
    #suggestions-before-leaving .suggestions-body .unseen-recommendation .post-stats {
      display: block;
      border-top: solid 1px rgba(0, 0, 0, 0.05);
      padding: 10px 0;
      bottom: 0;
      position: absolute;
      width: 100%;
      color: var(--gray-800); }
      #suggestions-before-leaving .suggestions-body .unseen-recommendation .post-stats .stats-col {
        width: 33%;
        float: left; }
        #suggestions-before-leaving .suggestions-body .unseen-recommendation .post-stats .stats-col span {
          padding-left: 5px;
          font-size: 15px; }
        #suggestions-before-leaving .suggestions-body .unseen-recommendation .post-stats .stats-col svg {
          height: 15px;
          width: 15px;
          color: var(--gray-400); }
        #suggestions-before-leaving .suggestions-body .unseen-recommendation .post-stats .stats-col span, #suggestions-before-leaving .suggestions-body .unseen-recommendation .post-stats .stats-col svg {
          vertical-align: middle; }

#suggestions-before-leaving .ml-block-success {
  padding: 30px 15px; }
  #suggestions-before-leaving .ml-block-success i {
    background: #56b863;
    color: var(--white);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    padding: 8px;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle; }
    #suggestions-before-leaving .ml-block-success i .svg-icon {
      vertical-align: top;
      width: 12px;
      height: 12px; }
  #suggestions-before-leaving .ml-block-success span {
    font-size: 26px;
    vertical-align: middle;
    margin-left: 12px;
    font-weight: bold; }
  #suggestions-before-leaving .ml-block-success p {
    color: var(--gray-400);
    font-size: 17px;
    padding-top: 10px;
    line-height: 24px;
    max-width: 440px; }

#comment-warning-popup .modal-dialog {
  width: 540px;
  height: 240px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

#comment-warning-popup .modal-content {
  background-color: var(--white);
  height: 100%;
  width: 100%;
  -webkit-border-radius: 5px 5px 3px 3px;
  -moz-border-radius: 5px 5px 3px 3px;
  -ms-border-radius: 5px 5px 3px 3px;
  -o-border-radius: 5px 5px 3px 3px;
  border-radius: 5px 5px 3px 3px;
  font-family: Roboto, sans-serif; }

#comment-warning-popup .modal-body {
  padding: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box; }
  #comment-warning-popup .modal-body .button {
    display: block;
    margin: auto;
    -webkit-appearance: none;
    cursor: pointer;
    outline: none;
    line-height: 1;
    color: var(--orange-150);
    border: solid 3px var(--orange-150);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 17px;
    font-weight: 500;
    font-family: Roboto, sans-serif;
    padding: 14px 24px; }
    #comment-warning-popup .modal-body .button:hover {
      background: var(--orange-150);
      color: var(--white); }
  #comment-warning-popup .modal-body .info {
    padding-top: 10px;
    color: var(--gray-300);
    font-size: 10px;
    font-weight: 500;
    text-align: center;
    display: block;
    text-decoration: underline; }

#comment-warning-popup .panda-logo {
  margin: -87px -60px;
  left: 50%;
  position: absolute;
  background: url("images/confused_panda.png");
  background-size: 120px 105px;
  width: 120px;
  height: 105px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #comment-warning-popup .panda-logo {
      background: url("images/confused_panda.png");
      background-size: 120px 105px; } }

#comment-warning-popup .modal-head {
  background: var(--white);
  color: var(--black);
  padding: 20px;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -ms-border-radius: 3px 3px 0px 0px;
  -o-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px; }
  #comment-warning-popup .modal-head .title {
    font-size: 30px;
    font-weight: bold;
    padding-top: 18px;
    text-align: center; }
  #comment-warning-popup .modal-head .text {
    font-size: 14px;
    color: var(--gray-400);
    padding-top: 5px;
    text-align: center;
    line-height: 1.5; }
  #comment-warning-popup .modal-head .modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    color: var(--gray-400); }

@media (max-width: 540px) {
  #comment-warning-popup .modal-dialog {
    width: 100%; }
  #comment-warning-popup .modal-body button {
    font-size: 16px; }
  #comment-warning-popup .modal-head .title {
    font-size: 26px; } }

@media (max-width: 449px) {
  #comment-warning-popup .modal-dialog {
    height: 280px; } }

#more-categories-modal {
  position: fixed;
  background: var(--black-0-30);
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 99999; }
  #more-categories-modal .modal-dialog {
    overflow-y: initial !important; }
  #more-categories-modal .modal-content {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0); }
    #more-categories-modal .modal-content .modal-head {
      padding: 24px;
      border-bottom: 1px solid var(--bg-recommendation-block-8-single-border); }
      #more-categories-modal .modal-content .modal-head span {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-shrink: 0;
        color: var(--on-bg-dark);
        font-family: Roboto;
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: normal; }
    #more-categories-modal .modal-content .body-content {
      grid-template-columns: 1fr 1fr;
      max-height: 60vh;
      overflow-y: auto;
      display: grid;
      gap: 16px;
      padding: 24px; }
      #more-categories-modal .modal-content .body-content .category-option {
        cursor: pointer;
        border-radius: 3px;
        background: var(--post-background);
        border: 1px solid var(--bg-recommendation-block-8-single-border);
        color: var(--on-bg-dark);
        padding: 24px;
        display: flex;
        align-items: flex-start;
        gap: 16px;
        flex-shrink: 0; }
        #more-categories-modal .modal-content .body-content .category-option.checked {
          border: 2px solid var(--Green, #56B863);
          margin-bottom: -2px;
          padding: 23px; }
        #more-categories-modal .modal-content .body-content .category-option input {
          cursor: pointer;
          border-radius: 0;
          width: 24px;
          height: 24px;
          flex-shrink: 0;
          content: "";
          outline: none;
          margin: 0;
          -webkit-appearance: none;
          background-image: url("images/icons/subscription-categories-checkbox.svg"); }
          #more-categories-modal .modal-content .body-content .category-option input:checked {
            background-image: url("images/icons/subscription-categories-checkbox-checked.svg"); }
        #more-categories-modal .modal-content .body-content .category-option .title {
          color: var(--on-bg-dark);
          font-family: Merriweather;
          font-size: 18px;
          font-style: normal;
          font-weight: 700;
          line-height: 26px;
          /* 144.444% */ }
        #more-categories-modal .modal-content .body-content .category-option .info {
          color: var(--on-bg-dark);
          font-family: Roboto;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          display: block;
          padding-top: 12px; }
    #more-categories-modal .modal-content .modal-footer {
      display: block;
      position: sticky;
      padding: 24px;
      border-top: 1px solid var(--bg-recommendation-block-8-single-border); }
      #more-categories-modal .modal-content .modal-footer .save-btn {
        cursor: pointer;
        color: var(--White, #FFF);
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        padding: 16px 24px;
        line-height: 21px;
        /* 131.25% */
        border: none;
        border-radius: 4px;
        background: var(--Black, #353535);
        margin: 0 16px 0 0; }
      #more-categories-modal .modal-content .modal-footer .cancel-btn {
        cursor: pointer;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        padding: 16px 24px;
        line-height: 21px;
        /* 131.25% */
        margin: 0;
        border-radius: 4px;
        color: var(--gray-800);
        border: 1px solid var(--gray-200);
        background: var(--white); }
  @media (max-width: 500px) {
    #more-categories-modal {
      width: 100%; }
      #more-categories-modal .modal-content {
        left: 0;
        transform: unset; }
        #more-categories-modal .modal-content .modal-head {
          padding: 56px 28px 24px 24px; }
          #more-categories-modal .modal-content .modal-head .close-btn {
            display: block !important;
            background-image: url("images/icons/subscription-categories-modal-close.svg");
            position: absolute;
            top: 50px;
            right: 24px;
            width: 32px;
            height: 32px; }
        #more-categories-modal .modal-content .body-content {
          max-height: unset;
          grid-template-columns: 1fr; }
          #more-categories-modal .modal-content .body-content .category-option {
            display: inline-grid;
            height: auto; }
        #more-categories-modal .modal-content .modal-footer {
          display: block;
          padding: 24px 24px 32px;
          border-radius: 4px;
          background: var(--white); }
          #more-categories-modal .modal-content .modal-footer button {
            display: block;
            width: calc(100% - 48px); }
            #more-categories-modal .modal-content .modal-footer button.cancel-btn {
              margin-top: 16px;
              padding: 16px 23px; } }

#newsletter-popup {
  background-color: rgba(1, 1, 1, 0.3); }
  #newsletter-popup .modal-dialog {
    width: 560px;
    height: 489px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
  #newsletter-popup .modal-content {
    box-shadow: none;
    background-clip: unset;
    background-color: var(--white);
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    font-family: Roboto, sans-serif; }
    #newsletter-popup .modal-content .modal-header {
      box-sizing: border-box;
      height: 219px;
      padding: 0;
      background: #B1D1CE;
      color: var(--black);
      position: relative; }
      #newsletter-popup .modal-content .modal-header .title {
        font-size: 30px;
        font-weight: bold;
        padding-top: 18px;
        text-align: center; }
      #newsletter-popup .modal-content .modal-header .text {
        font-size: 14px;
        color: var(--gray-400);
        padding-top: 5px;
        text-align: center;
        line-height: 1.5; }
      #newsletter-popup .modal-content .modal-header .modal-close {
        position: absolute;
        top: 24px;
        right: 24px;
        color: var(--gray-900);
        padding: 10px; }
      #newsletter-popup .modal-content .modal-header .panda-logo {
        position: absolute;
        bottom: 40px;
        left: 0;
        right: 0;
        background: url(images/sleeping-panda.svg) no-repeat center;
        background-size: 207px 107px;
        height: 107px;
        width: 100%; }
    #newsletter-popup .modal-content .modal-body {
      padding: 32px 56px 40px;
      width: 100%;
      box-sizing: border-box; }
      #newsletter-popup .modal-content .modal-body .title {
        font-family: Roboto, sans-serif;
        font-size: 26px;
        font-weight: 700;
        line-height: 36px;
        text-align: left;
        margin-bottom: 16px; }
      #newsletter-popup .modal-content .modal-body .bp-checkbox {
        margin-bottom: 38px; }
        #newsletter-popup .modal-content .modal-body .bp-checkbox .checkmark {
          box-sizing: border-box; }
          #newsletter-popup .modal-content .modal-body .bp-checkbox .checkmark:after {
            width: 3px;
            height: 6px; }
        #newsletter-popup .modal-content .modal-body .bp-checkbox span.text {
          line-height: 17px; }
      #newsletter-popup .modal-content .modal-body .actions .button {
        cursor: pointer;
        width: 100%;
        padding: 12px 16px;
        background: var(--orange-150);
        color: var(--white);
        border-radius: 3px;
        border: none;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        box-sizing: border-box; }
        #newsletter-popup .modal-content .modal-body .actions .button:hover {
          opacity: 0.8; }
  @media (max-width: 540px) {
    #newsletter-popup .modal-dialog {
      width: 100%;
      height: 100%; }
      #newsletter-popup .modal-dialog .modal-content {
        border-radius: 0;
        height: 100%;
        box-sizing: border-box; }
        #newsletter-popup .modal-dialog .modal-content .modal-header {
          height: 320px; }
          #newsletter-popup .modal-dialog .modal-content .modal-header .modal-close {
            top: 40px; }
        #newsletter-popup .modal-dialog .modal-content .modal-body {
          padding: 40px 24px 56px;
          height: calc(100% - 320px);
          display: flex;
          flex-direction: column; }
          #newsletter-popup .modal-dialog .modal-content .modal-body .title {
            margin-bottom: 24px; }
          #newsletter-popup .modal-dialog .modal-content .modal-body .bp-checkbox span.text {
            font-size: 16px;
            line-height: 24px; }
          #newsletter-popup .modal-dialog .modal-content .modal-body .actions {
            margin: auto 0 0; } }

#newsletter-popup-v2 {
  background-color: rgba(1, 1, 1, 0.3); }
  #newsletter-popup-v2 .modal-dialog {
    width: 600px;
    height: 600px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
  #newsletter-popup-v2 .modal-content {
    padding: 25px;
    box-shadow: none;
    background-clip: unset;
    background-color: #eeeeee;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    font-family: Roboto, sans-serif;
    display: flex;
    flex-direction: column; }
    #newsletter-popup-v2 .modal-content .modal-header {
      box-sizing: border-box;
      padding: 0;
      position: relative;
      padding-top: 30px;
      display: flex;
      justify-content: center; }
      #newsletter-popup-v2 .modal-content .modal-header .title {
        font-size: 30px;
        font-weight: bold;
        padding-top: 18px;
        text-align: center; }
      #newsletter-popup-v2 .modal-content .modal-header .text {
        font-size: 14px;
        color: var(--gray-400);
        padding-top: 5px;
        text-align: center;
        line-height: 1.5; }
      #newsletter-popup-v2 .modal-content .modal-header .modal-close {
        position: absolute;
        top: 0px;
        right: 0px;
        color: var(--gray-900);
        padding: 10px; }
      #newsletter-popup-v2 .modal-content .modal-header .panda-logo {
        width: 500px;
        height: auto;
        object-fit: cover; }
    #newsletter-popup-v2 .modal-content .modal-body {
      padding: 32px 56px 40px;
      width: 100%;
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      flex-direction: column; }
      #newsletter-popup-v2 .modal-content .modal-body .title {
        font-family: 'Merriweather', serif;
        color: #242635;
        font-size: 28px;
        font-weight: 600;
        letter-spacing: 0px;
        text-align: center;
        margin-bottom: .5rem; }
      #newsletter-popup-v2 .modal-content .modal-body .info {
        text-align: center;
        padding: 0px 10px 30px 10px;
        line-height: 25px;
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        color: #333333;
        font-size: 18px;
        letter-spacing: 0px; }
      #newsletter-popup-v2 .modal-content .modal-body .nl-subscribe-block {
        display: flex;
        gap: 10px; }
        #newsletter-popup-v2 .modal-content .modal-body .nl-subscribe-block input[name="email"] {
          width: 70%;
          background-color: #ffffff;
          font-family: 'Roboto', Arial, Helvetica, sans-serif;
          border-radius: 3px !important;
          font-size: 14px;
          line-height: 24px;
          color: #333333;
          box-sizing: border-box;
          border-radius: 3px !important;
          border: none;
          padding-top: 12px !important;
          padding-bottom: 12px !important;
          height: auto;
          padding-left: 15px; }
        #newsletter-popup-v2 .modal-content .modal-body .nl-subscribe-block .subscribe-btn {
          width: 30%;
          border: none;
          display: inline-block;
          font-family: 'Roboto', Arial, Helvetica, sans-serif;
          background-color: #56B863;
          font-size: 16px;
          cursor: pointer;
          line-height: 24px;
          color: #ffffff;
          border-radius: 3px !important;
          padding: 12px 0px;
          font-weight: normal;
          font-style: normal;
          text-decoration: none; }
      #newsletter-popup-v2 .modal-content .modal-body .success-message {
        margin-top: 10px;
        background-color: #56B863;
        padding: 15px 30px;
        color: white;
        display: flex;
        gap: 10px; }
        #newsletter-popup-v2 .modal-content .modal-body .success-message.hidden {
          display: none; }
        #newsletter-popup-v2 .modal-content .modal-body .success-message .checkmark {
          width: 24px;
          height: 24px;
          flex-shrink: 0;
          content: "";
          outline: none;
          margin: 0;
          -webkit-appearance: none;
          background-image: url("images/icons/checkmark-applied-white.svg"); }
  @media (max-width: 540px) {
    #newsletter-popup-v2 .modal-dialog {
      width: 100%;
      height: 100%; }
      #newsletter-popup-v2 .modal-dialog .modal-content {
        border-radius: 0;
        height: 100%;
        box-sizing: border-box; }
        #newsletter-popup-v2 .modal-dialog .modal-content .modal-header {
          height: 320px; }
          #newsletter-popup-v2 .modal-dialog .modal-content .modal-header .modal-close {
            top: 40px; }
        #newsletter-popup-v2 .modal-dialog .modal-content .modal-body {
          padding: 40px 24px 56px;
          height: calc(100% - 320px);
          display: flex;
          flex-direction: column; }
          #newsletter-popup-v2 .modal-dialog .modal-content .modal-body .title {
            margin-bottom: 24px; }
          #newsletter-popup-v2 .modal-dialog .modal-content .modal-body .nl-subscribe-block {
            display: flex;
            flex-direction: column; }
            #newsletter-popup-v2 .modal-dialog .modal-content .modal-body .nl-subscribe-block input, #newsletter-popup-v2 .modal-dialog .modal-content .modal-body .nl-subscribe-block button {
              width: 100%; }
        #newsletter-popup-v2 .modal-dialog .modal-content .modal-footer .custom-control-privacy-policy {
          color: #333333;
          font-size: 14px !important;
          font-family: 'Roboto', Arial, Helvetica, sans-serif;
          line-height: 24px;
          font-weight: normal;
          font-style: normal;
          text-decoration: none;
          margin-bottom: 0; } }

#newsletter-popup-v3 {
  background-color: rgba(1, 1, 1, 0.3); }
  #newsletter-popup-v3 .modal-dialog {
    width: 600px;
    height: 600px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
  #newsletter-popup-v3 .modal-content {
    border: none;
    border-radius: 3px;
    box-shadow: none;
    background-clip: unset;
    background-color: #eeeeee;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    font-family: Roboto, sans-serif;
    display: flex;
    flex-direction: column; }
    #newsletter-popup-v3 .modal-content .modal-header {
      box-sizing: border-box;
      padding: 0;
      position: relative;
      display: flex;
      justify-content: center; }
      #newsletter-popup-v3 .modal-content .modal-header .title {
        font-size: 30px;
        font-weight: bold;
        padding-top: 18px;
        text-align: center; }
      #newsletter-popup-v3 .modal-content .modal-header .text {
        font-size: 14px;
        color: var(--gray-400);
        padding-top: 5px;
        text-align: center;
        line-height: 1.5; }
      #newsletter-popup-v3 .modal-content .modal-header .modal-close {
        position: absolute;
        top: 0px;
        right: 0px;
        color: #ffffff;
        padding: 20px; }
      #newsletter-popup-v3 .modal-content .modal-header .panda-logo {
        height: 220px;
        width: 100%;
        background-size: cover;
        background-position: bottom;
        background-image: url("images/newsletter-banner@3x.jpg"); }
        @media (max-width: 440px) {
          #newsletter-popup-v3 .modal-content .modal-header .panda-logo {
            background-image: url("images/newsletter-banner-mobile@3x.jpg"); } }
    #newsletter-popup-v3 .modal-content .modal-body {
      padding: 24px 40px;
      width: 100%;
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      flex-direction: column; }
      #newsletter-popup-v3 .modal-content .modal-body .title {
        color: var(--Brand-Brand---Black, #353535);
        text-align: center;
        font-family: Merriweather;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px; }
      #newsletter-popup-v3 .modal-content .modal-body .info {
        padding-top: 8px;
        color: var(--Light-theme-Grey-1, #949494);
        text-align: center;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; }
      #newsletter-popup-v3 .modal-content .modal-body .nl-subscribe-block {
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding-top: 24px; }
        #newsletter-popup-v3 .modal-content .modal-body .nl-subscribe-block input[name="email"] {
          background-color: #ffffff;
          box-sizing: border-box;
          padding-top: 12px !important;
          padding-bottom: 12px !important;
          height: auto;
          padding-left: 15px;
          border-radius: 3px;
          border: 1px solid var(--Light-theme-Grey-3, #EBEBEB);
          color: var(--Light-theme-Grey-1, #949494);
          font-family: Roboto;
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          line-height: 24px; }
          #newsletter-popup-v3 .modal-content .modal-body .nl-subscribe-block input[name="email"].invalid-email {
            border: 1px solid var(--orange-150) !important; }
        #newsletter-popup-v3 .modal-content .modal-body .nl-subscribe-block .subscribe-btn {
          border: none;
          display: inline-block;
          cursor: pointer;
          padding: 12px 0px;
          text-decoration: none;
          border-radius: 3px;
          background-color: var(--Brand-Brand---Red, #D74B1F);
          color: var(--White, #FFF);
          font-family: Roboto;
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          line-height: 24px; }
      #newsletter-popup-v3 .modal-content .modal-body .ps-text {
        text-align: center;
        color: var(--Light-theme-Grey-1, #949494);
        font-family: Roboto;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        padding-top: 16px; }
      #newsletter-popup-v3 .modal-content .modal-body .success-message {
        font-size: 15px;
        margin-top: 10px;
        background-color: #56B863;
        padding: 12px 30px;
        line-height: 25px;
        color: white;
        display: flex;
        gap: 10px; }
        #newsletter-popup-v3 .modal-content .modal-body .success-message.hidden {
          display: none; }
        #newsletter-popup-v3 .modal-content .modal-body .success-message .checkmark {
          width: 24px;
          height: 24px;
          flex-shrink: 0;
          content: "";
          outline: none;
          margin: 0;
          -webkit-appearance: none;
          background-image: url("images/icons/checkmark-applied-white.svg"); }
  @media (max-width: 540px) {
    #newsletter-popup-v3 .modal-dialog {
      width: 100%; }
      #newsletter-popup-v3 .modal-dialog .modal-content {
        border-radius: 0;
        box-sizing: border-box; }
        #newsletter-popup-v3 .modal-dialog .modal-content .modal-body {
          padding: 24px;
          display: flex;
          flex-direction: column; }
          #newsletter-popup-v3 .modal-dialog .modal-content .modal-body .title {
            color: #353535;
            text-align: center;
            font-family: Merriweather;
            font-size: 26px;
            font-style: normal;
            font-weight: 700;
            line-height: 36px; }
          #newsletter-popup-v3 .modal-dialog .modal-content .modal-body .info {
            color: var(--Light-theme-Grey-1, #949494);
            text-align: center;
            font-family: Roboto;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px; }
          #newsletter-popup-v3 .modal-dialog .modal-content .modal-body .nl-subscribe-block {
            display: flex;
            flex-direction: column; }
            #newsletter-popup-v3 .modal-dialog .modal-content .modal-body .nl-subscribe-block input, #newsletter-popup-v3 .modal-dialog .modal-content .modal-body .nl-subscribe-block button {
              width: 100%; }
        #newsletter-popup-v3 .modal-dialog .modal-content .modal-footer .custom-control-privacy-policy {
          color: #333333;
          font-size: 14px !important;
          font-family: 'Roboto', Arial, Helvetica, sans-serif;
          line-height: 24px;
          font-weight: normal;
          font-style: normal;
          text-decoration: none;
          margin-bottom: 0; } }

#newsletter-popup-v4 {
  background-color: rgba(1, 1, 1, 0.3); }
  #newsletter-popup-v4 .modal-dialog {
    width: 600px;
    height: 600px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
  #newsletter-popup-v4 .modal-content {
    border: none;
    border-radius: 3px;
    box-shadow: none;
    background-clip: unset;
    background-color: #eeeeee;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    font-family: Roboto, sans-serif;
    display: flex;
    flex-direction: column; }
    #newsletter-popup-v4 .modal-content .modal-header {
      box-sizing: border-box;
      padding: 0;
      position: relative;
      display: flex;
      justify-content: center; }
      #newsletter-popup-v4 .modal-content .modal-header .title {
        font-size: 30px;
        font-weight: bold;
        padding-top: 18px;
        text-align: center; }
      #newsletter-popup-v4 .modal-content .modal-header .text {
        font-size: 14px;
        color: var(--gray-400);
        padding-top: 5px;
        text-align: center;
        line-height: 1.5; }
      #newsletter-popup-v4 .modal-content .modal-header .modal-close {
        position: absolute;
        top: 0px;
        right: 0px;
        color: #ffffff;
        padding: 20px; }
      #newsletter-popup-v4 .modal-content .modal-header .panda-logo {
        height: 220px;
        width: 100%;
        background-size: cover;
        background-position: right;
        background-image: url("images/newsletter-popup-animals@3x.jpg"); }
        @media (max-width: 440px) {
          #newsletter-popup-v4 .modal-content .modal-header .panda-logo {
            background-image: url("images/newsletter-popup-animals@3x.jpg"); } }
    #newsletter-popup-v4 .modal-content .modal-body {
      padding: 24px 40px;
      width: 100%;
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      flex-direction: column; }
      #newsletter-popup-v4 .modal-content .modal-body .title {
        color: var(--Brand-Brand---Black, #353535);
        text-align: center;
        font-family: Merriweather;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px; }
      #newsletter-popup-v4 .modal-content .modal-body .info {
        padding-top: 8px;
        color: var(--Light-theme-Grey-1, #949494);
        text-align: center;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; }
      #newsletter-popup-v4 .modal-content .modal-body .nl-subscribe-block {
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding-top: 24px; }
        #newsletter-popup-v4 .modal-content .modal-body .nl-subscribe-block input[name="email"] {
          background-color: #ffffff;
          box-sizing: border-box;
          padding-top: 12px !important;
          padding-bottom: 12px !important;
          height: auto;
          padding-left: 15px;
          border-radius: 3px;
          border: 1px solid var(--Light-theme-Grey-3, #EBEBEB);
          color: var(--Light-theme-Grey-1, #949494);
          font-family: Roboto;
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          line-height: 24px; }
          #newsletter-popup-v4 .modal-content .modal-body .nl-subscribe-block input[name="email"].invalid-email {
            border: 1px solid var(--orange-150) !important; }
        #newsletter-popup-v4 .modal-content .modal-body .nl-subscribe-block .subscribe-btn {
          border: none;
          display: inline-block;
          cursor: pointer;
          padding: 12px 0px;
          text-decoration: none;
          border-radius: 3px;
          background-color: var(--Brand-Brand---Red, #D74B1F);
          color: var(--White, #FFF);
          font-family: Roboto;
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          line-height: 24px; }
      #newsletter-popup-v4 .modal-content .modal-body .ps-text {
        text-align: center;
        color: var(--Light-theme-Grey-1, #949494);
        font-family: Roboto;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        padding-top: 16px; }
      #newsletter-popup-v4 .modal-content .modal-body .success-message {
        font-size: 15px;
        margin-top: 10px;
        background-color: #56B863;
        padding: 12px 30px;
        line-height: 25px;
        color: white;
        display: flex;
        gap: 10px; }
        #newsletter-popup-v4 .modal-content .modal-body .success-message.hidden {
          display: none; }
        #newsletter-popup-v4 .modal-content .modal-body .success-message .checkmark {
          width: 24px;
          height: 24px;
          flex-shrink: 0;
          content: "";
          outline: none;
          margin: 0;
          -webkit-appearance: none;
          background-image: url("images/icons/checkmark-applied-white.svg"); }
  @media (max-width: 540px) {
    #newsletter-popup-v4 .modal-dialog {
      width: 100%; }
      #newsletter-popup-v4 .modal-dialog .modal-content {
        border-radius: 0;
        box-sizing: border-box; }
        #newsletter-popup-v4 .modal-dialog .modal-content .modal-body {
          padding: 24px;
          display: flex;
          flex-direction: column; }
          #newsletter-popup-v4 .modal-dialog .modal-content .modal-body .title {
            color: #353535;
            text-align: center;
            font-family: Merriweather;
            font-size: 26px;
            font-style: normal;
            font-weight: 700;
            line-height: 36px; }
          #newsletter-popup-v4 .modal-dialog .modal-content .modal-body .info {
            color: var(--Light-theme-Grey-1, #949494);
            text-align: center;
            font-family: Roboto;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px; }
          #newsletter-popup-v4 .modal-dialog .modal-content .modal-body .nl-subscribe-block {
            display: flex;
            flex-direction: column; }
            #newsletter-popup-v4 .modal-dialog .modal-content .modal-body .nl-subscribe-block input, #newsletter-popup-v4 .modal-dialog .modal-content .modal-body .nl-subscribe-block button {
              width: 100%; }
        #newsletter-popup-v4 .modal-dialog .modal-content .modal-footer .custom-control-privacy-policy {
          color: #333333;
          font-size: 14px !important;
          font-family: 'Roboto', Arial, Helvetica, sans-serif;
          line-height: 24px;
          font-weight: normal;
          font-style: normal;
          text-decoration: none;
          margin-bottom: 0; } }

.fs-sticky-footer {
  z-index: 2147483645 !important; }

#credential_picker_iframe {
  z-index: 2147483646 !important; }

#web-to-app-popup {
  z-index: 2147483646;
  background-color: rgba(0, 0, 0, 0.35); }
  #web-to-app-popup .modal-dialog {
    max-width: 353px;
    height: 598px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
  #web-to-app-popup .modal-content {
    box-shadow: none;
    background-clip: unset;
    background-color: var(--white);
    width: 100%;
    border-radius: 8px;
    border: none;
    font-family: Roboto, sans-serif; }
    #web-to-app-popup .modal-content .modal-header {
      border: none;
      border-radius: 8px 8px 0 0;
      display: flex;
      box-sizing: border-box;
      height: 186px;
      background: radial-gradient(71.81% 146.35% at 72.38% 18.28%, #F16D43 2.24%, #D34C22 48.96%, #B83C15 95.29%);
      position: relative;
      padding: 20px 0px 10px; }
      #web-to-app-popup .modal-content .modal-header .title {
        width: 167px;
        height: 96px;
        padding-top: 27px;
        padding-left: 28px;
        gap: 0px;
        color: var(--white);
        font-family: Roboto;
        font-size: 26px;
        font-weight: 800;
        line-height: 32px;
        text-align: left; }
      #web-to-app-popup .modal-content .modal-header .text {
        font-size: 14px;
        color: var(--gray-400);
        padding-top: 5px;
        text-align: center;
        line-height: 1.5; }
      #web-to-app-popup .modal-content .modal-header .modal-close {
        position: absolute;
        top: 24px;
        right: 24px;
        color: var(--gray-900);
        padding: 10px; }
      #web-to-app-popup .modal-content .modal-header .panda-logo {
        position: absolute;
        bottom: 6.7px;
        right: 0;
        background: url(images/icons/app-icon.svg) no-repeat;
        background-size: 164.26px 164.26px;
        height: 164.26px;
        width: 164.26px; }
    #web-to-app-popup .modal-content .modal-body {
      padding: 32px 24px;
      width: 100%;
      box-sizing: border-box; }
      #web-to-app-popup .modal-content .modal-body .text-block {
        flex-wrap: wrap;
        row-gap: 16px;
        display: flex; }
        #web-to-app-popup .modal-content .modal-body .text-block .text-row {
          gap: 12px;
          flex: 1 1 auto;
          display: flex; }
        #web-to-app-popup .modal-content .modal-body .text-block .text {
          font-family: Roboto;
          font-size: 16px;
          font-weight: 500;
          line-height: 24px;
          text-align: left; }
        #web-to-app-popup .modal-content .modal-body .text-block .checkmark {
          width: 24px;
          height: 24px;
          flex-shrink: 0;
          content: "";
          outline: none;
          margin: 0;
          -webkit-appearance: none;
          background-image: url("images/icons/checkmark-applied.svg"); }
      #web-to-app-popup .modal-content .modal-body .get-app .get-ios-app {
        background-size: 148.77px 44px;
        width: 148.77px;
        height: 44px; }
      #web-to-app-popup .modal-content .modal-body .get-app .get-android-app {
        background-size: 143.54px 44px;
        width: 143.54px;
        height: 44px; }
      @media (max-width: 340px) {
        #web-to-app-popup .modal-content .modal-body .get-app .get-ios-app {
          background-size: 131.85px 39px;
          width: 131.85px;
          height: 39px; }
        #web-to-app-popup .modal-content .modal-body .get-app .get-android-app {
          background-size: 127.2px 39px;
          width: 127.2px;
          height: 39px; } }
      #web-to-app-popup .modal-content .modal-body .title {
        font-family: Roboto, sans-serif;
        font-size: 26px;
        font-weight: 700;
        line-height: 36px;
        text-align: left;
        margin-bottom: 16px; }
      #web-to-app-popup .modal-content .modal-body .bp-checkbox {
        margin-bottom: 38px; }
        #web-to-app-popup .modal-content .modal-body .bp-checkbox .checkmark {
          box-sizing: border-box; }
          #web-to-app-popup .modal-content .modal-body .bp-checkbox .checkmark:after {
            width: 3px;
            height: 6px; }
        #web-to-app-popup .modal-content .modal-body .bp-checkbox span.text {
          line-height: 17px; }
      #web-to-app-popup .modal-content .modal-body .actions {
        text-align: center; }
        #web-to-app-popup .modal-content .modal-body .actions .button {
          display: block;
          font-family: Roboto;
          font-size: 16px;
          font-weight: 600;
          line-height: 24px;
          color: var(--white);
          padding: 16px 0px;
          border-radius: 100px;
          border: none;
          background-color: var(--bg-newsletter-block);
          margin-top: 32px;
          margin-bottom: 24px;
          width: 100%; }
        #web-to-app-popup .modal-content .modal-body .actions .skip {
          font-family: Roboto;
          font-size: 14px;
          font-weight: 600;
          line-height: 22px;
          color: var(--gray-450);
          text-decoration: underline; }

#newsletter-popup-mobile, #newsletter-news-exit-popup {
  z-index: 2147483646;
  background-color: rgba(1, 1, 1, 0.3);
  /* Input */
  /* Checkbox */
  /* Checkbox position fix */
  /* Label */
  /* Label Desciption */
  /* GDPR Title */
  /* GDPR Text */
  /* GDPR Text Link */
  /* MOBILE version */ }
  #newsletter-popup-mobile .d-flex, #newsletter-news-exit-popup .d-flex {
    display: flex; }
  #newsletter-popup-mobile .mt-3, #newsletter-news-exit-popup .mt-3 {
    margin-top: 1rem !important; }
  #newsletter-popup-mobile .modal-dialog, #newsletter-news-exit-popup .modal-dialog {
    min-height: 100vh !important;
    justify-content: center !important;
    align-items: center;
    flex-wrap: wrap; }
  #newsletter-popup-mobile .row, #newsletter-news-exit-popup .row {
    margin: 0;
    display: flex;
    flex-direction: unset;
    flex-wrap: wrap; }
  #newsletter-popup-mobile .col, #newsletter-news-exit-popup .col {
    flex-direction: column;
    flex-basis: auto;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px; }
  #newsletter-popup-mobile button.close, #newsletter-news-exit-popup button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top: 10px; }
  #newsletter-popup-mobile input, #newsletter-news-exit-popup input {
    outline: none; }
  #newsletter-popup-mobile .text-align .ml-popup-content-9 .button-block, #newsletter-news-exit-popup .text-align .ml-popup-content-9 .button-block {
    text-align: center; }
  #newsletter-popup-mobile .ml-popup-content-9 .btn-block + .btn-block, #newsletter-news-exit-popup .ml-popup-content-9 .btn-block + .btn-block {
    margin-top: 0; }
  #newsletter-popup-mobile .ml-popup-content-9 .button-block .btn-block, #newsletter-news-exit-popup .ml-popup-content-9 .button-block .btn-block {
    width: 100%;
    display: inline-block;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    background-color: #56B863;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    border-radius: 3px !important;
    padding: 13px 0px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none; }
  #newsletter-popup-mobile .ml-popup-content-9 .button-block .btn-block:hover, #newsletter-popup-mobile .ml-popup-content-9 .button-block .btn-block:focus, #newsletter-popup-mobile .ml-popup-content-9 .button-block .btn-block:active, #newsletter-popup-mobile .ml-popup-content-9 .button-block .btn-block:active:hover, #newsletter-news-exit-popup .ml-popup-content-9 .button-block .btn-block:hover, #newsletter-news-exit-popup .ml-popup-content-9 .button-block .btn-block:focus, #newsletter-news-exit-popup .ml-popup-content-9 .button-block .btn-block:active, #newsletter-news-exit-popup .ml-popup-content-9 .button-block .btn-block:active:hover {
    opacity: 0.8;
    color: #ffffff;
    font-weight: normal;
    font-style: normal;
    text-decoration: none; }
  @media (max-width: 768px) {
    #newsletter-popup-mobile .ml-popup-content-9 .button-block .btn-block, #newsletter-news-exit-popup .ml-popup-content-9 .button-block .btn-block {
      width: 100% !important; } }
  #newsletter-popup-mobile .ml-popup-content-9 .form-group .form-control,
  #newsletter-popup-mobile .ml-popup-content-9 .form-group .custom-select, #newsletter-news-exit-popup .ml-popup-content-9 .form-group .form-control,
  #newsletter-news-exit-popup .ml-popup-content-9 .form-group .custom-select {
    background-color: #ffffff;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    border-radius: 3px !important;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    border: 1px solid #EAEAEA;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    height: auto; }
  #newsletter-popup-mobile .ml-popup-content-9 .form-group.ml-error .form-control,
  #newsletter-popup-mobile .ml-popup-content-9 .input-group.ml-error .form-control,
  #newsletter-popup-mobile .ml-popup-content-9 .form-group.ml-error .custom-select, #newsletter-news-exit-popup .ml-popup-content-9 .form-group.ml-error .form-control,
  #newsletter-news-exit-popup .ml-popup-content-9 .input-group.ml-error .form-control,
  #newsletter-news-exit-popup .ml-popup-content-9 .form-group.ml-error .custom-select {
    border-color: red !important; }
  #newsletter-popup-mobile .ml-popup-content-9 .form-group.ml-error .field-title, #newsletter-news-exit-popup .ml-popup-content-9 .form-group.ml-error .field-title {
    color: red; }
  #newsletter-popup-mobile .ml-popup-content-9 .form-group.ml-error .custom-checkbox-radio-list, #newsletter-news-exit-popup .ml-popup-content-9 .form-group.ml-error .custom-checkbox-radio-list {
    border-radius: 3px !important;
    border: 1px solid #EAEAEA;
    padding: 10px;
    border-color: red !important; }
  #newsletter-popup-mobile .ml-popup-content-9 .form-group .form-control::placeholder, #newsletter-news-exit-popup .ml-popup-content-9 .form-group .form-control::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #9A9A9A;
    opacity: 1;
    /* Firefox */ }
  #newsletter-popup-mobile .ml-popup-content-9 .form-group .form-control:-ms-input-placeholder, #newsletter-news-exit-popup .ml-popup-content-9 .form-group .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #9A9A9A; }
  #newsletter-popup-mobile .ml-popup-content-9 .form-group .form-control::-ms-input-placeholder, #newsletter-news-exit-popup .ml-popup-content-9 .form-group .form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #9A9A9A; }
  @media (max-width: 768px) {
    #newsletter-popup-mobile .ml-popup-content-9 .input-group .input-group-append, #newsletter-news-exit-popup .ml-popup-content-9 .input-group .input-group-append {
      float: left !important;
      margin-top: 7px !important;
      width: 100% !important;
      margin-left: 0 !important; } }
  #newsletter-popup-mobile .ml-popup-content-9 .form-group .custom-control-label,
  #newsletter-popup-mobile .ml-popup-content-9 .form-group .custom-control-label p,
  #newsletter-popup-mobile .ml-popup-content-9 .form-group .custom-control-privacy-policy p, #newsletter-news-exit-popup .ml-popup-content-9 .form-group .custom-control-label,
  #newsletter-news-exit-popup .ml-popup-content-9 .form-group .custom-control-label p,
  #newsletter-news-exit-popup .ml-popup-content-9 .form-group .custom-control-privacy-policy p {
    color: #333333;
    font-size: 14px !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    line-height: 24px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    margin-bottom: 0; }
  #newsletter-popup-mobile .ml-popup-content-9 .form-group.ml-error .custom-control-label p, #newsletter-news-exit-popup .ml-popup-content-9 .form-group.ml-error .custom-control-label p {
    color: red; }
  #newsletter-popup-mobile .ml-error .label-description,
  #newsletter-popup-mobile .ml-error .label-description p,
  #newsletter-popup-mobile .ml-error .label-description p a,
  #newsletter-popup-mobile .ml-error label:first-child, #newsletter-news-exit-popup .ml-error .label-description,
  #newsletter-news-exit-popup .ml-error .label-description p,
  #newsletter-news-exit-popup .ml-error .label-description p a,
  #newsletter-news-exit-popup .ml-error label:first-child {
    color: #ff0000 !important; }
  #newsletter-popup-mobile .ml-popup-content-9 .form-group .custom-control-label a,
  #newsletter-popup-mobile .ml-popup-content-9 .form-group .custom-control-privacy-policy a, #newsletter-news-exit-popup .ml-popup-content-9 .form-group .custom-control-label a,
  #newsletter-news-exit-popup .ml-popup-content-9 .form-group .custom-control-privacy-policy a {
    color: #333333;
    text-decoration: underline; }
  #newsletter-popup-mobile .ml-popup-content-9 .custom-checkbox .custom-control-label::before,
  #newsletter-popup-mobile .ml-popup-content-9 .custom-radio .custom-control-label::before, #newsletter-news-exit-popup .ml-popup-content-9 .custom-checkbox .custom-control-label::before,
  #newsletter-news-exit-popup .ml-popup-content-9 .custom-radio .custom-control-label::before {
    border-color: #EAEAEA;
    background-color: #ffffff; }
  #newsletter-popup-mobile .ml-popup-content-9 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
  #newsletter-popup-mobile .ml-popup-content-9 .custom-radio .custom-control-input:checked ~ .custom-control-label::before, #newsletter-news-exit-popup .ml-popup-content-9 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
  #newsletter-news-exit-popup .ml-popup-content-9 .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #EAEAEA;
    background-color: #242635;
    color: #ffffff; }
  #newsletter-popup-mobile .ml-popup-content-9 .custom-checkbox .custom-control-label::before, #newsletter-popup-mobile .ml-popup-content-9 .custom-checkbox .custom-control-label::after,
  #newsletter-popup-mobile .ml-popup-content-9 .custom-radio .custom-control-label::before, #newsletter-popup-mobile .ml-popup-content-9 .custom-radio .custom-control-label::after, #newsletter-news-exit-popup .ml-popup-content-9 .custom-checkbox .custom-control-label::before, #newsletter-news-exit-popup .ml-popup-content-9 .custom-checkbox .custom-control-label::after,
  #newsletter-news-exit-popup .ml-popup-content-9 .custom-radio .custom-control-label::before, #newsletter-news-exit-popup .ml-popup-content-9 .custom-radio .custom-control-label::after {
    top: 4px; }
  #newsletter-popup-mobile .ml-popup-content-9 .form-group label, #newsletter-news-exit-popup .ml-popup-content-9 .form-group label {
    margin-bottom: 3px;
    color: #242635;
    font-size: 14px;
    font-family: 'Merriweather', serif;
    font-weight: bold;
    font-style: normal;
    text-decoration: none; }
  #newsletter-popup-mobile .ml-popup-content-9 .form-group .custom-control-label .description, #newsletter-news-exit-popup .ml-popup-content-9 .form-group .custom-control-label .description {
    margin-top: 5px;
    color: #242635;
    font-size: 12px;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none; }
  #newsletter-popup-mobile .ml-popup-content-9 .form-group-gdpr h4, #newsletter-news-exit-popup .ml-popup-content-9 .form-group-gdpr h4 {
    color: #111111;
    font-size: 13px;
    font-family: 'Merriweather', serif;
    font-weight: bold;
    font-style: normal;
    text-decoration: none; }
  #newsletter-popup-mobile .ml-popup-content-9 .form-group-gdpr p, #newsletter-news-exit-popup .ml-popup-content-9 .form-group-gdpr p {
    color: #111111;
    font-size: 12px !important;
    font-family: 'Merriweather', serif;
    line-height: 22px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none; }
  #newsletter-popup-mobile .ml-popup-content-9 .form-group-gdpr p a, #newsletter-news-exit-popup .ml-popup-content-9 .form-group-gdpr p a {
    color: #111111; }
  #newsletter-popup-mobile .ml-form-recaptcha, #newsletter-news-exit-popup .ml-form-recaptcha {
    float: left; }
  #newsletter-popup-mobile .ml-form-recaptcha.ml-error iframe, #newsletter-news-exit-popup .ml-form-recaptcha.ml-error iframe {
    border: solid 1px #ff0000; }
  @media screen and (max-width: 768px) {
    #newsletter-popup-mobile .ml-form-recaptcha, #newsletter-news-exit-popup .ml-form-recaptcha {
      transform: scale(0.77);
      -webkit-transform: scale(0.77);
      transform-origin: 0 0;
      -webkit-transform-origin: 0 0; } }
  #newsletter-popup-mobile .ml-form-recaptcha, #newsletter-news-exit-popup .ml-form-recaptcha {
    float: left; }
  #newsletter-popup-mobile .ml-form-recaptcha.ml-error iframe, #newsletter-news-exit-popup .ml-form-recaptcha.ml-error iframe {
    border: solid 1px #ff0000; }
  @media screen and (max-width: 768px) {
    #newsletter-popup-mobile .ml-form-recaptcha, #newsletter-news-exit-popup .ml-form-recaptcha {
      transform: scale(0.77);
      -webkit-transform: scale(0.77);
      transform-origin: 0 0;
      -webkit-transform-origin: 0 0; }
    #newsletter-popup-mobile .row, #newsletter-news-exit-popup .row {
      display: flex !important; } }
  #newsletter-popup-mobile .ml-popup-content-6 h1,
  #newsletter-popup-mobile .ml-popup-content-6 h3, #newsletter-news-exit-popup .ml-popup-content-6 h1,
  #newsletter-news-exit-popup .ml-popup-content-6 h3 {
    font-family: 'Merriweather', serif;
    color: #242635;
    font-size: 28px;
    letter-spacing: 0px;
    margin-bottom: .5rem; }
  #newsletter-popup-mobile .ml-popup-content-6 p, #newsletter-news-exit-popup .ml-popup-content-6 p {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 18px;
    letter-spacing: 0px; }
  #newsletter-popup-mobile .ml-popup-content-31 h1, #newsletter-news-exit-popup .ml-popup-content-31 h1 {
    font-family: 'Merriweather', serif;
    color: #242635;
    font-size: 46px;
    letter-spacing: 0px; }
  #newsletter-popup-mobile .ml-popup-content-31 h2, #newsletter-news-exit-popup .ml-popup-content-31 h2 {
    font-family: 'Merriweather', serif;
    color: #242635;
    font-size: 20px;
    letter-spacing: 0px; }
  #newsletter-popup-mobile .ml-popup-content-31 h3, #newsletter-news-exit-popup .ml-popup-content-31 h3 {
    font-family: 'Merriweather', serif;
    color: #242635;
    font-size: 46px;
    letter-spacing: 0px; }
  #newsletter-popup-mobile .ml-popup-content-31 blockquote, #newsletter-news-exit-popup .ml-popup-content-31 blockquote {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 18px;
    margin: 0 0 15px 0;
    padding-left: 1em;
    border-left: 0.2em solid #333333; }
  #newsletter-popup-mobile .ml-popup-content-31 blockquote:before,
  #newsletter-popup-mobile .ml-popup-content-31 blockquote:after, #newsletter-news-exit-popup .ml-popup-content-31 blockquote:before,
  #newsletter-news-exit-popup .ml-popup-content-31 blockquote:after {
    content: '\201C';
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    color: #333333; }
  #newsletter-popup-mobile .ml-popup-content-31 blockquote:after, #newsletter-news-exit-popup .ml-popup-content-31 blockquote:after {
    content: '\201D'; }
  #newsletter-popup-mobile .ml-popup-content-31 ol ol, #newsletter-news-exit-popup .ml-popup-content-31 ol ol {
    list-style-type: lower-alpha; }
  #newsletter-popup-mobile .ml-popup-content-31 ol ol ol, #newsletter-news-exit-popup .ml-popup-content-31 ol ol ol {
    list-style-type: lower-roman; }
  #newsletter-popup-mobile .ml-popup-content-31 p,
  #newsletter-popup-mobile .ml-popup-content-31 ul,
  #newsletter-popup-mobile .ml-popup-content-31 ol, #newsletter-news-exit-popup .ml-popup-content-31 p,
  #newsletter-news-exit-popup .ml-popup-content-31 ul,
  #newsletter-news-exit-popup .ml-popup-content-31 ol {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 18px;
    margin: 0 0 15px 0; }
  #newsletter-popup-mobile .ml-popup-content-31 p:last-child,
  #newsletter-popup-mobile .ml-popup-content-31 ul:last-child,
  #newsletter-popup-mobile .ml-popup-content-31 ol:last-child, #newsletter-news-exit-popup .ml-popup-content-31 p:last-child,
  #newsletter-news-exit-popup .ml-popup-content-31 ul:last-child,
  #newsletter-news-exit-popup .ml-popup-content-31 ol:last-child {
    margin-bottom: 0; }
  #newsletter-popup-mobile .ml-popup-content-31 p a,
  #newsletter-popup-mobile .ml-popup-content-31 ul a,
  #newsletter-popup-mobile .ml-popup-content-31 ol a, #newsletter-news-exit-popup .ml-popup-content-31 p a,
  #newsletter-news-exit-popup .ml-popup-content-31 ul a,
  #newsletter-news-exit-popup .ml-popup-content-31 ol a {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    color: #333333;
    text-decoration: underline; }
  @media (max-width: 768px) {
    #newsletter-popup-mobile .ml-popup-content-31 p,
    #newsletter-popup-mobile .ml-popup-content-31 ul,
    #newsletter-popup-mobile .ml-popup-content-31 ol, #newsletter-news-exit-popup .ml-popup-content-31 p,
    #newsletter-news-exit-popup .ml-popup-content-31 ul,
    #newsletter-news-exit-popup .ml-popup-content-31 ol {
      font-size: 18px !important; }
    #newsletter-popup-mobile .ml-popup-content-31 h1, #newsletter-news-exit-popup .ml-popup-content-31 h1 {
      font-size: 28px !important; }
    #newsletter-popup-mobile .ml-popup-content-31 h2, #newsletter-news-exit-popup .ml-popup-content-31 h2 {
      font-size: 20px !important; }
    #newsletter-popup-mobile .ml-popup-content-31 h3, #newsletter-news-exit-popup .ml-popup-content-31 h3 {
      font-size: 28px !important; } }
  #newsletter-popup-mobile .redactor-placeholder:before, #newsletter-news-exit-popup .redactor-placeholder:before {
    color: #b4b4b4; }
  #newsletter-popup-mobile .overlay-close, #newsletter-news-exit-popup .overlay-close {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    cursor: default; }
  #newsletter-popup-mobile .ml-popup, #newsletter-news-exit-popup .ml-popup {
    width: 100%; }
  #newsletter-popup-mobile .ml-popup-blocks, #newsletter-news-exit-popup .ml-popup-blocks {
    overflow: hidden;
    padding: 45px 60px;
    width: 100%; }
  #newsletter-popup-mobile .ml-popup-item, #newsletter-news-exit-popup .ml-popup-item {
    padding: 15px 0; }
    #newsletter-popup-mobile .ml-popup-item .image-block-4, #newsletter-news-exit-popup .ml-popup-item .image-block-4 {
      padding: 0px 15px; }
      #newsletter-popup-mobile .ml-popup-item .image-block-4 img, #newsletter-news-exit-popup .ml-popup-item .image-block-4 img {
        display: inline-block;
        max-width: 100%;
        height: auto; }
  #newsletter-popup-mobile .row-bar-success, #newsletter-news-exit-popup .row-bar-success {
    padding: 40px 20px; }
  #newsletter-popup-mobile .ml-popup-sidebar, #newsletter-news-exit-popup .ml-popup-sidebar {
    background-color: #242635;
    width: 649px;
    background-image: url("");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px 60px;
    max-width: 100%; }
  #newsletter-popup-mobile .mailerlite-popup, #newsletter-news-exit-popup .mailerlite-popup {
    margin: 30px 0;
    position: relative;
    width: 649px;
    border: 0px solid #dddddd;
    background-color: #eeeeee;
    border-radius: 0px;
    top: 15px; }
  #newsletter-popup-mobile .popup .sidebarLeft .ml-popup-sidebar, #newsletter-news-exit-popup .popup .sidebarLeft .ml-popup-sidebar {
    border-radius: 0px 0 0 0px;
    width: 40%; }
  #newsletter-popup-mobile .popup .sidebarRight .ml-popup-sidebar, #newsletter-news-exit-popup .popup .sidebarRight .ml-popup-sidebar {
    border-radius: 0 0px 0px 0;
    width: 40%; }
  #newsletter-popup-mobile .popup .sidebarTop .ml-popup-sidebar, #newsletter-news-exit-popup .popup .sidebarTop .ml-popup-sidebar {
    border-radius: 0px 0px 0 0;
    padding: 40px 60px; }
  #newsletter-popup-mobile .popup .sidebarBottom .ml-popup-sidebar, #newsletter-news-exit-popup .popup .sidebarBottom .ml-popup-sidebar {
    border-radius: 0 0 0px 0px; }
  #newsletter-popup-mobile .close, #newsletter-news-exit-popup .close {
    color: #000000;
    position: absolute;
    top: 15px;
    right: 15px;
    opacity: 1;
    z-index: 999;
    text-shadow: none;
    font-size: 30px; }
  #newsletter-popup-mobile .close:hover,
  #newsletter-popup-mobile .close:active,
  #newsletter-popup-mobile .close:focus, #newsletter-news-exit-popup .close:hover,
  #newsletter-news-exit-popup .close:active,
  #newsletter-news-exit-popup .close:focus {
    color: #D74B20;
    opacity: 1;
    text-shadow: none; }
  @media only screen and (max-width: 768px) {
    #newsletter-popup-mobile .mailerlite-popup, #newsletter-news-exit-popup .mailerlite-popup {
      bottom: 0;
      width: 100% !important;
      max-height: 100vh;
      overflow-y: scroll; }
    #newsletter-popup-mobile .input-group input[type="email"].form-control, #newsletter-news-exit-popup .input-group input[type="email"].form-control {
      font-size: 16px !important;
      padding-top: 14px !important;
      padding-bottom: 14px !important; }
    #newsletter-popup-mobile .popup .sidebarRight, #newsletter-popup-mobile .mailerlite-popup .sidebarLeft, #newsletter-news-exit-popup .popup .sidebarRight, #newsletter-news-exit-popup .mailerlite-popup .sidebarLeft {
      flex-direction: column !important; }
    #newsletter-popup-mobile .popup .sidebarRight .ml-popup-sidebar, #newsletter-popup-mobile .mailerlite-popup .sidebarLeft .ml-popup-sidebar, #newsletter-news-exit-popup .popup .sidebarRight .ml-popup-sidebar, #newsletter-news-exit-popup .mailerlite-popup .sidebarLeft .ml-popup-sidebar {
      border-radius: 0px 0px 0 0 !important; }
    #newsletter-popup-mobile .ml-popup-sidebar, #newsletter-news-exit-popup .ml-popup-sidebar {
      width: 100% !important; }
    #newsletter-popup-mobile .ml-popup-sidebar, #newsletter-news-exit-popup .ml-popup-sidebar {
      width: 100% !important; }
    #newsletter-popup-mobile .ml-popup-blocks, #newsletter-news-exit-popup .ml-popup-blocks {
      padding: 30px 0; }
    #newsletter-popup-mobile .input-group .form-control, #newsletter-news-exit-popup .input-group .form-control {
      line-height: 19px !important;
      padding: 10px 15px !important;
      width: 100% !important; }
    #newsletter-popup-mobile h1,
    #newsletter-popup-mobile h2,
    #newsletter-popup-mobile h3, #newsletter-news-exit-popup h1,
    #newsletter-news-exit-popup h2,
    #newsletter-news-exit-popup h3 {
      word-break: break-word !important; }
    #newsletter-popup-mobile .row, #newsletter-news-exit-popup .row {
      margin: 0; }
    #newsletter-popup-mobile .close, #newsletter-news-exit-popup .close {
      font-size: 1.5rem; } }

#newsletter-news-exit-popup form .button-block button {
  background-color: black !important;
  color: white !important; }

#newsletter-news-exit-popup form .col {
  padding-right: 0;
  padding-left: 0; }

@media (min-width: 768px) {
  #newsletter-news-exit-popup form .ml-field-email {
    display: flex;
    flex-direction: row;
    gap: 5px; }
  #newsletter-news-exit-popup form .button-block {
    width: 180px; } }

/*
  These classes are mainly used in settings, notifications page and create open list page (admin).

  At the bottom you will find bootstrap like forms css.
*/
.elementErrorMode {
  border: 1px #F64629 solid !important; }

.custom-form {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2em 2.5em;
  background: var(--post-background);
  margin-bottom: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false);
  -moz-box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false);
  box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false); }
  .custom-form .form-message {
    width: 100%;
    text-align: center;
    padding: 1em 0;
    margin: 0 0 2em 0;
    background: #e9e9e9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
  .custom-form h2 {
    color: var(--on-bg-dark);
    clear: both;
    font-family: Merriweather, serif;
    font-weight: bold;
    line-height: 1.2;
    font-size: 2em; }
  @media (max-width: 979px) {
    .custom-form {
      margin-top: 0; } }
  @media (max-width: 768px) {
    .custom-form {
      padding: 1.75em 1.562em; } }
  .custom-form .remove-account {
    text-align: left;
    margin-top: 10px; }
    .custom-form .remove-account a#remove-account-button {
      color: var(--orange-150);
      float: right; }
  .custom-form .info-text {
    color: var(--gray-400);
    padding: 0;
    font-size: 14px;
    line-height: 1;
    font-style: normal;
    font-weight: 400;
    display: block;
    margin-bottom: 5px; }

.form-content {
  clear: both;
  margin-top: 25px; }
  .form-content ul li {
    list-style: none;
    clear: both;
    margin-bottom: 1em; }
    .form-content ul li .profile-image {
      width: 150px;
      height: 150px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      display: inline-block;
      vertical-align: top; }
    .form-content ul li .edit-picture-block {
      display: inline-block;
      vertical-align: top;
      padding-left: 20px; }
      .form-content ul li .edit-picture-block h3 {
        font-size: 18px;
        color: var(--gray-800); }
    .form-content ul li .edit-profile-image {
      position: relative;
      z-index: 0;
      border: 2px solid var(--gray-350);
      color: var(--gray-350);
      padding: 10px 25px;
      width: auto;
      display: inline-block;
      border-radius: 5px;
      margin-top: 22px; }
      .form-content ul li .edit-profile-image.hover {
        background: var(--gray-350);
        color: var(--white); }
    .form-content ul li .copy-signature-btn {
      background: var(--green-300);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      color: var(--white);
      border: none;
      padding: 12px 25px;
      font-size: 16px;
      font-weight: 500;
      display: inline-block; }
      .form-content ul li .copy-signature-btn.hover {
        background-color: var(--green-200); }
    .form-content ul li label {
      display: block;
      color: var(--gray-800);
      margin-bottom: 5px;
      font-size: 18px;
      margin-top: 25px;
      font-weight: bold; }
    .form-content ul li input[type="text"], .form-content ul li input[type="password"], .form-content ul li .settings-select {
      font-family: Arial;
      clear: both;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      background: var(--bg-text-input);
      color: var(--text-input);
      border: 1px solid var(--border-text-input);
      width: 300px;
      padding: 0.3em;
      font-size: 18px;
      height: 30px; }
    .form-content ul li .settings-select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
    .form-content ul li textarea {
      font-family: Arial;
      clear: both;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      font-size: 18px;
      line-height: 22px;
      width: 500px;
      height: 100px;
      margin: 0;
      background: var(--bg-text-input);
      border: 1px solid var(--border-text-input);
      color: var(--text-input); }
    .form-content ul li.avatar-animations-block {
      border-top: 1px solid #EBEBEB;
      border-bottom: 1px solid #EBEBEB;
      padding: 16px 0; }
      .form-content ul li.avatar-animations-block .block-title {
        color: #949494;
        font-family: Roboto, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        text-transform: uppercase;
        margin: 0; }
      .form-content ul li.avatar-animations-block .avatar-animations {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 8px;
        flex-wrap: wrap; }
        @media (max-width: 480px) {
          .form-content ul li.avatar-animations-block .avatar-animations {
            flex-direction: column;
            align-items: flex-start;
            gap: 10px; } }
        .form-content ul li.avatar-animations-block .avatar-animations label {
          color: #949494;
          text-align: center;
          font-family: Roboto, sans-serif;
          font-size: 13px;
          font-style: normal;
          font-weight: 500;
          line-height: 18px;
          margin: 0;
          display: flex;
          align-items: center;
          gap: 12px; }
          .form-content ul li.avatar-animations-block .avatar-animations label .switch {
            display: inline-block;
            width: 28px;
            height: 16px; }
            .form-content ul li.avatar-animations-block .avatar-animations label .switch input:checked + .slider:before {
              -webkit-transform: translateX(12px);
              -ms-transform: translateX(12px);
              transform: translateX(12px); }
            .form-content ul li.avatar-animations-block .avatar-animations label .switch .slider {
              width: 28px;
              height: 16px; }
              .form-content ul li.avatar-animations-block .avatar-animations label .switch .slider:before {
                height: 13px;
                width: 13px; }
  .form-content ul .signature-block {
    padding: 15px 1.562em 15px 2em;
    border-radius: 5px;
    border: 1px solid var(--gray-100); }
    @media (max-width: 580px) {
      .form-content ul .signature-block {
        width: auto; } }
  .form-content .post-categories {
    float: left;
    clear: both; }
    .form-content .post-categories .post-selected-categories {
      float: left;
      position: relative;
      background: #e5e5e5;
      color: #616161;
      width: 20em;
      font-size: 1.5em;
      padding: 0.3em;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      cursor: pointer;
      height: 1em; }
      .form-content .post-categories .post-selected-categories i {
        position: absolute;
        width: 0;
        height: 0;
        border-left: 0.438em solid transparent;
        border-right: 0.438em solid transparent;
        border-top: 0.438em solid var(--black);
        margin: 0.34em 0.3em 0 0;
        right: 0.3em; }
    .form-content .post-categories ul {
      position: absolute;
      display: none; }
  .form-content .post-media {
    float: left;
    clear: both; }
    .form-content .post-media .post-media-image {
      float: left;
      clear: both;
      background: #e5e5e5;
      color: #616161;
      width: 20em;
      padding: 0.3em;
      font-size: 1.5em;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      text-align: center; }
      .form-content .post-media .post-media-image h2 {
        float: left;
        width: 100%;
        text-align: center;
        font-size: 1.5em;
        margin: 0.7em 0 0 0; }
      .form-content .post-media .post-media-image .tip {
        float: left;
        width: 100%;
        font-size: 0.6em;
        text-align: center;
        margin: 0.5em 0; }
      .form-content .post-media .post-media-image .select-files {
        float: left;
        color: #616161;
        font-weight: bold;
        line-height: 2.5em;
        background: var(--white);
        width: 10em;
        font-size: 0.7em;
        text-transform: uppercase;
        margin: 1.5em 0; }
    .form-content .post-media .post-media-video {
      display: none;
      float: left;
      clear: both;
      background: #e5e5e5;
      color: #616161; }
  @media (max-width: 580px) {
    .form-content {
      width: 100%;
      margin: 1em 0; }
      .form-content ul {
        width: 100%; }
        .form-content ul li {
          width: 100%; }
          .form-content ul li textarea {
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box; }
          .form-content ul li input[type="text"], .form-content ul li input[type="password"], .form-content ul li #settings-admin-menu {
            width: 100%;
            height: 50px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box; } }

.form-buttons {
  position: relative;
  clear: both;
  width: 100%;
  margin-top: 30px; }
  .form-buttons .button {
    background: var(--gray-350);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: var(--white);
    border: none;
    padding: 12px 25px;
    font-size: 16px;
    font-weight: 500;
    display: inline-block; }
    .form-buttons .button.active {
      background: var(--orange-150); }
    .form-buttons .button:hover {
      background: var(--orange-100); }

/*
  Bootstrap like forms
*/
/*
  Buttons
*/
.btn {
  display: inline-block;
  padding: 7px 20px;
  line-height: normal;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: none;
  cursor: pointer; }

.btn-primary {
  color: var(--white);
  background-color: var(--orange-150); }
  .btn-primary:hover {
    background-color: #7ca254; }

.btn-secondary {
  color: var(--white);
  background-color: #7ca254; }
  .btn-secondary:hover {
    background-color: #55703a; }

.btn-action-call {
  color: var(--white);
  background-color: var(--gray-800); }
  .btn-action-call:hover {
    background-color: #323232; }

.form-group {
  margin-bottom: 0.313em; }
  .form-group .form-control {
    font-size: 1.2em;
    border: 1px solid #e0e0e0;
    padding: 0.365em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 0.521em;
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .form-group .form-label {
    color: var(--on-bg-primary);
    margin-bottom: 0.313em;
    font-size: 1em;
    display: block; }

.radio-black {
  cursor: pointer;
  background: url(images/sprite.png?upd=6) no-repeat 0 -287px;
  display: inline-block;
  width: 20px;
  height: 20px; }
  .radio-black.checked {
    background: url("images/sprite.png?upd=6") no-repeat 0 -258px; }

.radio-white {
  cursor: pointer;
  background: url(images/sprite.png?upd=6) no-repeat 0 -852px;
  display: inline-block;
  width: 23px;
  height: 24px; }
  .radio-white.checked {
    background: url("images/sprite.png?upd=6") no-repeat 0 -829px; }

/*
  It is for contact form 7 wordpress plugin
*/
.wpcf7 img {
  width: 22px !important; }

.wpcf7-form p {
  float: left;
  color: #616161;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 7px; }

.wpcf7-form input[type="text"] {
  display: block;
  background: var(--bg-text-input);
  color: var(--text-input);
  padding: 11px;
  font-size: 14px;
  width: 94%;
  max-width: 280px;
  border: 1px solid var(--border-text-input);
  outline: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

.wpcf7-form input[type="number"] {
  display: block;
  background: var(--bg-text-input);
  color: var(--text-input);
  padding: 11px;
  font-size: 14px;
  width: 94%;
  max-width: 70px;
  border: 1px solid var(--border-text-input);
  outline: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

.wpcf7-form input[type="email"] {
  display: block;
  background: var(--bg-text-input);
  color: var(--text-input);
  padding: 11px;
  font-size: 14px;
  width: 94%;
  max-width: 280px;
  border: 1px solid var(--border-text-input);
  outline: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

.wpcf7-form select {
  display: block;
  background: var(--bg-text-input);
  color: var(--text-input);
  padding: 11px;
  font-size: 14px;
  width: 94%;
  max-width: 280px;
  border: 1px solid var(--border-text-input);
  outline: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

.wpcf7-form textarea {
  display: block;
  background: var(--bg-text-input);
  color: var(--text-input);
  padding: 11px;
  font-size: 14px;
  width: 94%;
  max-width: 570px;
  border: 1px solid var(--border-text-input);
  outline: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

.wpcf7-form .wpcf7-submit {
  line-height: 40px;
  float: left;
  width: 160px;
  text-align: center;
  margin: 0 20px 0 0;
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: var(--green-yellow-300);
  color: var(--white);
  outline: none;
  -webkit-appearance: none; }
  .wpcf7-form .wpcf7-submit:focus {
    background-color: #7ca254; }
  .wpcf7-form .wpcf7-submit:hover {
    background-color: #7ca254; }

div.wpcf7-validation-errors {
  border-color: transparent; }

.contact-form .wpcf7-response-output {
  margin-top: 60px; }

.screen-reader-response[role="alert"] {
  color: var(--red-100);
  margin-top: 20px; }
  .screen-reader-response[role="alert"] ul {
    display: none; }

@media (max-width: 768px) {
  .submit-application {
    margin-left: 1.562em; } }

@media (max-width: 480px) {
  .submit-application {
    margin-left: 10px; } }

.jobs-form {
  margin-bottom: 100px; }
  .jobs-form .wpcf7-not-valid-tip[role="alert"] {
    font-size: 14px;
    color: var(--red-100);
    font-weight: normal; }
  .jobs-form .contact-info {
    min-height: 80px; }
  .jobs-form .input-block {
    margin: 20px 0 0; }
  .jobs-form .width-one-third {
    width: 33%;
    float: left; }
    @media (max-width: 979px) {
      .jobs-form .width-one-third {
        width: 100%; }
        .jobs-form .width-one-third:last-child {
          margin-bottom: 20px; } }
    .jobs-form .width-one-third input {
      width: 95%;
      box-sizing: border-box; }
      @media (max-width: 768px) {
        .jobs-form .width-one-third input {
          margin: 0 1.562em; } }
      @media (max-width: 480px) {
        .jobs-form .width-one-third input {
          margin: 0 10px; } }
  .jobs-form label {
    font-family: "Roboto";
    font-size: 16px;
    line-height: 20px;
    color: var(--gray-800); }
    .jobs-form label .required-symbol {
      color: var(--red-100); }
  .jobs-form .field-description {
    font-family: "Roboto";
    font-size: 14px;
    line-height: 18px;
    color: #7d7d7d;
    margin-bottom: 10px;
    font-weight: normal; }
  .jobs-form .wpcf7-list-item {
    display: block; }
  .jobs-form .sep-line {
    width: 100%;
    height: 1px;
    background: var(--gray-150);
    margin: 30px 0; }
  @media (max-width: 768px) {
    .jobs-form label {
      padding: 0 1.562em; }
    .jobs-form .field-description {
      padding: 0 1.562em; } }
  @media (max-width: 480px) {
    .jobs-form label {
      padding: 0 10px; }
    .jobs-form .field-description {
      padding: 0 10px; } }

.invalid-email {
  border: 1px solid var(--orange-150) !important; }

#profile-settings .edit-picture-block ul {
  color: var(--gray-400);
  padding: 0;
  margin-top: 10px;
  font-size: 14px;
  line-height: 6px;
  font-style: normal;
  font-weight: 400; }

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  /* The slider */
  /* Rounded sliders */ }
  .switch input {
    opacity: 0;
    width: 0;
    height: 0; }
  .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--gray-250);
    -webkit-transition: .4s;
    transition: .4s; }
  .switch .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s; }
  .switch input:checked + .slider {
    background-color: #2196F3; }
  .switch input:focus + .slider {
    box-shadow: 0 0 1px #2196F3; }
  .switch input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px); }
  .switch .slider.round {
    border-radius: 34px; }
  .switch .slider.round:before {
    border-radius: 50%; }

.toggle-boxes {
  padding-top: 25px; }
  .toggle-boxes .toggle-box {
    padding-bottom: 20px; }
  .toggle-boxes .toggle-info {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    width: calc(100% - 90px); }
    .toggle-boxes .toggle-info label {
      display: block;
      color: var(--gray-800);
      margin-bottom: 5px;
      font-size: 18px;
      font-weight: bold; }

.custom-form.password-settings {
  margin-bottom: 100px; }

@media (max-width: 480px) {
  #profile-settings .edit-picture-block {
    padding: 20px 0 0;
    margin: 0; }
    #profile-settings .edit-picture-block ul {
      font-size: 14px;
      padding: 0; } }

.switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 24px; }
  .switch input {
    opacity: 0;
    width: 0;
    height: 0; }
  .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--gray-200);
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 100px;
    width: 42px;
    height: 24px; }
    .switch .slider:before {
      position: absolute;
      content: "";
      height: 20px;
      width: 20px;
      left: 2px;
      bottom: 2px;
      background-color: var(--white);
      -webkit-transition: .4s;
      transition: .4s;
      border-radius: 50%; }
  .switch input:checked + .slider {
    background-color: var(--orange-150); }
  .switch input:focus + .slider {
    box-shadow: 0 0 1px var(--orange-150); }
  .switch input:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px); }

.bp-checkbox {
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  vertical-align: middle;
  line-height: 22px;
  margin: 0 0 16px;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .bp-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
    .bp-checkbox input:checked ~ .checkmark {
      background-color: var(--green-300);
      border-color: var(--green-300); }
      .bp-checkbox input:checked ~ .checkmark:after {
        display: block; }
  .bp-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background: none;
    border-radius: 1px;
    border: 1px solid var(--gray-450); }
    .bp-checkbox .checkmark:after {
      content: "";
      position: absolute;
      display: none;
      left: 5px;
      top: 2px;
      width: 4px;
      height: 7px;
      border: solid white;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  .bp-checkbox span.text {
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px; }

.home-page-mobile-ad {
  display: none;
  padding: 0;
  margin-bottom: 1.688em;
  width: 100%;
  text-align: center;
  overflow: hidden; }
  .home-page-mobile-ad div {
    margin: 0 auto; }
  @media (max-width: 480px) {
    .home-page-mobile-ad {
      display: block; } }

.below-post-ad {
  text-align: center;
  margin: 1em 0 0;
  padding-bottom: 50px; }
  .below-post-ad div {
    margin: 0 auto; }
  @media (max-width: 768px) {
    .below-post-ad {
      display: none; } }

div[data-pwa-ad="1"], span[data-pwa-ad="1"] {
  --height: auto; }

div[data-freestar-ad="__300x250"]:not([data-pwa-ad="1"]), div[data-freestar-ad="__970x250"]:not([data-pwa-ad="1"]) {
  display: flex !important;
  min-height: 250px !important;
  justify-content: center; }

div[data-freestar-ad="__300x600"]:not([data-pwa-ad="1"]) {
  display: flex !important;
  min-height: 600px !important; }

div[data-freestar-ad="__336x280"]:not([data-pwa-ad="1"]) {
  min-height: 280px !important;
  width: 100%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

div[data-freestar-ad="__728x90"]:not([data-pwa-ad="1"]) {
  display: flex !important;
  min-height: 90px !important;
  justify-content: center; }

.desktop-in-content-ad {
  text-align: center;
  margin-top: 10px; }
  .desktop-in-content-ad.in-text {
    margin-bottom: 22px; }
  .desktop-in-content-ad div {
    margin: 0 auto !important; }
  @media (max-width: 480px) {
    .desktop-in-content-ad {
      display: none; } }

.desktop-comment-ad {
  text-align: center;
  margin-top: 10px;
  display: block; }
  .desktop-comment-ad div {
    margin: 0 auto !important; }
  @media (max-width: 768px) {
    .desktop-comment-ad {
      display: none; } }

.mobile-comment-ad {
  text-align: center;
  margin-top: 10px;
  display: none; }
  .mobile-comment-ad div {
    margin: 0 auto !important; }
  @media (max-width: 768px) {
    .mobile-comment-ad {
      display: block; } }

.below-post-ad-mobile {
  display: none;
  text-align: center;
  margin: 1em 0 2em;
  width: 100%;
  overflow: hidden; }
  .below-post-ad-mobile div {
    margin: 0 auto;
    width: 300px; }
  @media (max-width: 480px) {
    .below-post-ad-mobile {
      display: block; } }

.bottom-separate-line-ad {
  display: none; }

.mobile-ad-bottom {
  margin: 1em 0;
  width: 100%;
  text-align: center; }

.narrow-post .post-subscribe-form .right-ad {
  display: none; }

.narrow-post-700 .post-subscribe-form .right-ad {
  display: none; }

#bsap_1245457 {
  float: left;
  background-color: var(--white);
  width: 300px;
  height: 450px;
  padding: 0;
  margin-bottom: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: compact(0 2px 1px #c3c3c3, false, false, false, false, false, false, false, false, false);
  -moz-box-shadow: compact(0 2px 1px #c3c3c3, false, false, false, false, false, false, false, false, false);
  box-shadow: compact(0 2px 1px #c3c3c3, false, false, false, false, false, false, false, false, false); }

.presented-by-sponsor {
  display: block;
  width: 100%;
  padding: 0 45px;
  box-sizing: border-box;
  font-family: "Roboto";
  color: #7d7d7d;
  font-size: 14px;
  line-height: 30px; }
  .presented-by-sponsor .presented-by-logo {
    display: inline-block;
    margin-left: 10px; }
    .presented-by-sponsor .presented-by-logo img {
      max-width: 140px;
      max-height: 30px;
      vertical-align: middle; }
  @media (max-width: 768px) {
    .presented-by-sponsor {
      padding: 0 25px; } }
  @media (max-width: 480px) {
    .presented-by-sponsor {
      padding: 0 12px 6px; } }
  .presented-by-sponsor .presented-text {
    display: inline-block; }

.scroll-user .post-ads, .scroll-user .dfp-ad {
  display: none !important; }

.ads-tool {
  background-color: white; }
  .ads-tool .left-content-column {
    width: auto !important;
    padding: 40px; }
    .ads-tool .left-content-column .select-page {
      border: none;
      padding: 5px 10px;
      border-bottom: 1px solid lightgrey;
      margin: 5px; }
    .ads-tool .left-content-column form {
      margin: 30px 0; }
      .ads-tool .left-content-column form .submit-block {
        margin: 30px 0; }
        .ads-tool .left-content-column form .submit-block .submit {
          color: var(--white);
          padding: 0 22px;
          font-weight: 700;
          height: 30px;
          line-height: 30px;
          border: 0;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px;
          font-size: 14px;
          outline: none;
          cursor: pointer; }
          .ads-tool .left-content-column form .submit-block .submit.append {
            background: #56b863; }
            .ads-tool .left-content-column form .submit-block .submit.append:hover {
              background: var(--green-200); }
          .ads-tool .left-content-column form .submit-block .submit.remove {
            background: var(--orange-150); }
            .ads-tool .left-content-column form .submit-block .submit.remove:hover {
              background: var(--orange-100); }
      .ads-tool .left-content-column form textarea {
        display: block;
        width: 100%;
        margin: 30px 0;
        padding: 10px;
        border: solid 1px lightgrey;
        border-radius: 5px;
        height: 200px; }
      .ads-tool .left-content-column form .radio-blocks {
        display: table-cell;
        padding: 0 10px; }
        .ads-tool .left-content-column form .radio-blocks .radio-action {
          margin: 10px 0; }
          .ads-tool .left-content-column form .radio-blocks .radio-action input {
            vertical-align: top; }

.hp-anchor-ad {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 120;
  background-color: rgba(221, 221, 221, 0.9); }
  .hp-anchor-ad #bp\.com_hp_mobile_anchor_container, .hp-anchor-ad #bp\.com_hp_desktop_anchor_container {
    --height: auto; }

.desktop-left-sliding-rail-ad {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 12000; }
  @media (max-width: 1349px) {
    .desktop-left-sliding-rail-ad {
      display: none; } }

#infscr-loading {
  background-image: var(--spinner);
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 120px;
  height: 64px;
  width: 100%;
  background-size: 64px;
  -webkit-animation-name: spin;
  -moz-animation-name: spin;
  -ms-animation-name: spin;
  -o-animation-name: spin;
  animation-name: spin;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear; }
  #infscr-loading img {
    display: none; }

/*
  We are hidding post next links from users.
  It is left only for robots (like google, bing).
*/
.pagination {
  display: none;
  float: left; }

.cover {
  background: var(--white) var(--header-cover-image) repeat-x center top;
  width: 100%;
  height: 199px; }
  .cover.christmas {
    background: var(--white) var(--header-cover-image-christmas) repeat-x center top;
    width: 100%;
    height: 199px;
    overflow: hidden;
    background-size: auto 100%; }
    .cover.christmas .bp-container {
      width: 1020px !important; }
      .cover.christmas .bp-container .panda-killing-boredom {
        background: url("images/panda_and_snowman.png") no-repeat 0 0;
        background-size: contain;
        left: 469px;
        top: 81px;
        height: 96px;
        width: 100%; }
  .cover.cover-banner {
    background: var(--white) url("images/header-background-blurred.jpg") repeat-x center top;
    background-size: cover;
    width: 100%;
    height: auto;
    min-height: 90px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: auto; }
    .cover.cover-banner .bp-container {
      width: 970px; }
      .cover.cover-banner .bp-container .panda-killing-boredom {
        display: none; }
    .cover.cover-banner .dfp-ad {
      text-align: center;
      z-index: 1; }
  .cover .bp-container {
    position: relative; }
  @media (max-width: 979px) {
    .cover {
      display: none; } }
  .cover .cookie-message {
    display: none;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    color: var(--gray-800);
    overflow: hidden;
    font-weight: 400;
    z-index: 2;
    height: auto;
    box-sizing: border-box;
    line-height: 18px;
    padding: 10px;
    font-size: 15px; }
    .cover .cookie-message .left-block {
      display: inline-block;
      vertical-align: middle;
      max-width: 80%;
      text-align: left; }
      .cover .cookie-message .left-block span {
        display: block; }
    .cover .cookie-message .learn-more {
      color: var(--gray-800);
      font-weight: 500; }
    .cover .cookie-message .got-it {
      color: var(--gray-800);
      font-weight: 500;
      border: 1px solid var(--gray-800);
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      vertical-align: middle;
      display: inline-block;
      padding: 8px;
      margin-left: 20px;
      line-height: 1; }
    .cover .cookie-message .close-box {
      background-image: url("images/builder-delete.png");
      background-size: 100%;
      width: 12px;
      height: 12px;
      position: absolute;
      top: 8px;
      right: 13px;
      background-position: 0 0; }
  .cover.curioso {
    background: var(--white) url("images/header-background-curioso.jpg") repeat-x center top; }
    .cover.curioso.cover-banner {
      background: var(--white) url("images/header-background-blurred-curioso.jpg") repeat-x center top; }

.panda-killing-boredom {
  background: url("images/header-panda-new.svg?upd=2") no-repeat 0 0;
  background-size: contain;
  display: block;
  width: 220px;
  height: 160px;
  position: absolute;
  top: 68px;
  left: 295px; }
  .panda-killing-boredom.base-panda {
    height: 116px;
    left: 320px; }

.panda-killing-boredom-curioso {
  background: url("images/header-panda-curioso.png?upd=1") no-repeat 0 0;
  display: block;
  width: 1026px;
  height: 199px;
  position: absolute; }

.panda-killing-boredom-travel {
  background: url("images/traveling-panda.svg") no-repeat 0 0;
  background-size: 100px;
  top: 56px;
  left: 338px; }

.panda-killing-boredom-animals {
  background: url("images/panda_animals.svg") no-repeat 0 0;
  top: 44px;
  left: 291px; }

.panda-killing-boredom-parenting {
  background: url("images/parenting-panda.svg") no-repeat 0 0;
  background-size: contain;
  top: 50px;
  left: 305px; }

.panda-killing-boredom-diy {
  background: url("images/header-panda-diy.svg") no-repeat 0 0;
  top: 68px;
  left: 312px;
  width: 220px;
  height: 129px;
  background-size: 220px 129px; }

.panda-killing-boredom-photography {
  background: url("images/header-panda-photography.svg") no-repeat 0 0;
  top: 24px;
  left: 274px;
  height: 167px;
  width: 254px; }

.panda-killing-boredom-good-news {
  background: url("images/good-news-2.svg") no-repeat 0 0;
  background-size: contain;
  top: 24px;
  left: 274px;
  height: 167px;
  width: 254px; }

.panda-killing-boredom-art {
  background: url("images/header-panda-art.svg") no-repeat 0 0;
  top: 38px;
  left: 317px;
  height: 151px;
  width: 180px;
  background-size: 180px 151px; }

.panda-killing-boredom-food {
  background: url("images/Panda-food.svg") no-repeat 0 0;
  top: 63px;
  left: 336px;
  height: 121px;
  width: 130px;
  background-size: 130px 121px; }

.header {
  position: relative;
  width: 100%;
  background: var(--bg-header);
  z-index: 9998; }
  .header.fixed {
    position: sticky;
    position: -webkit-sticky;
    top: 0; }
  .header.category-header {
    border-bottom: var(--category-header-border);
    position: relative; }
    .header.category-header .mobile {
      padding-left: 12px;
      padding-right: 12px;
      height: 59px; }
      .header.category-header .mobile .submenu {
        top: 56px; }
  .header a {
    color: #050505;
    text-decoration: none;
    font-weight: bold;
    font-size: 1em; }
    .header a:hover {
      color: var(--orange-150); }
  .header .triangle {
    float: left;
    height: 4em;
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    cursor: pointer; }
    .header .triangle:hover {
      background: #f7f7f7; }
      .header .triangle:hover .pandas {
        display: block; }
  .header .triangle-icon {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 0.438em solid transparent;
    border-right: 0.438em solid transparent;
    border-top: 0.438em solid var(--black);
    margin: 1.75em 0.625em 0 0.625em; }
  .header .mobile {
    display: none;
    width: 100%; }
    .header .mobile .left {
      display: flex;
      position: relative; }
    .header .mobile .right {
      display: flex;
      justify-content: end;
      gap: 12px;
      position: relative;
      flex-grow: 1; }
    .header .mobile .logotype {
      background: url("images/panda-big-logo-mobile.png") no-repeat left center;
      background-size: 132px 37px;
      display: inline-block;
      position: relative;
      width: 132px;
      height: 37px;
      text-indent: -9999px; }
      .header .mobile .logotype.logo-category {
        background: url("images/panda-head-logo-mobile.png") no-repeat left center;
        background-size: 31px 37px;
        display: inline-block;
        position: relative;
        width: 31px;
        height: 37px; }
      .header .mobile .logotype.curioso {
        background: url("images/panda-curioso-big-logo-mobile.png?v=1") no-repeat left center;
        background-size: 150px 37x;
        width: 150px; }
      .header .mobile .logotype.news {
        background: url("images/logo-news.svg") no-repeat left center;
        background-size: 132px 37px;
        width: 132px; }
    .header .mobile .logo-text {
      position: relative;
      height: 37px;
      color: white;
      font-size: 16px;
      line-height: 55px;
      margin-left: 8px;
      vertical-align: bottom; }
    .header .mobile .add-post {
      height: 35px;
      line-height: 35px;
      background: var(--orange-150);
      color: var(--white);
      font-size: 13px;
      padding-left: 13px;
      padding-right: 13px;
      text-align: center;
      font-weight: 700;
      border-radius: 5px;
      display: flex;
      gap: 6px; }
      .header .mobile .add-post:hover {
        opacity: 0.75; }
      @media (max-width: 450px) {
        .header .mobile .add-post.add-post-tablet .text {
          display: none !important; } }
    .header .mobile .login-url {
      display: flex;
      flex-direction: column;
      justify-content: center;
      font-size: 13px;
      padding: 9px 13px;
      text-align: center;
      color: var(--white);
      border: 2px solid var(--border-dark-mode-toggle-mobile);
      border-radius: 5px; }
    .header .mobile .my-menu {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .header .mobile .my-menu img {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        display: block;
        float: right;
        border: 1px solid #949494; }
      .header .mobile .my-menu span {
        display: block;
        float: right;
        line-height: 2.5em;
        margin-left: 0.625em;
        color: #7d7d7d;
        font-weight: normal; }
      .header .mobile .my-menu .triangle-icon {
        display: block;
        float: right;
        line-height: 2.5em;
        margin: 1.1em 0 0 0.3em;
        background: url(images/arrow-down.png) no-repeat center;
        border: 0;
        background-size: 8px 4px;
        width: 8px;
        height: 4px; }
      .header .mobile .my-menu.active span {
        color: var(--orange-150); }
      .header .mobile .my-menu.active .triangle-icon {
        background: url(images/expanded-arrow-menu.png) no-repeat; }
    .header .mobile .submenu {
      display: none;
      position: absolute;
      top: 56px;
      left: 0;
      width: 100vw;
      z-index: 10000; }
      .header .mobile .submenu ul li {
        border-bottom: 1px solid var(--gray-blue-600);
        background-color: var(--bg-mobile-submenu);
        height: 52px;
        line-height: 52px;
        display: block;
        float: none;
        text-align: left;
        padding-left: 16px;
        width: 100%;
        box-sizing: border-box; }
        .header .mobile .submenu ul li a {
          color: var(--gray-blue-400);
          font-size: 1.5em;
          font-weight: normal;
          height: 100%;
          display: flex;
          gap: 8px;
          align-items: center;
          width: 100%; }
          .header .mobile .submenu ul li a span.pandas-count {
            background: var(--gray-blue-400);
            color: var(--gray-blue-700);
            min-width: 15px;
            line-height: 1;
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            padding: 3px 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
            font-weight: bold;
            font-size: 13px; }
          .header .mobile .submenu ul li a span.category-name {
            display: block;
            font-weight: 500;
            font-size: 16px; }
          .header .mobile .submenu ul li a span.icon-arrow-right-categories {
            margin-left: auto;
            align-self: flex-start;
            display: block;
            font-size: 16px;
            line-height: 43px; }
          .header .mobile .submenu ul li a span.categories-arrow-right {
            margin-right: 16px;
            margin-left: auto;
            align-self: center;
            display: block;
            font-size: 16px;
            line-height: 43px;
            background: url(images/arrow-right.png) no-repeat center;
            background-size: 9px 13x;
            width: 9px;
            height: 13px; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              .header .mobile .submenu ul li a span.categories-arrow-right {
                background: url(images/arrow-right@2x.png) no-repeat center;
                background-size: 9px 13px; } }
            @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
              .header .mobile .submenu ul li a span.categories-arrow-right {
                background: url(images/arrow-right@3x.png) no-repeat center;
                background-size: 9px 13px; } }
        .header .mobile .submenu ul li.premium-link a, .header .mobile .submenu ul li.games-link a {
          display: flex;
          gap: 6px;
          align-items: center;
          width: 100%; }
          .header .mobile .submenu ul li.premium-link a span, .header .mobile .submenu ul li.games-link a span {
            float: none; }
      .header .mobile .submenu .darkModeToggle .darkmode-toggle-input {
        margin-left: auto;
        padding-right: 16px; }
    .header .mobile div.wrapper {
      border: 2px solid var(--border-dark-mode-toggle-mobile);
      border-radius: 5px;
      margin-top: 10px;
      padding: 0;
      display: inline-block;
      float: right;
      margin-right: 12px; }
      .header .mobile div.wrapper a.dark-mode-toggle-icon {
        height: 31px;
        width: 31px;
        display: inline-block;
        color: var(--gray-400); }
        .header .mobile div.wrapper a.dark-mode-toggle-icon i.dark-mode-toggle {
          background-repeat: no-repeat;
          background-image: var(--dark-mode-toggle-image-mobile);
          display: inline-block;
          height: 20px;
          width: 20px;
          position: relative;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
      .header .mobile div.wrapper a.games-icon {
        height: 31px;
        width: 31px;
        display: inline-block;
        color: var(--gray-400); }
        .header .mobile div.wrapper a.games-icon i.game {
          background-repeat: no-repeat;
          background-image: var(--games-icon-mobile);
          display: inline-block;
          height: 20px;
          width: 20px;
          position: relative;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
    .header .mobile .wishlist {
      float: right;
      margin-right: 12px;
      height: 24px;
      line-height: 24px;
      margin-top: 16px;
      display: block;
      vertical-align: middle; }
      .header .mobile .wishlist .wishlist-icon {
        display: inline-block;
        vertical-align: middle;
        position: relative; }
        .header .mobile .wishlist .wishlist-icon i {
          background-repeat: no-repeat;
          background-image: url(images/icons/wishlist-dark.svg);
          display: block;
          height: 24px;
          width: 24px; }
        .header .mobile .wishlist .wishlist-icon .wishlist-active {
          display: none; }
        .header .mobile .wishlist .wishlist-icon.active .wishlist-active {
          display: block;
          position: absolute;
          top: -3px;
          right: -2px;
          width: 10px;
          height: 10px;
          border: 1px solid var(--bg-mobile-header);
          border-radius: 50%;
          background: var(--orange-75);
          box-sizing: border-box; }
    .header .mobile .search {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .header .mobile .search .search-icon {
        display: inline-block;
        vertical-align: middle; }
    .header .mobile .search-form {
      display: none;
      width: 300px;
      padding: 15px;
      background: var(--bg-primary);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      box-sizing: border-box;
      position: absolute;
      right: 10px;
      top: 56px; }
      .header .mobile .search-form .modal-close {
        position: absolute;
        left: 26px;
        top: 29px;
        color: var(--on-bg-primary); }
      .header .mobile .search-form input {
        border: 1px solid var(--gray-200);
        background: var(--bg-primary);
        font-size: 16px;
        color: var(--on-bg-primary);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        outline: none;
        width: 197px;
        box-sizing: border-box;
        padding: 0 5px 0 30px;
        height: 40px;
        display: inline-block; }
      .header .mobile .search-form .submit {
        -webkit-appearance: none;
        cursor: pointer;
        background-color: #56b863;
        color: var(--white);
        font-size: 14px;
        font-weight: bold;
        height: 40px;
        display: inline-block;
        border: 0;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        padding: 0 9px;
        vertical-align: middle;
        outline: none; }
      .header .mobile .search-form:after {
        z-index: 1;
        content: "";
        position: absolute;
        top: -9px;
        border-top: 0 solid transparent;
        border-bottom: 12px solid var(--bg-primary);
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        left: 84px; }
        @media (max-width: 450px) {
          .header .mobile .search-form:after {
            left: 144px; } }
        @media (max-width: 375px) {
          .header .mobile .search-form:after {
            left: 185px; } }
      .header .mobile .search-form.not-logged-in:after {
        left: 94px; }
        @media (max-width: 450px) {
          .header .mobile .search-form.not-logged-in:after {
            left: 154px; } }
    .header .mobile .notification-icon {
      margin-right: 5px;
      color: var(--gray-400);
      position: relative;
      display: flex; }
      @media (max-width: 375px) {
        .header .mobile .notification-icon {
          display: none; } }
      .header .mobile .notification-icon .notification-bell {
        background-repeat: no-repeat;
        background-image: url(images/icons/ic_notif-dark.svg);
        background-position: center center;
        display: block;
        height: 24px;
        width: 24px; }
      .header .mobile .notification-icon .notification-count {
        position: absolute;
        top: 13px;
        left: 13px;
        display: block;
        background: var(--gray-200);
        border-radius: 3px;
        text-align: center;
        font-size: 11px;
        color: var(--black);
        min-width: 10px;
        line-height: 17px;
        border: 0;
        padding: 0 3px; }
        .header .mobile .notification-icon .notification-count.unseen {
          background-color: var(--orange-150);
          color: var(--white); }
    .header .mobile .dropdown-menu.notifications-drop-down {
      right: 0;
      left: initial;
      top: 58px;
      width: 300px; }
      .header .mobile .dropdown-menu.notifications-drop-down:before {
        display: none; }
      .header .mobile .dropdown-menu.notifications-drop-down:after {
        left: 109px;
        top: -14px; }
        @media (max-width: 450px) {
          .header .mobile .dropdown-menu.notifications-drop-down:after {
            left: 167px; } }
      .header .mobile .dropdown-menu.notifications-drop-down ul {
        max-height: 300px; }
        .header .mobile .dropdown-menu.notifications-drop-down ul a {
          border: none; }
          .header .mobile .dropdown-menu.notifications-drop-down ul a .text .notification-text {
            font-size: 12px;
            max-width: 166px; }
  .header .desktop .logotype {
    float: left;
    position: relative;
    margin-right: 15px;
    z-index: 1; }
    .header .desktop .logotype h1, .header .desktop .logotype h2 {
      height: 60px; }
    .header .desktop .logotype h1, .header .desktop .logotype h2, .header .desktop .logotype div {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .header .desktop .logotype h1 a, .header .desktop .logotype h2 a, .header .desktop .logotype div a {
        background-image: var(--header-logo);
        background-repeat: no-repeat;
        width: 149px;
        height: 40px;
        background-size: 149px 40px;
        display: inline-block;
        text-indent: -9999px;
        margin: 0;
        padding: 0; }
      .header .desktop .logotype h1 span.logo-text, .header .desktop .logotype h2 span.logo-text, .header .desktop .logotype div span.logo-text {
        display: none; }
    .header .desktop .logotype.logo-category {
      margin-right: 0; }
      .header .desktop .logotype.logo-category a {
        text-indent: 0;
        background-image: url(images/sprite-sheet.png);
        background-position: -302px -239px;
        width: 32px;
        height: 38px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .header .desktop .logotype.logo-category a {
            background-image: url(images/sprite-sheet@2x.png);
            background-size: 515px 463px; } }
      .header .desktop .logotype.logo-category span.logo-text {
        display: inline-block;
        font-size: 18px;
        color: var(--gray-800);
        padding-right: 20px;
        height: 60px;
        vertical-align: top;
        line-height: 60px; }
      .header .desktop .logotype.logo-category span.logo-border {
        border-right: 1px solid var(--gray-100);
        height: 25px;
        vertical-align: super;
        display: inline-block;
        margin-right: 10px; }
    .header .desktop .logotype.curioso a {
      background-image: var(--header-logo-es);
      background-repeat: no-repeat;
      background-size: cover;
      width: 149px;
      height: 40px;
      display: inline-block;
      text-indent: -9999px;
      margin: 0;
      padding: 0; }
    .header .desktop .logotype.christmas a {
      background-image: var(--header-logo-christmas);
      background-repeat: no-repeat;
      background-size: contain;
      width: 149px;
      height: 40px;
      display: inline-block;
      text-indent: -9999px;
      margin: 0;
      padding: 0; }
  @media (max-width: 1020px) {
    .header {
      max-width: 63.750em;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      height: 4.188em; } }
  .header .app-promotion .updated, .header .app-promotion .original {
    display: none; }
  @media (min-width: 980px) {
    .header .app-promotion {
      display: none; } }
  .header .cookie-policy-mobile {
    display: none; }
  @media (max-width: 979px) {
    .header {
      top: 0;
      height: inherit; }
      .header .desktop {
        display: none; }
      .header .mobile {
        display: flex;
        justify-content: space-between;
        position: relative;
        z-index: 9999;
        background-color: var(--bg-mobile-header);
        height: 55px;
        box-sizing: border-box; }
      .header .cookie-policy-mobile {
        width: 100%;
        height: 49px;
        background-color: var(--gray-100);
        z-index: 9999;
        position: relative;
        display: block; }
        .header .cookie-policy-mobile .policy-text {
          float: left;
          font-family: "Roboto";
          font-size: 11px;
          color: #7d7d7d;
          width: 100%;
          text-align: left;
          padding-right: 80px;
          padding-left: 10px;
          box-sizing: border-box; }
          .header .cookie-policy-mobile .policy-text .vertical {
            display: table-cell;
            vertical-align: middle;
            height: 49px; }
        .header .cookie-policy-mobile .got-it {
          position: absolute;
          font-family: "Roboto";
          font-weight: bold;
          font-size: 14px;
          color: var(--gray-800);
          width: 70px;
          border-left: 1px solid var(--gray-300);
          margin: 14px 0;
          text-align: center;
          box-sizing: border-box;
          line-height: 21px;
          top: 0;
          right: 0; }
      .header .app-promotion .updated {
        background-color: #f0f0f0;
        display: block;
        height: 49px;
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 999;
        overflow: hidden; }
        .header .app-promotion .updated .ios-app, .header .app-promotion .updated .android-app, .header .app-promotion .updated .mobile-page-like-widget {
          display: none; }
        .header .app-promotion .updated .close-block {
          float: left;
          height: 100%;
          width: 11px;
          margin: 0 10px; }
          .header .app-promotion .updated .close-block .close-icon {
            background: url(images/close-promotion.png) no-repeat;
            background-size: 11px 11px;
            display: block;
            width: 11px;
            height: 11px;
            margin: 19px 0; } }
        @media (max-width: 979px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 979px) and (min-resolution: 192dpi) {
          .header .app-promotion .updated .close-block .close-icon {
            background: url(images/close-promotion@2x.png) no-repeat;
            background-size: 11px 11px; } }
  @media (max-width: 979px) {
        .header .app-promotion .updated .text-block {
          display: block;
          float: left;
          height: 100%;
          width: 150px;
          padding-top: 10px;
          box-sizing: border-box; }
          .header .app-promotion .updated .text-block .panda-for-iphone {
            font-family: "Roboto";
            font-weight: bold;
            font-size: 14px; }
          .header .app-promotion .updated .text-block .panda-info {
            font-family: "Roboto";
            font-weight: 500;
            line-height: 16px;
            font-size: 12px;
            color: #888; }
        .header .app-promotion .updated .install-block {
          float: right;
          height: 100%;
          margin-right: 10px; }
          .header .app-promotion .updated .install-block .install-button {
            display: block;
            height: 32px;
            box-sizing: border-box;
            color: var(--white);
            font-family: "Roboto";
            font-weight: 500;
            font-size: 14px;
            line-height: 32px;
            text-align: center;
            margin-top: 9px;
            border-radius: 5px;
            padding: 0 12px;
            background-color: var(--gray-800); }
            .header .app-promotion .updated .install-block .install-button.variation-1 {
              background-color: #56b863; }
            .header .app-promotion .updated .install-block .install-button.variation-2 {
              background-color: var(--orange-150); }
          .header .app-promotion .updated .install-block .twitter-follow-button {
            margin-top: 11px; }
        .header .app-promotion .updated .android-app .panda-for-android {
          font-family: "Roboto";
          font-weight: bold;
          font-size: 13px; }
        .header .app-promotion .updated .android-app .panda-info {
          display: block; }
        .header .app-promotion .updated .android-app .text-block {
          width: 48%; }
        .header .app-promotion .updated .mobile-page-like-widget .text-block {
          width: 66%;
          vertical-align: middle;
          display: inline-block;
          padding-top: 0;
          line-height: 49px; } }
      @media (max-width: 979px) and (max-width: 400px) {
        .header .app-promotion .updated .mobile-page-like-widget .text-block.fb {
          line-height: 17px;
          margin-top: 8px;
          width: 52%; } }
      @media (max-width: 979px) and (max-width: 470px) {
        .header .app-promotion .updated .mobile-page-like-widget .text-block.two-rows {
          line-height: 17px;
          margin-top: 8px;
          width: 49%; } }
  @media (max-width: 979px) {
          .header .app-promotion .updated .mobile-page-like-widget .text-block .panda-for-android {
            font-size: 15px;
            color: var(--gray-800); }
        .header .app-promotion .updated .mobile-page-like-widget.twitter-mobile-page-like-widget .text-block {
          width: 55%; }
          .header .app-promotion .updated .mobile-page-like-widget.twitter-mobile-page-like-widget .text-block .panda-for-android {
            font-size: 17px; }
        .header .app-promotion .updated .mobile-page-like-widget .fb-like {
          display: inline-block;
          margin-top: 11px; } }
  @media (max-width: 350px) {
    .header .mobile .wishlist, .header .mobile div.wrapper {
      margin-right: 7px; } }
  .header .new-mobile-burger-menu-backdrop {
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    justify-content: center;
    z-index: 10000; }
    .header .new-mobile-burger-menu-backdrop.hidden {
      display: none; }
    @media (min-width: 640px) {
      .header .new-mobile-burger-menu-backdrop {
        display: none; } }
    .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu {
      border-top: 1px solid var(--navbar-border);
      z-index: 10001; }
      .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .block-item-link[data-page="bp-daily"] {
        display: flex;
        gap: 8px;
        align-items: center;
        text-wrap: nowrap; }
      .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .bp-daily-logo {
        background-image: var(--bpdaily-logo);
        background-size: 66px 15px;
        background-repeat: no-repeat;
        background-position: center;
        display: block;
        width: 66px;
        height: 22px; }
      .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .block-title {
        display: flex;
        gap: 8px; }
        .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .block-title span {
          font-family: 'Roboto', sans-serif;
          text-transform: uppercase;
          font-size: 12px;
          font-weight: 400;
          line-height: 14.06px;
          text-align: left;
          color: var(--navbar-block-title-color); }
      .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .categories {
        padding: 24px;
        background: var(--post-background);
        border-bottom: 1px solid var(--navbar-search-input-border-color); }
        .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .categories .category-columns {
          display: flex;
          margin-top: 12px;
          overflow-y: hidden;
          max-height: 230px;
          justify-content: space-between; }
          @media (min-width: 380px) {
            .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .categories .category-columns {
              justify-content: start;
              gap: 24px; } }
          .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .categories .category-columns.expanded {
            height: auto;
            overflow-y: auto; }
          .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .categories .category-columns .category-column {
            display: flex;
            flex-direction: column;
            gap: 12px;
            width: 124px; }
            @media (min-width: 390px) {
              .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .categories .category-columns .category-column {
                width: 159px; } }
            .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .categories .category-columns .category-column a.category {
              font-family: 'Roboto', sans-serif;
              font-size: 14px;
              font-weight: 500;
              line-height: 22px;
              text-align: left;
              color: var(--on-bg-primary);
              word-break: break-word; }
        .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .categories .show-all-categories-button, .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .categories .show-less-categories-button {
          margin-top: 12px;
          display: flex;
          gap: 12px; }
          .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .categories .show-all-categories-button.hidden, .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .categories .show-less-categories-button.hidden {
            display: none; }
          .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .categories .show-all-categories-button span, .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .categories .show-less-categories-button span {
            font-family: 'Roboto', sans-serif;
            text-transform: uppercase;
            font-size: 12px;
            font-weight: 500;
            line-height: 20px;
            text-align: left;
            color: var(--navbar-block-title-color); }
      .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper {
        padding: 24px;
        background: var(--navbar-categories-secondary-bg);
        border-bottom: 1px solid var(--navbar-search-input-border-color);
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 24px; }
        @media (min-width: 380px) {
          .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper {
            justify-content: start;
            gap: 24px; } }
        .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper.resources {
          background: var(--post-background);
          flex-direction: column;
          gap: 32px;
          border-bottom: none;
          box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.12); }
        .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper .block {
          display: flex;
          flex-wrap: wrap;
          flex-direction: column;
          width: 124px; }
          .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper .block.full-width {
            width: 100%; }
          @media (min-width: 390px) {
            .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper .block {
              width: 159px; } }
          .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper .block .block-title {
            margin-bottom: 12px; }
          .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper .block .block-items-wrapper {
            display: flex;
            justify-content: space-between; }
            @media (max-width: 390px) {
              .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper .block .block-items-wrapper.app-links {
                flex-direction: column;
                gap: 12px; } }
            @media (min-width: 380px) {
              .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper .block .block-items-wrapper {
                justify-content: start;
                gap: 24px; } }
            .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper .block .block-items-wrapper .block-items {
              width: 124px; }
              .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper .block .block-items-wrapper .block-items .dark-mode-toggle-wrapper {
                display: flex;
                justify-content: space-between; }
                .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper .block .block-items-wrapper .block-items .dark-mode-toggle-wrapper .darkmode-toggle-input {
                  width: 28px;
                  height: 16px; }
                  .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper .block .block-items-wrapper .block-items .dark-mode-toggle-wrapper .darkmode-toggle-input input:checked + .slider:before {
                    transform: translateX(12px) !important; }
                  .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper .block .block-items-wrapper .block-items .dark-mode-toggle-wrapper .darkmode-toggle-input .slider {
                    width: 28px;
                    height: 16px; }
                    .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper .block .block-items-wrapper .block-items .dark-mode-toggle-wrapper .darkmode-toggle-input .slider:before {
                      width: 14px;
                      height: 14px;
                      bottom: 1px;
                      left: 1px; }
              @media (min-width: 390px) {
                .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper .block .block-items-wrapper .block-items {
                  width: 159px; } }
            .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper .block .block-items-wrapper .block-item-image img {
              width: 100%;
              max-width: 160px; }
          .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper .block .block-item-span {
            display: block;
            margin-top: 24px;
            font-family: 'Roboto', sans-serif;
            font-size: 10px;
            line-height: 12px;
            text-align: left;
            color: var(--gray-450); }
          .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper .block .block-items {
            display: flex;
            flex-direction: column;
            gap: 12px;
            width: 124px; }
            .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper .block .block-items .block-item-link {
              font-family: 'Roboto', sans-serif;
              font-size: 14px;
              font-weight: 500;
              line-height: 22px;
              text-align: left;
              color: var(--mobile-navbar-block-item-color);
              cursor: pointer; }
            .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper .block .block-items .block-item-with-indicator {
              display: flex;
              gap: 8px; }
              .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper .block .block-items .block-item-with-indicator .indicator-wrapper {
                display: flex;
                flex-direction: column;
                justify-content: center; }
                .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper .block .block-items .block-item-with-indicator .indicator-wrapper.hidden {
                  display: none; }
                .header .new-mobile-burger-menu-backdrop .new-mobile-burger-menu .blocks-wrapper .block .block-items .block-item-with-indicator .indicator-wrapper .bullet {
                  width: 4px;
                  height: 4px;
                  border-radius: 50%;
                  background: var(--color-showdown-winner); }
  .header .burger-and-logo-wrapper {
    display: flex; }
    .header .burger-and-logo-wrapper .nav-back a {
      display: flex;
      padding: 12px 10px;
      justify-content: center;
      align-items: center;
      gap: 8px;
      align-self: stretch;
      border-radius: 3px;
      background: rgba(255, 255, 255, 0.08); }
      .header .burger-and-logo-wrapper .nav-back a .arrow-left-icon {
        display: block;
        width: 14.5px;
        height: 11px;
        background: url("images/icons/arrow-left-white.svg") !important;
        background-size: 14.5px 11px !important;
        background-repeat: no-repeat !important; }
    .header .burger-and-logo-wrapper .burger-icon-and-logo {
      display: flex;
      gap: 16px; }
      .header .burger-and-logo-wrapper .burger-icon-and-logo .new-mobile-burger-menu-toggle {
        cursor: pointer; }
        .header .burger-and-logo-wrapper .burger-icon-and-logo .new-mobile-burger-menu-toggle.hidden {
          display: none; }
        .header .burger-and-logo-wrapper .burger-icon-and-logo .new-mobile-burger-menu-toggle.icon-open svg path {
          fill: #F0F0F0; }
        .header .burger-and-logo-wrapper .burger-icon-and-logo .new-mobile-burger-menu-toggle.icon-close svg path {
          stroke: #F0F0F0; }
      @media (max-width: 374px) {
        .header .burger-and-logo-wrapper .burger-icon-and-logo .logotype {
          background: url("images/boredpanda_logo_invert_icon.svg") !important;
          background-size: 37px 37px !important;
          background-repeat: no-repeat !important;
          width: 37px !important; } }
      @media (max-width: 374px) {
        .header .burger-and-logo-wrapper .burger-icon-and-logo .logotype.news {
          background: url("images/logo-news-head.svg") !important;
          background-size: 37px 37px !important;
          background-repeat: no-repeat !important;
          width: 37px !important; } }
      .header .burger-and-logo-wrapper .burger-icon-and-logo .burger-icon-mobile {
        position: relative; }
        .header .burger-and-logo-wrapper .burger-icon-and-logo .burger-icon-mobile .mobile-pulsating-indicator {
          position: absolute;
          width: 10px;
          height: 10px;
          top: 0;
          right: -6px;
          border: 2px solid var(--bg-mobile-header);
          border-radius: 50%; }
          .header .burger-and-logo-wrapper .burger-icon-and-logo .burger-icon-mobile .mobile-pulsating-indicator:before {
            content: "";
            position: relative;
            display: block;
            width: 250%;
            height: 250%;
            box-sizing: border-box;
            margin-left: -75%;
            margin-top: -75%;
            border-radius: 45px;
            background-color: #56b863;
            animation: pulse 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
          .header .burger-and-logo-wrapper .burger-icon-and-logo .burger-icon-mobile .mobile-pulsating-indicator:after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            width: 100%;
            height: 100%;
            background-color: #56b863;
            border-radius: 50px;
            animation: circle 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; }

.search-box {
  display: none;
  position: absolute;
  z-index: 2;
  top: 4em;
  right: 1px;
  width: 310px;
  min-width: 9.375em; }
  .search-box .text {
    display: block;
    float: right;
    background: #3f3f3f;
    -webkit-border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    -ms-border-radius: 0 0 0 4px;
    -o-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
    border: 0;
    outline: none;
    color: #7d7d7d;
    font-weight: normal;
    font-size: 0.875em;
    padding: 0.938em 1em 0.813em 1em;
    margin: 0;
    width: 229px;
    min-width: 5.571em;
    height: 19px; }
  .search-box .submit {
    display: block;
    float: right;
    border: 0;
    background: var(--black);
    border-left: 2px solid var(--black);
    -webkit-border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    -ms-border-radius: 0 0 4px 0;
    -o-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
    color: var(--white);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.875em;
    padding: 0.938em 0.688em 0.813em 0.688em;
    margin: 0;
    outline: none;
    cursor: pointer;
    height: 19px; }

.header .responsive-sub-menu::-webkit-scrollbar {
  display: none; }

.header .responsive-sub-menu {
  display: none;
  background: var(--bg-mobile-header-categories);
  width: 100%;
  height: auto;
  top: 0;
  z-index: 999;
  position: relative;
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch; }
  .header .responsive-sub-menu ul {
    z-index: 10000;
    display: flex;
    float: left;
    padding: 0;
    width: 100%;
    margin: 0; }
    .header .responsive-sub-menu ul li {
      display: flex;
      list-style: none;
      width: auto;
      white-space: nowrap;
      position: relative;
      height: 47px;
      text-align: center;
      vertical-align: middle;
      padding: 0 14px 0 14px; }
      .header .responsive-sub-menu ul li.nav-back {
        position: sticky;
        left: 0;
        background: var(--bg-mobile-header-categories);
        z-index: 999; }
        .header .responsive-sub-menu ul li.nav-back a {
          display: flex;
          gap: 10px;
          padding-right: 8px;
          border-right: 1px solid var(--gray-blue-500); }
        .header .responsive-sub-menu ul li.nav-back i {
          display: block;
          width: 12px;
          height: 15px; }
          .header .responsive-sub-menu ul li.nav-back i svg {
            width: 100%;
            height: 100%;
            fill: var(--gray-blue-400); }
      .header .responsive-sub-menu ul li.active {
        border-bottom: 2px solid var(--white); }
        .header .responsive-sub-menu ul li.active a {
          color: var(--white);
          line-height: 25px; }
      .header .responsive-sub-menu ul li.disabled-active {
        background-color: var(--gray-800); }
      .header .responsive-sub-menu ul li a {
        display: flex;
        vertical-align: middle;
        color: var(--gray-blue-400);
        text-decoration: none;
        font-weight: 500;
        align-items: center;
        width: 100%;
        font-family: "Roboto";
        line-height: 26px;
        font-size: 14px; }
        .header .responsive-sub-menu ul li a#mobile-categories-show .icon-arrow-down-menu {
          font-size: 5px;
          margin-left: 5px; }
        .header .responsive-sub-menu ul li a#mobile-categories-show .arrow-down-menu {
          background: url(images/arrow-down-mobile.png) no-repeat center;
          background-size: 8px 5px;
          width: 8px;
          height: 5px;
          margin-left: 5px;
          margin-bottom: 2px;
          display: inline-block; }
          @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
            .header .responsive-sub-menu ul li a#mobile-categories-show .arrow-down-menu {
              background: url(images/arrow-down-mobile@2x.png) no-repeat center;
              background-size: 8px 5px; } }
          @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
            .header .responsive-sub-menu ul li a#mobile-categories-show .arrow-down-menu {
              background: url(images/arrow-down-mobile@3x.png) no-repeat center;
              background-size: 8px 5px; } }
        .header .responsive-sub-menu ul li a:hover {
          color: var(--white); }
        .header .responsive-sub-menu ul li a#mobile-categories-show:hover {
          color: var(--gray-blue-400); }
    .header .responsive-sub-menu ul .activesubmenu a {
      border-bottom: 6px solid var(--orange-150); }
  .header .responsive-sub-menu .bpd-btn-exp {
    align-items: center;
    padding-right: 0 !important; }
    .header .responsive-sub-menu .bpd-btn-exp .premium-text {
      border-right: 1px solid #3C3E42;
      padding-right: 14px;
      line-height: 16px; }
  @media (max-width: 979px) {
    .header .responsive-sub-menu {
      display: block; } }

.mobile-more-categories-list {
  background: var(--white); }
  .mobile-more-categories-list ul {
    list-style: none; }
    .mobile-more-categories-list ul li {
      display: block;
      border-bottom: 1px solid var(--gray-blue-600);
      background-color: var(--bg-mobile-submenu);
      height: 43px;
      line-height: 43px;
      float: none;
      text-align: left;
      padding-left: 1.025em;
      width: 100%;
      box-sizing: border-box; }
      .mobile-more-categories-list ul li a {
        color: var(--gray-blue-400);
        font-size: 13px;
        font-weight: 500;
        display: block;
        height: 100%; }
        .mobile-more-categories-list ul li a:hover {
          color: var(--gray-blue-400); }
      .mobile-more-categories-list ul li.active a {
        color: var(--white); }
      .mobile-more-categories-list ul li .icon-arrow-right-categories {
        margin: 0 16px 0 0;
        display: block;
        float: right;
        font-size: 15px;
        line-height: 42px; }
      .mobile-more-categories-list ul li .categories-arrow-right {
        margin: 14px 20px 0 0;
        display: block;
        float: right;
        background: url(images/arrow-right.png) no-repeat center;
        background-size: 9px 13x;
        width: 9px;
        height: 13px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .mobile-more-categories-list ul li .categories-arrow-right {
            background: url(images/arrow-right@2x.png) no-repeat center;
            background-size: 9px 13px; } }
        @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
          .mobile-more-categories-list ul li .categories-arrow-right {
            background: url(images/arrow-right@3x.png) no-repeat center;
            background-size: 9px 13px; } }
    .mobile-more-categories-list ul .wide-border-top {
      border-top: 2px solid var(--gray-250); }
    .mobile-more-categories-list ul .get-the-app-link .get-ios-app, .mobile-more-categories-list ul .get-the-app-link .get-android-app {
      display: none; }

.mobile-category-list {
  display: none;
  background: var(--gray-100);
  box-sizing: border-box;
  margin-bottom: 12px;
  margin-top: 12px; }
  .mobile-category-list.items-2 ul li {
    width: 50%; }
  .mobile-category-list.items-3 ul li {
    width: 33.3333333%; }
  .mobile-category-list.items-4 ul li {
    width: 25%; }
  .mobile-category-list ul {
    background-color: var(--bg-mobile-category-list);
    display: table;
    list-style: none;
    width: 100%;
    border-radius: 3px;
    padding: 2px;
    box-sizing: border-box; }
    .mobile-category-list ul li {
      height: 30px;
      display: inline-block;
      text-align: center; }
      .mobile-category-list ul li.active a {
        background-color: var(--bg-primary); }
      .mobile-category-list ul li a {
        color: var(--gray-450);
        font-size: 12px;
        display: block;
        line-height: 30px;
        font-family: "Roboto";
        font-weight: 500;
        border-radius: 3px; }
  @media (max-width: 979px) {
    .mobile-category-list {
      display: block; } }

.activesubmenu {
  display: inline-block !important; }

.responsive-sub-menu-1 {
  text-align: left; }
  .responsive-sub-menu-1 .responsive-active-submenu {
    left: 0; }

.responsive-sub-menu-2 {
  text-align: center;
  width: 34% !important; }
  .responsive-sub-menu-2 .responsive-active-submenu {
    left: 0;
    margin-left: 20%; }

.responsive-sub-menu-3 {
  text-align: right; }
  .responsive-sub-menu-3 .responsive-active-submenu {
    right: 0; }

.top-categories {
  background: var(--bg-dark);
  height: 1.875em; }
  .top-categories ul {
    width: 100%;
    padding: 0;
    margin: 0; }
    .top-categories ul li {
      background: var(--bg-dark);
      list-style: none;
      display: block;
      float: left; }
      .top-categories ul li.more {
        float: right; }
        .top-categories ul li.more .triangle-icon {
          margin-top: -0.7142857143em;
          display: block;
          margin-left: 3.3571428571em;
          border-top-color: var(--white);
          margin-right: 0;
          margin-bottom: 0.2857142857em; }
        .top-categories ul li.more .more-categories {
          background: var(--bg-dark);
          width: 100%;
          display: none;
          position: absolute;
          right: 0;
          z-index: 10; }
          .top-categories ul li.more .more-categories ul {
            width: 100%;
            margin: 0 auto; }
            .top-categories ul li.more .more-categories ul li {
              display: inline-block; }
      .top-categories ul li a {
        display: inline-block;
        font-size: 0.75em;
        padding: 0.6666666667em 1.3333333333em 0.6666666667em 1.3333333333em;
        color: var(--white);
        text-decoration: none;
        font-weight: 500; }
      .top-categories ul li.active, .top-categories ul li:hover {
        color: var(--white);
        background: var(--gray-900); }
        .top-categories ul li.active a, .top-categories ul li:hover a {
          color: var(--white); }
  @media (max-width: 979px) {
    .top-categories {
      display: none; } }

.top-message {
  display: none;
  width: 100%;
  text-align: center;
  background: var(--top-message-bg);
  color: var(--top-message-color);
  line-height: 1.775em;
  position: absolute;
  height: 28px;
  overflow: hidden; }
  .top-message i {
    display: inline-block;
    background: url(images/hiring-bag.png) no-repeat;
    background-size: 18px 14px;
    width: 18px;
    height: 14px;
    padding-right: 10px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .top-message i {
        background: url(images/hiring-bag-2x.png) no-repeat;
        background-size: 18px 14px; } }
  .top-message.variation {
    line-height: 2.3em;
    margin-top: -1.9em; }
  .top-message .close-box {
    background-image: url("images/builder-delete.png");
    background-size: 100%;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 8px;
    right: 13px;
    background-position: 0 0; }
  .top-message .fb_iframe_widget {
    margin-left: 5px; }
    .top-message .fb_iframe_widget iframe {
      margin-top: -9px; }

.top-message-visible {
  display: block; }
  @media (max-width: 979px) {
    .top-message-visible {
      display: none; } }

.header .bp-container {
  max-width: 1020px; }
  @media (max-width: 1020px) {
    .header .bp-container.variation {
      padding-left: .625em;
      padding-right: .625em;
      box-sizing: border-box; } }

@keyframes shine-bpdaily {
  0% {
    background-position: 200% 0; }
  100% {
    background-position: -200% 0; } }

.header .bpd-btn-exp .premium-text {
  display: flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(to right, var(--gray-300) 0, #fff 10%, var(--gray-300) 20%, var(--gray-300) 30%);
  background-size: 200% auto;
  animation: shine-bpdaily 5s linear infinite;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }
  .header .bpd-btn-exp .premium-text .icon-ic-bpdaily {
    font-size: 16px; }
  .header .bpd-btn-exp .premium-text .text {
    font-size: 14px; }

.header #header-variation-new {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  background: var(--bg-header); }
  @media (max-width: 979px) {
    .header #header-variation-new {
      display: none; } }
  .header #header-variation-new .nav.left {
    display: flex;
    gap: 32px;
    width: calc(100% - 320px); }
    .header #header-variation-new .nav.left .logo-wrapper {
      display: flex;
      gap: 16px; }
      .header #header-variation-new .nav.left .logo-wrapper .more-new {
        cursor: pointer;
        position: relative; }
        .header #header-variation-new .nav.left .logo-wrapper .more-new .pulsating-indicator {
          position: absolute;
          width: 10px;
          height: 10px;
          top: -6px;
          right: -6px;
          border: 2px solid var(--bg-header);
          border-radius: 50%; }
          .header #header-variation-new .nav.left .logo-wrapper .more-new .pulsating-indicator:before {
            content: "";
            position: relative;
            display: block;
            width: 250%;
            height: 250%;
            box-sizing: border-box;
            margin-left: -75%;
            margin-top: -75%;
            border-radius: 45px;
            background-color: #56b863;
            animation: pulse 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
          .header #header-variation-new .nav.left .logo-wrapper .more-new .pulsating-indicator:after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            width: 100%;
            height: 100%;
            background-color: #56b863;
            border-radius: 50px;
            animation: circle 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; }
        .header #header-variation-new .nav.left .logo-wrapper .more-new .new-burger-menu-toggle {
          cursor: pointer; }
          .header #header-variation-new .nav.left .logo-wrapper .more-new .new-burger-menu-toggle.hidden {
            display: none; }
          .header #header-variation-new .nav.left .logo-wrapper .more-new .new-burger-menu-toggle.icon-open svg path {
            fill: var(--navbar-burger-icon-color); }
          .header #header-variation-new .nav.left .logo-wrapper .more-new .new-burger-menu-toggle.icon-close svg path {
            stroke: var(--navbar-burger-icon-color); }
      .header #header-variation-new .nav.left .logo-wrapper .logotype {
        float: unset;
        margin-right: 0; }
    .header #header-variation-new .nav.left .search {
      display: flex;
      flex-direction: column;
      justify-content: center;
      flex-grow: 1; }
      .header #header-variation-new .nav.left .search .search-icon {
        padding: 0 10px;
        display: inline-block;
        color: var(--gray-800);
        vertical-align: middle; }
        .header #header-variation-new .nav.left .search .search-icon:hover {
          opacity: 0.8;
          background-color: inherit; }
        .header #header-variation-new .nav.left .search .search-icon i {
          background-repeat: no-repeat;
          background-image: var(--search-image);
          display: block;
          height: 24px;
          width: 24px; }
      .header #header-variation-new .nav.left .search .search-box {
        position: relative;
        right: unset;
        top: unset;
        width: 100%; }
        .header #header-variation-new .nav.left .search .search-box .search-close {
          position: absolute;
          background: none;
          padding: 0;
          left: 15px;
          top: 0;
          font-size: 10px;
          height: 38px;
          width: 12px;
          display: block;
          line-height: 38px;
          color: #7d7d7d; }
        .header #header-variation-new .nav.left .search .search-box input {
          width: calc(100% - 80px);
          background-color: var(--gray-100) !important;
          border: 1px solid var(--gray-250);
          border-bottom-left-radius: 5px;
          border-top-left-radius: 5px;
          border-right: none;
          box-sizing: content-box;
          padding: 11.5px 0.425em 11.5px 16px;
          font-family: 'Roboto', sans-serif;
          font-size: 16px;
          line-height: 18.75px;
          font-weight: 500; }
        .header #header-variation-new .nav.left .search .search-box button {
          background-color: var(--gray-100);
          background-image: var(--search-image);
          background-repeat: no-repeat;
          background-position: center center;
          border: 1px solid var(--gray-250);
          border-bottom-right-radius: 5px;
          border-top-right-radius: 5px;
          border-left: none;
          width: 24px;
          padding: 11.5px 24px 11.5px 6px; }
      .header #header-variation-new .nav.left .search .search-box.expand-enabled {
        display: block; }
      .header #header-variation-new .nav.left .search .search-box.search-box-variant {
        display: block; }
  .header #header-variation-new .nav.right {
    display: flex;
    gap: 16px;
    justify-content: end;
    position: relative;
    flex-shrink: 0; }
    .header #header-variation-new .nav.right .notifications {
      min-height: 60px;
      line-height: 60px;
      position: relative; }
      .header #header-variation-new .nav.right .notifications a {
        border-right: none; }
        .header #header-variation-new .nav.right .notifications a:hover {
          background-color: var(--bg-notification-hover); }
        .header #header-variation-new .nav.right .notifications a:focus {
          outline: none; }
    .header #header-variation-new .nav.right .notification-icon {
      display: flex;
      color: var(--gray-800);
      margin-right: 9px; }
      .header #header-variation-new .nav.right .notification-icon .notification-bell {
        background-repeat: no-repeat;
        background-image: var(--notifications-image);
        background-position: center center;
        display: block;
        height: 24px;
        width: 24px;
        margin-top: 6px; }
      .header #header-variation-new .nav.right .notification-icon:hover {
        opacity: 0.8;
        background-color: inherit; }
    .header #header-variation-new .nav.right .notification-count {
      position: absolute;
      top: 15px;
      left: 14px;
      padding: 0 4px;
      height: 18px;
      min-width: 10px;
      line-height: 20px;
      text-align: center;
      font-size: 11px;
      font-weight: bold;
      background-color: var(--gray-200);
      color: var(--black);
      border: 1px solid var();
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; }
      .header #header-variation-new .nav.right .notification-count.unseen {
        background-color: #F64629;
        color: var(--white); }
    .header #header-variation-new .nav.right .add-post {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .header #header-variation-new .nav.right .add-post .add-post-top-button {
        border-radius: 5px;
        color: var(--white);
        border: none;
        height: 44px;
        line-height: 44px;
        text-transform: none;
        font-weight: 500;
        width: auto;
        display: flex;
        align-items: center;
        padding-left: 16px;
        padding-right: 16px;
        background: var(--orange-150);
        border: 0;
        gap: 8px; }
        .header #header-variation-new .nav.right .add-post .add-post-top-button:hover {
          background: #7ca254;
          color: var(--white); }
        .header #header-variation-new .nav.right .add-post .add-post-top-button:hover {
          color: var(--white);
          background-color: var(--orange-100);
          border-color: var(--orange-150); }
        .header #header-variation-new .nav.right .add-post .add-post-top-button i {
          background-size: 0;
          font-size: 14px;
          line-height: 38px;
          width: 20px;
          margin: 0;
          height: 14px;
          display: flex;
          justify-content: center; }
          .header #header-variation-new .nav.right .add-post .add-post-top-button i.icon-add-post-form-top:before {
            width: 20px;
            height: 14px;
            display: block; }
    .header #header-variation-new .nav.right .login-url {
      display: block;
      background: var(--bg-header);
      border: 2px solid var(--border-dark-mode-toggle);
      color: var(--button-add-post);
      padding: 10px 16px;
      text-align: center;
      border-radius: 5px;
      text-transform: none;
      font-weight: 500;
      line-height: 24px;
      font-size: 16px; }
      .header #header-variation-new .nav.right .login-url:hover {
        border: 2px solid var(--gray-450);
        background-color: var(--gray-450);
        color: var(--white); }
    .header #header-variation-new .nav.right .user-menu {
      position: relative;
      display: flex; }
      .header #header-variation-new .nav.right .user-menu .button {
        padding: 0;
        display: flex;
        gap: 3.6px; }
        .header #header-variation-new .nav.right .user-menu .button .left {
          display: flex;
          gap: 7px; }
          .header #header-variation-new .nav.right .user-menu .button .left img {
            border-radius: 50%;
            width: 40px;
            height: 40px;
            border: 2px solid var(--color-profile-border); }
          .header #header-variation-new .nav.right .user-menu .button .left span {
            color: #7d7d7d;
            text-transform: none;
            font-weight: normal;
            font-size: 0.9em;
            margin: 0; }
            .header #header-variation-new .nav.right .user-menu .button .left span.pandas-count {
              display: inline-block;
              float: none;
              color: var(--gray-800) !important;
              font-size: 12px;
              text-align: center;
              -webkit-border-radius: 3px;
              -moz-border-radius: 3px;
              -ms-border-radius: 3px;
              -o-border-radius: 3px;
              border-radius: 3px;
              font-weight: bold;
              background: var(--login-input-border);
              padding: 4px 6px;
              line-height: 1; }
        .header #header-variation-new .nav.right .user-menu .button .icon-arrow-down-menu {
          width: 8px;
          color: #7d7d7d; }
      .header #header-variation-new .nav.right .user-menu .submenu {
        display: none;
        border-radius: 0 0 3px 3px;
        border: 1px solid var(--login-input-border);
        background: var(--bg-submenu);
        position: absolute;
        z-index: 3;
        top: 68px;
        right: 0;
        width: 261px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .header #header-variation-new .nav.right .user-menu .submenu ul li {
          float: none;
          border-bottom: 1px solid var(--login-input-border);
          height: auto !important;
          box-sizing: border-box; }
          .header #header-variation-new .nav.right .user-menu .submenu ul li:last-child {
            border: none; }
          .header #header-variation-new .nav.right .user-menu .submenu ul li a {
            display: block;
            font-size: 16px;
            font-style: normal;
            font-weight: normal;
            line-height: 24px;
            padding: 16px 20px;
            color: var(--on-bg-primary); }
            .header #header-variation-new .nav.right .user-menu .submenu ul li a:hover {
              background: var(--bg-quiz) !important; }
              .header #header-variation-new .nav.right .user-menu .submenu ul li a:hover span {
                color: inherit !important; }
            .header #header-variation-new .nav.right .user-menu .submenu ul li a.button:hover {
              background: none !important; }

.header .dropdown-menu.notifications-drop-down {
  position: absolute !important;
  background: var(--post-background);
  color: var(--on-bg-primary);
  border: 2px solid var(--post-background);
  border-radius: 3px;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  width: 350px;
  left: -176px;
  top: 62px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); }
  .header .dropdown-menu.notifications-drop-down .empty-list {
    background: var(--post-background);
    line-height: 1;
    padding-top: 80px;
    padding-bottom: 80px; }
    .header .dropdown-menu.notifications-drop-down .empty-list .panda {
      display: flex;
      justify-content: center; }
      .header .dropdown-menu.notifications-drop-down .empty-list .panda img {
        width: 139px;
        height: 109px; }
    .header .dropdown-menu.notifications-drop-down .empty-list .title {
      display: block;
      font-size: 18px;
      font-weight: 500;
      text-align: center;
      margin-top: 20px; }
    .header .dropdown-menu.notifications-drop-down .empty-list .text {
      font-size: 14px;
      color: #7d7d7d;
      max-width: 200px;
      display: block;
      text-align: center;
      margin: 10px auto 0;
      line-height: 18px; }
  .header .dropdown-menu.notifications-drop-down .notifications-header {
    padding: 0 13px;
    height: 34px;
    line-height: 34px;
    border-bottom: 1px solid var(--gray-100); }
    .header .dropdown-menu.notifications-drop-down .notifications-header .title {
      font-size: 14px; }
    .header .dropdown-menu.notifications-drop-down .notifications-header .settings {
      color: var(--gray-400);
      float: right;
      padding: 0; }
      .header .dropdown-menu.notifications-drop-down .notifications-header .settings:hover {
        color: var(--gray-800); }
      .header .dropdown-menu.notifications-drop-down .notifications-header .settings .svg-icon {
        vertical-align: middle; }
  .header .dropdown-menu.notifications-drop-down ul {
    max-height: 350px;
    overflow-y: auto; }
    .header .dropdown-menu.notifications-drop-down ul li {
      width: 100%; }
    .header .dropdown-menu.notifications-drop-down ul a {
      display: block;
      padding: 13px;
      line-height: 16px; }
      .header .dropdown-menu.notifications-drop-down ul a.unseen {
        background: var(--bg-unseen-notification-item);
        border-bottom: 2px solid var(--notification-item-border-color); }
      .header .dropdown-menu.notifications-drop-down ul a:hover {
        color: inherit; }
      .header .dropdown-menu.notifications-drop-down ul a .thumb {
        vertical-align: top; }
        .header .dropdown-menu.notifications-drop-down ul a .thumb img {
          width: 40px;
          height: 40px;
          border-radius: 50%; }
      .header .dropdown-menu.notifications-drop-down ul a .text {
        padding-left: 10px;
        padding-top: 3px; }
        .header .dropdown-menu.notifications-drop-down ul a .text .notification-text {
          font-size: 14px;
          color: #7d7d7d;
          font-weight: normal;
          max-width: 215px;
          display: inline-block; }
          .header .dropdown-menu.notifications-drop-down ul a .text .notification-text .strong {
            color: var(--gray-800); }
      .header .dropdown-menu.notifications-drop-down ul a .time {
        display: inline-block;
        float: right;
        width: 54px;
        margin: 0;
        text-align: right; }
        .header .dropdown-menu.notifications-drop-down ul a .time i {
          color: var(--gray-400);
          display: inline-block;
          vertical-align: text-top; }
        .header .dropdown-menu.notifications-drop-down ul a .time .time-text {
          color: var(--gray-400);
          font-size: 11px;
          vertical-align: text-top;
          font-weight: 400; }
  .header .dropdown-menu.notifications-drop-down:after, .header .dropdown-menu.notifications-drop-down:before {
    z-index: 1;
    content: "";
    position: absolute;
    top: -13px;
    left: 177px;
    border-top: 0 solid transparent;
    border-bottom: 12px solid var(--post-background);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent; }
  .header .dropdown-menu.notifications-drop-down:before {
    border-bottom: 11px solid var(--gray-100);
    top: -14px; }
  .header .dropdown-menu.notifications-drop-down a.show-all {
    display: block;
    background-color: var(--post-background);
    line-height: 45px;
    text-align: center;
    padding: 0;
    border-top: 1px solid var(--gray-100);
    color: #56b863;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize; }
    .header .dropdown-menu.notifications-drop-down a.show-all:hover {
      color: var(--green-200); }

.wide-post .header .bp-container {
  max-width: 970px; }
  .wide-post .header .bp-container.mobile {
    max-width: 100%; }

@media (min-width: 1290px) {
  .wide-post.bp-com.post-template-default .header .bp-container, .wide-post.bp-news.post-template-default .header .bp-container {
    max-width: 1290px; } }

.page-template-games .header #header-variation-new .nav.left,
.page-template-quizzes .header #header-variation-new .nav.left,
.page-template-polls .header #header-variation-new .nav.left,
.page-template-showdowns .header #header-variation-new .nav.left {
  width: 100%;
  max-width: 660px; }

.page-template-top .header #header-variation-new .nav.left.variation-1 {
  width: calc(100% - 320px); }

.top-categories .bp-container {
  overflow: hidden; }

.top-categories.variation {
  height: 2.5em; }
  @media (max-width: 1020px) {
    .top-categories.variation {
      padding-left: .625em;
      padding-right: .625em;
      box-sizing: border-box; } }
  .top-categories.variation ul li {
    background: var(--bg-dark);
    list-style-type: disc;
    color: var(--gray-550);
    margin-right: 14px;
    height: 40px; }
    .top-categories.variation ul li a {
      color: var(--gray-300);
      font-weight: 500;
      padding: 12px 14px 12px 0;
      font-size: 14px; }
      .top-categories.variation ul li a:hover {
        color: var(--white);
        border: none; }
      .top-categories.variation ul li a.active {
        color: var(--white); }
    .top-categories.variation ul li:not(:last-child):after {
      content: "•";
      width: 10px;
      height: 10px;
      font-size: 20px;
      top: 2px;
      position: relative; }
    .top-categories.variation ul li.flex:not(:last-child):after {
      margin-top: 8px; }
    .top-categories.variation ul li.more {
      float: left; }
      .top-categories.variation ul li.more.active .triangle-icon {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
      .top-categories.variation ul li.more:after {
        content: "";
        display: none; }
      .top-categories.variation ul li.more .triangle-icon {
        background: url(images/arrow-down.png) no-repeat center;
        background-size: 10px 6px;
        width: 10px;
        height: 6px;
        border: none;
        margin-left: 3.3em; }
      .top-categories.variation ul li.more .more-categories ul li {
        color: var(--gray-550); }
        .top-categories.variation ul li.more .more-categories ul li a {
          color: var(--gray-300); }
          .top-categories.variation ul li.more .more-categories ul li a:hover {
            color: var(--white); }
    .top-categories.variation ul li.active a {
      background: var(--gray-800);
      color: var(--white);
      border: none; }
    .top-categories.variation ul li:hover {
      background: var(--bg-dark-hover); }
    .top-categories.variation ul li .link-icon-wrapper {
      padding: 0 !important;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-right: 8px; }

.top-categories.bp-news ul li:after {
  display: none; }

.top-categories.bp-news ul li a {
  padding: 13px 14px; }
  .top-categories.bp-news ul li a.active {
    background: var(--orange-150); }

.takeover-open {
  overflow: hidden;
  position: fixed; }

.app-takeover {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--white);
  z-index: 9999; }
  @media (min-width: 480px) {
    .app-takeover {
      display: none !important; } }
  .app-takeover .takeover-container {
    width: 320px;
    margin: 0 auto;
    text-align: center;
    font-family: "Roboto"; }
    .app-takeover .takeover-container .takeover-icon {
      width: 198px;
      height: 411px;
      margin: 25px auto; }
      .app-takeover .takeover-container .takeover-icon.icon-1 {
        background: url(images/iphone-takeover@2x.png) no-repeat;
        background-size: 198px 411px; }
        @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
          .app-takeover .takeover-container .takeover-icon.icon-1 {
            background: url(images/iphone-takeover@3x.png) no-repeat;
            background-size: 198px 411px; } }
      .app-takeover .takeover-container .takeover-icon.icon-2 {
        background: url(images/iphone-takeover-v2@2x.png) no-repeat;
        background-size: 198px 411px; }
        @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
          .app-takeover .takeover-container .takeover-icon.icon-2 {
            background: url(images/iphone-takeover-v2@h.png) no-repeat;
            background-size: 198px 411px; } }
      .app-takeover .takeover-container .takeover-icon.icon-3 {
        background: url(images/iphone-takeover-v3@2x.png) no-repeat;
        background-size: 198px 411px; }
        @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
          .app-takeover .takeover-container .takeover-icon.icon-3 {
            background: url(images/iphone-takeover-v3@3x.png) no-repeat;
            background-size: 198px 411px; } }
      .app-takeover .takeover-container .takeover-icon.icon-android-1 {
        background: url(images/android-takeover@2x.png?v=2) no-repeat;
        background-size: 225px 440px; }
        @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
          .app-takeover .takeover-container .takeover-icon.icon-android-1 {
            background: url(images/android-takeover@3x.png?v=2) no-repeat;
            background-size: 225px 440px; } }
      .app-takeover .takeover-container .takeover-icon.android {
        width: 225px;
        height: 440px; }
    .app-takeover .takeover-container .bottom-fixed {
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      background-color: var(--white);
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 15%, white 30%, white 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 15%, white 30%, white 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 15%, white 30%, white 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='$whitefff',GradientType=0 );
      /* IE6-9 */
      padding-top: 70px;
      padding-bottom: 25px; }
    .app-takeover .takeover-container .takeover-description {
      font-weight: bold;
      font-size: 22px;
      color: var(--gray-800);
      width: 300px;
      margin: 15px auto;
      line-height: 25px; }
    .app-takeover .takeover-container .takeover-button {
      display: block;
      margin: 20px auto;
      width: 230px;
      height: 46px;
      font-size: 16px;
      line-height: 46px;
      color: var(--white);
      -webkit-border-radius: 23px;
      -moz-border-radius: 23px;
      -ms-border-radius: 23px;
      -o-border-radius: 23px;
      border-radius: 23px;
      background-color: #56b863; }
    .app-takeover .takeover-container .takeover-link {
      color: #7d7d7d;
      font-size: 16px;
      margin-top: 25px;
      font-weight: 400;
      text-decoration: none; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  :not(.page-template-add-post-template-php) .header .mobile .logotype {
    background: url("images/panda-big-logo-mobile@2x.png") no-repeat left center;
    background-size: 132px 37px; }
    :not(.page-template-add-post-template-php) .header .mobile .logotype.logo-category {
      background: url("images/panda-head-logo-mobile@2x.png") no-repeat left center;
      background-size: 31px 37px; }
    :not(.page-template-add-post-template-php) .header .mobile .logotype.curioso {
      background: url("images/panda-curioso-big-logo-mobile@2x.png?v=1") no-repeat left center;
      background-size: 150px 37px; }
    :not(.page-template-add-post-template-php) .header .mobile .logotype.christmas {
      background: var(--header-logo-christmas-mobile) no-repeat left center;
      background-size: 133px 44px;
      width: 133px;
      height: 44px; }
    :not(.page-template-add-post-template-php) .header .mobile .logotype.news {
      background: url("images/logo-news.svg") no-repeat left center;
      background-size: 132px 37px; } }

@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  :not(.page-template-add-post-template-php) .header .mobile .logotype {
    background: url("images/panda-big-logo-mobile@3x.png") no-repeat left center;
    background-size: 132px 38px;
    height: 38px; }
    :not(.page-template-add-post-template-php) .header .mobile .logotype.logo-category {
      background: url("images/panda-head-logo-mobile@3x.png") no-repeat left center;
      background-size: 32px 38px;
      height: 38px;
      width: 32px; }
    :not(.page-template-add-post-template-php) .header .mobile .logotype.curioso {
      background: url("images/panda-curioso-big-logo-mobile@3x.png?v=1") no-repeat left center;
      background-size: 150px 37px; }
    :not(.page-template-add-post-template-php) .header .mobile .logotype.news {
      background: url("images/logo-news.svg") no-repeat left center;
      background-size: 132px 37px; } }

.add-short-post-message {
  display: none;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  background: #efefef;
  opacity: 0.95;
  line-height: 150%;
  width: calc(100% - 40px);
  padding: 20px;
  text-align: center;
  font-size: 1.3em; }
  .add-short-post-message.notice {
    display: block; }
  .add-short-post-message p a {
    color: var(--orange-150); }
  .add-short-post-message p i {
    width: 27px;
    height: 25px;
    background: url(images/contribution-success-icon.png);
    display: inline-block;
    margin: 0 10px 0 0; }
    .add-short-post-message p i.error-icon {
      background: url(images/contribution-error-icon.png); }
  .add-short-post-message .fb-success-post {
    color: #133783; }

.static-pages-header {
  display: none; }

.navigation-panel .categories-list .hidden {
  display: none; }

.navigation-panel .categories-list.expanded .hidden {
  display: block; }

.navigation-panel .see-more {
  cursor: pointer; }

.categories-toggle svg,
.resources-toggle svg {
  cursor: pointer; }

.categories-toggle svg.rotated,
.resources-toggle svg.rotated {
  transform: rotate(180deg);
  transition: transform 0.3s; }

.navigation-panel .resources-list.hidden {
  display: none; }

.navigation-panel {
  width: 196px;
  height: 814px; }
  .navigation-panel div {
    padding: 0 16px 0 16px;
    width: 100%; }
    .navigation-panel div h3 {
      font-size: 14px;
      font-weight: 500;
      color: var(--nav-font-color);
      line-height: 16.41px;
      align-content: center;
      height: 40px; }
  .navigation-panel .expand-list {
    width: 100%;
    display: flex;
    flex-direction: row; }
    .navigation-panel .expand-list h3 {
      text-transform: uppercase;
      width: 80%;
      font-size: 12px;
      font-weight: 400;
      color: var(--nav-section-header);
      line-height: 14.06px;
      align-content: center;
      height: 40px; }
    .navigation-panel .expand-list div {
      width: 20%;
      display: block;
      align-content: center; }
  .navigation-panel .list li a {
    padding: 0 12px 0 16px; }
  .navigation-panel .list .signature {
    font-size: 10px;
    line-height: 11.72px;
    color: var(--nav-section-header);
    font-weight: 400;
    padding: 0 12px 26px 16px; }
    .navigation-panel .list .signature a {
      font-size: 10px;
      line-height: 11.72px;
      color: var(--nav-section-header);
      font-weight: 400; }
  .navigation-panel .explore {
    padding: 0 12px 0 16px; }

#custom-svg {
  stroke: var(--nav-toggle-icon); }

.navigation-panel ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.navigation-panel ul li {
  width: 100%; }

.navigation-panel ul li a {
  text-decoration: none;
  font-size: 14px;
  line-height: 16.41px;
  color: var(--nav-font-color);
  display: block;
  transition: background-color 0.3s;
  align-content: center;
  height: 40px;
  padding: 0 12px 0 24px;
  border-radius: 4px; }

.navigation-panel ul li a:hover,
.navigation-panel ul li a.active {
  background-color: var(--nav-button-hover);
  color: var(--nav-hover-font-color);
  font-weight: bold; }

.navigation-panel ul li a.active {
  background-color: var(--nav-button-hover); }

.navigation-panel .see-more {
  color: var(--nav-section-header);
  width: 100%;
  align-content: center;
  height: 40px;
  padding: 0 12px 0 16px;
  font-size: 12px;
  line-height: 14.06px; }

.navigation-panel hr {
  border: none;
  border-top: 1px solid var(--nav-divider); }

body.navigation-open {
  overflow: hidden; }

.left-side-logo {
  display: flex;
  align-items: center;
  position: absolute;
  margin-left: 14px;
  cursor: pointer; }
  .left-side-logo .burger-container {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 24px;
    margin-right: 10px; }
  .left-side-logo .burger-line {
    width: 30px;
    height: 2px;
    background-color: white;
    border-radius: 2px; }

.list-bottom li {
  margin-bottom: 17px; }

.search-box-left {
  left: 68px !important; }
  .search-box-left input {
    border-radius: 0 !important; }

.overlay-nav {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 500;
  display: none; }

@media (min-width: 376px) {
  .mobile.bp-container .login-wrapper {
    display: none; } }

@media (max-width: 420px) {
  .header .mobile.bp-container .left-side-logo a.logotype {
    display: none !important; } }

.header .mobile.bp-container .left-side-logo a.logotype-xs {
  margin: 9px 0 8px 2px;
  display: inline-block;
  background: url("images/boredpanda_logo_invert_icon.svg") no-repeat left center;
  position: relative;
  width: 79px;
  height: 35px;
  background-size: 35px; }

@media (min-width: 421px) {
  .header .mobile.bp-container .left-side-logo a.logotype-xs {
    display: none; } }

.boredpanda-topbar {
  display: flex;
  justify-content: center;
  padding-top: 12px;
  padding-bottom: 12px;
  background: var(--post-background);
  border-top: 1px solid var(--border-topbar); }
  .boredpanda-topbar.hidden {
    display: none; }
  .boredpanda-topbar .topbar-wrapper {
    display: flex;
    gap: 12px; }
    @media (max-width: 390px) {
      .boredpanda-topbar .topbar-wrapper {
        flex-direction: column; } }
    .boredpanda-topbar .topbar-wrapper .topbar-link {
      color: var(--on-bg-primary);
      font-family: Roboto, sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 24px;
      display: flex;
      gap: 12px; }
      @media (max-width: 390px) {
        .boredpanda-topbar .topbar-wrapper .topbar-link {
          font-size: 14px; } }
      .boredpanda-topbar .topbar-wrapper .topbar-link .icon-megaphone {
        stroke: var(--on-bg-primary); }
      .boredpanda-topbar .topbar-wrapper .topbar-link:hover {
        opacity: 0.8; }
      .boredpanda-topbar .topbar-wrapper .topbar-link img {
        width: 20px;
        height: 20px; }
    .boredpanda-topbar .topbar-wrapper .topbar-badge {
      display: flex;
      padding: 4px 0 4px 10px;
      align-items: center;
      gap: 8px;
      border-radius: 100px;
      background: var(--bg-topbar-badge);
      color: var(--topbar-badge);
      font-family: Roboto, sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 24px;
      max-width: 178px; }
      @media (max-width: 390px) {
        .boredpanda-topbar .topbar-wrapper .topbar-badge {
          font-size: 14px; } }
      .boredpanda-topbar .topbar-wrapper .topbar-badge:hover {
        opacity: 0.8; }
      .boredpanda-topbar .topbar-wrapper .topbar-badge svg {
        padding-right: 4px;
        color: #56B863; }
  .boredpanda-topbar.bpdaily-topbar {
    border-bottom: 1px solid #EBEBEB;
    background: #FFF;
    box-sizing: border-box;
    padding: 10px 12px;
    width: 100%; }
    .boredpanda-topbar.bpdaily-topbar.fixed {
      position: fixed;
      top: 0; }
    .boredpanda-topbar.bpdaily-topbar .topbar-wrapper {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center; }
      .boredpanda-topbar.bpdaily-topbar .topbar-wrapper .topbar-badge {
        padding: 4px 4px 4px 12px;
        border: none;
        border-radius: 100px;
        background: #EBEBEB;
        font-weight: 500;
        white-space: nowrap; }
        .boredpanda-topbar.bpdaily-topbar .topbar-wrapper .topbar-badge span {
          color: #353535;
          background: none; }
        .boredpanda-topbar.bpdaily-topbar .topbar-wrapper .topbar-badge svg {
          color: #fff; }
      .boredpanda-topbar.bpdaily-topbar .topbar-wrapper .topbar-link {
        align-items: center;
        color: #353535;
        font-family: Roboto, sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        gap: 8px;
        white-space: nowrap; }
    @media (max-width: 480px) {
      .boredpanda-topbar.bpdaily-topbar .topbar-wrapper {
        gap: 8px; }
        .boredpanda-topbar.bpdaily-topbar .topbar-wrapper .topbar-link, .boredpanda-topbar.bpdaily-topbar .topbar-wrapper .topbar-badge {
          font-size: 14px;
          line-height: 22px; } }

@keyframes pulse {
  0% {
    transform: scale(0.33); }
  80%,
  100% {
    opacity: 0; } }

.mobile.bp-container.category-header.fixed-top {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 100000000000; }

.mobile.bp-container.category-header {
  position: relative;
  top: 0;
  width: 100%;
  transition: transform 0.3s ease, opacity 0.3s ease;
  z-index: 1000; }
  .mobile.bp-container.category-header.sticky-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(0);
    opacity: 1; }
  .mobile.bp-container.category-header.hidden {
    transform: translateY(-100%);
    opacity: 0; }

.page-template-top .top-categories.variation ul li.active a, .page-template-recommended .top-categories.variation ul li.active a {
  background: transparent; }

.page-template-top .page-title-wrapper, .page-template-recommended .page-title-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 22px; }
  .page-template-top .page-title-wrapper .left, .page-template-recommended .page-title-wrapper .left {
    display: flex;
    gap: 16px; }
    .page-template-top .page-title-wrapper .left h1, .page-template-recommended .page-title-wrapper .left h1 {
      font-family: Merriweather, sans-serif;
      font-size: 24px;
      font-weight: 700;
      line-height: 36px;
      text-align: left;
      color: var(--on-bg-primary); }
      @media (max-width: 400px) {
        .page-template-top .page-title-wrapper .left h1, .page-template-recommended .page-title-wrapper .left h1 {
          font-size: 20px;
          line-height: 30px; } }
    .page-template-top .page-title-wrapper .left .bar, .page-template-recommended .page-title-wrapper .left .bar {
      background: var(--orange-150);
      display: flex;
      flex-direction: column;
      width: 4px;
      border-radius: 100px; }
  .page-template-top .page-title-wrapper .right #group-by-select, .page-template-recommended .page-title-wrapper .right #group-by-select {
    padding: 12px;
    border: 1px solid var(--border-top-page-select);
    border-radius: 3px;
    appearance: none;
    background-repeat: no-repeat !important;
    background-position: right 8px center !important;
    outline: none;
    cursor: pointer;
    min-width: 132px;
    background-color: var(--post-background);
    color: var(--on-bg-primary);
    background-image: var(--chevron-down); }

.page-template-top .new-burger-menu-backdrop .new-burger-menu .menu-container, .page-template-recommended .new-burger-menu-backdrop .new-burger-menu .menu-container {
  max-width: 1020px !important; }

.new-burger-menu-backdrop .follow-us.block-items, .new-mobile-burger-menu-backdrop .follow-us.block-items {
  flex-direction: row !important;
  gap: 24px !important; }
  .new-burger-menu-backdrop .follow-us.block-items .block-column, .new-mobile-burger-menu-backdrop .follow-us.block-items .block-column {
    display: flex;
    flex-direction: column;
    gap: 10px; }
    .new-burger-menu-backdrop .follow-us.block-items .block-column .inline-text, .new-mobile-burger-menu-backdrop .follow-us.block-items .block-column .inline-text {
      width: 124px;
      display: flex;
      flex-direction: row;
      gap: 10px;
      align-items: center; }
      @media (min-width: 390px) {
        .new-burger-menu-backdrop .follow-us.block-items .block-column .inline-text, .new-mobile-burger-menu-backdrop .follow-us.block-items .block-column .inline-text {
          width: 159px; } }

.new-burger-menu-backdrop .block-items i, .new-mobile-burger-menu-backdrop .block-items i {
  display: inline-flex;
  height: 16px;
  width: 16px;
  vertical-align: middle; }
  .new-burger-menu-backdrop .block-items i.follow-facebook, .new-mobile-burger-menu-backdrop .block-items i.follow-facebook {
    background: url("images/icons/follow-facebook.svg") no-repeat center;
    background-size: 16px 16px; }
  .new-burger-menu-backdrop .block-items i.follow-pinterest, .new-mobile-burger-menu-backdrop .block-items i.follow-pinterest {
    background: url("images/icons/follow-pinterest.svg") no-repeat center;
    background-size: 16px 16px; }
  .new-burger-menu-backdrop .block-items i.follow-instagram, .new-mobile-burger-menu-backdrop .block-items i.follow-instagram {
    background: url("images/icons/follow-instagram.svg") no-repeat center;
    background-size: 16px 16px; }
  .new-burger-menu-backdrop .block-items i.follow-x, .new-mobile-burger-menu-backdrop .block-items i.follow-x {
    background: var(--follow-x);
    background-size: 16px 16px; }
  .new-burger-menu-backdrop .block-items i.follow-msn, .new-mobile-burger-menu-backdrop .block-items i.follow-msn {
    background: url("images/icons/follow-msn.svg") no-repeat center;
    background-size: 16px 16px; }
  .new-burger-menu-backdrop .block-items i.follow-bluesky, .new-mobile-burger-menu-backdrop .block-items i.follow-bluesky {
    background: url("images/icons/follow-bluesky.svg") no-repeat center;
    background-size: 16px 16px; }
  .new-burger-menu-backdrop .block-items i.follow-threads, .new-mobile-burger-menu-backdrop .block-items i.follow-threads {
    background: var(--follow-threads);
    background-size: 16px 16px; }

.new-burger-menu-backdrop {
  position: absolute;
  top: 263px;
  left: 0;
  width: 100%;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.2);
  overflow-y: hidden;
  justify-content: center;
  display: none; }
  @media (min-width: 980px) {
    .new-burger-menu-backdrop.logged-in {
      top: 275px; } }
  @media (min-width: 980px) {
    .new-burger-menu-backdrop.bp-news {
      top: 60px;
      height: calc(100vh - 60px); } }
  @media (max-width: 979px) {
    .new-burger-menu-backdrop {
      top: 60px; } }
  @media (min-width: 640px) {
    .new-burger-menu-backdrop {
      display: flex; } }
  .new-burger-menu-backdrop.hidden {
    display: none; }
  .new-burger-menu-backdrop .new-burger-menu {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    max-height: none;
    height: fit-content;
    background: var(--post-background);
    border-top: 1px solid var(--navbar-border);
    position: relative;
    z-index: 10001; }
    @media (max-width: 979px) {
      .new-burger-menu-backdrop .new-burger-menu {
        max-height: 650px; } }
    .new-burger-menu-backdrop .new-burger-menu .menu-container {
      max-width: 1020px;
      width: 100%;
      display: flex;
      justify-content: space-between; }
      .new-burger-menu-backdrop .new-burger-menu .menu-container.game-center {
        max-width: 1248px !important; }
      .new-burger-menu-backdrop .new-burger-menu .menu-container .block-title {
        display: flex;
        gap: 8px; }
        .new-burger-menu-backdrop .new-burger-menu .menu-container .block-title span {
          font-family: 'Roboto', sans-serif;
          text-transform: uppercase;
          font-size: 12px;
          font-weight: 400;
          line-height: 14px;
          text-align: left;
          color: var(--navbar-block-title-color); }
      .new-burger-menu-backdrop .new-burger-menu .menu-container .categories {
        flex-grow: 1;
        background: var(--navbar-categories-bg);
        padding: 24px; }
        @media (min-width: 980px) {
          .new-burger-menu-backdrop .new-burger-menu .menu-container .categories {
            max-width: 33%;
            border-left: 1px solid var(--navbar-border); } }
        .new-burger-menu-backdrop .new-burger-menu .menu-container .categories .category-columns {
          margin-top: 12px; }
          .new-burger-menu-backdrop .new-burger-menu .menu-container .categories .category-columns .desktop {
            display: flex;
            flex-grow: 1;
            gap: 28px; }
            @media (max-width: 979px) {
              .new-burger-menu-backdrop .new-burger-menu .menu-container .categories .category-columns .desktop {
                display: none; } }
          .new-burger-menu-backdrop .new-burger-menu .menu-container .categories .category-columns .tablet {
            display: flex;
            gap: 32px; }
            @media (min-width: 980px) {
              .new-burger-menu-backdrop .new-burger-menu .menu-container .categories .category-columns .tablet {
                display: none; } }
          .new-burger-menu-backdrop .new-burger-menu .menu-container .categories .category-columns .category-column {
            display: flex;
            flex-direction: column;
            gap: 10px; }
            @media (min-width: 980px) {
              .new-burger-menu-backdrop .new-burger-menu .menu-container .categories .category-columns .category-column {
                min-width: 160px; } }
            .new-burger-menu-backdrop .new-burger-menu .menu-container .categories .category-columns .category-column a.category {
              font-family: 'Roboto', sans-serif;
              font-size: 14px;
              font-weight: 500;
              line-height: 22px;
              text-align: left;
              color: var(--on-bg-primary);
              word-break: break-word; }
              .new-burger-menu-backdrop .new-burger-menu .menu-container .categories .category-columns .category-column a.category:hover {
                color: var(--navbar-category-on-hover); }
      .new-burger-menu-backdrop .new-burger-menu .menu-container .other {
        flex-shrink: 0;
        display: flex;
        background: var(--navbar-other-bg);
        border-left: 1px solid var(--navbar-border); }
        @media (min-width: 980px) {
          .new-burger-menu-backdrop .new-burger-menu .menu-container .other {
            max-width: 67%;
            border-right: 1px solid var(--navbar-border); } }
        .new-burger-menu-backdrop .new-burger-menu .menu-container .other .block-items {
          display: flex;
          flex-direction: column;
          gap: 10px;
          padding-left: 12px; }
          .new-burger-menu-backdrop .new-burger-menu .menu-container .other .block-items .with-icon {
            display: flex;
            align-items: center;
            gap: 10px; }
          .new-burger-menu-backdrop .new-burger-menu .menu-container .other .block-items .dark-mode-toggle-wrapper {
            display: flex;
            justify-content: space-between;
            cursor: pointer; }
            .new-burger-menu-backdrop .new-burger-menu .menu-container .other .block-items .dark-mode-toggle-wrapper .darkmode-toggle-input {
              width: 28px;
              height: 16px; }
              .new-burger-menu-backdrop .new-burger-menu .menu-container .other .block-items .dark-mode-toggle-wrapper .darkmode-toggle-input input:checked + .slider:before {
                transform: translateX(12px) !important; }
              .new-burger-menu-backdrop .new-burger-menu .menu-container .other .block-items .dark-mode-toggle-wrapper .darkmode-toggle-input .slider {
                width: 28px;
                height: 16px; }
                .new-burger-menu-backdrop .new-burger-menu .menu-container .other .block-items .dark-mode-toggle-wrapper .darkmode-toggle-input .slider:before {
                  width: 14px;
                  height: 14px;
                  bottom: 1px;
                  left: 1px; }
          .new-burger-menu-backdrop .new-burger-menu .menu-container .other .block-items.no-padding {
            padding-left: 0; }
          .new-burger-menu-backdrop .new-burger-menu .menu-container .other .block-items .block-item-link {
            font-family: 'Roboto', sans-serif;
            font-size: 14px;
            font-weight: 500;
            line-height: 22px;
            text-align: left;
            color: var(--on-bg-primary);
            cursor: pointer; }
            .new-burger-menu-backdrop .new-burger-menu .menu-container .other .block-items .block-item-link .bp-daily-logo {
              background-image: var(--bpdaily-logo);
              background-size: 66px 15px;
              background-repeat: no-repeat;
              background-position: center;
              display: block;
              width: 66px;
              height: 22px; }
            .new-burger-menu-backdrop .new-burger-menu .menu-container .other .block-items .block-item-link:hover {
              color: var(--navbar-category-on-hover); }
          .new-burger-menu-backdrop .new-burger-menu .menu-container .other .block-items .block-item-span {
            font-family: 'Roboto', sans-serif;
            font-size: 10px;
            line-height: 12px;
            text-align: left;
            color: var(--gray-450); }
          .new-burger-menu-backdrop .new-burger-menu .menu-container .other .block-items .block-item-image img {
            width: 100%;
            max-width: 122px; }
          .new-burger-menu-backdrop .new-burger-menu .menu-container .other .block-items .block-item-with-indicator {
            display: flex;
            gap: 8px; }
            .new-burger-menu-backdrop .new-burger-menu .menu-container .other .block-items .block-item-with-indicator .indicator-wrapper {
              display: flex;
              flex-direction: column;
              justify-content: center; }
              .new-burger-menu-backdrop .new-burger-menu .menu-container .other .block-items .block-item-with-indicator .indicator-wrapper.hidden {
                display: none; }
              .new-burger-menu-backdrop .new-burger-menu .menu-container .other .block-items .block-item-with-indicator .indicator-wrapper .bullet {
                width: 4px;
                height: 4px;
                border-radius: 50%;
                background: var(--color-showdown-winner); }
        .new-burger-menu-backdrop .new-burger-menu .menu-container .other .left, .new-burger-menu-backdrop .new-burger-menu .menu-container .other .right {
          display: flex;
          flex-direction: column;
          gap: 32px;
          padding: 24px 24px 24px 12px; }
          @media (min-width: 1130px) {
            .new-burger-menu-backdrop .new-burger-menu .menu-container .other .left, .new-burger-menu-backdrop .new-burger-menu .menu-container .other .right {
              min-width: 220px; } }
          @media (min-width: 980px) {
            .new-burger-menu-backdrop .new-burger-menu .menu-container .other .left, .new-burger-menu-backdrop .new-burger-menu .menu-container .other .right {
              min-width: 183px; } }
          .new-burger-menu-backdrop .new-burger-menu .menu-container .other .left .block, .new-burger-menu-backdrop .new-burger-menu .menu-container .other .right .block {
            display: flex;
            flex-direction: column;
            gap: 12px; }
            .new-burger-menu-backdrop .new-burger-menu .menu-container .other .left .block .block-title, .new-burger-menu-backdrop .new-burger-menu .menu-container .other .right .block .block-title {
              padding-left: 12px; }
        .new-burger-menu-backdrop .new-burger-menu .menu-container .other .left {
          border-right: 1px solid var(--navbar-border); }
          .new-burger-menu-backdrop .new-burger-menu .menu-container .other .left.no-border {
            border-right: none; }

@media (min-width: 980px) {
  .bp-es .new-burger-menu-backdrop.logged-in {
    top: 259px; } }

.wide-post .new-burger-menu-backdrop .new-burger-menu .menu-container {
  max-width: 970px; }

.wide-post-1080 .new-burger-menu-backdrop .new-burger-menu .menu-container {
  max-width: 1080px; }

.narrow-post-700 .new-burger-menu-backdrop .new-burger-menu .menu-container {
  max-width: 1075px; }

.narrow-post-700.home .new-burger-menu-backdrop .new-burger-menu .menu-container {
  max-width: 1020px; }

.page-template-top.narrow-post-700 .new-burger-menu-backdrop .new-burger-menu .menu-container {
  max-width: 1236px; }

.page-template-landing-template.wide-post .new-burger-menu-backdrop .new-burger-menu .menu-container {
  max-width: 970px; }

.page-template-add-post-template #header-variation-new .nav.right {
  float: unset;
  flex-grow: 1;
  padding-top: 15px;
  padding-bottom: 15px; }
  .page-template-add-post-template #header-variation-new .nav.right .user-menu .submenu {
    top: 45px; }

@media (max-width: 979px) {
  .page-template-add-post-template .new-burger-menu-backdrop,
  .page-template-add-post-template .header .new-mobile-burger-menu-backdrop {
    top: 55px; } }

.page-template-brainy-center .new-burger-menu-backdrop {
  top: 64px; }
  .page-template-brainy-center .new-burger-menu-backdrop.logged-in {
    top: 76px; }

#boredpanda-external-browser-topbar {
  background: var(--orange-150);
  display: flex;
  width: 100%;
  box-sizing: border-box;
  padding: 12px 20px 12px 12px;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 999999999; }
  #boredpanda-external-browser-topbar.hidden {
    display: none; }
  @media (min-width: 581px) {
    #boredpanda-external-browser-topbar {
      display: none; } }
  #boredpanda-external-browser-topbar .text {
    display: flex;
    align-items: center;
    color: #FFF;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; }
    #boredpanda-external-browser-topbar .text .icon {
      padding: 0 8px; }
      #boredpanda-external-browser-topbar .text .icon.ios {
        display: none; }
    #boredpanda-external-browser-topbar .text strong {
      font-weight: 800; }
  #boredpanda-external-browser-topbar .arrow {
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: relative; }
    #boredpanda-external-browser-topbar .arrow img {
      animation: horizontal-slide 1.4s linear infinite; }

@keyframes horizontal-slide {
  from {
    transform: translate(0, 30px); }
  to {
    transform: translate(0, -30px); } }

#boredpanda-external-browser-popup {
  padding: 16px 20px;
  width: 100%;
  height: 100%;
  position: fixed;
  box-sizing: border-box;
  z-index: 2147483641;
  background: #F0F0F0;
  text-align: center;
  display: flex;
  flex-direction: column; }
  #boredpanda-external-browser-popup.hidden {
    display: none; }
  @media (min-width: 581px) {
    #boredpanda-external-browser-popup {
      display: none; } }
  #boredpanda-external-browser-popup .image {
    width: 100%;
    display: flex;
    justify-content: center; }
    #boredpanda-external-browser-popup .image img {
      display: flex;
      align-self: center;
      max-width: 350px; }
  #boredpanda-external-browser-popup .title {
    color: #353535;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    margin-top: 32px; }
  #boredpanda-external-browser-popup .text {
    margin-top: 16px;
    color: #353535;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; }
    #boredpanda-external-browser-popup .text .icon {
      padding: 0 8px;
      vertical-align: middle; }
      #boredpanda-external-browser-popup .text .icon.ios {
        display: none; }
    #boredpanda-external-browser-popup .text strong {
      display: block;
      font-weight: 700; }
  #boredpanda-external-browser-popup .button {
    display: inline-flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #949494;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    border-radius: 100px;
    border: 1px solid #D0D0D0;
    margin: auto auto 16px;
    width: fit-content; }

.sidebar {
  position: absolute;
  right: 0;
  top: 0;
  width: 300px;
  height: 100%; }
  .sidebar a {
    text-decoration: none;
    color: var(--orange-150); }
  .sidebar .sidebar-small-ad {
    margin-bottom: 17px;
    min-height: 270px;
    min-width: 300px; }
  @media (max-width: 1020px) {
    .sidebar {
      margin-right: 0.625em; } }
  @media (max-width: 979px) {
    .sidebar {
      display: none; } }
  .sidebar .firefox-margin-workaround {
    height: 20px; }

@media (max-width: 1289px) {
  .wide-post.bp-com.post-template-default .sidebar, .wide-post.bp-news.post-template-default .sidebar {
    display: none; } }

.sidebar .social-box {
  float: left;
  background: var(--post-background);
  color: var(--on-bg-dark);
  margin-bottom: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .sidebar .social-box .social-buttons {
    width: 300px;
    height: 114px; }
    .sidebar .social-box .social-buttons .link {
      background: url(images/sidebar-social-icons.png?upd=2) no-repeat 0 0;
      float: left;
      margin-top: 18px;
      margin-bottom: 12px;
      margin-left: 20px;
      width: 56px;
      height: 56px; }
      .sidebar .social-box .social-buttons .link:hover {
        opacity: 0.85; }
    .sidebar .social-box .social-buttons .social-widget {
      float: left;
      text-align: center;
      width: 96px;
      margin-left: 2px; }
    .sidebar .social-box .social-buttons .button {
      float: left;
      background: var(--post-background);
      width: 94px;
      padding-bottom: 5px;
      height: 114px;
      box-sizing: border-box; }
      .sidebar .social-box .social-buttons .button.facebook {
        margin-left: 9px;
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
        border-top-left-radius: 5px; }
        .sidebar .social-box .social-buttons .button.facebook .link {
          background-position: 0 0; }
        .sidebar .social-box .social-buttons .button.facebook.es {
          margin-left: 40px; }
      .sidebar .social-box .social-buttons .button.gplus {
        margin-right: -2px; }
        .sidebar .social-box .social-buttons .button.gplus .link {
          background-position: -56px 0;
          margin-left: 22px; }
      .sidebar .social-box .social-buttons .button.twitter {
        margin-right: 0; }
        .sidebar .social-box .social-buttons .button.twitter .link {
          background-position: -112px 0; }
        .sidebar .social-box .social-buttons .button.twitter.es {
          margin-right: 40px;
          float: right; }
  .sidebar .social-box .social-text-line {
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    display: block; }
  .sidebar .social-box.without-widget .social-buttons, .sidebar .social-box.without-widget .button {
    height: unset; }

.sidebar .newsletter-form {
  margin-bottom: 17px; }
  .sidebar .newsletter-form.minimalistic {
    padding: 0;
    margin: 25px 0 15px; }

.sidebar .sticky {
  float: left;
  width: 300px; }
  .sidebar .sticky.fixed {
    position: fixed;
    top: 12px; }
  .sidebar .sticky.sticky-header {
    top: 112px; }

.sidebar .sticky-bottom.fixed-bottom {
  -webkit-transition: top 0.5s linear;
  -moz-transition: top 0.5s linear;
  -ms-transition: top 0.5s linear;
  -o-transition: top 0.5s linear;
  transition: top 0.5s linear;
  top: 0; }

.sidebar .sticky-top.fixed-bottom {
  position: fixed;
  top: 21px; }

/*
  Trending posts feed
*/
.sidebar .trending-posts-feed {
  float: left; }
  .sidebar .trending-posts-feed .around-web-widget .mgline {
    border-radius: 0 !important;
    border-bottom: 2px solid var(--gray-250) !important;
    box-shadow: none !important; }
    .sidebar .trending-posts-feed .around-web-widget .mgline .mctitle {
      margin-top: 8px !important;
      padding: 0 !important; }
      .sidebar .trending-posts-feed .around-web-widget .mgline .mctitle a {
        float: left !important;
        width: 300px !important;
        font-size: 1.1em !important;
        line-height: 130% !important;
        font-family: Merriweather, serif !important;
        font-weight: 700 !important; }
    .sidebar .trending-posts-feed .around-web-widget .mgline .mcdomain {
      padding-left: 0 !important; }
      .sidebar .trending-posts-feed .around-web-widget .mgline .mcdomain a {
        font-weight: 700 !important;
        font-family: Roboto, sans-serif !important; }
  .sidebar .trending-posts-feed .title {
    margin: 0;
    font-family: Merriweather, serif;
    font-weight: bold;
    font-size: 1.1em;
    text-transform: uppercase;
    float: left;
    width: 260px;
    text-align: center;
    padding: 14px 20px 10px;
    background: var(--bg-user-submissions);
    color: var(--on-bg-dark);
    margin-bottom: 17px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false);
    -moz-box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false);
    box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false); }
  .sidebar .trending-posts-feed .trending-post {
    float: left;
    margin-bottom: 17px;
    border-bottom: 2px solid var(--gray-250); }
    .sidebar .trending-posts-feed .trending-post.trending-post-ad {
      border-bottom: none;
      width: 100%;
      text-align: center; }
      .sidebar .trending-posts-feed .trending-post.trending-post-ad.native-with-border {
        border-bottom: 2px solid #ccc !important;
        margin-bottom: 17px !important; }
    .sidebar .trending-posts-feed .trending-post.beta-tester-ad {
      border-bottom: none; }
      .sidebar .trending-posts-feed .trending-post.beta-tester-ad a {
        background: url(images/beta-testers.png) no-repeat;
        background-size: 300px 196px;
        display: block;
        width: 300px;
        height: 196px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .sidebar .trending-posts-feed .trending-post.beta-tester-ad a {
            background: url(images/beta-testers@2x.png) no-repeat;
            background-size: 300px 196px; } }
    .sidebar .trending-posts-feed .trending-post .img-link {
      height: 145px;
      overflow: hidden; }
      .sidebar .trending-posts-feed .trending-post .img-link img {
        float: left;
        margin: 0;
        width: 300px; }
    .sidebar .trending-posts-feed .trending-post h4, .sidebar .trending-posts-feed .trending-post .rec-title {
      float: left;
      margin: 0;
      margin-top: 8px;
      width: 300px;
      font-size: 1.1em;
      line-height: 130%;
      font-family: Merriweather, serif;
      font-weight: bold; }
      .sidebar .trending-posts-feed .trending-post h4 a, .sidebar .trending-posts-feed .trending-post .rec-title a {
        color: var(--on-bg-primary); }
        .sidebar .trending-posts-feed .trending-post h4 a:hover, .sidebar .trending-posts-feed .trending-post .rec-title a:hover {
          color: var(--orange-150); }
      .sidebar .trending-posts-feed .trending-post h4.mb, .sidebar .trending-posts-feed .trending-post .rec-title.mb {
        margin-bottom: 8px; }
    .sidebar .trending-posts-feed .trending-post p {
      float: left;
      margin: 8px 0 8px;
      width: 300px;
      font-size: 0.9em; }
    .sidebar .trending-posts-feed .trending-post .views-count {
      float: left;
      width: 150px;
      text-align: left;
      font-weight: bold; }
      .sidebar .trending-posts-feed .trending-post .views-count .comments-count-text {
        margin-left: 3px; }
    .sidebar .trending-posts-feed .trending-post .points-count {
      float: left;
      width: 150px;
      text-align: right;
      font-weight: bold;
      color: var(--on-bg-primary); }
    .sidebar .trending-posts-feed .trending-post.around-web-post .img-link img {
      height: auto; }
  .sidebar .trending-posts-feed .sidebar-glam-logo {
    background: var(--white);
    margin-top: 10px;
    padding: 0 70px;
    float: left; }
    .sidebar .trending-posts-feed .sidebar-glam-logo img {
      width: 160px !important; }

.get-app {
  margin: 20px 0 10px;
  width: 100%; }
  .get-app.sidebar-top {
    clear: both;
    margin: 20px 0; }
    .get-app.sidebar-top a {
      margin-top: 0px; }
  .get-app .title {
    font-family: Merriweather, serif;
    line-height: 1.4em;
    letter-spacing: .5px;
    color: var(--on-bg-primary);
    font-size: 1em;
    width: 100%;
    font-weight: bold; }
  .get-app .get-ios-app {
    background: url(images/get-ios-app.png?v=1) no-repeat;
    background-size: 142px 42px;
    display: inline-block;
    width: 142px;
    height: 42px;
    text-indent: -5000px;
    margin-top: 5px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .get-app .get-ios-app {
        background: url(images/get-ios-app@2x.png?v=1) no-repeat;
        background-size: 142px 42px; } }
  .get-app .get-android-app {
    background: url(images/get-android-app.png) no-repeat;
    background-size: 137px 42px;
    display: inline-block;
    width: 137px;
    height: 42px;
    text-indent: -5000px;
    margin-top: 5px;
    float: right; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .get-app .get-android-app {
        background: url(images/get-android-app@2x.png) no-repeat;
        background-size: 137px 42px; } }
  .get-app .sidebar-gnews-promotion {
    background: url(images/gnews_white.png) no-repeat;
    background-size: 154px 42px;
    display: inline-block;
    width: 154px;
    height: 42px;
    text-indent: -5000px;
    margin-top: 15px; }

.staff-stats-box {
  table-layout: fixed;
  width: 300px;
  margin-bottom: 20px; }
  .staff-stats-box thead {
    background: var(--bg-dark);
    color: white; }
    .staff-stats-box thead tr.staff-top {
      height: 62px; }
    .staff-stats-box thead th.top-title {
      font-size: 16px;
      font-weight: 600;
      text-align: left;
      vertical-align: middle;
      padding-left: 18px;
      width: 164px;
      -webkit-border-radius: 5px 0 0;
      -moz-border-radius: 5px 0 0;
      -ms-border-radius: 5px 0 0;
      -o-border-radius: 5px 0 0;
      border-radius: 5px 0 0; }
      .staff-stats-box thead th.top-title .month {
        color: var(--gray-400);
        font-size: 12px;
        display: block;
        margin-top: 5px; }
    .staff-stats-box thead th.subs-count {
      position: relative;
      color: var(--gray-400);
      font-size: 12px;
      vertical-align: middle;
      text-align: center;
      padding-right: 18px;
      width: 100px;
      -webkit-border-radius: 0 5px 0 0;
      -moz-border-radius: 0 5px 0 0;
      -ms-border-radius: 0 5px 0 0;
      -o-border-radius: 0 5px 0 0;
      border-radius: 0 5px 0 0; }
      .staff-stats-box thead th.subs-count a {
        display: block;
        padding-top: 5px;
        color: inherit;
        width: 12px;
        height: 12px;
        margin: auto; }
  .staff-stats-box tbody tr.hidden {
    display: none; }
  .staff-stats-box tbody tr:nth-child(odd) {
    background: var(--white); }
  .staff-stats-box tbody tr:nth-child(even) {
    background: var(--gray-50); }
  .staff-stats-box tbody tr td {
    vertical-align: middle;
    height: 50px; }
    .staff-stats-box tbody tr td.centered {
      text-align: center; }
    .staff-stats-box tbody tr td .image-block {
      position: relative;
      display: inline-block;
      width: 40px;
      height: 40px;
      margin-left: 20px;
      margin-right: 6px; }
      .staff-stats-box tbody tr td .image-block .author-image {
        width: 40px;
        height: 40px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        display: inline-block;
        vertical-align: middle; }
      .staff-stats-box tbody tr td .image-block .top-position {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        line-height: 40px;
        text-align: center;
        z-index: 3;
        font-size: 14px;
        font-weight: bold;
        color: white; }
      .staff-stats-box tbody tr td .image-block .gradient {
        position: absolute;
        width: 100%;
        opacity: 0.8;
        height: 100%;
        bottom: 0;
        z-index: 2;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0);
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(26%, rgba(255, 255, 255, 0.17)), color-stop(100%, rgba(0, 0, 0, 0.66)));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.17) 26%, rgba(0, 0, 0, 0.66) 100%);
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.17) 26%, rgba(0, 0, 0, 0.66) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#8c000000', GradientType=0); }
    .staff-stats-box tbody tr td .author-name {
      color: var(--gray-800);
      font-size: 14px;
      font-weight: bold;
      max-width: 100px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block;
      vertical-align: middle; }
    .staff-stats-box tbody tr td .challenges-count {
      display: block;
      padding-top: 4px;
      font-size: 12px;
      color: var(--gray-400);
      font-weight: normal; }
    .staff-stats-box tbody tr td .subs {
      color: var(--white);
      background: #56b863;
      font-size: 14px;
      font-weight: bold;
      padding: 7px; }
      .staff-stats-box tbody tr td .subs.empty {
        background: var(--orange-150); }
    .staff-stats-box tbody tr td .challenges {
      font-size: 14px;
      color: var(--gray-300);
      text-decoration: underline; }
      .staff-stats-box tbody tr td .challenges a {
        color: inherit; }
      .staff-stats-box tbody tr td .challenges.empty {
        text-decoration: none; }
    .staff-stats-box tbody tr td.author-winner {
      text-align: center;
      -webkit-border-radius: 0 0 5px 5px;
      -moz-border-radius: 0 0 5px 5px;
      -ms-border-radius: 0 0 5px 5px;
      -o-border-radius: 0 0 5px 5px;
      border-radius: 0 0 5px 5px; }
      .staff-stats-box tbody tr td.author-winner .author-winner-image {
        display: inline-block;
        width: 60px;
        height: 60px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        margin-top: 30px; }
      .staff-stats-box tbody tr td.author-winner .author-winner-name {
        display: block;
        padding-top: 10px;
        padding-bottom: 40px;
        color: var(--gray-400);
        font-weight: 500;
        font-size: 16px; }
        .staff-stats-box tbody tr td.author-winner .author-winner-name .icon-winner-icon {
          color: var(--yellow-100);
          margin-right: 5px;
          margin-top: 1px; }
    .staff-stats-box tbody tr td.show-more {
      border-top: 1px solid var(--gray-100);
      border-bottom: 1px solid var(--gray-100);
      text-align: center;
      background: var(--white); }
      .staff-stats-box tbody tr td.show-more span {
        color: #56b863;
        font-size: 14px;
        display: block;
        text-align: center;
        cursor: pointer;
        box-sizing: border-box;
        line-height: 50px; }
        .staff-stats-box tbody tr td.show-more span .svg-icon {
          width: 10px;
          vertical-align: initial;
          margin-left: 3px; }
        .staff-stats-box tbody tr td.show-more span:hover {
          color: var(--green-200); }
  .staff-stats-box tbody tr.info-row {
    background: var(--white);
    border-top: 1px solid var(--gray-100); }
    .staff-stats-box tbody tr.info-row .info {
      margin: 18px;
      padding: 18px;
      display: block;
      background: var(--gray-100); }
      .staff-stats-box tbody tr.info-row .info .title {
        font-size: 14px;
        color: var(--gray-400);
        font-weight: bold;
        display: block;
        line-height: 16px;
        padding-bottom: 11px; }
        .staff-stats-box tbody tr.info-row .info .title .svg-icon {
          height: 16px;
          width: 16px; }
      .staff-stats-box tbody tr.info-row .info .description {
        color: var(--gray-400);
        font-size: 12px;
        line-height: 16px; }
  .staff-stats-box.users-banner tbody tr {
    background: none; }
  .staff-stats-box tfoot {
    border-top: 1px solid var(--bg-dark); }
    .staff-stats-box tfoot tr {
      background: var(--post-background);
      width: 100%;
      text-align: center; }
      .staff-stats-box tfoot tr td {
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        -ms-border-radius: 0 0 5px 5px;
        -o-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px; }
        .staff-stats-box tfoot tr td.author-winner {
          text-align: center;
          -webkit-border-radius: 0 0 5px 5px;
          -moz-border-radius: 0 0 5px 5px;
          -ms-border-radius: 0 0 5px 5px;
          -o-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px; }
          .staff-stats-box tfoot tr td.author-winner .winner {
            display: block;
            color: var(--gray-800);
            font-weight: 500;
            font-size: 16px;
            padding-top: 30px; }
          .staff-stats-box tfoot tr td.author-winner .author-winner-image {
            display: inline-block;
            width: 60px;
            height: 60px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            margin-top: 20px; }
          .staff-stats-box tfoot tr td.author-winner .author-winner-name {
            display: block;
            padding-top: 10px;
            padding-bottom: 28px;
            color: var(--gray-400);
            font-weight: 500;
            font-size: 16px; }
            .staff-stats-box tfoot tr td.author-winner .author-winner-name .icon-winner-icon {
              color: var(--yellow-100);
              margin-right: 5px;
              margin-top: 1px; }
        .staff-stats-box tfoot tr td span {
          display: block; }
          .staff-stats-box tfoot tr td span.prize-block {
            background: var(--yellow-100);
            margin: 0 18px 18px 18px;
            color: var(--white);
            padding: 28px 0; }
            .staff-stats-box tfoot tr td span.prize-block .prize {
              padding-top: 5px;
              font-size: 32px;
              font-weight: bold; }
            .staff-stats-box tfoot tr td span.prize-block .prize-title {
              font-size: 16px;
              text-transform: capitalize;
              font-weight: 500; }
        .staff-stats-box tfoot tr td .create-challenge {
          color: white;
          font-size: 18px;
          background: var(--green-300);
          font-weight: 600;
          padding: 18px 25px;
          display: inline-block;
          -webkit-border-radius: 25px;
          -moz-border-radius: 25px;
          -ms-border-radius: 25px;
          -o-border-radius: 25px;
          border-radius: 25px;
          margin-top: 30px;
          margin-bottom: 30px; }
          .staff-stats-box tfoot tr td .create-challenge svg {
            margin-right: 11px;
            vertical-align: inherit; }
          .staff-stats-box tfoot tr td .create-challenge:hover {
            background-color: var(--green-200); }
  .staff-stats-box.recent-items thead th {
    padding: 18px;
    text-align: left;
    font-size: 16px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0; }
  .staff-stats-box.recent-items tbody tr td {
    height: 74px;
    padding-left: 18px;
    padding-right: 18px; }
    .staff-stats-box.recent-items tbody tr td .thumb {
      width: 50px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
    .staff-stats-box.recent-items tbody tr td .title {
      color: var(--gray-800);
      font-size: 14px;
      font-weight: bold;
      width: 100%;
      max-width: 205px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block;
      vertical-align: middle; }
      .staff-stats-box.recent-items tbody tr td .title .challenge-author {
        display: block;
        font-size: 13px;
        color: var(--gray-400);
        font-weight: normal;
        padding-top: 4px; }
        .staff-stats-box.recent-items tbody tr td .title .challenge-author .name {
          color: var(--gray-800);
          font-size: 13px;
          font-weight: 500;
          max-width: 80px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          display: inline-block;
          vertical-align: top; }
        .staff-stats-box.recent-items tbody tr td .title .challenge-author .submissions {
          float: right; }
          .staff-stats-box.recent-items tbody tr td .title .challenge-author .submissions span.points-text {
            margin-left: 3px; }
  .staff-stats-box.monthly-bonus thead th {
    padding: 18px;
    text-align: left;
    font-size: 16px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0; }
  .staff-stats-box.monthly-bonus tfoot tr td {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    height: 74px;
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 18px; }
    .staff-stats-box.monthly-bonus tfoot tr td .bonus-block {
      margin-top: 10px;
      padding: 10px;
      background: var(--green-300);
      color: var(--white);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .staff-stats-box.monthly-bonus tfoot tr td .bonus-block .bonus {
        padding-top: 5px;
        font-size: 32px;
        font-weight: bold;
        color: var(--white); }
  .staff-stats-box.monthly-bonus tfoot tr.info-row {
    background: var(--post-background); }
    .staff-stats-box.monthly-bonus tfoot tr.info-row td {
      -webkit-border-radius: 0 0 5px 5px;
      -moz-border-radius: 0 0 5px 5px;
      -ms-border-radius: 0 0 5px 5px;
      -o-border-radius: 0 0 5px 5px;
      border-radius: 0 0 5px 5px; }
    .staff-stats-box.monthly-bonus tfoot tr.info-row .info {
      padding: 18px;
      display: block;
      background: var(--gray-100); }
      .staff-stats-box.monthly-bonus tfoot tr.info-row .info .title {
        font-size: 14px;
        color: var(--gray-400);
        font-weight: bold;
        display: block;
        line-height: 16px;
        padding-bottom: 11px; }
        .staff-stats-box.monthly-bonus tfoot tr.info-row .info .title .svg-icon {
          height: 16px;
          width: 16px; }
      .staff-stats-box.monthly-bonus tfoot tr.info-row .info .description {
        color: var(--gray-400);
        font-size: 12px;
        line-height: 16px;
        text-align: left; }
  .staff-stats-box.users-banner tbody tr td {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background-color: var(--gray-blue-600);
    padding: 18px 8px 0 8px; }
  .staff-stats-box.users-banner tfoot {
    border: none; }
    .staff-stats-box.users-banner tfoot tr {
      background-color: var(--gray-blue-600); }
  .staff-stats-box.users-banner .challenge-panda {
    background: url(images/panda-winner.png);
    background-size: 100% auto;
    width: 100%;
    height: 285px;
    display: block; }

.birthdays-widget {
  margin-bottom: 16px; }
  .birthdays-widget .birthdays-widget-cover {
    background: url(images/birthdays-widget-cover.webp);
    background-size: 100% auto;
    width: 100%;
    height: 114px;
    border-radius: 3px 3px 0 0;
    display: flex;
    flex-direction: row;
    padding: 16px 20px;
    box-sizing: border-box;
    justify-content: space-between;
    margin-bottom: 8px; }
    .birthdays-widget .birthdays-widget-cover .birthdays-widget-title {
      width: 60%;
      color: #FFF;
      font-family: Merriweather, sans-serif;
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      line-height: 130%;
      justify-content: center;
      align-items: center;
      display: flex;
      text-align: left; }
  .birthdays-widget .birthdays-widget-calendar {
    border-radius: 12px;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 10px 6px;
    min-width: 82px;
    box-sizing: border-box; }
    .birthdays-widget .birthdays-widget-calendar .month {
      color: #F64629;
      text-align: center;
      font-family: Roboto, sans-serif;
      font-size: 13px;
      font-style: normal;
      font-weight: 600;
      line-height: 1; }
    .birthdays-widget .birthdays-widget-calendar .day {
      color: #353535;
      text-align: center;
      font-family: Roboto, sans-serif;
      font-size: 52px;
      font-style: normal;
      font-weight: 600;
      line-height: 1; }
  .birthdays-widget .birthdays-post img, .birthdays-widget .birthdays-post a {
    display: block;
    width: 100%;
    height: auto; }
  .birthdays-widget .birthdays-post .rec-title a {
    color: var(--on-bg-primary);
    font-family: Merriweather, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: block;
    margin-top: 16px; }
    .birthdays-widget .birthdays-post .rec-title a:hover {
      color: var(--orange-150); }

.page-template-add-post-template-php {
  background-color: var(--gray-50); }
  .page-template-add-post-template-php .cookie-policy-mobile {
    display: none !important; }
  .page-template-add-post-template-php .header {
    background: var(--white);
    top: 0;
    border-bottom: 1px solid var(--gray-150); }
    .page-template-add-post-template-php .header #header-variation-new nav.nav.right li.user-menu a:hover {
      background: var(--white) !important; }
    .page-template-add-post-template-php .header #header-variation-new nav.nav.right li.user-menu nav.submenu {
      background: var(--white); }
      .page-template-add-post-template-php .header #header-variation-new nav.nav.right li.user-menu nav.submenu .pandas-count {
        background: #CFCFCF; }
      .page-template-add-post-template-php .header #header-variation-new nav.nav.right li.user-menu nav.submenu li {
        color: #353535; }
        .page-template-add-post-template-php .header #header-variation-new nav.nav.right li.user-menu nav.submenu li a {
          color: #353535; }
          .page-template-add-post-template-php .header #header-variation-new nav.nav.right li.user-menu nav.submenu li a:hover {
            color: var(--orange-150); }
    .page-template-add-post-template-php .header .top-message {
      display: none; }
    .page-template-add-post-template-php .header .responsive-sub-menu {
      display: none; }
    .page-template-add-post-template-php .header .top-level-navigation {
      display: none; }
    .page-template-add-post-template-php .header .top-categories {
      display: none; }
    .page-template-add-post-template-php .header .nav.right .search {
      display: none; }
    .page-template-add-post-template-php .header .add-post.add-post-tablet {
      display: none; }
    .page-template-add-post-template-php .header .icon-bg-img.icon-bell.notifications {
      display: none; }
    .page-template-add-post-template-php .header .bp-container {
      max-width: 1190px;
      padding: 0 20px;
      box-sizing: border-box; }
      .page-template-add-post-template-php .header .bp-container.variation .nav .dropdown.notifications {
        display: none !important; }
      @media (min-width: 481px) {
        .page-template-add-post-template-php .header .bp-container.variation .nav.submenu ul li {
          margin-top: 5px; } }
  .page-template-add-post-template-php .cover {
    display: none; }
  .page-template-add-post-template-php .main {
    margin-top: 0 !important;
    max-width: 1190px !important;
    position: inherit;
    padding: 0 20px;
    box-sizing: border-box; }
    @media (max-width: 1019px) {
      .page-template-add-post-template-php .main {
        width: 100%;
        padding: 2.063em 0 0; } }
    @media (max-width: 979px) {
      .page-template-add-post-template-php .main {
        padding-right: 0;
        padding-left: 0; } }
    @media (max-width: 767px) {
      .page-template-add-post-template-php .main {
        padding: 0; } }
  .page-template-add-post-template-php .add-short-post-message {
    display: none; }
  @media (max-width: 1019px) {
    .page-template-add-post-template-php .add-post-submit-area {
      display: block;
      float: right;
      margin-top: 5px; } }
  @media (max-width: 767px) {
    .page-template-add-post-template-php .add-post-submit-area .add-post-form-button {
      padding: 0 4px 0 14px;
      text-indent: -9999px; }
      .page-template-add-post-template-php .add-post-submit-area .add-post-form-button.green-filled {
        text-indent: 0; }
      .page-template-add-post-template-php .add-post-submit-area .add-post-form-button.hidden-mobile {
        display: none; }
      .page-template-add-post-template-php .add-post-submit-area .add-post-form-button.fixed-width-mobile {
        width: 50px;
        padding: 0 0 0 16px; } }
  @media (min-width: 1020px) {
    .page-template-add-post-template-php {
      background-color: var(--gray-50); }
      .page-template-add-post-template-php .main {
        margin: 0 !important;
        padding: 0;
        max-width: initial !important; }
      .page-template-add-post-template-php .header .bp-container {
        max-width: none;
        padding: 0 15px; }
      .page-template-add-post-template-php .header .mobile .logotype {
        margin: 9px 0 8px 0; }
      .page-template-add-post-template-php .header .mobile .my-menu {
        padding-right: 0; } }
  @media (max-width: 979px) {
    .page-template-add-post-template-php .header .mobile {
      padding: 0; } }

.add-post-submit-area {
  float: left; }
  .add-post-submit-area .add-post-form-button {
    display: inline-block;
    margin: 10px 20px 0 0;
    float: left; }
    @media (max-width: 767px) {
      .add-post-submit-area .add-post-form-button {
        margin: 10px 10px 0 0; } }

#add-post-area .upload-error {
  background-color: #ed8888;
  color: var(--white);
  font-family: "Roboto"; }
  #add-post-area .upload-error.success-box {
    background-color: #7cd36d; }
  #add-post-area .upload-error.warning-box {
    background-color: #edc888; }
  #add-post-area .upload-error .error-heading {
    font-weight: bold;
    font-size: 20px;
    padding-top: 20px; }
    @media (max-width: 767px) {
      #add-post-area .upload-error .error-heading {
        padding-top: 0; } }
  #add-post-area .upload-error .error-info {
    font-size: 14px;
    padding-top: 5px; }
  #add-post-area .upload-error .error-icon {
    background-image: url(images/sprite-sheet.png);
    background-position: -445px -375px;
    width: 30px;
    height: 30px;
    margin: 10px;
    float: left; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      #add-post-area .upload-error .error-icon {
        background-image: url(images/sprite-sheet@2x.png);
        background-size: 515px 463px; } }
    @media (max-width: 767px) {
      #add-post-area .upload-error .error-icon {
        position: absolute;
        top: 0;
        left: 0; } }
  #add-post-area .upload-error .success-icon {
    background-image: url(images/sprite-sheet.png);
    background-position: -445px -225px;
    width: 30px;
    height: 30px;
    margin: 10px;
    float: left; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      #add-post-area .upload-error .success-icon {
        background-image: url(images/sprite-sheet@2x.png);
        background-size: 515px 463px; } }
    @media (max-width: 767px) {
      #add-post-area .upload-error .success-icon {
        position: absolute;
        top: 0;
        left: 0; } }
  #add-post-area .upload-error .warning-icon {
    background-image: url(images/sprite-sheet.png);
    background-position: -445px -275px;
    width: 30px;
    height: 30px;
    margin: 10px;
    float: left; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      #add-post-area .upload-error .warning-icon {
        background-image: url(images/sprite-sheet@2x.png);
        background-size: 515px 463px; } }
    @media (max-width: 767px) {
      #add-post-area .upload-error .warning-icon {
        position: absolute;
        top: 0;
        left: 0; } }

#add-post-area #step-init {
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  color: #353535;
  margin-bottom: 200px; }
  #add-post-area #step-init .heading {
    margin-top: 120px;
    font-size: 24px;
    line-height: 24px; }
  #add-post-area #step-init .description {
    margin-top: 20px;
    font-weight: 400;
    color: var(--gray-400);
    max-width: 700px;
    display: inline-block; }
  #add-post-area #step-init .post-type-blocks {
    margin-top: 50px;
    text-align: center; }
    @media (max-width: 1540px) and (min-width: 800px) {
      #add-post-area #step-init .post-type-blocks {
        grid-template-columns: auto auto;
        display: grid;
        justify-content: center; } }
    #add-post-area #step-init .post-type-blocks .post-type-block {
      width: 300px;
      display: inline-block;
      background: var(--white);
      border: 1px solid var(--gray-200);
      padding: 30px;
      margin: 10px;
      text-align: center; }
      #add-post-area #step-init .post-type-blocks .post-type-block img {
        margin-top: 30px;
        width: 60px;
        pointer-events: none; }
        #add-post-area #step-init .post-type-blocks .post-type-block img.question-panda {
          margin-top: 20.5px; }
      #add-post-area #step-init .post-type-blocks .post-type-block .icon {
        display: block;
        margin-top: 30px;
        height: 60px; }
        #add-post-area #step-init .post-type-blocks .post-type-block .icon .svg-icon {
          width: 60px;
          height: 60px; }
      #add-post-area #step-init .post-type-blocks .post-type-block .title {
        margin-top: 40px;
        font-size: 18px; }
      #add-post-area #step-init .post-type-blocks .post-type-block .description {
        margin-top: 20px;
        color: var(--gray-400);
        font-size: 14px;
        line-height: 20px;
        min-height: 60px; }
      #add-post-area #step-init .post-type-blocks .post-type-block .button {
        margin-top: 60px;
        margin-bottom: 20px;
        display: inline-block;
        background: var(--green-yellow-300);
        width: 170px;
        height: 40px;
        line-height: 40px;
        color: var(--white);
        cursor: pointer; }
        #add-post-area #step-init .post-type-blocks .post-type-block .button:hover {
          background-color: var(--green-200); }
  @media (max-width: 480px) {
    #add-post-area #step-init .heading {
      margin-top: 40px; }
    #add-post-area #step-init .description {
      margin-top: 10px;
      max-width: 300px;
      font-size: 16px;
      line-height: 20px; }
    #add-post-area #step-init .post-type-blocks {
      margin-top: 30px; }
      #add-post-area #step-init .post-type-blocks .post-type-block {
        width: 250px;
        padding: 20px;
        margin: 10px; }
        #add-post-area #step-init .post-type-blocks .post-type-block .title {
          margin-top: 20px;
          font-size: 16px; }
        #add-post-area #step-init .post-type-blocks .post-type-block .description {
          margin-top: 15px;
          font-size: 12px;
          line-height: 14px; }
        #add-post-area #step-init .post-type-blocks .post-type-block .button {
          margin-top: 40px;
          font-size: 16px; } }

#add-post-area #step-upload {
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  #add-post-area #step-upload .upload-error {
    top: 65px;
    left: 0;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 82px; }
    @media (max-width: 767px) {
      #add-post-area #step-upload .upload-error {
        top: 0;
        left: 0;
        text-align: center;
        position: relative;
        width: 100%;
        height: auto;
        padding: 15px;
        box-sizing: border-box; } }
  #add-post-area #step-upload .upload-area {
    position: absolute;
    top: 20%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 50%;
    height: 55%;
    text-align: center;
    box-sizing: border-box; }
    @media (max-width: 767px) {
      #add-post-area #step-upload .upload-area {
        margin: 50px auto 50px;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; } }
    #add-post-area #step-upload .upload-area .add-post-upload-icon {
      background-image: url(images/sprite-sheet.png);
      background-position: 0px -128px;
      width: 114px;
      height: 91px;
      margin: 0 auto; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        #add-post-area #step-upload .upload-area .add-post-upload-icon {
          background-image: url(images/sprite-sheet@2x.png);
          background-size: 515px 463px; } }
    #add-post-area #step-upload .upload-area .upload-description {
      font-family: "Roboto";
      font-weight: bold;
      font-size: 30px;
      padding: 20px 0 40px;
      color: #353535; }
    #add-post-area #step-upload .upload-area .browse-files {
      display: inline-block;
      margin: 0 auto; }
    #add-post-area #step-upload .upload-area .icon-split-horizontal {
      width: 59px;
      height: 59px; }
    #add-post-area #step-upload .upload-area .slider-block .slider-upload-button {
      background: white;
      color: #56b863; }
    #add-post-area #step-upload .upload-area .slider-block .slider-left, #add-post-area #step-upload .upload-area .slider-block .slider-right {
      display: inline-block;
      width: 200px; }
      #add-post-area #step-upload .upload-area .slider-block .slider-left img, #add-post-area #step-upload .upload-area .slider-block .slider-right img {
        width: 170px;
        margin-bottom: 10px;
        border: 1px solid #353535; }
    #add-post-area #step-upload .upload-area .slider-block .slider-type {
      padding: 12px 0;
      color: #353535; }
    #add-post-area #step-upload .upload-area .change-block {
      margin-top: 16px;
      color: var(--gray-400);
      font-family: "Roboto";
      font-size: 14px;
      line-height: 20px; }
      #add-post-area #step-upload .upload-area .change-block a.change-block-link {
        display: block;
        color: var(--green-yellow-300); }
    @media (max-width: 767px) {
      #add-post-area #step-upload .upload-area.type-video {
        margin: 100px auto 50px;
        position: relative;
        top: 0;
        left: 0;
        padding: 0 14px; } }
    #add-post-area #step-upload .upload-area.type-video .upload-description {
      display: block;
      padding: 20px 0 30px; }
    #add-post-area #step-upload .upload-area.type-video .add-post-upload-icon {
      background-image: url(images/sprite-sheet.png);
      background-position: 0px -239px;
      width: 100px;
      height: 75px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        #add-post-area #step-upload .upload-area.type-video .add-post-upload-icon {
          background-image: url(images/sprite-sheet@2x.png);
          background-size: 515px 463px; } }
    #add-post-area #step-upload .upload-area.type-video .submit-video-block .add-post-form-input {
      width: 80%; }
    #add-post-area #step-upload .upload-area.type-video .submit-video-block .submit-video {
      width: 20%; }
    #add-post-area #step-upload .upload-area.type-embed .icons .svg-icon {
      height: 40px;
      width: 40px;
      margin-right: 10px; }
  #add-post-area #step-upload .upload-advices {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 500px;
    pointer-events: none; }
    @media (max-width: 767px) {
      #add-post-area #step-upload .upload-advices {
        width: 210px;
        margin: 0 auto;
        bottom: 0;
        position: relative;
        left: 0; } }
    #add-post-area #step-upload .upload-advices .advice {
      width: 210px;
      text-align: left;
      font-family: "Roboto"; }
      @media (max-width: 767px) {
        #add-post-area #step-upload .upload-advices .advice {
          margin-bottom: 15px;
          text-align: center; } }
      #add-post-area #step-upload .upload-advices .advice.high-quality {
        float: left; }
      #add-post-area #step-upload .upload-advices .advice.watermarks {
        float: right; }
      #add-post-area #step-upload .upload-advices .advice .heading {
        display: block;
        font-size: 16px;
        color: var(--gray-700);
        padding-bottom: 5px; }
      #add-post-area #step-upload .upload-advices .advice .info {
        font-size: 14px;
        color: var(--gray-400); }
        @media (max-width: 767px) {
          #add-post-area #step-upload .upload-advices .advice .info {
            line-height: 16px; } }

#add-post-area #step-description .upload-error {
  text-align: left;
  width: 100%;
  height: 50px;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
  @media (max-width: 1019px) {
    #add-post-area #step-description .upload-error {
      width: 600px;
      margin: 0 calc((100% - 600px) / 2) 30px;
      clear: both; } }
  @media (max-width: 767px) {
    #add-post-area #step-description .upload-error {
      width: 100%;
      margin: 0 0 20px;
      padding: 0 10px 0 50px;
      box-sizing: border-box;
      position: relative;
      height: auto; } }
  #add-post-area #step-description .upload-error .error-info {
    padding: 0;
    line-height: 50px; }
    @media (max-width: 767px) {
      #add-post-area #step-description .upload-error .error-info {
        line-height: 20px;
        padding: 15px 0; } }

#add-post-area #step-description .info-block-container {
  padding-top: 30px;
  width: 410px;
  background-color: var(--white);
  border-left: 1px solid var(--gray-100);
  float: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 1019px) {
    #add-post-area #step-description .info-block-container {
      width: 600px;
      margin: 0 auto;
      float: none;
      background: transparent;
      border: none;
      padding: 0; } }
  @media (max-width: 767px) {
    #add-post-area #step-description .info-block-container {
      display: none; } }

#add-post-area #step-description .info-block {
  float: none;
  margin: 0 auto;
  width: 350px; }
  #add-post-area #step-description .info-block.images-count .block-content {
    margin-top: 10px; }
  @media (max-width: 1019px) {
    #add-post-area #step-description .info-block {
      width: 290px; }
      #add-post-area #step-description .info-block.additional-info {
        float: left; }
        #add-post-area #step-description .info-block.additional-info.full-width {
          width: 100%; }
          #add-post-area #step-description .info-block.additional-info.full-width .ui-widget {
            max-width: 100%; }
      #add-post-area #step-description .info-block.post-type {
        float: right; }
      #add-post-area #step-description .info-block.images-count {
        display: none; }
      #add-post-area #step-description .info-block.thumbnails {
        display: none; }
      #add-post-area #step-description .info-block.cover-image {
        display: none; }
      #add-post-area #step-description .info-block.admin-controls {
        display: none; }
      #add-post-area #step-description .info-block.facebook-image {
        display: none; } }
  #add-post-area #step-description .info-block.admin-controls .block-content {
    margin-top: 20px; }
  #add-post-area #step-description .info-block .block-heading {
    font-family: "Roboto";
    font-size: 16px;
    color: #353535;
    text-align: left;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--gray-150); }
  #add-post-area #step-description .info-block .block-content {
    margin-bottom: 30px; }
    #add-post-area #step-description .info-block .block-content .type-item {
      height: 33px;
      width: 50%;
      margin: 15px 0 45px; }
      #add-post-area #step-description .info-block .block-content .type-item:hover {
        cursor: pointer; }
      #add-post-area #step-description .info-block .block-content .type-item .radio {
        float: left;
        margin: 8px 10px 0 0; }
      #add-post-area #step-description .info-block .block-content .type-item .name {
        font-family: "Roboto";
        font-size: 16px;
        color: #7d7d7d;
        float: left;
        line-height: 33px;
        padding-left: 10px; }
      #add-post-area #step-description .info-block .block-content .type-item.active .post-type-story-icon {
        background-image: url(images/sprite-sheet.png);
        background-position: -54px -392px;
        width: 34px;
        height: 33px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          #add-post-area #step-description .info-block .block-content .type-item.active .post-type-story-icon {
            background-image: url(images/sprite-sheet@2x.png);
            background-size: 515px 463px; } }
      #add-post-area #step-description .info-block .block-content .type-item.active .post-type-open-list-icon {
        background-image: url(images/sprite-sheet.png);
        background-position: -108px -392px;
        width: 33px;
        height: 33px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          #add-post-area #step-description .info-block .block-content .type-item.active .post-type-open-list-icon {
            background-image: url(images/sprite-sheet@2x.png);
            background-size: 515px 463px; } }
      #add-post-area #step-description .info-block .block-content .type-item.active .name {
        color: #353535; }
    #add-post-area #step-description .info-block .block-content .type-story {
      float: left; }
      #add-post-area #step-description .info-block .block-content .type-story .post-type-story-icon {
        background-image: url(images/sprite-sheet.png);
        background-position: 0px -392px;
        width: 34px;
        height: 33px;
        float: left;
        display: block; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          #add-post-area #step-description .info-block .block-content .type-story .post-type-story-icon {
            background-image: url(images/sprite-sheet@2x.png);
            background-size: 515px 463px; } }
    #add-post-area #step-description .info-block .block-content .type-open-list {
      float: right; }
      #add-post-area #step-description .info-block .block-content .type-open-list .post-type-open-list-icon {
        background-image: url(images/sprite-sheet.png);
        background-position: -161px -392px;
        width: 33px;
        height: 33px;
        float: left;
        display: block; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          #add-post-area #step-description .info-block .block-content .type-open-list .post-type-open-list-icon {
            background-image: url(images/sprite-sheet@2x.png);
            background-size: 515px 463px; } }
    #add-post-area #step-description .info-block .block-content .info-item {
      width: 100%;
      height: 40px;
      margin-top: 15px;
      position: relative; }
      #add-post-area #step-description .info-block .block-content .info-item.height-auto {
        height: auto; }
      #add-post-area #step-description .info-block .block-content .info-item .contact-author-input {
        margin-bottom: 7px; }
      #add-post-area #step-description .info-block .block-content .info-item .contact-author-span {
        font-size: 16px;
        color: #353535;
        font-weight: 400; }
      #add-post-area #step-description .info-block .block-content .info-item .contact-author-description {
        color: var(--gray-400);
        font-size: 14px;
        font-weight: 400; }
      #add-post-area #step-description .info-block .block-content .info-item .writers-selection, #add-post-area #step-description .info-block .block-content .info-item .moderators-selection {
        margin-top: 11px;
        max-height: 200px;
        overflow: scroll;
        border: 1px solid var(--gray-400); }
        #add-post-area #step-description .info-block .block-content .info-item .writers-selection .block, #add-post-area #step-description .info-block .block-content .info-item .moderators-selection .block {
          padding: 10px 20px; }
          #add-post-area #step-description .info-block .block-content .info-item .writers-selection .block ul, #add-post-area #step-description .info-block .block-content .info-item .moderators-selection .block ul {
            width: 250px;
            padding: 0px 3px 5px;
            font-size: 13px;
            color: #21759B;
            border-bottom: 1px solid #21759B;
            cursor: text;
            display: inline-block; }
    #add-post-area #step-description .info-block .block-content .margin-bottom-10 {
      margin-bottom: 10px; }
    #add-post-area #step-description .info-block .block-content .margin-bottom-20 {
      margin-bottom: 20px; }
    #add-post-area #step-description .info-block .block-content .staff-add-more-info {
      margin-top: 10px;
      color: #353535;
      text-decoration: underline; }
  #add-post-area #step-description .info-block.facebook-image.last-image {
    margin-bottom: 100px; }

#add-post-area #step-description .post-locked-info .description-area {
  margin: 18px; }

#add-post-area #step-description .post-locked-info .info {
  display: block;
  color: #353535;
  font-weight: 600;
  font-size: 20px;
  padding-bottom: 5px;
  font-family: "Source Sans Pro"; }

#add-post-area #step-description .drag-n-drop-area {
  width: 100%;
  height: 100px;
  float: left;
  box-sizing: border-box;
  margin: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
  #add-post-area #step-description .drag-n-drop-area .description-area {
    display: block;
    float: left;
    font-family: "Source Sans Pro";
    margin-top: 28px;
    margin-left: 18px; }
    @media (max-width: 767px) {
      #add-post-area #step-description .drag-n-drop-area .description-area {
        display: none; } }
    #add-post-area #step-description .drag-n-drop-area .description-area .heading {
      display: block;
      color: #353535;
      font-weight: 600;
      font-size: 20px;
      padding-bottom: 5px; }
    #add-post-area #step-description .drag-n-drop-area .description-area .info {
      display: block;
      color: var(--gray-400);
      font-size: 16px;
      font-weight: 400; }
  #add-post-area #step-description .drag-n-drop-area .upload-photos-button {
    height: 50px;
    line-height: 46px;
    width: 184px;
    box-sizing: border-box;
    border: 2px solid var(--gray-300);
    color: #7d7d7d;
    background: transparent;
    border-radius: 25px;
    cursor: pointer;
    float: right;
    margin: 24px 22px 0 0; }
    #add-post-area #step-description .drag-n-drop-area .upload-photos-button i {
      background-image: url(images/sprite-sheet.png);
      background-position: -370px -334px;
      width: 30px;
      height: 24px;
      display: block;
      float: left;
      margin: 12px 14px 0 18px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        #add-post-area #step-description .drag-n-drop-area .upload-photos-button i {
          background-image: url(images/sprite-sheet@2x.png);
          background-size: 515px 463px; } }
    #add-post-area #step-description .drag-n-drop-area .upload-photos-button:hover {
      opacity: 0.7; }
    @media (max-width: 767px) {
      #add-post-area #step-description .drag-n-drop-area .upload-photos-button {
        float: none;
        margin: 24px auto;
        font-size: 14px; } }

#add-post-area #step-description .post-content-wrapper {
  margin-top: 0;
  position: absolute;
  top: 100px;
  left: 0;
  right: 410px;
  width: initial;
  float: none;
  background-color: var(--gray-50);
  -webkit-box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
  -moz-box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
  box-shadow: compact(none, false, false, false, false, false, false, false, false, false); }
  @media (max-width: 1129px) {
    #add-post-area #step-description .post-content-wrapper {
      width: 64%; } }
  @media (max-width: 1099px) {
    #add-post-area #step-description .post-content-wrapper {
      width: 63%; } }
  @media (max-width: 1019px) {
    #add-post-area #step-description .post-content-wrapper {
      position: relative;
      width: 100%;
      margin-top: 0;
      padding-top: 60px;
      top: 20px;
      -webkit-box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
      -moz-box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
      box-shadow: compact(none, false, false, false, false, false, false, false, false, false); } }
  @media (max-width: 767px) {
    #add-post-area #step-description .post-content-wrapper {
      padding-top: 0; } }

#add-post-area .post-content-container {
  width: 600px;
  margin: 0 auto 90px; }
  @media (max-width: 767px) {
    #add-post-area .post-content-container {
      width: 100%;
      padding: 0 10px;
      box-sizing: border-box; } }
  #add-post-area .post-content-container .tooltip-area {
    width: 670px;
    left: -35px;
    position: relative; }
    @media (max-width: 767px) {
      #add-post-area .post-content-container .tooltip-area {
        display: none !important; } }
  #add-post-area .post-content-container .input-tooltip {
    width: 670px;
    height: 126px;
    z-index: 1;
    border-radius: 5px;
    position: relative;
    box-sizing: border-box;
    margin-top: 10px;
    background-color: var(--gray-blue-700);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
    #add-post-area .post-content-container .input-tooltip .close-box {
      top: 10px;
      right: 10px; }
    #add-post-area .post-content-container .input-tooltip:before {
      display: block;
      width: 15px;
      height: 15px;
      background-color: var(--gray-blue-700);
      content: "";
      position: absolute;
      top: -7px;
      left: 40px;
      transform: rotate(45deg);
      z-index: 5; }
    #add-post-area .post-content-container .input-tooltip .tooltip-icon {
      background-image: url(images/sprite-sheet.png);
      background-position: -358px 0px;
      width: 67px;
      height: 94px;
      margin: 16px 20px;
      float: left; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        #add-post-area .post-content-container .input-tooltip .tooltip-icon {
          background-image: url(images/sprite-sheet@2x.png);
          background-size: 515px 463px; } }
    #add-post-area .post-content-container .input-tooltip .tooltip-description-block {
      float: left;
      width: 269px;
      padding-right: 10px;
      font-family: "Roboto";
      margin-top: 25px; }
      #add-post-area .post-content-container .input-tooltip .tooltip-description-block .heading {
        font-weight: bold;
        font-size: 18px;
        line-height: 26px;
        color: var(--white); }
      #add-post-area .post-content-container .input-tooltip .tooltip-description-block .description {
        font-size: 14px;
        line-height: 18px;
        padding-left: 20px;
        color: var(--gray-blue-400);
        font-weight: 400; }
  #add-post-area .post-content-container .post-title {
    width: 100%;
    position: relative; }
    #add-post-area .post-content-container .post-title .input-label {
      display: none;
      color: #7d7d7d;
      font-size: 16px;
      margin-bottom: 5px; }
    #add-post-area .post-content-container .post-title textarea {
      line-height: 44px;
      height: 44px;
      resize: none;
      border: 1px solid var(--gray-200);
      padding: 10px 20px;
      min-height: 64px;
      font-weight: 600;
      font-size: 24px; }
      @media (max-width: 767px) {
        #add-post-area .post-content-container .post-title textarea {
          line-height: 38px; } }
  #add-post-area .post-content-container .post-description {
    margin-top: 15px;
    position: relative; }
    #add-post-area .post-content-container .post-description .input-label {
      display: none;
      color: #7d7d7d;
      font-size: 16px;
      margin-bottom: 5px; }
    #add-post-area .post-content-container .post-description textarea {
      resize: none;
      letter-spacing: 0.01rem;
      line-height: 1.6;
      border: 1px solid var(--gray-200);
      padding: 10px 20px;
      min-height: 100px;
      font-weight: 400;
      font-size: 18px; }
  #add-post-area .post-content-container .input-title-description {
    font-family: "Merriweather";
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none; }
    #add-post-area .post-content-container .input-title-description.quill-block {
      height: 190px; }
  #add-post-area .post-content-container .post-images .post-image {
    position: relative;
    border: 1px solid var(--gray-200);
    padding: 20px;
    margin-top: 30px;
    background: var(--white);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0; }
    #add-post-area .post-content-container .post-images .post-image .image-upscale {
      position: absolute;
      left: -20px;
      top: 80px; }
      #add-post-area .post-content-container .post-images .post-image .image-upscale .upscale-error {
        background-image: url(images/sprite-sheet.png);
        background-position: -445px -325px;
        width: 30px;
        height: 30px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          #add-post-area .post-content-container .post-images .post-image .image-upscale .upscale-error {
            background-image: url(images/sprite-sheet@2x.png);
            background-size: 515px 463px; } }
      #add-post-area .post-content-container .post-images .post-image .image-upscale .upscale-info {
        width: 300px;
        padding: 23px 30px;
        font-family: "Roboto";
        font-size: 14px;
        color: #7d7d7d;
        z-index: 1;
        background-color: var(--white);
        border-radius: 5px;
        position: absolute;
        box-sizing: border-box;
        margin-top: 20px;
        margin-left: -10px;
        line-height: 18px;
        font-weight: 400;
        -webkit-box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.2); }
        #add-post-area .post-content-container .post-images .post-image .image-upscale .upscale-info:before {
          display: block;
          width: 15px;
          height: 15px;
          background-color: var(--white);
          content: "";
          position: absolute;
          top: -7px;
          left: 19px;
          transform: rotate(45deg);
          z-index: 5;
          -webkit-box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.2); }
        #add-post-area .post-content-container .post-images .post-image .image-upscale .upscale-info:after {
          display: block;
          width: 30px;
          height: 20px;
          background-color: var(--white);
          content: "";
          position: absolute;
          top: 0px;
          left: 10px;
          z-index: 6; }
    #add-post-area .post-content-container .post-images .post-image .image-title {
      position: relative; }
      #add-post-area .post-content-container .post-images .post-image .image-title input {
        font-family: "Source Sans Pro";
        font-weight: 400;
        font-size: 18px;
        border: 1px solid var(--gray-200);
        padding: 0 20px; }
    #add-post-area .post-content-container .post-images .post-image .image {
      position: relative;
      margin-top: 20px; }
      @media (max-width: 767px) {
        #add-post-area .post-content-container .post-images .post-image .image {
          margin-top: 10px; } }
      #add-post-area .post-content-container .post-images .post-image .image img {
        width: 100%; }
        #add-post-area .post-content-container .post-images .post-image .image img:hover {
          cursor: pointer; }
      #add-post-area .post-content-container .post-images .post-image .image .video-icon {
        background-image: url(images/sprite-sheet.png);
        background-position: -134px -128px;
        width: 80px;
        height: 80px;
        top: 50%;
        margin-top: -40px;
        left: 50%;
        margin-left: -40px;
        position: absolute; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          #add-post-area .post-content-container .post-images .post-image .image .video-icon {
            background-image: url(images/sprite-sheet@2x.png);
            background-size: 515px 463px; } }
    #add-post-area .post-content-container .post-images .post-image .image-description {
      width: 100%;
      margin: 20px 0 0; }
      #add-post-area .post-content-container .post-images .post-image .image-description .image-description-input {
        font-family: "Merriweather";
        line-height: 24px;
        font-size: 16px;
        color: #353535;
        width: 100%;
        border: none;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        outline: none;
        letter-spacing: 0.01rem;
        resize: none; }
    #add-post-area .post-content-container .post-images .post-image .html-block {
      display: block;
      width: 100%; }
      #add-post-area .post-content-container .post-images .post-image .html-block textarea {
        font-family: "Merriweather";
        line-height: 24px;
        font-size: 16px;
        color: #353535;
        width: 100%;
        border: none;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        outline: none;
        letter-spacing: 0.01rem;
        resize: none;
        height: 200px; }

@media (max-width: 767px) {
  #add-post-area #share-modal .share-dialog {
    width: 97%;
    max-width: 36.563em; }
  #add-post-area #share-modal .modal-content {
    width: 100%;
    max-width: 36.563em; }
    #add-post-area #share-modal .modal-content .modal-body .share-modal-head {
      width: 100%;
      max-width: 36.563em; }
    #add-post-area #share-modal .modal-content .modal-body .share-buttons {
      width: 178px; }
      #add-post-area #share-modal .modal-content .modal-body .share-buttons .button {
        width: initial; }
        #add-post-area #share-modal .modal-content .modal-body .share-buttons .button .social-text {
          display: none; } }

.bottom-fixed-submit {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--gray-blue-600);
  height: 70px;
  padding: 0 30px; }
  @media (max-width: 767px) {
    .bottom-fixed-submit {
      padding: 0 15px; } }
  .bottom-fixed-submit.hidden-important {
    display: none !important; }
  .bottom-fixed-submit .add-post-form-button {
    height: 50px;
    border-radius: 25px;
    line-height: 46px;
    font-size: 16px;
    font-family: "Source Sans Pro";
    font-weight: 600;
    padding: 0 25px;
    box-sizing: border-box;
    border: 2px solid var(--gray-blue-700);
    color: var(--white); }
    .bottom-fixed-submit .add-post-form-button.green-filled {
      border: none;
      float: right;
      line-height: 49px;
      padding: 0 30px;
      margin: 10px 0 0 0;
      outline: none; }
      @media (max-width: 767px) {
        .bottom-fixed-submit .add-post-form-button.green-filled {
          padding: 0 20px 0 25px; } }
    .bottom-fixed-submit .add-post-form-button.grey-empty:hover {
      color: var(--white);
      border: 2px solid var(--gray-blue-700);
      background: var(--gray-blue-700); }
  .bottom-fixed-submit .preview-icon {
    background-image: url(images/sprite-sheet.png);
    background-position: -495px -450px;
    width: 20px;
    height: 12px;
    display: block;
    float: left;
    margin: 17px 10px 0 0; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .bottom-fixed-submit .preview-icon {
        background-image: url(images/sprite-sheet@2x.png);
        background-size: 515px 463px; } }
  .bottom-fixed-submit .save-draft-icon {
    background-image: url(images/sprite-sheet.png);
    background-position: -239px -297px;
    width: 14px;
    height: 14px;
    display: block;
    float: left;
    margin: 17px 10px 0 0; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .bottom-fixed-submit .save-draft-icon {
        background-image: url(images/sprite-sheet@2x.png);
        background-size: 515px 463px; } }
  .bottom-fixed-submit .publish-icon {
    background-image: url(images/sprite-sheet.png);
    background-position: -204px -297px;
    width: 15px;
    height: 14px;
    display: block;
    float: right;
    margin: 18px 0 0 10px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .bottom-fixed-submit .publish-icon {
        background-image: url(images/sprite-sheet@2x.png);
        background-size: 515px 463px; } }

.tweet-conversation, .instagram-options, .facebook-options, .change-image-checkboxes {
  text-align: left;
  padding: 12px 0;
  color: #353535;
  white-space: nowrap; }
  .tweet-conversation label, .instagram-options label, .facebook-options label, .change-image-checkboxes label {
    display: block;
    padding-bottom: 5px; }

.submit-post-item {
  margin-top: 30px; }
  .submit-post-item .controls .control {
    float: left;
    width: 140px;
    height: 40px;
    line-height: 40px;
    background-color: var(--post-background);
    margin-right: 10px;
    margin-bottom: -1px;
    box-sizing: border-box;
    border: 1px solid var(--gray-100);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-family: "Source Sans Pro";
    font-size: 14px;
    color: var(--gray-400);
    font-weight: 600;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
    @media (min-width: 767px) {
      .submit-post-item .controls .control:hover {
        background: var(--bg-primary); } }
    .submit-post-item .controls .control .display-image-upload {
      background-image: url(images/sprite-sheet.png);
      background-position: -495px -304px;
      width: 18px;
      height: 16px;
      display: block;
      float: left;
      margin: 12px 12px 0 20px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .submit-post-item .controls .control .display-image-upload {
          background-image: url(images/sprite-sheet@2x.png);
          background-size: 515px 463px; } }
    .submit-post-item .controls .control .screenshot-upload {
      display: block;
      float: left;
      margin: -3px 10px 0 15px; }
      .submit-post-item .controls .control .screenshot-upload svg {
        width: 25px;
        height: 25px; }
    .submit-post-item .controls .control .html-code {
      display: block;
      float: left;
      margin: 0px 12px 0 20px; }
      .submit-post-item .controls .control .html-code svg {
        width: 20px;
        height: 20px; }
    .submit-post-item .controls .control .display-video-submit {
      background-image: url(images/sprite-sheet.png);
      background-position: -120px -297px;
      width: 22px;
      height: 16px;
      display: block;
      float: left;
      margin: 12px 12px 0 20px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .submit-post-item .controls .control .display-video-submit {
          background-image: url(images/sprite-sheet@2x.png);
          background-size: 515px 463px; } }
    .submit-post-item .controls .control .display-tweet-submit {
      width: 22px;
      height: 16px;
      display: block;
      float: left;
      margin: 12px 12px 0 15px; }
      .submit-post-item .controls .control .display-tweet-submit .svg-icon {
        width: 22px;
        height: 16px;
        vertical-align: top; }
    .submit-post-item .controls .control.active {
      border-top: 2px solid var(--gray-300);
      border-bottom: none;
      border-radius: 0;
      line-height: 38px;
      color: #353535; }
      .submit-post-item .controls .control.active .display-image-upload {
        background-image: url(images/sprite-sheet.png);
        background-position: -495px -196px;
        width: 18px;
        height: 16px;
        margin-top: 11px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .submit-post-item .controls .control.active .display-image-upload {
            background-image: url(images/sprite-sheet@2x.png);
            background-size: 515px 463px; } }
      .submit-post-item .controls .control.active .display-video-submit {
        background-image: url(images/sprite-sheet.png);
        background-position: -162px -297px;
        width: 22px;
        height: 16px;
        margin-top: 11px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .submit-post-item .controls .control.active .display-video-submit {
            background-image: url(images/sprite-sheet@2x.png);
            background-size: 515px 463px; } }
  .submit-post-item .controls.list-embed {
    padding-bottom: 38px; }
    .submit-post-item .controls.list-embed .active {
      background-color: var(--bg-append-list);
      color: var(--on-bg-dark); }
  .submit-post-item .content-box {
    background-color: var(--white);
    padding: 10px;
    border: 1px solid var(--gray-100);
    border-radius: 3px;
    border-top-left-radius: 0; }
  .submit-post-item .slider-submit {
    padding: 20px; }
    .submit-post-item .slider-submit .slider-block .slider-left {
      width: 49%;
      display: inline-block;
      padding-right: 10px;
      box-sizing: border-box; }
    .submit-post-item .slider-submit .slider-block .slider-right {
      width: 49%;
      display: inline-block;
      padding-left: 10px;
      box-sizing: border-box;
      float: right; }
    .submit-post-item .slider-submit .slider-block .slider-upload-button {
      color: #56b863;
      background: var(--white); }
    .submit-post-item .slider-submit .slider-block .slider-type {
      padding: 12px 0; }
    .submit-post-item .slider-submit .slider-block img {
      width: 100%; }
  .submit-post-item .submit-video-block {
    margin: 10px; }
    .submit-post-item .submit-video-block .icons .svg-icon {
      width: 20px;
      height: 20px;
      margin: 0 10px 10px 0; }
    .submit-post-item .submit-video-block .add-post-form-input {
      width: 466px; }
      @media (max-width: 767px) {
        .submit-post-item .submit-video-block .add-post-form-input {
          width: calc(100% - 92px); } }
  .submit-post-item .video-example {
    font-family: "Source Sans Pro";
    font-size: 14px;
    color: var(--gray-400);
    margin: 14px 10px 12px;
    line-height: 18px; }

.submit-video-block .add-post-form-input {
  float: left;
  width: 470px;
  height: 50px;
  line-height: 50px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }
  @media (max-width: 767px) {
    .submit-video-block .add-post-form-input {
      width: calc(100% - 92px); } }

.submit-video-block textarea.add-post-form-input {
  line-height: 26px;
  height: 255px;
  resize: none;
  padding: 15px 20px;
  border-bottom-right-radius: 3px; }

.submit-video-block .submit-video {
  float: left;
  width: 92px;
  height: 50px;
  line-height: 48px;
  cursor: pointer;
  background-color: var(--gray-50);
  border: 1px solid var(--gray-200);
  box-sizing: border-box;
  border-left: none;
  border-radius: 3px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  text-align: center;
  color: #353535;
  font-family: "Source Sans Pro";
  font-weight: 600;
  font-size: 16px; }

.video-example {
  color: var(--gray-400);
  font-family: "Roboto";
  font-size: 14px;
  text-align: left;
  margin: 14px 0 26px;
  overflow: scroll; }

.thumbnail-images {
  position: relative;
  margin: 20px 0 0; }
  .thumbnail-images:hover {
    cursor: pointer; }
  .thumbnail-images.thumb-landscape {
    width: 60.5%;
    float: left; }
    @media (max-width: 979px) {
      .thumbnail-images.thumb-landscape {
        width: 60%; } }
  .thumbnail-images.thumb-square {
    width: 37%;
    float: right; }
  .thumbnail-images .landscape {
    width: 100%;
    max-height: 133px; }
  .thumbnail-images .square {
    width: 100%;
    max-height: 133px; }
  .thumbnail-images .facebook-thumb {
    width: 350px;
    height: 183px;
    border: 1px solid var(--gray-150);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat; }
  .thumbnail-images .cover-imgage-thumb {
    width: 350px;
    height: 350px;
    border: 1px solid var(--gray-150);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat; }

.overlay-actions .image-action, .rearrange-actions .image-action {
  width: 30px;
  height: 30px;
  margin-right: 13px;
  margin-top: 10px;
  background-color: rgba(53, 53, 53, 0.25);
  cursor: pointer;
  padding-top: 8px;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .overlay-actions .image-action:hover, .rearrange-actions .image-action:hover {
    background-color: #353535; }
  @media (max-width: 1019px) {
    .overlay-actions .image-action, .rearrange-actions .image-action {
      display: none; } }

.overlay-actions .image-action-tablet, .rearrange-actions .image-action-tablet {
  display: none;
  width: 30px;
  height: 30px;
  margin-right: 13px;
  margin-top: 13px;
  background-color: #353535;
  cursor: pointer;
  padding-top: 8px;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  @media (max-width: 1019px) {
    .overlay-actions .image-action-tablet, .rearrange-actions .image-action-tablet {
      display: block; } }

.overlay-actions .up, .rearrange-actions .up {
  background-image: url(images/sprite-sheet.png);
  background-position: -162px -445px;
  width: 12px;
  height: 13px;
  display: block;
  margin: 0 auto; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .overlay-actions .up, .rearrange-actions .up {
      background-image: url(images/sprite-sheet@2x.png);
      background-size: 515px 463px; } }

.overlay-actions .down, .rearrange-actions .down {
  background-image: url(images/sprite-sheet.png);
  background-position: -194px -445px;
  width: 12px;
  height: 13px;
  display: block;
  margin: 0 auto; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .overlay-actions .down, .rearrange-actions .down {
      background-image: url(images/sprite-sheet@2x.png);
      background-size: 515px 463px; } }

.overlay-actions .edit, .rearrange-actions .edit {
  background-image: url(images/sprite-sheet.png);
  background-position: -273px -297px;
  width: 14px;
  height: 14px;
  display: block;
  margin: 0 auto; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .overlay-actions .edit, .rearrange-actions .edit {
      background-image: url(images/sprite-sheet@2x.png);
      background-size: 515px 463px; } }

.overlay-actions .delete, .rearrange-actions .delete {
  background-image: url(images/sprite-sheet.png);
  background-position: -130px -445px;
  width: 12px;
  height: 16px;
  display: block;
  margin: -2px auto; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .overlay-actions .delete, .rearrange-actions .delete {
      background-image: url(images/sprite-sheet@2x.png);
      background-size: 515px 463px; } }

.overlay-actions .cut-image, .rearrange-actions .cut-image {
  background-image: url(images/sprite-sheet.png);
  background-position: -307px -297px;
  width: 13px;
  height: 13px;
  display: block;
  margin: 1px auto; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .overlay-actions .cut-image, .rearrange-actions .cut-image {
      background-image: url(images/sprite-sheet@2x.png);
      background-size: 515px 463px; } }

.overlay-actions .paste-above, .rearrange-actions .paste-above {
  background-image: url(images/sprite-sheet.png);
  background-position: -495px -156px;
  width: 16px;
  height: 20px;
  display: block;
  margin: -4px auto; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .overlay-actions .paste-above, .rearrange-actions .paste-above {
      background-image: url(images/sprite-sheet@2x.png);
      background-size: 515px 463px; } }

.overlay-actions .paste-below, .rearrange-actions .paste-below {
  background-image: url(images/sprite-sheet.png);
  background-position: -495px -116px;
  width: 16px;
  height: 20px;
  display: block;
  margin: -4px auto; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .overlay-actions .paste-below, .rearrange-actions .paste-below {
      background-image: url(images/sprite-sheet@2x.png);
      background-size: 515px 463px; } }

.overlay-actions {
  position: absolute;
  display: block;
  right: 0;
  top: 0; }
  @media (max-width: 1019px) {
    .overlay-actions {
      display: block !important; } }

.rearrange-actions {
  position: absolute;
  display: block;
  right: -44px;
  top: -11px; }
  .rearrange-actions .image-action {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0; }
  @media (max-width: 1019px) {
    .rearrange-actions {
      display: none !important; } }

.dashed-border {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  background-color: transparent;
  z-index: 1001;
  height: 90%;
  border: 3px dashed grey;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .dashed-border .drop-here-area {
    position: relative;
    top: 50%;
    left: 50%;
    width: 570px;
    background-color: var(--gray-600);
    z-index: 1002;
    height: 570px;
    margin: -285px 0 0 -285px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    color: var(--white); }
    .dashed-border .drop-here-area .text-heading {
      font-family: "Merriweather";
      font-weight: bold;
      font-size: 36px;
      padding-top: 255px;
      padding-bottom: 15px; }
    .dashed-border .drop-here-area .text-info {
      font-family: "Roboto";
      font-size: 16px; }

.full-size-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -60px 0 0 -150px;
  width: 300px; }

#add-post-area .tablet {
  display: none; }

#add-post-area .desktop {
  display: block; }

@media (max-width: 979px) {
  #add-post-area .tablet {
    display: block; }
  #add-post-area .desktop {
    display: none; } }

.contribution-modal-wrapper, .contribution-modal-wrapper-new {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.9); }
  .contribution-modal-wrapper.bg-70, .contribution-modal-wrapper-new.bg-70 {
    background-color: rgba(0, 0, 0, 0.7); }

.contribution-popup {
  position: absolute;
  top: 15%;
  left: 50%;
  width: 473px;
  background-color: var(--gray-100);
  z-index: 1001;
  margin-left: -250px;
  padding: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
  .contribution-popup.cover-image-popup {
    width: 550px;
    margin-left: -275px;
    top: 5%; }
  .contribution-popup h1 {
    float: left;
    border: none;
    line-height: 100%;
    padding: 0;
    margin: 0;
    font-family: Arial;
    font-size: 20px;
    margin-bottom: 20px; }
  .contribution-popup h2 {
    float: left;
    border: none;
    line-height: 100%;
    padding: 0;
    margin: 0;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px; }
  .contribution-popup .buttons {
    text-align: center;
    margin: 20px auto;
    width: 300px; }
    .contribution-popup .buttons .add-post-form-button {
      float: left;
      width: 100px; }
      .contribution-popup .buttons .add-post-form-button.grey-empty {
        float: right; }

.categories-dropdown {
  width: 100%;
  height: 40px;
  background-color: white;
  float: left;
  cursor: pointer;
  border: 1px solid #d7d7d7;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
  .categories-dropdown p {
    float: left;
    padding: 0 20px;
    font-size: 16px;
    color: #353535;
    width: 75%;
    height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 40px;
    font-weight: normal; }
    .categories-dropdown p.custom-select-error {
      color: #ed8888;
      padding: 0 0 0 50px; }
  .categories-dropdown .cat-arrow {
    background-image: url(images/sprite-sheet.png);
    background-position: -322px -445px;
    width: 14px;
    height: 8px;
    float: right;
    margin: 16px 12px 0 0; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .categories-dropdown .cat-arrow {
        background-image: url(images/sprite-sheet@2x.png);
        background-size: 515px 463px; } }

.categories-dropdown-list {
  position: absolute;
  z-index: 12; }
  .categories-dropdown-list > ul {
    margin: 0;
    float: left;
    height: 300px;
    width: 328px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid var(--gray-200);
    background-color: var(--white);
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    @media (max-width: 1019px) {
      .categories-dropdown-list > ul {
        width: 268px; } }
    .categories-dropdown-list > ul li {
      list-style-type: none; }
  .categories-dropdown-list ul li a {
    color: inherit;
    display: block;
    margin: 0;
    list-style: none;
    cursor: pointer;
    padding: 7px;
    font-weight: normal; }
    .categories-dropdown-list ul li a:hover {
      background-color: var(--gray-250); }
    .categories-dropdown-list ul li a.active {
      background-color: var(--gray-250); }
  .categories-dropdown-list ul li ul li span {
    margin-left: 30px; }

.tags-error {
  color: red;
  font-size: 15px;
  margin-bottom: 15px; }

ul.tagit {
  background: var(--white);
  padding: 2px 18px 2px;
  font-size: 14px;
  width: 100%;
  height: auto;
  min-height: 40px;
  overflow: auto;
  margin-bottom: 15px;
  box-sizing: border-box;
  border: 1px solid var(--gray-200);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

ul.tagit li {
  display: block;
  float: left;
  margin: 2px 5px 2px 0; }

ul.tagit li.tagit-choice {
  position: relative;
  line-height: inherit; }

input.tagit-hidden-field {
  display: none; }

ul.tagit li.tagit-choice-read-only {
  padding: 0.4em 21px 0.4em 0.6em; }

ul.tagit li.tagit-choice-editable {
  padding: 0.4em 21px 0.4em 0.6em; }

ul.tagit li.tagit-new {
  padding: 7px 0 0 0; }

ul.tagit li.tagit-choice a.tagit-label {
  cursor: pointer;
  text-decoration: none; }

ul.tagit li.tagit-choice .tagit-close {
  cursor: pointer;
  position: absolute;
  right: .1em;
  top: 50%;
  margin-top: -8px;
  line-height: 17px; }

/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
  display: none; }

ul.tagit li.tagit-choice input {
  display: block;
  float: left;
  margin: 2px 5px 2px 0; }

ul.tagit input[type="text"] {
  height: inherit !important;
  line-height: inherit !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 0 0 3px !important;
  width: inherit !important; }

ul.tagit li.tagit-choice {
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid var(--gray-200);
  font-size: 16px;
  background: none;
  background-color: var(--white);
  font-weight: normal; }

ul.tagit li.tagit-choice .tagit-label:not(a) {
  color: #353535; }

ul.tagit li.tagit-choice a.tagit-close {
  text-decoration: none; }

ul.tagit li.tagit-choice .tagit-close {
  right: .4em; }

ul.tagit li.tagit-choice .ui-icon {
  display: none; }

ul.tagit li.tagit-choice .tagit-close .text-icon {
  display: inline;
  font-family: arial, sans-serif;
  font-size: 16px;
  line-height: 16px;
  color: var(--gray-500); }

ul.tagit li.tagit-choice:hover, ul.tagit li.tagit-choice.remove {
  background-color: var(--gray-100); }

ul.tagit input[type="text"] {
  color: #353535;
  background: none;
  font-size: 16px;
  outline: none; }

.ui-widget {
  font-size: 1.1em;
  background: var(--white);
  max-width: 350px;
  overflow: auto; }

/* Forked from a jQuery UI theme, so that we don't require the jQuery UI CSS as a dependency. */
.tagit-autocomplete.ui-autocomplete {
  position: absolute;
  cursor: default;
  width: 250px !important;
  height: 200px !important;
  overflow-x: scroll; }

.tagit-autocomplete.ui-menu {
  list-style: none;
  margin: 0;
  display: block;
  float: left;
  font-size: 15px; }

.tagit-autocomplete.ui-menu .ui-menu {
  margin-top: -3px; }

.tagit-autocomplete.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%; }

.tagit-autocomplete.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 0.4em 0.5em;
  line-height: 1.5;
  zoom: 1; }

.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-hover,
.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px; }

.tagit-autocomplete.ui-widget-content {
  border: 1px solid var(--gray-250);
  background: var(--white) 50% 50% repeat-x;
  color: var(--gray-600); }

.tagit-autocomplete.ui-corner-all, .tagit-autocomplete .ui-corner-all {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px; }

.tagit-autocomplete .ui-state-hover, .tagit-autocomplete .ui-state-focus {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  background: var(--gray-200);
  font-weight: normal;
  color: var(--gray-600); }

.tagit-autocomplete .ui-state-active {
  border: 1px solid var(--gray-250); }

.tagit-autocomplete .ui-widget-content {
  border: 1px solid var(--gray-250); }

.tagit .ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px); }

.add-post-form-input {
  background-color: var(--white);
  font-family: "Source Sans Pro";
  font-weight: 400;
  font-size: 18px;
  line-height: 40px;
  height: 40px;
  width: 100%;
  color: #353535;
  padding: 0 20px;
  outline: none;
  border: 1px solid var(--gray-200);
  -webkit-appearance: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .add-post-form-input::-webkit-input-placeholder {
    color: var(--gray-300); }
  .add-post-form-input:-moz-placeholder {
    color: var(--gray-300); }
  .add-post-form-input::-moz-placeholder {
    color: var(--gray-300); }
  .add-post-form-input:-ms-input-placeholder {
    color: var(--gray-300); }
  .add-post-form-input:hover::-webkit-input-placeholder {
    color: var(--gray-350); }
  .add-post-form-input:hover:-moz-placeholder {
    color: var(--gray-350); }
  .add-post-form-input:hover::-moz-placeholder {
    color: var(--gray-350); }
  .add-post-form-input:hover:-ms-input-placeholder {
    color: var(--gray-350); }
  .add-post-form-input.input-error::-webkit-input-placeholder {
    color: #ed8888; }
  .add-post-form-input.input-error:-moz-placeholder {
    color: #ed8888; }
  .add-post-form-input.input-error::-moz-placeholder {
    color: #ed8888; }
  .add-post-form-input.input-error:-ms-input-placeholder {
    color: #ed8888; }

.external-photo-parse.margin-top {
  margin-top: 20px; }

.external-photo-parse .add-post-form-input {
  width: calc(100% - 140px);
  max-width: 250px;
  margin-left: 18px; }

.input-error-block:before {
  position: absolute;
  z-index: 9;
  top: 5px;
  left: -40px;
  display: block;
  content: '';
  background-image: url(images/sprite-sheet.png);
  background-position: -445px -175px;
  width: 30px;
  height: 30px;
  width: 30px;
  height: 30px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .input-error-block:before {
      background-image: url(images/sprite-sheet@2x.png);
      background-size: 515px 463px; } }
  @media (min-width: 1019px) and (max-width: 1129px) {
    .input-error-block:before {
      display: none; } }

.input-error-block.post-description:before {
  top: -1px; }

.categories-dropdown.input-error-block:before {
  position: absolute;
  top: 10px;
  left: 20px;
  display: block;
  content: '';
  background-image: url(images/sprite-sheet.png);
  background-position: -495px 0px;
  width: 20px;
  height: 20px;
  width: 20px;
  height: 20px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .categories-dropdown.input-error-block:before {
      background-image: url(images/sprite-sheet@2x.png);
      background-size: 515px 463px; } }

.cover-image-wrapper {
  background: var(--white);
  padding: 30px; }
  .cover-image-wrapper .cover-image-layout p {
    float: left;
    margin: 7px 10px 0 0; }
  .cover-image-wrapper .cover-image-layout .add-post-form-input {
    padding: 0;
    line-height: 30px;
    height: 30px;
    width: 50px; }
  .cover-image-wrapper .cover-image-layout .layout-type {
    cursor: pointer;
    float: left;
    width: 85px; }
    .cover-image-wrapper .cover-image-layout .layout-type .fake-radio {
      float: left;
      margin: 7px 4px 0 0; }
    .cover-image-wrapper .cover-image-layout .layout-type .column {
      display: inline-block;
      background: var(--gray-200);
      height: 32px;
      cursor: pointer; }
      .cover-image-wrapper .cover-image-layout .layout-type .column.one {
        width: 46px; }
      .cover-image-wrapper .cover-image-layout .layout-type .column.two {
        width: 24px;
        margin-right: 5px; }
  .cover-image-wrapper .cover-column .no-image {
    padding: 237px 0 !important; }
  .cover-image-wrapper .cover-column .cropit-image-preview {
    width: 490px;
    height: 490px; }
  .cover-image-wrapper .one-column .cropit-image-preview {
    width: 490px;
    height: 256px;
    margin: 0 auto; }
  .cover-image-wrapper .two-column .cropit-image-preview {
    width: 242px;
    height: 256px; }
  .cover-image-wrapper .two-column .left-column, .cover-image-wrapper .two-column .right-column {
    width: 242px;
    float: left; }
  .cover-image-wrapper .two-column .left-column {
    margin-right: 6px; }
  .cover-image-wrapper .two-column .no-image {
    padding: 120px 0 !important; }
  .cover-image-wrapper .cover-image .cover-image-preview {
    margin: 15px 0; }
    .cover-image-wrapper .cover-image .cover-image-preview img {
      max-width: none; }
  .cover-image-wrapper .cover-image .no-image {
    background: var(--gray-200);
    display: block;
    color: var(--gray-500);
    text-align: center;
    padding: 120px 0;
    margin-bottom: 45px; }
  .cover-image-wrapper .cover-image .slider {
    margin-top: 5px; }
    .cover-image-wrapper .cover-image .slider i {
      margin: 0 3px; }
    .cover-image-wrapper .cover-image .slider input {
      width: 70%; }
  .cover-image-wrapper .thumbs {
    float: left;
    max-height: 100px;
    overflow-y: auto; }
    .cover-image-wrapper .thumbs img {
      float: left;
      width: 34px;
      height: 34px;
      margin-right: 10px;
      margin-bottom: 10px;
      cursor: pointer; }

.contribution-thumbnail-editor-wrapper {
  float: left; }

.thumbnail-editor-crop-area {
  float: left;
  padding: 15px;
  background-color: var(--white);
  margin-bottom: 10px; }
  .thumbnail-editor-crop-area img {
    float: left; }
  .thumbnail-editor-crop-area a {
    float: left;
    margin: 0;
    margin-top: 10px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    line-height: 35px;
    width: 140px;
    cursor: pointer;
    background-color: #686868;
    color: var(--white);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }

.thumbnail-editor-imgs {
  float: left;
  max-height: 100px;
  overflow-y: auto;
  padding: 0 15px; }
  .thumbnail-editor-imgs img {
    float: left;
    width: 34px;
    height: 34px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer; }

.thumbnail-crop {
  text-align: center; }
  .thumbnail-crop .holder {
    display: inline-block; }

#wide-thumbnail-crop .cropit-image-preview {
  display: block;
  width: 245px;
  height: 150px; }

#square-thumbnail-crop .cropit-image-preview {
  display: block;
  width: 150px;
  height: 150px; }

#square-thumbnail-crop input {
  width: 100px; }

.edit-image-modal {
  position: fixed;
  top: 50px;
  left: 50px;
  right: 50px;
  margin-bottom: 50px;
  background-color: var(--black);
  z-index: 1001; }
  @media (max-width: 979px) {
    .edit-image-modal {
      position: absolute; } }
  .edit-image-modal .edit-image-content .close-box {
    margin: 10px;
    right: 0px; }
  .edit-image-modal .edit-image-content .description-content {
    float: right;
    width: 400px;
    background-color: var(--white);
    position: relative;
    overflow: auto; }
    @media (max-width: 979px) {
      .edit-image-modal .edit-image-content .description-content {
        width: 100%; } }
  .edit-image-modal .edit-image-content .image-heading {
    padding: 30px 30px 10px;
    width: 100%;
    box-sizing: border-box; }
    .edit-image-modal .edit-image-content .image-heading .add-post-form-input {
      font-family: "Merriweather";
      font-weight: bold;
      font-size: 24px;
      width: 100%;
      border: none;
      resize: none;
      padding: 0; }
  .edit-image-modal .edit-image-content .image-description {
    padding: 0 30px 30px;
    width: 100%;
    box-sizing: border-box; }
    .edit-image-modal .edit-image-content .image-description .add-post-form-input {
      font-family: "Merriweather";
      font-size: 16px;
      border: none;
      width: 100%;
      padding: 0;
      line-height: 20px;
      resize: none;
      height: initial; }
  .edit-image-modal .edit-image-content .image-source {
    font-size: 14px;
    color: #7d7d7d;
    padding: 0 30px 30px;
    width: 100%;
    box-sizing: border-box; }
    .edit-image-modal .edit-image-content .image-source .source-text {
      height: 40px;
      line-height: 40px; }
    .edit-image-modal .edit-image-content .image-source a {
      color: var(--green-yellow-300); }
    .edit-image-modal .edit-image-content .image-source .add-post-form-input {
      margin-top: 5px; }
  .edit-image-modal .edit-image-content .image-content {
    position: relative;
    float: left;
    width: calc(100% - 400px);
    background-color: var(--black); }
    @media (max-width: 979px) {
      .edit-image-modal .edit-image-content .image-content {
        width: 100%; } }
    .edit-image-modal .edit-image-content .image-content .image-block {
      text-align: center;
      -webkit-user-select: none;
      /* webkit (safari, chrome) browsers */
      -moz-user-select: none;
      /* mozilla browsers */
      -khtml-user-select: none;
      /* webkit (konqueror) browsers */
      -ms-user-select: none;
      /* IE10+ */ }
    .edit-image-modal .edit-image-content .image-content .image-carousel {
      background-image: url(images/sprite-sheet.png);
      background-position: -445px -115px;
      width: 25px;
      height: 40px;
      position: absolute;
      right: 20px;
      cursor: pointer;
      top: 50%;
      opacity: 0;
      margin-top: -19px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .edit-image-modal .edit-image-content .image-content .image-carousel {
          background-image: url(images/sprite-sheet@2x.png);
          background-size: 515px 463px; } }
      .edit-image-modal .edit-image-content .image-content .image-carousel.previous-image {
        left: 20px;
        background-image: url(images/sprite-sheet.png);
        background-position: -445px -55px;
        width: 25px;
        height: 40px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .edit-image-modal .edit-image-content .image-content .image-carousel.previous-image {
            background-image: url(images/sprite-sheet@2x.png);
            background-size: 515px 463px; } }
      .edit-image-modal .edit-image-content .image-content .image-carousel.full-arrow {
        opacity: 0.5; }
      .edit-image-modal .edit-image-content .image-content .image-carousel:hover {
        opacity: 1; }
    .edit-image-modal .edit-image-content .image-content img {
      margin: 0 auto;
      width: 100%; }
  .edit-image-modal .edit-image-content .image-actions {
    height: 113px;
    border-top: 1px solid var(--gray-100);
    width: 100%; }
    .edit-image-modal .edit-image-content .image-actions .action-item {
      float: left;
      width: 50%;
      height: 113px;
      box-sizing: border-box;
      color: #7d7d7d;
      font-size: 14px;
      text-align: center;
      cursor: pointer; }
      .edit-image-modal .edit-image-content .image-actions .action-item.right-border {
        border-right: 1px solid var(--gray-100); }
      .edit-image-modal .edit-image-content .image-actions .action-item label {
        display: block;
        cursor: pointer; }
      .edit-image-modal .edit-image-content .image-actions .action-item #popup-cover-image {
        margin-top: 40px;
        cursor: pointer; }
      .edit-image-modal .edit-image-content .image-actions .action-item .delete-image-icon {
        background-image: url(images/sprite-sheet.png);
        background-position: -495px -412px;
        width: 14px;
        height: 18px;
        margin: 35px auto 3px;
        display: block; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .edit-image-modal .edit-image-content .image-actions .action-item .delete-image-icon {
            background-image: url(images/sprite-sheet@2x.png);
            background-size: 515px 463px; } }
      .edit-image-modal .edit-image-content .image-actions .action-item .delete-image {
        cursor: pointer; }

.close-box {
  background-image: url(images/sprite-sheet.png);
  background-position: -258px -445px;
  width: 12px;
  height: 12px;
  position: absolute;
  cursor: pointer;
  z-index: 9; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .close-box {
      background-image: url(images/sprite-sheet@2x.png);
      background-size: 515px 463px; } }
  @media (max-width: 979px) {
    .close-box {
      background-image: url(images/sprite-sheet.png);
      background-position: -226px -445px;
      width: 12px;
      height: 12px; } }
  @media (max-width: 979px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 979px) and (min-resolution: 192dpi) {
    .close-box {
      background-image: url(images/sprite-sheet@2x.png);
      background-size: 515px 463px; } }

.close-box-tooltip {
  background-image: url(images/sprite-sheet.png);
  background-position: -290px -445px;
  width: 12px;
  height: 12px;
  position: absolute;
  cursor: pointer;
  z-index: 9;
  top: 10px;
  right: 10px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .close-box-tooltip {
      background-image: url(images/sprite-sheet@2x.png);
      background-size: 515px 463px; } }

.fake-radio {
  background-image: url(images/sprite-sheet.png);
  background-position: -495px -340px;
  width: 16px;
  height: 16px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .fake-radio {
      background-image: url(images/sprite-sheet@2x.png);
      background-size: 515px 463px; } }
  .fake-radio.active {
    background-image: url(images/sprite-sheet.png);
    background-position: -495px -376px;
    width: 16px;
    height: 16px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .fake-radio.active {
        background-image: url(images/sprite-sheet@2x.png);
        background-size: 515px 463px; } }

[contenteditable=true]:empty:before {
  content: attr(placeholder);
  display: block;
  /* For Firefox */ }

#fakeFileInput {
  position: absolute;
  z-index: 99999;
  top: 0; }

.page.wide-post .post .entry {
  padding-bottom: 1.8em !important; }

.shortcuts-block {
  display: inline-block;
  position: fixed;
  bottom: 5px;
  right: 5px;
  z-index: 9999; }
  @media (max-width: 979px) {
    .shortcuts-block {
      display: none; } }
  .shortcuts-block .shortcuts-btn {
    font-size: 15px;
    border: none;
    outline: none;
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    cursor: pointer;
    padding: 8px 14px;
    border-radius: 4px; }
    .shortcuts-block .shortcuts-btn .svg-icon {
      vertical-align: middle;
      height: 20px;
      width: 15px; }
    .shortcuts-block .shortcuts-btn .right {
      border: solid white;
      border-width: 0 2px 2px 0;
      display: inline-block;
      padding: 4px;
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg); }
    .shortcuts-block .shortcuts-btn span {
      font-size: 15px; }
  .shortcuts-block .next-post {
    background-color: #56b863;
    vertical-align: middle;
    padding: 9.5px; }

.post-arrows-container {
  display: none;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  pointer-events: none;
  z-index: 9999;
  transform: translateY(-50%); }
  @media (min-width: 980px) {
    .post-arrows-container {
      display: none !important; } }
  .post-arrows-container .post-arrow-prev,
  .post-arrows-container .post-arrow-next {
    position: absolute;
    top: 50%;
    width: 32px;
    height: 64px;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: auto;
    transform: translateY(-50%);
    border-radius: 4px;
    transition: opacity 0.3s ease; }
    .post-arrows-container .post-arrow-prev i,
    .post-arrows-container .post-arrow-next i {
      display: block;
      width: 16px;
      height: 16px; }
      .post-arrows-container .post-arrow-prev i svg,
      .post-arrows-container .post-arrow-next i svg {
        width: 100%;
        height: 100%;
        fill: black; }
    .post-arrows-container .post-arrow-prev.disabled,
    .post-arrows-container .post-arrow-next.disabled {
      display: none; }
  .post-arrows-container .post-arrow-prev {
    left: 0px;
    border-radius: 0 3px 3px 0;
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.12); }
  .post-arrows-container .post-arrow-next {
    right: 0px;
    border-radius: 3px 0 0 3px;
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.12); }

.scroll-to-top {
  display: none;
  position: fixed;
  bottom: 17px;
  right: 25px;
  z-index: 9999;
  font-size: 21px;
  border: none;
  outline: none;
  background: rgba(170, 170, 170, 0.75);
  color: white;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
  width: 56px;
  height: 56px;
  padding: 0;
  box-shadow: var(--scrollToTopShadow); }
  .scroll-to-top.lift-up {
    bottom: 200px; }
  .scroll-to-top i {
    border: solid white;
    border-width: 0 2px 2px 0;
    display: inline-block;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    vertical-align: middle;
    height: 12px;
    width: 12px; }
  .scroll-to-top.anchor-exists {
    bottom: 114px; }
    .scroll-to-top.anchor-exists.lift-up {
      bottom: 310px; }
  @media (max-width: 979px) {
    .scroll-to-top#scrollToTopDesktop {
      display: none !important; } }
  .scroll-to-top#scrollToTopMobile {
    left: calc(50% - 26px);
    bottom: 30px;
    height: 52px;
    width: 52px;
    background: white; }
    @media (min-width: 979px) {
      .scroll-to-top#scrollToTopMobile {
        display: none !important; } }
    .scroll-to-top#scrollToTopMobile.anchor-exists {
      bottom: 120px; }
    .scroll-to-top#scrollToTopMobile span {
      display: inline-block;
      width: 16px;
      height: 16px;
      background: url("images/icons/back-to-top.svg") no-repeat center center;
      background-size: 16px 16px; }

.mobile-actions-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2147483646;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease; }
  .mobile-actions-wrapper.is-active {
    opacity: 1;
    pointer-events: auto; }

.mobile-actions-btn {
  width: 54px;
  border-radius: 40px;
  z-index: 999;
  border: none;
  padding: 0;
  height: 54px;
  position: fixed;
  bottom: 35px;
  right: 10px;
  display: block;
  background: url(images/icons/mobile-actions-btn.svg) no-repeat center center;
  background-size: 54px 54px; }
  @media (min-width: 980px) {
    .mobile-actions-btn {
      display: none; } }
  .mobile-actions-btn.hide {
    display: none; }
  .mobile-actions-btn.v-2 {
    bottom: 135px; }
  .mobile-actions-btn.v-1 {
    bottom: 189px; }
  .mobile-actions-btn.v-2 {
    background: url(images/icons/mobile-actions-btn-2.svg) no-repeat center center; }
  .mobile-actions-btn.close {
    background: url(images/icons/mobile-actions-btn-close.svg) no-repeat center center; }

.mobile-actions-1 {
  opacity: 0;
  transform: scale(0.96);
  transition: opacity 0.3s ease, transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 20px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  border-radius: 32px;
  border-bottom: 1px solid var(--Light-theme-Grey-4---hover, #F5F5F5);
  background: #FFF;
  position: fixed;
  bottom: 12px;
  box-sizing: border-box;
  z-index: 999;
  left: 12px;
  right: 12px;
  width: auto;
  max-width: calc(100% - 24px);
  display: flex; }
  .mobile-actions-1.is-active {
    opacity: 1;
    transform: scale(1); }
  .mobile-actions-1 .ma-header {
    text-align: center; }
    .mobile-actions-1 .ma-header .title {
      color: var(--Black, #000);
      text-align: center;
      font-family: Roboto;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 24px;
      /* 150% */ }
  .mobile-actions-1 .ma-body {
    display: flex;
    align-items: center;
    gap: 40px; }
    .mobile-actions-1 .ma-body .button-block {
      display: flex;
      flex-direction: column;
      gap: 8px; }
      .mobile-actions-1 .ma-body .button-block a {
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        width: 60px;
        height: 60px;
        background-size: 60px 60px; }
        .mobile-actions-1 .ma-body .button-block a.to-top {
          background: url(images/icons/icon-to-top.svg) no-repeat center center; }
        .mobile-actions-1 .ma-body .button-block a.home {
          background: url(images/icons/icon-home.svg) no-repeat center center; }
        .mobile-actions-1 .ma-body .button-block a.trending {
          background: url(images/icons/icon-trending.svg) no-repeat center center; }
        .mobile-actions-1 .ma-body .button-block a.next-article {
          background: url(images/icons/icon-next-article.svg) no-repeat center center; }
        .mobile-actions-1 .ma-body .button-block a.latest {
          background: url(images/icons/icon-latest.svg) no-repeat center center; }
      .mobile-actions-1 .ma-body .button-block span {
        color: var(--Black, #000);
        text-align: center;
        font-family: Roboto;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px; }

.mobile-actions-2 {
  align-self: stretch;
  border-radius: 16px;
  border-bottom: 1px solid var(--Light-theme-Grey-4---hover, #F5F5F5);
  background: #FFF;
  position: fixed;
  bottom: 202px;
  box-sizing: border-box;
  right: 12px;
  z-index: 999;
  display: flex;
  padding: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  opacity: 0;
  transform: scale(0.96);
  transition: opacity 0.3s ease, transform 0.25s cubic-bezier(0.4, 0, 0.2, 1); }
  .mobile-actions-2.is-active {
    opacity: 1;
    transform: scale(1); }
  .mobile-actions-2 .ma-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch; }
    .mobile-actions-2 .ma-body .button-block {
      display: flex;
      padding-right: 24px;
      align-items: center;
      gap: 16px;
      align-self: stretch; }
      .mobile-actions-2 .ma-body .button-block a {
        display: flex;
        flex-direction: row;
        gap: 16px;
        align-items: center; }
      .mobile-actions-2 .ma-body .button-block .icon-block {
        display: flex;
        width: 48px;
        height: 48px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 12px; }
        .mobile-actions-2 .ma-body .button-block .icon-block.to-top {
          background: url(images/icons/icon-to-top.svg) no-repeat center center;
          background-size: 48px 48px; }
        .mobile-actions-2 .ma-body .button-block .icon-block.home {
          background: url(images/icons/icon-home.svg) no-repeat center center;
          background-size: 48px 48px; }
        .mobile-actions-2 .ma-body .button-block .icon-block.trending {
          background: url(images/icons/icon-trending.svg) no-repeat center center;
          background-size: 48px 48px; }
        .mobile-actions-2 .ma-body .button-block .icon-block.next-article {
          background: url(images/icons/icon-next-article.svg) no-repeat center center;
          background-size: 48px 48px; }
        .mobile-actions-2 .ma-body .button-block .icon-block.latest {
          background: url(images/icons/icon-latest.svg) no-repeat center center;
          background-size: 48px 48px; }
      .mobile-actions-2 .ma-body .button-block span {
        color: var(--Black, #000);
        text-align: center;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; }

@media (max-width: 979px) {
  .shortcuts-btn {
    display: none !important; } }

.shortcuts-btn:hover {
  background-color: var(--gray-550); }

.page .post-narrow {
  display: block;
  padding: 0;
  background: var(--white);
  margin-bottom: 1.688em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false);
  -moz-box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false);
  box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false); }
  @media screen and (min-resolution: 2dppx) {
    .page .post-narrow {
      -webkit-box-shadow: compact(0 1px 0 #ccc, false, false, false, false, false, false, false, false, false);
      -moz-box-shadow: compact(0 1px 0 #ccc, false, false, false, false, false, false, false, false, false);
      box-shadow: compact(0 1px 0 #ccc, false, false, false, false, false, false, false, false, false); } }
  .page .post-narrow .post-header {
    padding: 60px 20px 15px; }
    .page .post-narrow .post-header h1.post-title {
      font-family: "Merriweather";
      font-weight: bold;
      font-size: 40px;
      line-height: 48px;
      text-align: center;
      color: var(--on-bg-dark); }
  .page .post-narrow .post-content p {
    font-family: "Merriweather";
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    padding: 25px 40px 0;
    color: #7d7d7d; }
    @media (min-width: 980px) {
      .page .post-narrow .post-content p.strong-padding {
        padding: 25px 160px 0; } }
  .page .post-narrow .post-content img {
    padding-top: 55px;
    width: 100%; }
  .page .post-narrow .post-subheader {
    padding: 40px 20px 45px; }
    .page .post-narrow .post-subheader h2.post-subtitle {
      font-family: "Merriweather";
      font-weight: bold;
      font-size: 24px;
      line-height: 48px;
      text-align: center;
      color: var(--gray-800); }
  .page .post-narrow .jobs-block {
    margin: 0 160px;
    padding-bottom: 50px; }
    @media (max-width: 979px) {
      .page .post-narrow .jobs-block {
        margin: 0 40px; } }
    .page .post-narrow .jobs-block .job-item {
      width: 100%;
      border-top: 1px solid var(--gray-100); }
      .page .post-narrow .jobs-block .job-item .description {
        float: left; }
        .page .post-narrow .jobs-block .job-item .description .heading {
          font-family: "Merriweather";
          font-weight: bold;
          font-size: 24px;
          line-height: 24px;
          color: var(--gray-800);
          margin: 30px 0 0; }
          .page .post-narrow .jobs-block .job-item .description .heading a {
            color: var(--gray-800); }
        .page .post-narrow .jobs-block .job-item .description .position {
          font-family: "Merriweather";
          font-weight: 400;
          font-size: 16px;
          line-height: 24px;
          color: #7d7d7d; }
        .page .post-narrow .jobs-block .job-item .description .location {
          font-family: "Merriweather";
          font-weight: 400;
          font-size: 16px;
          line-height: 24px;
          color: #7d7d7d; }
          .page .post-narrow .jobs-block .job-item .description .location:before {
            content: "•";
            font-size: 20px;
            top: 2px;
            position: relative;
            margin: 0 10px; }
      .page .post-narrow .jobs-block .job-item .apply-button {
        float: right; }
        @media (max-width: 479px) {
          .page .post-narrow .jobs-block .job-item .apply-button {
            float: none;
            clear: both; } }
      .page .post-narrow .jobs-block .job-item .apply {
        display: block;
        margin: 32px 0;
        width: 50px; }
        @media (max-width: 479px) {
          .page .post-narrow .jobs-block .job-item .apply {
            margin: 0 0 32px; } }

.page-template-success-stories, .page-template-challenge-landing {
  font-family: "Source Sans Pro";
  font-weight: 400;
  background-color: var(--gray-blue-600);
  width: 100%;
  background: -webkit-radial-gradient(70% 100px, 500px 500px, #484d5f, var(--gray-blue-600));
  background: -o-radial-gradient(70% 100px, 500px 500px, #484d5f, var(--gray-blue-600));
  background: -moz-radial-gradient(70% 100px, 500px 500px, #484d5f, var(--gray-blue-600));
  background: radial-gradient(500px at 70% 100px, #484d5f, var(--gray-blue-600)); }
  .page-template-success-stories h2, .page-template-challenge-landing h2 {
    font-weight: 700;
    font-size: 35px;
    color: var(--gray-blue-600);
    padding: 65px 0 55px;
    text-align: center; }
    .page-template-success-stories h2:after, .page-template-challenge-landing h2:after {
      content: " ";
      display: block;
      width: 80px;
      height: 2px;
      background-color: var(--gray-100);
      margin: 20px auto 0; }
  .page-template-success-stories .cover, .page-template-challenge-landing .cover {
    display: none; }
  .page-template-success-stories header, .page-template-challenge-landing header {
    height: 70px; }
    .page-template-success-stories header.static-pages-header, .page-template-challenge-landing header.static-pages-header {
      display: block; }
    .page-template-success-stories header.header, .page-template-challenge-landing header.header {
      display: none; }
    .page-template-success-stories header .logo, .page-template-challenge-landing header .logo {
      float: left;
      margin: 15px 0 0 40px; }
      .page-template-success-stories header .logo a, .page-template-challenge-landing header .logo a {
        background: url("images/white-bp-logo.png");
        display: block;
        text-indent: -9999px;
        width: 160px;
        height: 44px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .page-template-success-stories header .logo a, .page-template-challenge-landing header .logo a {
            background: url("images/white-bp-logo@2x.png");
            background-size: 160px 44px; } }
        @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
          .page-template-success-stories header .logo a, .page-template-challenge-landing header .logo a {
            background: url("images/white-bp-logo@3x.png");
            background-size: 160px 44px; } }
    .page-template-success-stories header .active-menu, .page-template-challenge-landing header .active-menu {
      display: block;
      margin: 15px 0 0 5px;
      height: 44px;
      line-height: 44px;
      font-size: 16px;
      color: var(--active-menu);
      float: left;
      text-transform: lowercase; }
      .page-template-success-stories header .active-menu:first-letter, .page-template-challenge-landing header .active-menu:first-letter {
        text-transform: capitalize; }
      @media (max-width: 820px) {
        .page-template-success-stories header .active-menu, .page-template-challenge-landing header .active-menu {
          display: none; } }
      .page-template-success-stories header .active-menu .pipe, .page-template-challenge-landing header .active-menu .pipe {
        width: 1px;
        background-color: var(--gray-blue-700);
        display: block;
        height: 16px;
        float: left;
        margin-top: 15px;
        margin-right: 10px;
        margin-left: 10px; }
    .page-template-success-stories header .top-menu, .page-template-challenge-landing header .top-menu {
      float: right;
      margin: 15px 40px 0 0;
      height: 44px;
      line-height: 44px; }
      .page-template-success-stories header .top-menu ul li, .page-template-challenge-landing header .top-menu ul li {
        display: inline-block;
        margin-left: 30px; }
      .page-template-success-stories header .top-menu a, .page-template-challenge-landing header .top-menu a {
        font-size: 16px;
        color: var(--active-menu); }
        .page-template-success-stories header .top-menu a:hover, .page-template-challenge-landing header .top-menu a:hover {
          color: var(--white); }
        .page-template-success-stories header .top-menu a.active, .page-template-challenge-landing header .top-menu a.active {
          color: var(--white);
          font-weight: 600; }
      .page-template-success-stories header .top-menu .top-menu-mobile, .page-template-challenge-landing header .top-menu .top-menu-mobile {
        display: none;
        background-image: url(images/sprite-sheet.png);
        background-position: -44px -445px;
        width: 23px;
        height: 18px;
        outline: none;
        margin-top: 5px;
        -webkit-appearance: none;
        background-color: transparent;
        border: none;
        color: transparent;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .page-template-success-stories header .top-menu .top-menu-mobile, .page-template-challenge-landing header .top-menu .top-menu-mobile {
            background-image: url(images/sprite-sheet@2x.png);
            background-size: 515px 463px; } }
  .page-template-success-stories.single.wide-post main.main, .page-template-challenge-landing.single.wide-post main.main {
    max-width: 100% !important;
    margin: 0;
    padding: 0;
    width: auto; }
  .page-template-success-stories .top-promote, .page-template-challenge-landing .top-promote {
    height: 530px;
    position: relative;
    background: url("images/graph.png") no-repeat center; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .page-template-success-stories .top-promote, .page-template-challenge-landing .top-promote {
        background: url("images/graph@2x.png") no-repeat center;
        background-size: 1060px 419px; } }
    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
      .page-template-success-stories .top-promote, .page-template-challenge-landing .top-promote {
        background: url("images/graph@3x.png") no-repeat center;
        background-size: 1060px 419px; } }
    .page-template-success-stories .top-promote .container, .page-template-challenge-landing .top-promote .container {
      width: 1020px;
      padding: 0;
      margin: 0 auto;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .page-template-success-stories .top-promote h2, .page-template-challenge-landing .top-promote h2 {
      color: var(--white);
      text-align: left;
      font-size: 45px;
      font-weight: 700;
      padding: 100px 0 18px; }
      .page-template-success-stories .top-promote h2:after, .page-template-challenge-landing .top-promote h2:after {
        display: none; }
    .page-template-success-stories .top-promote p, .page-template-challenge-landing .top-promote p {
      color: var(--white);
      text-align: left;
      font-size: 18px;
      line-height: 24px;
      max-width: 490px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .page-template-success-stories .top-promote a.tell-your-story, .page-template-challenge-landing .top-promote a.tell-your-story {
      margin: 35px 0 0;
      -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
      -moz-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
      box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4); }
    .page-template-success-stories .top-promote #canvas, .page-template-challenge-landing .top-promote #canvas {
      display: block;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: -1; }
  .page-template-success-stories .how-it-works, .page-template-challenge-landing .how-it-works {
    background-color: var(--white);
    border-bottom: 1px solid var(--gray-100); }
    .page-template-success-stories .how-it-works h3, .page-template-challenge-landing .how-it-works h3 {
      font-weight: 600;
      color: var(--gray-blue-600);
      font-size: 24px;
      line-height: 26px;
      margin-top: 10px;
      margin-bottom: 5px; }
    .page-template-success-stories .how-it-works p, .page-template-challenge-landing .how-it-works p {
      color: var(--gray-400);
      font-size: 18px;
      line-height: 24px; }
    .page-template-success-stories .how-it-works .container, .page-template-challenge-landing .how-it-works .container {
      width: 90%;
      max-width: 790px;
      margin: 0 auto;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .page-template-success-stories .how-it-works .explaining-list, .page-template-challenge-landing .how-it-works .explaining-list {
      position: absolute;
      width: 95%;
      max-width: 740px;
      padding-left: 40px;
      padding-right: 20px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .page-template-success-stories .how-it-works .explaining-list .work-item, .page-template-challenge-landing .how-it-works .explaining-list .work-item {
        position: relative;
        height: 200px; }
      .page-template-success-stories .how-it-works .explaining-list .description-block, .page-template-challenge-landing .how-it-works .explaining-list .description-block {
        position: absolute;
        width: 100%;
        padding-left: 200px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .page-template-success-stories .how-it-works .explaining-list .description-block .counter, .page-template-challenge-landing .how-it-works .explaining-list .description-block .counter {
          display: none; }
      .page-template-success-stories .how-it-works .explaining-list .icon-block, .page-template-challenge-landing .how-it-works .explaining-list .icon-block {
        width: 200px;
        float: left; }
        .page-template-success-stories .how-it-works .explaining-list .icon-block .post-your-story, .page-template-challenge-landing .how-it-works .explaining-list .icon-block .post-your-story {
          background: url("images/post-your-story-icon.svg") no-repeat;
          display: block;
          margin: 0 auto;
          width: 94px;
          height: 108px; }
        .page-template-success-stories .how-it-works .explaining-list .icon-block .get-featured, .page-template-challenge-landing .how-it-works .explaining-list .icon-block .get-featured {
          background: url("images/get-featured-icon.svg") no-repeat;
          display: block;
          margin: 0 auto;
          width: 139px;
          height: 127px; }
        .page-template-success-stories .how-it-works .explaining-list .icon-block .become-sensation, .page-template-challenge-landing .how-it-works .explaining-list .icon-block .become-sensation {
          background: url("images/become-sensation-icon.svg") no-repeat;
          display: block;
          margin: 0 auto;
          width: 114px;
          height: 160px; }
    .page-template-success-stories .how-it-works .list-numbers, .page-template-challenge-landing .how-it-works .list-numbers {
      width: 40px;
      float: left;
      margin-top: 25px;
      margin-bottom: 150px; }
      .page-template-success-stories .how-it-works .list-numbers .number-item, .page-template-challenge-landing .how-it-works .list-numbers .number-item {
        display: block;
        width: 40px;
        height: 40px;
        background-color: #56b863;
        color: var(--white);
        line-height: 38px;
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
      .page-template-success-stories .how-it-works .list-numbers .number-item-border, .page-template-challenge-landing .how-it-works .list-numbers .number-item-border {
        display: block;
        width: 2px;
        height: 175px;
        background-color: var(--gray-100);
        margin: 0 auto; }
  .page-template-success-stories .success-stories, .page-template-success-stories .challenges, .page-template-challenge-landing .success-stories, .page-template-challenge-landing .challenges {
    background-color: var(--gray-50); }
    .page-template-success-stories .success-stories .container, .page-template-success-stories .challenges .container, .page-template-challenge-landing .success-stories .container, .page-template-challenge-landing .challenges .container {
      max-width: 1020px;
      width: 100%;
      margin: 0 auto;
      padding: 0 0 80px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .page-template-success-stories .success-stories .story-item, .page-template-success-stories .success-stories .challenge-type, .page-template-success-stories .challenges .story-item, .page-template-success-stories .challenges .challenge-type, .page-template-challenge-landing .success-stories .story-item, .page-template-challenge-landing .success-stories .challenge-type, .page-template-challenge-landing .challenges .story-item, .page-template-challenge-landing .challenges .challenge-type {
      position: relative;
      width: 100%;
      background-color: var(--white);
      -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.08);
      -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.08);
      box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.08); }
      .page-template-success-stories .success-stories .story-item:not(:first-child), .page-template-success-stories .success-stories .challenge-type:not(:first-child), .page-template-success-stories .challenges .story-item:not(:first-child), .page-template-success-stories .challenges .challenge-type:not(:first-child), .page-template-challenge-landing .success-stories .story-item:not(:first-child), .page-template-challenge-landing .success-stories .challenge-type:not(:first-child), .page-template-challenge-landing .challenges .story-item:not(:first-child), .page-template-challenge-landing .challenges .challenge-type:not(:first-child) {
        margin-top: 60px; }
      .page-template-success-stories .success-stories .story-item .image-block, .page-template-success-stories .success-stories .challenge-type .image-block, .page-template-success-stories .challenges .story-item .image-block, .page-template-success-stories .challenges .challenge-type .image-block, .page-template-challenge-landing .success-stories .story-item .image-block, .page-template-challenge-landing .success-stories .challenge-type .image-block, .page-template-challenge-landing .challenges .story-item .image-block, .page-template-challenge-landing .challenges .challenge-type .image-block {
        width: 50%;
        float: left;
        position: relative; }
        .page-template-success-stories .success-stories .story-item .image-block img, .page-template-success-stories .success-stories .challenge-type .image-block img, .page-template-success-stories .challenges .story-item .image-block img, .page-template-success-stories .challenges .challenge-type .image-block img, .page-template-challenge-landing .success-stories .story-item .image-block img, .page-template-challenge-landing .success-stories .challenge-type .image-block img, .page-template-challenge-landing .challenges .story-item .image-block img, .page-template-challenge-landing .challenges .challenge-type .image-block img {
          width: 100%;
          height: 100%;
          display: block; }
        .page-template-success-stories .success-stories .story-item .image-block .success-story-image, .page-template-success-stories .success-stories .challenge-type .image-block .success-story-image, .page-template-success-stories .challenges .story-item .image-block .success-story-image, .page-template-success-stories .challenges .challenge-type .image-block .success-story-image, .page-template-challenge-landing .success-stories .story-item .image-block .success-story-image, .page-template-challenge-landing .success-stories .challenge-type .image-block .success-story-image, .page-template-challenge-landing .challenges .story-item .image-block .success-story-image, .page-template-challenge-landing .challenges .challenge-type .image-block .success-story-image {
          height: 480px; }
          .page-template-success-stories .success-stories .story-item .image-block .success-story-image.image-1, .page-template-success-stories .success-stories .challenge-type .image-block .success-story-image.image-1, .page-template-success-stories .challenges .story-item .image-block .success-story-image.image-1, .page-template-success-stories .challenges .challenge-type .image-block .success-story-image.image-1, .page-template-challenge-landing .success-stories .story-item .image-block .success-story-image.image-1, .page-template-challenge-landing .success-stories .challenge-type .image-block .success-story-image.image-1, .page-template-challenge-landing .challenges .story-item .image-block .success-story-image.image-1, .page-template-challenge-landing .challenges .challenge-type .image-block .success-story-image.image-1 {
            background: url("images/success-story-1.jpg") no-repeat center;
            background-size: cover; }
          .page-template-success-stories .success-stories .story-item .image-block .success-story-image.image-2, .page-template-success-stories .success-stories .challenge-type .image-block .success-story-image.image-2, .page-template-success-stories .challenges .story-item .image-block .success-story-image.image-2, .page-template-success-stories .challenges .challenge-type .image-block .success-story-image.image-2, .page-template-challenge-landing .success-stories .story-item .image-block .success-story-image.image-2, .page-template-challenge-landing .success-stories .challenge-type .image-block .success-story-image.image-2, .page-template-challenge-landing .challenges .story-item .image-block .success-story-image.image-2, .page-template-challenge-landing .challenges .challenge-type .image-block .success-story-image.image-2 {
            background: url("images/success-story-2.jpg") no-repeat center;
            background-size: cover; }
          .page-template-success-stories .success-stories .story-item .image-block .success-story-image.image-3, .page-template-success-stories .success-stories .challenge-type .image-block .success-story-image.image-3, .page-template-success-stories .challenges .story-item .image-block .success-story-image.image-3, .page-template-success-stories .challenges .challenge-type .image-block .success-story-image.image-3, .page-template-challenge-landing .success-stories .story-item .image-block .success-story-image.image-3, .page-template-challenge-landing .success-stories .challenge-type .image-block .success-story-image.image-3, .page-template-challenge-landing .challenges .story-item .image-block .success-story-image.image-3, .page-template-challenge-landing .challenges .challenge-type .image-block .success-story-image.image-3 {
            background: url("images/success-story-3.jpg") no-repeat center;
            background-size: cover; }
        .page-template-success-stories .success-stories .story-item .image-block .story-link, .page-template-success-stories .success-stories .challenge-type .image-block .story-link, .page-template-success-stories .challenges .story-item .image-block .story-link, .page-template-success-stories .challenges .challenge-type .image-block .story-link, .page-template-challenge-landing .success-stories .story-item .image-block .story-link, .page-template-challenge-landing .success-stories .challenge-type .image-block .story-link, .page-template-challenge-landing .challenges .story-item .image-block .story-link, .page-template-challenge-landing .challenges .challenge-type .image-block .story-link {
          display: block;
          width: inherit;
          height: inherit; }
      .page-template-success-stories .success-stories .story-item .description-block, .page-template-success-stories .success-stories .challenge-type .description-block, .page-template-success-stories .challenges .story-item .description-block, .page-template-success-stories .challenges .challenge-type .description-block, .page-template-challenge-landing .success-stories .story-item .description-block, .page-template-challenge-landing .success-stories .challenge-type .description-block, .page-template-challenge-landing .challenges .story-item .description-block, .page-template-challenge-landing .challenges .challenge-type .description-block {
        position: absolute;
        left: 50%;
        padding: 30px 40px 45px;
        top: 0;
        bottom: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .page-template-success-stories .success-stories .story-item .description-block .author a:hover .author-name, .page-template-success-stories .success-stories .challenge-type .description-block .author a:hover .author-name, .page-template-success-stories .challenges .story-item .description-block .author a:hover .author-name, .page-template-success-stories .challenges .challenge-type .description-block .author a:hover .author-name, .page-template-challenge-landing .success-stories .story-item .description-block .author a:hover .author-name, .page-template-challenge-landing .success-stories .challenge-type .description-block .author a:hover .author-name, .page-template-challenge-landing .challenges .story-item .description-block .author a:hover .author-name, .page-template-challenge-landing .challenges .challenge-type .description-block .author a:hover .author-name {
          color: var(--gray-blue-600); }
        .page-template-success-stories .success-stories .story-item .description-block .author .author-icon, .page-template-success-stories .success-stories .challenge-type .description-block .author .author-icon, .page-template-success-stories .challenges .story-item .description-block .author .author-icon, .page-template-success-stories .challenges .challenge-type .description-block .author .author-icon, .page-template-challenge-landing .success-stories .story-item .description-block .author .author-icon, .page-template-challenge-landing .success-stories .challenge-type .description-block .author .author-icon, .page-template-challenge-landing .challenges .story-item .description-block .author .author-icon, .page-template-challenge-landing .challenges .challenge-type .description-block .author .author-icon {
          display: block;
          float: left;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          width: 40px;
          height: 40px; }
        .page-template-success-stories .success-stories .story-item .description-block .author .author-title, .page-template-success-stories .success-stories .challenge-type .description-block .author .author-title, .page-template-success-stories .challenges .story-item .description-block .author .author-title, .page-template-success-stories .challenges .challenge-type .description-block .author .author-title, .page-template-challenge-landing .success-stories .story-item .description-block .author .author-title, .page-template-challenge-landing .success-stories .challenge-type .description-block .author .author-title, .page-template-challenge-landing .challenges .story-item .description-block .author .author-title, .page-template-challenge-landing .challenges .challenge-type .description-block .author .author-title {
          float: left;
          display: block;
          margin-left: 10px;
          margin-top: 2px; }
        .page-template-success-stories .success-stories .story-item .description-block .author .author-name, .page-template-success-stories .success-stories .challenge-type .description-block .author .author-name, .page-template-success-stories .challenges .story-item .description-block .author .author-name, .page-template-success-stories .challenges .challenge-type .description-block .author .author-name, .page-template-challenge-landing .success-stories .story-item .description-block .author .author-name, .page-template-challenge-landing .success-stories .challenge-type .description-block .author .author-name, .page-template-challenge-landing .challenges .story-item .description-block .author .author-name, .page-template-challenge-landing .challenges .challenge-type .description-block .author .author-name {
          display: block;
          line-height: 18px;
          font-size: 16px;
          color: var(--gray-800);
          font-weight: 600; }
        .page-template-success-stories .success-stories .story-item .description-block .author .author-description, .page-template-success-stories .success-stories .challenge-type .description-block .author .author-description, .page-template-success-stories .challenges .story-item .description-block .author .author-description, .page-template-success-stories .challenges .challenge-type .description-block .author .author-description, .page-template-challenge-landing .success-stories .story-item .description-block .author .author-description, .page-template-challenge-landing .success-stories .challenge-type .description-block .author .author-description, .page-template-challenge-landing .challenges .story-item .description-block .author .author-description, .page-template-challenge-landing .challenges .challenge-type .description-block .author .author-description {
          font-size: 14px;
          color: var(--gray-400); }
        .page-template-success-stories .success-stories .story-item .description-block .author-quote, .page-template-success-stories .success-stories .challenge-type .description-block .author-quote, .page-template-success-stories .challenges .story-item .description-block .author-quote, .page-template-success-stories .challenges .challenge-type .description-block .author-quote, .page-template-challenge-landing .success-stories .story-item .description-block .author-quote, .page-template-challenge-landing .success-stories .challenge-type .description-block .author-quote, .page-template-challenge-landing .challenges .story-item .description-block .author-quote, .page-template-challenge-landing .challenges .challenge-type .description-block .author-quote {
          font-family: "Merriweather";
          font-weight: bold;
          font-size: 24px;
          line-height: 32px;
          color: var(--gray-blue-600);
          margin: 20px 0 30px; }
          .page-template-success-stories .success-stories .story-item .description-block .author-quote i, .page-template-success-stories .success-stories .challenge-type .description-block .author-quote i, .page-template-success-stories .challenges .story-item .description-block .author-quote i, .page-template-success-stories .challenges .challenge-type .description-block .author-quote i, .page-template-challenge-landing .success-stories .story-item .description-block .author-quote i, .page-template-challenge-landing .success-stories .challenge-type .description-block .author-quote i, .page-template-challenge-landing .challenges .story-item .description-block .author-quote i, .page-template-challenge-landing .challenges .challenge-type .description-block .author-quote i {
            font-size: 24px; }
        .page-template-success-stories .success-stories .story-item .description-block .stats .description, .page-template-success-stories .success-stories .challenge-type .description-block .stats .description, .page-template-success-stories .challenges .story-item .description-block .stats .description, .page-template-success-stories .challenges .challenge-type .description-block .stats .description, .page-template-challenge-landing .success-stories .story-item .description-block .stats .description, .page-template-challenge-landing .success-stories .challenge-type .description-block .stats .description, .page-template-challenge-landing .challenges .story-item .description-block .stats .description, .page-template-challenge-landing .challenges .challenge-type .description-block .stats .description {
          font-size: 16px;
          line-height: 24px;
          color: var(--gray-400); }
        .page-template-success-stories .success-stories .story-item .description-block .stats .numbers, .page-template-success-stories .success-stories .challenge-type .description-block .stats .numbers, .page-template-success-stories .challenges .story-item .description-block .stats .numbers, .page-template-success-stories .challenges .challenge-type .description-block .stats .numbers, .page-template-challenge-landing .success-stories .story-item .description-block .stats .numbers, .page-template-challenge-landing .success-stories .challenge-type .description-block .stats .numbers, .page-template-challenge-landing .challenges .story-item .description-block .stats .numbers, .page-template-challenge-landing .challenges .challenge-type .description-block .stats .numbers {
          font-size: 30px;
          font-weight: 700;
          color: var(--gray-blue-600); }
        .page-template-success-stories .success-stories .story-item .description-block .stats .stats-item, .page-template-success-stories .success-stories .challenge-type .description-block .stats .stats-item, .page-template-success-stories .challenges .story-item .description-block .stats .stats-item, .page-template-success-stories .challenges .challenge-type .description-block .stats .stats-item, .page-template-challenge-landing .success-stories .story-item .description-block .stats .stats-item, .page-template-challenge-landing .success-stories .challenge-type .description-block .stats .stats-item, .page-template-challenge-landing .challenges .story-item .description-block .stats .stats-item, .page-template-challenge-landing .challenges .challenge-type .description-block .stats .stats-item {
          float: left;
          width: 96px; }
          .page-template-success-stories .success-stories .story-item .description-block .stats .stats-item.border, .page-template-success-stories .success-stories .challenge-type .description-block .stats .stats-item.border, .page-template-success-stories .challenges .story-item .description-block .stats .stats-item.border, .page-template-success-stories .challenges .challenge-type .description-block .stats .stats-item.border, .page-template-challenge-landing .success-stories .story-item .description-block .stats .stats-item.border, .page-template-challenge-landing .success-stories .challenge-type .description-block .stats .stats-item.border, .page-template-challenge-landing .challenges .story-item .description-block .stats .stats-item.border, .page-template-challenge-landing .challenges .challenge-type .description-block .stats .stats-item.border {
            width: 1px;
            height: 40px;
            background-color: var(--gray-100);
            margin-right: 30px;
            margin-top: 10px; }
        .page-template-success-stories .success-stories .story-item .description-block .article-reposts, .page-template-success-stories .success-stories .challenge-type .description-block .article-reposts, .page-template-success-stories .challenges .story-item .description-block .article-reposts, .page-template-success-stories .challenges .challenge-type .description-block .article-reposts, .page-template-challenge-landing .success-stories .story-item .description-block .article-reposts, .page-template-challenge-landing .success-stories .challenge-type .description-block .article-reposts, .page-template-challenge-landing .challenges .story-item .description-block .article-reposts, .page-template-challenge-landing .challenges .challenge-type .description-block .article-reposts {
          position: absolute;
          bottom: 40px; }
          .page-template-success-stories .success-stories .story-item .description-block .article-reposts .heading, .page-template-success-stories .success-stories .challenge-type .description-block .article-reposts .heading, .page-template-success-stories .challenges .story-item .description-block .article-reposts .heading, .page-template-success-stories .challenges .challenge-type .description-block .article-reposts .heading, .page-template-challenge-landing .success-stories .story-item .description-block .article-reposts .heading, .page-template-challenge-landing .success-stories .challenge-type .description-block .article-reposts .heading, .page-template-challenge-landing .challenges .story-item .description-block .article-reposts .heading, .page-template-challenge-landing .challenges .challenge-type .description-block .article-reposts .heading {
            font-weight: 600;
            font-size: 16px;
            line-height: 26px;
            color: var(--gray-blue-600);
            margin-bottom: 5px; }
          .page-template-success-stories .success-stories .story-item .description-block .article-reposts a, .page-template-success-stories .success-stories .challenge-type .description-block .article-reposts a, .page-template-success-stories .challenges .story-item .description-block .article-reposts a, .page-template-success-stories .challenges .challenge-type .description-block .article-reposts a, .page-template-challenge-landing .success-stories .story-item .description-block .article-reposts a, .page-template-challenge-landing .success-stories .challenge-type .description-block .article-reposts a, .page-template-challenge-landing .challenges .story-item .description-block .article-reposts a, .page-template-challenge-landing .challenges .challenge-type .description-block .article-reposts a {
            display: block;
            float: left;
            margin-right: 20px; }
            .page-template-success-stories .success-stories .story-item .description-block .article-reposts a:last-child, .page-template-success-stories .success-stories .challenge-type .description-block .article-reposts a:last-child, .page-template-success-stories .challenges .story-item .description-block .article-reposts a:last-child, .page-template-success-stories .challenges .challenge-type .description-block .article-reposts a:last-child, .page-template-challenge-landing .success-stories .story-item .description-block .article-reposts a:last-child, .page-template-challenge-landing .success-stories .challenge-type .description-block .article-reposts a:last-child, .page-template-challenge-landing .challenges .story-item .description-block .article-reposts a:last-child, .page-template-challenge-landing .challenges .challenge-type .description-block .article-reposts a:last-child {
              margin-right: 0; }
            .page-template-success-stories .success-stories .story-item .description-block .article-reposts a:hover .name, .page-template-success-stories .success-stories .challenge-type .description-block .article-reposts a:hover .name, .page-template-success-stories .challenges .story-item .description-block .article-reposts a:hover .name, .page-template-success-stories .challenges .challenge-type .description-block .article-reposts a:hover .name, .page-template-challenge-landing .success-stories .story-item .description-block .article-reposts a:hover .name, .page-template-challenge-landing .success-stories .challenge-type .description-block .article-reposts a:hover .name, .page-template-challenge-landing .challenges .story-item .description-block .article-reposts a:hover .name, .page-template-challenge-landing .challenges .challenge-type .description-block .article-reposts a:hover .name {
              color: var(--gray-blue-600); }
            .page-template-success-stories .success-stories .story-item .description-block .article-reposts a .repost-icon, .page-template-success-stories .success-stories .challenge-type .description-block .article-reposts a .repost-icon, .page-template-success-stories .challenges .story-item .description-block .article-reposts a .repost-icon, .page-template-success-stories .challenges .challenge-type .description-block .article-reposts a .repost-icon, .page-template-challenge-landing .success-stories .story-item .description-block .article-reposts a .repost-icon, .page-template-challenge-landing .success-stories .challenge-type .description-block .article-reposts a .repost-icon, .page-template-challenge-landing .challenges .story-item .description-block .article-reposts a .repost-icon, .page-template-challenge-landing .challenges .challenge-type .description-block .article-reposts a .repost-icon {
              display: block;
              float: left;
              width: 16px;
              height: 16px; }
            .page-template-success-stories .success-stories .story-item .description-block .article-reposts a .name, .page-template-success-stories .success-stories .challenge-type .description-block .article-reposts a .name, .page-template-success-stories .challenges .story-item .description-block .article-reposts a .name, .page-template-success-stories .challenges .challenge-type .description-block .article-reposts a .name, .page-template-challenge-landing .success-stories .story-item .description-block .article-reposts a .name, .page-template-challenge-landing .success-stories .challenge-type .description-block .article-reposts a .name, .page-template-challenge-landing .challenges .story-item .description-block .article-reposts a .name, .page-template-challenge-landing .challenges .challenge-type .description-block .article-reposts a .name {
              display: block;
              float: left;
              font-size: 14px;
              line-height: 16px;
              margin-left: 8px;
              color: var(--gray-400); }
  .page-template-success-stories .bottom-promote, .page-template-challenge-landing .bottom-promote {
    position: relative;
    height: 625px; }
    .page-template-success-stories .bottom-promote #canvas-bottom, .page-template-challenge-landing .bottom-promote #canvas-bottom {
      display: block;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: -1; }
    .page-template-success-stories .bottom-promote h2, .page-template-challenge-landing .bottom-promote h2 {
      color: var(--white);
      text-align: center;
      font-size: 45px;
      font-weight: 700;
      padding: 180px 0 18px; }
      .page-template-success-stories .bottom-promote h2:after, .page-template-challenge-landing .bottom-promote h2:after {
        display: none; }
    .page-template-success-stories .bottom-promote p, .page-template-challenge-landing .bottom-promote p {
      color: var(--white);
      text-align: center;
      font-size: 18px;
      line-height: 24px;
      max-width: 600px;
      margin: 0 auto;
      padding: 0 20px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .page-template-success-stories .bottom-promote a.tell-your-story, .page-template-challenge-landing .bottom-promote a.tell-your-story {
      margin: 35px auto 0;
      -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
      -moz-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
      box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4); }
    .page-template-success-stories .bottom-promote footer, .page-template-challenge-landing .bottom-promote footer {
      position: absolute;
      bottom: 40px;
      width: 100%;
      padding: 0 40px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .page-template-success-stories .bottom-promote footer .copyright, .page-template-challenge-landing .bottom-promote footer .copyright {
        float: left;
        font-size: 16px;
        color: var(--active-menu);
        text-align: left; }
      .page-template-success-stories .bottom-promote footer .footer-menu, .page-template-challenge-landing .bottom-promote footer .footer-menu {
        float: right; }
        .page-template-success-stories .bottom-promote footer .footer-menu ul li, .page-template-challenge-landing .bottom-promote footer .footer-menu ul li {
          display: inline-block;
          margin-left: 30px; }
        .page-template-success-stories .bottom-promote footer .footer-menu a, .page-template-challenge-landing .bottom-promote footer .footer-menu a {
          font-size: 16px;
          color: var(--active-menu); }
          .page-template-success-stories .bottom-promote footer .footer-menu a.active, .page-template-challenge-landing .bottom-promote footer .footer-menu a.active {
            color: var(--white);
            font-weight: 600; }
          .page-template-success-stories .bottom-promote footer .footer-menu a:hover, .page-template-challenge-landing .bottom-promote footer .footer-menu a:hover {
            color: var(--white); }
  @media (min-width: 981px) and (max-width: 1100px) {
    .page-template-success-stories .top-promote .container, .page-template-challenge-landing .top-promote .container {
      width: auto;
      margin-left: 40px;
      margin-right: 40px; } }
  @media (max-width: 980px) {
    .page-template-success-stories header .logo, .page-template-challenge-landing header .logo {
      margin: 15px 0 0 20px; }
    .page-template-success-stories header .top-menu, .page-template-challenge-landing header .top-menu {
      margin: 15px 20px 0 0; }
    .page-template-success-stories .top-promote, .page-template-challenge-landing .top-promote {
      background-position-y: bottom; }
      .page-template-success-stories .top-promote .container, .page-template-challenge-landing .top-promote .container {
        width: 100%;
        padding: 0 20px; }
      .page-template-success-stories .top-promote h2, .page-template-challenge-landing .top-promote h2 {
        padding: 100px 0 13px;
        text-align: center;
        font-size: 40px; }
      .page-template-success-stories .top-promote p, .page-template-challenge-landing .top-promote p {
        text-align: center;
        font-size: 18px;
        margin: 0 auto; }
      .page-template-success-stories .top-promote a.tell-your-story, .page-template-challenge-landing .top-promote a.tell-your-story {
        margin: 30px auto 0; }
    .page-template-success-stories .success-stories .container, .page-template-success-stories .challenges .container, .page-template-challenge-landing .success-stories .container, .page-template-challenge-landing .challenges .container {
      padding: 0 20px 40px; }
    .page-template-success-stories .success-stories .story-item .image-block, .page-template-success-stories .success-stories .challenge-type .image-block, .page-template-success-stories .challenges .story-item .image-block, .page-template-success-stories .challenges .challenge-type .image-block, .page-template-challenge-landing .success-stories .story-item .image-block, .page-template-challenge-landing .success-stories .challenge-type .image-block, .page-template-challenge-landing .challenges .story-item .image-block, .page-template-challenge-landing .challenges .challenge-type .image-block {
      width: 100%;
      float: none; }
    .page-template-success-stories .success-stories .story-item .description-block, .page-template-success-stories .success-stories .challenge-type .description-block, .page-template-success-stories .challenges .story-item .description-block, .page-template-success-stories .challenges .challenge-type .description-block, .page-template-challenge-landing .success-stories .story-item .description-block, .page-template-challenge-landing .success-stories .challenge-type .description-block, .page-template-challenge-landing .challenges .story-item .description-block, .page-template-challenge-landing .challenges .challenge-type .description-block {
      position: relative;
      left: 0;
      width: 100%;
      padding: 30px 40px 30px; }
      .page-template-success-stories .success-stories .story-item .description-block .author a .author-name, .page-template-success-stories .success-stories .challenge-type .description-block .author a .author-name, .page-template-success-stories .challenges .story-item .description-block .author a .author-name, .page-template-success-stories .challenges .challenge-type .description-block .author a .author-name, .page-template-challenge-landing .success-stories .story-item .description-block .author a .author-name, .page-template-challenge-landing .success-stories .challenge-type .description-block .author a .author-name, .page-template-challenge-landing .challenges .story-item .description-block .author a .author-name, .page-template-challenge-landing .challenges .challenge-type .description-block .author a .author-name {
        font-size: 16px; }
      .page-template-success-stories .success-stories .story-item .description-block .author-quote, .page-template-success-stories .success-stories .challenge-type .description-block .author-quote, .page-template-success-stories .challenges .story-item .description-block .author-quote, .page-template-success-stories .challenges .challenge-type .description-block .author-quote, .page-template-challenge-landing .success-stories .story-item .description-block .author-quote, .page-template-challenge-landing .success-stories .challenge-type .description-block .author-quote, .page-template-challenge-landing .challenges .story-item .description-block .author-quote, .page-template-challenge-landing .challenges .challenge-type .description-block .author-quote {
        font-size: 24px; }
        .page-template-success-stories .success-stories .story-item .description-block .author-quote i, .page-template-success-stories .success-stories .challenge-type .description-block .author-quote i, .page-template-success-stories .challenges .story-item .description-block .author-quote i, .page-template-success-stories .challenges .challenge-type .description-block .author-quote i, .page-template-challenge-landing .success-stories .story-item .description-block .author-quote i, .page-template-challenge-landing .success-stories .challenge-type .description-block .author-quote i, .page-template-challenge-landing .challenges .story-item .description-block .author-quote i, .page-template-challenge-landing .challenges .challenge-type .description-block .author-quote i {
          margin: 20px 0 25px; }
      .page-template-success-stories .success-stories .story-item .description-block .article-reposts, .page-template-success-stories .success-stories .challenge-type .description-block .article-reposts, .page-template-success-stories .challenges .story-item .description-block .article-reposts, .page-template-success-stories .challenges .challenge-type .description-block .article-reposts, .page-template-challenge-landing .success-stories .story-item .description-block .article-reposts, .page-template-challenge-landing .success-stories .challenge-type .description-block .article-reposts, .page-template-challenge-landing .challenges .story-item .description-block .article-reposts, .page-template-challenge-landing .challenges .challenge-type .description-block .article-reposts {
        position: relative;
        bottom: 0;
        margin-top: 40px; }
        .page-template-success-stories .success-stories .story-item .description-block .article-reposts .links, .page-template-success-stories .success-stories .challenge-type .description-block .article-reposts .links, .page-template-success-stories .challenges .story-item .description-block .article-reposts .links, .page-template-success-stories .challenges .challenge-type .description-block .article-reposts .links, .page-template-challenge-landing .success-stories .story-item .description-block .article-reposts .links, .page-template-challenge-landing .success-stories .challenge-type .description-block .article-reposts .links, .page-template-challenge-landing .challenges .story-item .description-block .article-reposts .links, .page-template-challenge-landing .challenges .challenge-type .description-block .article-reposts .links {
          height: 25px; }
    .page-template-success-stories .success-stories .story-item:not(:first-child), .page-template-success-stories .success-stories .challenge-type:not(:first-child), .page-template-success-stories .challenges .story-item:not(:first-child), .page-template-success-stories .challenges .challenge-type:not(:first-child), .page-template-challenge-landing .success-stories .story-item:not(:first-child), .page-template-challenge-landing .success-stories .challenge-type:not(:first-child), .page-template-challenge-landing .challenges .story-item:not(:first-child), .page-template-challenge-landing .challenges .challenge-type:not(:first-child) {
      margin-top: 40px; }
    .page-template-success-stories .bottom-promote h2, .page-template-challenge-landing .bottom-promote h2 {
      font-size: 40px;
      padding: 180px 0 13px;
      margin: 0 20px; }
    .page-template-success-stories .bottom-promote footer .copyright, .page-template-challenge-landing .bottom-promote footer .copyright {
      float: none;
      text-align: center; }
    .page-template-success-stories .bottom-promote footer .footer-menu, .page-template-challenge-landing .bottom-promote footer .footer-menu {
      display: none; }
    .page-template-success-stories .bottom-promote a.tell-your-story, .page-template-challenge-landing .bottom-promote a.tell-your-story {
      margin: 30px auto 0; } }
  @media (max-width: 669px) {
    .page-template-success-stories header .top-menu ul li, .page-template-challenge-landing header .top-menu ul li {
      margin-left: 15px; } }
  @media (max-width: 930px) {
    .page-template-success-stories header .top-menu, .page-template-challenge-landing header .top-menu {
      margin: 23px 20px 0 0; }
      .page-template-success-stories header .top-menu ul, .page-template-challenge-landing header .top-menu ul {
        display: none; }
      .page-template-success-stories header .top-menu .top-menu-mobile, .page-template-challenge-landing header .top-menu .top-menu-mobile {
        display: block; } }
  @media (max-width: 550px) {
    .page-template-success-stories h2, .page-template-challenge-landing h2 {
      font-weight: 700;
      font-size: 24px;
      color: var(--gray-blue-600);
      padding: 30px 0 25px;
      text-align: center; }
      .page-template-success-stories h2:after, .page-template-challenge-landing h2:after {
        content: " ";
        display: block;
        width: 50px;
        height: 2px;
        background-color: var(--gray-100);
        margin: 20px auto 0; }
    .page-template-success-stories .top-promote, .page-template-challenge-landing .top-promote {
      height: 430px; }
      .page-template-success-stories .top-promote .container, .page-template-challenge-landing .top-promote .container {
        width: 100%; }
      .page-template-success-stories .top-promote h2, .page-template-challenge-landing .top-promote h2 {
        padding: 70px 0 10px;
        font-size: 30px; }
      .page-template-success-stories .top-promote a.tell-your-story, .page-template-challenge-landing .top-promote a.tell-your-story {
        width: 170px;
        height: 45px;
        line-height: 45px;
        font-size: 16px;
        margin: 25px auto 0; }
      .page-template-success-stories .top-promote p, .page-template-challenge-landing .top-promote p {
        font-size: 16px; }
    .page-template-success-stories .how-it-works .container, .page-template-challenge-landing .how-it-works .container {
      width: 100%; }
    .page-template-success-stories .how-it-works h3, .page-template-challenge-landing .how-it-works h3 {
      font-size: 20px; }
    .page-template-success-stories .how-it-works p, .page-template-challenge-landing .how-it-works p {
      font-size: 16px;
      line-height: 20px; }
    .page-template-success-stories .how-it-works .explaining-list, .page-template-challenge-landing .how-it-works .explaining-list {
      position: relative;
      width: 100%;
      padding-left: 20px; }
      .page-template-success-stories .how-it-works .explaining-list .work-item, .page-template-challenge-landing .how-it-works .explaining-list .work-item {
        height: initial; }
      .page-template-success-stories .how-it-works .explaining-list .description-block, .page-template-challenge-landing .how-it-works .explaining-list .description-block {
        position: relative;
        padding-left: 0;
        text-align: center;
        padding-bottom: 45px; }
        .page-template-success-stories .how-it-works .explaining-list .description-block .counter, .page-template-challenge-landing .how-it-works .explaining-list .description-block .counter {
          display: inline-block;
          padding-right: 5px; }
      .page-template-success-stories .how-it-works .explaining-list .icon-block, .page-template-challenge-landing .how-it-works .explaining-list .icon-block {
        width: auto;
        float: none; }
    .page-template-success-stories .how-it-works .list-numbers, .page-template-challenge-landing .how-it-works .list-numbers {
      display: none; }
    .page-template-success-stories .success-stories .container, .page-template-success-stories .challenges .container, .page-template-challenge-landing .success-stories .container, .page-template-challenge-landing .challenges .container {
      padding: 0 20px 30px; }
    .page-template-success-stories .success-stories .story-item .description-block, .page-template-success-stories .success-stories .challenge-type .description-block, .page-template-success-stories .challenges .story-item .description-block, .page-template-success-stories .challenges .challenge-type .description-block, .page-template-challenge-landing .success-stories .story-item .description-block, .page-template-challenge-landing .success-stories .challenge-type .description-block, .page-template-challenge-landing .challenges .story-item .description-block, .page-template-challenge-landing .challenges .challenge-type .description-block {
      padding: 20px 25px 20px; }
      .page-template-success-stories .success-stories .story-item .description-block .author a .author-name, .page-template-success-stories .success-stories .challenge-type .description-block .author a .author-name, .page-template-success-stories .challenges .story-item .description-block .author a .author-name, .page-template-success-stories .challenges .challenge-type .description-block .author a .author-name, .page-template-challenge-landing .success-stories .story-item .description-block .author a .author-name, .page-template-challenge-landing .success-stories .challenge-type .description-block .author a .author-name, .page-template-challenge-landing .challenges .story-item .description-block .author a .author-name, .page-template-challenge-landing .challenges .challenge-type .description-block .author a .author-name {
        font-size: 14px;
        line-height: 18px; }
      .page-template-success-stories .success-stories .story-item .description-block .stats .description, .page-template-success-stories .success-stories .challenge-type .description-block .stats .description, .page-template-success-stories .challenges .story-item .description-block .stats .description, .page-template-success-stories .challenges .challenge-type .description-block .stats .description, .page-template-challenge-landing .success-stories .story-item .description-block .stats .description, .page-template-challenge-landing .success-stories .challenge-type .description-block .stats .description, .page-template-challenge-landing .challenges .story-item .description-block .stats .description, .page-template-challenge-landing .challenges .challenge-type .description-block .stats .description {
        font-size: 14px;
        line-height: 18px; }
      .page-template-success-stories .success-stories .story-item .description-block .stats .numbers, .page-template-success-stories .success-stories .challenge-type .description-block .stats .numbers, .page-template-success-stories .challenges .story-item .description-block .stats .numbers, .page-template-success-stories .challenges .challenge-type .description-block .stats .numbers, .page-template-challenge-landing .success-stories .story-item .description-block .stats .numbers, .page-template-challenge-landing .success-stories .challenge-type .description-block .stats .numbers, .page-template-challenge-landing .challenges .story-item .description-block .stats .numbers, .page-template-challenge-landing .challenges .challenge-type .description-block .stats .numbers {
        font-size: 24px; }
      .page-template-success-stories .success-stories .story-item .description-block .stats .stats-item, .page-template-success-stories .success-stories .challenge-type .description-block .stats .stats-item, .page-template-success-stories .challenges .story-item .description-block .stats .stats-item, .page-template-success-stories .challenges .challenge-type .description-block .stats .stats-item, .page-template-challenge-landing .success-stories .story-item .description-block .stats .stats-item, .page-template-challenge-landing .success-stories .challenge-type .description-block .stats .stats-item, .page-template-challenge-landing .challenges .story-item .description-block .stats .stats-item, .page-template-challenge-landing .challenges .challenge-type .description-block .stats .stats-item {
        width: 85px; }
        .page-template-success-stories .success-stories .story-item .description-block .stats .stats-item.border, .page-template-success-stories .success-stories .challenge-type .description-block .stats .stats-item.border, .page-template-success-stories .challenges .story-item .description-block .stats .stats-item.border, .page-template-success-stories .challenges .challenge-type .description-block .stats .stats-item.border, .page-template-challenge-landing .success-stories .story-item .description-block .stats .stats-item.border, .page-template-challenge-landing .success-stories .challenge-type .description-block .stats .stats-item.border, .page-template-challenge-landing .challenges .story-item .description-block .stats .stats-item.border, .page-template-challenge-landing .challenges .challenge-type .description-block .stats .stats-item.border {
          margin-right: 20px;
          height: 32px;
          margin-top: 6px; }
      .page-template-success-stories .success-stories .story-item .description-block .article-reposts, .page-template-success-stories .success-stories .challenge-type .description-block .article-reposts, .page-template-success-stories .challenges .story-item .description-block .article-reposts, .page-template-success-stories .challenges .challenge-type .description-block .article-reposts, .page-template-challenge-landing .success-stories .story-item .description-block .article-reposts, .page-template-challenge-landing .success-stories .challenge-type .description-block .article-reposts, .page-template-challenge-landing .challenges .story-item .description-block .article-reposts, .page-template-challenge-landing .challenges .challenge-type .description-block .article-reposts {
        margin-top: 30px; }
        .page-template-success-stories .success-stories .story-item .description-block .article-reposts .heading, .page-template-success-stories .success-stories .challenge-type .description-block .article-reposts .heading, .page-template-success-stories .challenges .story-item .description-block .article-reposts .heading, .page-template-success-stories .challenges .challenge-type .description-block .article-reposts .heading, .page-template-challenge-landing .success-stories .story-item .description-block .article-reposts .heading, .page-template-challenge-landing .success-stories .challenge-type .description-block .article-reposts .heading, .page-template-challenge-landing .challenges .story-item .description-block .article-reposts .heading, .page-template-challenge-landing .challenges .challenge-type .description-block .article-reposts .heading {
          font-size: 14px; }
        .page-template-success-stories .success-stories .story-item .description-block .article-reposts a, .page-template-success-stories .success-stories .challenge-type .description-block .article-reposts a, .page-template-success-stories .challenges .story-item .description-block .article-reposts a, .page-template-success-stories .challenges .challenge-type .description-block .article-reposts a, .page-template-challenge-landing .success-stories .story-item .description-block .article-reposts a, .page-template-challenge-landing .success-stories .challenge-type .description-block .article-reposts a, .page-template-challenge-landing .challenges .story-item .description-block .article-reposts a, .page-template-challenge-landing .challenges .challenge-type .description-block .article-reposts a {
          margin-right: 25px; }
          .page-template-success-stories .success-stories .story-item .description-block .article-reposts a .name, .page-template-success-stories .success-stories .challenge-type .description-block .article-reposts a .name, .page-template-success-stories .challenges .story-item .description-block .article-reposts a .name, .page-template-success-stories .challenges .challenge-type .description-block .article-reposts a .name, .page-template-challenge-landing .success-stories .story-item .description-block .article-reposts a .name, .page-template-challenge-landing .success-stories .challenge-type .description-block .article-reposts a .name, .page-template-challenge-landing .challenges .story-item .description-block .article-reposts a .name, .page-template-challenge-landing .challenges .challenge-type .description-block .article-reposts a .name {
            display: none; }
      .page-template-success-stories .success-stories .story-item .description-block .author-quote, .page-template-success-stories .success-stories .story-item .description-block .author-quote i, .page-template-success-stories .success-stories .challenge-type .description-block .author-quote, .page-template-success-stories .success-stories .challenge-type .description-block .author-quote i, .page-template-success-stories .challenges .story-item .description-block .author-quote, .page-template-success-stories .challenges .story-item .description-block .author-quote i, .page-template-success-stories .challenges .challenge-type .description-block .author-quote, .page-template-success-stories .challenges .challenge-type .description-block .author-quote i, .page-template-challenge-landing .success-stories .story-item .description-block .author-quote, .page-template-challenge-landing .success-stories .story-item .description-block .author-quote i, .page-template-challenge-landing .success-stories .challenge-type .description-block .author-quote, .page-template-challenge-landing .success-stories .challenge-type .description-block .author-quote i, .page-template-challenge-landing .challenges .story-item .description-block .author-quote, .page-template-challenge-landing .challenges .story-item .description-block .author-quote i, .page-template-challenge-landing .challenges .challenge-type .description-block .author-quote, .page-template-challenge-landing .challenges .challenge-type .description-block .author-quote i {
        font-size: 18px;
        line-height: 22px;
        margin: 15px 0 20px; }
    .page-template-success-stories .success-stories .story-item:not(:first-child), .page-template-success-stories .success-stories .challenge-type:not(:first-child), .page-template-success-stories .challenges .story-item:not(:first-child), .page-template-success-stories .challenges .challenge-type:not(:first-child), .page-template-challenge-landing .success-stories .story-item:not(:first-child), .page-template-challenge-landing .success-stories .challenge-type:not(:first-child), .page-template-challenge-landing .challenges .story-item:not(:first-child), .page-template-challenge-landing .challenges .challenge-type:not(:first-child) {
      margin-top: 30px; }
    .page-template-success-stories .bottom-promote, .page-template-challenge-landing .bottom-promote {
      height: 510px; }
      .page-template-success-stories .bottom-promote h2, .page-template-challenge-landing .bottom-promote h2 {
        font-size: 30px;
        padding: 100px 0 10px; }
      .page-template-success-stories .bottom-promote footer .copyright, .page-template-challenge-landing .bottom-promote footer .copyright {
        font-size: 14px; }
      .page-template-success-stories .bottom-promote a.tell-your-story, .page-template-challenge-landing .bottom-promote a.tell-your-story {
        width: 170px;
        height: 45px;
        line-height: 45px;
        font-size: 16px; }
      .page-template-success-stories .bottom-promote p, .page-template-challenge-landing .bottom-promote p {
        font-size: 16px; } }
  @media (max-width: 480px) {
    .page-template-success-stories .top-promote, .page-template-challenge-landing .top-promote {
      background: none;
      height: auto;
      padding-bottom: 100px; } }
  .page-template-success-stories .success-button, .page-template-challenge-landing .success-button {
    display: block;
    color: var(--white);
    background-color: #56b863;
    width: 200px;
    height: 55px;
    line-height: 54px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px; }
    .page-template-success-stories .success-button:hover, .page-template-challenge-landing .success-button:hover {
      background-color: var(--green-200); }
  .page-template-success-stories .author-interview-link, .page-template-challenge-landing .author-interview-link {
    display: block;
    width: 95px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #56b863;
    border: 2px solid #56b863;
    background: var(--white);
    font-family: "Source Sans Pro";
    margin-top: 10px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px; }
    .page-template-success-stories .author-interview-link:hover, .page-template-challenge-landing .author-interview-link:hover {
      background: #56b863;
      color: var(--white); }

.page-template-challenge-landing .plupload.html5 {
  display: none; }

.page-template-challenge-landing .top-promote {
  height: 460px;
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  background: none; }
  .page-template-challenge-landing .top-promote .challenge-panda {
    background: url("images/panda-winner.png");
    background-size: 390px 469px;
    width: 390px;
    height: 405px;
    position: absolute;
    bottom: 0;
    right: 0; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .page-template-challenge-landing .top-promote .challenge-panda {
        background: url("images/panda-winner@2x.png");
        background-size: 390px 469px; } }
    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
      .page-template-challenge-landing .top-promote .challenge-panda {
        background: url("images/panda-winner@3x.png");
        background-size: 390px 469px; } }
    @media (max-width: 1100px) and (min-width: 981px) {
      .page-template-challenge-landing .top-promote .challenge-panda {
        right: 40px; } }
  .page-template-challenge-landing .top-promote p {
    color: var(--white);
    max-width: 510px; }
  .page-template-challenge-landing .top-promote .container {
    width: 100%; }
    @media (min-width: 981px) and (max-width: 1100px) {
      .page-template-challenge-landing .top-promote .container {
        width: auto; } }
  .page-template-challenge-landing .top-promote a.create-challenge {
    margin: 30px 0 0;
    display: inline-block;
    padding: 0 30px;
    width: auto;
    -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4); }

@media (min-width: 981px) {
  .page-template-challenge-landing .challenges {
    padding-top: 60px;
    border-bottom: 1px solid var(--gray-100); }
    .page-template-challenge-landing .challenges .container {
      padding: 0 0 80px; }
      .page-template-challenge-landing .challenges .container .challenge-type {
        height: 420px; }
        .page-template-challenge-landing .challenges .container .challenge-type .image-block {
          height: 100%; } }

.page-template-challenge-landing .challenges .challenge-type {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.08); }
  .page-template-challenge-landing .challenges .challenge-type .image-block {
    position: relative; }
    .page-template-challenge-landing .challenges .challenge-type .image-block img {
      display: block; }
    .page-template-challenge-landing .challenges .challenge-type .image-block .author img {
      width: 24px;
      height: 24px;
      display: inline-block; }
  .page-template-challenge-landing .challenges .challenge-type .description-block {
    text-align: center; }
    @media (min-width: 980px) {
      .page-template-challenge-landing .challenges .challenge-type .description-block {
        width: 50%;
        margin: auto;
        padding: 0;
        display: table;
        height: 420px; }
        .page-template-challenge-landing .challenges .challenge-type .description-block .vertical-align {
          display: table-cell;
          vertical-align: middle; } }
    .page-template-challenge-landing .challenges .challenge-type .description-block h3 {
      font-size: 35px;
      color: var(--gray-blue-600);
      margin-bottom: 7px; }
    .page-template-challenge-landing .challenges .challenge-type .description-block p {
      font-size: 18px;
      line-height: 24px;
      color: var(--gray-400);
      text-align: center;
      max-width: 320px;
      margin: auto; }
    .page-template-challenge-landing .challenges .challenge-type .description-block a.create-challenge {
      margin: 30px 0 0;
      display: inline-block;
      padding: 0 25px;
      width: auto;
      line-height: 50px;
      height: 50px; }

.page-template-challenge-landing .bottom-promote {
  background: var(--white);
  height: auto; }
  .page-template-challenge-landing .bottom-promote h2 {
    color: var(--gray-blue-600);
    padding: 118px 0 18px; }
  .page-template-challenge-landing .bottom-promote p {
    color: var(--gray-400); }
  .page-template-challenge-landing .bottom-promote .popular-challenges {
    max-width: 1020px;
    width: 100%;
    margin: 0 auto;
    padding-top: 50px; }
    .page-template-challenge-landing .bottom-promote .popular-challenges .popular-challenge {
      display: inline-block;
      width: 320px;
      height: 352px;
      position: relative;
      box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.08); }
      .page-template-challenge-landing .bottom-promote .popular-challenges .popular-challenge:not(:last-child) {
        margin-right: 30px; }
      .page-template-challenge-landing .bottom-promote .popular-challenges .popular-challenge .challenge-image {
        position: relative; }
        .page-template-challenge-landing .bottom-promote .popular-challenges .popular-challenge .challenge-image .popular-challenges-image {
          height: 196px;
          width: 100%; }
          .page-template-challenge-landing .bottom-promote .popular-challenges .popular-challenge .challenge-image .popular-challenges-image.image-1 {
            background: url("images/drawing-challenge.jpg") no-repeat center;
            background-size: cover; }
          .page-template-challenge-landing .bottom-promote .popular-challenges .popular-challenge .challenge-image .popular-challenges-image.image-2 {
            background: url("images/photoshop-challenge-2.jpg") no-repeat center;
            background-size: cover; }
          .page-template-challenge-landing .bottom-promote .popular-challenges .popular-challenge .challenge-image .popular-challenges-image.image-3 {
            background: url("images/picture-challenge.jpg") no-repeat center;
            background-size: cover; }
        .page-template-challenge-landing .bottom-promote .popular-challenges .popular-challenge .challenge-image .author {
          bottom: 20px;
          left: 20px;
          font-size: 13px; }
          .page-template-challenge-landing .bottom-promote .popular-challenges .popular-challenge .challenge-image .author img {
            width: 24px;
            height: 24px;
            display: inline-block; }
          .page-template-challenge-landing .bottom-promote .popular-challenges .popular-challenge .challenge-image .author .author-name {
            float: right;
            line-height: 24px; }
        .page-template-challenge-landing .bottom-promote .popular-challenges .popular-challenge .challenge-image .title {
          font-size: 18px;
          line-height: 18px;
          left: 20px;
          bottom: 55px; }
        .page-template-challenge-landing .bottom-promote .popular-challenges .popular-challenge .challenge-image .gradient {
          height: 100%; }
      .page-template-challenge-landing .bottom-promote .popular-challenges .popular-challenge .challenge-submissions a {
        display: inline-block;
        margin-top: 4px;
        opacity: 0.6; }
        .page-template-challenge-landing .bottom-promote .popular-challenges .popular-challenge .challenge-submissions a img {
          width: 104px;
          height: 90px;
          display: block; }
        .page-template-challenge-landing .bottom-promote .popular-challenges .popular-challenge .challenge-submissions a:not(:last-child) {
          margin-right: 4px; }
        .page-template-challenge-landing .bottom-promote .popular-challenges .popular-challenge .challenge-submissions a:hover {
          opacity: 1; }
      .page-template-challenge-landing .bottom-promote .popular-challenges .popular-challenge .post-info {
        height: 60px;
        font-weight: 600; }
        .page-template-challenge-landing .bottom-promote .popular-challenges .popular-challenge .post-info p {
          display: inline-block;
          line-height: 55px;
          font-size: 16px;
          color: var(--gray-800); }
          .page-template-challenge-landing .bottom-promote .popular-challenges .popular-challenge .post-info p.views {
            padding: 0 0 0 32px;
            float: left; }
          .page-template-challenge-landing .bottom-promote .popular-challenges .popular-challenge .post-info p.submissions-count {
            padding: 0 32px 0 0;
            float: right; }
            .page-template-challenge-landing .bottom-promote .popular-challenges .popular-challenge .post-info p.submissions-count svg {
              margin-bottom: -2px; }
          .page-template-challenge-landing .bottom-promote .popular-challenges .popular-challenge .post-info p i svg {
            vertical-align: baseline; }
          .page-template-challenge-landing .bottom-promote .popular-challenges .popular-challenge .post-info p span {
            margin-left: 4px;
            font-size: 14px;
            color: var(--gray-400);
            font-weight: 400; }
  .page-template-challenge-landing .bottom-promote .create-challenge-button {
    padding-top: 68px;
    padding-bottom: 148px;
    text-align: center; }
    .page-template-challenge-landing .bottom-promote .create-challenge-button a {
      display: inline-block;
      padding: 0 30px;
      width: auto; }

.page-template-challenge-landing .challenge-info .drawing-challenge-image {
  background: url("images/drawing-challenge.jpg") no-repeat center;
  height: 420px;
  background-size: cover; }

.page-template-challenge-landing .challenge-info .photoshop-challenge-image {
  background: url("images/photoshop-challenge.jpg") no-repeat center;
  height: 420px;
  background-size: cover; }

.page-template-challenge-landing .challenge-info .text-challenge-image {
  background: url("images/text-challenge.jpg") no-repeat center;
  height: 420px;
  background-size: cover; }

.page-template-challenge-landing .challenge-info .meme-challenge-image {
  background: url("images/meme-challenge.jpg") no-repeat center;
  height: 420px;
  background-size: cover; }

.page-template-challenge-landing .challenge-info .picture-challenge-image {
  background: url("images/picture-challenge.jpg") no-repeat center;
  height: 420px;
  background-size: cover; }

@media (min-width: 480px) and (max-width: 768px) {
  .page-template-challenge-landing .challenge-info .drawing-challenge-image, .page-template-challenge-landing .challenge-info .photoshop-challenge-image, .page-template-challenge-landing .challenge-info .picture-challenge-image {
    height: 700px; } }

.page-template-challenge-landing .challenge-info .post-info {
  position: absolute;
  bottom: 30px;
  right: 40px;
  color: white;
  z-index: 3;
  font-weight: 600;
  font-size: 14px; }
  .page-template-challenge-landing .challenge-info .post-info .submissions-count {
    line-height: 24px;
    margin-right: 20px; }
    .page-template-challenge-landing .challenge-info .post-info .submissions-count i {
      margin-right: 3px;
      vertical-align: middle; }
    .page-template-challenge-landing .challenge-info .post-info .submissions-count span {
      margin-left: 3px; }
  .page-template-challenge-landing .challenge-info .post-info .views {
    line-height: 24px; }
    .page-template-challenge-landing .challenge-info .post-info .views i {
      vertical-align: sub;
      margin-right: 3px; }
    .page-template-challenge-landing .challenge-info .post-info .views span {
      margin-left: 3px; }

.page-template-challenge-landing .challenge-info .title {
  color: var(--white);
  position: absolute;
  bottom: 65px;
  left: 40px;
  right: 40px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  z-index: 3; }

.page-template-challenge-landing .challenge-info .author {
  position: absolute;
  bottom: 30px;
  left: 40px;
  z-index: 3; }
  .page-template-challenge-landing .challenge-info .author img {
    width: 24px;
    height: 24px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid var(--white);
    box-sizing: border-box;
    display: inline-block; }
  .page-template-challenge-landing .challenge-info .author .author-name {
    display: inline-block;
    color: var(--white);
    vertical-align: top;
    margin-left: 5px;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px; }

.page-template-challenge-landing .challenge-info .gradient {
  display: block;
  position: absolute;
  width: 100%;
  opacity: 1;
  height: 40%;
  bottom: 0;
  z-index: 2;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#8c000000',GradientType=0 ); }

.page-template-challenge-landing .create-challenge i {
  display: inline-block; }
  .page-template-challenge-landing .create-challenge i .icon-create-challenge-plus {
    display: block;
    margin-right: 12px; }

@media (max-width: 980px) {
  .page-template-challenge-landing header .top-menu .user-menu {
    display: none; }
  .page-template-challenge-landing .top-promote .container {
    text-align: center; }
    .page-template-challenge-landing .top-promote .container p {
      padding-left: 30px;
      padding-right: 30px;
      display: block; }
    .page-template-challenge-landing .top-promote .container a.create-challenge {
      margin: 30px auto;
      box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.078), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.157); }
  .page-template-challenge-landing .top-promote .challenge-panda {
    display: none; }
  .page-template-challenge-landing .challenges {
    padding-top: 40px; }
    .page-template-challenge-landing .challenges .container .challenge-type .description-block {
      width: 100%;
      padding-top: 58px;
      padding-bottom: 58px; }
    .page-template-challenge-landing .challenges .container .copyright {
      margin-top: 40px;
      color: var(--gray-400);
      font-size: 15px;
      text-align: center; }
  .page-template-challenge-landing .bottom-promote {
    display: none; } }

@media (max-width: 480px) {
  .page-template-challenge-landing .create-challenge {
    font-size: 16px; }
    .page-template-challenge-landing .create-challenge i {
      display: none; }
  .page-template-challenge-landing .top-promote {
    height: auto; }
  .page-template-challenge-landing .challenges {
    padding-top: 20px; }
    .page-template-challenge-landing .challenges .container {
      padding: 0 10px 20px; }
    .page-template-challenge-landing .challenges .challenge-type:not(:first-child) {
      margin-top: 20px; }
    .page-template-challenge-landing .challenges .challenge-type .challenge-info .post-info {
      position: absolute;
      bottom: 20px;
      right: 20px; }
      .page-template-challenge-landing .challenges .challenge-type .challenge-info .post-info .submissions-count span {
        display: none; }
      .page-template-challenge-landing .challenges .challenge-type .challenge-info .post-info .views span {
        display: none; }
    .page-template-challenge-landing .challenges .challenge-type .challenge-info .title {
      bottom: 53px;
      left: 20px;
      right: 20px;
      font-size: 23px;
      line-height: 26px;
      font-weight: 600; }
    .page-template-challenge-landing .challenges .challenge-type .challenge-info .author {
      bottom: 20px;
      left: 20px; }
    .page-template-challenge-landing .challenges .challenge-type .description-block h3 {
      line-height: 50px; } }

.panda-tooltip.tooltip-area {
  width: 100%;
  position: relative; }

.panda-tooltip .input-tooltip {
  height: 105px;
  z-index: 1;
  position: relative;
  box-sizing: border-box;
  background-color: var(--gray-blue-700);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .panda-tooltip .input-tooltip.similar-posts {
    height: 150px; }
    .panda-tooltip .input-tooltip.similar-posts .scrollable-block {
      height: 90px;
      margin-top: 5px;
      overflow-y: scroll; }
      .panda-tooltip .input-tooltip.similar-posts .scrollable-block .description .post-date {
        color: var(--orange-150);
        font-size: 12px;
        font-weight: 100; }
    .panda-tooltip .input-tooltip.similar-posts .scrollable-block::-webkit-scrollbar {
      width: 10px; }
    .panda-tooltip .input-tooltip.similar-posts .scrollable-block::-webkit-scrollbar-track {
      background: var(--gray-100);
      box-shadow: inset 0 0 5px grey;
      border-radius: 5px; }
    .panda-tooltip .input-tooltip.similar-posts .scrollable-block::-webkit-scrollbar-thumb {
      background: var(--gray-500);
      border-radius: 5px; }
    .panda-tooltip .input-tooltip.similar-posts .scrollable-block::-webkit-scrollbar-thumb:hover {
      background: var(--gray-550); }
  .panda-tooltip .input-tooltip .close-tooltip {
    position: absolute;
    top: 15px;
    right: 15px;
    color: var(--white);
    cursor: pointer; }
  .panda-tooltip .input-tooltip:before {
    display: block;
    width: 15px;
    height: 15px;
    background-color: var(--gray-blue-700);
    content: "";
    position: absolute;
    top: -7px;
    left: 40px;
    transform: rotate(45deg);
    z-index: 5; }
  .panda-tooltip .input-tooltip .tooltip-icon {
    background-image: url(images/sprite-sheet.png);
    background-position: -358px -228px;
    width: 50px;
    height: 70px;
    margin: 13px 25px 0 20px;
    float: left; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .panda-tooltip .input-tooltip .tooltip-icon {
        background-image: url(images/sprite-sheet@2x.png);
        background-size: 515px 463px; } }
    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
      .panda-tooltip .input-tooltip .tooltip-icon {
        background: url("images/tooltip-panda@3x.png");
        background-size: 50px 70px; } }
  .panda-tooltip .input-tooltip .tooltip-description-block {
    float: left;
    padding-right: 10px;
    font-family: "Source Sans Pro";
    margin-top: 20px;
    width: 415px; }
    .panda-tooltip .input-tooltip .tooltip-description-block .heading {
      font-weight: bold;
      font-size: 18px;
      line-height: 24px;
      color: var(--white); }
    .panda-tooltip .input-tooltip .tooltip-description-block .description, .panda-tooltip .input-tooltip .tooltip-description-block a {
      font-size: 14px;
      line-height: 18px;
      padding-left: 10px;
      color: var(--gray-blue-400);
      font-weight: 400; }

.page-template-challenge-create-mobile-template {
  background: var(--white);
  width: 100%; }
  .page-template-challenge-create-mobile-template .header {
    display: none; }
  .page-template-challenge-create-mobile-template .main {
    padding: 0; }

.challenge-create-form .contribution-modal-wrapper {
  opacity: 0.5; }

.challenge-create-form .add-challenge-body {
  padding: 18px 12px; }
  .challenge-create-form .add-challenge-body .type-item {
    float: left;
    height: 33px;
    width: 50%;
    cursor: pointer;
    margin: 0px 0 20px; }
    .challenge-create-form .add-challenge-body .type-item .radio {
      float: left;
      margin: 8px 10px 0 0; }
    .challenge-create-form .add-challenge-body .type-item .name {
      font-family: "Roboto";
      font-size: 16px;
      color: #7d7d7d;
      float: left;
      line-height: 33px;
      padding-left: 10px; }

.challenge-create-form h2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  padding-bottom: 17px;
  color: var(--gray-800); }

.challenge-create-form input[type="text"], .challenge-create-form textarea, .challenge-create-form select {
  border: 1px solid var(--gray-200);
  background: white;
  padding: 0 2%;
  height: 45px;
  font-size: 14px;
  color: var(--gray-450);
  outline: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 15px; }
  .challenge-create-form input[type="text"].errorBorder, .challenge-create-form textarea.errorBorder, .challenge-create-form select.errorBorder {
    border: 1px solid red; }
  .challenge-create-form input[type="text"].challenge-image-title, .challenge-create-form textarea.challenge-image-title, .challenge-create-form select.challenge-image-title {
    margin-bottom: 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0; }

.challenge-create-form .challenge-description {
  resize: none;
  height: 115px;
  margin: 0;
  padding-top: 15px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0; }
  .challenge-create-form .challenge-description.rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px; }

.challenge-create-form .uploaded-image-container {
  margin-bottom: 20px;
  position: relative; }
  .challenge-create-form .uploaded-image-container img {
    width: 100%; }
  .challenge-create-form .uploaded-image-container .remove-image {
    position: absolute;
    right: 15px;
    top: 15px; }
  .challenge-create-form .uploaded-image-container.no-title {
    margin-top: 20px; }

.challenge-create-form .image-file-area {
  height: 115px;
  line-height: 115px;
  text-align: center;
  background: var(--gray-100);
  border: 1px solid var(--gray-200);
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  border-top: none;
  margin-bottom: 20px; }
  .challenge-create-form .image-file-area .image-upload-btn {
    color: var(--gray-450);
    font-size: 16px;
    line-height: 115px;
    display: block; }
    .challenge-create-form .image-file-area .image-upload-btn i {
      padding-right: 14px; }
      .challenge-create-form .image-file-area .image-upload-btn i svg {
        vertical-align: middle; }
  .challenge-create-form .image-file-area .error {
    line-height: 20px;
    color: red; }
  .challenge-create-form .image-file-area.no-title {
    border-radius: 5px;
    border: 1px solid var(--gray-200);
    margin-top: 20px; }

.challenge-create-form .expand-source {
  padding-bottom: 10px; }
  .challenge-create-form .expand-source a {
    font-size: 14px;
    color: var(--gray-800); }
  .challenge-create-form .expand-source label {
    font-size: 14px;
    color: var(--gray-800);
    margin-bottom: 5px;
    display: block; }

.challenge-create-form .challenge-modal-buttons {
  border-top: 1px solid var(--gray-200); }
  .challenge-create-form .challenge-modal-buttons a {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 600;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    box-sizing: border-box;
    padding: 12px 22px;
    display: inline-block; }
    .challenge-create-form .challenge-modal-buttons a.cancel-button {
      float: left;
      border: 2px solid var(--gray-300);
      color: var(--gray-400); }
    .challenge-create-form .challenge-modal-buttons a.publish-button {
      float: right;
      color: var(--white);
      border: 2px solid #56b863;
      background: #56b863; }
      .challenge-create-form .challenge-modal-buttons a.publish-button i {
        display: inline-block; }
        .challenge-create-form .challenge-modal-buttons a.publish-button i .icon-submit-arrow {
          vertical-align: middle;
          margin-left: 7px;
          display: block; }

.page-template-author-invitation-landing, .page-template-community-guidelines {
  background: var(--white); }
  .page-template-author-invitation-landing .cover, .page-template-author-invitation-landing .header, .page-template-community-guidelines .cover, .page-template-community-guidelines .header {
    display: none; }
  .page-template-author-invitation-landing.single.wide-post .main, .page-template-community-guidelines.single.wide-post .main {
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: auto;
    background: var(--green-200);
    font-family: "Source Sans Pro";
    font-weight: 400; }
    .page-template-author-invitation-landing.single.wide-post .main .top-header, .page-template-community-guidelines.single.wide-post .main .top-header {
      max-width: 700px;
      margin: 0 auto;
      height: 172px;
      vertical-align: middle;
      padding-top: 42px;
      box-sizing: border-box; }
      .page-template-author-invitation-landing.single.wide-post .main .top-header .logo, .page-template-community-guidelines.single.wide-post .main .top-header .logo {
        background: url("images/panda-head-80px.png");
        display: inline-block;
        vertical-align: middle;
        width: 70px;
        height: 83px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .page-template-author-invitation-landing.single.wide-post .main .top-header .logo, .page-template-community-guidelines.single.wide-post .main .top-header .logo {
            background: url("images/panda-head-80px@2x.png");
            background-size: 71px 84px;
            width: 71px;
            height: 84px; } }
        @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
          .page-template-author-invitation-landing.single.wide-post .main .top-header .logo, .page-template-community-guidelines.single.wide-post .main .top-header .logo {
            background: url("images/panda-head-80px@3x.png");
            background-size: 71px 84px;
            width: 71px;
            height: 84px; } }
      .page-template-author-invitation-landing.single.wide-post .main .top-header .text, .page-template-community-guidelines.single.wide-post .main .top-header .text {
        padding-left: 24px;
        display: inline-block;
        vertical-align: middle; }
        .page-template-author-invitation-landing.single.wide-post .main .top-header .text span, .page-template-community-guidelines.single.wide-post .main .top-header .text span {
          display: block;
          color: var(--white); }
          .page-template-author-invitation-landing.single.wide-post .main .top-header .text span.invite, .page-template-community-guidelines.single.wide-post .main .top-header .text span.invite {
            font-size: 28px; }
          .page-template-author-invitation-landing.single.wide-post .main .top-header .text span.next, .page-template-community-guidelines.single.wide-post .main .top-header .text span.next {
            font-size: 48px;
            font-weight: bold;
            margin-top: 6px; }
    .page-template-author-invitation-landing.single.wide-post .main .info, .page-template-community-guidelines.single.wide-post .main .info {
      background: var(--white); }
      .page-template-author-invitation-landing.single.wide-post .main .info .info-block, .page-template-community-guidelines.single.wide-post .main .info .info-block {
        width: 700px;
        margin: 0 auto;
        padding-top: 15px; }
        .page-template-author-invitation-landing.single.wide-post .main .info .info-block:first-child, .page-template-community-guidelines.single.wide-post .main .info .info-block:first-child {
          padding-top: 35px; }
        .page-template-author-invitation-landing.single.wide-post .main .info .info-block .title, .page-template-community-guidelines.single.wide-post .main .info .info-block .title {
          color: var(--gray-700);
          background: var(--gray-100);
          display: block;
          font-size: 26px;
          font-weight: bold;
          padding: 17px 21px;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          -o-border-radius: 3px;
          border-radius: 3px; }
        .page-template-author-invitation-landing.single.wide-post .main .info .info-block .text, .page-template-community-guidelines.single.wide-post .main .info .info-block .text {
          padding: 22px;
          color: var(--gray-700);
          font-size: 18px;
          line-height: 24px; }
          .page-template-author-invitation-landing.single.wide-post .main .info .info-block .text h3, .page-template-community-guidelines.single.wide-post .main .info .info-block .text h3 {
            margin-top: 12px; }
          .page-template-author-invitation-landing.single.wide-post .main .info .info-block .text ul, .page-template-community-guidelines.single.wide-post .main .info .info-block .text ul {
            margin-left: 19px; }
          .page-template-author-invitation-landing.single.wide-post .main .info .info-block .text a, .page-template-community-guidelines.single.wide-post .main .info .info-block .text a {
            text-decoration: underline;
            color: inherit; }
      .page-template-author-invitation-landing.single.wide-post .main .info .submit-block, .page-template-community-guidelines.single.wide-post .main .info .submit-block {
        text-align: center;
        padding-top: 20px;
        padding-bottom: 160px; }
        .page-template-author-invitation-landing.single.wide-post .main .info .submit-block .submit-post, .page-template-community-guidelines.single.wide-post .main .info .submit-block .submit-post {
          color: var(--white);
          background: var(--green-200);
          font-size: 18px;
          font-weight: bold;
          padding: 20px 29px;
          -webkit-border-radius: 35px;
          -moz-border-radius: 35px;
          -ms-border-radius: 35px;
          -o-border-radius: 35px;
          border-radius: 35px; }
  @media (max-width: 699px) {
    .page-template-author-invitation-landing.single.wide-post .main .top-header, .page-template-community-guidelines.single.wide-post .main .top-header {
      padding-left: 20px;
      padding-right: 20px; }
      .page-template-author-invitation-landing.single.wide-post .main .top-header .text, .page-template-community-guidelines.single.wide-post .main .top-header .text {
        padding-left: 10px; }
        .page-template-author-invitation-landing.single.wide-post .main .top-header .text span.invite, .page-template-community-guidelines.single.wide-post .main .top-header .text span.invite {
          font-size: 20px; }
        .page-template-author-invitation-landing.single.wide-post .main .top-header .text span.next, .page-template-community-guidelines.single.wide-post .main .top-header .text span.next {
          font-size: 28px; }
    .page-template-author-invitation-landing.single.wide-post .main .info .info-block, .page-template-community-guidelines.single.wide-post .main .info .info-block {
      padding: 0;
      width: auto; }
      .page-template-author-invitation-landing.single.wide-post .main .info .info-block .title, .page-template-community-guidelines.single.wide-post .main .info .info-block .title {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        font-size: 20px; }
      .page-template-author-invitation-landing.single.wide-post .main .info .info-block .text, .page-template-community-guidelines.single.wide-post .main .info .info-block .text {
        font-size: 15px;
        line-height: 20px; }
    .page-template-author-invitation-landing.single.wide-post .main .info .submit-block, .page-template-community-guidelines.single.wide-post .main .info .submit-block {
      padding-bottom: 70px;
      padding-top: 40px; } }

.page-template-community-guidelines p, .page-template-community-guidelines li {
  padding-top: 10px; }

.page-template-community-guidelines ul {
  padding-top: 20px;
  padding-bottom: 20px; }
  .page-template-community-guidelines ul ul {
    padding: 0; }

.page-template-book-landing .header, .page-template-book-landing .cover {
  display: none; }

.page-template-book-landing .main {
  padding: 0; }

.page-template-book-landing .logo {
  text-align: center;
  margin-bottom: 25px; }

.page-template-book-landing .logotype {
  background-image: url(images/sprite-sheet.png);
  background-position: 0px -334px;
  width: 149px;
  height: 38px;
  display: inline-block;
  text-indent: -9999px;
  margin-right: 10px;
  margin-top: 15px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .page-template-book-landing .logotype {
      background-image: url(images/sprite-sheet@2x.png);
      background-size: 515px 463px; } }

.page-template-book-landing .content {
  width: 940px;
  margin: auto;
  background: var(--white);
  padding: 50px 30px 30px 30px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.02);
  box-sizing: border-box; }
  .page-template-book-landing .content h1 {
    font-size: 36px;
    line-height: 40px;
    font-family: "Merriweather", "sans-serif"; }
  .page-template-book-landing .content p {
    padding-top: 20px;
    font-size: 18px;
    line-height: 24px;
    color: var(--gray-400);
    font-family: "Source sans pro", "sans-serif"; }
    .page-template-book-landing .content p .mail {
      color: inherit;
      text-decoration: underline; }
    .page-template-book-landing .content p.contact {
      padding-top: 10px;
      text-align: center; }
  .page-template-book-landing .content .book-image {
    background: url("images/annoying-book-image.jpg") no-repeat center;
    background-size: cover;
    width: auto;
    height: 667px;
    margin-top: 30px; }
  .page-template-book-landing .content .paypal-checkout {
    background-image: url(images/sprite-sheet.png);
    background-position: 0px 0px;
    width: 228px;
    height: 44px;
    margin: 40px auto;
    display: block;
    text-indent: -9999px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .page-template-book-landing .content .paypal-checkout {
        background-image: url(images/sprite-sheet@2x.png);
        background-size: 515px 463px; } }
    .page-template-book-landing .content .paypal-checkout:hover {
      background-image: url(images/sprite-sheet.png);
      background-position: 0px -64px;
      width: 228px;
      height: 44px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .page-template-book-landing .content .paypal-checkout:hover {
          background-image: url(images/sprite-sheet@2x.png);
          background-size: 515px 463px; } }
  .page-template-book-landing .content .credit-cards {
    background-image: url(images/sprite-sheet.png);
    background-position: -169px -334px;
    width: 181px;
    height: 28px;
    margin: 20px auto;
    display: block;
    text-indent: -9999px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .page-template-book-landing .content .credit-cards {
        background-image: url(images/sprite-sheet@2x.png);
        background-size: 515px 463px; } }
    .page-template-book-landing .content .credit-cards:hover {
      opacity: 0.8; }
  .page-template-book-landing .content .message h1 {
    font-size: 18px;
    color: #56b863;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    font-family: Source sans pro, sans-serif; }
  .page-template-book-landing .content .message.success i {
    color: white;
    background: #56b863;
    border-radius: 50%;
    padding: 8px;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 11px; }
    .page-template-book-landing .content .message.success i .svg-icon {
      width: 12px;
      height: 12px;
      vertical-align: top; }
  .page-template-book-landing .content .message.error i {
    background: var(--red-100);
    height: 14px;
    width: 2px;
    color: var(--white);
    display: inline-block;
    padding: 7px 13px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 11px; }
    .page-template-book-landing .content .message.error i .svg-icon {
      vertical-align: top; }
  .page-template-book-landing .content .message.error h1 {
    color: var(--red-100); }

.page-template-book-landing .copyright {
  display: block;
  margin: 40px auto;
  text-align: center;
  color: var(--gray-400);
  font-size: 16px;
  font-family: "Source sans pro", "sans-serif"; }

@media (max-width: 940px) {
  .page-template-book-landing .content {
    width: 100%; }
  .page-template-book-landing .logo {
    margin-bottom: 15px; } }

.page-template-users-top .users-top {
  background: var(--bg-newsletter);
  padding: 30px 0;
  position: relative;
  min-height: 326px;
  margin-bottom: 25px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
  @media (min-width: 980px) {
    .page-template-users-top .users-top {
      margin-right: 320px; } }
  .page-template-users-top .users-top .overlay {
    position: fixed;
    z-index: 9999; }
  .page-template-users-top .users-top table {
    width: 100%; }
    .page-template-users-top .users-top table tr td:first-child {
      padding-left: 25px; }
    .page-template-users-top .users-top table tr td:last-child {
      padding-right: 25px; }
    .page-template-users-top .users-top table thead tr {
      height: 38px;
      border-bottom: 1px solid var(--gray-100); }
      .page-template-users-top .users-top table thead tr td .title {
        color: var(--gray-800);
        font-size: 22px;
        font-weight: bold;
        font-family: Merriweather; }
      .page-template-users-top .users-top table thead tr td .filters {
        float: right;
        line-height: 38px; }
        .page-template-users-top .users-top table thead tr td .filters .filter {
          font-weight: 400;
          font-size: 14px;
          color: var(--gray-400);
          margin-left: 20px;
          height: 38px;
          display: inline-block; }
          .page-template-users-top .users-top table thead tr td .filters .filter.active {
            color: var(--orange-150);
            font-weight: 500;
            border-bottom: 2px solid var(--orange-150);
            box-sizing: border-box; }
      .page-template-users-top .users-top table thead tr.top-copy td {
        vertical-align: middle;
        color: var(--gray-400);
        font-size: 14px; }
    .page-template-users-top .users-top table tbody tr {
      height: 88px;
      border-bottom: 1px solid var(--gray-100); }
      .page-template-users-top .users-top table tbody tr.current-user {
        background: var(--gray-100); }
      .page-template-users-top .users-top table tbody tr td {
        vertical-align: middle; }
        .page-template-users-top .users-top table tbody tr td .value {
          font-size: 18px;
          line-height: 20px;
          color: var(--gray-800);
          font-weight: 500;
          text-align: center;
          display: block; }
          .page-template-users-top .users-top table tbody tr td .value .rank-up, .page-template-users-top .users-top table tbody tr td .value .rank-down {
            display: none; }
          .page-template-users-top .users-top table tbody tr td .value.positive {
            color: #56b863; }
            .page-template-users-top .users-top table tbody tr td .value.positive .rank-up {
              display: inline-block; }
          .page-template-users-top .users-top table tbody tr td .value.negative {
            color: var(--orange-150); }
            .page-template-users-top .users-top table tbody tr td .value.negative .rank-down {
              display: inline-block; }
          .page-template-users-top .users-top table tbody tr td .value .svg-icon {
            width: 8px;
            vertical-align: middle; }
          .page-template-users-top .users-top table tbody tr td .value .rank-change-value {
            vertical-align: middle; }
        .page-template-users-top .users-top table tbody tr td .title {
          display: block;
          font-size: 12px;
          color: var(--gray-400);
          margin-top: 1px;
          text-align: center; }
        .page-template-users-top .users-top table tbody tr td.image {
          width: 50px; }
          .page-template-users-top .users-top table tbody tr td.image img {
            display: block;
            width: 50px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%; }
          .page-template-users-top .users-top table tbody tr td.image .premium-user-border {
            background: url("images/premium/user-border.svg") no-repeat;
            background-size: 100%;
            height: 54px;
            width: 50px;
            display: flex;
            align-items: center;
            justify-content: center; }
            .page-template-users-top .users-top table tbody tr td.image .premium-user-border img {
              width: 44px;
              height: 44px; }
            @media (max-width: 480px) {
              .page-template-users-top .users-top table tbody tr td.image .premium-user-border {
                width: 35px;
                height: 37px; }
                .page-template-users-top .users-top table tbody tr td.image .premium-user-border img {
                  width: 31px;
                  height: 31px; } }
        .page-template-users-top .users-top table tbody tr td.name {
          padding-left: 10px;
          width: 250px;
          position: relative; }
          @media (max-width: 700px) {
            .page-template-users-top .users-top table tbody tr td.name {
              width: 110px; } }
          .page-template-users-top .users-top table tbody tr td.name .premium-icon-tooltip {
            top: -15px; }
          .page-template-users-top .users-top table tbody tr td.name .value, .page-template-users-top .users-top table tbody tr td.name a {
            display: inline-block;
            vertical-align: middle;
            color: var(--gray-800);
            max-width: 240px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-align: left; }
            @media (max-width: 700px) {
              .page-template-users-top .users-top table tbody tr td.name .value, .page-template-users-top .users-top table tbody tr td.name a {
                max-width: 100px; } }
          .page-template-users-top .users-top table tbody tr td.name .title {
            text-align: left; }
  .page-template-users-top .users-top .users-pagination {
    padding: 20px 25px 0 25px; }
    .page-template-users-top .users-top .users-pagination .back {
      color: var(--orange-150);
      float: left;
      padding-left: 15px; }
    .page-template-users-top .users-top .users-pagination .next {
      color: var(--orange-150);
      float: right;
      padding-right: 15px; }

@media (max-width: 480px) {
  .page-template-users-top {
    background: var(--white); }
    .page-template-users-top .main {
      padding: 0; }
    .page-template-users-top .users-top {
      margin-right: 0;
      padding: 20px 0; }
      .page-template-users-top .users-top table tr td:first-child {
        padding-left: 14px; }
      .page-template-users-top .users-top table tr td:last-child {
        padding-right: 14px; }
      .page-template-users-top .users-top table thead tr td .title {
        display: block;
        padding-bottom: 25px; }
      .page-template-users-top .users-top table thead tr td .filters {
        float: none;
        line-height: 1; }
        .page-template-users-top .users-top table thead tr td .filters .filter {
          font-size: 12px;
          margin-right: 15px;
          margin-left: 0;
          padding-bottom: 10px;
          height: auto; }
      .page-template-users-top .users-top table tbody tr {
        height: 40px; }
        .page-template-users-top .users-top table tbody tr:nth-child(odd) {
          border-bottom: none; }
          .page-template-users-top .users-top table tbody tr:nth-child(odd) td {
            padding-top: 15px; }
        .page-template-users-top .users-top table tbody tr:nth-child(even) td:first-child {
          padding-left: 8px; }
        .page-template-users-top .users-top table tbody tr td {
          vertical-align: top; }
          .page-template-users-top .users-top table tbody tr td.image {
            width: 35px;
            border-bottom: 1px solid var(--gray-100); }
            .page-template-users-top .users-top table tbody tr td.image img {
              width: 35px; }
          .page-template-users-top .users-top table tbody tr td.name {
            padding-left: 8px;
            width: 100%; }
            .page-template-users-top .users-top table tbody tr td.name .value {
              max-width: 100%;
              font-size: 14px;
              font-weight: bold; }
            .page-template-users-top .users-top table tbody tr td.name .title {
              display: none; }
          .page-template-users-top .users-top table tbody tr td .value {
            font-size: 11px;
            text-align: left;
            font-weight: bold; }
            .page-template-users-top .users-top table tbody tr td .value .svg-icon {
              height: inherit; }
            .page-template-users-top .users-top table tbody tr td .value .rank-change-value {
              vertical-align: top; }
          .page-template-users-top .users-top table tbody tr td .title {
            font-size: 11px;
            text-align: left; } }

.page-template-advertise, .page-template-partnership {
  font-family: Source Sans Pro, sans-serif;
  font-weight: 400;
  background-color: var(--white);
  width: 100%; }
  .page-template-advertise .cover, .page-template-partnership .cover {
    display: none; }
  .page-template-advertise header, .page-template-partnership header {
    height: 70px; }
    .page-template-advertise header.static-pages-header, .page-template-partnership header.static-pages-header {
      display: block; }
    .page-template-advertise header.header, .page-template-partnership header.header {
      display: none; }
    .page-template-advertise header .logo, .page-template-partnership header .logo {
      float: left;
      margin: 15px 0 0 40px; }
      .page-template-advertise header .logo a, .page-template-partnership header .logo a {
        background-image: url(images/sprite-sheet.png);
        background-position: 0px -334px;
        width: 149px;
        height: 38px;
        display: inline-block;
        text-indent: -9999px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .page-template-advertise header .logo a, .page-template-partnership header .logo a {
            background-image: url(images/sprite-sheet@2x.png);
            background-size: 515px 463px; } }
        @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
          .page-template-advertise header .logo a, .page-template-partnership header .logo a {
            background: url("images/header-full-logo@3x.png");
            background-size: 149px 38px;
            width: 149px;
            height: 38px; } }
        .page-template-advertise header .logo a.curioso, .page-template-partnership header .logo a.curioso {
          background-image: url(images/sprite-sheet.png);
          background-position: -120px -239px;
          width: 162px;
          height: 38px; }
          @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
            .page-template-advertise header .logo a.curioso, .page-template-partnership header .logo a.curioso {
              background-image: url(images/sprite-sheet@2x.png);
              background-size: 515px 463px; } }
    .page-template-advertise header .active-menu, .page-template-partnership header .active-menu {
      display: none; }
    .page-template-advertise header .top-menu, .page-template-partnership header .top-menu {
      float: right;
      margin: 16px 40px 0 0;
      height: 44px;
      line-height: 44px; }
      .page-template-advertise header .top-menu ul li, .page-template-partnership header .top-menu ul li {
        display: inline-block;
        margin-left: 30px; }
      .page-template-advertise header .top-menu a, .page-template-partnership header .top-menu a {
        font-size: 16px;
        color: var(--gray-400); }
        .page-template-advertise header .top-menu a:hover, .page-template-partnership header .top-menu a:hover {
          color: var(--gray-blue-600); }
        .page-template-advertise header .top-menu a.active, .page-template-partnership header .top-menu a.active {
          color: var(--gray-blue-600);
          font-weight: 600; }
      .page-template-advertise header .top-menu .top-menu-mobile, .page-template-partnership header .top-menu .top-menu-mobile {
        display: none;
        background-image: url(images/sprite-sheet.png);
        background-position: -87px -445px;
        width: 23px;
        height: 18px;
        outline: none;
        margin-top: 5px;
        -webkit-appearance: none;
        background-color: transparent;
        border: none;
        color: transparent;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .page-template-advertise header .top-menu .top-menu-mobile, .page-template-partnership header .top-menu .top-menu-mobile {
            background-image: url(images/sprite-sheet@2x.png);
            background-size: 515px 463px; } }
        @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
          .page-template-advertise header .top-menu .top-menu-mobile, .page-template-partnership header .top-menu .top-menu-mobile {
            background: url("images/new-menu-icon@3x.png");
            background-size: 23px 18px;
            width: 23px;
            height: 18px; } }
      @media (max-width: 979px) {
        .page-template-advertise header .top-menu ul, .page-template-partnership header .top-menu ul {
          display: none; }
        .page-template-advertise header .top-menu .top-menu-mobile, .page-template-partnership header .top-menu .top-menu-mobile {
          display: block; } }
  .page-template-advertise.single.wide-post main.main, .page-template-partnership.single.wide-post main.main {
    max-width: 100% !important;
    margin: 0;
    padding: 0;
    width: auto; }
  .page-template-advertise .title-block, .page-template-partnership .title-block {
    height: 470px;
    text-align: center; }
    .page-template-advertise .title-block .title, .page-template-partnership .title-block .title {
      display: block;
      font-weight: bold;
      color: var(--gray-blue-600);
      font-size: 60px;
      padding-top: 181px; }
    .page-template-advertise .title-block .text, .page-template-partnership .title-block .text {
      color: var(--gray-400);
      font-size: 18px;
      line-height: 24px;
      max-width: 500px;
      display: block;
      margin: 20px auto 0; }
    .page-template-advertise .title-block .top-text, .page-template-partnership .title-block .top-text {
      font-size: 18px;
      line-height: 24px;
      max-width: 800px;
      display: block;
      margin: 20px auto 0; }
    .page-template-advertise .title-block .bottom-text, .page-template-partnership .title-block .bottom-text {
      margin-top: 24px;
      display: block; }
      .page-template-advertise .title-block .bottom-text .button, .page-template-partnership .title-block .bottom-text .button {
        border-radius: 3px;
        background: #56B863;
        padding: 16px 56px;
        color: #FFF;
        text-align: center;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        display: inline-block; }
        .page-template-advertise .title-block .bottom-text .button:hover, .page-template-partnership .title-block .bottom-text .button:hover {
          background-color: var(--green-200); }
  .page-template-advertise .users-block, .page-template-partnership .users-block {
    background: var(--gray-blue-600);
    height: 640px;
    position: relative; }
    .page-template-advertise .users-block .content, .page-template-partnership .users-block .content {
      max-width: 1292px;
      margin: auto; }
    .page-template-advertise .users-block .macbook, .page-template-partnership .users-block .macbook {
      background: url("images/advertise-macbook.png");
      background-size: 620px 356px;
      width: 620px;
      height: 356px;
      float: left;
      margin-top: 122px;
      margin-left: 75px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .page-template-advertise .users-block .macbook, .page-template-partnership .users-block .macbook {
          background: url("images/advertise-macbook@2x.png");
          background-size: 620px 356px; } }
      @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
        .page-template-advertise .users-block .macbook, .page-template-partnership .users-block .macbook {
          background: url("images/advertise-macbook@3x.png");
          background-size: 620px 356px; } }
    .page-template-advertise .users-block .text, .page-template-partnership .users-block .text {
      float: left;
      font-size: 60px;
      color: var(--white);
      font-weight: bold;
      max-width: 500px;
      padding-top: 220px; }
    @media (max-width: 1200px) {
      .page-template-advertise .users-block .text, .page-template-partnership .users-block .text {
        max-width: 320px; }
      .page-template-advertise .users-block .macbook, .page-template-partnership .users-block .macbook {
        margin-left: 20px; } }
    .page-template-advertise .users-block .source, .page-template-partnership .users-block .source {
      position: absolute;
      bottom: 35px;
      color: var(--active-menu);
      font-size: 14px;
      left: 0;
      right: 0;
      text-align: center; }
  .page-template-advertise .statistics, .page-template-partnership .statistics {
    background: #56b863;
    height: auto; }
    .page-template-advertise .statistics .content, .page-template-partnership .statistics .content {
      max-width: 1020px;
      margin: auto;
      color: var(--white); }
    .page-template-advertise .statistics .statistics-header, .page-template-partnership .statistics .statistics-header {
      font-size: 45px;
      text-align: center;
      padding: 46px 0px 20px 0px; }
    .page-template-advertise .statistics .statistics-block, .page-template-partnership .statistics .statistics-block {
      height: 230px;
      width: 320px;
      display: inline-block;
      background: var(--green-200);
      margin-right: 30px;
      margin-top: 26px;
      text-align: center;
      vertical-align: middle; }
      .page-template-advertise .statistics .statistics-block.no-margin, .page-template-partnership .statistics .statistics-block.no-margin {
        margin-right: 0; }
      .page-template-advertise .statistics .statistics-block .stats, .page-template-partnership .statistics .statistics-block .stats {
        font-size: 80px;
        font-weight: bold;
        display: block;
        margin-top: 7px; }
      .page-template-advertise .statistics .statistics-block .title, .page-template-partnership .statistics .statistics-block .title {
        font-size: 18px;
        font-weight: 600;
        display: block;
        max-width: 170px;
        margin: 5px auto 0; }
      .page-template-advertise .statistics .statistics-block i, .page-template-partnership .statistics .statistics-block i {
        margin: 29px auto 0;
        display: block; }
      .page-template-advertise .statistics .statistics-block .channels, .page-template-partnership .statistics .statistics-block .channels {
        width: 40px;
        height: 40px;
        background: url("images/icons/ic-channels.svg");
        background-size: 40px 40px; }
      .page-template-advertise .statistics .statistics-block .lang, .page-template-partnership .statistics .statistics-block .lang {
        width: 40px;
        height: 40px;
        background: url("images/icons/ic-lang.svg");
        background-size: 40px 40px; }
      .page-template-advertise .statistics .statistics-block .subs, .page-template-partnership .statistics .statistics-block .subs {
        width: 40px;
        height: 40px;
        background: url("images/icons/ic-subs.svg");
        background-size: 40px 40px; }
      .page-template-advertise .statistics .statistics-block .views, .page-template-partnership .statistics .statistics-block .views {
        width: 40px;
        height: 40px;
        background: url("images/icons/ic-views.svg");
        background-size: 40px 40px; }
      .page-template-advertise .statistics .statistics-block .facebook, .page-template-partnership .statistics .statistics-block .facebook {
        width: 40px;
        height: 40px;
        background: url("images/advertise-facebook.png");
        background-size: 40px 40px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .page-template-advertise .statistics .statistics-block .facebook, .page-template-partnership .statistics .statistics-block .facebook {
            background: url("images/advertise-facebook@2x.png");
            background-size: 40px 40px; } }
        @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
          .page-template-advertise .statistics .statistics-block .facebook, .page-template-partnership .statistics .statistics-block .facebook {
            background: url("images/advertise-facebook@3x.png");
            background-size: 40px 40px; } }
      .page-template-advertise .statistics .statistics-block .followers, .page-template-partnership .statistics .statistics-block .followers {
        margin-top: 20px;
        width: 145px;
        height: 49px;
        background: url("images/advertise-followers.png");
        background-size: 145px 49px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .page-template-advertise .statistics .statistics-block .followers, .page-template-partnership .statistics .statistics-block .followers {
            background: url("images/advertise-followers@2x.png");
            background-size: 145px 49px; } }
        @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
          .page-template-advertise .statistics .statistics-block .followers, .page-template-partnership .statistics .statistics-block .followers {
            background: url("images/advertise-followers@3x.png");
            background-size: 145px 49px; } }
      .page-template-advertise .statistics .statistics-block .video, .page-template-partnership .statistics .statistics-block .video {
        width: 40px;
        height: 40px;
        background: url("images/advertise-video.png");
        background-size: 40px 40px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .page-template-advertise .statistics .statistics-block .video, .page-template-partnership .statistics .statistics-block .video {
            background: url("images/advertise-video@2x.png");
            background-size: 40px 40px; } }
        @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
          .page-template-advertise .statistics .statistics-block .video, .page-template-partnership .statistics .statistics-block .video {
            background: url("images/advertise-video@3x.png");
            background-size: 40px 40px; } }
      .page-template-advertise .statistics .statistics-block .millennials, .page-template-partnership .statistics .statistics-block .millennials {
        width: 40px;
        height: 40px;
        background: url("images/advertise-millennials.png");
        background-size: 40px 40px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .page-template-advertise .statistics .statistics-block .millennials, .page-template-partnership .statistics .statistics-block .millennials {
            background: url("images/advertise-millennials@2x.png");
            background-size: 40px 40px; } }
        @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
          .page-template-advertise .statistics .statistics-block .millennials, .page-template-partnership .statistics .statistics-block .millennials {
            background: url("images/advertise-millennials@3x.png");
            background-size: 40px 40px; } }
      .page-template-advertise .statistics .statistics-block .women, .page-template-partnership .statistics .statistics-block .women {
        width: 40px;
        height: 40px;
        background: url("images/advertise-women.png");
        background-size: 40px 40px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .page-template-advertise .statistics .statistics-block .women, .page-template-partnership .statistics .statistics-block .women {
            background: url("images/advertise-women@2x.png");
            background-size: 40px 40px; } }
        @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
          .page-template-advertise .statistics .statistics-block .women, .page-template-partnership .statistics .statistics-block .women {
            background: url("images/advertise-women@3x.png");
            background-size: 40px 40px; } }
      .page-template-advertise .statistics .statistics-block .visitors, .page-template-partnership .statistics .statistics-block .visitors {
        width: 40px;
        height: 40px;
        background: url("images/advertise-visitors.png");
        background-size: 40px 40px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .page-template-advertise .statistics .statistics-block .visitors, .page-template-partnership .statistics .statistics-block .visitors {
            background: url("images/advertise-visitors@2x.png");
            background-size: 40px 40px; } }
        @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
          .page-template-advertise .statistics .statistics-block .visitors, .page-template-partnership .statistics .statistics-block .visitors {
            background: url("images/advertise-visitors@3x.png");
            background-size: 40px 40px; } }
    @media (max-width: 1019px) {
      .page-template-advertise .statistics .content, .page-template-partnership .statistics .content {
        max-width: 980px;
        padding-left: 20px;
        padding-right: 20px; }
      .page-template-advertise .statistics .statistics-block, .page-template-partnership .statistics .statistics-block {
        width: 300px;
        margin-right: 20px; } }
    .page-template-advertise .statistics .source, .page-template-partnership .statistics .source {
      color: var(--salad-green-100);
      font-size: 14px;
      display: block;
      padding-top: 36px;
      padding-bottom: 36px;
      text-align: center; }
  .page-template-advertise .offer .content, .page-template-partnership .offer .content {
    max-width: 1020px;
    margin: auto;
    padding-bottom: 70px;
    border-bottom: 1px solid var(--gray-100); }
  .page-template-advertise .offer .title, .page-template-partnership .offer .title {
    color: var(--gray-blue-600);
    font-size: 60px;
    font-weight: bold;
    display: block;
    text-align: center;
    padding-top: 60px; }
  .page-template-advertise .offer .line, .page-template-partnership .offer .line {
    width: 85px;
    margin: 50px auto;
    border-top: 2px solid var(--gray-100); }
  .page-template-advertise .offer .post-image, .page-template-partnership .offer .post-image {
    float: left;
    display: inline-block;
    width: 510px;
    height: 430px;
    background: url("images/offer-browser.png");
    background-size: 510px 430px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .page-template-advertise .offer .post-image, .page-template-partnership .offer .post-image {
        background: url("images/offer-browser@2x.png");
        background-size: 510px 430px; } }
    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
      .page-template-advertise .offer .post-image, .page-template-partnership .offer .post-image {
        background: url("images/offer-browser@3x.png");
        background-size: 510px 430px; } }
  .page-template-advertise .offer .content-right, .page-template-partnership .offer .content-right {
    float: left;
    display: inline-block;
    width: 50%;
    padding-left: 40px;
    box-sizing: border-box; }
    .page-template-advertise .offer .content-right .campaigns, .page-template-partnership .offer .content-right .campaigns {
      padding-top: 60px; }
      .page-template-advertise .offer .content-right .campaigns span, .page-template-partnership .offer .content-right .campaigns span {
        color: var(--gray-blue-600);
        font-weight: 600;
        font-size: 18px;
        display: block; }
      .page-template-advertise .offer .content-right .campaigns .etsy, .page-template-partnership .offer .content-right .campaigns .etsy {
        display: inline-block;
        margin: 20px 35px 0 0;
        width: 64px;
        height: 30px;
        background: url("images/advertise-etsy.png");
        background-size: 64px 30px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .page-template-advertise .offer .content-right .campaigns .etsy, .page-template-partnership .offer .content-right .campaigns .etsy {
            background: url("images/advertise-etsy@2x.png");
            background-size: 64px 30px; } }
        @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
          .page-template-advertise .offer .content-right .campaigns .etsy, .page-template-partnership .offer .content-right .campaigns .etsy {
            background: url("images/advertise-etsy@3x.png");
            background-size: 64px 30px; } }
      .page-template-advertise .offer .content-right .campaigns .turkish-airlines, .page-template-partnership .offer .content-right .campaigns .turkish-airlines {
        display: inline-block;
        margin: 20px 35px 0 0;
        width: 170px;
        height: 30px;
        background: url("images/advertise-turkish-airlines.png");
        background-size: 170px 30px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .page-template-advertise .offer .content-right .campaigns .turkish-airlines, .page-template-partnership .offer .content-right .campaigns .turkish-airlines {
            background: url("images/advertise-turkish-airlines@2x.png");
            background-size: 170px 30px; } }
        @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
          .page-template-advertise .offer .content-right .campaigns .turkish-airlines, .page-template-partnership .offer .content-right .campaigns .turkish-airlines {
            background: url("images/advertise-turkish-airlines@3x.png");
            background-size: 170px 30px; } }
  .page-template-advertise .offer .offer-item i .svg-icon, .page-template-partnership .offer .offer-item i .svg-icon {
    color: var(--gray-300); }
  .page-template-advertise .offer .offer-item .name, .page-template-partnership .offer .offer-item .name {
    display: block;
    color: var(--gray-blue-600);
    font-size: 24px;
    font-weight: bold;
    padding: 18px 0; }
  .page-template-advertise .offer .offer-item p, .page-template-partnership .offer .offer-item p {
    color: var(--gray-400);
    font-size: 18px;
    line-height: 24px; }
    .page-template-advertise .offer .offer-item p a, .page-template-partnership .offer .offer-item p a {
      color: #56b863; }
  .page-template-advertise .offer .additional-offers, .page-template-partnership .offer .additional-offers {
    max-width: 1020px;
    margin: 60px auto 80px;
    display: flex;
    flex-flow: row;
    justify-content: space-between; }
    .page-template-advertise .offer .additional-offers .offer-item, .page-template-partnership .offer .additional-offers .offer-item {
      margin: 0;
      width: 320px;
      display: inline-block;
      vertical-align: top; }
      .page-template-advertise .offer .additional-offers .offer-item i, .page-template-partnership .offer .additional-offers .offer-item i {
        height: 30px;
        display: block; }
  @media (max-width: 1020px) {
    .page-template-advertise .offer .content, .page-template-partnership .offer .content {
      max-width: 980px;
      padding-left: 20px;
      padding-right: 20px; }
    .page-template-advertise .offer .content-right, .page-template-partnership .offer .content-right {
      width: 420px; }
    .page-template-advertise .offer .additional-offers, .page-template-partnership .offer .additional-offers {
      max-width: 980px;
      padding-left: 20px;
      padding-right: 20px; }
      .page-template-advertise .offer .additional-offers .offer-item, .page-template-partnership .offer .additional-offers .offer-item {
        width: 300px;
        margin-right: 20px; } }
  .page-template-advertise .brands, .page-template-partnership .brands {
    height: auto;
    margin-bottom: 80px; }
    .page-template-advertise .brands .content, .page-template-partnership .brands .content {
      max-width: 1120px;
      margin: auto;
      text-align: center; }
    .page-template-advertise .brands .title, .page-template-partnership .brands .title {
      color: var(--gray-blue-600);
      font-size: 60px;
      font-weight: bold;
      display: block;
      text-align: center;
      padding-top: 60px; }
    .page-template-advertise .brands .line, .page-template-partnership .brands .line {
      width: 85px;
      margin: 50px auto;
      border-top: 2px solid var(--gray-100); }
    .page-template-advertise .brands .brand-block, .page-template-partnership .brands .brand-block {
      height: 290px;
      width: 310px;
      display: inline-block;
      margin-right: 30px;
      margin-top: 26px;
      margin-bottom: 30px;
      margin-left: 30px;
      text-align: left;
      vertical-align: middle; }
      .page-template-advertise .brands .brand-block .crafty, .page-template-partnership .brands .brand-block .crafty {
        width: inherit;
        height: calc(100% - 30px);
        background: url("images/crafty-logo.svg");
        background-size: 150px 150px;
        background-repeat: no-repeat;
        background-color: var(--golden-200);
        background-position: center; }
      .page-template-advertise .brands .brand-block .kaboom, .page-template-partnership .brands .brand-block .kaboom {
        width: inherit;
        height: calc(100% - 30px);
        background: url("images/kaboom-logo.svg");
        background-size: 150px 150px;
        background-repeat: no-repeat;
        background-color: #ff6496;
        background-position: center; }
      .page-template-advertise .brands .brand-block .gotcha, .page-template-partnership .brands .brand-block .gotcha {
        width: inherit;
        height: calc(100% - 30px);
        background: url("images/gotcha-logo.svg");
        background-size: 150px 150px;
        background-repeat: no-repeat;
        background-color: #ff7dbf;
        background-position: center; }
      .page-template-advertise .brands .brand-block .little, .page-template-partnership .brands .brand-block .little {
        width: inherit;
        height: calc(100% - 30px);
        background: url("images/little-panda-logo.svg");
        background-size: 150px 150px;
        background-repeat: no-repeat;
        background-color: #06aeef;
        background-position: center; }
      .page-template-advertise .brands .brand-block .handy, .page-template-partnership .brands .brand-block .handy {
        width: inherit;
        height: calc(100% - 30px);
        background: url("images/handy-panda-logo.svg");
        background-size: 150px 150px;
        background-repeat: no-repeat;
        background-color: #ffb40f;
        background-position: center; }
      .page-template-advertise .brands .brand-block .lady, .page-template-partnership .brands .brand-block .lady {
        width: inherit;
        height: calc(100% - 30px);
        background: url("images/lady-panda-logo.svg");
        background-size: 150px 150px;
        background-repeat: no-repeat;
        background-color: #ff40be;
        background-position: center; }
      .page-template-advertise .brands .brand-block .hungry, .page-template-partnership .brands .brand-block .hungry {
        width: inherit;
        height: calc(100% - 30px);
        background: url("images/hungry-panda-logo.svg");
        background-size: 150px 150px;
        background-repeat: no-repeat;
        background-color: #ff77a0;
        background-position: center; }
      .page-template-advertise .brands .brand-block .animations, .page-template-partnership .brands .brand-block .animations {
        width: inherit;
        height: calc(100% - 30px);
        background: url("images/bored-panda-animations-logo.svg");
        background-size: 150px 150px;
        background-repeat: no-repeat;
        background-color: #00cedf;
        background-position: center; }
      .page-template-advertise .brands .brand-block .diaries, .page-template-partnership .brands .brand-block .diaries {
        width: inherit;
        height: calc(100% - 30px);
        background: url("images/secret-diaries-logo.svg");
        background-size: 260px;
        background-repeat: no-repeat;
        background-color: #f9df4a;
        background-position: center; }
      .page-template-advertise .brands .brand-block .ender, .page-template-partnership .brands .brand-block .ender {
        width: inherit;
        height: calc(100% - 30px);
        background: url("images/ender-pals-logo.png");
        background-size: 310px 260px;
        background-repeat: no-repeat;
        background-color: #e62e00;
        background-position: center; }
      .page-template-advertise .brands .brand-block .totally, .page-template-partnership .brands .brand-block .totally {
        width: inherit;
        height: calc(100% - 30px);
        background: url("images/totally-handy-logo.svg");
        background-size: 150px 150px;
        background-repeat: no-repeat;
        background-color: #ff342d;
        background-position: center; }
      .page-template-advertise .brands .brand-block .none, .page-template-partnership .brands .brand-block .none {
        width: inherit;
        height: calc(100% - 30px);
        background: none;
        background-size: 150px 150px;
        background-repeat: no-repeat;
        background-color: none;
        background-position: center; }
      @media (max-width: 745px) {
        .page-template-advertise .brands .brand-block.none, .page-template-partnership .brands .brand-block.none {
          display: none; } }
      .page-template-advertise .brands .brand-block .brand-title, .page-template-partnership .brands .brand-block .brand-title {
        display: block;
        font-size: 22px;
        font-weight: 700;
        padding-top: 9px; }
  .page-template-advertise .contact, .page-template-partnership .contact {
    background: var(--gray-blue-600);
    color: var(--white); }
    .page-template-advertise .contact .content, .page-template-partnership .contact .content {
      max-width: 1020px;
      margin: auto;
      padding: 90px 0 120px; }
    .page-template-advertise .contact .title, .page-template-partnership .contact .title {
      display: block;
      font-size: 60px;
      font-weight: bold;
      text-align: center; }
    .page-template-advertise .contact .text, .page-template-partnership .contact .text {
      max-width: 355px;
      font-size: 18px;
      line-height: 26px;
      display: block;
      margin: 15px auto 50px; }
      .page-template-advertise .contact .text.align-center, .page-template-partnership .contact .text.align-center {
        text-align: center; }
    .page-template-advertise .contact .contact-form input, .page-template-advertise .contact .contact-form textarea, .page-template-advertise .contact .contact-form select, .page-template-partnership .contact .contact-form input, .page-template-partnership .contact .contact-form textarea, .page-template-partnership .contact .contact-form select {
      font-family: Source Sans Pro, sans-serif;
      outline: none;
      color: var(--gray-800);
      display: block;
      width: 395px;
      height: 60px;
      border: 0;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      padding: 0 20px;
      font-size: 18px;
      line-height: 20px;
      margin: 0 auto 10px;
      box-sizing: border-box;
      -webkit-appearance: none;
      -moz-appearance: none;
      background: var(--white); }
      .page-template-advertise .contact .contact-form input.submit-button, .page-template-advertise .contact .contact-form textarea.submit-button, .page-template-advertise .contact .contact-form select.submit-button, .page-template-partnership .contact .contact-form input.submit-button, .page-template-partnership .contact .contact-form textarea.submit-button, .page-template-partnership .contact .contact-form select.submit-button {
        -webkit-appearance: none;
        cursor: pointer;
        background-color: #56b863;
        color: var(--white);
        font-size: 18px;
        font-weight: bold;
        box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.078), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.157); }
        .page-template-advertise .contact .contact-form input.submit-button:hover, .page-template-advertise .contact .contact-form textarea.submit-button:hover, .page-template-advertise .contact .contact-form select.submit-button:hover, .page-template-partnership .contact .contact-form input.submit-button:hover, .page-template-partnership .contact .contact-form textarea.submit-button:hover, .page-template-partnership .contact .contact-form select.submit-button:hover {
          background-color: var(--green-200); }
    .page-template-advertise .contact .contact-form .select-box, .page-template-partnership .contact .contact-form .select-box {
      width: 395px;
      height: 60px;
      margin: 0 auto 10px;
      position: relative; }
      .page-template-advertise .contact .contact-form .select-box .svg-icon, .page-template-partnership .contact .contact-form .select-box .svg-icon {
        position: absolute;
        color: var(--gray-800);
        top: 0;
        bottom: 0;
        right: 10px;
        margin: auto; }
    .page-template-advertise .contact .contact-form textarea, .page-template-partnership .contact .contact-form textarea {
      height: 180px;
      padding: 20px;
      margin-bottom: 25px;
      resize: none; }
    .page-template-advertise .contact .contact-form .error, .page-template-advertise .contact .contact-form .success, .page-template-partnership .contact .contact-form .error, .page-template-partnership .contact .contact-form .success {
      display: block;
      font-family: Roboto, sans-serif;
      width: 395px;
      margin: 0 auto 25px; }
      .page-template-advertise .contact .contact-form .error i, .page-template-advertise .contact .contact-form .success i, .page-template-partnership .contact .contact-form .error i, .page-template-partnership .contact .contact-form .success i {
        background: var(--red-100);
        height: 14px;
        width: 2px;
        color: var(--white);
        display: inline-block;
        padding: 7px 13px;
        margin-right: 8px;
        border-radius: 50%;
        vertical-align: middle; }
        .page-template-advertise .contact .contact-form .error i .svg-icon, .page-template-advertise .contact .contact-form .success i .svg-icon, .page-template-partnership .contact .contact-form .error i .svg-icon, .page-template-partnership .contact .contact-form .success i .svg-icon {
          vertical-align: top; }
      .page-template-advertise .contact .contact-form .error .text, .page-template-advertise .contact .contact-form .success .text, .page-template-partnership .contact .contact-form .error .text, .page-template-partnership .contact .contact-form .success .text {
        font-family: Roboto, sans-serif;
        display: inline-block;
        vertical-align: top;
        font-weight: 400;
        font-size: 14px;
        color: var(--white);
        margin: 0;
        padding: 0; }
    .page-template-advertise .contact .contact-form .spinner, .page-template-partnership .contact .contact-form .spinner {
      height: 40px;
      background-size: 40px;
      margin-bottom: 25px; }
    .page-template-advertise .contact .contact-form .success i, .page-template-partnership .contact .contact-form .success i {
      background: #56b863;
      padding: 8px;
      width: 12px;
      height: 12px; }
      .page-template-advertise .contact .contact-form .success i .svg-icon, .page-template-partnership .contact .contact-form .success i .svg-icon {
        width: 12px;
        height: 12px;
        vertical-align: top; }
    @media (max-width: 420px) {
      .page-template-advertise .contact .contact-form, .page-template-partnership .contact .contact-form {
        padding-right: 15px;
        padding-left: 15px; }
        .page-template-advertise .contact .contact-form input, .page-template-advertise .contact .contact-form textarea, .page-template-advertise .contact .contact-form select, .page-template-advertise .contact .contact-form .error, .page-template-advertise .contact .contact-form .success, .page-template-advertise .contact .contact-form .select-box, .page-template-advertise .contact .contact-form .spinner, .page-template-partnership .contact .contact-form input, .page-template-partnership .contact .contact-form textarea, .page-template-partnership .contact .contact-form select, .page-template-partnership .contact .contact-form .error, .page-template-partnership .contact .contact-form .success, .page-template-partnership .contact .contact-form .select-box, .page-template-partnership .contact .contact-form .spinner {
          margin: 10px 0;
          width: 100%; } }
    .page-template-advertise .contact .contact-form .add-page-button, .page-template-partnership .contact .contact-form .add-page-button {
      text-align: center;
      display: block; }
      .page-template-advertise .contact .contact-form .add-page-button button, .page-template-partnership .contact .contact-form .add-page-button button {
        background-color: var(--active-menu);
        color: var(--white);
        font-size: 18px;
        border: 0;
        width: 395px;
        height: 30px;
        line-height: 30px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        box-sizing: border-box;
        margin-bottom: 10px;
        cursor: pointer;
        outline: none;
        -webkit-appearance: none; }
        .page-template-advertise .contact .contact-form .add-page-button button:hover, .page-template-partnership .contact .contact-form .add-page-button button:hover {
          background-color: var(--gray-blue-400); }
        .page-template-advertise .contact .contact-form .add-page-button button i, .page-template-partnership .contact .contact-form .add-page-button button i {
          vertical-align: middle;
          display: inline-block;
          margin-top: -6px; }
        .page-template-advertise .contact .contact-form .add-page-button button span, .page-template-partnership .contact .contact-form .add-page-button button span {
          vertical-align: middle;
          display: inline-block;
          margin-top: -6px;
          font-weight: bold;
          font-size: 15px;
          margin-left: 10px; }
        .page-template-advertise .contact .contact-form .add-page-button button .svg-icon, .page-template-partnership .contact .contact-form .add-page-button button .svg-icon {
          vertical-align: middle;
          margin-top: -2px; }
        @media (max-width: 420px) {
          .page-template-advertise .contact .contact-form .add-page-button button, .page-template-partnership .contact .contact-form .add-page-button button {
            width: 100%;
            margin-bottom: 0; } }
  .page-template-advertise .faq .content, .page-template-partnership .faq .content {
    max-width: 1020px;
    margin: auto;
    padding: 90px 0 120px; }
  .page-template-advertise .faq .title, .page-template-partnership .faq .title {
    color: #363946;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    display: block; }
  .page-template-advertise .faq .faq-list, .page-template-partnership .faq .faq-list {
    display: flex;
    flex-direction: column;
    margin-top: 60px; }
    .page-template-advertise .faq .faq-list .faq-item, .page-template-partnership .faq .faq-list .faq-item {
      display: flex;
      flex-direction: column; }
      .page-template-advertise .faq .faq-list .faq-item .question, .page-template-partnership .faq .faq-list .faq-item .question {
        display: flex;
        padding: 20px 12px;
        justify-content: space-between;
        gap: 32px;
        align-self: stretch;
        border-bottom: 1px solid var(--Light-theme-Grey-3, #EBEBEB);
        color: #000;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        flex: 1 0 0;
        cursor: pointer;
        transition: all 0.2s ease-in-out;
        outline: none; }
        .page-template-advertise .faq .faq-list .faq-item .question i, .page-template-partnership .faq .faq-list .faq-item .question i {
          display: block;
          width: 20px; }
      .page-template-advertise .faq .faq-list .faq-item .answer, .page-template-partnership .faq .faq-list .faq-item .answer {
        display: flex;
        justify-content: flex-start;
        gap: 8px;
        align-self: stretch;
        border-bottom: 1px solid var(--Light-theme-Grey-3, #EBEBEB);
        color: #000;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        flex: 1 0 0;
        opacity: 0;
        height: 0;
        visibility: hidden;
        transition: opacity .2s ease;
        padding: 0;
        outline: none; }
      .page-template-advertise .faq .faq-list .faq-item.opened .answer, .page-template-partnership .faq .faq-list .faq-item.opened .answer {
        visibility: visible;
        opacity: 1;
        height: auto;
        padding: 20px 12px; }
      .page-template-advertise .faq .faq-list .faq-item.opened .question i, .page-template-partnership .faq .faq-list .faq-item.opened .question i {
        transform: rotate(180deg); }
  .page-template-advertise .footer, .page-template-partnership .footer {
    padding-bottom: 50px; }
    .page-template-advertise .footer .rights, .page-template-partnership .footer .rights {
      margin-left: 40px;
      color: var(--active-menu);
      float: left; }
    .page-template-advertise .footer .menu, .page-template-partnership .footer .menu {
      float: right; }
      .page-template-advertise .footer .menu li, .page-template-partnership .footer .menu li {
        display: inline;
        margin-right: 40px; }
        .page-template-advertise .footer .menu li a, .page-template-partnership .footer .menu li a {
          color: var(--active-menu); }
          .page-template-advertise .footer .menu li a:hover, .page-template-partnership .footer .menu li a:hover {
            color: var(--white); }
          .page-template-advertise .footer .menu li a.active, .page-template-partnership .footer .menu li a.active {
            color: var(--white);
            font-weight: bold;
            font-size: 16px; }
    @media (max-width: 1100px) {
      .page-template-advertise .footer .rights, .page-template-partnership .footer .rights {
        margin-left: 20px; }
      .page-template-advertise .footer .menu li, .page-template-partnership .footer .menu li {
        margin-right: 20px; } }
  .page-template-advertise .custom-footer, .page-template-partnership .custom-footer {
    background: var(--gray-blue-600);
    color: var(--white);
    padding-top: 50px; }
  @media (max-width: 979px) {
    .page-template-advertise .users-block, .page-template-partnership .users-block {
      height: auto; }
      .page-template-advertise .users-block .content, .page-template-partnership .users-block .content {
        padding: 50px 0 100px; }
      .page-template-advertise .users-block .macbook, .page-template-partnership .users-block .macbook {
        float: none;
        margin: 0 auto; }
      .page-template-advertise .users-block .text, .page-template-partnership .users-block .text {
        float: none;
        padding-top: 30px;
        max-width: 500px;
        text-align: center;
        margin: auto; }
    .page-template-advertise .statistics .content, .page-template-partnership .statistics .content {
      padding: 0; }
    .page-template-advertise .statistics .statistics-block, .page-template-partnership .statistics .statistics-block {
      margin-left: 20px;
      margin-right: 0;
      width: calc((100% - 60px) / 2); }
      .page-template-advertise .statistics .statistics-block.no-margin, .page-template-partnership .statistics .statistics-block.no-margin {
        margin-right: 0; }
    .page-template-advertise .offer .post-image, .page-template-partnership .offer .post-image {
      width: 50%;
      background-size: contain;
      background-repeat: no-repeat; }
    .page-template-advertise .offer .content-right, .page-template-partnership .offer .content-right {
      width: 50%; }
    .page-template-advertise .offer .additional-offers, .page-template-partnership .offer .additional-offers {
      flex-flow: column;
      align-items: center; }
      .page-template-advertise .offer .additional-offers .offer-item, .page-template-partnership .offer .additional-offers .offer-item {
        margin-bottom: 40px;
        width: calc(100% - 40px); }
        .page-template-advertise .offer .additional-offers .offer-item.no-bottom-margin, .page-template-partnership .offer .additional-offers .offer-item.no-bottom-margin {
          margin-bottom: 0px; }
    .page-template-advertise .footer .menu, .page-template-partnership .footer .menu {
      display: none; }
    .page-template-advertise .footer .rights, .page-template-partnership .footer .rights {
      margin: 0;
      display: block;
      float: none;
      text-align: center; } }
  @media (max-width: 660px) {
    .page-template-advertise .users-block .content, .page-template-partnership .users-block .content {
      padding-left: 20px;
      padding-right: 20px; }
    .page-template-advertise .users-block .macbook, .page-template-partnership .users-block .macbook {
      width: 100%;
      background-size: contain;
      background-repeat: no-repeat; } }
  @media (max-width: 480px) {
    .page-template-advertise header .logo, .page-template-partnership header .logo {
      margin: 15px 0 0 15px; }
    .page-template-advertise header .top-menu, .page-template-partnership header .top-menu {
      margin: 16px 15px 0 0;
      padding-top: 2px; }
    .page-template-advertise .title-block, .page-template-partnership .title-block {
      height: auto;
      padding: 120px 0; }
      .page-template-advertise .title-block .title, .page-template-partnership .title-block .title {
        padding: 0 15px 0;
        font-size: 50px; }
      .page-template-advertise .title-block .text, .page-template-partnership .title-block .text {
        padding: 0 15px;
        font-size: 16px; }
    .page-template-advertise .users-block .macbook, .page-template-partnership .users-block .macbook {
      height: 260px; } }
  @media (max-width: 480px) and (max-width: 400px) {
    .page-template-advertise .users-block .macbook, .page-template-partnership .users-block .macbook {
      height: 200px; } }
  @media (max-width: 480px) {
    .page-template-advertise .users-block .text, .page-template-partnership .users-block .text {
      font-size: 50px;
      padding-top: 10px; }
    .page-template-advertise .statistics .statistics-block, .page-template-partnership .statistics .statistics-block {
      height: 200px; }
      .page-template-advertise .statistics .statistics-block .stats, .page-template-partnership .statistics .statistics-block .stats {
        font-size: 45px;
        margin-top: 15px; }
      .page-template-advertise .statistics .statistics-block .title, .page-template-partnership .statistics .statistics-block .title {
        font-size: 16px;
        margin: 5px 15px 0; }
      .page-template-advertise .statistics .statistics-block .facebook, .page-template-advertise .statistics .statistics-block .video, .page-template-advertise .statistics .statistics-block .visitors, .page-template-advertise .statistics .statistics-block .women, .page-template-advertise .statistics .statistics-block .millennials, .page-template-partnership .statistics .statistics-block .facebook, .page-template-partnership .statistics .statistics-block .video, .page-template-partnership .statistics .statistics-block .visitors, .page-template-partnership .statistics .statistics-block .women, .page-template-partnership .statistics .statistics-block .millennials {
        background-size: 35px 35px;
        width: 35px;
        height: 35px; }
      .page-template-advertise .statistics .statistics-block .followers, .page-template-partnership .statistics .statistics-block .followers {
        background-size: contain;
        background-repeat: no-repeat;
        width: 107px;
        height: 36px;
        margin: 25px auto 0; }
    .page-template-advertise .offer .title, .page-template-partnership .offer .title {
      font-size: 50px;
      padding-top: 60px; }
    .page-template-advertise .offer .line, .page-template-partnership .offer .line {
      margin: 30px auto; }
    .page-template-advertise .offer .offer-item p, .page-template-partnership .offer .offer-item p {
      font-size: 16px; }
    .page-template-advertise .offer .post-image, .page-template-partnership .offer .post-image {
      display: none; }
    .page-template-advertise .offer .content-right, .page-template-partnership .offer .content-right {
      width: 100%;
      padding: 0; }
    .page-template-advertise .offer .additional-offers, .page-template-partnership .offer .additional-offers {
      margin: 50px auto 80px; }
      .page-template-advertise .offer .additional-offers .offer-item, .page-template-partnership .offer .additional-offers .offer-item {
        margin: 0 0 50px 0;
        width: 100%; }
        .page-template-advertise .offer .additional-offers .offer-item:last-child, .page-template-partnership .offer .additional-offers .offer-item:last-child {
          margin: 0; }
    .page-template-advertise .contact .content, .page-template-advertise .faq .content, .page-template-partnership .contact .content, .page-template-partnership .faq .content {
      padding: 50px 0 100px; }
    .page-template-advertise .contact .title, .page-template-advertise .faq .title, .page-template-partnership .contact .title, .page-template-partnership .faq .title {
      font-size: 50px; }
    .page-template-advertise .contact .text, .page-template-advertise .faq .text, .page-template-partnership .contact .text, .page-template-partnership .faq .text {
      font-size: 16px;
      padding: 0 15px; }
    .page-template-advertise .contact .contact-form input, .page-template-advertise .contact .contact-form select, .page-template-advertise .contact .contact-form .select-box, .page-template-advertise .faq .contact-form input, .page-template-advertise .faq .contact-form select, .page-template-advertise .faq .contact-form .select-box, .page-template-partnership .contact .contact-form input, .page-template-partnership .contact .contact-form select, .page-template-partnership .contact .contact-form .select-box, .page-template-partnership .faq .contact-form input, .page-template-partnership .faq .contact-form select, .page-template-partnership .faq .contact-form .select-box {
      font-size: 16px;
      height: 50px; }
      .page-template-advertise .contact .contact-form input.submit-button, .page-template-advertise .contact .contact-form select.submit-button, .page-template-advertise .contact .contact-form .select-box.submit-button, .page-template-advertise .faq .contact-form input.submit-button, .page-template-advertise .faq .contact-form select.submit-button, .page-template-advertise .faq .contact-form .select-box.submit-button, .page-template-partnership .contact .contact-form input.submit-button, .page-template-partnership .contact .contact-form select.submit-button, .page-template-partnership .contact .contact-form .select-box.submit-button, .page-template-partnership .faq .contact-form input.submit-button, .page-template-partnership .faq .contact-form select.submit-button, .page-template-partnership .faq .contact-form .select-box.submit-button {
        font-size: 16px; }
    .page-template-advertise .contact .contact-form textarea, .page-template-advertise .faq .contact-form textarea, .page-template-partnership .contact .contact-form textarea, .page-template-partnership .faq .contact-form textarea {
      font-size: 16px; } }

.page-template-partnership .contact .contact-form textarea {
  margin-bottom: 10px; }

.page-template-sell-your-content.single .post .post-title {
  font-size: 2.2em;
  padding-bottom: 0.5em; }

.page-template-sell-your-content.single .post .entry h3 {
  font-size: 1.4em;
  color: var(--gray-700);
  font-weight: normal;
  padding-top: 1em;
  padding-bottom: 0.5em; }

.page-template-sell-your-content.single .post .entry p {
  color: var(--gray-700);
  font-size: 1.05em;
  line-height: 1.2em; }

.page-template-sell-your-content.single .post .entry .post-content ul {
  font-weight: normal;
  list-style-position: inside;
  padding: 10px 0 10px 40px;
  color: var(--gray-700);
  font-size: 1.05em; }
  @media (max-width: 768px) {
    .page-template-sell-your-content.single .post .entry .post-content ul {
      padding: 10px 25px 10px 40px; } }

.page-template-sell-your-content.single .post .entry .post-content li {
  font-size: 1em;
  text-indent: -1.2em;
  line-height: 1.2em;
  list-style: none;
  padding: 0.35em; }
  .page-template-sell-your-content.single .post .entry .post-content li:before {
    content: "•";
    font-size: 2.2em;
    vertical-align: middle;
    margin-right: 0.2em;
    color: var(--gray-550); }

.page-template-sell-your-content.single .main .info.sell-content-block .tos-label {
  color: var(--gray-700);
  font-size: 1.05em;
  font-weight: normal;
  padding: 0 0 10px 32px;
  line-height: 24px;
  display: block; }
  .page-template-sell-your-content.single .main .info.sell-content-block .tos-label .tos-accept {
    height: 16px;
    width: 16px;
    margin: 0 0 3px; }

@media (max-width: 768px) {
  .page-template-sell-your-content.single .main .info.sell-content-block .info-block {
    padding: 0 25px; } }

.page-template-sell-your-content.single .main .info.sell-content-block .info-block .text {
  padding: 0 0 22px; }

.page-template-sell-your-content.single .main .info.sell-content-block .error, .page-template-sell-your-content.single .main .info.sell-content-block .success {
  font-family: Roboto, sans-serif;
  display: block;
  padding: 0 0 22px; }
  .page-template-sell-your-content.single .main .info.sell-content-block .error i, .page-template-sell-your-content.single .main .info.sell-content-block .success i {
    background: var(--red-100);
    height: 14px;
    width: 2px;
    color: var(--white);
    display: inline-block;
    padding: 7px 13px;
    border-radius: 50%;
    vertical-align: middle; }
    .page-template-sell-your-content.single .main .info.sell-content-block .error i .svg-icon, .page-template-sell-your-content.single .main .info.sell-content-block .success i .svg-icon {
      vertical-align: top; }
  .page-template-sell-your-content.single .main .info.sell-content-block .error .error-text, .page-template-sell-your-content.single .main .info.sell-content-block .error .success-text, .page-template-sell-your-content.single .main .info.sell-content-block .success .error-text, .page-template-sell-your-content.single .main .info.sell-content-block .success .success-text {
    font-family: Roboto, sans-serif;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    margin-left: 9px;
    font-size: 16px;
    color: var(--red-100);
    width: 80%;
    line-height: 18px; }

.page-template-sell-your-content.single .main .info.sell-content-block .success i {
  background: #56b863;
  padding: 8px;
  width: 12px;
  height: 12px; }
  .page-template-sell-your-content.single .main .info.sell-content-block .success i .svg-icon {
    width: 12px;
    height: 12px;
    vertical-align: top; }

.page-template-sell-your-content.single .main .info.sell-content-block .success .success-text {
  color: var(--gray-700); }

.page-template-sell-your-content.single .main .info.sell-content-block .submit-block {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 160px; }
  .page-template-sell-your-content.single .main .info.sell-content-block .submit-block .submit-post {
    color: var(--white);
    font-weight: bold;
    display: inline-block;
    line-height: 36px;
    height: 36px;
    margin: 0 auto;
    border-radius: 5px;
    padding: 0 20px;
    font-size: 16px;
    background-color: #56b863;
    border: 2px solid #56b863;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    border-radius: 35px; }

.page-template-append-open-list-mobile-template .header {
  display: none; }

.custom-tools-page-template section {
  background: var(--white);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  padding: 40px; }
  .custom-tools-page-template section p {
    color: var(--gray-800);
    font-size: 20px; }
  .custom-tools-page-template section input {
    border: 1px solid var(--gray-200);
    background: var(--white);
    padding: 0 3%;
    height: 58px;
    font-size: 16px;
    color: var(--gray-800);
    outline: 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px; }
  .custom-tools-page-template section label {
    display: block;
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 400;
    color: var(--gray-800); }
    .custom-tools-page-template section label input {
      width: 15px;
      height: 25px;
      display: inline-block;
      margin: 0; }
  .custom-tools-page-template section button {
    padding: 0;
    display: block;
    cursor: pointer;
    color: var(--white);
    background-color: #56b863;
    width: 200px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    font-size: 16px;
    border: none;
    font-weight: 700;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    box-sizing: border-box; }
  .custom-tools-page-template section .error {
    color: var(--white);
    padding: 20px;
    display: block;
    background: var(--red-200);
    border-radius: 5px;
    margin-bottom: 20px; }
  .custom-tools-page-template section .success {
    color: var(--white);
    padding: 20px;
    display: block;
    background-color: #56b863;
    border-radius: 5px;
    margin-bottom: 20px; }

.page-template-fb-feed-view .fb-feed-block {
  background: var(--white);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  padding: 40px;
  margin-bottom: 40px; }
  .page-template-fb-feed-view .fb-feed-block .feed-view {
    background: url("images/fb-feed-view.jpg");
    background-size: 508px 497px;
    width: 508px;
    height: 497px;
    margin: auto;
    position: relative;
    margin-bottom: 20px; }
    .page-template-fb-feed-view .fb-feed-block .feed-view img {
      position: absolute;
      width: 476px;
      height: 249px;
      top: 120px;
      left: 16px; }
  .page-template-fb-feed-view .fb-feed-block .feed-view-2 {
    background: url("images/fb-feed-view-2.jpg");
    background-size: 700px 675px;
    width: 700px;
    height: 675px;
    margin: auto;
    position: relative; }
    .page-template-fb-feed-view .fb-feed-block .feed-view-2 img {
      position: absolute;
      width: 476px;
      height: 249px;
      top: 173px;
      left: 205px; }

#add-challenge-modal {
  font-family: "Source sans pro", "sans-serif"; }
  #add-challenge-modal a.modal-close {
    position: absolute;
    top: -16px;
    right: -16px; }
  #add-challenge-modal .vertical-align {
    display: table;
    height: 100%;
    width: 100%; }
    #add-challenge-modal .vertical-align .add-challenge-dialog {
      display: table-cell;
      vertical-align: middle;
      width: 586px; }
      #add-challenge-modal .vertical-align .add-challenge-dialog .modal-content {
        width: inherit;
        height: inherit;
        margin: 20px auto 20px; }
      #add-challenge-modal .vertical-align .add-challenge-dialog .modal-body {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        background: var(--white);
        padding: 20px; }
      #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body {
        background: var(--white); }
        #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body h2 {
          padding: 0;
          text-align: left;
          font-size: 26px;
          font-weight: 600;
          height: 26px;
          padding-bottom: 24px; }
          #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body h2:after {
            background: 0 0; }
        #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body input[type="text"], #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body textarea, #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body select {
          border: 1px solid var(--gray-200);
          background: var(--white);
          padding: 0 3%;
          height: 58px;
          font-size: 16px;
          color: var(--gray-400);
          outline: 0;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px;
          display: block;
          width: 100%;
          box-sizing: border-box; }
          #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body input[type="text"].errorBorder, #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body textarea.errorBorder, #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body select.errorBorder {
            border: 1px solid red; }
          #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body input[type="text"].challenge-image-title, #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body textarea.challenge-image-title, #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body select.challenge-image-title {
            margin-top: 20px;
            -webkit-border-radius: 5px 5px 0 0;
            -moz-border-radius: 5px 5px 0 0;
            -ms-border-radius: 5px 5px 0 0;
            -o-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0; }
        #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body #challenge-background {
          margin-top: 20px; }
        #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .challenge-description {
          resize: none;
          height: 120px;
          margin: 0;
          padding-top: 18px;
          margin-top: 20px;
          -webkit-border-radius: 5px 5px 0 0;
          -moz-border-radius: 5px 5px 0 0;
          -ms-border-radius: 5px 5px 0 0;
          -o-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0; }
          #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .challenge-description.rounded {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px; }
        #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .challenge-title:focus {
          -webkit-border-radius: 5px 5px 0 0;
          -moz-border-radius: 5px 5px 0 0;
          -ms-border-radius: 5px 5px 0 0;
          -o-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0; }
        #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .uploaded-image-container {
          margin-bottom: 20px;
          position: relative; }
          #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .uploaded-image-container .remove-image {
            position: absolute;
            right: 15px;
            top: 15px; }
          #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .uploaded-image-container img {
            width: 100%; }
          #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .uploaded-image-container.no-title {
            margin-top: 20px; }
        #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body #image-upload-btn-id-modal:hover {
          background: var(--gray-50); }
        #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .image-file-area {
          height: 90px;
          line-height: 90px;
          text-align: center;
          background: var(--gray-100);
          border: 1px solid var(--gray-200);
          -webkit-border-radius: 0 0 5px 5px;
          -moz-border-radius: 0 0 5px 5px;
          -ms-border-radius: 0 0 5px 5px;
          -o-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px;
          border-top: none;
          margin-bottom: 20px; }
          #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .image-file-area .image-upload-btn {
            color: var(--gray-350);
            font-size: 16px;
            line-height: 90px;
            display: block;
            height: 100%;
            cursor: pointer; }
            #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .image-file-area .image-upload-btn i {
              padding-right: 14px; }
              #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .image-file-area .image-upload-btn i svg {
                vertical-align: middle; }
          #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .image-file-area .error {
            line-height: 1;
            margin-top: 5px;
            color: red; }
          #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .image-file-area.no-title {
            border-radius: 5px;
            border: 1px solid var(--gray-200);
            margin-top: 20px; }
        #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .expand-source a {
          font-size: 16px;
          color: var(--gray-800); }
        #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .expand-source label {
          font-size: 16px;
          color: var(--gray-800);
          margin-bottom: 5px;
          display: block; }
        #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .challenge-modal-buttons {
          margin-top: 20px; }
          #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .challenge-modal-buttons a {
            font-size: 16px;
            font-weight: 600;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            -ms-border-radius: 25px;
            -o-border-radius: 25px;
            border-radius: 25px;
            box-sizing: border-box;
            padding: 12px 22px;
            display: inline-block; }
            #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .challenge-modal-buttons a.preview-button {
              float: left;
              border: 2px solid var(--gray-300);
              color: #7d7d7d;
              padding: 0 22px;
              height: 50px;
              line-height: 44px; }
              #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .challenge-modal-buttons a.preview-button:hover {
                opacity: 0.7; }
              #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .challenge-modal-buttons a.preview-button i {
                display: inline-block; }
                #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .challenge-modal-buttons a.preview-button i .icon-preview-icon {
                  vertical-align: middle;
                  margin-right: 7px;
                  display: block; }
            #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .challenge-modal-buttons a.publish-button {
              float: right;
              color: var(--white);
              background: #56b863;
              padding: 0 22px;
              font-weight: 700;
              height: 50px;
              line-height: 48px; }
              #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .challenge-modal-buttons a.publish-button:hover {
                background: var(--green-200); }
              #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .challenge-modal-buttons a.publish-button i {
                display: inline-block; }
                #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .challenge-modal-buttons a.publish-button i .icon-submit-arrow {
                  vertical-align: middle;
                  margin-left: 7px;
                  display: block; }
        #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .panda-tooltip .input-tooltip {
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          -ms-border-radius: 0;
          -o-border-radius: 0;
          border-radius: 0; }
          #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .panda-tooltip .input-tooltip.title-tooltip {
            -webkit-border-radius: 0 0 5px 5px;
            -moz-border-radius: 0 0 5px 5px;
            -ms-border-radius: 0 0 5px 5px;
            -o-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px; }
        #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .type-item {
          float: left;
          height: 33px;
          width: 50%;
          cursor: pointer;
          margin: 0px 0 20px; }
          #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .type-item .radio {
            float: left;
            margin: 8px 10px 0 0; }
          #add-challenge-modal .vertical-align .add-challenge-dialog .add-challenge-modal-body .type-item .name {
            font-family: "Roboto";
            font-size: 16px;
            color: #7d7d7d;
            float: left;
            line-height: 33px;
            padding-left: 10px; }
      #add-challenge-modal .vertical-align .add-challenge-dialog.photography .add-challenge-modal-body .challenge-description {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px; }

.page-template-partners-dashboard .left-content-column .admin, .page-template-partners-dashboard .left-content-column .partner, .page-template-partners-dashboard .left-content-column .login, .page-template-facebook-reports-template .left-content-column .admin, .page-template-facebook-reports-template .left-content-column .partner, .page-template-facebook-reports-template .left-content-column .login,
.page-template-partners-management .left-content-column .admin,
.page-template-partners-management .left-content-column .partner,
.page-template-partners-management .left-content-column .login, .page-template-utm-generator .left-content-column .admin, .page-template-utm-generator .left-content-column .partner, .page-template-utm-generator .left-content-column .login,
.page-template-partners-faq .left-content-column .admin,
.page-template-partners-faq .left-content-column .partner,
.page-template-partners-faq .left-content-column .login {
  padding: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: var(--white);
  width: 100%;
  box-sizing: border-box; }
  @media (max-width: 480px) {
    .page-template-partners-dashboard .left-content-column .admin, .page-template-partners-dashboard .left-content-column .partner, .page-template-partners-dashboard .left-content-column .login, .page-template-facebook-reports-template .left-content-column .admin, .page-template-facebook-reports-template .left-content-column .partner, .page-template-facebook-reports-template .left-content-column .login,
    .page-template-partners-management .left-content-column .admin,
    .page-template-partners-management .left-content-column .partner,
    .page-template-partners-management .left-content-column .login, .page-template-utm-generator .left-content-column .admin, .page-template-utm-generator .left-content-column .partner, .page-template-utm-generator .left-content-column .login,
    .page-template-partners-faq .left-content-column .admin,
    .page-template-partners-faq .left-content-column .partner,
    .page-template-partners-faq .left-content-column .login {
      padding: 15px; } }
  .page-template-partners-dashboard .left-content-column .admin .partners-manage-page, .page-template-partners-dashboard .left-content-column .partner .partners-manage-page, .page-template-partners-dashboard .left-content-column .login .partners-manage-page, .page-template-facebook-reports-template .left-content-column .admin .partners-manage-page, .page-template-facebook-reports-template .left-content-column .partner .partners-manage-page, .page-template-facebook-reports-template .left-content-column .login .partners-manage-page,
  .page-template-partners-management .left-content-column .admin .partners-manage-page,
  .page-template-partners-management .left-content-column .partner .partners-manage-page,
  .page-template-partners-management .left-content-column .login .partners-manage-page, .page-template-utm-generator .left-content-column .admin .partners-manage-page, .page-template-utm-generator .left-content-column .partner .partners-manage-page, .page-template-utm-generator .left-content-column .login .partners-manage-page,
  .page-template-partners-faq .left-content-column .admin .partners-manage-page,
  .page-template-partners-faq .left-content-column .partner .partners-manage-page,
  .page-template-partners-faq .left-content-column .login .partners-manage-page {
    color: #56b863;
    float: right; }
  .page-template-partners-dashboard .left-content-column .admin .success, .page-template-partners-dashboard .left-content-column .admin .error, .page-template-partners-dashboard .left-content-column .partner .success, .page-template-partners-dashboard .left-content-column .partner .error, .page-template-partners-dashboard .left-content-column .login .success, .page-template-partners-dashboard .left-content-column .login .error, .page-template-facebook-reports-template .left-content-column .admin .success, .page-template-facebook-reports-template .left-content-column .admin .error, .page-template-facebook-reports-template .left-content-column .partner .success, .page-template-facebook-reports-template .left-content-column .partner .error, .page-template-facebook-reports-template .left-content-column .login .success, .page-template-facebook-reports-template .left-content-column .login .error,
  .page-template-partners-management .left-content-column .admin .success,
  .page-template-partners-management .left-content-column .admin .error,
  .page-template-partners-management .left-content-column .partner .success,
  .page-template-partners-management .left-content-column .partner .error,
  .page-template-partners-management .left-content-column .login .success,
  .page-template-partners-management .left-content-column .login .error, .page-template-utm-generator .left-content-column .admin .success, .page-template-utm-generator .left-content-column .admin .error, .page-template-utm-generator .left-content-column .partner .success, .page-template-utm-generator .left-content-column .partner .error, .page-template-utm-generator .left-content-column .login .success, .page-template-utm-generator .left-content-column .login .error,
  .page-template-partners-faq .left-content-column .admin .success,
  .page-template-partners-faq .left-content-column .admin .error,
  .page-template-partners-faq .left-content-column .partner .success,
  .page-template-partners-faq .left-content-column .partner .error,
  .page-template-partners-faq .left-content-column .login .success,
  .page-template-partners-faq .left-content-column .login .error {
    line-height: 50px;
    margin-bottom: 15px;
    background: #56b863;
    color: var(--white);
    padding: 0 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  .page-template-partners-dashboard .left-content-column .admin .info, .page-template-partners-dashboard .left-content-column .partner .info, .page-template-partners-dashboard .left-content-column .login .info, .page-template-facebook-reports-template .left-content-column .admin .info, .page-template-facebook-reports-template .left-content-column .partner .info, .page-template-facebook-reports-template .left-content-column .login .info,
  .page-template-partners-management .left-content-column .admin .info,
  .page-template-partners-management .left-content-column .partner .info,
  .page-template-partners-management .left-content-column .login .info, .page-template-utm-generator .left-content-column .admin .info, .page-template-utm-generator .left-content-column .partner .info, .page-template-utm-generator .left-content-column .login .info,
  .page-template-partners-faq .left-content-column .admin .info,
  .page-template-partners-faq .left-content-column .partner .info,
  .page-template-partners-faq .left-content-column .login .info {
    margin-bottom: 15px;
    color: var(--gray-800);
    padding: 10px 15px;
    border: 1px solid var(--gray-500);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .page-template-partners-dashboard .left-content-column .admin .info span, .page-template-partners-dashboard .left-content-column .partner .info span, .page-template-partners-dashboard .left-content-column .login .info span, .page-template-facebook-reports-template .left-content-column .admin .info span, .page-template-facebook-reports-template .left-content-column .partner .info span, .page-template-facebook-reports-template .left-content-column .login .info span,
    .page-template-partners-management .left-content-column .admin .info span,
    .page-template-partners-management .left-content-column .partner .info span,
    .page-template-partners-management .left-content-column .login .info span, .page-template-utm-generator .left-content-column .admin .info span, .page-template-utm-generator .left-content-column .partner .info span, .page-template-utm-generator .left-content-column .login .info span,
    .page-template-partners-faq .left-content-column .admin .info span,
    .page-template-partners-faq .left-content-column .partner .info span,
    .page-template-partners-faq .left-content-column .login .info span {
      line-height: 20px; }
  .page-template-partners-dashboard .left-content-column .admin .error, .page-template-partners-dashboard .left-content-column .partner .error, .page-template-partners-dashboard .left-content-column .login .error, .page-template-facebook-reports-template .left-content-column .admin .error, .page-template-facebook-reports-template .left-content-column .partner .error, .page-template-facebook-reports-template .left-content-column .login .error,
  .page-template-partners-management .left-content-column .admin .error,
  .page-template-partners-management .left-content-column .partner .error,
  .page-template-partners-management .left-content-column .login .error, .page-template-utm-generator .left-content-column .admin .error, .page-template-utm-generator .left-content-column .partner .error, .page-template-utm-generator .left-content-column .login .error,
  .page-template-partners-faq .left-content-column .admin .error,
  .page-template-partners-faq .left-content-column .partner .error,
  .page-template-partners-faq .left-content-column .login .error {
    background: var(--orange-150); }
  .page-template-partners-dashboard .left-content-column .admin .generate-info, .page-template-partners-dashboard .left-content-column .partner .generate-info, .page-template-partners-dashboard .left-content-column .login .generate-info, .page-template-facebook-reports-template .left-content-column .admin .generate-info, .page-template-facebook-reports-template .left-content-column .partner .generate-info, .page-template-facebook-reports-template .left-content-column .login .generate-info,
  .page-template-partners-management .left-content-column .admin .generate-info,
  .page-template-partners-management .left-content-column .partner .generate-info,
  .page-template-partners-management .left-content-column .login .generate-info, .page-template-utm-generator .left-content-column .admin .generate-info, .page-template-utm-generator .left-content-column .partner .generate-info, .page-template-utm-generator .left-content-column .login .generate-info,
  .page-template-partners-faq .left-content-column .admin .generate-info,
  .page-template-partners-faq .left-content-column .partner .generate-info,
  .page-template-partners-faq .left-content-column .login .generate-info {
    padding: 10px;
    background: var(--sky-blue-100); }
    .page-template-partners-dashboard .left-content-column .admin .generate-info.error, .page-template-partners-dashboard .left-content-column .partner .generate-info.error, .page-template-partners-dashboard .left-content-column .login .generate-info.error, .page-template-facebook-reports-template .left-content-column .admin .generate-info.error, .page-template-facebook-reports-template .left-content-column .partner .generate-info.error, .page-template-facebook-reports-template .left-content-column .login .generate-info.error,
    .page-template-partners-management .left-content-column .admin .generate-info.error,
    .page-template-partners-management .left-content-column .partner .generate-info.error,
    .page-template-partners-management .left-content-column .login .generate-info.error, .page-template-utm-generator .left-content-column .admin .generate-info.error, .page-template-utm-generator .left-content-column .partner .generate-info.error, .page-template-utm-generator .left-content-column .login .generate-info.error,
    .page-template-partners-faq .left-content-column .admin .generate-info.error,
    .page-template-partners-faq .left-content-column .partner .generate-info.error,
    .page-template-partners-faq .left-content-column .login .generate-info.error {
      background: var(--orange-150);
      color: var(--white); }
  .page-template-partners-dashboard .left-content-column .admin h1, .page-template-partners-dashboard .left-content-column .partner h1, .page-template-partners-dashboard .left-content-column .login h1, .page-template-facebook-reports-template .left-content-column .admin h1, .page-template-facebook-reports-template .left-content-column .partner h1, .page-template-facebook-reports-template .left-content-column .login h1,
  .page-template-partners-management .left-content-column .admin h1,
  .page-template-partners-management .left-content-column .partner h1,
  .page-template-partners-management .left-content-column .login h1, .page-template-utm-generator .left-content-column .admin h1, .page-template-utm-generator .left-content-column .partner h1, .page-template-utm-generator .left-content-column .login h1,
  .page-template-partners-faq .left-content-column .admin h1,
  .page-template-partners-faq .left-content-column .partner h1,
  .page-template-partners-faq .left-content-column .login h1 {
    font-size: 30px;
    padding-bottom: 20px; }
  .page-template-partners-dashboard .left-content-column .admin label, .page-template-partners-dashboard .left-content-column .partner label, .page-template-partners-dashboard .left-content-column .login label, .page-template-facebook-reports-template .left-content-column .admin label, .page-template-facebook-reports-template .left-content-column .partner label, .page-template-facebook-reports-template .left-content-column .login label,
  .page-template-partners-management .left-content-column .admin label,
  .page-template-partners-management .left-content-column .partner label,
  .page-template-partners-management .left-content-column .login label, .page-template-utm-generator .left-content-column .admin label, .page-template-utm-generator .left-content-column .partner label, .page-template-utm-generator .left-content-column .login label,
  .page-template-partners-faq .left-content-column .admin label,
  .page-template-partners-faq .left-content-column .partner label,
  .page-template-partners-faq .left-content-column .login label {
    color: var(--gray-800);
    padding-bottom: 10px;
    display: block; }
  .page-template-partners-dashboard .left-content-column .admin input[type="text"], .page-template-partners-dashboard .left-content-column .admin input[type="number"], .page-template-partners-dashboard .left-content-column .admin input[type="email"], .page-template-partners-dashboard .left-content-column .admin select, .page-template-partners-dashboard .left-content-column .admin textarea, .page-template-partners-dashboard .left-content-column .partner input[type="text"], .page-template-partners-dashboard .left-content-column .partner input[type="number"], .page-template-partners-dashboard .left-content-column .partner input[type="email"], .page-template-partners-dashboard .left-content-column .partner select, .page-template-partners-dashboard .left-content-column .partner textarea, .page-template-partners-dashboard .left-content-column .login input[type="text"], .page-template-partners-dashboard .left-content-column .login input[type="number"], .page-template-partners-dashboard .left-content-column .login input[type="email"], .page-template-partners-dashboard .left-content-column .login select, .page-template-partners-dashboard .left-content-column .login textarea, .page-template-facebook-reports-template .left-content-column .admin input[type="text"], .page-template-facebook-reports-template .left-content-column .admin input[type="number"], .page-template-facebook-reports-template .left-content-column .admin input[type="email"], .page-template-facebook-reports-template .left-content-column .admin select, .page-template-facebook-reports-template .left-content-column .admin textarea, .page-template-facebook-reports-template .left-content-column .partner input[type="text"], .page-template-facebook-reports-template .left-content-column .partner input[type="number"], .page-template-facebook-reports-template .left-content-column .partner input[type="email"], .page-template-facebook-reports-template .left-content-column .partner select, .page-template-facebook-reports-template .left-content-column .partner textarea, .page-template-facebook-reports-template .left-content-column .login input[type="text"], .page-template-facebook-reports-template .left-content-column .login input[type="number"], .page-template-facebook-reports-template .left-content-column .login input[type="email"], .page-template-facebook-reports-template .left-content-column .login select, .page-template-facebook-reports-template .left-content-column .login textarea,
  .page-template-partners-management .left-content-column .admin input[type="text"],
  .page-template-partners-management .left-content-column .admin input[type="number"],
  .page-template-partners-management .left-content-column .admin input[type="email"],
  .page-template-partners-management .left-content-column .admin select,
  .page-template-partners-management .left-content-column .admin textarea,
  .page-template-partners-management .left-content-column .partner input[type="text"],
  .page-template-partners-management .left-content-column .partner input[type="number"],
  .page-template-partners-management .left-content-column .partner input[type="email"],
  .page-template-partners-management .left-content-column .partner select,
  .page-template-partners-management .left-content-column .partner textarea,
  .page-template-partners-management .left-content-column .login input[type="text"],
  .page-template-partners-management .left-content-column .login input[type="number"],
  .page-template-partners-management .left-content-column .login input[type="email"],
  .page-template-partners-management .left-content-column .login select,
  .page-template-partners-management .left-content-column .login textarea, .page-template-utm-generator .left-content-column .admin input[type="text"], .page-template-utm-generator .left-content-column .admin input[type="number"], .page-template-utm-generator .left-content-column .admin input[type="email"], .page-template-utm-generator .left-content-column .admin select, .page-template-utm-generator .left-content-column .admin textarea, .page-template-utm-generator .left-content-column .partner input[type="text"], .page-template-utm-generator .left-content-column .partner input[type="number"], .page-template-utm-generator .left-content-column .partner input[type="email"], .page-template-utm-generator .left-content-column .partner select, .page-template-utm-generator .left-content-column .partner textarea, .page-template-utm-generator .left-content-column .login input[type="text"], .page-template-utm-generator .left-content-column .login input[type="number"], .page-template-utm-generator .left-content-column .login input[type="email"], .page-template-utm-generator .left-content-column .login select, .page-template-utm-generator .left-content-column .login textarea,
  .page-template-partners-faq .left-content-column .admin input[type="text"],
  .page-template-partners-faq .left-content-column .admin input[type="number"],
  .page-template-partners-faq .left-content-column .admin input[type="email"],
  .page-template-partners-faq .left-content-column .admin select,
  .page-template-partners-faq .left-content-column .admin textarea,
  .page-template-partners-faq .left-content-column .partner input[type="text"],
  .page-template-partners-faq .left-content-column .partner input[type="number"],
  .page-template-partners-faq .left-content-column .partner input[type="email"],
  .page-template-partners-faq .left-content-column .partner select,
  .page-template-partners-faq .left-content-column .partner textarea,
  .page-template-partners-faq .left-content-column .login input[type="text"],
  .page-template-partners-faq .left-content-column .login input[type="number"],
  .page-template-partners-faq .left-content-column .login input[type="email"],
  .page-template-partners-faq .left-content-column .login select,
  .page-template-partners-faq .left-content-column .login textarea {
    border: 1px solid var(--gray-200);
    background: white;
    padding: 0 2%;
    height: 45px;
    font-size: 14px;
    color: var(--gray-450);
    outline: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 15px; }
    .page-template-partners-dashboard .left-content-column .admin input[type="text"].errorBorder, .page-template-partners-dashboard .left-content-column .admin input[type="number"].errorBorder, .page-template-partners-dashboard .left-content-column .admin input[type="email"].errorBorder, .page-template-partners-dashboard .left-content-column .admin select.errorBorder, .page-template-partners-dashboard .left-content-column .admin textarea.errorBorder, .page-template-partners-dashboard .left-content-column .partner input[type="text"].errorBorder, .page-template-partners-dashboard .left-content-column .partner input[type="number"].errorBorder, .page-template-partners-dashboard .left-content-column .partner input[type="email"].errorBorder, .page-template-partners-dashboard .left-content-column .partner select.errorBorder, .page-template-partners-dashboard .left-content-column .partner textarea.errorBorder, .page-template-partners-dashboard .left-content-column .login input[type="text"].errorBorder, .page-template-partners-dashboard .left-content-column .login input[type="number"].errorBorder, .page-template-partners-dashboard .left-content-column .login input[type="email"].errorBorder, .page-template-partners-dashboard .left-content-column .login select.errorBorder, .page-template-partners-dashboard .left-content-column .login textarea.errorBorder, .page-template-facebook-reports-template .left-content-column .admin input[type="text"].errorBorder, .page-template-facebook-reports-template .left-content-column .admin input[type="number"].errorBorder, .page-template-facebook-reports-template .left-content-column .admin input[type="email"].errorBorder, .page-template-facebook-reports-template .left-content-column .admin select.errorBorder, .page-template-facebook-reports-template .left-content-column .admin textarea.errorBorder, .page-template-facebook-reports-template .left-content-column .partner input[type="text"].errorBorder, .page-template-facebook-reports-template .left-content-column .partner input[type="number"].errorBorder, .page-template-facebook-reports-template .left-content-column .partner input[type="email"].errorBorder, .page-template-facebook-reports-template .left-content-column .partner select.errorBorder, .page-template-facebook-reports-template .left-content-column .partner textarea.errorBorder, .page-template-facebook-reports-template .left-content-column .login input[type="text"].errorBorder, .page-template-facebook-reports-template .left-content-column .login input[type="number"].errorBorder, .page-template-facebook-reports-template .left-content-column .login input[type="email"].errorBorder, .page-template-facebook-reports-template .left-content-column .login select.errorBorder, .page-template-facebook-reports-template .left-content-column .login textarea.errorBorder,
    .page-template-partners-management .left-content-column .admin input[type="text"].errorBorder,
    .page-template-partners-management .left-content-column .admin input[type="number"].errorBorder,
    .page-template-partners-management .left-content-column .admin input[type="email"].errorBorder,
    .page-template-partners-management .left-content-column .admin select.errorBorder,
    .page-template-partners-management .left-content-column .admin textarea.errorBorder,
    .page-template-partners-management .left-content-column .partner input[type="text"].errorBorder,
    .page-template-partners-management .left-content-column .partner input[type="number"].errorBorder,
    .page-template-partners-management .left-content-column .partner input[type="email"].errorBorder,
    .page-template-partners-management .left-content-column .partner select.errorBorder,
    .page-template-partners-management .left-content-column .partner textarea.errorBorder,
    .page-template-partners-management .left-content-column .login input[type="text"].errorBorder,
    .page-template-partners-management .left-content-column .login input[type="number"].errorBorder,
    .page-template-partners-management .left-content-column .login input[type="email"].errorBorder,
    .page-template-partners-management .left-content-column .login select.errorBorder,
    .page-template-partners-management .left-content-column .login textarea.errorBorder, .page-template-utm-generator .left-content-column .admin input[type="text"].errorBorder, .page-template-utm-generator .left-content-column .admin input[type="number"].errorBorder, .page-template-utm-generator .left-content-column .admin input[type="email"].errorBorder, .page-template-utm-generator .left-content-column .admin select.errorBorder, .page-template-utm-generator .left-content-column .admin textarea.errorBorder, .page-template-utm-generator .left-content-column .partner input[type="text"].errorBorder, .page-template-utm-generator .left-content-column .partner input[type="number"].errorBorder, .page-template-utm-generator .left-content-column .partner input[type="email"].errorBorder, .page-template-utm-generator .left-content-column .partner select.errorBorder, .page-template-utm-generator .left-content-column .partner textarea.errorBorder, .page-template-utm-generator .left-content-column .login input[type="text"].errorBorder, .page-template-utm-generator .left-content-column .login input[type="number"].errorBorder, .page-template-utm-generator .left-content-column .login input[type="email"].errorBorder, .page-template-utm-generator .left-content-column .login select.errorBorder, .page-template-utm-generator .left-content-column .login textarea.errorBorder,
    .page-template-partners-faq .left-content-column .admin input[type="text"].errorBorder,
    .page-template-partners-faq .left-content-column .admin input[type="number"].errorBorder,
    .page-template-partners-faq .left-content-column .admin input[type="email"].errorBorder,
    .page-template-partners-faq .left-content-column .admin select.errorBorder,
    .page-template-partners-faq .left-content-column .admin textarea.errorBorder,
    .page-template-partners-faq .left-content-column .partner input[type="text"].errorBorder,
    .page-template-partners-faq .left-content-column .partner input[type="number"].errorBorder,
    .page-template-partners-faq .left-content-column .partner input[type="email"].errorBorder,
    .page-template-partners-faq .left-content-column .partner select.errorBorder,
    .page-template-partners-faq .left-content-column .partner textarea.errorBorder,
    .page-template-partners-faq .left-content-column .login input[type="text"].errorBorder,
    .page-template-partners-faq .left-content-column .login input[type="number"].errorBorder,
    .page-template-partners-faq .left-content-column .login input[type="email"].errorBorder,
    .page-template-partners-faq .left-content-column .login select.errorBorder,
    .page-template-partners-faq .left-content-column .login textarea.errorBorder {
      border: 1px solid red; }
  .page-template-partners-dashboard .left-content-column .admin textarea, .page-template-partners-dashboard .left-content-column .partner textarea, .page-template-partners-dashboard .left-content-column .login textarea, .page-template-facebook-reports-template .left-content-column .admin textarea, .page-template-facebook-reports-template .left-content-column .partner textarea, .page-template-facebook-reports-template .left-content-column .login textarea,
  .page-template-partners-management .left-content-column .admin textarea,
  .page-template-partners-management .left-content-column .partner textarea,
  .page-template-partners-management .left-content-column .login textarea, .page-template-utm-generator .left-content-column .admin textarea, .page-template-utm-generator .left-content-column .partner textarea, .page-template-utm-generator .left-content-column .login textarea,
  .page-template-partners-faq .left-content-column .admin textarea,
  .page-template-partners-faq .left-content-column .partner textarea,
  .page-template-partners-faq .left-content-column .login textarea {
    padding: 2%;
    height: 100px; }
  .page-template-partners-dashboard .left-content-column .admin select, .page-template-partners-dashboard .left-content-column .partner select, .page-template-partners-dashboard .left-content-column .login select, .page-template-facebook-reports-template .left-content-column .admin select, .page-template-facebook-reports-template .left-content-column .partner select, .page-template-facebook-reports-template .left-content-column .login select,
  .page-template-partners-management .left-content-column .admin select,
  .page-template-partners-management .left-content-column .partner select,
  .page-template-partners-management .left-content-column .login select, .page-template-utm-generator .left-content-column .admin select, .page-template-utm-generator .left-content-column .partner select, .page-template-utm-generator .left-content-column .login select,
  .page-template-partners-faq .left-content-column .admin select,
  .page-template-partners-faq .left-content-column .partner select,
  .page-template-partners-faq .left-content-column .login select {
    width: 300px; }
    @media (max-width: 340px) {
      .page-template-partners-dashboard .left-content-column .admin select, .page-template-partners-dashboard .left-content-column .partner select, .page-template-partners-dashboard .left-content-column .login select, .page-template-facebook-reports-template .left-content-column .admin select, .page-template-facebook-reports-template .left-content-column .partner select, .page-template-facebook-reports-template .left-content-column .login select,
      .page-template-partners-management .left-content-column .admin select,
      .page-template-partners-management .left-content-column .partner select,
      .page-template-partners-management .left-content-column .login select, .page-template-utm-generator .left-content-column .admin select, .page-template-utm-generator .left-content-column .partner select, .page-template-utm-generator .left-content-column .login select,
      .page-template-partners-faq .left-content-column .admin select,
      .page-template-partners-faq .left-content-column .partner select,
      .page-template-partners-faq .left-content-column .login select {
        width: 100%; } }
  .page-template-partners-dashboard .left-content-column .admin .add-button, .page-template-partners-dashboard .left-content-column .partner .add-button, .page-template-partners-dashboard .left-content-column .login .add-button, .page-template-facebook-reports-template .left-content-column .admin .add-button, .page-template-facebook-reports-template .left-content-column .partner .add-button, .page-template-facebook-reports-template .left-content-column .login .add-button,
  .page-template-partners-management .left-content-column .admin .add-button,
  .page-template-partners-management .left-content-column .partner .add-button,
  .page-template-partners-management .left-content-column .login .add-button, .page-template-utm-generator .left-content-column .admin .add-button, .page-template-utm-generator .left-content-column .partner .add-button, .page-template-utm-generator .left-content-column .login .add-button,
  .page-template-partners-faq .left-content-column .admin .add-button,
  .page-template-partners-faq .left-content-column .partner .add-button,
  .page-template-partners-faq .left-content-column .login .add-button {
    padding: 10px 20px;
    border-radius: 5px;
    border: 0;
    color: var(--white);
    background: #56b863;
    cursor: pointer;
    outline: none; }
    .page-template-partners-dashboard .left-content-column .admin .add-button:hover, .page-template-partners-dashboard .left-content-column .partner .add-button:hover, .page-template-partners-dashboard .left-content-column .login .add-button:hover, .page-template-facebook-reports-template .left-content-column .admin .add-button:hover, .page-template-facebook-reports-template .left-content-column .partner .add-button:hover, .page-template-facebook-reports-template .left-content-column .login .add-button:hover,
    .page-template-partners-management .left-content-column .admin .add-button:hover,
    .page-template-partners-management .left-content-column .partner .add-button:hover,
    .page-template-partners-management .left-content-column .login .add-button:hover, .page-template-utm-generator .left-content-column .admin .add-button:hover, .page-template-utm-generator .left-content-column .partner .add-button:hover, .page-template-utm-generator .left-content-column .login .add-button:hover,
    .page-template-partners-faq .left-content-column .admin .add-button:hover,
    .page-template-partners-faq .left-content-column .partner .add-button:hover,
    .page-template-partners-faq .left-content-column .login .add-button:hover {
      background: var(--green-200); }
  .page-template-partners-dashboard .left-content-column .admin .share-bracket .share, .page-template-partners-dashboard .left-content-column .partner .share-bracket .share, .page-template-partners-dashboard .left-content-column .login .share-bracket .share, .page-template-facebook-reports-template .left-content-column .admin .share-bracket .share, .page-template-facebook-reports-template .left-content-column .partner .share-bracket .share, .page-template-facebook-reports-template .left-content-column .login .share-bracket .share,
  .page-template-partners-management .left-content-column .admin .share-bracket .share,
  .page-template-partners-management .left-content-column .partner .share-bracket .share,
  .page-template-partners-management .left-content-column .login .share-bracket .share, .page-template-utm-generator .left-content-column .admin .share-bracket .share, .page-template-utm-generator .left-content-column .partner .share-bracket .share, .page-template-utm-generator .left-content-column .login .share-bracket .share,
  .page-template-partners-faq .left-content-column .admin .share-bracket .share,
  .page-template-partners-faq .left-content-column .partner .share-bracket .share,
  .page-template-partners-faq .left-content-column .login .share-bracket .share {
    width: 100px;
    display: inline;
    margin-right: 10px; }
  .page-template-partners-dashboard .left-content-column .admin .share-bracket .clicks, .page-template-partners-dashboard .left-content-column .partner .share-bracket .clicks, .page-template-partners-dashboard .left-content-column .login .share-bracket .clicks, .page-template-facebook-reports-template .left-content-column .admin .share-bracket .clicks, .page-template-facebook-reports-template .left-content-column .partner .share-bracket .clicks, .page-template-facebook-reports-template .left-content-column .login .share-bracket .clicks,
  .page-template-partners-management .left-content-column .admin .share-bracket .clicks,
  .page-template-partners-management .left-content-column .partner .share-bracket .clicks,
  .page-template-partners-management .left-content-column .login .share-bracket .clicks, .page-template-utm-generator .left-content-column .admin .share-bracket .clicks, .page-template-utm-generator .left-content-column .partner .share-bracket .clicks, .page-template-utm-generator .left-content-column .login .share-bracket .clicks,
  .page-template-partners-faq .left-content-column .admin .share-bracket .clicks,
  .page-template-partners-faq .left-content-column .partner .share-bracket .clicks,
  .page-template-partners-faq .left-content-column .login .share-bracket .clicks {
    width: 200px;
    display: inline; }
  .page-template-partners-dashboard .left-content-column .admin .submit, .page-template-partners-dashboard .left-content-column .partner .submit, .page-template-partners-dashboard .left-content-column .login .submit, .page-template-facebook-reports-template .left-content-column .admin .submit, .page-template-facebook-reports-template .left-content-column .partner .submit, .page-template-facebook-reports-template .left-content-column .login .submit,
  .page-template-partners-management .left-content-column .admin .submit,
  .page-template-partners-management .left-content-column .partner .submit,
  .page-template-partners-management .left-content-column .login .submit, .page-template-utm-generator .left-content-column .admin .submit, .page-template-utm-generator .left-content-column .partner .submit, .page-template-utm-generator .left-content-column .login .submit,
  .page-template-partners-faq .left-content-column .admin .submit,
  .page-template-partners-faq .left-content-column .partner .submit,
  .page-template-partners-faq .left-content-column .login .submit {
    color: var(--white);
    background: #56b863;
    padding: 0 22px;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 40px;
    outline: none;
    cursor: pointer; }
    .page-template-partners-dashboard .left-content-column .admin .submit:hover, .page-template-partners-dashboard .left-content-column .partner .submit:hover, .page-template-partners-dashboard .left-content-column .login .submit:hover, .page-template-facebook-reports-template .left-content-column .admin .submit:hover, .page-template-facebook-reports-template .left-content-column .partner .submit:hover, .page-template-facebook-reports-template .left-content-column .login .submit:hover,
    .page-template-partners-management .left-content-column .admin .submit:hover,
    .page-template-partners-management .left-content-column .partner .submit:hover,
    .page-template-partners-management .left-content-column .login .submit:hover, .page-template-utm-generator .left-content-column .admin .submit:hover, .page-template-utm-generator .left-content-column .partner .submit:hover, .page-template-utm-generator .left-content-column .login .submit:hover,
    .page-template-partners-faq .left-content-column .admin .submit:hover,
    .page-template-partners-faq .left-content-column .partner .submit:hover,
    .page-template-partners-faq .left-content-column .login .submit:hover {
      background: var(--green-200); }
  .page-template-partners-dashboard .left-content-column .admin .stats-table, .page-template-partners-dashboard .left-content-column .partner .stats-table, .page-template-partners-dashboard .left-content-column .login .stats-table, .page-template-facebook-reports-template .left-content-column .admin .stats-table, .page-template-facebook-reports-template .left-content-column .partner .stats-table, .page-template-facebook-reports-template .left-content-column .login .stats-table,
  .page-template-partners-management .left-content-column .admin .stats-table,
  .page-template-partners-management .left-content-column .partner .stats-table,
  .page-template-partners-management .left-content-column .login .stats-table, .page-template-utm-generator .left-content-column .admin .stats-table, .page-template-utm-generator .left-content-column .partner .stats-table, .page-template-utm-generator .left-content-column .login .stats-table,
  .page-template-partners-faq .left-content-column .admin .stats-table,
  .page-template-partners-faq .left-content-column .partner .stats-table,
  .page-template-partners-faq .left-content-column .login .stats-table {
    padding-bottom: 20px; }
    .page-template-partners-dashboard .left-content-column .admin .stats-table p, .page-template-partners-dashboard .left-content-column .partner .stats-table p, .page-template-partners-dashboard .left-content-column .login .stats-table p, .page-template-facebook-reports-template .left-content-column .admin .stats-table p, .page-template-facebook-reports-template .left-content-column .partner .stats-table p, .page-template-facebook-reports-template .left-content-column .login .stats-table p,
    .page-template-partners-management .left-content-column .admin .stats-table p,
    .page-template-partners-management .left-content-column .partner .stats-table p,
    .page-template-partners-management .left-content-column .login .stats-table p, .page-template-utm-generator .left-content-column .admin .stats-table p, .page-template-utm-generator .left-content-column .partner .stats-table p, .page-template-utm-generator .left-content-column .login .stats-table p,
    .page-template-partners-faq .left-content-column .admin .stats-table p,
    .page-template-partners-faq .left-content-column .partner .stats-table p,
    .page-template-partners-faq .left-content-column .login .stats-table p {
      padding-bottom: 10px; }
    .page-template-partners-dashboard .left-content-column .admin .stats-table .partner-banned-message, .page-template-partners-dashboard .left-content-column .partner .stats-table .partner-banned-message, .page-template-partners-dashboard .left-content-column .login .stats-table .partner-banned-message, .page-template-facebook-reports-template .left-content-column .admin .stats-table .partner-banned-message, .page-template-facebook-reports-template .left-content-column .partner .stats-table .partner-banned-message, .page-template-facebook-reports-template .left-content-column .login .stats-table .partner-banned-message,
    .page-template-partners-management .left-content-column .admin .stats-table .partner-banned-message,
    .page-template-partners-management .left-content-column .partner .stats-table .partner-banned-message,
    .page-template-partners-management .left-content-column .login .stats-table .partner-banned-message, .page-template-utm-generator .left-content-column .admin .stats-table .partner-banned-message, .page-template-utm-generator .left-content-column .partner .stats-table .partner-banned-message, .page-template-utm-generator .left-content-column .login .stats-table .partner-banned-message,
    .page-template-partners-faq .left-content-column .admin .stats-table .partner-banned-message,
    .page-template-partners-faq .left-content-column .partner .stats-table .partner-banned-message,
    .page-template-partners-faq .left-content-column .login .stats-table .partner-banned-message {
      font-size: 20px;
      color: var(--gray-800);
      line-height: 1.3;
      padding-bottom: 30px; }
    .page-template-partners-dashboard .left-content-column .admin .stats-table .report-table, .page-template-partners-dashboard .left-content-column .partner .stats-table .report-table, .page-template-partners-dashboard .left-content-column .login .stats-table .report-table, .page-template-facebook-reports-template .left-content-column .admin .stats-table .report-table, .page-template-facebook-reports-template .left-content-column .partner .stats-table .report-table, .page-template-facebook-reports-template .left-content-column .login .stats-table .report-table,
    .page-template-partners-management .left-content-column .admin .stats-table .report-table,
    .page-template-partners-management .left-content-column .partner .stats-table .report-table,
    .page-template-partners-management .left-content-column .login .stats-table .report-table, .page-template-utm-generator .left-content-column .admin .stats-table .report-table, .page-template-utm-generator .left-content-column .partner .stats-table .report-table, .page-template-utm-generator .left-content-column .login .stats-table .report-table,
    .page-template-partners-faq .left-content-column .admin .stats-table .report-table,
    .page-template-partners-faq .left-content-column .partner .stats-table .report-table,
    .page-template-partners-faq .left-content-column .login .stats-table .report-table {
      overflow-x: auto; }
    .page-template-partners-dashboard .left-content-column .admin .stats-table .partners-show-info-block, .page-template-partners-dashboard .left-content-column .partner .stats-table .partners-show-info-block, .page-template-partners-dashboard .left-content-column .login .stats-table .partners-show-info-block, .page-template-facebook-reports-template .left-content-column .admin .stats-table .partners-show-info-block, .page-template-facebook-reports-template .left-content-column .partner .stats-table .partners-show-info-block, .page-template-facebook-reports-template .left-content-column .login .stats-table .partners-show-info-block,
    .page-template-partners-management .left-content-column .admin .stats-table .partners-show-info-block,
    .page-template-partners-management .left-content-column .partner .stats-table .partners-show-info-block,
    .page-template-partners-management .left-content-column .login .stats-table .partners-show-info-block, .page-template-utm-generator .left-content-column .admin .stats-table .partners-show-info-block, .page-template-utm-generator .left-content-column .partner .stats-table .partners-show-info-block, .page-template-utm-generator .left-content-column .login .stats-table .partners-show-info-block,
    .page-template-partners-faq .left-content-column .admin .stats-table .partners-show-info-block,
    .page-template-partners-faq .left-content-column .partner .stats-table .partners-show-info-block,
    .page-template-partners-faq .left-content-column .login .stats-table .partners-show-info-block {
      outline: none;
      -webkit-appearance: none;
      background: none;
      border: 0;
      cursor: pointer;
      font-size: 15px;
      font-weight: 600; }
      .page-template-partners-dashboard .left-content-column .admin .stats-table .partners-show-info-block.inactive, .page-template-partners-dashboard .left-content-column .partner .stats-table .partners-show-info-block.inactive, .page-template-partners-dashboard .left-content-column .login .stats-table .partners-show-info-block.inactive, .page-template-facebook-reports-template .left-content-column .admin .stats-table .partners-show-info-block.inactive, .page-template-facebook-reports-template .left-content-column .partner .stats-table .partners-show-info-block.inactive, .page-template-facebook-reports-template .left-content-column .login .stats-table .partners-show-info-block.inactive,
      .page-template-partners-management .left-content-column .admin .stats-table .partners-show-info-block.inactive,
      .page-template-partners-management .left-content-column .partner .stats-table .partners-show-info-block.inactive,
      .page-template-partners-management .left-content-column .login .stats-table .partners-show-info-block.inactive, .page-template-utm-generator .left-content-column .admin .stats-table .partners-show-info-block.inactive, .page-template-utm-generator .left-content-column .partner .stats-table .partners-show-info-block.inactive, .page-template-utm-generator .left-content-column .login .stats-table .partners-show-info-block.inactive,
      .page-template-partners-faq .left-content-column .admin .stats-table .partners-show-info-block.inactive,
      .page-template-partners-faq .left-content-column .partner .stats-table .partners-show-info-block.inactive,
      .page-template-partners-faq .left-content-column .login .stats-table .partners-show-info-block.inactive {
        color: var(--orange-150); }
      .page-template-partners-dashboard .left-content-column .admin .stats-table .partners-show-info-block.active, .page-template-partners-dashboard .left-content-column .partner .stats-table .partners-show-info-block.active, .page-template-partners-dashboard .left-content-column .login .stats-table .partners-show-info-block.active, .page-template-facebook-reports-template .left-content-column .admin .stats-table .partners-show-info-block.active, .page-template-facebook-reports-template .left-content-column .partner .stats-table .partners-show-info-block.active, .page-template-facebook-reports-template .left-content-column .login .stats-table .partners-show-info-block.active,
      .page-template-partners-management .left-content-column .admin .stats-table .partners-show-info-block.active,
      .page-template-partners-management .left-content-column .partner .stats-table .partners-show-info-block.active,
      .page-template-partners-management .left-content-column .login .stats-table .partners-show-info-block.active, .page-template-utm-generator .left-content-column .admin .stats-table .partners-show-info-block.active, .page-template-utm-generator .left-content-column .partner .stats-table .partners-show-info-block.active, .page-template-utm-generator .left-content-column .login .stats-table .partners-show-info-block.active,
      .page-template-partners-faq .left-content-column .admin .stats-table .partners-show-info-block.active,
      .page-template-partners-faq .left-content-column .partner .stats-table .partners-show-info-block.active,
      .page-template-partners-faq .left-content-column .login .stats-table .partners-show-info-block.active {
        color: #56b863; }
    .page-template-partners-dashboard .left-content-column .admin .stats-table table, .page-template-partners-dashboard .left-content-column .partner .stats-table table, .page-template-partners-dashboard .left-content-column .login .stats-table table, .page-template-facebook-reports-template .left-content-column .admin .stats-table table, .page-template-facebook-reports-template .left-content-column .partner .stats-table table, .page-template-facebook-reports-template .left-content-column .login .stats-table table,
    .page-template-partners-management .left-content-column .admin .stats-table table,
    .page-template-partners-management .left-content-column .partner .stats-table table,
    .page-template-partners-management .left-content-column .login .stats-table table, .page-template-utm-generator .left-content-column .admin .stats-table table, .page-template-utm-generator .left-content-column .partner .stats-table table, .page-template-utm-generator .left-content-column .login .stats-table table,
    .page-template-partners-faq .left-content-column .admin .stats-table table,
    .page-template-partners-faq .left-content-column .partner .stats-table table,
    .page-template-partners-faq .left-content-column .login .stats-table table {
      width: 100%; }
      .page-template-partners-dashboard .left-content-column .admin .stats-table table td, .page-template-partners-dashboard .left-content-column .admin .stats-table table th, .page-template-partners-dashboard .left-content-column .partner .stats-table table td, .page-template-partners-dashboard .left-content-column .partner .stats-table table th, .page-template-partners-dashboard .left-content-column .login .stats-table table td, .page-template-partners-dashboard .left-content-column .login .stats-table table th, .page-template-facebook-reports-template .left-content-column .admin .stats-table table td, .page-template-facebook-reports-template .left-content-column .admin .stats-table table th, .page-template-facebook-reports-template .left-content-column .partner .stats-table table td, .page-template-facebook-reports-template .left-content-column .partner .stats-table table th, .page-template-facebook-reports-template .left-content-column .login .stats-table table td, .page-template-facebook-reports-template .left-content-column .login .stats-table table th,
      .page-template-partners-management .left-content-column .admin .stats-table table td,
      .page-template-partners-management .left-content-column .admin .stats-table table th,
      .page-template-partners-management .left-content-column .partner .stats-table table td,
      .page-template-partners-management .left-content-column .partner .stats-table table th,
      .page-template-partners-management .left-content-column .login .stats-table table td,
      .page-template-partners-management .left-content-column .login .stats-table table th, .page-template-utm-generator .left-content-column .admin .stats-table table td, .page-template-utm-generator .left-content-column .admin .stats-table table th, .page-template-utm-generator .left-content-column .partner .stats-table table td, .page-template-utm-generator .left-content-column .partner .stats-table table th, .page-template-utm-generator .left-content-column .login .stats-table table td, .page-template-utm-generator .left-content-column .login .stats-table table th,
      .page-template-partners-faq .left-content-column .admin .stats-table table td,
      .page-template-partners-faq .left-content-column .admin .stats-table table th,
      .page-template-partners-faq .left-content-column .partner .stats-table table td,
      .page-template-partners-faq .left-content-column .partner .stats-table table th,
      .page-template-partners-faq .left-content-column .login .stats-table table td,
      .page-template-partners-faq .left-content-column .login .stats-table table th {
        padding: 10px;
        border: 1px solid var(--gray-200);
        vertical-align: middle; }
        .page-template-partners-dashboard .left-content-column .admin .stats-table table td.align-right, .page-template-partners-dashboard .left-content-column .admin .stats-table table th.align-right, .page-template-partners-dashboard .left-content-column .partner .stats-table table td.align-right, .page-template-partners-dashboard .left-content-column .partner .stats-table table th.align-right, .page-template-partners-dashboard .left-content-column .login .stats-table table td.align-right, .page-template-partners-dashboard .left-content-column .login .stats-table table th.align-right, .page-template-facebook-reports-template .left-content-column .admin .stats-table table td.align-right, .page-template-facebook-reports-template .left-content-column .admin .stats-table table th.align-right, .page-template-facebook-reports-template .left-content-column .partner .stats-table table td.align-right, .page-template-facebook-reports-template .left-content-column .partner .stats-table table th.align-right, .page-template-facebook-reports-template .left-content-column .login .stats-table table td.align-right, .page-template-facebook-reports-template .left-content-column .login .stats-table table th.align-right,
        .page-template-partners-management .left-content-column .admin .stats-table table td.align-right,
        .page-template-partners-management .left-content-column .admin .stats-table table th.align-right,
        .page-template-partners-management .left-content-column .partner .stats-table table td.align-right,
        .page-template-partners-management .left-content-column .partner .stats-table table th.align-right,
        .page-template-partners-management .left-content-column .login .stats-table table td.align-right,
        .page-template-partners-management .left-content-column .login .stats-table table th.align-right, .page-template-utm-generator .left-content-column .admin .stats-table table td.align-right, .page-template-utm-generator .left-content-column .admin .stats-table table th.align-right, .page-template-utm-generator .left-content-column .partner .stats-table table td.align-right, .page-template-utm-generator .left-content-column .partner .stats-table table th.align-right, .page-template-utm-generator .left-content-column .login .stats-table table td.align-right, .page-template-utm-generator .left-content-column .login .stats-table table th.align-right,
        .page-template-partners-faq .left-content-column .admin .stats-table table td.align-right,
        .page-template-partners-faq .left-content-column .admin .stats-table table th.align-right,
        .page-template-partners-faq .left-content-column .partner .stats-table table td.align-right,
        .page-template-partners-faq .left-content-column .partner .stats-table table th.align-right,
        .page-template-partners-faq .left-content-column .login .stats-table table td.align-right,
        .page-template-partners-faq .left-content-column .login .stats-table table th.align-right {
          text-align: right; }
        .page-template-partners-dashboard .left-content-column .admin .stats-table table td.align-center, .page-template-partners-dashboard .left-content-column .admin .stats-table table th.align-center, .page-template-partners-dashboard .left-content-column .partner .stats-table table td.align-center, .page-template-partners-dashboard .left-content-column .partner .stats-table table th.align-center, .page-template-partners-dashboard .left-content-column .login .stats-table table td.align-center, .page-template-partners-dashboard .left-content-column .login .stats-table table th.align-center, .page-template-facebook-reports-template .left-content-column .admin .stats-table table td.align-center, .page-template-facebook-reports-template .left-content-column .admin .stats-table table th.align-center, .page-template-facebook-reports-template .left-content-column .partner .stats-table table td.align-center, .page-template-facebook-reports-template .left-content-column .partner .stats-table table th.align-center, .page-template-facebook-reports-template .left-content-column .login .stats-table table td.align-center, .page-template-facebook-reports-template .left-content-column .login .stats-table table th.align-center,
        .page-template-partners-management .left-content-column .admin .stats-table table td.align-center,
        .page-template-partners-management .left-content-column .admin .stats-table table th.align-center,
        .page-template-partners-management .left-content-column .partner .stats-table table td.align-center,
        .page-template-partners-management .left-content-column .partner .stats-table table th.align-center,
        .page-template-partners-management .left-content-column .login .stats-table table td.align-center,
        .page-template-partners-management .left-content-column .login .stats-table table th.align-center, .page-template-utm-generator .left-content-column .admin .stats-table table td.align-center, .page-template-utm-generator .left-content-column .admin .stats-table table th.align-center, .page-template-utm-generator .left-content-column .partner .stats-table table td.align-center, .page-template-utm-generator .left-content-column .partner .stats-table table th.align-center, .page-template-utm-generator .left-content-column .login .stats-table table td.align-center, .page-template-utm-generator .left-content-column .login .stats-table table th.align-center,
        .page-template-partners-faq .left-content-column .admin .stats-table table td.align-center,
        .page-template-partners-faq .left-content-column .admin .stats-table table th.align-center,
        .page-template-partners-faq .left-content-column .partner .stats-table table td.align-center,
        .page-template-partners-faq .left-content-column .partner .stats-table table th.align-center,
        .page-template-partners-faq .left-content-column .login .stats-table table td.align-center,
        .page-template-partners-faq .left-content-column .login .stats-table table th.align-center {
          text-align: center; }
        .page-template-partners-dashboard .left-content-column .admin .stats-table table td.grey, .page-template-partners-dashboard .left-content-column .admin .stats-table table th.grey, .page-template-partners-dashboard .left-content-column .partner .stats-table table td.grey, .page-template-partners-dashboard .left-content-column .partner .stats-table table th.grey, .page-template-partners-dashboard .left-content-column .login .stats-table table td.grey, .page-template-partners-dashboard .left-content-column .login .stats-table table th.grey, .page-template-facebook-reports-template .left-content-column .admin .stats-table table td.grey, .page-template-facebook-reports-template .left-content-column .admin .stats-table table th.grey, .page-template-facebook-reports-template .left-content-column .partner .stats-table table td.grey, .page-template-facebook-reports-template .left-content-column .partner .stats-table table th.grey, .page-template-facebook-reports-template .left-content-column .login .stats-table table td.grey, .page-template-facebook-reports-template .left-content-column .login .stats-table table th.grey,
        .page-template-partners-management .left-content-column .admin .stats-table table td.grey,
        .page-template-partners-management .left-content-column .admin .stats-table table th.grey,
        .page-template-partners-management .left-content-column .partner .stats-table table td.grey,
        .page-template-partners-management .left-content-column .partner .stats-table table th.grey,
        .page-template-partners-management .left-content-column .login .stats-table table td.grey,
        .page-template-partners-management .left-content-column .login .stats-table table th.grey, .page-template-utm-generator .left-content-column .admin .stats-table table td.grey, .page-template-utm-generator .left-content-column .admin .stats-table table th.grey, .page-template-utm-generator .left-content-column .partner .stats-table table td.grey, .page-template-utm-generator .left-content-column .partner .stats-table table th.grey, .page-template-utm-generator .left-content-column .login .stats-table table td.grey, .page-template-utm-generator .left-content-column .login .stats-table table th.grey,
        .page-template-partners-faq .left-content-column .admin .stats-table table td.grey,
        .page-template-partners-faq .left-content-column .admin .stats-table table th.grey,
        .page-template-partners-faq .left-content-column .partner .stats-table table td.grey,
        .page-template-partners-faq .left-content-column .partner .stats-table table th.grey,
        .page-template-partners-faq .left-content-column .login .stats-table table td.grey,
        .page-template-partners-faq .left-content-column .login .stats-table table th.grey {
          background: var(--gray-800);
          color: var(--white); }
        .page-template-partners-dashboard .left-content-column .admin .stats-table table td.blue, .page-template-partners-dashboard .left-content-column .admin .stats-table table th.blue, .page-template-partners-dashboard .left-content-column .partner .stats-table table td.blue, .page-template-partners-dashboard .left-content-column .partner .stats-table table th.blue, .page-template-partners-dashboard .left-content-column .login .stats-table table td.blue, .page-template-partners-dashboard .left-content-column .login .stats-table table th.blue, .page-template-facebook-reports-template .left-content-column .admin .stats-table table td.blue, .page-template-facebook-reports-template .left-content-column .admin .stats-table table th.blue, .page-template-facebook-reports-template .left-content-column .partner .stats-table table td.blue, .page-template-facebook-reports-template .left-content-column .partner .stats-table table th.blue, .page-template-facebook-reports-template .left-content-column .login .stats-table table td.blue, .page-template-facebook-reports-template .left-content-column .login .stats-table table th.blue,
        .page-template-partners-management .left-content-column .admin .stats-table table td.blue,
        .page-template-partners-management .left-content-column .admin .stats-table table th.blue,
        .page-template-partners-management .left-content-column .partner .stats-table table td.blue,
        .page-template-partners-management .left-content-column .partner .stats-table table th.blue,
        .page-template-partners-management .left-content-column .login .stats-table table td.blue,
        .page-template-partners-management .left-content-column .login .stats-table table th.blue, .page-template-utm-generator .left-content-column .admin .stats-table table td.blue, .page-template-utm-generator .left-content-column .admin .stats-table table th.blue, .page-template-utm-generator .left-content-column .partner .stats-table table td.blue, .page-template-utm-generator .left-content-column .partner .stats-table table th.blue, .page-template-utm-generator .left-content-column .login .stats-table table td.blue, .page-template-utm-generator .left-content-column .login .stats-table table th.blue,
        .page-template-partners-faq .left-content-column .admin .stats-table table td.blue,
        .page-template-partners-faq .left-content-column .admin .stats-table table th.blue,
        .page-template-partners-faq .left-content-column .partner .stats-table table td.blue,
        .page-template-partners-faq .left-content-column .partner .stats-table table th.blue,
        .page-template-partners-faq .left-content-column .login .stats-table table td.blue,
        .page-template-partners-faq .left-content-column .login .stats-table table th.blue {
          background: #cee0f3; }
        .page-template-partners-dashboard .left-content-column .admin .stats-table table td.pink, .page-template-partners-dashboard .left-content-column .admin .stats-table table th.pink, .page-template-partners-dashboard .left-content-column .partner .stats-table table td.pink, .page-template-partners-dashboard .left-content-column .partner .stats-table table th.pink, .page-template-partners-dashboard .left-content-column .login .stats-table table td.pink, .page-template-partners-dashboard .left-content-column .login .stats-table table th.pink, .page-template-facebook-reports-template .left-content-column .admin .stats-table table td.pink, .page-template-facebook-reports-template .left-content-column .admin .stats-table table th.pink, .page-template-facebook-reports-template .left-content-column .partner .stats-table table td.pink, .page-template-facebook-reports-template .left-content-column .partner .stats-table table th.pink, .page-template-facebook-reports-template .left-content-column .login .stats-table table td.pink, .page-template-facebook-reports-template .left-content-column .login .stats-table table th.pink,
        .page-template-partners-management .left-content-column .admin .stats-table table td.pink,
        .page-template-partners-management .left-content-column .admin .stats-table table th.pink,
        .page-template-partners-management .left-content-column .partner .stats-table table td.pink,
        .page-template-partners-management .left-content-column .partner .stats-table table th.pink,
        .page-template-partners-management .left-content-column .login .stats-table table td.pink,
        .page-template-partners-management .left-content-column .login .stats-table table th.pink, .page-template-utm-generator .left-content-column .admin .stats-table table td.pink, .page-template-utm-generator .left-content-column .admin .stats-table table th.pink, .page-template-utm-generator .left-content-column .partner .stats-table table td.pink, .page-template-utm-generator .left-content-column .partner .stats-table table th.pink, .page-template-utm-generator .left-content-column .login .stats-table table td.pink, .page-template-utm-generator .left-content-column .login .stats-table table th.pink,
        .page-template-partners-faq .left-content-column .admin .stats-table table td.pink,
        .page-template-partners-faq .left-content-column .admin .stats-table table th.pink,
        .page-template-partners-faq .left-content-column .partner .stats-table table td.pink,
        .page-template-partners-faq .left-content-column .partner .stats-table table th.pink,
        .page-template-partners-faq .left-content-column .login .stats-table table td.pink,
        .page-template-partners-faq .left-content-column .login .stats-table table th.pink {
          background: #f5c1c1; }
        .page-template-partners-dashboard .left-content-column .admin .stats-table table td.green, .page-template-partners-dashboard .left-content-column .admin .stats-table table th.green, .page-template-partners-dashboard .left-content-column .partner .stats-table table td.green, .page-template-partners-dashboard .left-content-column .partner .stats-table table th.green, .page-template-partners-dashboard .left-content-column .login .stats-table table td.green, .page-template-partners-dashboard .left-content-column .login .stats-table table th.green, .page-template-facebook-reports-template .left-content-column .admin .stats-table table td.green, .page-template-facebook-reports-template .left-content-column .admin .stats-table table th.green, .page-template-facebook-reports-template .left-content-column .partner .stats-table table td.green, .page-template-facebook-reports-template .left-content-column .partner .stats-table table th.green, .page-template-facebook-reports-template .left-content-column .login .stats-table table td.green, .page-template-facebook-reports-template .left-content-column .login .stats-table table th.green,
        .page-template-partners-management .left-content-column .admin .stats-table table td.green,
        .page-template-partners-management .left-content-column .admin .stats-table table th.green,
        .page-template-partners-management .left-content-column .partner .stats-table table td.green,
        .page-template-partners-management .left-content-column .partner .stats-table table th.green,
        .page-template-partners-management .left-content-column .login .stats-table table td.green,
        .page-template-partners-management .left-content-column .login .stats-table table th.green, .page-template-utm-generator .left-content-column .admin .stats-table table td.green, .page-template-utm-generator .left-content-column .admin .stats-table table th.green, .page-template-utm-generator .left-content-column .partner .stats-table table td.green, .page-template-utm-generator .left-content-column .partner .stats-table table th.green, .page-template-utm-generator .left-content-column .login .stats-table table td.green, .page-template-utm-generator .left-content-column .login .stats-table table th.green,
        .page-template-partners-faq .left-content-column .admin .stats-table table td.green,
        .page-template-partners-faq .left-content-column .admin .stats-table table th.green,
        .page-template-partners-faq .left-content-column .partner .stats-table table td.green,
        .page-template-partners-faq .left-content-column .partner .stats-table table th.green,
        .page-template-partners-faq .left-content-column .login .stats-table table td.green,
        .page-template-partners-faq .left-content-column .login .stats-table table th.green {
          background: #a2d4a2; }
        .page-template-partners-dashboard .left-content-column .admin .stats-table table td.brown, .page-template-partners-dashboard .left-content-column .admin .stats-table table th.brown, .page-template-partners-dashboard .left-content-column .partner .stats-table table td.brown, .page-template-partners-dashboard .left-content-column .partner .stats-table table th.brown, .page-template-partners-dashboard .left-content-column .login .stats-table table td.brown, .page-template-partners-dashboard .left-content-column .login .stats-table table th.brown, .page-template-facebook-reports-template .left-content-column .admin .stats-table table td.brown, .page-template-facebook-reports-template .left-content-column .admin .stats-table table th.brown, .page-template-facebook-reports-template .left-content-column .partner .stats-table table td.brown, .page-template-facebook-reports-template .left-content-column .partner .stats-table table th.brown, .page-template-facebook-reports-template .left-content-column .login .stats-table table td.brown, .page-template-facebook-reports-template .left-content-column .login .stats-table table th.brown,
        .page-template-partners-management .left-content-column .admin .stats-table table td.brown,
        .page-template-partners-management .left-content-column .admin .stats-table table th.brown,
        .page-template-partners-management .left-content-column .partner .stats-table table td.brown,
        .page-template-partners-management .left-content-column .partner .stats-table table th.brown,
        .page-template-partners-management .left-content-column .login .stats-table table td.brown,
        .page-template-partners-management .left-content-column .login .stats-table table th.brown, .page-template-utm-generator .left-content-column .admin .stats-table table td.brown, .page-template-utm-generator .left-content-column .admin .stats-table table th.brown, .page-template-utm-generator .left-content-column .partner .stats-table table td.brown, .page-template-utm-generator .left-content-column .partner .stats-table table th.brown, .page-template-utm-generator .left-content-column .login .stats-table table td.brown, .page-template-utm-generator .left-content-column .login .stats-table table th.brown,
        .page-template-partners-faq .left-content-column .admin .stats-table table td.brown,
        .page-template-partners-faq .left-content-column .admin .stats-table table th.brown,
        .page-template-partners-faq .left-content-column .partner .stats-table table td.brown,
        .page-template-partners-faq .left-content-column .partner .stats-table table th.brown,
        .page-template-partners-faq .left-content-column .login .stats-table table td.brown,
        .page-template-partners-faq .left-content-column .login .stats-table table th.brown {
          background: #e0c6aa; }
        .page-template-partners-dashboard .left-content-column .admin .stats-table table td.border-top, .page-template-partners-dashboard .left-content-column .admin .stats-table table th.border-top, .page-template-partners-dashboard .left-content-column .partner .stats-table table td.border-top, .page-template-partners-dashboard .left-content-column .partner .stats-table table th.border-top, .page-template-partners-dashboard .left-content-column .login .stats-table table td.border-top, .page-template-partners-dashboard .left-content-column .login .stats-table table th.border-top, .page-template-facebook-reports-template .left-content-column .admin .stats-table table td.border-top, .page-template-facebook-reports-template .left-content-column .admin .stats-table table th.border-top, .page-template-facebook-reports-template .left-content-column .partner .stats-table table td.border-top, .page-template-facebook-reports-template .left-content-column .partner .stats-table table th.border-top, .page-template-facebook-reports-template .left-content-column .login .stats-table table td.border-top, .page-template-facebook-reports-template .left-content-column .login .stats-table table th.border-top,
        .page-template-partners-management .left-content-column .admin .stats-table table td.border-top,
        .page-template-partners-management .left-content-column .admin .stats-table table th.border-top,
        .page-template-partners-management .left-content-column .partner .stats-table table td.border-top,
        .page-template-partners-management .left-content-column .partner .stats-table table th.border-top,
        .page-template-partners-management .left-content-column .login .stats-table table td.border-top,
        .page-template-partners-management .left-content-column .login .stats-table table th.border-top, .page-template-utm-generator .left-content-column .admin .stats-table table td.border-top, .page-template-utm-generator .left-content-column .admin .stats-table table th.border-top, .page-template-utm-generator .left-content-column .partner .stats-table table td.border-top, .page-template-utm-generator .left-content-column .partner .stats-table table th.border-top, .page-template-utm-generator .left-content-column .login .stats-table table td.border-top, .page-template-utm-generator .left-content-column .login .stats-table table th.border-top,
        .page-template-partners-faq .left-content-column .admin .stats-table table td.border-top,
        .page-template-partners-faq .left-content-column .admin .stats-table table th.border-top,
        .page-template-partners-faq .left-content-column .partner .stats-table table td.border-top,
        .page-template-partners-faq .left-content-column .partner .stats-table table th.border-top,
        .page-template-partners-faq .left-content-column .login .stats-table table td.border-top,
        .page-template-partners-faq .left-content-column .login .stats-table table th.border-top {
          border-top: 2px solid var(--gray-800); }
      .page-template-partners-dashboard .left-content-column .admin .stats-table table td, .page-template-partners-dashboard .left-content-column .partner .stats-table table td, .page-template-partners-dashboard .left-content-column .login .stats-table table td, .page-template-facebook-reports-template .left-content-column .admin .stats-table table td, .page-template-facebook-reports-template .left-content-column .partner .stats-table table td, .page-template-facebook-reports-template .left-content-column .login .stats-table table td,
      .page-template-partners-management .left-content-column .admin .stats-table table td,
      .page-template-partners-management .left-content-column .partner .stats-table table td,
      .page-template-partners-management .left-content-column .login .stats-table table td, .page-template-utm-generator .left-content-column .admin .stats-table table td, .page-template-utm-generator .left-content-column .partner .stats-table table td, .page-template-utm-generator .left-content-column .login .stats-table table td,
      .page-template-partners-faq .left-content-column .admin .stats-table table td,
      .page-template-partners-faq .left-content-column .partner .stats-table table td,
      .page-template-partners-faq .left-content-column .login .stats-table table td {
        font-weight: 400; }
        .page-template-partners-dashboard .left-content-column .admin .stats-table table td.bold, .page-template-partners-dashboard .left-content-column .partner .stats-table table td.bold, .page-template-partners-dashboard .left-content-column .login .stats-table table td.bold, .page-template-facebook-reports-template .left-content-column .admin .stats-table table td.bold, .page-template-facebook-reports-template .left-content-column .partner .stats-table table td.bold, .page-template-facebook-reports-template .left-content-column .login .stats-table table td.bold,
        .page-template-partners-management .left-content-column .admin .stats-table table td.bold,
        .page-template-partners-management .left-content-column .partner .stats-table table td.bold,
        .page-template-partners-management .left-content-column .login .stats-table table td.bold, .page-template-utm-generator .left-content-column .admin .stats-table table td.bold, .page-template-utm-generator .left-content-column .partner .stats-table table td.bold, .page-template-utm-generator .left-content-column .login .stats-table table td.bold,
        .page-template-partners-faq .left-content-column .admin .stats-table table td.bold,
        .page-template-partners-faq .left-content-column .partner .stats-table table td.bold,
        .page-template-partners-faq .left-content-column .login .stats-table table td.bold {
          font-weight: 600; }
        .page-template-partners-dashboard .left-content-column .admin .stats-table table td.no-border, .page-template-partners-dashboard .left-content-column .partner .stats-table table td.no-border, .page-template-partners-dashboard .left-content-column .login .stats-table table td.no-border, .page-template-facebook-reports-template .left-content-column .admin .stats-table table td.no-border, .page-template-facebook-reports-template .left-content-column .partner .stats-table table td.no-border, .page-template-facebook-reports-template .left-content-column .login .stats-table table td.no-border,
        .page-template-partners-management .left-content-column .admin .stats-table table td.no-border,
        .page-template-partners-management .left-content-column .partner .stats-table table td.no-border,
        .page-template-partners-management .left-content-column .login .stats-table table td.no-border, .page-template-utm-generator .left-content-column .admin .stats-table table td.no-border, .page-template-utm-generator .left-content-column .partner .stats-table table td.no-border, .page-template-utm-generator .left-content-column .login .stats-table table td.no-border,
        .page-template-partners-faq .left-content-column .admin .stats-table table td.no-border,
        .page-template-partners-faq .left-content-column .partner .stats-table table td.no-border,
        .page-template-partners-faq .left-content-column .login .stats-table table td.no-border {
          border: 0; }
        .page-template-partners-dashboard .left-content-column .admin .stats-table table td .partner-modal, .page-template-partners-dashboard .left-content-column .partner .stats-table table td .partner-modal, .page-template-partners-dashboard .left-content-column .login .stats-table table td .partner-modal, .page-template-facebook-reports-template .left-content-column .admin .stats-table table td .partner-modal, .page-template-facebook-reports-template .left-content-column .partner .stats-table table td .partner-modal, .page-template-facebook-reports-template .left-content-column .login .stats-table table td .partner-modal,
        .page-template-partners-management .left-content-column .admin .stats-table table td .partner-modal,
        .page-template-partners-management .left-content-column .partner .stats-table table td .partner-modal,
        .page-template-partners-management .left-content-column .login .stats-table table td .partner-modal, .page-template-utm-generator .left-content-column .admin .stats-table table td .partner-modal, .page-template-utm-generator .left-content-column .partner .stats-table table td .partner-modal, .page-template-utm-generator .left-content-column .login .stats-table table td .partner-modal,
        .page-template-partners-faq .left-content-column .admin .stats-table table td .partner-modal,
        .page-template-partners-faq .left-content-column .partner .stats-table table td .partner-modal,
        .page-template-partners-faq .left-content-column .login .stats-table table td .partner-modal {
          width: 800px;
          margin: auto;
          display: block; }
          .page-template-partners-dashboard .left-content-column .admin .stats-table table td .partner-modal .modal-body, .page-template-partners-dashboard .left-content-column .partner .stats-table table td .partner-modal .modal-body, .page-template-partners-dashboard .left-content-column .login .stats-table table td .partner-modal .modal-body, .page-template-facebook-reports-template .left-content-column .admin .stats-table table td .partner-modal .modal-body, .page-template-facebook-reports-template .left-content-column .partner .stats-table table td .partner-modal .modal-body, .page-template-facebook-reports-template .left-content-column .login .stats-table table td .partner-modal .modal-body,
          .page-template-partners-management .left-content-column .admin .stats-table table td .partner-modal .modal-body,
          .page-template-partners-management .left-content-column .partner .stats-table table td .partner-modal .modal-body,
          .page-template-partners-management .left-content-column .login .stats-table table td .partner-modal .modal-body, .page-template-utm-generator .left-content-column .admin .stats-table table td .partner-modal .modal-body, .page-template-utm-generator .left-content-column .partner .stats-table table td .partner-modal .modal-body, .page-template-utm-generator .left-content-column .login .stats-table table td .partner-modal .modal-body,
          .page-template-partners-faq .left-content-column .admin .stats-table table td .partner-modal .modal-body,
          .page-template-partners-faq .left-content-column .partner .stats-table table td .partner-modal .modal-body,
          .page-template-partners-faq .left-content-column .login .stats-table table td .partner-modal .modal-body {
            text-align: left; }
        .page-template-partners-dashboard .left-content-column .admin .stats-table table td span, .page-template-partners-dashboard .left-content-column .partner .stats-table table td span, .page-template-partners-dashboard .left-content-column .login .stats-table table td span, .page-template-facebook-reports-template .left-content-column .admin .stats-table table td span, .page-template-facebook-reports-template .left-content-column .partner .stats-table table td span, .page-template-facebook-reports-template .left-content-column .login .stats-table table td span,
        .page-template-partners-management .left-content-column .admin .stats-table table td span,
        .page-template-partners-management .left-content-column .partner .stats-table table td span,
        .page-template-partners-management .left-content-column .login .stats-table table td span, .page-template-utm-generator .left-content-column .admin .stats-table table td span, .page-template-utm-generator .left-content-column .partner .stats-table table td span, .page-template-utm-generator .left-content-column .login .stats-table table td span,
        .page-template-partners-faq .left-content-column .admin .stats-table table td span,
        .page-template-partners-faq .left-content-column .partner .stats-table table td span,
        .page-template-partners-faq .left-content-column .login .stats-table table td span {
          font-size: 13px;
          color: var(--gray-500);
          margin-right: 10px; }
        .page-template-partners-dashboard .left-content-column .admin .stats-table table td a, .page-template-partners-dashboard .left-content-column .partner .stats-table table td a, .page-template-partners-dashboard .left-content-column .login .stats-table table td a, .page-template-facebook-reports-template .left-content-column .admin .stats-table table td a, .page-template-facebook-reports-template .left-content-column .partner .stats-table table td a, .page-template-facebook-reports-template .left-content-column .login .stats-table table td a,
        .page-template-partners-management .left-content-column .admin .stats-table table td a,
        .page-template-partners-management .left-content-column .partner .stats-table table td a,
        .page-template-partners-management .left-content-column .login .stats-table table td a, .page-template-utm-generator .left-content-column .admin .stats-table table td a, .page-template-utm-generator .left-content-column .partner .stats-table table td a, .page-template-utm-generator .left-content-column .login .stats-table table td a,
        .page-template-partners-faq .left-content-column .admin .stats-table table td a,
        .page-template-partners-faq .left-content-column .partner .stats-table table td a,
        .page-template-partners-faq .left-content-column .login .stats-table table td a {
          color: var(--gray-500);
          cursor: pointer;
          text-decoration: underline; }
          .page-template-partners-dashboard .left-content-column .admin .stats-table table td a.succeeded, .page-template-partners-dashboard .left-content-column .partner .stats-table table td a.succeeded, .page-template-partners-dashboard .left-content-column .login .stats-table table td a.succeeded, .page-template-facebook-reports-template .left-content-column .admin .stats-table table td a.succeeded, .page-template-facebook-reports-template .left-content-column .partner .stats-table table td a.succeeded, .page-template-facebook-reports-template .left-content-column .login .stats-table table td a.succeeded,
          .page-template-partners-management .left-content-column .admin .stats-table table td a.succeeded,
          .page-template-partners-management .left-content-column .partner .stats-table table td a.succeeded,
          .page-template-partners-management .left-content-column .login .stats-table table td a.succeeded, .page-template-utm-generator .left-content-column .admin .stats-table table td a.succeeded, .page-template-utm-generator .left-content-column .partner .stats-table table td a.succeeded, .page-template-utm-generator .left-content-column .login .stats-table table td a.succeeded,
          .page-template-partners-faq .left-content-column .admin .stats-table table td a.succeeded,
          .page-template-partners-faq .left-content-column .partner .stats-table table td a.succeeded,
          .page-template-partners-faq .left-content-column .login .stats-table table td a.succeeded {
            color: #56b863; }
          .page-template-partners-dashboard .left-content-column .admin .stats-table table td a.failed, .page-template-partners-dashboard .left-content-column .partner .stats-table table td a.failed, .page-template-partners-dashboard .left-content-column .login .stats-table table td a.failed, .page-template-facebook-reports-template .left-content-column .admin .stats-table table td a.failed, .page-template-facebook-reports-template .left-content-column .partner .stats-table table td a.failed, .page-template-facebook-reports-template .left-content-column .login .stats-table table td a.failed,
          .page-template-partners-management .left-content-column .admin .stats-table table td a.failed,
          .page-template-partners-management .left-content-column .partner .stats-table table td a.failed,
          .page-template-partners-management .left-content-column .login .stats-table table td a.failed, .page-template-utm-generator .left-content-column .admin .stats-table table td a.failed, .page-template-utm-generator .left-content-column .partner .stats-table table td a.failed, .page-template-utm-generator .left-content-column .login .stats-table table td a.failed,
          .page-template-partners-faq .left-content-column .admin .stats-table table td a.failed,
          .page-template-partners-faq .left-content-column .partner .stats-table table td a.failed,
          .page-template-partners-faq .left-content-column .login .stats-table table td a.failed {
            color: var(--orange-150); }

.page-template-partners-dashboard .left-content-column .partner .utm-generator input, .page-template-facebook-reports-template .left-content-column .partner .utm-generator input,
.page-template-partners-management .left-content-column .partner .utm-generator input, .page-template-utm-generator .left-content-column .partner .utm-generator input,
.page-template-partners-faq .left-content-column .partner .utm-generator input {
  width: 300px; }
  @media (max-width: 340px) {
    .page-template-partners-dashboard .left-content-column .partner .utm-generator input, .page-template-facebook-reports-template .left-content-column .partner .utm-generator input,
    .page-template-partners-management .left-content-column .partner .utm-generator input, .page-template-utm-generator .left-content-column .partner .utm-generator input,
    .page-template-partners-faq .left-content-column .partner .utm-generator input {
      width: 100%; } }

.page-template-partners-dashboard .left-content-column .partner .utm-generator .submit, .page-template-facebook-reports-template .left-content-column .partner .utm-generator .submit,
.page-template-partners-management .left-content-column .partner .utm-generator .submit, .page-template-utm-generator .left-content-column .partner .utm-generator .submit,
.page-template-partners-faq .left-content-column .partner .utm-generator .submit {
  margin-bottom: -11px;
  vertical-align: middle; }

.page-template-partners-dashboard .left-content-column .partner .utm-generator .generated-link span, .page-template-facebook-reports-template .left-content-column .partner .utm-generator .generated-link span,
.page-template-partners-management .left-content-column .partner .utm-generator .generated-link span, .page-template-utm-generator .left-content-column .partner .utm-generator .generated-link span,
.page-template-partners-faq .left-content-column .partner .utm-generator .generated-link span {
  color: #56b863;
  padding-bottom: 5px;
  display: block; }

.page-template-partners-dashboard .left-content-column .partner .utm-generator .generated-link p, .page-template-facebook-reports-template .left-content-column .partner .utm-generator .generated-link p,
.page-template-partners-management .left-content-column .partner .utm-generator .generated-link p, .page-template-utm-generator .left-content-column .partner .utm-generator .generated-link p,
.page-template-partners-faq .left-content-column .partner .utm-generator .generated-link p {
  margin-bottom: 40px;
  word-break: break-all; }

@media (min-width: 980px) {
  .page-template-partners-dashboard .left-content-column .partner .utm-generator .col, .page-template-facebook-reports-template .left-content-column .partner .utm-generator .col,
  .page-template-partners-management .left-content-column .partner .utm-generator .col, .page-template-utm-generator .left-content-column .partner .utm-generator .col,
  .page-template-partners-faq .left-content-column .partner .utm-generator .col {
    display: inline-block;
    margin-right: 40px;
    vertical-align: middle; } }

.page-template-partners-dashboard .left-content-column .partners-faq h1, .page-template-facebook-reports-template .left-content-column .partners-faq h1,
.page-template-partners-management .left-content-column .partners-faq h1, .page-template-utm-generator .left-content-column .partners-faq h1,
.page-template-partners-faq .left-content-column .partners-faq h1 {
  padding-bottom: 50px; }

.page-template-partners-dashboard .left-content-column .partners-faq .question-block, .page-template-facebook-reports-template .left-content-column .partners-faq .question-block,
.page-template-partners-management .left-content-column .partners-faq .question-block, .page-template-utm-generator .left-content-column .partners-faq .question-block,
.page-template-partners-faq .left-content-column .partners-faq .question-block {
  padding-bottom: 30px; }
  .page-template-partners-dashboard .left-content-column .partners-faq .question-block h2, .page-template-facebook-reports-template .left-content-column .partners-faq .question-block h2,
  .page-template-partners-management .left-content-column .partners-faq .question-block h2, .page-template-utm-generator .left-content-column .partners-faq .question-block h2,
  .page-template-partners-faq .left-content-column .partners-faq .question-block h2 {
    font-size: 20px; }
  .page-template-partners-dashboard .left-content-column .partners-faq .question-block p, .page-template-facebook-reports-template .left-content-column .partners-faq .question-block p,
  .page-template-partners-management .left-content-column .partners-faq .question-block p, .page-template-utm-generator .left-content-column .partners-faq .question-block p,
  .page-template-partners-faq .left-content-column .partners-faq .question-block p {
    padding-top: 15px;
    line-height: 1.5;
    color: var(--gray-800);
    word-wrap: break-word;
    font-size: 16px; }
  .page-template-partners-dashboard .left-content-column .partners-faq .question-block a, .page-template-facebook-reports-template .left-content-column .partners-faq .question-block a,
  .page-template-partners-management .left-content-column .partners-faq .question-block a, .page-template-utm-generator .left-content-column .partners-faq .question-block a,
  .page-template-partners-faq .left-content-column .partners-faq .question-block a {
    color: #56b863; }
    .page-template-partners-dashboard .left-content-column .partners-faq .question-block a:hover, .page-template-facebook-reports-template .left-content-column .partners-faq .question-block a:hover,
    .page-template-partners-management .left-content-column .partners-faq .question-block a:hover, .page-template-utm-generator .left-content-column .partners-faq .question-block a:hover,
    .page-template-partners-faq .left-content-column .partners-faq .question-block a:hover {
      color: var(--green-200); }

.top-posts-template .left-content-column {
  padding: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: var(--white);
  width: 100%;
  box-sizing: border-box; }
  .top-posts-template .left-content-column.is-partner {
    padding-top: 1px; }
  .top-posts-template .left-content-column h1 {
    font-size: 30px;
    padding-bottom: 20px; }
  .top-posts-template .left-content-column h2 {
    font-size: 22px;
    padding-top: 20px; }
  .top-posts-template .left-content-column .page-info {
    padding-bottom: 20px;
    color: var(--gray-500);
    font-weight: 400; }
  .top-posts-template .left-content-column .posts-filter .popular-searches {
    margin-top: 15px;
    margin-bottom: 15px; }
    .top-posts-template .left-content-column .posts-filter .popular-searches span {
      padding: 0 10px 0 0;
      display: inline-block;
      color: var(--gray-500); }
    .top-posts-template .left-content-column .posts-filter .popular-searches a {
      text-decoration: underline;
      margin-right: 10px;
      color: var(--orange-150); }
  .top-posts-template .left-content-column .posts-filter label {
    margin-bottom: 5px;
    display: block; }
  .top-posts-template .left-content-column .posts-filter input[type="text"], .top-posts-template .left-content-column .posts-filter select, .top-posts-template .left-content-column .posts-filter .rangepicker {
    border: 1px solid var(--gray-200);
    background: white;
    padding: 0 15px;
    height: 45px;
    font-size: 14px;
    color: var(--gray-450);
    outline: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 15px;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .top-posts-template .left-content-column .posts-filter input[type="text"].errorBorder, .top-posts-template .left-content-column .posts-filter select.errorBorder, .top-posts-template .left-content-column .posts-filter .rangepicker.errorBorder {
      border: 1px solid red; }
  .top-posts-template .left-content-column .posts-filter .rangepicker {
    cursor: pointer; }
    .top-posts-template .left-content-column .posts-filter .rangepicker span {
      line-height: 45px; }
  .top-posts-template .left-content-column .posts-filter .filterDiv {
    width: 250px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-right: 20px; }
    .top-posts-template .left-content-column .posts-filter .filterDiv .caret {
      position: absolute;
      right: 15px;
      top: 20px;
      color: var(--gray-450); }
  .top-posts-template .left-content-column .posts-filter .submit, .top-posts-template .left-content-column .posts-filter .reset {
    color: var(--white);
    background: #56b863;
    padding: 0 15px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    outline: none;
    cursor: pointer; }
    .top-posts-template .left-content-column .posts-filter .submit:hover, .top-posts-template .left-content-column .posts-filter .reset:hover {
      background: var(--green-200); }
  .top-posts-template .left-content-column .posts-filter .reset {
    color: #56b863;
    border: 1px solid #56b863;
    background: var(--white);
    box-sizing: border-box;
    margin-left: 5px; }
    .top-posts-template .left-content-column .posts-filter .reset:hover {
      background: var(--green-200);
      color: var(--white); }
  .top-posts-template .left-content-column .orderDiv {
    color: var(--gray-450);
    margin-bottom: 15px; }
    .top-posts-template .left-content-column .orderDiv .radio {
      display: inline-block;
      margin: 0;
      margin-left: 10px; }
      .top-posts-template .left-content-column .orderDiv .radio input {
        margin-top: -1px; }
  .top-posts-template .left-content-column .error {
    margin-top: 30px;
    line-height: 50px;
    margin-bottom: 15px;
    background: var(--orange-150);
    color: var(--white);
    padding: 0 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  .top-posts-template .left-content-column .export a {
    color: var(--orange-150);
    margin-top: 40px;
    display: block;
    font-size: 16px; }
  .top-posts-template .left-content-column .export-options-modal {
    width: 600px;
    margin: auto;
    display: table; }
    .top-posts-template .left-content-column .export-options-modal .modal-body {
      text-align: left; }
      .top-posts-template .left-content-column .export-options-modal .modal-body label {
        display: block;
        margin-bottom: 10px; }
      .top-posts-template .left-content-column .export-options-modal .modal-body input {
        border: 1px solid var(--gray-200);
        background: white;
        padding: 0 15px;
        height: 45px;
        font-size: 14px;
        color: var(--gray-450);
        outline: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        display: block;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 15px;
        -webkit-appearance: none;
        -moz-appearance: none; }
      .top-posts-template .left-content-column .export-options-modal .modal-body input[type="number"] {
        width: 150px; }
  .top-posts-template .left-content-column .posts-list {
    margin-top: 30px; }
    .top-posts-template .left-content-column .posts-list .post-row {
      border-bottom: 2px solid var(--gray-100);
      padding: 10px;
      margin-top: 10px; }
      .top-posts-template .left-content-column .posts-list .post-row a {
        color: var(--gray-800); }
      .top-posts-template .left-content-column .posts-list .post-row img {
        height: 150px;
        display: inline-block;
        vertical-align: middle; }
      .top-posts-template .left-content-column .posts-list .post-row .info {
        vertical-align: top;
        padding: 0 0 0 20px;
        display: inline-block;
        width: calc(100% - 320px); }
        @media (max-width: 600px) {
          .top-posts-template .left-content-column .posts-list .post-row .info {
            margin-top: 10px; } }
        .top-posts-template .left-content-column .posts-list .post-row .info .title {
          font-size: 20px;
          line-height: 25px;
          display: block; }
        .top-posts-template .left-content-column .posts-list .post-row .info .pageviews, .top-posts-template .left-content-column .posts-list .post-row .info .date, .top-posts-template .left-content-column .posts-list .post-row .info .fb-message-text {
          display: block;
          padding-top: 10px;
          color: var(--gray-500);
          font-size: 15px; }
        .top-posts-template .left-content-column .posts-list .post-row .info .fb-message-text, .top-posts-template .left-content-column .posts-list .post-row .info .pageviews {
          display: inline-block; }
        .top-posts-template .left-content-column .posts-list .post-row .info .pageviews-block {
          display: block; }
        .top-posts-template .left-content-column .posts-list .post-row .info .fb-message {
          color: var(--gray-800);
          line-height: 1.3;
          font-size: 15px; }
        .top-posts-template .left-content-column .posts-list .post-row .info .position {
          display: block;
          font-size: 26px;
          color: var(--gray-500);
          padding-bottom: 5px; }
        .top-posts-template .left-content-column .posts-list .post-row .info .instant-article-image {
          background: url("images/instant-article.png");
          background-size: 25px 25px;
          display: inline-block;
          width: 25px;
          height: 25px;
          vertical-align: middle;
          margin: 10px 5px 0 0; }
        .top-posts-template .left-content-column .posts-list .post-row .info .instant-article, .top-posts-template .left-content-column .posts-list .post-row .info .text {
          vertical-align: middle;
          margin: 10px 5px 0 0;
          display: inline-block;
          color: var(--gray-500);
          font-size: 15px; }
        .top-posts-template .left-content-column .posts-list .post-row .info .images-count {
          margin: 10px 5px 0 0;
          display: inline-block;
          vertical-align: middle; }
          .top-posts-template .left-content-column .posts-list .post-row .info .images-count svg {
            width: 20px;
            height: 20px;
            color: var(--gray-300); }
        .top-posts-template .left-content-column .posts-list .post-row .info .desktop-post-info {
          float: right;
          margin-top: 5px; }
          .top-posts-template .left-content-column .posts-list .post-row .info .desktop-post-info .instant-article-image, .top-posts-template .left-content-column .posts-list .post-row .info .desktop-post-info .instant-article, .top-posts-template .left-content-column .posts-list .post-row .info .desktop-post-info .text, .top-posts-template .left-content-column .posts-list .post-row .info .desktop-post-info .images-count {
            margin-top: 0; }
      .top-posts-template .left-content-column .posts-list .post-row.trending-post {
        background: var(--gray-100); }
        .top-posts-template .left-content-column .posts-list .post-row.trending-post .info .position {
          display: inline;
          vertical-align: middle; }
        .top-posts-template .left-content-column .posts-list .post-row.trending-post .info .trending {
          display: inline;
          font-style: italic;
          vertical-align: top;
          color: var(--red-300); }
  @media (max-width: 600px) {
    .top-posts-template .left-content-column {
      padding: 20px; }
      .top-posts-template .left-content-column .posts-filter input[type="text"], .top-posts-template .left-content-column .posts-filter select {
        width: 100%; }
      .top-posts-template .left-content-column .posts-list .post-row {
        text-align: center; }
        .top-posts-template .left-content-column .posts-list .post-row img {
          width: 260px; }
        .top-posts-template .left-content-column .posts-list .post-row .info {
          max-width: 300px;
          padding: 0 10px; } }

.page-template-contact .left-contact-form, .about-bored-panda, .panda-office {
  padding: 40px;
  background: var(--post-background);
  box-sizing: border-box; }
  @media (max-width: 420px) {
    .page-template-contact .left-contact-form, .about-bored-panda, .panda-office {
      padding-bottom: 5px;
      padding-top: 30px;
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 980px) {
    .page-template-contact .left-contact-form, .about-bored-panda, .panda-office {
      margin-right: 320px; } }
  .page-template-contact .left-contact-form h1, .about-bored-panda h1, .panda-office h1 {
    font-size: 40px;
    font-family: Merriweather, sans-serif;
    margin-bottom: 40px;
    color: var(--on-bg-dark); }
  @media (max-width: 500px) {
    .page-template-contact .left-contact-form h1, .about-bored-panda h1, .panda-office h1 {
      font-size: 30px;
      margin-bottom: 20px; } }
  @media (min-width: 1050px) {
    .page-template-contact .left-contact-form .left-column, .about-bored-panda .left-column, .panda-office .left-column {
      float: left;
      width: 45%; } }
  .page-template-contact .left-contact-form .links .link, .about-bored-panda .links .link, .panda-office .links .link {
    text-align: center;
    margin-bottom: 15px; }
    .page-template-contact .left-contact-form .links .link a, .about-bored-panda .links .link a, .panda-office .links .link a {
      color: var(--gray-800);
      border: 2px solid var(--gray-250);
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      width: 300px;
      height: 50px;
      line-height: 50px;
      display: inline-block;
      font-size: 20px;
      font-family: Roboto, sans-serif;
      font-weight: 500; }
      @media (max-width: 420px) {
        .page-template-contact .left-contact-form .links .link a, .about-bored-panda .links .link a, .panda-office .links .link a {
          width: 100%; } }
      .page-template-contact .left-contact-form .links .link a:hover, .about-bored-panda .links .link a:hover, .panda-office .links .link a:hover {
        color: var(--white);
        background: var(--green-300);
        border-color: var(--green-300); }

.about-bored-panda p, .panda-office p {
  line-height: 25px;
  color: var(--gray-800);
  font-weight: normal;
  font-size: 16px; }
  .about-bored-panda p a, .panda-office p a {
    color: var(--orange-150);
    font-weight: bold; }

.about-bored-panda {
  background: var(--post-background); }
  .about-bored-panda h1 {
    color: var(--on-bg-dark); }
  .about-bored-panda h2 {
    padding-bottom: 20px;
    font-size: 20px;
    color: var(--on-bg-dark); }
  .about-bored-panda ul {
    line-height: 1.3;
    font-weight: 400;
    padding-bottom: 15px;
    margin-left: 18px;
    color: var(--gray-800); }
  .about-bored-panda li {
    padding-bottom: 5px;
    color: var(--gray-800); }
  .about-bored-panda p {
    padding-bottom: 20px;
    color: var(--gray-800); }
  .about-bored-panda .icon-box {
    padding-bottom: 20px; }
    .about-bored-panda .icon-box img {
      width: 80px;
      vertical-align: middle;
      display: inline-block; }
    .about-bored-panda .icon-box p {
      width: calc(100% - 90px);
      vertical-align: middle;
      display: inline-block;
      padding-bottom: 0;
      margin-left: 4px; }

.panda-office {
  background: var(--post-background);
  padding-bottom: 30px; }
  .panda-office h1 {
    color: var(--on-bg-dark); }
  @media (min-width: 550px) {
    .panda-office .left-column {
      float: left;
      width: 50%; }
    .panda-office .right-column {
      float: right;
      width: 50%; } }

.office-location iframe {
  margin-top: 15px;
  max-width: 100%;
  max-height: 100%; }

.page-template-changelog .changelog, .page-template-changelog .web-pushes, .page-template-changelog .placements-mapping, .page-template-changelog .ads-management, .page-template-web-pushes-template .changelog, .page-template-web-pushes-template .web-pushes, .page-template-web-pushes-template .placements-mapping, .page-template-web-pushes-template .ads-management, .page-template-placements-mapping-template .changelog, .page-template-placements-mapping-template .web-pushes, .page-template-placements-mapping-template .placements-mapping, .page-template-placements-mapping-template .ads-management, .page-template-ads-management .changelog, .page-template-ads-management .web-pushes, .page-template-ads-management .placements-mapping, .page-template-ads-management .ads-management {
  background: var(--white);
  box-sizing: border-box;
  border-radius: 5px;
  padding: 40px;
  margin-bottom: 40px; }
  .page-template-changelog .changelog h1, .page-template-changelog .web-pushes h1, .page-template-changelog .placements-mapping h1, .page-template-changelog .ads-management h1, .page-template-web-pushes-template .changelog h1, .page-template-web-pushes-template .web-pushes h1, .page-template-web-pushes-template .placements-mapping h1, .page-template-web-pushes-template .ads-management h1, .page-template-placements-mapping-template .changelog h1, .page-template-placements-mapping-template .web-pushes h1, .page-template-placements-mapping-template .placements-mapping h1, .page-template-placements-mapping-template .ads-management h1, .page-template-ads-management .changelog h1, .page-template-ads-management .web-pushes h1, .page-template-ads-management .placements-mapping h1, .page-template-ads-management .ads-management h1 {
    font-size: 30px;
    padding-bottom: 30px; }
  @media (min-width: 980px) {
    .page-template-changelog .changelog .update-bids-form, .page-template-changelog .web-pushes .update-bids-form, .page-template-changelog .placements-mapping .update-bids-form, .page-template-changelog .ads-management .update-bids-form, .page-template-web-pushes-template .changelog .update-bids-form, .page-template-web-pushes-template .web-pushes .update-bids-form, .page-template-web-pushes-template .placements-mapping .update-bids-form, .page-template-web-pushes-template .ads-management .update-bids-form, .page-template-placements-mapping-template .changelog .update-bids-form, .page-template-placements-mapping-template .web-pushes .update-bids-form, .page-template-placements-mapping-template .placements-mapping .update-bids-form, .page-template-placements-mapping-template .ads-management .update-bids-form, .page-template-ads-management .changelog .update-bids-form, .page-template-ads-management .web-pushes .update-bids-form, .page-template-ads-management .placements-mapping .update-bids-form, .page-template-ads-management .ads-management .update-bids-form {
      position: absolute;
      top: 66px;
      right: 40px; } }
  .page-template-changelog .changelog .item, .page-template-changelog .web-pushes .item, .page-template-changelog .placements-mapping .item, .page-template-changelog .ads-management .item, .page-template-web-pushes-template .changelog .item, .page-template-web-pushes-template .web-pushes .item, .page-template-web-pushes-template .placements-mapping .item, .page-template-web-pushes-template .ads-management .item, .page-template-placements-mapping-template .changelog .item, .page-template-placements-mapping-template .web-pushes .item, .page-template-placements-mapping-template .placements-mapping .item, .page-template-placements-mapping-template .ads-management .item, .page-template-ads-management .changelog .item, .page-template-ads-management .web-pushes .item, .page-template-ads-management .placements-mapping .item, .page-template-ads-management .ads-management .item {
    padding-bottom: 30px;
    margin-bottom: 60px;
    border-bottom: 2px solid var(--gray-250); }
    .page-template-changelog .changelog .item:last-child, .page-template-changelog .web-pushes .item:last-child, .page-template-changelog .placements-mapping .item:last-child, .page-template-changelog .ads-management .item:last-child, .page-template-web-pushes-template .changelog .item:last-child, .page-template-web-pushes-template .web-pushes .item:last-child, .page-template-web-pushes-template .placements-mapping .item:last-child, .page-template-web-pushes-template .ads-management .item:last-child, .page-template-placements-mapping-template .changelog .item:last-child, .page-template-placements-mapping-template .web-pushes .item:last-child, .page-template-placements-mapping-template .placements-mapping .item:last-child, .page-template-placements-mapping-template .ads-management .item:last-child, .page-template-ads-management .changelog .item:last-child, .page-template-ads-management .web-pushes .item:last-child, .page-template-ads-management .placements-mapping .item:last-child, .page-template-ads-management .ads-management .item:last-child {
      border-bottom: 0;
      margin-bottom: 0; }
    .page-template-changelog .changelog .item h2, .page-template-changelog .web-pushes .item h2, .page-template-changelog .placements-mapping .item h2, .page-template-changelog .ads-management .item h2, .page-template-web-pushes-template .changelog .item h2, .page-template-web-pushes-template .web-pushes .item h2, .page-template-web-pushes-template .placements-mapping .item h2, .page-template-web-pushes-template .ads-management .item h2, .page-template-placements-mapping-template .changelog .item h2, .page-template-placements-mapping-template .web-pushes .item h2, .page-template-placements-mapping-template .placements-mapping .item h2, .page-template-placements-mapping-template .ads-management .item h2, .page-template-ads-management .changelog .item h2, .page-template-ads-management .web-pushes .item h2, .page-template-ads-management .placements-mapping .item h2, .page-template-ads-management .ads-management .item h2 {
      color: var(--gray-800);
      font-size: 22px;
      padding-bottom: 13px;
      text-transform: capitalize; }
    .page-template-changelog .changelog .item .time, .page-template-changelog .web-pushes .item .time, .page-template-changelog .placements-mapping .item .time, .page-template-changelog .ads-management .item .time, .page-template-web-pushes-template .changelog .item .time, .page-template-web-pushes-template .web-pushes .item .time, .page-template-web-pushes-template .placements-mapping .item .time, .page-template-web-pushes-template .ads-management .item .time, .page-template-placements-mapping-template .changelog .item .time, .page-template-placements-mapping-template .web-pushes .item .time, .page-template-placements-mapping-template .placements-mapping .item .time, .page-template-placements-mapping-template .ads-management .item .time, .page-template-ads-management .changelog .item .time, .page-template-ads-management .web-pushes .item .time, .page-template-ads-management .placements-mapping .item .time, .page-template-ads-management .ads-management .item .time {
      color: var(--gray-600); }
    .page-template-changelog .changelog .item img, .page-template-changelog .web-pushes .item img, .page-template-changelog .placements-mapping .item img, .page-template-changelog .ads-management .item img, .page-template-web-pushes-template .changelog .item img, .page-template-web-pushes-template .web-pushes .item img, .page-template-web-pushes-template .placements-mapping .item img, .page-template-web-pushes-template .ads-management .item img, .page-template-placements-mapping-template .changelog .item img, .page-template-placements-mapping-template .web-pushes .item img, .page-template-placements-mapping-template .placements-mapping .item img, .page-template-placements-mapping-template .ads-management .item img, .page-template-ads-management .changelog .item img, .page-template-ads-management .web-pushes .item img, .page-template-ads-management .placements-mapping .item img, .page-template-ads-management .ads-management .item img {
      width: 100%;
      display: block;
      box-sizing: border-box;
      padding: 20px 0; }
    .page-template-changelog .changelog .item p, .page-template-changelog .web-pushes .item p, .page-template-changelog .placements-mapping .item p, .page-template-changelog .ads-management .item p, .page-template-web-pushes-template .changelog .item p, .page-template-web-pushes-template .web-pushes .item p, .page-template-web-pushes-template .placements-mapping .item p, .page-template-web-pushes-template .ads-management .item p, .page-template-placements-mapping-template .changelog .item p, .page-template-placements-mapping-template .web-pushes .item p, .page-template-placements-mapping-template .placements-mapping .item p, .page-template-placements-mapping-template .ads-management .item p, .page-template-ads-management .changelog .item p, .page-template-ads-management .web-pushes .item p, .page-template-ads-management .placements-mapping .item p, .page-template-ads-management .ads-management .item p {
      color: var(--gray-800);
      line-height: 1.3; }
    .page-template-changelog .changelog .item ul, .page-template-changelog .web-pushes .item ul, .page-template-changelog .placements-mapping .item ul, .page-template-changelog .ads-management .item ul, .page-template-web-pushes-template .changelog .item ul, .page-template-web-pushes-template .web-pushes .item ul, .page-template-web-pushes-template .placements-mapping .item ul, .page-template-web-pushes-template .ads-management .item ul, .page-template-placements-mapping-template .changelog .item ul, .page-template-placements-mapping-template .web-pushes .item ul, .page-template-placements-mapping-template .placements-mapping .item ul, .page-template-placements-mapping-template .ads-management .item ul, .page-template-ads-management .changelog .item ul, .page-template-ads-management .web-pushes .item ul, .page-template-ads-management .placements-mapping .item ul, .page-template-ads-management .ads-management .item ul {
      padding-top: 10px;
      line-height: 1.3;
      color: var(--gray-800); }
    .page-template-changelog .changelog .item li, .page-template-changelog .web-pushes .item li, .page-template-changelog .placements-mapping .item li, .page-template-changelog .ads-management .item li, .page-template-web-pushes-template .changelog .item li, .page-template-web-pushes-template .web-pushes .item li, .page-template-web-pushes-template .placements-mapping .item li, .page-template-web-pushes-template .ads-management .item li, .page-template-placements-mapping-template .changelog .item li, .page-template-placements-mapping-template .web-pushes .item li, .page-template-placements-mapping-template .placements-mapping .item li, .page-template-placements-mapping-template .ads-management .item li, .page-template-ads-management .changelog .item li, .page-template-ads-management .web-pushes .item li, .page-template-ads-management .placements-mapping .item li, .page-template-ads-management .ads-management .item li {
      padding-bottom: 5px;
      margin-left: 18px; }
  .page-template-changelog .changelog .notify-slack, .page-template-changelog .web-pushes .notify-slack, .page-template-changelog .placements-mapping .notify-slack, .page-template-changelog .ads-management .notify-slack, .page-template-web-pushes-template .changelog .notify-slack, .page-template-web-pushes-template .web-pushes .notify-slack, .page-template-web-pushes-template .placements-mapping .notify-slack, .page-template-web-pushes-template .ads-management .notify-slack, .page-template-placements-mapping-template .changelog .notify-slack, .page-template-placements-mapping-template .web-pushes .notify-slack, .page-template-placements-mapping-template .placements-mapping .notify-slack, .page-template-placements-mapping-template .ads-management .notify-slack, .page-template-ads-management .changelog .notify-slack, .page-template-ads-management .web-pushes .notify-slack, .page-template-ads-management .placements-mapping .notify-slack, .page-template-ads-management .ads-management .notify-slack {
    margin-bottom: 20px;
    display: inline-block;
    padding: 12px;
    background: var(--green-300);
    color: var(--white);
    border-radius: 5px; }
    .page-template-changelog .changelog .notify-slack:hover, .page-template-changelog .web-pushes .notify-slack:hover, .page-template-changelog .placements-mapping .notify-slack:hover, .page-template-changelog .ads-management .notify-slack:hover, .page-template-web-pushes-template .changelog .notify-slack:hover, .page-template-web-pushes-template .web-pushes .notify-slack:hover, .page-template-web-pushes-template .placements-mapping .notify-slack:hover, .page-template-web-pushes-template .ads-management .notify-slack:hover, .page-template-placements-mapping-template .changelog .notify-slack:hover, .page-template-placements-mapping-template .web-pushes .notify-slack:hover, .page-template-placements-mapping-template .placements-mapping .notify-slack:hover, .page-template-placements-mapping-template .ads-management .notify-slack:hover, .page-template-ads-management .changelog .notify-slack:hover, .page-template-ads-management .web-pushes .notify-slack:hover, .page-template-ads-management .placements-mapping .notify-slack:hover, .page-template-ads-management .ads-management .notify-slack:hover {
      background: var(--green-200); }
  .page-template-changelog .changelog .send-campaign, .page-template-changelog .web-pushes .send-campaign, .page-template-changelog .placements-mapping .send-campaign, .page-template-changelog .ads-management .send-campaign, .page-template-web-pushes-template .changelog .send-campaign, .page-template-web-pushes-template .web-pushes .send-campaign, .page-template-web-pushes-template .placements-mapping .send-campaign, .page-template-web-pushes-template .ads-management .send-campaign, .page-template-placements-mapping-template .changelog .send-campaign, .page-template-placements-mapping-template .web-pushes .send-campaign, .page-template-placements-mapping-template .placements-mapping .send-campaign, .page-template-placements-mapping-template .ads-management .send-campaign, .page-template-ads-management .changelog .send-campaign, .page-template-ads-management .web-pushes .send-campaign, .page-template-ads-management .placements-mapping .send-campaign, .page-template-ads-management .ads-management .send-campaign {
    color: var(--white);
    background: #56b863;
    padding: 0 22px;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 40px;
    outline: none;
    cursor: pointer; }
    .page-template-changelog .changelog .send-campaign:hover, .page-template-changelog .web-pushes .send-campaign:hover, .page-template-changelog .placements-mapping .send-campaign:hover, .page-template-changelog .ads-management .send-campaign:hover, .page-template-web-pushes-template .changelog .send-campaign:hover, .page-template-web-pushes-template .web-pushes .send-campaign:hover, .page-template-web-pushes-template .placements-mapping .send-campaign:hover, .page-template-web-pushes-template .ads-management .send-campaign:hover, .page-template-placements-mapping-template .changelog .send-campaign:hover, .page-template-placements-mapping-template .web-pushes .send-campaign:hover, .page-template-placements-mapping-template .placements-mapping .send-campaign:hover, .page-template-placements-mapping-template .ads-management .send-campaign:hover, .page-template-ads-management .changelog .send-campaign:hover, .page-template-ads-management .web-pushes .send-campaign:hover, .page-template-ads-management .placements-mapping .send-campaign:hover, .page-template-ads-management .ads-management .send-campaign:hover {
      background: var(--green-200); }
  .page-template-changelog .changelog input, .page-template-changelog .changelog select, .page-template-changelog .changelog textarea, .page-template-changelog .web-pushes input, .page-template-changelog .web-pushes select, .page-template-changelog .web-pushes textarea, .page-template-changelog .placements-mapping input, .page-template-changelog .placements-mapping select, .page-template-changelog .placements-mapping textarea, .page-template-changelog .ads-management input, .page-template-changelog .ads-management select, .page-template-changelog .ads-management textarea, .page-template-web-pushes-template .changelog input, .page-template-web-pushes-template .changelog select, .page-template-web-pushes-template .changelog textarea, .page-template-web-pushes-template .web-pushes input, .page-template-web-pushes-template .web-pushes select, .page-template-web-pushes-template .web-pushes textarea, .page-template-web-pushes-template .placements-mapping input, .page-template-web-pushes-template .placements-mapping select, .page-template-web-pushes-template .placements-mapping textarea, .page-template-web-pushes-template .ads-management input, .page-template-web-pushes-template .ads-management select, .page-template-web-pushes-template .ads-management textarea, .page-template-placements-mapping-template .changelog input, .page-template-placements-mapping-template .changelog select, .page-template-placements-mapping-template .changelog textarea, .page-template-placements-mapping-template .web-pushes input, .page-template-placements-mapping-template .web-pushes select, .page-template-placements-mapping-template .web-pushes textarea, .page-template-placements-mapping-template .placements-mapping input, .page-template-placements-mapping-template .placements-mapping select, .page-template-placements-mapping-template .placements-mapping textarea, .page-template-placements-mapping-template .ads-management input, .page-template-placements-mapping-template .ads-management select, .page-template-placements-mapping-template .ads-management textarea, .page-template-ads-management .changelog input, .page-template-ads-management .changelog select, .page-template-ads-management .changelog textarea, .page-template-ads-management .web-pushes input, .page-template-ads-management .web-pushes select, .page-template-ads-management .web-pushes textarea, .page-template-ads-management .placements-mapping input, .page-template-ads-management .placements-mapping select, .page-template-ads-management .placements-mapping textarea, .page-template-ads-management .ads-management input, .page-template-ads-management .ads-management select, .page-template-ads-management .ads-management textarea {
    background: var(--bg-text-input);
    color: var(--text-input);
    border: 1px solid var(--border-text-input);
    padding: 0 2%;
    height: 45px;
    font-size: 14px;
    outline: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 15px; }
  .page-template-changelog .changelog textarea, .page-template-changelog .web-pushes textarea, .page-template-changelog .placements-mapping textarea, .page-template-changelog .ads-management textarea, .page-template-web-pushes-template .changelog textarea, .page-template-web-pushes-template .web-pushes textarea, .page-template-web-pushes-template .placements-mapping textarea, .page-template-web-pushes-template .ads-management textarea, .page-template-placements-mapping-template .changelog textarea, .page-template-placements-mapping-template .web-pushes textarea, .page-template-placements-mapping-template .placements-mapping textarea, .page-template-placements-mapping-template .ads-management textarea, .page-template-ads-management .changelog textarea, .page-template-ads-management .web-pushes textarea, .page-template-ads-management .placements-mapping textarea, .page-template-ads-management .ads-management textarea {
    padding: 2%; }
  .page-template-changelog .changelog label, .page-template-changelog .web-pushes label, .page-template-changelog .placements-mapping label, .page-template-changelog .ads-management label, .page-template-web-pushes-template .changelog label, .page-template-web-pushes-template .web-pushes label, .page-template-web-pushes-template .placements-mapping label, .page-template-web-pushes-template .ads-management label, .page-template-placements-mapping-template .changelog label, .page-template-placements-mapping-template .web-pushes label, .page-template-placements-mapping-template .placements-mapping label, .page-template-placements-mapping-template .ads-management label, .page-template-ads-management .changelog label, .page-template-ads-management .web-pushes label, .page-template-ads-management .placements-mapping label, .page-template-ads-management .ads-management label {
    color: var(--gray-800);
    padding-bottom: 10px;
    display: block; }
  .page-template-changelog .changelog th, .page-template-changelog .changelog td, .page-template-changelog .web-pushes th, .page-template-changelog .web-pushes td, .page-template-changelog .placements-mapping th, .page-template-changelog .placements-mapping td, .page-template-changelog .ads-management th, .page-template-changelog .ads-management td, .page-template-web-pushes-template .changelog th, .page-template-web-pushes-template .changelog td, .page-template-web-pushes-template .web-pushes th, .page-template-web-pushes-template .web-pushes td, .page-template-web-pushes-template .placements-mapping th, .page-template-web-pushes-template .placements-mapping td, .page-template-web-pushes-template .ads-management th, .page-template-web-pushes-template .ads-management td, .page-template-placements-mapping-template .changelog th, .page-template-placements-mapping-template .changelog td, .page-template-placements-mapping-template .web-pushes th, .page-template-placements-mapping-template .web-pushes td, .page-template-placements-mapping-template .placements-mapping th, .page-template-placements-mapping-template .placements-mapping td, .page-template-placements-mapping-template .ads-management th, .page-template-placements-mapping-template .ads-management td, .page-template-ads-management .changelog th, .page-template-ads-management .changelog td, .page-template-ads-management .web-pushes th, .page-template-ads-management .web-pushes td, .page-template-ads-management .placements-mapping th, .page-template-ads-management .placements-mapping td, .page-template-ads-management .ads-management th, .page-template-ads-management .ads-management td {
    padding: 10px;
    border-top: 1px solid var(--gray-250); }
  .page-template-changelog .changelog th, .page-template-changelog .web-pushes th, .page-template-changelog .placements-mapping th, .page-template-changelog .ads-management th, .page-template-web-pushes-template .changelog th, .page-template-web-pushes-template .web-pushes th, .page-template-web-pushes-template .placements-mapping th, .page-template-web-pushes-template .ads-management th, .page-template-placements-mapping-template .changelog th, .page-template-placements-mapping-template .web-pushes th, .page-template-placements-mapping-template .placements-mapping th, .page-template-placements-mapping-template .ads-management th, .page-template-ads-management .changelog th, .page-template-ads-management .web-pushes th, .page-template-ads-management .placements-mapping th, .page-template-ads-management .ads-management th {
    border: none;
    text-align: left; }

.page-template-changelog .ads-management, .page-template-web-pushes-template .ads-management, .page-template-placements-mapping-template .ads-management, .page-template-ads-management .ads-management {
  background: var(--post-background); }
  .page-template-changelog .ads-management .col, .page-template-web-pushes-template .ads-management .col, .page-template-placements-mapping-template .ads-management .col, .page-template-ads-management .ads-management .col {
    width: 30%;
    display: inline-block;
    margin-right: 20px; }
  .page-template-changelog .ads-management .item, .page-template-web-pushes-template .ads-management .item, .page-template-placements-mapping-template .ads-management .item, .page-template-ads-management .ads-management .item {
    padding-bottom: 0; }
    .page-template-changelog .ads-management .item .post-block, .page-template-web-pushes-template .ads-management .item .post-block, .page-template-placements-mapping-template .ads-management .item .post-block, .page-template-ads-management .ads-management .item .post-block {
      max-width: 700px;
      display: inline-block;
      border-right: 2px solid var(--gray-250);
      padding-right: 10px; }
      .page-template-changelog .ads-management .item .post-block img, .page-template-web-pushes-template .ads-management .item .post-block img, .page-template-placements-mapping-template .ads-management .item .post-block img, .page-template-ads-management .ads-management .item .post-block img {
        width: 50%;
        display: inline-block; }
      .page-template-changelog .ads-management .item .post-block h3, .page-template-web-pushes-template .ads-management .item .post-block h3, .page-template-placements-mapping-template .ads-management .item .post-block h3, .page-template-ads-management .ads-management .item .post-block h3 {
        margin-bottom: 10px;
        color: var(--gray-800); }
      .page-template-changelog .ads-management .item .post-block .image-actions, .page-template-web-pushes-template .ads-management .item .post-block .image-actions, .page-template-placements-mapping-template .ads-management .item .post-block .image-actions, .page-template-ads-management .ads-management .item .post-block .image-actions {
        display: inline-block;
        vertical-align: top;
        padding: 20px;
        width: 43%; }
      .page-template-changelog .ads-management .item .post-block .choose-experiment, .page-template-web-pushes-template .ads-management .item .post-block .choose-experiment, .page-template-placements-mapping-template .ads-management .item .post-block .choose-experiment, .page-template-ads-management .ads-management .item .post-block .choose-experiment {
        padding: 9px;
        background: var(--post-background);
        border: 1px solid var(--gray-200);
        border-radius: 5px;
        margin-bottom: 15px;
        font-size: 13px;
        font-family: Roboto;
        color: var(--gray-800);
        cursor: pointer; }
      .page-template-changelog .ads-management .item .post-block .image-uploader, .page-template-web-pushes-template .ads-management .item .post-block .image-uploader, .page-template-placements-mapping-template .ads-management .item .post-block .image-uploader, .page-template-ads-management .ads-management .item .post-block .image-uploader {
        padding: 0;
        border: 0;
        height: auto; }
      .page-template-changelog .ads-management .item .post-block .title-variation-block, .page-template-web-pushes-template .ads-management .item .post-block .title-variation-block, .page-template-placements-mapping-template .ads-management .item .post-block .title-variation-block, .page-template-ads-management .ads-management .item .post-block .title-variation-block {
        margin-bottom: 25px; }
        .page-template-changelog .ads-management .item .post-block .title-variation-block .title-block, .page-template-web-pushes-template .ads-management .item .post-block .title-variation-block .title-block, .page-template-placements-mapping-template .ads-management .item .post-block .title-variation-block .title-block, .page-template-ads-management .ads-management .item .post-block .title-variation-block .title-block {
          width: 48%;
          display: inline-block;
          padding-right: 10px; }
        .page-template-changelog .ads-management .item .post-block .title-variation-block .share-block, .page-template-web-pushes-template .ads-management .item .post-block .title-variation-block .share-block, .page-template-placements-mapping-template .ads-management .item .post-block .title-variation-block .share-block, .page-template-ads-management .ads-management .item .post-block .title-variation-block .share-block {
          width: 50%;
          display: inline-block;
          vertical-align: top; }
        .page-template-changelog .ads-management .item .post-block .title-variation-block textarea, .page-template-web-pushes-template .ads-management .item .post-block .title-variation-block textarea, .page-template-placements-mapping-template .ads-management .item .post-block .title-variation-block textarea, .page-template-ads-management .ads-management .item .post-block .title-variation-block textarea {
          height: 80px; }
      .page-template-changelog .ads-management .item .post-block .delete-post-variation, .page-template-web-pushes-template .ads-management .item .post-block .delete-post-variation, .page-template-placements-mapping-template .ads-management .item .post-block .delete-post-variation, .page-template-ads-management .ads-management .item .post-block .delete-post-variation {
        color: red; }
      .page-template-changelog .ads-management .item .post-block .comment, .page-template-web-pushes-template .ads-management .item .post-block .comment, .page-template-placements-mapping-template .ads-management .item .post-block .comment, .page-template-ads-management .ads-management .item .post-block .comment {
        height: 100px; }
      .page-template-changelog .ads-management .item .post-block input, .page-template-changelog .ads-management .item .post-block textarea, .page-template-changelog .ads-management .item .post-block select, .page-template-web-pushes-template .ads-management .item .post-block input, .page-template-web-pushes-template .ads-management .item .post-block textarea, .page-template-web-pushes-template .ads-management .item .post-block select, .page-template-placements-mapping-template .ads-management .item .post-block input, .page-template-placements-mapping-template .ads-management .item .post-block textarea, .page-template-placements-mapping-template .ads-management .item .post-block select, .page-template-ads-management .ads-management .item .post-block input, .page-template-ads-management .ads-management .item .post-block textarea, .page-template-ads-management .ads-management .item .post-block select {
        background: var(--bg-text-input);
        color: var(--text-input);
        border-color: var(--border-text-input); }
      .page-template-changelog .ads-management .item .post-block .fb-images-modal .modal-dialog, .page-template-web-pushes-template .ads-management .item .post-block .fb-images-modal .modal-dialog, .page-template-placements-mapping-template .ads-management .item .post-block .fb-images-modal .modal-dialog, .page-template-ads-management .ads-management .item .post-block .fb-images-modal .modal-dialog {
        max-width: 50%;
        margin: 15% auto 0 auto; }
      .page-template-changelog .ads-management .item .post-block .fb-images-modal .modal-body, .page-template-web-pushes-template .ads-management .item .post-block .fb-images-modal .modal-body, .page-template-placements-mapping-template .ads-management .item .post-block .fb-images-modal .modal-body, .page-template-ads-management .ads-management .item .post-block .fb-images-modal .modal-body {
        max-height: 500px;
        overflow: scroll;
        box-sizing: border-box; }
      .page-template-changelog .ads-management .item .post-block .fb-images-modal .image-block, .page-template-web-pushes-template .ads-management .item .post-block .fb-images-modal .image-block, .page-template-placements-mapping-template .ads-management .item .post-block .fb-images-modal .image-block, .page-template-ads-management .ads-management .item .post-block .fb-images-modal .image-block {
        width: 49%;
        display: inline-block; }
      .page-template-changelog .ads-management .item .post-block .fb-images-modal input[type=radio], .page-template-web-pushes-template .ads-management .item .post-block .fb-images-modal input[type=radio], .page-template-placements-mapping-template .ads-management .item .post-block .fb-images-modal input[type=radio], .page-template-ads-management .ads-management .item .post-block .fb-images-modal input[type=radio] {
        display: inline-block;
        width: 40px;
        vertical-align: middle; }
      .page-template-changelog .ads-management .item .post-block .fb-images-modal img, .page-template-web-pushes-template .ads-management .item .post-block .fb-images-modal img, .page-template-placements-mapping-template .ads-management .item .post-block .fb-images-modal img, .page-template-ads-management .ads-management .item .post-block .fb-images-modal img {
        display: inline-block;
        height: 200px;
        width: auto;
        vertical-align: middle; }
    .page-template-changelog .ads-management .item .ads-list, .page-template-web-pushes-template .ads-management .item .ads-list, .page-template-placements-mapping-template .ads-management .item .ads-list, .page-template-ads-management .ads-management .item .ads-list {
      display: inline-block;
      vertical-align: top;
      max-width: 160px;
      padding: 20px 0 20px 10px;
      color: var(--on-bg-dark); }
      .page-template-changelog .ads-management .item .ads-list .text, .page-template-web-pushes-template .ads-management .item .ads-list .text, .page-template-placements-mapping-template .ads-management .item .ads-list .text, .page-template-ads-management .ads-management .item .ads-list .text {
        color: var(--post-content); }
        .page-template-changelog .ads-management .item .ads-list .text .status.deleted, .page-template-web-pushes-template .ads-management .item .ads-list .text .status.deleted, .page-template-placements-mapping-template .ads-management .item .ads-list .text .status.deleted, .page-template-ads-management .ads-management .item .ads-list .text .status.deleted {
          color: red; }
        .page-template-changelog .ads-management .item .ads-list .text .status.created, .page-template-changelog .ads-management .item .ads-list .text .status.updated, .page-template-web-pushes-template .ads-management .item .ads-list .text .status.created, .page-template-web-pushes-template .ads-management .item .ads-list .text .status.updated, .page-template-placements-mapping-template .ads-management .item .ads-list .text .status.created, .page-template-placements-mapping-template .ads-management .item .ads-list .text .status.updated, .page-template-ads-management .ads-management .item .ads-list .text .status.created, .page-template-ads-management .ads-management .item .ads-list .text .status.updated {
          color: green; }
  .page-template-changelog .ads-management .message, .page-template-web-pushes-template .ads-management .message, .page-template-placements-mapping-template .ads-management .message, .page-template-ads-management .ads-management .message {
    border-radius: 5px;
    margin-bottom: 20px;
    margin-top: 20px; }
    .page-template-changelog .ads-management .message h1, .page-template-web-pushes-template .ads-management .message h1, .page-template-placements-mapping-template .ads-management .message h1, .page-template-ads-management .ads-management .message h1 {
      padding: 15px;
      font-size: 18px;
      color: white;
      font-weight: 600;
      display: inline-block;
      vertical-align: middle;
      font-family: Source sans pro, sans-serif; }
    .page-template-changelog .ads-management .message.success, .page-template-web-pushes-template .ads-management .message.success, .page-template-placements-mapping-template .ads-management .message.success, .page-template-ads-management .ads-management .message.success {
      background: #56b863; }
      .page-template-changelog .ads-management .message.success h1, .page-template-web-pushes-template .ads-management .message.success h1, .page-template-placements-mapping-template .ads-management .message.success h1, .page-template-ads-management .ads-management .message.success h1 {
        color: white; }
    .page-template-changelog .ads-management .message.error, .page-template-web-pushes-template .ads-management .message.error, .page-template-placements-mapping-template .ads-management .message.error, .page-template-ads-management .ads-management .message.error {
      background: var(--red-100); }
      .page-template-changelog .ads-management .message.error h1, .page-template-web-pushes-template .ads-management .message.error h1, .page-template-placements-mapping-template .ads-management .message.error h1, .page-template-ads-management .ads-management .message.error h1 {
        color: var(--white); }
  .page-template-changelog .ads-management .ads-pagination, .page-template-web-pushes-template .ads-management .ads-pagination, .page-template-placements-mapping-template .ads-management .ads-pagination, .page-template-ads-management .ads-management .ads-pagination {
    text-align: center; }
    .page-template-changelog .ads-management .ads-pagination a, .page-template-web-pushes-template .ads-management .ads-pagination a, .page-template-placements-mapping-template .ads-management .ads-pagination a, .page-template-ads-management .ads-management .ads-pagination a {
      padding: 10px;
      color: #56b863;
      border: 1px solid #56b863;
      border-radius: 5px;
      margin-right: 10px; }
      .page-template-changelog .ads-management .ads-pagination a:hover, .page-template-web-pushes-template .ads-management .ads-pagination a:hover, .page-template-placements-mapping-template .ads-management .ads-pagination a:hover, .page-template-ads-management .ads-management .ads-pagination a:hover {
        border: 1px solid var(--green-200);
        color: var(--green-200); }

.page-container {
  background: var(--white);
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 40px;
  margin-bottom: 40px; }
  .page-container .post-block {
    margin-bottom: 20px; }
    .page-container .post-block .info {
      width: 59%;
      display: inline-block;
      vertical-align: top; }
    .page-container .post-block .image {
      width: 40%;
      display: inline-block; }
    .page-container .post-block .title {
      margin-left: 20px;
      font-size: 30px;
      color: var(--gray-800); }
    .page-container .post-block .top-comments {
      margin-left: 20px;
      margin-top: 20px;
      display: block;
      color: var(--gray-400); }

.instagram-stories {
  overflow: hidden;
  margin-bottom: 160px;
  margin-top: 10px; }
  .instagram-stories .h3 {
    font-weight: 600;
    color: var(--gray-blue-600);
    font-size: 24px;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 5px; }
  .instagram-stories .search-checkboxes {
    padding-top: 10px; }
  .instagram-stories .post-search-block {
    color: var(--gray-600); }
    .instagram-stories .post-search-block #post-search {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      background: var(--gray-50);
      border: 1px solid var(--gray-100);
      width: 100%;
      padding: 5px 15px;
      font-size: 18px;
      height: 50px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .instagram-stories .post-search-block .search-icon {
      position: absolute;
      top: 15px;
      right: 20px; }
  .instagram-stories .main-block .post-block {
    display: block;
    background-color: var(--gray-50);
    padding: 15px;
    border-radius: 5px;
    margin: 10px 0px; }
    .instagram-stories .main-block .post-block .cats {
      color: var(--orange-150);
      padding-right: 10px;
      text-transform: uppercase; }
    .instagram-stories .main-block .post-block .post-time {
      text-transform: uppercase;
      color: var(--gray-400); }
    .instagram-stories .main-block .post-block .post-title {
      font-size: 25px;
      font-weight: bold;
      display: block;
      margin: 10px 0;
      color: black; }
      @media (max-width: 979px) {
        .instagram-stories .main-block .post-block .post-title {
          font-size: 18px; } }
    .instagram-stories .main-block .post-block .arrow-block {
      padding: 10px;
      float: right; }
      .instagram-stories .main-block .post-block .arrow-block .arrow-down {
        border: solid var(--gray-250);
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 6px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        margin: 3px; }
    .instagram-stories .main-block .post-block .generated-stories {
      display: none; }
    .instagram-stories .main-block .post-block.showStories .arrow-down {
      transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg); }
    .instagram-stories .main-block .post-block.showStories .generated-stories {
      display: inline-block;
      width: 100%;
      overflow-x: auto;
      white-space: nowrap; }
      .instagram-stories .main-block .post-block.showStories .generated-stories .story-block {
        text-align: center;
        display: inline-block;
        width: 25%;
        padding: 4px; }
        .instagram-stories .main-block .post-block.showStories .generated-stories .story-block input {
          display: grid; }
        .instagram-stories .main-block .post-block.showStories .generated-stories .story-block .btn {
          padding: 5px 10px;
          font-size: 14px; }
        .instagram-stories .main-block .post-block.showStories .generated-stories .story-block a {
          display: inline-block;
          padding: 10px 0px;
          color: black;
          text-decoration: underline; }
        .instagram-stories .main-block .post-block.showStories .generated-stories .story-block img, .instagram-stories .main-block .post-block.showStories .generated-stories .story-block video {
          width: 100%; }

.community-supervision-block .community-supervision-head {
  line-height: 1.5;
  padding: 40px;
  padding-bottom: 0px;
  background: var(--white);
  box-sizing: border-box; }
  @media (max-width: 420px) {
    .community-supervision-block .community-supervision-head {
      padding-top: 30px;
      padding-left: 15px;
      padding-right: 15px; } }
  .community-supervision-block .community-supervision-head h1 {
    font-size: 40px;
    font-family: Merriweather, sans-serif;
    margin-bottom: 20px; }
  @media (max-width: 500px) {
    .community-supervision-block .community-supervision-head h1 {
      font-size: 30px;
      margin-bottom: 20px; } }
  @media (min-width: 1050px) {
    .community-supervision-block .community-supervision-head .left-column {
      float: left;
      width: 45%; } }
  .community-supervision-block .community-supervision-head .links .link {
    text-align: center;
    margin-bottom: 15px; }
    .community-supervision-block .community-supervision-head .links .link a {
      color: var(--gray-800);
      border: 2px solid var(--gray-250);
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      width: 300px;
      height: 50px;
      line-height: 50px;
      display: inline-block;
      font-size: 20px;
      font-family: Roboto, sans-serif;
      font-weight: 500; }
      @media (max-width: 420px) {
        .community-supervision-block .community-supervision-head .links .link a {
          width: 100%; } }
      .community-supervision-block .community-supervision-head .links .link a:hover {
        color: var(--white);
        background: var(--green-300);
        border-color: var(--green-300); }
  .community-supervision-block .community-supervision-head .tabs-panel {
    border-top: solid 0.5px var(--gray-200);
    margin-top: 30px;
    width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; }
    .community-supervision-block .community-supervision-head .tabs-panel ul {
      display: block;
      float: left;
      width: 100%; }
      .community-supervision-block .community-supervision-head .tabs-panel ul li {
        cursor: pointer;
        text-align: center;
        display: table-cell;
        list-style: none;
        width: auto;
        white-space: nowrap;
        position: relative;
        vertical-align: middle;
        padding: 20px 12px 17px;
        margin-right: 20px;
        padding-bottom: 20px; }
        .community-supervision-block .community-supervision-head .tabs-panel ul li.active {
          border-bottom: solid var(--orange-200);
          color: var(--orange-200); }
      .community-supervision-block .community-supervision-head .tabs-panel ul li:hover {
        color: var(--orange-200); }
      @media (max-width: 420px) {
        .community-supervision-block .community-supervision-head .tabs-panel ul li {
          padding-top: 10px;
          padding-bottom: 10px; } }
  .community-supervision-block .community-supervision-head p {
    color: #7d7d7d; }
  .community-supervision-block .community-supervision-head .automated-email-author-selection-block {
    display: inline-block;
    color: #7d7d7d; }

.community-supervision-block .flagged-comments, .community-supervision-block .reported-comments {
  margin: 10px 0;
  padding: 40px;
  background: white; }
  @media (max-width: 420px) {
    .community-supervision-block .flagged-comments, .community-supervision-block .reported-comments {
      padding: 10px; } }
  .community-supervision-block .flagged-comments .thread, .community-supervision-block .reported-comments .thread {
    padding: 10px;
    background: var(--gray-50); }
  .community-supervision-block .flagged-comments .comment-author-image, .community-supervision-block .reported-comments .comment-author-image {
    float: left;
    width: 30px; }
    .community-supervision-block .flagged-comments .comment-author-image img, .community-supervision-block .reported-comments .comment-author-image img {
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      height: 30px;
      width: 30px;
      margin-top: 3px; }
  .community-supervision-block .flagged-comments .comment-block, .community-supervision-block .reported-comments .comment-block {
    position: relative;
    margin-left: 38px;
    margin-bottom: 30px; }
    .community-supervision-block .flagged-comments .comment-block img, .community-supervision-block .reported-comments .comment-block img {
      display: block;
      max-width: 150px;
      width: auto;
      max-height: 150px;
      height: auto;
      margin: 5px 0 0; }
      @media (max-width: 479px) {
        .community-supervision-block .flagged-comments .comment-block img, .community-supervision-block .reported-comments .comment-block img {
          max-width: 100px;
          max-height: 100px; } }
    .community-supervision-block .flagged-comments .comment-block .show-thread, .community-supervision-block .reported-comments .comment-block .show-thread {
      cursor: pointer; }
    .community-supervision-block .flagged-comments .comment-block .comment-author, .community-supervision-block .reported-comments .comment-block .comment-author {
      color: var(--gray-800);
      font-size: 14px;
      font-weight: 500; }
    .community-supervision-block .flagged-comments .comment-block .comment-content .show-original-btn, .community-supervision-block .reported-comments .comment-block .comment-content .show-original-btn {
      color: var(--orange-200); }
    .community-supervision-block .flagged-comments .comment-block .success, .community-supervision-block .reported-comments .comment-block .success {
      color: var(--green-700);
      background-color: var(--green-50);
      border-color: var(--green-100);
      padding: 7px 15px;
      display: inline-block; }
  .community-supervision-block .flagged-comments .links, .community-supervision-block .reported-comments .links {
    padding-top: 20px; }
    .community-supervision-block .flagged-comments .links .buttons, .community-supervision-block .reported-comments .links .buttons {
      padding: 4px 10px;
      border: solid 1px var(--gray-400);
      border-radius: 3px;
      color: var(--gray-400);
      display: inline-block;
      font-size: 14px; }
      @media (max-width: 590px) {
        .community-supervision-block .flagged-comments .links .buttons, .community-supervision-block .reported-comments .links .buttons {
          display: block;
          font-size: 12px;
          text-align: center;
          margin: 3px 0; } }
    .community-supervision-block .flagged-comments .links a:hover, .community-supervision-block .reported-comments .links a:hover {
      color: var(--orange-200);
      border-color: var(--orange-200); }
  .community-supervision-block .flagged-comments .comment-head, .community-supervision-block .reported-comments .comment-head {
    padding: 10px 0;
    font-size: 14px; }
    .community-supervision-block .flagged-comments .comment-head .comment-time, .community-supervision-block .reported-comments .comment-head .comment-time {
      font-size: 11px;
      margin-left: 6px;
      color: var(--gray-300);
      font-weight: 400;
      font-style: italic; }
    .community-supervision-block .flagged-comments .comment-head .show-thread, .community-supervision-block .reported-comments .comment-head .show-thread {
      color: var(--orange-200);
      padding: 10px; }
  .community-supervision-block .flagged-comments .comment-content, .community-supervision-block .reported-comments .comment-content {
    color: #7d7d7d;
    font-weight: 400;
    font-size: 14px;
    position: relative;
    text-align: left;
    padding: 0 0 7px;
    line-height: 1.5;
    clear: none;
    float: none;
    word-wrap: break-word;
    -ms-word-break: break-word;
    word-break: break-word;
    overflow-wrap: break-word; }
  .community-supervision-block .flagged-comments .info-block a, .community-supervision-block .reported-comments .info-block a {
    padding: 5px 15px;
    font-size: 10px;
    border-radius: 5px;
    color: white;
    cursor: default;
    margin: 1px 0;
    display: inline-block; }
  .community-supervision-block .flagged-comments .info-block .autoflag, .community-supervision-block .reported-comments .info-block .autoflag {
    background: #925FB1; }
  .community-supervision-block .flagged-comments .info-block .downvotes, .community-supervision-block .reported-comments .info-block .downvotes {
    background: var(--orange-200); }
  .community-supervision-block .flagged-comments .info-block .userflags, .community-supervision-block .reported-comments .info-block .userflags {
    background: #313F50; }

.community-supervision-block .reported-comments .report-block {
  border: 1px solid var(--gray-200);
  padding: 10px;
  border-radius: 3px;
  margin-bottom: 15px; }

.community-supervision-block .reported-comments .comment-block {
  margin-bottom: 0; }

.community-supervision-block .reported-comments .info-block {
  position: relative; }
  .community-supervision-block .reported-comments .info-block .downvotes {
    cursor: pointer; }
  .community-supervision-block .reported-comments .info-block .reports {
    display: none;
    border: 1px solid var(--gray-200);
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    bottom: 60%;
    background: var(--white); }
    .community-supervision-block .reported-comments .info-block .reports .reason {
      font-weight: 400; }

.community-supervision-block .success-stories {
  margin: 10px 0;
  padding: 40px;
  background: white; }
  @media (max-width: 420px) {
    .community-supervision-block .success-stories {
      padding: 10px; } }
  .community-supervision-block .success-stories .post-block .info-block {
    background-color: var(--gray-50);
    vertical-align: top;
    padding: 10px; }
    .community-supervision-block .success-stories .post-block .info-block .post-title {
      padding: 10px; }
    .community-supervision-block .success-stories .post-block .info-block .author-info {
      padding: 10px; }
      .community-supervision-block .success-stories .post-block .info-block .author-info .author-image {
        float: left;
        width: 30px; }
        .community-supervision-block .success-stories .post-block .info-block .author-info .author-image img {
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          height: 30px;
          width: 30px;
          margin-top: 3px; }
      .community-supervision-block .success-stories .post-block .info-block .author-info .author-name {
        margin-left: 40px;
        display: block;
        color: black;
        text-decoration: underline; }
      .community-supervision-block .success-stories .post-block .info-block .author-info .author-email {
        margin-left: 40px;
        display: block;
        color: #7d7d7d;
        font-size: 13px;
        padding-top: 2px; }
  @media (min-width: 580px) {
    .community-supervision-block .success-stories .post-block .table-cell {
      display: table-cell; } }
  .community-supervision-block .success-stories .email-messages-block .email-messages-head {
    background-color: var(--gray-50);
    padding: 20px 30px;
    margin-top: 10px; }
    .community-supervision-block .success-stories .email-messages-block .email-messages-head a {
      color: black;
      font-weight: 500;
      cursor: pointer; }
    .community-supervision-block .success-stories .email-messages-block .email-messages-head .time {
      font-size: 11px;
      margin-left: 6px;
      color: var(--gray-300);
      font-weight: 400;
      font-style: italic; }
    .community-supervision-block .success-stories .email-messages-block .email-messages-head .arrow-down {
      border: solid var(--gray-250);
      border-width: 0 2px 2px 0;
      display: inline-block;
      padding: 4px;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      float: right;
      margin: 3px; }
  .community-supervision-block .success-stories .email-messages-block .email-messages-content {
    color: #7d7d7d;
    font-weight: 400;
    padding: 20px 30px;
    background-color: var(--gray-50);
    line-height: 1.5;
    display: none; }
  .community-supervision-block .success-stories .email-messages-block.active .arrow-down {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg); }
  .community-supervision-block .success-stories .email-messages-block.active .email-messages-content {
    display: block; }
  .community-supervision-block .success-stories .links {
    padding-top: 30px; }
    .community-supervision-block .success-stories .links .buttons {
      padding: 7px 20px;
      border: solid 1px grey;
      border-radius: 20px;
      color: grey; }
      @media (max-width: 590px) {
        .community-supervision-block .success-stories .links .buttons {
          display: block;
          font-size: 12px;
          text-align: center;
          margin: 3px 0; } }
    .community-supervision-block .success-stories .links a:hover {
      color: var(--orange-200);
      border-color: var(--orange-200); }
  .community-supervision-block .success-stories .success-message-block {
    padding-top: 40px; }
    .community-supervision-block .success-stories .success-message-block .success {
      color: var(--green-700);
      background-color: var(--green-50);
      border-color: var(--green-100);
      padding: 7px 15px; }
    .community-supervision-block .success-stories .success-message-block .error {
      color: var(--orange-200);
      background-color: white;
      border-color: #d64d21;
      padding: 7px 15px; }

.community-supervision-block .ignored-users {
  margin: 10px 0;
  padding: 40px;
  background: white; }
  @media (max-width: 420px) {
    .community-supervision-block .ignored-users {
      padding: 10px; } }
  .community-supervision-block .ignored-users .author-image img {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    vertical-align: middle; }
  .community-supervision-block .ignored-users .links {
    padding-top: 30px; }
    .community-supervision-block .ignored-users .links .buttons {
      padding: 7px 20px;
      border: solid 1px grey;
      border-radius: 20px;
      color: grey; }
      @media (max-width: 590px) {
        .community-supervision-block .ignored-users .links .buttons {
          display: block;
          font-size: 12px;
          text-align: center;
          margin: 3px 0; } }
    .community-supervision-block .ignored-users .links a:hover {
      color: var(--orange-200);
      border-color: var(--orange-200); }
  .community-supervision-block .ignored-users .success-message-block .success {
    color: var(--green-700);
    background-color: var(--green-50);
    border-color: var(--green-100);
    padding: 7px 15px; }

.community-supervision-block .suspicious-users {
  margin: 10px 0;
  padding: 40px;
  background: white; }
  @media (max-width: 420px) {
    .community-supervision-block .suspicious-users {
      padding: 10px; } }
  .community-supervision-block .suspicious-users .user-block {
    padding: 10px 0px;
    border-bottom: solid 0.5px var(--gray-200); }
    .community-supervision-block .suspicious-users .user-block .user-info img {
      border-radius: 50%;
      height: 30px;
      width: 30px;
      vertical-align: middle; }
    .community-supervision-block .suspicious-users .user-block .links {
      padding: 20px 0; }
      .community-supervision-block .suspicious-users .user-block .links .buttons {
        padding: 7px 20px;
        border: solid 1px grey;
        border-radius: 20px;
        color: grey; }
        @media (max-width: 590px) {
          .community-supervision-block .suspicious-users .user-block .links .buttons {
            display: block;
            font-size: 12px;
            text-align: center;
            margin: 3px 0; } }
      .community-supervision-block .suspicious-users .user-block .links a:hover {
        color: var(--orange-200);
        border-color: var(--orange-200); }
    .community-supervision-block .suspicious-users .user-block .success-message-block {
      padding: 20px 0; }
      .community-supervision-block .suspicious-users .user-block .success-message-block .success {
        color: var(--green-700);
        background-color: var(--green-50);
        border-color: var(--green-100);
        padding: 7px 15px; }

.community-supervision-block .pagination-align {
  text-align: center !important; }
  .community-supervision-block .pagination-align .pagination {
    float: unset !important;
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px; }
    .community-supervision-block .pagination-align .pagination li {
      display: inline; }
      .community-supervision-block .pagination-align .pagination li a {
        border: 0;
        border-radius: 30px !important;
        transition: all .3s;
        padding: 0px 0px;
        margin: 0 3px;
        min-width: 30px;
        height: 30px;
        line-height: 30px;
        color: var(--gray-450);
        font-weight: 400;
        font-size: 12px;
        text-transform: uppercase;
        background: transparent;
        position: relative;
        float: left;
        text-decoration: none; }
    .community-supervision-block .pagination-align .pagination .active a {
      background-color: var(--orange-200);
      border-color: var(--orange-200);
      color: white; }

.single.wide-post.page-template-landing-template .main {
  max-width: 100%; }

.single.wide-post.page-template-landing-template .landing-container {
  margin: 0 auto;
  max-width: 970px; }
  .single.wide-post.page-template-landing-template .landing-container.company-structure {
    max-width: 100%;
    margin-left: 5em;
    margin-right: 5em; }

.single.wide-post.page-template-landing-template .post-header {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 20px; }

.single.wide-post.page-template-landing-template table, .single.wide-post.page-template-landing-template tr, .single.wide-post.page-template-landing-template td, .single.wide-post.page-template-landing-template th {
  border: 1px solid var(--gray-800); }

.single.wide-post.page-template-landing-template .company-structure {
  color: var(--gray-800);
  font-size: 14px;
  font-weight: 400; }
  .single.wide-post.page-template-landing-template .company-structure th {
    text-align: center;
    vertical-align: middle;
    padding: 10px; }
  .single.wide-post.page-template-landing-template .company-structure td {
    padding: 10px;
    text-align: left; }
  .single.wide-post.page-template-landing-template .company-structure .position, .single.wide-post.page-template-landing-template .company-structure .start-date, .single.wide-post.page-template-landing-template .company-structure .years {
    white-space: nowrap; }
  .single.wide-post.page-template-landing-template .company-structure .selected-value {
    display: inline-block;
    padding: 0 0.5em;
    background: rgba(206, 205, 202, 0.5);
    border-radius: 3px;
    margin-right: 0.5em;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    white-space: nowrap; }
    .single.wide-post.page-template-landing-template .company-structure .selected-value.select-value-color-default {
      background-color: rgba(206, 205, 202, 0.5); }
    .single.wide-post.page-template-landing-template .company-structure .selected-value.select-value-color-gray {
      background-color: rgba(155, 154, 151, 0.4); }
    .single.wide-post.page-template-landing-template .company-structure .selected-value.select-value-color-brown {
      background-color: rgba(140, 46, 0, 0.2); }
    .single.wide-post.page-template-landing-template .company-structure .selected-value.select-value-color-orange {
      background-color: rgba(245, 93, 0, 0.2); }
    .single.wide-post.page-template-landing-template .company-structure .selected-value.select-value-color-yellow {
      background-color: rgba(233, 168, 0, 0.2); }
    .single.wide-post.page-template-landing-template .company-structure .selected-value.select-value-color-green {
      background-color: rgba(0, 135, 107, 0.2); }
    .single.wide-post.page-template-landing-template .company-structure .selected-value.select-value-color-blue {
      background-color: rgba(0, 120, 223, 0.2); }
    .single.wide-post.page-template-landing-template .company-structure .selected-value.select-value-color-purple {
      background-color: rgba(103, 36, 222, 0.2); }
    .single.wide-post.page-template-landing-template .company-structure .selected-value.select-value-color-pink {
      background-color: rgba(221, 0, 129, 0.2); }
    .single.wide-post.page-template-landing-template .company-structure .selected-value.select-value-color-red {
      background-color: rgba(255, 0, 26, 0.2); }

.sitemap-container .sitemap-left-content {
  background: var(--post-background);
  box-sizing: border-box; }
  .sitemap-container .sitemap-left-content h1, .sitemap-container .sitemap-left-content h2, .sitemap-container .sitemap-left-content a {
    color: var(--on-bg-dark);
    font-family: Roboto, sans-serif; }
  .sitemap-container .sitemap-left-content h1 {
    padding-left: 20px;
    padding-top: 40px; }
  .sitemap-container .sitemap-left-content h2 {
    padding-left: 20px; }
  .sitemap-container .sitemap-left-content .css-1azrq2q a {
    display: inline-block;
    width: auto;
    color: var(--on-bg-dark); }
  .sitemap-container .sitemap-left-content .sitemap-border-bottom {
    border-bottom: 1px solid var(--gray-100);
    padding-bottom: 25px;
    margin-right: 8px; }
  .sitemap-container .sitemap-left-content .css-1azrq2q {
    color: var(--on-bg-dark);
    font-family: Merriweather, serif;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.8125rem;
    margin-bottom: 1.5rem; }
  .sitemap-container .sitemap-left-content .sitemap-hover {
    margin-right: 8px; }
  .sitemap-container .sitemap-left-content .sitemap-hover:hover {
    color: var(--orange-150);
    cursor: pointer; }
  .sitemap-container .sitemap-left-content h1 {
    font-size: 30px;
    border-bottom: 1px solid var(--gray-100);
    margin-bottom: 30px;
    padding-bottom: 20px; }
  .sitemap-container .sitemap-left-content h2 {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 25px; }
  .sitemap-container .sitemap-left-content .days {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 10px;
    padding-bottom: 20px; }
    .sitemap-container .sitemap-left-content .days button {
      width: 10px;
      height: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 600;
      padding: 10px 18px;
      border: 1px solid var(--gray-100);
      border-radius: 3px;
      background-color: transparent;
      cursor: pointer;
      transition: background-color 0.2s;
      color: var(--on-bg-dark); }
      .sitemap-container .sitemap-left-content .days button:hover {
        color: var(--orange-150); }
      .sitemap-container .sitemap-left-content .days button:last-child {
        margin-right: 0; }
  .sitemap-container .sitemap-left-content .sitemap-posts {
    margin-left: 30px; }
    .sitemap-container .sitemap-left-content .sitemap-posts li {
      margin: 9px 10px 18px 10px;
      line-height: 1.2em;
      font-weight: 300; }
  .sitemap-container .sitemap-left-content .buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
    margin-left: 20px; }
    .sitemap-container .sitemap-left-content .buttons .active-button {
      border: 1px solid var(--orange-150);
      border-radius: 3px;
      color: var(--orange-150); }
    .sitemap-container .sitemap-left-content .buttons button {
      margin-right: 10px;
      margin-bottom: 10px;
      font-weight: 600;
      padding: 10px 20px;
      border: 1px solid var(--gray-100);
      border-radius: 3px;
      background-color: transparent;
      cursor: pointer;
      transition: background-color 0.2s;
      color: var(--on-bg-dark); }
      .sitemap-container .sitemap-left-content .buttons button:hover {
        border: 1px solid var(--orange-150);
        color: var(--orange-150); }
      .sitemap-container .sitemap-left-content .buttons button:last-child {
        margin-right: 0; }
    @media (max-width: 767px) {
      .sitemap-container .sitemap-left-content .buttons button {
        flex: 0 0 30%;
        margin-right: 2%; }
      .sitemap-container .sitemap-left-content .buttons button:nth-child(2n) {
        margin-right: 0; } }
  .sitemap-container .sitemap-left-content .year-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 20px;
    color: var(--on-bg-dark); }
  .sitemap-container .sitemap-left-content .year {
    flex: 1;
    border: 1px solid var(--gray-100);
    border-right: none; }
    .sitemap-container .sitemap-left-content .year h3 {
      border-bottom: 1px solid var(--gray-100);
      padding: 18px; }
  .sitemap-container .sitemap-left-content .months li {
    margin: 21px 36px;
    font-size: 14px;
    font-weight: 100; }
    .sitemap-container .sitemap-left-content .months li::marker {
      color: var(--gray-450); }
  .sitemap-container .sitemap-left-content .months a {
    color: var(--on-bg-dark);
    font-size: 13px; }
  .sitemap-container .sitemap-left-content .months a:hover {
    color: var(--orange-150); }
  @media (max-width: 420px) {
    .sitemap-container .sitemap-left-content {
      padding: 30px 15px 5px; }
      .sitemap-container .sitemap-left-content h1 {
        font-size: 20px;
        margin-bottom: 20px; }
      .sitemap-container .sitemap-left-content h2 {
        font-size: 16px; } }
  @media (min-width: 980px) {
    .sitemap-container .sitemap-left-content {
      margin-right: 320px; } }
  @media (min-width: 768px) {
    .sitemap-container .sitemap-left-content .year-columns {
      grid-template-columns: repeat(4, 1fr); }
    .sitemap-container .sitemap-left-content .year:nth-child(4n+1) {
      border-left: none; }
    .sitemap-container .sitemap-left-content .year:last-child:not(:nth-child(4n)) {
      border-right: 1px solid var(--gray-100); }
    .sitemap-container .sitemap-left-content .year:nth-last-child(-n+4) {
      border-top: none;
      border-bottom: none; }
    .sitemap-container .sitemap-left-content .year:nth-last-child(-n+8) {
      border-bottom: 1px solid var(--gray-100); } }
  @media (max-width: 767px) {
    .sitemap-container .sitemap-left-content .year:nth-child(odd) {
      border-left: none; }
    .sitemap-container .sitemap-left-content .year:nth-last-child(-n+2) {
      border-top: none;
      border-bottom: 1px solid var(--gray-100); }
    .sitemap-container .sitemap-left-content .year:last-child:not(:nth-child(2n)) {
      border-right: 1px solid var(--gray-100); } }

.label-bonus-month {
  color: var(--on-bg-dark); }

.main.bp-container.clearfix .page-changelog {
  background: var(--post-background);
  color: var(--on-bg-dark); }
  .main.bp-container.clearfix .page-changelog h1 {
    color: var(--on-bg-dark); }

.new-badge {
  padding: 4px 6px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 3px;
  background: rgba(86, 184, 99, 0.08);
  color: var(--Brand-Brand---Green, #56B863);
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize; }

.controls-block .controls .control:last-child {
  margin-right: 0; }

.top-ads-template .left-content-column .posts-list .post-row .info .date, .top-ads-template .left-content-column .posts-list .post-row .info .post-status {
  display: inline-block;
  padding-top: 0;
  color: var(--gray-500);
  font-size: 15px;
  width: 32%; }

.top-ads-template .left-content-column .error p {
  display: inline-block; }

.top-ads-template .left-content-column .error.campaigns-pause {
  background-color: var(--yellow-100);
  color: black;
  font-weight: normal; }

.top-ads-template .left-content-column .error .exit {
  float: right; }
  .top-ads-template .left-content-column .error .exit:hover {
    cursor: pointer; }

.top-ads-template .left-content-column .posts-list .post-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }
  .top-ads-template .left-content-column .posts-list .post-row img {
    width: auto;
    height: 120px; }
  .top-ads-template .left-content-column .posts-list .post-row .position {
    display: block;
    font-size: 26px;
    color: var(--gray-500);
    padding-left: 10px;
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start; }
  .top-ads-template .left-content-column .posts-list .post-row .status {
    display: block;
    font-size: 16px;
    font-weight: normal;
    width: 100px;
    padding-right: 10px;
    text-align: center; }
    .top-ads-template .left-content-column .posts-list .post-row .status .approve {
      padding: 5px 10px;
      border: black solid 1px;
      display: inline-block;
      width: 59px;
      user-select: none;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      -webkit-touch-callout: none;
      /* iOS Safari */
      -webkit-user-select: none;
      /* Safari */
      -khtml-user-select: none;
      /* Konqueror HTML */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none;
      /* Non-prefixed version, currently
                                  supported by Chrome and Opera */ }
      .top-ads-template .left-content-column .posts-list .post-row .status .approve:hover {
        cursor: pointer;
        text-decoration: underline; }
    .top-ads-template .left-content-column .posts-list .post-row .status .active, .top-ads-template .left-content-column .posts-list .post-row .status .inactive {
      color: var(--salad-green-300);
      font-weight: bold;
      text-align: center; }
    .top-ads-template .left-content-column .posts-list .post-row .status .inactive {
      color: var(--gray-500); }
    .top-ads-template .left-content-column .posts-list .post-row .status .description {
      font-size: 13px;
      color: #c4c879; }
      .top-ads-template .left-content-column .posts-list .post-row .status .description.button {
        color: var(--gray-250);
        text-decoration: underline; }
        .top-ads-template .left-content-column .posts-list .post-row .status .description.button:hover {
          cursor: pointer; }
  .top-ads-template .left-content-column .posts-list .post-row .info {
    min-height: 120px;
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start; }
    .top-ads-template .left-content-column .posts-list .post-row .info .pageviews, .top-ads-template .left-content-column .posts-list .post-row .info .date, .top-ads-template .left-content-column .posts-list .post-row .info .post-status {
      -webkit-align-self: flex-end;
      -moz-align-self: flex-end;
      -ms-flex-item-align: end;
      align-self: flex-end; }
    .top-ads-template .left-content-column .posts-list .post-row .info .title {
      padding-bottom: 25px; }
    .top-ads-template .left-content-column .posts-list .post-row .info .date {
      text-align: left; }
    .top-ads-template .left-content-column .posts-list .post-row .info .post-status {
      text-align: center; }

.top-ads-template .left-content-column .posts-filter .submit, .top-ads-template .left-content-column .posts-filter .reset {
  height: 45px;
  line-height: 45px; }

.top-ads-template .left-content-column .posts-filter .filterDiv {
  width: 130px;
  margin-right: 10px;
  vertical-align: top; }
  .top-ads-template .left-content-column .posts-filter .filterDiv.wider {
    width: 140px; }

.top-ads-template .left-content-column .pagination-wrap {
  text-align: center;
  display: block; }
  .top-ads-template .left-content-column .pagination-wrap .pagination {
    display: inline-block;
    float: none; }
    .top-ads-template .left-content-column .pagination-wrap .pagination a {
      color: #56b863;
      float: left;
      padding: 8px 16px;
      text-decoration: none; }
      .top-ads-template .left-content-column .pagination-wrap .pagination a.hide {
        display: none; }
      .top-ads-template .left-content-column .pagination-wrap .pagination a.active {
        background-color: #56b863;
        color: white;
        border-radius: 2px; }
      .top-ads-template .left-content-column .pagination-wrap .pagination a:hover:not(.active) {
        background-color: #6acd77;
        color: white;
        border-radius: 2px; }

.switch-control {
  padding-top: 50px;
  font-weight: normal; }
  .switch-control label {
    display: inline-block;
    width: 355px; }
  .switch-control .on-off {
    padding: 4px 1px;
    background-color: var(--gray-200);
    display: inline-block;
    width: 192px; }
    .switch-control .on-off .button {
      text-align: center;
      padding: 6px;
      margin-left: 4px;
      display: inline-block;
      width: 80px; }
      .switch-control .on-off .button:first-child {
        margin-left: 2px; }
      .switch-control .on-off .button:hover {
        background-color: #6acd77;
        cursor: pointer;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px; }
      .switch-control .on-off .button.active {
        background-color: #56b863;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px; }

.search .posts-section-title {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word; }

#auth-modal {
  background-color: rgba(1, 1, 1, 0.3); }
  #auth-modal .modal-content {
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: var(--bg-modal); }

#auth-form .modal-body, #mobile-auth .modal-body {
  position: relative; }

#auth-form .close, #mobile-auth .close {
  text-indent: unset;
  color: var(--login-input-color);
  top: 24px;
  right: 24px;
  background: none;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: space-around;
  display: flex;
  border-radius: 3px; }
  #auth-form .close:hover, #mobile-auth .close:hover {
    background: var(--border-dark-mode-toggle); }

#mobile-auth {
  position: relative; }
  #mobile-auth .close {
    display: flex;
    margin-left: auto;
    margin-top: 40px;
    margin-right: 24px; }

.auth-dialog {
  max-width: 560px;
  width: 90%;
  margin: 3.150em auto 0 auto; }
  .auth-dialog .modal-content {
    border: 0;
    border-radius: 3px; }
  .auth-dialog .modal-body {
    padding: 32px 80px; }

.auth a {
  text-decoration: none; }

.auth .h2, .auth h2 {
  border-bottom: none;
  padding: 0;
  color: var(--on-bg-primary);
  font-family: Roboto, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 30.47px;
  text-align: left;
  margin: 40px 0 16px; }

.auth p {
  font-weight: 500;
  font-size: 16px;
  color: var(--gray-450);
  line-height: 22px;
  margin: 16px 0 0; }
  .auth p a {
    color: var(--orange-150); }

.auth .break {
  margin: 24px 0; }
  .auth .break hr {
    border: 0;
    float: left;
    background: var(--border-text-input);
    height: 1px;
    width: 44%; }
  .auth .break p {
    float: left;
    width: 12%;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 18.75px;
    color: var(--gray-450);
    margin: 7px 0; }

.auth label {
  color: var(--on-bg-primary);
  margin-bottom: 0.313em;
  margin-top: 0.834em;
  font-size: 1em;
  display: block; }

.auth input {
  max-width: 100%;
  border: 1px solid var(--border-dark-mode-toggle);
  color: var(--login-input-color);
  background: none;
  margin-top: 24px;
  display: block;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  padding: 11px 16px;
  border-radius: 3px;
  outline: none; }
  .auth input:-webkit-autofill, .auth input:-webkit-autofill:hover, .auth input:-webkit-autofill:focus, .auth input:-webkit-autofill:active {
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--login-input-color);
    transition: background-color 5000s ease-in-out 0s; }
  .auth input:focus {
    border: 1px solid var(--login-input-border-hover); }

.auth .social-login-warning {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  text-align: left;
  color: var(--golden);
  margin-top: 8px;
  display: block; }

.auth .input-error, .auth .input-success {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  text-align: left;
  color: var(--orange-75);
  margin-top: 8px;
  display: block; }

.auth .input-success {
  color: var(--bg-newsletter-block); }

.auth p.input-error, .auth p.input-success {
  margin-top: 16px; }

.auth .password {
  position: relative; }
  .auth .password .show-password {
    position: absolute;
    top: 14px;
    right: 16px;
    cursor: pointer;
    background: url(images/icons/ic-eye.svg) no-repeat;
    background-size: 18px 18px;
    display: inline-block;
    width: 18px;
    height: 18px; }
    .auth .password .show-password:hover, .auth .password .show-password.active {
      background: url(images/icons/ic-eye-black.svg) no-repeat; }

.auth .g-recaptcha {
  margin-top: 16px; }

.auth .links {
  color: var(--login-input-color);
  padding-top: 48px;
  text-align: left; }
  .auth .links.sign-up {
    padding-top: 16px; }
  .auth .links.reminder {
    padding-top: 24px; }
  .auth .links.no-padding {
    padding-top: 0; }
  .auth .links.activation {
    text-align: left;
    padding-top: 24px; }
  .auth .links.forgot {
    padding-bottom: 24px; }
    .auth .links.forgot a {
      display: inline-block;
      text-decoration: underline; }
  .auth .links a {
    color: var(--orange-150);
    display: block; }
    .auth .links a.forgot-password-link {
      font-family: Roboto, sans-serif;
      font-size: 16px;
      font-weight: 600;
      line-height: 20px;
      text-align: left;
      margin-top: 16px;
      color: var(--login-input-color); }
      .auth .links a.forgot-password-link:hover {
        text-decoration: underline; }
    .auth .links a.sign-up-link, .auth .links a.login-link, .auth .links a.activation-link {
      border: 1px solid var(--login-input-border);
      background: none;
      padding: 12px 40px;
      margin-top: 24px;
      font-family: Roboto, sans-serif;
      font-size: 16px;
      font-weight: 700;
      line-height: 20px;
      text-align: center;
      border-radius: 3px; }
      .auth .links a.sign-up-link:hover, .auth .links a.login-link:hover, .auth .links a.activation-link:hover {
        border: 1px solid var(--login-input-border-hover); }
      .auth .links a.sign-up-link a, .auth .links a.login-link a, .auth .links a.activation-link a {
        color: var(--orange-150); }
    .auth .links a.activation-link {
      color: var(--login-resend-link-color); }
    .auth .links a span {
      color: var(--login-input-color); }
  .auth .links .btn {
    width: 100%;
    box-sizing: border-box;
    float: none;
    display: block;
    border-radius: 3px;
    background: var(--quiz-disabled-btn-bg);
    color: var(--gray-450);
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    padding: 12px 16px;
    border: none; }
    .auth .links .btn:hover, .auth .links .btn.active {
      background: var(--orange-150);
      color: var(--white); }

.auth .tos {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  color: var(--gray-450);
  margin-top: 24px; }
  .auth .tos a {
    color: var(--login-input-color);
    text-decoration: underline; }
    .auth .tos a:hover {
      opacity: 0.8; }

.auth.mobile {
  margin: 24px;
  justify-content: center;
  display: flex; }
  .auth.mobile .h2 {
    margin-top: 8px; }
  .auth.mobile .login-form, .auth.mobile .signup-form, .auth.mobile .forgot-form, .auth.mobile .register-email-form, .auth.mobile .account-activation {
    max-width: 400px;
    flex: 1 0 auto;
    width: 100%; }
  .auth.mobile .overlay {
    position: fixed; }
  .auth.mobile .break p {
    margin: 4px 0; }
  .auth.mobile .g-recaptcha {
    display: flex;
    justify-content: center;
    margin-top: 24px; }
  .auth.mobile input {
    margin-top: 16px;
    padding: 13px 16px; }
  .auth.mobile .checkbox input {
    margin: 4px 9px 0 0; }
  .auth.mobile .links {
    padding-top: 32px; }
    .auth.mobile .links.sign-up {
      padding-top: 24px; }
    .auth.mobile .links .btn {
      padding: 14px 16px; }
    .auth.mobile .links a.sign-up-link, .auth.mobile .links a.login-link, .auth.mobile .links a.activation-link {
      padding: 13px 40px; }

.google-login-button > div, .google-login-button > iframe {
  height: 40px;
  padding: 0;
  margin: 0; }

.social-connect-button, .google-login-button div[aria-labelledby="button-label"] {
  width: 100%;
  height: 40px;
  line-height: 36px;
  background: var(--login-social-background);
  color: var(--login-social-color) !important;
  border: 1px solid var(--login-social-border);
  margin-top: 16px;
  border-radius: 3px;
  text-align: center;
  box-sizing: border-box;
  display: block;
  cursor: pointer;
  padding: 0; }
  .social-connect-button div, .google-login-button div[aria-labelledby="button-label"] div {
    background: var(--login-social-background) !important; }
  .social-connect-button:hover, .google-login-button div[aria-labelledby="button-label"]:hover {
    border: 1px solid var(--login-input-border-hover);
    background: var(--login-input-border-hover); }
    .social-connect-button:hover div, .google-login-button div[aria-labelledby="button-label"]:hover div {
      background: var(--login-input-border-hover) !important; }
  .social-connect-button .nsm7Bb-HzV7m-LgbsSe-Bz112c, .google-login-button div[aria-labelledby="button-label"] .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    margin-right: 16px; }
  .social-connect-button .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf, .google-login-button div[aria-labelledby="button-label"] .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    margin-right: 0; }
  .social-connect-button span, .google-login-button div[aria-labelledby="button-label"] span {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle; }
  .social-connect-button i, .google-login-button div[aria-labelledby="button-label"] i {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 14px; }
    .social-connect-button i svg, .google-login-button div[aria-labelledby="button-label"] i svg {
      width: 18px;
      height: 18px;
      vertical-align: top; }

.social-connect-button.apple-login i {
  width: 17px;
  height: 22px;
  background-repeat: no-repeat;
  background-image: var(--apple-logo); }

.social-connect-button.google-login i {
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-image: url(images/icons/google.svg); }

.page-template-auth-template-php {
  background-color: var(--bg-modal); }

.newsletter-choice {
  text-align: center;
  background-color: var(--white); }
  .newsletter-choice .newsletter-image {
    width: 200px;
    height: 100%; }
  .newsletter-choice label {
    display: block;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 50px; }
  .newsletter-choice .choices {
    width: 100%;
    text-align: center; }
  .newsletter-choice .buttons {
    display: inline-block;
    text-align: left; }
  .newsletter-choice button {
    font-size: 1.2em;
    margin-top: 2em;
    padding: 0.625em 0.729em;
    width: 6.250em; }

@media (max-width: 480px) {
  .modal-login-box {
    font-size: 71%; } }

.login-modal.add-post-login {
  margin: 30px auto; }
  @media (max-width: 767px) {
    .login-modal.add-post-login {
      display: none; } }
  .login-modal.add-post-login .hidden-upto-m, .login-modal.add-post-login .visible-downto-m {
    display: none !important; }
  .login-modal.add-post-login .overlay {
    position: fixed; }
  @media (max-width: 880px) {
    .login-modal.add-post-login .auth-dialog .modal-body .login-form-block {
      background: 0; }
      .login-modal.add-post-login .auth-dialog .modal-body .login-form-block .promotion {
        display: none; }
      .login-modal.add-post-login .auth-dialog .modal-body .login-form-block .auth {
        float: none;
        margin: auto;
        border-radius: 5px; } }
  .login-modal.add-post-login .text-success-new {
    color: var(--bg-newsletter-block) !important; }
  .login-modal.add-post-login .g-recaptcha {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0; }
  .login-modal.add-post-login .forgot-password-success p a {
    color: var(--bg-newsletter-block); }

.login-modal .auth-dialog {
  max-width: 862px;
  width: auto;
  margin: 0 auto; }
  .login-modal .auth-dialog .modal-body {
    padding: 0; }
    .login-modal .auth-dialog .modal-body .login-form-block {
      background: var(--gray-blue-600);
      -webkit-border-radius: 3px 4px 4px 3px;
      -moz-border-radius: 3px 4px 4px 3px;
      -ms-border-radius: 3px 4px 4px 3px;
      -o-border-radius: 3px 4px 4px 3px;
      border-radius: 3px 4px 4px 3px; }
      .login-modal .auth-dialog .modal-body .login-form-block .promotion {
        width: 430px;
        float: left;
        padding: 50px;
        box-sizing: border-box;
        color: var(--white);
        font-family: Source sans pro, sans-serif; }
        .login-modal .auth-dialog .modal-body .login-form-block .promotion .panda-image {
          background-image: url(images/sprite-sheet.png);
          background-position: -248px 0px;
          width: 90px;
          height: 108px;
          display: block;
          margin: 70px auto 0; }
          @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
            .login-modal .auth-dialog .modal-body .login-form-block .promotion .panda-image {
              background-image: url(images/sprite-sheet@2x.png);
              background-size: 515px 463px; } }
        .login-modal .auth-dialog .modal-body .login-form-block .promotion .promotion-title {
          display: block;
          margin-top: 30px;
          text-align: center;
          font-size: 36px;
          font-weight: bold; }
        .login-modal .auth-dialog .modal-body .login-form-block .promotion .promotion-text {
          display: block;
          text-align: center;
          font-size: 18px;
          line-height: 24px;
          font-weight: normal;
          max-width: 260px;
          margin: 18px auto; }
      .login-modal .auth-dialog .modal-body .login-form-block .auth {
        min-height: 500px;
        background: var(--white);
        border: 1px solid var(--bg-post-highlights);
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        -ms-border-radius: 0 3px 3px 0;
        -o-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
        width: 430px;
        float: right;
        padding: 40px 70px;
        box-sizing: border-box;
        font-family: Source sans pro, sans-serif; }
        .login-modal .auth-dialog .modal-body .login-form-block .auth input {
          font-family: Source sans pro, sans-serif;
          font-size: 18px;
          line-height: 20px;
          width: 100%;
          padding: 14px;
          margin: 0;
          box-sizing: border-box;
          border: 1px solid var(--gray-200); }
          .login-modal .auth-dialog .modal-body .login-form-block .auth input.email {
            -webkit-border-radius: 3px 3px 0 0;
            -moz-border-radius: 3px 3px 0 0;
            -ms-border-radius: 3px 3px 0 0;
            -o-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0; }
          .login-modal .auth-dialog .modal-body .login-form-block .auth input.password {
            -webkit-border-radius: 0 0 3px 3px;
            -moz-border-radius: 0 0 3px 3px;
            -ms-border-radius: 0 0 3px 3px;
            -o-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px;
            border-top: none; }
          .login-modal .auth-dialog .modal-body .login-form-block .auth input.signup-fullname {
            -webkit-border-radius: 3px 3px 0 0;
            -moz-border-radius: 3px 3px 0 0;
            -ms-border-radius: 3px 3px 0 0;
            -o-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0; }
          .login-modal .auth-dialog .modal-body .login-form-block .auth input.signup-email {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
            border-top: none; }
          .login-modal .auth-dialog .modal-body .login-form-block .auth input.signup-password {
            -webkit-border-radius: 0 0 3px 3px;
            -moz-border-radius: 0 0 3px 3px;
            -ms-border-radius: 0 0 3px 3px;
            -o-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px;
            border-top: none; }
          .login-modal .auth-dialog .modal-body .login-form-block .auth input:focus {
            outline: none; }
        .login-modal .auth-dialog .modal-body .login-form-block .auth .login-form .email.elementErrorMode:not(.errorBordered), .login-modal .auth-dialog .modal-body .login-form-block .auth .login-form .signup-email.elementErrorMode:not(.errorBordered), .login-modal .auth-dialog .modal-body .login-form-block .auth .login-form .signup-fullname.elementErrorMode:not(.errorBordered), .login-modal .auth-dialog .modal-body .login-form-block .auth .signup-form .email.elementErrorMode:not(.errorBordered), .login-modal .auth-dialog .modal-body .login-form-block .auth .signup-form .signup-email.elementErrorMode:not(.errorBordered), .login-modal .auth-dialog .modal-body .login-form-block .auth .signup-form .signup-fullname.elementErrorMode:not(.errorBordered) {
          border-bottom: none !important; }
        .login-modal .auth-dialog .modal-body .login-form-block .auth ::-webkit-input-placeholder {
          /* WebKit, Blink, Edge */
          color: var(--gray-400); }
        .login-modal .auth-dialog .modal-body .login-form-block .auth :-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          color: var(--gray-400); }
        .login-modal .auth-dialog .modal-body .login-form-block .auth ::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          color: var(--gray-400); }
        .login-modal .auth-dialog .modal-body .login-form-block .auth :-ms-input-placeholder {
          /* Internet Explorer 10-11 */
          color: var(--gray-400); }
        .login-modal .auth-dialog .modal-body .login-form-block .auth .break {
          margin: 10px 0; }
          .login-modal .auth-dialog .modal-body .login-form-block .auth .break hr {
            margin-top: 9px;
            margin-bottom: 9px;
            background: var(--border-text-input); }
          .login-modal .auth-dialog .modal-body .login-form-block .auth .break p {
            font-size: 16px;
            color: var(--gray-450);
            margin: 0;
            line-height: 1; }
        .login-modal .auth-dialog .modal-body .login-form-block .auth .form-break {
          background: var(--bg-post-highlights);
          height: 1px;
          border: none;
          margin-top: 20px;
          margin-bottom: 15px; }
        .login-modal .auth-dialog .modal-body .login-form-block .auth .form-title {
          font-size: 18px;
          font-weight: 600;
          margin-bottom: 10px; }
        .login-modal .auth-dialog .modal-body .login-form-block .auth .links {
          margin-top: 16px; }
          .login-modal .auth-dialog .modal-body .login-form-block .auth .links .remember-me {
            display: block;
            text-align: left;
            line-height: 1;
            font-size: 16px;
            color: var(--gray-400);
            float: left;
            margin: 0; }
            .login-modal .auth-dialog .modal-body .login-form-block .auth .links .remember-me input {
              display: inline-block;
              width: 12px;
              height: 12px;
              margin-right: 7px;
              vertical-align: baseline;
              padding: 0; }
          .login-modal .auth-dialog .modal-body .login-form-block .auth .links .forgot-password-link, .login-modal .auth-dialog .modal-body .login-form-block .auth .links .activation-link {
            float: right;
            color: var(--bg-newsletter-block);
            font-size: 16px;
            margin: 0; }
            .login-modal .auth-dialog .modal-body .login-form-block .auth .links .forgot-password-link:hover, .login-modal .auth-dialog .modal-body .login-form-block .auth .links .activation-link:hover {
              color: var(--green-200); }
          .login-modal .auth-dialog .modal-body .login-form-block .auth .links .activation-link {
            float: left; }
          .login-modal .auth-dialog .modal-body .login-form-block .auth .links .submit-button {
            display: block;
            width: 100%;
            box-sizing: border-box;
            margin-top: 15px;
            line-height: 50px;
            background: var(--bg-newsletter-block);
            border: none;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
            color: var(--white);
            font-size: 18px;
            font-weight: 600;
            padding: 0;
            cursor: pointer;
            text-align: center; }
            .login-modal .auth-dialog .modal-body .login-form-block .auth .links .submit-button:focus {
              outline: none; }
            .login-modal .auth-dialog .modal-body .login-form-block .auth .links .submit-button:hover {
              background: var(--green-200); }
        .login-modal .auth-dialog .modal-body .login-form-block .auth .sign-up-link, .login-modal .auth-dialog .modal-body .login-form-block .auth .login-link {
          display: block;
          font-size: 16px;
          color: var(--gray-400);
          line-height: 40px; }
          .login-modal .auth-dialog .modal-body .login-form-block .auth .sign-up-link a, .login-modal .auth-dialog .modal-body .login-form-block .auth .login-link a {
            font-size: 16px;
            font-weight: 600;
            color: var(--gray-500);
            float: right;
            padding: 10px 20px;
            border: 2px solid var(--gray-300);
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
            line-height: 1; }
            .login-modal .auth-dialog .modal-body .login-form-block .auth .sign-up-link a:hover, .login-modal .auth-dialog .modal-body .login-form-block .auth .login-link a:hover {
              color: var(--bg-newsletter-block);
              border: 2px solid var(--bg-newsletter-block); }
        .login-modal .auth-dialog .modal-body .login-form-block .auth .forgot-form .sign-up-link {
          float: left; }
        .login-modal .auth-dialog .modal-body .login-form-block .auth .account-activation {
          margin-top: 100px; }
          .login-modal .auth-dialog .modal-body .login-form-block .auth .account-activation .text {
            font-size: 16px;
            margin: 0; }
          .login-modal .auth-dialog .modal-body .login-form-block .auth .account-activation .submit-button {
            font-size: 16px; }
        .login-modal .auth-dialog .modal-body .login-form-block .auth .tos {
          color: var(--gray-400);
          margin-top: 20px;
          margin-bottom: 0;
          font-size: 13px; }
          .login-modal .auth-dialog .modal-body .login-form-block .auth .tos a {
            font-weight: bold;
            display: inline;
            color: inherit; }
            .login-modal .auth-dialog .modal-body .login-form-block .auth .tos a:hover {
              opacity: 0.7; }

.email-confirmation .post-content {
  display: block;
  width: 100%;
  padding-top: 30px; }
  .email-confirmation .post-content .panda-image {
    display: inline-block;
    background-image: url(images/panda-app-fixed-yellow.svg);
    height: 200px;
    width: 180px;
    vertical-align: middle; }
  .email-confirmation .post-content .text-block {
    display: inline-block;
    padding: 0 25px;
    vertical-align: middle;
    color: var(--gray-800);
    font-size: 28px;
    max-width: 70%; }
    @media (max-width: 980px) {
      .email-confirmation .post-content .text-block {
        font-size: 17px;
        max-width: 50%; } }
    @media (max-width: 500px) {
      .email-confirmation .post-content .text-block {
        max-width: none; } }

#password-settings.auth-container {
  display: flex;
  justify-content: center;
  background: none;
  padding-top: 100px; }
  #password-settings.auth-container .auth {
    max-width: 400px;
    background: var(--bg-modal);
    border-radius: 5px;
    padding: 56px 80px;
    position: relative; }
    #password-settings.auth-container .auth .h2 {
      margin-top: 0; }
    #password-settings.auth-container .auth .links {
      padding-top: 24px; }
      #password-settings.auth-container .auth .links .login-link {
        margin-top: 0; }
  @media (max-width: 480px) {
    #password-settings.auth-container {
      padding: 100px 0; }
      #password-settings.auth-container .auth {
        padding: 32px 24px; } }

#open-list-auth-block {
  border-radius: 4px;
  border: 1px solid var(--login-input-border);
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 48px; }
  #open-list-auth-block .auth {
    max-width: 400px; }
    #open-list-auth-block .auth .h2 {
      font-size: 26px;
      font-weight: 700;
      line-height: normal;
      margin: 0; }
    #open-list-auth-block .auth .break {
      display: flex;
      align-items: center;
      gap: 16px; }
      #open-list-auth-block .auth .break hr {
        flex: 1 1 44%; }
      #open-list-auth-block .auth .break .or {
        text-align: center !important;
        padding: 0;
        width: auto;
        margin: 0;
        text-wrap: nowrap;
        color: var(--gray-450);
        font-weight: 700; }
      #open-list-auth-block .auth .break:after {
        display: none; }
  @media (max-width: 480px) {
    #open-list-auth-block {
      padding: 32px 24px; } }

.open-list-management-template, .slack-messenger-template {
  background-color: var(--post-background);
  color: var(--on-bg-dark); }
  .open-list-management-template h1.post a, .open-list-management-template h2, .slack-messenger-template h1.post a, .slack-messenger-template h2 {
    color: var(--on-bg-dark); }
  .open-list-management-template .custom-tools-page-template .post-urls, .slack-messenger-template .custom-tools-page-template .post-urls {
    background-color: var(--post-background); }
  .open-list-management-template .left-content-column, .slack-messenger-template .left-content-column {
    /* Custom checkbox */
    width: auto !important;
    padding: 40px; }
    .open-list-management-template .left-content-column .container, .slack-messenger-template .left-content-column .container {
      display: block;
      position: relative;
      padding-left: 35px;
      margin-bottom: 12px;
      cursor: pointer;
      font-size: 22px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      /* Create a custom checkbox */
      /* Hide the browser's default checkbox */
      /* On mouse-over, add a grey background color */ }
      .open-list-management-template .left-content-column .container .checkmark, .slack-messenger-template .left-content-column .container .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: var(--gray-100);
        /* Style the checkmark/indicator */ }
        .open-list-management-template .left-content-column .container .checkmark:after, .slack-messenger-template .left-content-column .container .checkmark:after {
          content: "";
          position: absolute;
          display: none;
          left: 9px;
          top: 5px;
          width: 5px;
          height: 10px;
          border: solid white;
          border-width: 0 3px 3px 0;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
      .open-list-management-template .left-content-column .container input, .slack-messenger-template .left-content-column .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        /* When the checkbox is checked, add a blue background */
        /* Show the checkmark when checked */ }
        .open-list-management-template .left-content-column .container input:checked ~ .checkmark, .slack-messenger-template .left-content-column .container input:checked ~ .checkmark {
          background-color: #56b863; }
        .open-list-management-template .left-content-column .container input:checked ~ .checkmark:after, .slack-messenger-template .left-content-column .container input:checked ~ .checkmark:after {
          display: block; }
      .open-list-management-template .left-content-column .container:hover input ~ .checkmark, .slack-messenger-template .left-content-column .container:hover input ~ .checkmark {
        background-color: #6acd77; }
    .open-list-management-template .left-content-column .posts-list.post a, .slack-messenger-template .left-content-column .posts-list.post a {
      font-weight: normal;
      font-size: 15px; }
    .open-list-management-template .left-content-column .posts-list .image, .slack-messenger-template .left-content-column .posts-list .image {
      padding-left: 35px;
      padding-bottom: 30px; }
      .open-list-management-template .left-content-column .posts-list .image img, .slack-messenger-template .left-content-column .posts-list .image img {
        max-height: 300px;
        max-width: 100%; }
    .open-list-management-template .left-content-column .posts-list .hidden-post, .slack-messenger-template .left-content-column .posts-list .hidden-post {
      position: relative;
      top: -0.5em;
      font-size: 11px;
      color: red; }
    .open-list-management-template .left-content-column .success, .slack-messenger-template .left-content-column .success {
      margin-top: 30px;
      line-height: 50px;
      margin-bottom: 15px;
      background: #56b863;
      color: var(--white);
      padding: 0 15px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
    .open-list-management-template .left-content-column .error, .slack-messenger-template .left-content-column .error {
      margin-top: 30px;
      line-height: 50px;
      margin-bottom: 15px;
      background: red;
      color: var(--white);
      padding: 0 15px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
    .open-list-management-template .left-content-column .submit, .slack-messenger-template .left-content-column .submit {
      color: var(--white);
      background: #56b863;
      padding: 0 22px;
      font-weight: 700;
      height: 45px;
      line-height: 45px;
      border: 0;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      font-size: 14px;
      margin-bottom: 40px;
      outline: none;
      cursor: pointer; }
      .open-list-management-template .left-content-column .submit:hover, .slack-messenger-template .left-content-column .submit:hover {
        background: var(--green-200); }

.post .approval-buttons {
  text-align: center; }
  .post .approval-buttons .success {
    background-color: #56b863;
    color: white;
    padding: 10px;
    width: 53%;
    margin: 0 auto;
    display: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  .post .approval-buttons button {
    background-color: #56b863;
    /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    /* Safari */
    transition-duration: 0.4s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .post .approval-buttons button.ban {
      background-color: red; }
    .post .approval-buttons button.disapprove {
      background-color: var(--orange-150); }
  .post .approval-buttons button:hover {
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }

.posts-filter.filters {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  margin-right: 320px;
  background-color: white; }
  @media (max-width: 979px) {
    .posts-filter.filters {
      width: auto;
      margin-right: 0; } }
  .posts-filter.filters label {
    margin-bottom: 5px;
    display: block; }
  .posts-filter.filters input[type="text"], .posts-filter.filters select, .posts-filter.filters .rangepicker {
    border: 1px solid var(--gray-200);
    background: white;
    padding: 0 15px;
    height: 45px;
    font-size: 14px;
    color: var(--gray-450);
    outline: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 15px;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .posts-filter.filters input[type="text"].errorBorder, .posts-filter.filters select.errorBorder, .posts-filter.filters .rangepicker.errorBorder {
      border: 1px solid red; }
  .posts-filter.filters .rangepicker {
    cursor: pointer; }
    .posts-filter.filters .rangepicker span {
      line-height: 45px; }
  .posts-filter.filters .filter {
    width: 318px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-right: 20px; }
    .posts-filter.filters .filter .caret {
      position: absolute;
      right: 15px;
      top: 20px;
      color: var(--gray-450); }
  .posts-filter.filters .submit {
    color: var(--white);
    background: #56b863;
    padding: 0 52px;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    vertical-align: top;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    outline: none;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    /* Safari */
    transition-duration: 0.4s; }
    .posts-filter.filters .submit:hover {
      box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }

.gallery-nav {
  background: rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  z-index: 2;
  width: 80px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6; }
  .gallery-nav:hover {
    background: rgba(255, 255, 255, 0.4);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; }
  .gallery-nav.prev {
    position: absolute;
    left: 4em; }
    .gallery-nav.prev .gallery-arrow {
      background-position: 0 -370px; }
    .gallery-nav.prev:hover .gallery-arrow {
      background-position: 0 -443px; }
  .gallery-nav.next {
    position: absolute;
    right: 4em; }
    .gallery-nav.next .gallery-arrow {
      background-position: -58px -370px; }
    .gallery-nav.next:hover .gallery-arrow {
      background-position: -58px -443px; }
  .gallery-nav .gallery-arrow {
    background: url(images/sprite.png?upd=6) no-repeat;
    margin-left: 23px;
    position: absolute;
    top: 50%;
    margin-top: -32px;
    height: 63px;
    width: 42px; }
  @media (max-width: 979px) {
    .gallery-nav.prev {
      position: absolute;
      left: 2.5em; }
    .gallery-nav.next {
      position: absolute;
      right: 2.5em; } }
  @media (max-width: 768px) {
    .gallery-nav {
      display: block;
      position: relative;
      top: 0;
      margin-top: 1em; }
      .gallery-nav.prev {
        position: relative;
        left: 0;
        float: left; }
      .gallery-nav.next {
        position: relative;
        right: 0;
        float: right; }
      .gallery-nav .gallery-arrow {
        margin-left: 23px;
        position: absolute;
        top: 50%;
        margin-top: -32px;
        height: 63px;
        width: 42px; } }

@media (max-width: 980px) {
  .single-image-template .post .entry {
    padding: 0; }
  .single-image-template .post .post-header h2.post-title {
    padding: 10px 10px;
    font-size: 18px; }
  .single-image-template .post .post-header .vote-panel .points {
    color: var(--gray-450);
    line-height: 49px;
    padding-bottom: 8px; }
  .single-image-template .post h3 {
    font-size: 18px; } }

.open-list-media-container .gallery-mode-btn {
  position: absolute;
  z-index: 100;
  background: rgba(0, 0, 0, 0.4);
  padding: 13px 16px;
  right: 95px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: var(--White, #FFF);
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  top: 6px; }
  @media (max-width: 768px) {
    .open-list-media-container .gallery-mode-btn {
      right: 120px; } }
  @media (max-width: 480px) {
    .open-list-media-container .gallery-mode-btn {
      padding: 9px 12px;
      right: 91px; } }

.open-list-media-container .gallery-mode-btn-icon {
  position: absolute;
  z-index: 100;
  background: rgba(0, 0, 0, 0.4);
  padding: 12px;
  right: 54px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  top: 6px; }
  .open-list-media-container .gallery-mode-btn-icon i {
    background: url(images/icons/expand.svg) 0 0;
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
    display: block; }
  @media (max-width: 768px) {
    .open-list-media-container .gallery-mode-btn-icon {
      right: 79px; } }
  @media (max-width: 480px) {
    .open-list-media-container .gallery-mode-btn-icon {
      padding: 8px;
      right: 58px; } }

body.gallery-open {
  overflow: hidden; }

.gallery-mode-enabled .shareable-image-block img {
  cursor: pointer; }

#open-gallery-button {
  display: flex;
  width: 100%;
  cursor: pointer;
  box-sizing: border-box;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 3px;
  border: 1px solid var(--Light-theme-Grey-3, #EBEBEB);
  background: #FAFAFA;
  color: var(--orange-150);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal; }
  #open-gallery-button:hover {
    opacity: 0.8; }
  #open-gallery-button i {
    background: url(images/icons/expand-red.svg) 0 0;
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
    display: block; }

.pb-0 {
  padding-bottom: 0 !important; }

.line-full-width {
  background: #EBEBEB;
  height: 1px;
  margin: 24px 0; }

#post-gallery {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  background-color: black;
  z-index: 10000;
  display: flex;
  flex-direction: row; }
  #post-gallery .slide-text {
    padding-left: 80px;
    padding-right: 80px;
    text-align: left;
    padding-bottom: 15px;
    display: block;
    color: var(--white);
    font-family: Merriweather;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; }
  #post-gallery .carousel-block {
    width: calc(100% - 444px);
    display: flex;
    flex-direction: column;
    justify-content: end;
    -webkit-justify-content: flex-end; }
  #post-gallery .carousel-sidebar {
    background: var(--gray-900);
    width: 444px;
    display: flex;
    flex-direction: column; }
    #post-gallery .carousel-sidebar .sidebar-gallery-ad {
      margin-top: 40px; }
    #post-gallery .carousel-sidebar .block-header {
      display: flex;
      padding: 32px 24px 24px 24px;
      flex-direction: column;
      align-items: flex-start;
      gap: 24px;
      align-self: stretch;
      border-bottom: 1px solid var(--gray-blue-500);
      background: #252525; }
    #post-gallery .carousel-sidebar .image-number {
      display: flex;
      padding: 16px 13px;
      justify-content: center;
      align-items: center;
      gap: 8px;
      align-self: stretch;
      border-radius: 4px;
      border: 1px solid var(--gray-blue-500);
      background: rgba(255, 255, 255, 0.04); }
      #post-gallery .carousel-sidebar .image-number span {
        color: white;
        text-align: center;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 14px;
        /* 100% */ }
    #post-gallery .carousel-sidebar .sidebar-post-title span {
      color: white;
      font-family: Merriweather;
      font-size: 22px;
      font-style: normal;
      font-weight: 700;
      line-height: 34px; }
    #post-gallery .carousel-sidebar .post-actions {
      width: 100%;
      display: flex; }
      #post-gallery .carousel-sidebar .post-actions .post-share-box-block {
        width: 100%;
        display: flex;
        padding: 0; }
        #post-gallery .carousel-sidebar .post-actions .post-share-box-block .post-share-content {
          display: flex !important;
          padding: 0px;
          width: 100%;
          align-items: center;
          align-self: stretch;
          border-radius: 3px;
          border: 1px solid var(--gray-blue-500);
          background: #252525; }
          #post-gallery .carousel-sidebar .post-actions .post-share-box-block .post-share-content .vote-block {
            padding: 11px 16px;
            display: flex;
            gap: 12px;
            border-right: 1px solid var(--gray-blue-500); }
            #post-gallery .carousel-sidebar .post-actions .post-share-box-block .post-share-content .vote-block .votes-text-content p {
              padding: 0; }
              #post-gallery .carousel-sidebar .post-actions .post-share-box-block .post-share-content .vote-block .votes-text-content p .points {
                color: #9A9A9A;
                font-family: Roboto;
                font-size: 14px;
                font-style: normal;
                font-weight: 600;
                line-height: normal; }
            #post-gallery .carousel-sidebar .post-actions .post-share-box-block .post-share-content .vote-block .vote {
              margin: 0;
              width: unset;
              height: unset; }
              #post-gallery .carousel-sidebar .post-actions .post-share-box-block .post-share-content .vote-block .vote .post-vote-button {
                border: 1px solid var(--gray-blue-500);
                color: #949494;
                border-radius: 50%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                margin: 0;
                padding: 0;
                width: 36px;
                height: 36px; }
                #post-gallery .carousel-sidebar .post-actions .post-share-box-block .post-share-content .vote-block .vote .post-vote-button i {
                  line-height: 0; }
              #post-gallery .carousel-sidebar .post-actions .post-share-box-block .post-share-content .vote-block .vote .btn-up.active {
                border-color: #56b863;
                color: #56b863; }
              #post-gallery .carousel-sidebar .post-actions .post-share-box-block .post-share-content .vote-block .vote .btn-down.active {
                border-color: var(--orange-150);
                color: var(--orange-150); }
          #post-gallery .carousel-sidebar .post-actions .post-share-box-block .post-share-content .comments-share-block {
            padding: 11px 16px;
            display: flex;
            width: 100%;
            justify-content: space-between;
            gap: 12px; }
            #post-gallery .carousel-sidebar .post-actions .post-share-box-block .post-share-content .comments-share-block.content-right {
              justify-content: right; }
            #post-gallery .carousel-sidebar .post-actions .post-share-box-block .post-share-content .comments-share-block .comments-block {
              display: flex;
              flex-direction: row;
              gap: 12px;
              justify-content: center; }
              #post-gallery .carousel-sidebar .post-actions .post-share-box-block .post-share-content .comments-share-block .comments-block .comments-icon {
                border: 1px solid var(--gray-blue-500);
                color: #949494;
                border-radius: 50%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                text-align: center;
                margin: 0;
                padding: 0;
                width: 36px;
                height: 36px; }
                #post-gallery .carousel-sidebar .post-actions .post-share-box-block .post-share-content .comments-share-block .comments-block .comments-icon i {
                  line-height: 0; }
            #post-gallery .carousel-sidebar .post-actions .post-share-box-block .post-share-content .comments-share-block .comments-count {
              display: flex; }
              #post-gallery .carousel-sidebar .post-actions .post-share-box-block .post-share-content .comments-share-block .comments-count .comments-text {
                display: flex;
                flex-direction: column;
                justify-content: center;
                color: #9A9A9A;
                font-family: Roboto;
                font-size: 14px;
                font-style: normal;
                font-weight: 600;
                line-height: 14px;
                /* 100% */ }
          #post-gallery .carousel-sidebar .post-actions .post-share-box-block .post-share-content .share-social-icons-block {
            display: flex;
            justify-content: center; }
            #post-gallery .carousel-sidebar .post-actions .post-share-box-block .post-share-content .share-social-icons-block .share-social-icons-content {
              display: flex; }
              #post-gallery .carousel-sidebar .post-actions .post-share-box-block .post-share-content .share-social-icons-block .share-social-icons-content .share-button {
                border: 1px solid var(--gray-blue-500);
                color: #949494;
                border-radius: 10%;
                display: flex;
                flex-direction: row;
                gap: 8px;
                justify-content: center;
                text-align: center;
                align-items: center;
                margin: 0;
                padding: 10px 12px; }
                #post-gallery .carousel-sidebar .post-actions .post-share-box-block .post-share-content .share-social-icons-block .share-social-icons-content .share-button i {
                  line-height: 0; }
                #post-gallery .carousel-sidebar .post-actions .post-share-box-block .post-share-content .share-social-icons-block .share-social-icons-content .share-button p {
                  color: #9A9A9A;
                  font-family: Roboto;
                  font-size: 14px;
                  font-style: normal;
                  font-weight: 600;
                  line-height: 14px; }
    #post-gallery .carousel-sidebar .block-comments {
      height: 100%;
      display: flex;
      padding: 24px;
      flex-direction: column;
      align-items: flex-start;
      gap: 24px;
      flex: 1 0 0;
      align-self: stretch; }
      #post-gallery .carousel-sidebar .block-comments .block-title {
        display: block;
        color: var(--white);
        font-family: Merriweather;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px;
        /* 150% */ }
      #post-gallery .carousel-sidebar .block-comments .block-body {
        overflow-y: scroll;
        border-radius: 3px;
        border: 1px solid #3C3E42;
        display: flex;
        padding: 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        flex: 1 0 0;
        align-self: stretch; }
        #post-gallery .carousel-sidebar .block-comments .block-body .open-list-comments {
          padding: 0 !important; }
      #post-gallery .carousel-sidebar .block-comments .comment-text-block {
        border-radius: 3px;
        border: 1px solid #3C3E42;
        width: calc(100% - 2px); }
        #post-gallery .carousel-sidebar .block-comments .comment-text-block.is-empty textarea {
          padding: 16px;
          margin: 0;
          height: 52px !important; }
        #post-gallery .carousel-sidebar .block-comments .comment-text-block.is-focused {
          border: 1px solid #9A9A9A; }
        #post-gallery .carousel-sidebar .block-comments .comment-text-block .comment-actions {
          margin-right: 16px;
          margin-left: 16px;
          height: 54px; }
          #post-gallery .carousel-sidebar .block-comments .comment-text-block .comment-actions .comment-image {
            right: unset;
            top: unset;
            bottom: 16px; }
          #post-gallery .carousel-sidebar .block-comments .comment-text-block .comment-actions .comment-upload-pic {
            position: relative;
            right: unset;
            left: 0;
            top: 0;
            background-size: 20px 20px;
            height: 20px;
            background: url(images/icons/gallery-upload.svg) no-repeat center;
            display: inline-block;
            width: 20px;
            padding: 8px;
            border-radius: 3px;
            border: 1px solid var(--Dark-theme-Dark---Grey-2, #3C3E42);
            cursor: pointer; }
          #post-gallery .carousel-sidebar .block-comments .comment-text-block .comment-actions .post-comment {
            float: right;
            position: relative;
            background: var(--orange-150);
            color: white;
            width: auto;
            height: auto !important;
            line-height: normal !important;
            padding: 7px 16px;
            border-radius: 3px;
            border: 1px solid var(--orange-150); }
            #post-gallery .carousel-sidebar .block-comments .comment-text-block .comment-actions .post-comment span {
              font-family: Roboto;
              font-size: 14px;
              font-style: normal;
              font-weight: 500;
              line-height: 22px; }
          #post-gallery .carousel-sidebar .block-comments .comment-text-block .comment-actions .post-comment-cancel {
            float: right;
            position: relative;
            background: inherit;
            color: white;
            padding: 7px 16px;
            border-radius: 3px;
            border: 1px solid var(--Dark-theme-Dark---Grey-2, #3C3E42);
            margin-right: 12px; }
            #post-gallery .carousel-sidebar .block-comments .comment-text-block .comment-actions .post-comment-cancel span {
              font-family: Roboto;
              font-size: 14px;
              font-style: normal;
              font-weight: 500;
              line-height: 22px; }
      #post-gallery .carousel-sidebar .block-comments .comment-text {
        display: flex;
        padding: 0 16px;
        margin-top: 16px;
        margin-bottom: 16px;
        flex-direction: column;
        align-items: flex-start;
        resize: none;
        width: 100%;
        height: 52px;
        background-color: inherit;
        box-sizing: border-box;
        gap: 24px;
        flex: 1 0 0;
        align-self: stretch;
        border-radius: 3px;
        border: none;
        color: #949494;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        outline: none; }
      #post-gallery .carousel-sidebar .block-comments .post-comments-block {
        width: 100%; }
        #post-gallery .carousel-sidebar .block-comments .post-comments-block .comment-add-block {
          width: 100%;
          margin-bottom: 0; }
        #post-gallery .carousel-sidebar .block-comments .post-comments-block .comment-container .child-comments {
          display: block; }
        #post-gallery .carousel-sidebar .block-comments .post-comments-block .comment-container .comment .comment-block > span {
          display: inline-flex;
          padding-bottom: 8px; }
          #post-gallery .carousel-sidebar .block-comments .post-comments-block .comment-container .comment .comment-block > span > span {
            display: flex;
            flex-direction: row;
            gap: 5px;
            align-items: baseline; }
        #post-gallery .carousel-sidebar .block-comments .post-comments-block .comment-container .comment .comment-block div.links {
          display: flex;
          flex-direction: row;
          gap: 8px;
          padding-top: 6px;
          line-height: 26px; }
        #post-gallery .carousel-sidebar .block-comments .post-comments-block .comment-container .comment .comment-block .dropdown .dropdown-menu {
          margin-top: 25px;
          left: -60px; }
        #post-gallery .carousel-sidebar .block-comments .post-comments-block .comment-container .comment .comment-add-block {
          margin-top: 12px;
          border: none; }
        #post-gallery .carousel-sidebar .block-comments .post-comments-block .comment-container .comment .comment-author {
          color: #F0F0F0;
          font-family: Roboto;
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          line-height: 14px;
          /* 100% */ }
        #post-gallery .carousel-sidebar .block-comments .post-comments-block .comment-container .comment .comment-time {
          color: #949494;
          font-family: Roboto;
          font-size: 11px;
          font-style: italic;
          font-weight: 400;
          line-height: normal; }
        #post-gallery .carousel-sidebar .block-comments .post-comments-block .comment-container .comment p {
          color: #F0F0F0;
          font-family: Roboto;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 18px; }
        #post-gallery .carousel-sidebar .block-comments .post-comments-block .comment-container .comment .points {
          color: #F0F0F0;
          font-family: Roboto;
          font-size: 13px;
          font-style: normal;
          font-weight: 500;
          line-height: 20px; }
        #post-gallery .carousel-sidebar .block-comments .post-comments-block .comment-container .comment .comment-reply, #post-gallery .carousel-sidebar .block-comments .post-comments-block .comment-container .comment .mark-comment-spam {
          color: #F0F0F0;
          font-family: Roboto;
          font-size: 13px;
          font-style: normal;
          font-weight: 400;
          line-height: 20px;
          margin: 0; }
        #post-gallery .carousel-sidebar .block-comments .post-comments-block .comment-container .comment .load-more-replies {
          color: #949494;
          margin-top: 10px; }
      #post-gallery .carousel-sidebar .block-comments .empty-comments-block {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        flex: 1 0 0;
        align-self: stretch;
        border-radius: 3px;
        border: 1px solid var(--Dark-theme-Dark---Grey-2, #3C3E42); }
        #post-gallery .carousel-sidebar .block-comments .empty-comments-block .empty-comments-content {
          display: flex;
          flex-direction: column;
          gap: 8px;
          padding: 24px;
          justify-content: center;
          align-items: center;
          flex: 1 0 0;
          align-self: stretch;
          text-align: center; }
          #post-gallery .carousel-sidebar .block-comments .empty-comments-block .empty-comments-content .empty-title {
            color: #F0F0F0;
            text-align: center;
            font-family: Roboto;
            font-size: 18px;
            font-style: normal;
            font-weight: 700; }
          #post-gallery .carousel-sidebar .block-comments .empty-comments-block .empty-comments-content .empty-info {
            color: #9A9A9A;
            text-align: center;
            font-family: Roboto;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: 0.2px; }
          #post-gallery .carousel-sidebar .block-comments .empty-comments-block .empty-comments-content .empty-icon {
            background: url(images/icons/gallery-comments.svg) no-repeat;
            background-size: 32px 32px;
            height: 32px;
            width: 32px; }
    @media (orientation: landscape) {
      #post-gallery .carousel-sidebar {
        overflow-y: scroll; }
        #post-gallery .carousel-sidebar .block-comments .block-body {
          overflow-y: unset; } }
  #post-gallery .close-button {
    position: absolute;
    top: 32px;
    left: 32px;
    cursor: pointer; }
  #post-gallery .close-button:hover {
    transform: scale(1.1); }
  #post-gallery .swiper-button-next, #post-gallery .swiper-button-prev {
    background: var(--gray-0-15) !important;
    border: none !important;
    display: inline-flex;
    width: 48px !important;
    height: 80px !important;
    align-items: center;
    gap: 8px;
    margin-top: 0px;
    top: calc(50% - 40px); }
    #post-gallery .swiper-button-next:hover, #post-gallery .swiper-button-prev:hover {
      opacity: 0.8; }
  #post-gallery .swiper-button-next::after, #post-gallery .swiper-button-prev::after {
    font-size: 16px !important;
    color: var(--white) !important; }
  #post-gallery .swiper {
    width: 100%;
    height: 100%; }
  #post-gallery .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center; }
  #post-gallery .swiper-slide img, #post-gallery .thumb-gallery-ad {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  #post-gallery .swiper-main .swiper-slide img {
    object-fit: contain;
    width: calc(100% - 144px); }
  #post-gallery .swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto; }
  #post-gallery .swiper-slide {
    background-size: cover;
    background-position: center; }
  #post-gallery .swiper-main {
    height: calc(100% - 220px);
    width: 100%; }
    #post-gallery .swiper-main.ad-slide {
      min-height: 615px; }
  #post-gallery .custom-pagination {
    display: none; }
  #post-gallery .swiper-thumbs {
    height: 72px !important;
    box-sizing: border-box;
    margin: 10px 0; }
    #post-gallery .swiper-thumbs .thumb-gallery-slide-ad {
      height: auto !important;
      display: none; }
      #post-gallery .swiper-thumbs .thumb-gallery-slide-ad.swiper-slide-thumb-active {
        display: flex;
        border: 2px solid #FFF;
        background: var(--Light-theme-Grey-3, #EBEBEB); }
        #post-gallery .swiper-thumbs .thumb-gallery-slide-ad.swiper-slide-thumb-active .thumb-gallery-ad {
          display: flex;
          justify-content: center;
          align-items: center;
          color: var(--Brand-Brand---Black, #353535);
          text-align: center;
          font-family: Roboto;
          font-size: 14px;
          font-style: normal;
          font-weight: 700;
          line-height: normal; }
  #post-gallery .swiper-thumbs .swiper-slide {
    border-radius: 3px;
    width: 25%;
    height: 100%;
    opacity: 0.4; }
    #post-gallery .swiper-thumbs .swiper-slide img {
      border-radius: 3px; }
  #post-gallery .swiper-thumbs .swiper-slide-thumb-active {
    opacity: 1; }
  #post-gallery .swiper-slide img, #post-gallery .thumb-gallery-ad {
    display: block;
    width: 100%;
    height: 100%;
    /*object-fit: contain;*/ }
  @media (max-width: 767px) {
    #post-gallery {
      display: block;
      z-index: 2147483646 !important; }
      #post-gallery .close-button {
        z-index: inherit;
        right: 24px;
        left: unset; }
      #post-gallery .swiper-main.ad-slide {
        min-height: unset; }
      #post-gallery .swiper-main .swiper-button-next, #post-gallery .swiper-main .swiper-button-prev {
        background: none !important; }
      #post-gallery .custom-pagination {
        padding: 16px;
        display: block;
        position: fixed;
        bottom: 161px; }
        #post-gallery .custom-pagination .swiper-pagination-bullet {
          background: #949494;
          opacity: 1;
          transform: scale(0.1); }
        #post-gallery .custom-pagination .swiper-pagination-bullet-active {
          background: white; }
        #post-gallery .custom-pagination .swiper-pagination-bullet-active, #post-gallery .custom-pagination .swiper-pagination-bullet-active-next, #post-gallery .custom-pagination .swiper-pagination-bullet-active-main, #post-gallery .custom-pagination .swiper-pagination-bullet-active-prev {
          transform: scale(1) !important; }
      #post-gallery .slide-text {
        margin-top: 0px;
        padding-right: 16px;
        padding-left: 16px;
        text-align: start; }
      #post-gallery .carousel-block {
        width: 100%;
        height: calc(100% - 167px);
        justify-content: center;
        -webkit-justify-content: center; }
      #post-gallery.primis-active .slide-text {
        margin-top: 162px; }
      #post-gallery.primis-active .close-button {
        top: 134px; }
      #post-gallery .carousel-sidebar {
        width: 100%;
        height: 167px;
        transition: height 0.3s ease-in-out;
        border-radius: 12px 12px 0px 0px; }
        #post-gallery .carousel-sidebar .block-header {
          padding: 16px 16px 24px;
          gap: 16px; }
        #post-gallery .carousel-sidebar .block-title {
          font-size: 22px; }
        #post-gallery .carousel-sidebar .block-comments {
          padding: 24px 16px; }
          #post-gallery .carousel-sidebar .block-comments .block-body {
            gap: unset; }
            #post-gallery .carousel-sidebar .block-comments .block-body .empty-comments-block {
              margin-top: 16px; }
            #post-gallery .carousel-sidebar .block-comments .block-body .comment-add-block {
              border-bottom: 1px solid var(--Dark-theme-Dark---Grey-2, #3C3E42);
              padding-bottom: 16px;
              margin-left: -16px;
              padding-left: 16px;
              margin-right: -16px;
              padding-right: 16px; }
      #post-gallery .swiper-main .swiper-slide img {
        width: 100%;
        height: calc(100% - 70px); }
      #post-gallery .swiper-main .swiper-slide .mobile-gallery-ad {
        pointer-events: none; }
      #post-gallery .swiper-thumbs, #post-gallery .sidebar-post-title {
        display: none; }
      #post-gallery.comments-active .carousel-block, #post-gallery.comments-active .block-header {
        display: none; }
      #post-gallery.comments-active .carousel-sidebar {
        position: fixed;
        bottom: 0;
        height: calc(100% - 40px); }
        #post-gallery.comments-active .carousel-sidebar .close-button {
          top: 30px; }
      #post-gallery.comments-active .carousel-close {
        display: none; }
      #post-gallery.comments-active.primis-active .carousel-sidebar {
        height: calc(100% - 160px); } }
  @media (max-width: 380px) {
    #post-gallery .comments-share-block, #post-gallery .vote-block {
      padding: 8px; }
    #post-gallery .share-button p {
      display: none !important; } }
  @media (max-width: 330px) {
    #post-gallery .comments-share-block, #post-gallery .vote-block {
      padding: 8px; } }

h4 {
  font-family: Merriweather, serif;
  font-size: 20px;
  line-height: 30px;
  color: var(--black);
  font-weight: 700; }
  @media (max-width: 979px) {
    h4 {
      font-size: 16px;
      line-height: 28px; } }
  @media (max-width: 768px) {
    h4 {
      padding-left: 25px; } }

ol {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: var(--black);
  list-style: none;
  counter-reset: counter-function; }
  ol li {
    counter-increment: counter-function;
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    padding: 0 0 12px 0;
    color: var(--post-content);
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    font-size: 18px;
    line-height: 28px;
    text-align: left !important; }
  ol li::before {
    content: counter(counter-function) ".";
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    margin-right: 12px;
    color: #949494;
    font-size: 18px;
    font-weight: 500; }
  @media (max-width: 768px) {
    ol {
      padding-left: 25px; } }
  ol li::marker {
    color: #949494;
    font-weight: 500; }

.open-list-item.text-block li[data-list="bullet"] {
  list-style-type: disc;
  list-style-position: inside; }

.open-list-item.text-block li[data-list="bullet"]::before {
  content: none; }

.open-list-item.text-block li[data-list="bullet"]::marker {
  color: black; }

.wp-video-shortcode {
  margin-bottom: 8px; }

.cd-boredpanda-image-container, .cd-boredpanda-image-container-flip {
  position: relative;
  cursor: ew-resize;
  margin-bottom: 8px; }
  .cd-boredpanda-image-container img, .cd-boredpanda-image-container-flip img {
    display: block;
    width: 100%; }

.youtube-subscribe-button {
  background: red;
  padding: 8px 12px;
  font-size: 14px;
  font-family: Roboto, sans-serif;
  color: var(--white);
  cursor: pointer;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.07px;
  font-weight: 500;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.post .youtube-subscribe-button {
  color: var(--white); }

.cd-boredpanda-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  border-right: 4px solid var(--black);
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box; }
  .cd-boredpanda-resize-img img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100% !important;
    width: auto !important;
    max-width: none !important; }
  .is-boredpanda-visible .cd-boredpanda-resize-img {
    width: calc(50% + 2px); }

.cd-boredpanda-handle {
  position: absolute;
  height: 44px;
  width: 44px;
  /* center the element */
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border-radius: 50%;
  background: #56b863 url("images/cd-arrows.svg") no-repeat center center;
  cursor: move;
  box-shadow: 0 0 0 6px rgba(var(--black), 0.2), 0 0 10px rgba(var(--black), 0.6), inset 0 1px 0 rgba(var(--white), 0.3);
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  -moz-transform: translate3d(0, 0, 0) scale(0);
  -ms-transform: translate3d(0, 0, 0) scale(0);
  -o-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0); }
  .is-boredpanda-visible .cd-boredpanda-handle {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -o-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }

.cd-boredpanda-image-container-flip {
  cursor: alias; }
  .cd-boredpanda-image-container-flip .cd-boredpanda-handle {
    display: none; }
  .cd-boredpanda-image-container-flip .boredpanda-image-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    overflow: hidden; }
  .cd-boredpanda-image-container-flip .clickStrip {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(12, 19, 28, 0.6);
    color: var(--white);
    line-height: 30px;
    text-align: center;
    display: block;
    font-size: 16px;
    padding: 6px 0; }

.mature-content-image {
  display: block;
  position: relative; }
  .mature-content-image:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background-color: black;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2; }
  .mature-content-image .mature-content {
    display: block; }

.disturbing-content-image {
  display: block;
  position: relative; }
  .disturbing-content-image:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    backdrop-filter: blur(36px);
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2; }
  .disturbing-content-image .mature-content {
    display: block; }

.mature-content {
  display: none;
  font-family: "Roboto";
  position: absolute;
  top: 50%;
  color: var(--white);
  margin-top: -29px;
  text-align: center;
  z-index: 5;
  width: 100%; }
  .mature-content .mature-title {
    font-size: 24px;
    font-weight: 700; }
  .mature-content .mature-explanation {
    font-size: 14px;
    margin: 0 30px; }

.posts {
  margin-right: 320px;
  margin-bottom: 3.125em; }
  .posts .page-404 {
    width: 100%;
    text-align: center; }
    .posts .page-404 img {
      width: 80%; }
      @media (max-width: 768px) {
        .posts .page-404 img {
          width: 100%; } }
  .posts .feed-header {
    font-size: 3em;
    padding: 0.575em 1.781em 0.125em 0;
    text-transform: capitalize; }
    @media (max-width: 979px) {
      .posts .feed-header {
        font-size: 1.875em;
        line-height: 1.3;
        padding: 0.875em 0.781em 0.125em 0.781em; } }
    .posts .feed-header a:hover {
      color: var(--orange-150); }
  .posts .post {
    -webkit-box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false);
    -moz-box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false);
    box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false); }
    @media screen and (min-resolution: 2dppx) {
      .posts .post {
        -webkit-box-shadow: compact(0 1px 0 #ccc, false, false, false, false, false, false, false, false, false);
        -moz-box-shadow: compact(0 1px 0 #ccc, false, false, false, false, false, false, false, false, false);
        box-shadow: compact(0 1px 0 #ccc, false, false, false, false, false, false, false, false, false); } }
    .posts .post h2 {
      font-size: 2em;
      padding: 0.575em 0.781em 0.125em 0.781em;
      position: relative; }
      .posts .post h2.capitalized {
        text-transform: capitalize; }
      @media (max-width: 979px) {
        .posts .post h2 {
          font-size: 1.875em;
          line-height: 1.3;
          padding: .581em .781em .125em; } }
      .posts .post h2 a:hover {
        color: var(--orange-150); }
    .posts .post .pin-post {
      width: 22px;
      height: 22px;
      display: block;
      position: absolute;
      top: 5px;
      right: 5px;
      cursor: pointer; }
      .posts .post .pin-post .svg-icon {
        width: 22px;
        height: 22px;
        color: var(--orange-150); }
    .posts .post iframe {
      max-width: 100%;
      width: 700px; }
    .posts .post .youtube-wrapper {
      position: relative;
      padding-bottom: 56.25%;
      /* 16:9 */
      height: 0; }
      .posts .post .youtube-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .posts .post .footer {
      height: 50px;
      padding: 0 1.563em 0; }
      .posts .post .footer .right .comments-count, .posts .post .footer .right .submissions-count {
        border-right: 1px solid var(--gray-100);
        height: 50px;
        border-left: none;
        padding-right: 24px;
        padding-top: 8px;
        box-sizing: border-box; }
        .posts .post .footer .right .comments-count a, .posts .post .footer .right .submissions-count a {
          margin: 0;
          line-height: 1;
          font-size: 14px; }
          .posts .post .footer .right .comments-count a:hover i, .posts .post .footer .right .submissions-count a:hover i {
            border: 2px solid #949494; }
            @media (max-width: 480px) {
              .posts .post .footer .right .comments-count a:hover i, .posts .post .footer .right .submissions-count a:hover i {
                border: 1px solid #949494; } }
          .posts .post .footer .right .comments-count a span, .posts .post .footer .right .submissions-count a span {
            margin-left: 3px; }
      .posts .post .footer .right .submissions-count {
        border-right: 0; }
        @media (max-width: 580px) {
          .posts .post .footer .right .submissions-count {
            display: none; } }
      .posts .post .footer .left {
        padding-top: 8px; }
        .posts .post .footer .left .fb-custom-share-mobile {
          position: relative;
          height: 34px;
          padding: 0 11px 0 7px;
          line-height: 34px; }
          .posts .post .footer .left .fb-custom-share-mobile i {
            line-height: 34px;
            margin-right: 8px; }
            .posts .post .footer .left .fb-custom-share-mobile i svg.icon-facebook-share {
              margin-top: -1px;
              width: 22px;
              height: 22px; }
          .posts .post .footer .left .fb-custom-share-mobile .share-count {
            position: absolute;
            max-width: 43px;
            line-height: 32px;
            border: 1px solid #c1c1c1;
            top: 0;
            left: 97px;
            color: var(--gray-800);
            font-size: 14px;
            padding: 0 8px;
            text-align: center;
            height: 32px;
            box-sizing: content-box;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px; }
            .posts .post .footer .left .fb-custom-share-mobile .share-count:before, .posts .post .footer .left .fb-custom-share-mobile .share-count:after {
              content: "";
              position: absolute;
              border-top: 4px solid transparent;
              border-bottom: 4px solid transparent;
              top: 12px;
              left: 0;
              margin-left: -5px; }
            .posts .post .footer .left .fb-custom-share-mobile .share-count:before {
              border-right: 4px solid #c1c1c1; }
            .posts .post .footer .left .fb-custom-share-mobile .share-count:after {
              border-right: 4px solid white;
              margin-left: -4px;
              z-index: 1; }
        .posts .post .footer .left .fb-like {
          margin-left: 1.5em; }
  .posts .footer .right .vote-panel {
    float: right;
    padding-left: 24px;
    line-height: 0;
    padding-top: 8px; }
    .posts .footer .right .vote-panel .points {
      line-height: 34px; }
    .posts .footer .right .vote-panel .vote {
      height: 34px; }
  @media (max-width: 979px) {
    .posts .post .footer .left {
      display: block; } }
  @media (min-width: 769px) and (max-width: 979px) {
    .posts .post .footer .left {
      display: block; } }
  @media (max-width: 979px) {
    .posts {
      width: auto;
      margin-right: 0; }
      .posts .post iframe {
        width: 100%; }
      .posts .post .footer .left {
        display: block; } }
  @media (max-width: 480px) {
    .posts .post-cover-container .opacity {
      display: block; }
    .posts .post-cover-container .mobile-post-info {
      display: block;
      line-height: 22px;
      padding-right: 0; }
    .posts .post .intro .post-author {
      display: none; }
    .posts .post .footer {
      height: 52px; }
      .posts .post .footer .left {
        display: none; }
      .posts .post .footer .right {
        width: 100%;
        margin-right: 0; }
        .posts .post .footer .right .votes {
          padding-left: 0;
          float: left;
          padding-top: 0;
          line-height: 50px; }
          .posts .post .footer .right .votes.vote-panel .points {
            line-height: 50px; }
            .posts .post .footer .right .votes.vote-panel .points span {
              display: inline-block !important; }
        .posts .post .footer .right .comments-count {
          padding-right: 0;
          border-right: none; }
          .posts .post .footer .right .comments-count i {
            width: auto;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            -ms-border-radius: 25px;
            -o-border-radius: 25px;
            border-radius: 25px;
            margin-right: 0;
            font-style: normal;
            padding-right: 13px;
            padding-left: 30px; }
            .posts .post .footer .right .comments-count i svg.icon-open-list-comments {
              display: inline-block;
              margin: auto 13px; }
            .posts .post .footer .right .comments-count i span.count {
              display: inline-block;
              float: right;
              line-height: 32px;
              color: var(--gray-800);
              font-weight: 500; } }

.no-posts {
  text-align: center;
  font-family: Merriweather, serif;
  font-size: 1.5em;
  font-weight: normal;
  color: var(--on-bg-dark); }

.dd-menu {
  display: none;
  position: absolute;
  z-index: 2;
  width: 150%;
  padding: 5%;
  background: var(--white);
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

.fb_iframe_widget_lift {
  max-width: none !important; }

.posts-section-title {
  background: transparent;
  font-family: Merriweather, serif;
  font-weight: bold;
  font-size: 2.3em;
  line-height: 1.2;
  margin: 0 0 0.6em;
  padding: 0.875em 0.781em 0.125em 0.781em;
  color: var(--on-bg-dark); }

.copWrp_contentImageWrapper {
  display: none !important; }

.post-entry-shareblock {
  display: none; }

.open-list-pagination, .open-list-pagination-new, .single-post-pagination-new {
  position: static !important;
  float: left;
  width: 100%;
  text-align: center;
  padding-bottom: 0 !important; }
  .open-list-pagination a, .open-list-pagination-new a, .single-post-pagination-new a {
    font-weight: 600;
    line-height: 42px;
    background: var(--orange-150);
    color: var(--white) !important;
    display: inline-block;
    text-transform: uppercase;
    width: 100%;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
    .open-list-pagination a:hover, .open-list-pagination-new a:hover, .single-post-pagination-new a:hover {
      background-color: var(--orange-150);
      border-color: var(--orange-150); }

.pagination-combined-block .pagination-combined {
  padding: 0;
  background: var(--orange-150);
  color: var(--white);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  display: block; }
  .pagination-combined-block .pagination-combined .pagination-first, .pagination-combined-block .pagination-combined .pagination-previous {
    color: var(--white);
    width: 15%;
    display: inline-block;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    border-right: 1px solid var(--pink-100);
    line-height: 45px;
    vertical-align: middle; }
    @media (min-width: 980px) {
      .pagination-combined-block .pagination-combined .pagination-first, .pagination-combined-block .pagination-combined .pagination-previous {
        width: 133px; } }
  .pagination-combined-block .pagination-combined .pagination-first {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px; }
  .pagination-combined-block .pagination-combined .pagination-previous {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
  .pagination-combined-block .pagination-combined .pagination {
    display: inline-block;
    float: none;
    color: var(--white);
    width: 69%;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 45px;
    height: 45px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    vertical-align: middle; }
    @media (min-width: 980px) {
      .pagination-combined-block .pagination-combined .pagination {
        width: calc(100% - 269px); } }
    .pagination-combined-block .pagination-combined .pagination span {
      float: right;
      margin-right: 25px;
      font-size: 17px; }
    .pagination-combined-block .pagination-combined .pagination.first-page {
      width: 100%;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; }

.single-post-pagination-block {
  padding-top: 20px;
  padding-bottom: 20px; }

@media (max-width: 480px) {
  .single-post-pagination-block {
    padding-top: 9px;
    padding-bottom: 9px; }
    .single-post-pagination-block .single-post-pagination-new a {
      height: 45px;
      line-height: 45px;
      font-weight: 600;
      font-size: 14px; } }

.horizontal-fb-share {
  display: none; }

.post {
  display: block;
  padding: 0;
  background: var(--post-background);
  margin-bottom: 1.688em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false);
  -moz-box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false);
  box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false); }
  @media screen and (min-resolution: 2dppx) {
    .post {
      -webkit-box-shadow: compact(0 1px 0 #ccc, false, false, false, false, false, false, false, false, false);
      -moz-box-shadow: compact(0 1px 0 #ccc, false, false, false, false, false, false, false, false, false);
      box-shadow: compact(0 1px 0 #ccc, false, false, false, false, false, false, false, false, false); } }
  .post.top-page-post .post-group-date-wrapper {
    background: var(--bg-primary);
    padding-bottom: 16px; }
    .post.top-page-post .post-group-date-wrapper .post-group-date-tag {
      display: block;
      margin-bottom: 0; }
  .post.top-page-post.show-comments .title-container {
    padding-bottom: 0; }
  .post.top-page-post .title-container {
    padding-left: 24px;
    padding-right: 24px; }
    @media (max-width: 580px) {
      .post.top-page-post .title-container {
        padding: 12px 12px 0 12px !important; } }
    .post.top-page-post .title-container.list-item {
      padding: 20px; }
      @media (max-width: 580px) {
        .post.top-page-post .title-container.list-item {
          padding: 12px !important; } }
  .post.top-page-post .intro {
    padding: 16px 24px 0; }
    @media (max-width: 580px) {
      .post.top-page-post .intro {
        padding-top: 12px;
        padding-left: 12px;
        padding-right: 12px; } }
    .post.top-page-post .intro.no-top-padding {
      padding-top: 0 !important; }
    .post.top-page-post .intro .description {
      margin-bottom: 0; }
  .post.top-page-post .list-item-description {
    padding: 16px;
    margin: 24px;
    font-family: 'Merriweather', sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: var(--post-content);
    box-shadow: rgba(0, 0, 0, 0.07) 1px 0.732px 10px 3px;
    border-radius: 5px; }
    @media (max-width: 580px) {
      .post.top-page-post .list-item-description {
        padding: 12px;
        margin: 12px !important;
        font-size: 13px;
        line-height: 23px; } }
  .post.top-page-post footer.footer.the-loop:not(.without-comments) {
    border-top: none !important;
    padding-top: 24px !important;
    padding-left: 24px !important;
    padding-right: 24px !important; }
    .post.top-page-post footer.footer.the-loop:not(.without-comments).without-comments {
      padding-bottom: 24px !important; }
      @media (max-width: 580px) {
        .post.top-page-post footer.footer.the-loop:not(.without-comments).without-comments {
          padding-bottom: 12px !important; } }
    @media (max-width: 580px) {
      .post.top-page-post footer.footer.the-loop:not(.without-comments) {
        padding-top: 12px !important;
        padding-left: 12px !important;
        padding-right: 12px !important; } }
    .post.top-page-post footer.footer.the-loop:not(.without-comments) .vote-block {
      padding: 0 !important;
      margin-left: 0 !important; }
    .post.top-page-post footer.footer.the-loop:not(.without-comments) .share-block {
      margin-right: 0 !important; }
    .post.top-page-post footer.footer.the-loop:not(.without-comments) .post-share-content {
      min-height: 40px; }
    .post.top-page-post footer.footer.the-loop:not(.without-comments) .vote, .post.top-page-post footer.footer.the-loop:not(.without-comments) .comments-block {
      padding-top: 0 !important;
      padding-bottom: 0 !important; }
    .post.top-page-post footer.footer.the-loop:not(.without-comments) .share-social-icons-block {
      margin-right: 0 !important; }
    .post.top-page-post footer.footer.the-loop:not(.without-comments) .post-share-content-mobile {
      padding: 0 !important; }
  .post.top-page-post .open-list-comments {
    box-sizing: border-box;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 20px;
    float: unset !important; }
    @media (max-width: 580px) {
      .post.top-page-post .open-list-comments {
        padding-left: 12px;
        padding-right: 12px; } }
    .post.top-page-post .open-list-comments .comment-add-block {
      margin-top: 24px;
      margin-bottom: 24px; }
      @media (max-width: 580px) {
        .post.top-page-post .open-list-comments .comment-add-block {
          margin-top: 16px;
          margin-bottom: 16px; } }
      .post.top-page-post .open-list-comments .comment-add-block.no-margin {
        margin-bottom: 0; }
      .post.top-page-post .open-list-comments .comment-add-block.reply-block {
        margin-top: 0;
        margin-bottom: 0; }
    .post.top-page-post .open-list-comments .expand-comments span {
      padding-left: 0; }
  .post.top-page-post .description a {
    text-decoration: underline; }
  .post .entry .wp-video {
    max-width: 100%;
    box-sizing: border-box; }
    @media (max-width: 480px) {
      .post .entry .wp-video {
        padding-left: 10px;
        padding-right: 10px; } }
    .post .entry .wp-video .mejs-container, .post .entry .wp-video .mejs-embed, .post .entry .wp-video .mejs-embed body, .post .entry .wp-video .mejs-container .mejs-controls {
      max-width: 100%; }
  .post .entry p {
    width: 100%;
    max-width: 100%;
    margin: 0;
    float: left; }
  .post .hiddenPostText {
    display: none; }
  .post .title-container {
    padding: 12px 30px 20px 30px; }
    .post .title-container.match-vertical-padding {
      padding-top: 20px; }
  .post h2 {
    background: transparent;
    font-family: Merriweather, serif;
    font-weight: bold;
    font-size: 2.3em;
    line-height: 1.2;
    padding: 0.875em 0.781em 0.125em 0.781em;
    word-wrap: break-word;
    overflow-wrap: break-word; }
    @media (max-width: 768px) {
      .post h2 {
        font-size: 1.875em;
        line-height: 1.3; } }
    .post h2 a {
      color: var(--on-bg-dark); }
  .post .categories-and-date {
    padding-left: 27px; }
  .post .post-title {
    color: var(--on-bg-dark);
    background: transparent;
    font-family: Merriweather, serif;
    font-weight: bold;
    font-size: 2.3em;
    line-height: 1.2;
    padding: 12px 0.781em 0.125em 0.781em;
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: left; }
    @media (max-width: 768px) {
      .post .post-title {
        font-size: 1.875em;
        line-height: 1.3; } }
    .post .post-title a {
      color: var(--black);
      word-wrap: break-word;
      overflow-wrap: break-word;
      text-transform: capitalize; }
  .post a {
    color: var(--orange-150); }
  .post .post-widget {
    margin-top: 15px;
    padding: 20px 25px 0 25px;
    border-top: 1px solid var(--gray-100); }
    .post .post-widget .post-widget-header {
      color: #949494;
      margin-bottom: 20px;
      padding-right: 25px; }
      .post .post-widget .post-widget-header .category {
        text-transform: uppercase; }
      .post .post-widget .post-widget-header .scroll-arrows {
        float: right; }
        .post .post-widget .post-widget-header .scroll-arrows span {
          display: inline-block;
          width: 14px;
          height: 14px;
          cursor: pointer; }
          .post .post-widget .post-widget-header .scroll-arrows span.right {
            margin-left: 16px; }
          .post .post-widget .post-widget-header .scroll-arrows span.inactive {
            opacity: 0.3; }
        .post .post-widget .post-widget-header .scroll-arrows .svg-icon {
          height: 14px;
          width: 14px; }
    .post .post-widget .post-widget-container {
      overflow: hidden;
      overflow-x: scroll;
      -ms-overflow-style: none;
      /* IE and Edge */
      scrollbar-width: none;
      /* Firefox */ }
      .post .post-widget .post-widget-container::-webkit-scrollbar {
        display: none; }
    .post .post-widget .post-widget-challenges {
      width: 1456px;
      position: relative; }
      .post .post-widget .post-widget-challenges a {
        display: inline-block;
        color: var(--gray-800); }
      .post .post-widget .post-widget-challenges .see-more-ask-pandas {
        position: absolute;
        top: 0;
        right: 25px; }
        .post .post-widget .post-widget-challenges .see-more-ask-pandas .right, .post .post-widget .post-widget-challenges .see-more-ask-pandas .left {
          display: inline-block;
          vertical-align: top; }
        .post .post-widget .post-widget-challenges .see-more-ask-pandas a {
          color: var(--orange-150);
          display: block;
          font-size: 16px; }
        .post .post-widget .post-widget-challenges .see-more-ask-pandas span {
          display: block;
          color: #949494;
          font-weight: 400;
          font-size: 14px;
          margin-top: 3px; }
        .post .post-widget .post-widget-challenges .see-more-ask-pandas img {
          width: 30px;
          margin-right: 5px; }
      .post .post-widget .post-widget-challenges .see-more-challenges {
        display: inline-block;
        vertical-align: top;
        width: 300px;
        text-align: center;
        border: 1px solid var(--gray-100);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px; }
        .post .post-widget .post-widget-challenges .see-more-challenges .top {
          padding: 10px;
          height: 185px;
          display: block;
          box-sizing: border-box;
          -webkit-border-radius: 5px 5px 0 0;
          -moz-border-radius: 5px 5px 0 0;
          -ms-border-radius: 5px 5px 0 0;
          -o-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
          background-color: var(--gray-blue-600); }
          .post .post-widget .post-widget-challenges .see-more-challenges .top .panda-challenge {
            background: url("images/panda-winner.png");
            background-size: 183px 220px;
            width: 183px;
            height: 175px;
            display: block;
            margin: 0 auto; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              .post .post-widget .post-widget-challenges .see-more-challenges .top .panda-challenge {
                background: url("images/panda-winner@2x.png");
                background-size: 183px 220px; } }
            @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
              .post .post-widget .post-widget-challenges .see-more-challenges .top .panda-challenge {
                background: url("images/panda-winner@3x.png");
                background-size: 183px 220px; } }
        .post .post-widget .post-widget-challenges .see-more-challenges .bottom {
          border-top: 1px solid var(--gray-100);
          padding: 15px;
          height: 158px;
          box-sizing: border-box; }
          .post .post-widget .post-widget-challenges .see-more-challenges .bottom a {
            color: var(--orange-150);
            display: block;
            font-size: 18px;
            line-height: 24px;
            margin-right: 0; }
          .post .post-widget .post-widget-challenges .see-more-challenges .bottom span {
            display: block;
            color: #949494;
            font-weight: 400;
            font-size: 16px;
            line-height: 22px;
            margin-top: 20px; }
        @media (max-width: 480px) {
          .post .post-widget .post-widget-challenges .see-more-challenges {
            width: 220px; }
            .post .post-widget .post-widget-challenges .see-more-challenges .top {
              height: 135px; }
              .post .post-widget .post-widget-challenges .see-more-challenges .top .panda-challenge {
                background-size: 120px 145px;
                width: 120px;
                height: 125px; }
            .post .post-widget .post-widget-challenges .see-more-challenges .bottom {
              height: 140px; }
              .post .post-widget .post-widget-challenges .see-more-challenges .bottom a {
                font-size: 15px; }
              .post .post-widget .post-widget-challenges .see-more-challenges .bottom span {
                font-size: 14px; } }
      .post .post-widget .post-widget-challenges .post-widget-challenge {
        width: 325px;
        display: inline-block;
        margin-bottom: 20px; }
        .post .post-widget .post-widget-challenges .post-widget-challenge .challenge-image {
          display: inline-block;
          vertical-align: top; }
          .post .post-widget .post-widget-challenges .post-widget-challenge .challenge-image img {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            display: inline-block; }
        .post .post-widget .post-widget-challenges .post-widget-challenge .challenge-info {
          display: inline-block;
          width: calc(100% - 40px);
          margin-left: 5px;
          vertical-align: top; }
          .post .post-widget .post-widget-challenges .post-widget-challenge .challenge-info .challenge-title {
            font-weight: 500;
            font-size: 16px;
            line-height: 22px;
            max-width: 290px; }
          .post .post-widget .post-widget-challenges .post-widget-challenge .challenge-info .challenge-data .replies-count {
            display: inline-block;
            color: #949494;
            font-weight: 500;
            font-size: 14px;
            padding-right: 10px;
            vertical-align: middle; }
            .post .post-widget .post-widget-challenges .post-widget-challenge .challenge-info .challenge-data .replies-count span {
              margin-left: 3px;
              text-transform: uppercase; }
          .post .post-widget .post-widget-challenges .post-widget-challenge .challenge-info .challenge-data .challenge-author {
            vertical-align: middle;
            display: inline-block;
            color: #949494;
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            max-width: 220px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap; }
      .post .post-widget .post-widget-challenges.challenges-widget-challenges {
        width: 5000px; }
        .post .post-widget .post-widget-challenges.challenges-widget-challenges a {
          margin-right: 20px; }
        .post .post-widget .post-widget-challenges.challenges-widget-challenges .post-widget-challenge {
          width: 300px;
          display: inline-block; }
          .post .post-widget .post-widget-challenges.challenges-widget-challenges .post-widget-challenge .challenge-image {
            display: block;
            width: 100%;
            max-height: 185px; }
            .post .post-widget .post-widget-challenges.challenges-widget-challenges .post-widget-challenge .challenge-image img {
              width: 100%;
              height: 100%;
              -webkit-border-radius: 5px 5px 0 0;
              -moz-border-radius: 5px 5px 0 0;
              -ms-border-radius: 5px 5px 0 0;
              -o-border-radius: 5px 5px 0 0;
              border-radius: 5px 5px 0 0;
              display: block;
              border: 1px solid var(--gray-100);
              border-bottom: none;
              box-sizing: border-box; }
          .post .post-widget .post-widget-challenges.challenges-widget-challenges .post-widget-challenge .challenge-info {
            width: 100%;
            margin: 0;
            -webkit-border-radius: 0 0 5px 5px;
            -moz-border-radius: 0 0 5px 5px;
            -ms-border-radius: 0 0 5px 5px;
            -o-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;
            padding: 15px;
            box-sizing: border-box;
            border: 1px solid var(--gray-100); }
            .post .post-widget .post-widget-challenges.challenges-widget-challenges .post-widget-challenge .challenge-info .challenge-title {
              font-size: 18px;
              line-height: 27px;
              max-width: 100%;
              margin-bottom: 10px;
              height: 81px;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 3;
              -webkit-box-orient: vertical; }
            .post .post-widget .post-widget-challenges.challenges-widget-challenges .post-widget-challenge .challenge-info .challenge-data .replies-count {
              display: block;
              margin-bottom: 5px; }
              .post .post-widget .post-widget-challenges.challenges-widget-challenges .post-widget-challenge .challenge-info .challenge-data .replies-count span {
                margin-left: 0; }
            .post .post-widget .post-widget-challenges.challenges-widget-challenges .post-widget-challenge .challenge-info .challenge-data .challenge-author {
              max-width: 265px; }
  @media (max-width: 480px) {
    .post .post-widget {
      padding: 20px 0 0 20px; }
      .post .post-widget .post-widget-challenges {
        width: 1000px; }
        .post .post-widget .post-widget-challenges .post-widget-challenge {
          width: 260px; }
          .post .post-widget .post-widget-challenges .post-widget-challenge .challenge-info .challenge-title {
            font-size: 14px;
            line-height: 18px;
            max-width: 200px; }
          .post .post-widget .post-widget-challenges .post-widget-challenge .challenge-info .challenge-data .replies-count {
            font-size: 12px; }
          .post .post-widget .post-widget-challenges .post-widget-challenge .challenge-info .challenge-data .challenge-author {
            font-size: 12px;
            max-width: 140px; }
        .post .post-widget .post-widget-challenges.challenges-widget-challenges {
          width: 4000px; }
          .post .post-widget .post-widget-challenges.challenges-widget-challenges .post-widget-challenge {
            width: 220px; }
            .post .post-widget .post-widget-challenges.challenges-widget-challenges .post-widget-challenge .challenge-info .challenge-title {
              font-size: 16px;
              line-height: 22px;
              height: 66px; }
            .post .post-widget .post-widget-challenges.challenges-widget-challenges .post-widget-challenge .challenge-info .challenge-data .challenge-author {
              max-width: 230px; } }
  .post .categories-list {
    padding: 9px 25px;
    max-width: 100%;
    text-transform: uppercase;
    font-size: 13px;
    display: inline-flex; }
    .post .categories-list a {
      color: var(--orange-150); }
    .post .categories-list.in-post {
      padding: 25px 30px 0 30px;
      line-height: 1.4; }
      .post .categories-list.in-post a {
        display: inline; }
      @media (max-width: 768px) {
        .post .categories-list.in-post {
          padding-left: 25px; } }
      @media (max-width: 480px) {
        .post .categories-list.in-post {
          flex-wrap: wrap;
          row-gap: 16px; } }
      @media (max-width: 480px) {
        .post .categories-list.in-post .post-types {
          flex-basis: 100%;
          justify-content: left; } }
      .post .categories-list.in-post div {
        align-items: center;
        justify-content: center;
        display: inline-flex; }
        .post .categories-list.in-post div.categories {
          padding-right: 15px;
          display: inline-flex;
          align-items: center;
          justify-content: center; }
        .post .categories-list.in-post div a {
          margin-left: 5px; }
        .post .categories-list.in-post div.post-dates .date-info {
          padding-right: 15px;
          padding-left: 0; }
          .post .categories-list.in-post div.post-dates .date-info:last-child {
            padding-right: 0; }
    .post .categories-list .date-info {
      color: #949494;
      padding-left: 15px; }
  .post .intro {
    padding: 0.313em 1.563em;
    padding-bottom: 0.625em;
    max-width: 100%; }
    .post .intro .post-author {
      display: flex;
      align-items: center; }
    .post .intro .description {
      color: var(--post-description);
      font-size: 1em;
      margin: 0 0 0.725em 0;
      line-height: 140%;
      word-wrap: break-word;
      overflow-wrap: break-word;
      font-weight: 400; }
      .post .intro .description span {
        color: var(--post-description) !important; }
    .post .intro.text-submission .description {
      width: 100%;
      display: inline-block;
      background-color: var(--white);
      -webkit-box-shadow: 1px 0.732px 10px 3px rgba(0, 0, 0, 0.071);
      box-shadow: 1px 0.732px 10px 3px rgba(0, 0, 0, 0.071);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      padding: 35px;
      box-sizing: border-box;
      font-family: Merriweather, sans-serif;
      font-weight: 400;
      font-size: 16px;
      line-height: 26px;
      color: var(--gray-800);
      margin-top: 10px; }
    .post .intro .post-author img {
      float: left;
      width: 1.875em;
      height: 1.875em;
      margin-right: 0.625em;
      -webkit-border-radius: 0.875em;
      -moz-border-radius: 0.875em;
      -ms-border-radius: 0.875em;
      -o-border-radius: 0.875em;
      border-radius: 0.875em; }
    .post .intro .post-author span {
      float: left;
      margin-top: 0.3em;
      font-size: 1.1em;
      font-weight: 500; }
  .post .post-bottom-meta-links {
    width: 100%;
    text-align: right;
    font-size: 11px;
    font-style: italic;
    color: var(--gray-300) !important;
    padding-bottom: 0 !important;
    line-height: 1 !important; }
    .post .post-bottom-meta-links.border {
      border-top: 1px solid #e9e9e9;
      display: block;
      margin-top: 1.563em !important; }
    .post .post-bottom-meta-links a {
      font-size: 11px;
      color: var(--gray-300);
      margin-left: 8px; }
      .post .post-bottom-meta-links a:hover {
        color: var(--gray-400); }
    .post .post-bottom-meta-links .open-list-submission-source {
      float: left;
      margin-left: 0; }
    .post .post-bottom-meta-links .open-list-submission-report {
      float: right; }
    .post .post-bottom-meta-links .open-list-submission-source-separator {
      float: left;
      margin-left: 2px;
      margin-right: 5px;
      font-size: 11px; }
  .post .post-submission-line.post-footer {
    padding: 0 2.6em;
    line-height: 130%;
    color: var(--gray-400);
    font-size: 120%;
    margin-top: 5px;
    margin-bottom: 5px; }
    @media (min-width: 980px) {
      .post .post-submission-line.post-footer {
        font-size: 16px; } }
    .post .post-submission-line.post-footer .responsive-warning {
      display: none; }
      @media (max-width: 480px) {
        .post .post-submission-line.post-footer .responsive-warning {
          display: inline-block; } }
  .post .newsletter-form.post-footer {
    padding: 20px 0 0; }
    @media (max-width: 768px) {
      .post .newsletter-form.post-footer {
        padding-left: 25px;
        padding-right: 25px; } }
    @media (max-width: 480px) {
      .post .newsletter-form.post-footer {
        padding: 0; } }
    .post .newsletter-form.post-footer .title {
      padding: 0;
      margin: 0;
      width: 100%; }
    @media (max-width: 480px) {
      .post .newsletter-form.post-footer .input-group {
        width: 100%; } }
    @media (max-width: 480px) {
      .post .newsletter-form.post-footer {
        margin-bottom: 2em;
        margin-top: 1em; } }
  .post .footer {
    border-top: 1px solid var(--gray-100); }
    .post .footer .left {
      float: left;
      margin-top: 0.25em;
      /*
      .fb-like {
        float: left;
        margin-left: 0.750em;
        margin-top: 0.750em;
      }*/ }
      .post .footer .left .fb-custom-share {
        float: left;
        background-color: #3b589e;
        color: var(--white);
        font-weight: 400;
        margin-left: 1.5em;
        margin-top: 0.150em;
        padding: 0 0.7em 0 0.7em;
        line-height: 2.5em;
        font-size: 1em; }
        .post .footer .left .fb-custom-share i {
          float: left;
          background-image: url("images/sprite.png?upd=6");
          background-position: 0 -32em;
          background-size: 6.250em 125em;
          width: 1.65em;
          height: 1.653em;
          margin-right: 0.825em;
          margin-top: 0.5em; }
      .post .footer .left .fb-like {
        display: inline-block; }
    .post .footer .left-mobile {
      float: left;
      margin-top: 0.1em;
      display: none; }
      .post .footer .left-mobile .post-share-whatsapp {
        float: left;
        background-image: url("images/sprite.png?upd=6");
        background-position: 0 -620px;
        width: 2.5em;
        height: 2em;
        margin-top: 0.3em; }
      .post .footer .left-mobile .fb-custom-share-mobile {
        float: left;
        background-color: #3b589e;
        color: var(--white);
        font-weight: bold;
        margin: 0.3em 0.75em 0 1.5em;
        padding: 0.25em 0.6em 0.25em 0.6em;
        line-height: 1.6em;
        font-size: 1em; }
        .post .footer .left-mobile .fb-custom-share-mobile i {
          float: left;
          background-image: url("images/sprite.png?upd=6");
          background-position: -0em -32em;
          background-size: 6.250em 125em;
          width: 1.6em;
          height: 1.6em;
          margin: 0.02em 0.5em 0 0; }
    .post .footer .right {
      float: right;
      max-width: calc(100% - 150px); }
      .post .footer .right .vote-panel .hint {
        bottom: 5px; }
    .post .footer .comments-count, .post .footer .submissions-count {
      float: right;
      border-left: 1px solid #c8c8c8;
      border-right: 1px solid #c8c8c8; }
      .post .footer .comments-count a, .post .footer .submissions-count a {
        float: left;
        margin: 1.063em 0.938em 1.125em 0.938em;
        color: #3f3f3f;
        font-size: 1em;
        font-weight: 500; }
  .post img.image-size-full {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px; }
  .post img.image-size-full-overlay {
    opacity: 0;
    position: absolute; }
  @media (max-width: 979px) {
    .post .footer {
      font-size: 110%; }
      .post .footer .left {
        display: none; }
      .post .footer .left-mobile {
        display: block; }
      .post .footer .comments-count span, .post .footer .submissions-count span {
        display: none; }
    .post .post-bottom-meta-links {
      padding-left: 0 !important;
      padding-right: 0 !important;
      font-size: 1em;
      box-sizing: border-box; } }
  @media (max-width: 979px) and (max-width: 768px) {
    .post .post-bottom-meta-links {
      padding-left: 25px !important;
      padding-right: 25px !important; } }
  @media (max-width: 979px) and (max-width: 480px) {
    .post .post-bottom-meta-links {
      padding-left: 12px !important;
      padding-right: 12px !important; } }
  @media (min-width: 769px) and (max-width: 979px) {
    .post .footer .left {
      display: none; }
    .post .footer .left-mobile {
      display: block; }
    .post .open-list-footer .left {
      display: block; } }
  @media (max-width: 979px) {
    .post .footer {
      font-size: 110%; }
      .post .footer .left {
        display: none; }
      .post .footer .left-mobile {
        display: block; }
    .post .post-header img.image-size-full {
      width: 100%; }
    .post .intro .description {
      font-size: 1em;
      line-height: 1.5; } }
  @media (max-width: 480px) {
    .post .footer {
      border-top: 1px solid var(--gray-100);
      font-size: 105%; }
      .post .footer .left {
        display: none; }
      .post .footer .left-mobile {
        display: block; }
      .post .footer .right {
        margin-right: 0.6em;
        max-width: 100%; }
    .post .categories-list {
      padding: 7px 20px; }
      .post .categories-list.in-post {
        padding: 16px 14px 0 14px; }
    .post .title-container {
      padding: 16px 14px; }
    .post .intro .description {
      font-size: 1em;
      line-height: 1.5; }
    .post .open-list-footer .left {
      display: block; } }
  .post .video_recommendations {
    background: var(--white); }

.single-post .post {
  width: 100%; }
  .single-post .post iframe {
    max-width: 100%; }
  .single-post .post .youtube-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0; }
    .single-post .post .youtube-wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.post-header {
  position: relative;
  padding-top: 20px;
  padding: 0; }
  .post-header a {
    display: block; }
  .post-header .post-edit-link {
    background: var(--white);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false);
    -moz-box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false);
    box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false);
    color: var(--orange-150);
    font-weight: 500;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 21px 59px 18px 80px;
    margin-left: -81px;
    margin-top: -25px;
    z-index: 1; }
    .post-header .post-edit-link i {
      background: var(--white) url(images/sprite.png?upd=6) no-repeat;
      background-position: 0 -348px;
      display: block;
      width: 16px;
      height: 16px;
      position: absolute;
      top: 19px;
      left: 49px; }
  .post-header.post-header-video {
    text-align: center;
    padding-left: 0;
    padding-right: 0; }
    .post-header.post-header-video iframe {
      top: 0;
      left: 0;
      -moz-border-radius-topleft: 3px;
      -webkit-border-top-left-radius: 3px;
      border-top-left-radius: 3px;
      -moz-border-radius-topright: 3px;
      -webkit-border-top-right-radius: 3px;
      border-top-right-radius: 3px; }
  .post-header .gnews-promotion {
    display: none; }

.open-list-badge {
  position: absolute;
  bottom: -0.0625em;
  left: 1.625em;
  font-weight: bold; }
  .open-list-badge .open-list-badge-title, .open-list-badge .open-list-badge-number {
    float: left;
    padding: 0.7142857143em 0.8571428571em;
    margin-top: 0.4285714286em;
    background: var(--orange-150);
    font-size: 14px;
    color: var(--white);
    text-transform: capitalize;
    display: block; }
    .open-list-badge .open-list-badge-title span, .open-list-badge .open-list-badge-number span {
      padding: 0; }
  .open-list-badge .open-list-badge-title {
    padding-left: 1.8571428571em;
    padding-right: 1.8571428571em; }
  .open-list-badge .open-list-badge-number {
    background: var(--white);
    color: #949494;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px; }
  .open-list-badge .open-list-icon {
    display: block;
    float: left;
    position: relative;
    z-index: 2;
    background: url(images/sprite.png?upd=6) no-repeat;
    background-position: 0 -592px;
    background-size: 50px 1000px;
    width: 38px;
    height: 38px;
    margin: 3px -19px 0 0; }
  @media (max-width: 480px) {
    .open-list-badge .open-list-badge-number span {
      display: none; }
    .open-list-badge .open-list-icon {
      margin-top: 2px; } }

.post-cover-container {
  position: relative; }
  .post-cover-container img {
    max-height: 1500px; }
  .post-cover-container .mobile-post-info {
    z-index: 5;
    display: none;
    position: absolute;
    bottom: 10px;
    padding: 0 1.563em 0;
    color: var(--white);
    width: 100%;
    box-sizing: border-box;
    font-size: 11px;
    font-weight: 600;
    line-height: 22px; }
    .post-cover-container .mobile-post-info span {
      display: inline-block; }
      .post-cover-container .mobile-post-info span.post-author img {
        width: 22px;
        height: 22px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        border: 1px solid white;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: middle; }
        .post-cover-container .mobile-post-info span.post-author img span {
          display: inline-block;
          vertical-align: middle; }
      .post-cover-container .mobile-post-info span i {
        height: 13px;
        display: inline-block; }
      .post-cover-container .mobile-post-info span.shares {
        float: right;
        padding-right: 1.563em; }
        .post-cover-container .mobile-post-info span.shares .icon-shares-stats {
          height: 13px;
          width: 13px;
          margin-right: 5px;
          margin-top: 3px;
          display: block; }
      .post-cover-container .mobile-post-info span.submissions {
        float: right;
        padding-right: 1.563em; }
        .post-cover-container .mobile-post-info span.submissions .icon-open-list-submissions {
          height: 13px;
          width: 13px;
          margin-right: 5px;
          margin-top: 3px;
          display: block; }
        .post-cover-container .mobile-post-info span.submissions span {
          display: none; }
      @media (max-width: 350px) {
        .post-cover-container .mobile-post-info span.shares, .post-cover-container .mobile-post-info span.submissions {
          padding-right: 1em; } }
      .post-cover-container .mobile-post-info span.views {
        float: right;
        padding-right: 1.563em; }
        .post-cover-container .mobile-post-info span.views span {
          display: none; }
        .post-cover-container .mobile-post-info span.views .icon-open-list-views {
          margin-right: 5px;
          margin-top: 3px;
          display: block; }
  .post-cover-container .opacity {
    display: none;
    position: absolute;
    width: 100%;
    opacity: 0.8;
    height: 35%;
    bottom: 0;
    z-index: 2;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(26%, rgba(255, 255, 255, 0.17)), color-stop(100%, rgba(0, 0, 0, 0.66)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.17) 26%, rgba(0, 0, 0, 0.66) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.17) 26%, rgba(0, 0, 0, 0.66) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient startColorstr=var(--black), endColorstr="#8c000000", GradientType=0; }

.single .post .shadow-container {
  position: relative; }
  @media (max-width: 479px) {
    .single .post .shadow-container {
      display: none; } }
  @media (max-width: 769px) {
    .single .post .shadow-container {
      padding: 0 1.5em; } }

.single .post .shadow-left, .single .post .shadow-right {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 108px;
  z-index: 10;
  pointer-events: none; }

.single .post .shadow-left {
  left: 0;
  background-image: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0) 75%); }

.single .post .shadow-right {
  right: 0;
  background-image: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0) 75%); }

.single .post .table-container {
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none; }
  .single .post .table-container::-webkit-scrollbar {
    display: none; }
  .single .post .table-container table {
    display: block;
    white-space: nowrap;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0; }
    .single .post .table-container table tbody {
      display: table;
      width: 100%;
      box-sizing: border-box; }
    .single .post .table-container table tr:nth-child(odd) {
      background-color: var(--white); }
    .single .post .table-container table tr:nth-child(even) {
      background-color: var(--white); }
    .single .post .table-container table tr:last-child td {
      border-bottom: 1px solid var(--gray-100);
      border-radius: 0 0 3px 0; }
    .single .post .table-container table tr td {
      border: 1px solid var(--gray-100);
      padding: 16px 24px;
      font: 600 16px/23px 'Roboto', sans-serif;
      text-align: left;
      white-space: normal; }
      .single .post .table-container table tr td:first-child {
        text-align: left; }
    .single .post .table-container table tr:first-child td {
      color: var(--on-bg-primary); }
    .single .post .table-container table tr:not(:first-child) td {
      color: var(--on-bg-dark); }
  .single .post .table-container .desktop-table td {
    background: var(--post-background); }

.single .post .mobile-table {
  max-width: 100%;
  padding-left: 12px;
  padding-right: 12px; }
  @media (min-width: 480px) {
    .single .post .mobile-table {
      display: none; } }
  .single .post .mobile-table.blocks .block {
    display: flex;
    width: 100%;
    flex-direction: column;
    margin-bottom: 24px;
    border: 1px solid var(--gray-100);
    border-radius: 3px 3px 0px 0px; }
    .single .post .mobile-table.blocks .block .top-level {
      padding: 16px;
      align-items: center;
      align-content: center;
      gap: 8px;
      flex-wrap: wrap;
      border-bottom: 1px solid var(--gray-100);
      background: var(--white);
      color: var(--gray-800);
      font: 600 16px/23px 'Roboto', sans-serif; }
    .single .post .mobile-table.blocks .block .legend-data .legend-label {
      padding: 8px 24px 8px 16px;
      align-items: center;
      gap: 7px;
      border-bottom: 1px solid var(--gray-100);
      background: var(--white);
      color: var(--gray-500);
      font: 600 16px/23px 'Roboto', sans-serif; }
    .single .post .mobile-table.blocks .block .legend-data .legend-value {
      padding: 16px;
      align-items: center;
      align-content: center;
      gap: 8px;
      flex-wrap: wrap;
      border-bottom: 1px solid var(--gray-100);
      background: var(--white);
      color: var(--gray-800);
      font: 600 16px/23px 'Roboto', sans-serif; }
    .single .post .mobile-table.blocks .block .legend-data:last-child .legend-value {
      border-bottom: 0; }

.single .post .entry {
  position: relative;
  padding: 0px 31px 4px 29px;
  color: #949494;
  font-weight: 500;
  line-height: 1.7;
  clear: both;
  text-align: justify; }
  .single .post .entry .post-author {
    float: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px; }
    .single .post .entry .post-author img {
      float: none;
      width: 30px;
      height: 30px;
      margin: 0;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
    .single .post .entry .post-author span {
      color: var(--gray-800);
      float: none;
      font-size: 14px;
      font-weight: 500;
      line-height: 1;
      max-width: 350px;
      text-overflow: ellipsis;
      overflow: unset;
      white-space: nowrap;
      display: block; }
  .single .post .entry .buy-it-now-button {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
    .single .post .entry .buy-it-now-button .buy-it-now-icon {
      background-image: url(images/sprite-sheet.png);
      background-position: -495px -40px;
      width: 19px;
      height: 18px;
      float: left;
      margin: -1px 10px 0 0; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .single .post .entry .buy-it-now-button .buy-it-now-icon {
          background-image: url(images/sprite-sheet@2x.png);
          background-size: 515px 463px; } }
    .single .post .entry .buy-it-now-button:hover .buy-it-now-icon {
      background-image: url(images/sprite-sheet.png);
      background-position: -495px -78px;
      width: 19px;
      height: 18px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .single .post .entry .buy-it-now-button:hover .buy-it-now-icon {
          background-image: url(images/sprite-sheet@2x.png);
          background-size: 515px 463px; } }
    .single .post .entry .buy-it-now-button.green-filled .buy-it-now-icon, .single .post .entry .buy-it-now-button.red-filled-hover-full .buy-it-now-icon {
      background-image: url(images/sprite-sheet.png);
      background-position: -495px -78px;
      width: 19px;
      height: 18px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .single .post .entry .buy-it-now-button.green-filled .buy-it-now-icon, .single .post .entry .buy-it-now-button.red-filled-hover-full .buy-it-now-icon {
          background-image: url(images/sprite-sheet@2x.png);
          background-size: 515px 463px; } }
  .single .post .entry .two-buy-buttons {
    margin-bottom: 32px; }
    @media (max-width: 768px) {
      .single .post .entry .two-buy-buttons {
        padding-left: 25px;
        padding-right: 25px; } }
    @media (max-width: 480px) {
      .single .post .entry .two-buy-buttons {
        padding-left: 12px;
        padding-right: 12px; } }
    .single .post .entry .two-buy-buttons .buy-it-now-button {
      display: flex;
      justify-content: center;
      margin-bottom: 12px; }
  .single .post .entry .open-list-footer {
    margin-top: 12px;
    margin-bottom: 15px;
    padding: 0;
    background: var(--post-background);
    border: none;
    height: inherit; }
    .single .post .entry .open-list-footer .download-button {
      display: block;
      width: 75px;
      line-height: 16px; }
    .single .post .entry .open-list-footer .source-author-icon {
      background-image: url(images/sprite-sheet.png);
      background-position: -214px -392px;
      width: 30px;
      height: 30px;
      display: block;
      float: left;
      margin-top: -3px;
      margin-right: 5px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .single .post .entry .open-list-footer .source-author-icon {
          background-image: url(images/sprite-sheet@2x.png);
          background-size: 515px 463px; } }
      @media (max-width: 979px) {
        .single .post .entry .open-list-footer .source-author-icon {
          float: none;
          margin: 0 auto; } }
    .single .post .entry .open-list-footer .share-count {
      position: absolute;
      background-image: url("images/sprite.png?upd=6");
      background-position: -0em -47.25em;
      background-size: 6.250em 125em;
      min-width: 2.2em;
      line-height: 2.8em;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px;
      border-right: 1px solid #898f9c;
      margin: 0.03em 0 0 0;
      top: -0.01em;
      right: -3.2em;
      color: var(--black);
      font-size: 0.8em;
      padding-left: 0.55em;
      padding-right: 0.25em;
      text-align: center; }
    .single .post .entry .open-list-footer .comments-count {
      border-left: 1px solid #efefef;
      border-right: 1px solid #efefef; }
      .single .post .entry .open-list-footer .comments-count a {
        margin: 0.8em 0.938em 0.938em 0.938em; }
    .single .post .entry .open-list-footer .left {
      margin-top: 0;
      display: block;
      height: auto; }
    .single .post .entry .open-list-footer .left .fb-custom-share-mobile {
      position: relative;
      float: left;
      background-color: #3b589e;
      color: var(--white);
      font-weight: 400;
      margin: 0.3em 0.75em 0 1.5em;
      padding: 0.25em 0.6em 0.25em 0.25em;
      line-height: 1.6em;
      font-size: 1em; }
      .single .post .entry .open-list-footer .left .fb-custom-share-mobile i {
        float: left;
        background-image: url("images/sprite.png?upd=6");
        background-position: -0em -32em;
        background-size: 6.250em 125em;
        width: 1.6em;
        height: 1.6em;
        margin: 0.03em 0.5em 0 0; }
    .single .post .entry .open-list-footer .vote-panel .vote {
      height: auto; }
    .single .post .entry .open-list-footer .vote-panel .points {
      display: block;
      line-height: 34px;
      margin-left: 2px;
      font-size: 14px;
      color: var(--gray-800);
      font-weight: 500; }
      .single .post .entry .open-list-footer .vote-panel .points span {
        font-weight: normal;
        color: var(--gray-400); }
  .single .post .entry .single-top-ad {
    float: left;
    min-height: 320px;
    min-width: 442px;
    position: relative;
    z-index: 2; }
    @media (max-width: 480px) {
      .single .post .entry .single-top-ad {
        display: none; } }
  .single .post .entry video:not(.jw-video) {
    max-width: 100%;
    height: auto; }
  .single .post .entry p, .single .post .entry ul {
    position: relative;
    clear: none;
    float: none;
    word-wrap: break-word;
    -ms-word-break: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    padding: 0 0 12px 0;
    color: var(--on-bg-dark);
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    font-size: 18px;
    line-height: 28px;
    text-align: left !important; }
    @media (max-width: 480px) {
      .single .post .entry p, .single .post .entry ul {
        padding-bottom: 20px; } }
  .single .post .entry .jwplayer {
    margin: 0 0 12px 0; }
    @media (max-width: 480px) {
      .single .post .entry .jwplayer {
        margin-bottom: 20px; } }
  .single .post .entry p.open-list-media-container {
    padding-bottom: 0; }
  .single .post .entry ul {
    list-style-position: inside; }
  .single .post .entry h2 {
    clear: both;
    font-family: Merriweather, serif;
    color: var(--on-bg-dark);
    font-size: 1.5em;
    line-height: 1.4;
    padding: 0.5em 0 0.3em 0;
    display: block;
    word-wrap: break-word;
    -ms-word-break: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    text-align: left !important; }
    .single .post .entry h2 a {
      float: none;
      margin: 0;
      font-size: 24px;
      display: block; }
      @media (max-width: 480px) {
        .single .post .entry h2 a {
          font-size: 20px; } }
      .single .post .entry h2 a.link-in-heading {
        display: inline-block;
        color: var(--orange-150);
        font-size: inherit; }
    .single .post .entry h2.open-list-header .open-list-new-item {
      background: var(--black);
      color: var(--white);
      text-transform: uppercase;
      font-family: Arial;
      font-size: 0.5em;
      line-height: 100%;
      padding: 0.3em 0.6em;
      display: inline-block;
      vertical-align: top;
      margin: 0.3em 0.7em 0.1em 0; }
  .single .post .entry h3 {
    clear: both;
    font-family: Merriweather, serif;
    color: var(--on-bg-dark);
    font-size: 1.35em;
    line-height: 1.4;
    padding: 0.5em 0 0.3em 0;
    display: block;
    word-wrap: break-word;
    -ms-word-break: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    text-align: left !important; }
  .single .post .entry .post-footer-success-story {
    margin: 10px 0;
    padding-top: 15px;
    border-top: 1px solid var(--gray-200); }
    @media (max-width: 480px) {
      .single .post .entry .post-footer-success-story {
        border-top: none;
        padding-top: 0;
        padding-bottom: 15px; } }
  .single .post .entry .post-mobile-ad-within-content {
    float: left;
    display: none;
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: 1em 0 1em; }
    .single .post .entry .post-mobile-ad-within-content .dfp-ad-300 {
      margin: 0 auto;
      width: 300px; }
    .single .post .entry .post-mobile-ad-within-content .dfp-ad-320 {
      margin: 0 auto;
      width: 320px; }
    .single .post .entry .post-mobile-ad-within-content.in-content-margin {
      margin: 0.25em 0 1em; }
    @media (max-width: 480px) {
      .single .post .entry .post-mobile-ad-within-content {
        display: block;
        float: none; } }
  .single .post .entry .post-desktop-ad-within-content {
    display: none;
    margin-bottom: 12px;
    width: 100%;
    text-align: center; }
    .single .post .entry .post-desktop-ad-within-content.margin-left {
      margin-left: -13.5px;
      width: 728px; }
      .single .post .entry .post-desktop-ad-within-content.margin-left.wide-post {
        margin-left: -45px;
        width: 970px;
        overflow: hidden; }
    @media (min-width: 979px) {
      .single .post .entry .post-desktop-ad-within-content {
        display: inline-block; }
        .single .post .entry .post-desktop-ad-within-content.double-ad {
          display: flex;
          flex-direction: row;
          justify-content: space-between; }
          .single .post .entry .post-desktop-ad-within-content.double-ad .left, .single .post .entry .post-desktop-ad-within-content.double-ad .right {
            min-width: 300px; } }
  .single .post .entry .post-tablet-ad-within-content {
    display: inline-block;
    margin-bottom: 12px;
    width: 100%;
    text-align: center; }
    .single .post .entry .post-tablet-ad-within-content.margin-left {
      margin-left: -13.5px;
      width: 728px; }
      .single .post .entry .post-tablet-ad-within-content.margin-left.wide-post {
        margin-left: -45px;
        width: 970px;
        overflow: hidden; }
    @media (max-width: 480px) {
      .single .post .entry .post-tablet-ad-within-content {
        display: none; } }
  .single .post .entry .embed-container {
    text-align: center; }
  .single .post .entry .twitter-embed-container {
    margin: 0 auto;
    max-width: 500px; }
  .single .post .entry .amazon-embed {
    display: flex;
    justify-content: center; }
  .single .post .entry .video-container {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 0.75em; }
    @media (max-width: 768px) {
      .single .post .entry .video-container.square {
        padding-bottom: 100%; } }
    .single .post .entry .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .single .post .entry .open-list-item .video-container {
    display: block;
    margin-bottom: 0; }
  @media (min-width: 979px) {
    .single .post .entry .disclaimer-link-block {
      padding-bottom: 20px; } }
  .single .post .entry .disclaimer-link-block .disclaimer-link {
    color: #949494;
    font-weight: normal;
    font-style: italic;
    font-size: 14px; }
    .single .post .entry .disclaimer-link-block .disclaimer-link a {
      text-decoration: underline;
      color: #949494; }
  @media (min-width: 979px) {
    .single .post .entry .disclaimer-block-no-padding {
      padding-bottom: 0 !important; } }
  .single .post .entry .affiliate-links-block {
    display: none;
    min-height: 60px; }
    @media (min-width: 979px) {
      .single .post .entry .affiliate-links-block {
        padding-bottom: 20px; } }
    .single .post .entry .affiliate-links-block .affiliate-links {
      color: #949494;
      font-weight: normal;
      font-style: italic;
      font-size: 14px; }
      .single .post .entry .affiliate-links-block .affiliate-links a {
        text-decoration: underline;
        color: #949494; }
  .single .post .entry .affiliate-links-block.remove-whitespace {
    min-height: unset;
    padding-bottom: 0; }
  .single .post .entry .single-image-container {
    text-align: center;
    clear: both; }
  .single .post .entry .attachment-link-container {
    text-align: center;
    clear: both;
    padding-bottom: 0;
    margin-bottom: 0.75em; }
    .single .post .entry .attachment-link-container .fb-like {
      display: none !important;
      position: absolute;
      right: 1.3em;
      bottom: 1.55em; }
      .single .post .entry .attachment-link-container .fb-like:hover {
        display: block !important; }
    .single .post .entry .attachment-link-container .pin-it,
    .single .post .entry .attachment-link-container > a[data-pin-href],
    .single .post .entry .attachment-link-container > span[data-pin-href] {
      display: none !important;
      position: absolute !important;
      right: 9em !important;
      bottom: 1.55em !important;
      height: 20px !important;
      z-index: 2; }
      .single .post .entry .attachment-link-container .pin-it:hover,
      .single .post .entry .attachment-link-container > a[data-pin-href]:hover,
      .single .post .entry .attachment-link-container > span[data-pin-href]:hover {
        display: block !important; }
    .single .post .entry .attachment-link-container > span[data-pin-href] {
      bottom: 2em !important; }
    .single .post .entry .attachment-link-container:hover .fb-like {
      display: block !important; }
    .single .post .entry .attachment-link-container:hover .pin-it,
    .single .post .entry .attachment-link-container:hover a[data-pin-href],
    .single .post .entry .attachment-link-container:hover span[data-pin-href] {
      display: block !important; }
  .single .post .entry.single-media-entry .attachment-link-container {
    padding-bottom: 6px; }
  .single .post .entry.single-media-entry .post-content-description {
    padding-top: 10px; }
  .single .post .entry.single-media-entry .post-content-source {
    display: none; }
  .single .post .entry img {
    width: 100%;
    max-width: 100%;
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    z-index: 4;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
    .single .post .entry img.vue-advanced-cropper__image {
      margin: 0; }
  .single .post .entry .dfp-ad img {
    width: auto; }
  .single .post .entry .additional-image {
    margin-top: 1em; }
  .single .post .entry .open-list-top-thumbs {
    margin: 1em 0;
    width: 101.5%; }
    .single .post .entry .open-list-top-thumbs li {
      float: left;
      list-style: none;
      margin: 0 0.5em 0 0;
      width: 15.45%; }
  .single .post .entry .post-content-description {
    padding-bottom: 15px; }
    .single .post .entry .post-content-description.edit-challenge-button {
      padding-bottom: 0; }
    .single .post .entry .post-content-description.text-open-list {
      padding-bottom: 8px; }
      .single .post .entry .post-content-description.text-open-list .bordered-description {
        width: 100%;
        display: block;
        background-color: var(--post-background);
        color: var(--on-dark-bg);
        -webkit-box-shadow: 1px 0.732px 10px 3px rgba(0, 0, 0, 0.071);
        box-shadow: 1px 0.732px 10px 3px rgba(0, 0, 0, 0.071);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        padding: 35px;
        box-sizing: border-box;
        font-family: Merriweather, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 26px; }
        .single .post .entry .post-content-description.text-open-list .bordered-description.with-image {
          -webkit-border-radius: 0 0 5px 5px;
          -moz-border-radius: 0 0 5px 5px;
          -ms-border-radius: 0 0 5px 5px;
          -o-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px; }
    .single .post .entry .post-content-description.submission-description .bordered-description {
      width: 100%;
      display: block;
      background-color: var(--post-background);
      color: var(--on-dark-bg);
      -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.071);
      box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.071);
      -webkit-border-radius: 0 0 5px 5px;
      -moz-border-radius: 0 0 5px 5px;
      -ms-border-radius: 0 0 5px 5px;
      -o-border-radius: 0 0 5px 5px;
      border-radius: 0 0 5px 5px;
      padding: 35px;
      box-sizing: border-box;
      text-align: justify; }
      .single .post .entry .post-content-description.submission-description .bordered-description p {
        padding-left: 0;
        padding-right: 0; }
        .single .post .entry .post-content-description.submission-description .bordered-description p:last-child {
          padding-bottom: 0; }
    @media (max-width: 480px) {
      .single .post .entry .post-content-description.submission-description {
        padding: 0; }
        .single .post .entry .post-content-description.submission-description .bordered-description {
          box-shadow: none;
          -webkit-box-shadow: none;
          padding: 12px;
          border-bottom: 1px solid var(--gray-100);
          -webkit-border-radius: 0px;
          -moz-border-radius: 0px;
          -ms-border-radius: 0px;
          -o-border-radius: 0px;
          border-radius: 0px; } }
  .single .post .entry .single-open-list-image-container .post-content-description.text-submission {
    padding-top: 15px; }
  .single .post .entry .post-content-source {
    text-align: left; }
  .single .post .entry .post-ad-within-content div {
    margin: 0 auto; }
  .single .post .entry .append-open-list-thumb .append-plus {
    font-size: 5em; }

.single .post .full-article {
  display: block;
  text-align: center;
  background-color: var(--orange-150);
  color: white;
  padding: 0 1.2em 0 1.2em;
  line-height: 46px;
  font-size: 16px;
  font-weight: 500;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  @media (max-width: 979px) {
    .single .post .full-article {
      height: 40px;
      line-height: 40px;
      font-size: 16px;
      margin: inherit;
      padding: inherit;
      background-color: inherit;
      color: var(--orange-150); } }

.single .post .post-recommendations {
  padding: 1.6em 1.562em 1em 1.562em; }

.single .post .outbrain-widget {
  padding: 25px 1.562em 0 1.562em; }
  .single .post .outbrain-widget.related-video {
    padding-top: 20px; }
    .single .post .outbrain-widget.related-video .video-block {
      width: 100%;
      padding-bottom: 56.25%;
      height: 0;
      position: relative; }
      .single .post .outbrain-widget.related-video .video-block video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: black; }
    .single .post .outbrain-widget.related-video h2 {
      font-family: Merriweather, serif;
      font-weight: bold;
      font-size: 1.875em;
      color: var(--black);
      text-transform: capitalize;
      line-height: 1.3;
      border-bottom: 1px solid var(--gray-200);
      padding: 0 0 15px 0;
      margin-bottom: 10px; }
    .single .post .outbrain-widget.related-video p {
      padding-top: 10px; }
    @media (max-width: 480px) {
      .single .post .outbrain-widget.related-video h2, .single .post .outbrain-widget.related-video p {
        padding-left: 0;
        padding-right: 0; } }

.single .post .open-list-recommendations .outbrain-widget.related-video {
  padding-top: 0; }

.single .post .footer {
  background: #f7f7f7;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada; }

.single .post .gallery-content img {
  width: auto;
  display: block; }

.single:not(.single-open-list-post) footer.footer {
  margin-top: 40px; }

.single.wide-post .posts {
  width: 100%;
  margin-right: 0; }

.single.wide-post:not(.single.wide-post.bp-com.post-template-default):not(.single.wide-post.bp-news.post-template-default) .left-content-column {
  width: 100%;
  margin-right: 0; }

.single.wide-post:not(.single.wide-post.bp-com.post-template-default):not(.single.wide-post.bp-news.post-template-default) .main {
  max-width: 970px; }

@media (max-width: 1289px) {
  .single.wide-post.bp-com.post-template-default .left-content-column, .single.wide-post.bp-news.post-template-default .left-content-column {
    width: 100%;
    margin-right: 0; } }

@media (min-width: 1290px) {
  .single.wide-post.bp-com.post-template-default .main, .single.wide-post.bp-news.post-template-default .main {
    max-width: 1290px; }
  .single.wide-post.bp-com.post-template-default .scrollable-categories-list, .single.wide-post.bp-news.post-template-default .scrollable-categories-list {
    max-width: 620px !important; } }

.single.wide-post .scrollable-categories-list {
  max-width: 390px !important; }

.single.wide-post .post-ad-within-content {
  float: left;
  display: block;
  width: 100%;
  text-align: center;
  margin: 1em 0 1em; }
  .single.wide-post .post-ad-within-content img {
    width: auto !important; }

.single.wide-post .share-your-story h5 {
  margin-left: 123px;
  font-size: 30px; }

.single.wide-post .share-your-story ul {
  margin-left: 257px;
  max-width: 500px; }

.single.wide-post .share-your-story .add-post {
  bottom: 27px;
  right: 22px; }

.single.wide-post .bottom-separate-line-ad {
  display: block;
  float: left;
  width: 100%;
  text-align: center;
  margin: 0 0 40px; }

@media (min-width: 979px) {
  .single.wide-post .post-recommendations {
    padding: 0 2.750em 1em 2.750em; }
  .single.wide-post .outbrain-widget {
    padding: 25px 2.75em 0; } }

@media (min-width: 769px) {
  .single.wide-post .post h1,
  .single.wide-post .post .post-title {
    margin-right: 0.32em;
    font-size: 2.5em; }
  .single.wide-post .post-info-block {
    padding: 0 45px 0 45px; }
  .single.wide-post .post .entry {
    padding: 0 45px 0 45px; }
  .single.wide-post .post .categories-list.in-post {
    padding: 35px 45px 0; }
  .single.wide-post .post .title-container {
    padding: 12px 45px 20px 45px; }
  .single.wide-post .post .entry h2 {
    font-size: 24px;
    padding: 5px 0 10px 0;
    line-height: 28px; }
  .single.wide-post .post .footer .right {
    margin-right: 0; }
  .single.wide-post .post-recommendations {
    padding: 1.6em 2.750em 1em 2.750em; }
  .single.wide-post .post-comments {
    padding: 0 2.750em 1em 2.750em;
    margin-top: 10px; }
  .single.wide-post .reader-submissions {
    padding: 0 2.750em 1em 2.750em;
    margin-top: 10px; }
  .single.wide-post .single-post-author {
    padding: 40px 2.750em 40px 2.750em;
    margin-left: 45px;
    margin-right: 45px; } }

.single .post-info-block {
  margin: 0 0 5px; }
  .single .post-info-block a {
    display: inline-block; }
  .single .post-info-block .left.post-info {
    font-size: 14px;
    color: var(--gray-600);
    font-weight: bold; }
    .single .post-info-block .left.post-info img {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      float: left;
      margin-right: 5px; }
    .single .post-info-block .left.post-info p {
      margin-right: 20px; }
      .single .post-info-block .left.post-info p span {
        font-weight: 400;
        color: var(--gray-400);
        margin-left: 2px; }
      .single .post-info-block .left.post-info p a {
        color: inherit; }
    .single .post-info-block .left.post-info i {
      color: var(--gray-400);
      padding-right: 5px;
      display: inline-block; }
      .single .post-info-block .left.post-info i svg.icon-open-list-views {
        margin-top: 2px; }
      .single .post-info-block .left.post-info i svg.icon-open-list-clock {
        margin-top: 1px; }
      .single .post-info-block .left.post-info i svg.icon-category {
        width: 16px;
        height: 16px; }
    .single .post-info-block .left.post-info .author-link {
      font-weight: normal; }
      .single .post-info-block .left.post-info .author-link a {
        margin-left: 3px;
        color: var(--orange-150); }
    .single .post-info-block .left.post-info.post-authors {
      display: flex;
      position: relative; }
      .single .post-info-block .left.post-info.post-authors .post-authors-links {
        line-height: 30px;
        font-weight: 500; }
        @media (min-width: 481px) {
          .single .post-info-block .left.post-info.post-authors .post-authors-links br {
            display: none; } }
      .single .post-info-block .left.post-info.post-authors .post-author-link {
        line-height: 17px;
        font-weight: 500;
        display: flex;
        flex-direction: column;
        gap: 2px; }
  .single .post-info-block .right:not(.spanish-panda) {
    float: right;
    width: 45%;
    text-align: right; }
    @media (min-width: 480px) {
      .single .post-info-block .right:not(.spanish-panda):before {
        content: 'Like Bored Panda on FB:';
        color: var(--gray-500);
        font-size: 14px;
        font-weight: 400;
        display: inline-block;
        vertical-align: middle;
        padding-right: 10px; } }
    @media (max-width: 480px) {
      .single .post-info-block .right:not(.spanish-panda) {
        width: 35%; } }
    @media (max-width: 620px) {
      .single .post-info-block .right:not(.spanish-panda) {
        width: 70%; } }
    .single .post-info-block .right:not(.spanish-panda) div {
      float: right; }
    .single .post-info-block .right:not(.spanish-panda).view-full-list {
      width: auto; }
      .single .post-info-block .right:not(.spanish-panda).view-full-list a {
        font-weight: bold; }
  .single .post-info-block .right.spanish-panda {
    float: right;
    width: 45%;
    text-align: right; }
    @media (min-width: 480px) {
      .single .post-info-block .right.spanish-panda:before {
        content: 'Síguenos en Facebook:';
        color: var(--gray-500);
        font-size: 14px;
        font-weight: 400;
        display: inline-block;
        vertical-align: middle;
        padding-right: 10px; } }
    @media (max-width: 480px) {
      .single .post-info-block .right.spanish-panda {
        width: 35%; } }
    .single .post-info-block .right.spanish-panda div {
      float: right; }
    .single .post-info-block .right.spanish-panda.view-full-list {
      width: auto; }
      .single .post-info-block .right.spanish-panda.view-full-list a {
        font-weight: bold; }

@media (min-width: 769px) {
  .single.single-open-list-item .post .post-title {
    padding-top: 40px; } }

.single .post-info-block-top {
  margin-bottom: 0; }

.single .post-info p {
  float: left;
  margin: 0;
  line-height: 20px; }

.single .post-info .views-count {
  font-size: 1.313em;
  font-weight: bold;
  color: #616161;
  margin-right: 20px; }
  .single .post-info .views-count span {
    margin-left: 3px; }

.single .post-info .open-list-badge-inside {
  position: relative;
  float: left;
  background: var(--orange-150);
  color: var(--white);
  padding: 0.25em 1em 0.3em 1.2em;
  margin: 0.1em 1em 0 1.2em;
  display: inline-block; }
  .single .post-info .open-list-badge-inside.closed-bg {
    background: #ccc; }

.single .post-info .open-list-icon {
  position: absolute;
  top: -4px;
  left: -20px;
  display: block;
  background: url(images/sprite.png?upd=6) no-repeat;
  background-position: 0 -592px;
  background-size: 50px 1000px;
  width: 38px;
  height: 38px; }

.single .post-info .open-list-submissions-count {
  float: left;
  padding: 0.4em 0; }

.single .post-info .author-time {
  margin-top: 2px;
  font-size: 0.875em;
  font-weight: 500;
  color: #616161; }
  .single .post-info .author-time a {
    margin-left: 5px; }

.single.narrow-post .bp-container {
  max-width: 985px; }
  .single.narrow-post .bp-container .top-level-navigation .scrollable-nav .scrollable-categories-list {
    max-width: 417px !important; }
  .single.narrow-post .bp-container .post-info-block, .single.narrow-post .bp-container .presented-by-sponsor {
    padding: 0 30px 0 30px; }
  .single.narrow-post .bp-container .post .entry, .single.narrow-post .bp-container footer.footer {
    padding-right: 30px;
    padding-left: 30px; }
  @media (max-width: 768px) {
    .single.narrow-post .bp-container .post .entry {
      padding-left: 0;
      padding-right: 0; }
    .single.narrow-post .bp-container footer.footer {
      padding-right: 25px;
      padding-left: 25px; } }
  @media (max-width: 480px) {
    .single.narrow-post .bp-container .post-info-block, .single.narrow-post .bp-container .presented-by-sponsor {
      padding: 0 12px 0 12px; }
    .single.narrow-post .bp-container footer.footer {
      padding: 0 12px; } }

.single.narrow-post footer.footer .left-mobile {
  display: block; }

.single.narrow-post footer.footer .left {
  display: none; }

.single.narrow-post footer.footer.post-shares-footer:not(.mobile) .left {
  display: block; }

.single footer {
  padding-left: 30px;
  padding-right: 30px; }

.single.narrow-post-700 .bp-container {
  max-width: 1075px; }
  @media (min-width: 769px) {
    .single.narrow-post-700 .bp-container .post footer.footer {
      padding-right: 28px;
      padding-left: 27px; }
    .single.narrow-post-700 .bp-container .post .entry {
      padding: 0 28px 4px 27px; } }
  .single.narrow-post-700 .bp-container .post-info-block, .single.narrow-post-700 .bp-container .presented-by-sponsor {
    padding: 0 28px 0 27px; }
  @media (max-width: 480px) {
    .single.narrow-post-700 .bp-container .post-info-block, .single.narrow-post-700 .bp-container .presented-by-sponsor {
      padding: 0 12px 0 12px; } }

@media (max-width: 480px) {
  .single .post-info .views-count {
    width: 100%; }
  .single .post-info .author-time {
    margin-left: 0;
    width: 100%; }
  .single .post .footer {
    font-size: 110%; }
  .single .post-info-block .left {
    width: 65%; }
  .single.wide-post .post-ad-within-content {
    display: none; } }

@media (max-width: 768px) {
  .single .post .post-info-block {
    padding: 0 25px 0 25px; }
  .single .post .entry {
    padding-left: 0;
    padding-right: 0; }
    .single .post .entry .open-list-top-thumbs {
      padding-left: 1.86777em;
      padding-right: 1.86777em; }
    .single .post .entry .append-open-list, .single .post .entry .open-list-add-form {
      display: none; }
    .single .post .entry .append-open-list.mobile {
      display: block; }
    .single .post .entry .append-open-list-thumb {
      display: none; }
    .single .post .entry .single-top-ad {
      padding-left: 25px; }
    .single .post .entry p {
      padding-left: 25px;
      padding-right: 25px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .single .post .entry ul {
      padding-left: 25px;
      padding-right: 25px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .single .post .entry h2 {
      padding-left: 25px;
      padding-right: 25px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .single .post .entry h3 {
      padding-left: 25px;
      padding-right: 25px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .single .post .entry .open-list-media-container {
      position: relative;
      padding-left: 0;
      padding-right: 0; }
    .single .post .entry .open-list-comments {
      width: 90%;
      margin: 0 5%; }
      .single .post .entry .open-list-comments .comment-text {
        font-size: 0.8em; }
      .single .post .entry .open-list-comments .comment p {
        padding-left: 0;
        padding-right: 0; }
    .single .post .entry .open-list-info-block li {
      display: block;
      padding: 0; }
      .single .post .entry .open-list-info-block li:before {
        content: "";
        padding: 0; }
      .single .post .entry .open-list-info-block li p {
        padding: 0; }
    .single .post .entry .open-list-footer {
      margin-top: 0; }
  .single .post .footer {
    margin-top: 0;
    padding-right: 25px;
    padding-left: 25px; }
  .single.wide-post .post-ad-within-content {
    display: none; }
  .single.wide-post .bottom-separate-line-ad {
    display: none; }
  .single .post-info .open-list-badge-inside {
    display: block;
    margin-bottom: 1em;
    text-align: center; } }

@media (min-width: 769px) and (max-width: 979px) {
  .single.wide-post .post-ad-within-content {
    display: none; } }

@media (max-width: 421px) {
  .single .post .entry .single-top-ad {
    display: none; } }

@media (max-width: 665px) {
  .single.wide-post .post-subscribe-facebook {
    display: none; }
  .single .post .entry .single-top-ad {
    float: none;
    margin-top: 0; } }

/*
  Post bottom list (trending and popular lists below post)
*/
.post-bottom-title {
  font-size: 29px;
  line-height: 1.2;
  font-family: Merriweather, serif;
  font-weight: bold;
  color: var(--on-bg-dark);
  border-bottom: 1px solid var(--border-text-input);
  padding: 0 0 0.4em 0;
  margin: 1.688em 0 1em 0;
  display: block; }
  @media (max-width: 480px) {
    .post-bottom-title {
      font-size: 24px; } }

.post-bottom-list .box {
  display: block;
  position: relative;
  float: left;
  background: var(--bg-recommendation-box);
  -webkit-box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false);
  -moz-box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false);
  box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  width: 30.9278%;
  margin-right: 3.608%;
  margin-bottom: 3.608%;
  overflow: hidden; }
  .post-bottom-list .box.every3 {
    margin-right: 0; }
  .post-bottom-list .box img {
    width: 100%;
    max-width: 100%;
    height: auto;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0; }
  .post-bottom-list .box .sponsored {
    background: var(--white);
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 4px;
    -webkit-border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
    -ms-border-radius: 0 3px 0 0;
    -o-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0; }
  .post-bottom-list .box .box-title {
    display: table-cell;
    vertical-align: middle;
    font-family: Merriweather, serif;
    font-weight: bold;
    font-size: 0.9em;
    line-height: 1.4;
    height: 5.5em;
    color: var(--on-bg-dark);
    padding: 0.3em 1em 0.3em 1em;
    text-transform: capitalize; }

@media (max-width: 979px) {
  .post-bottom-list .box {
    -webkit-box-shadow: compact(0 1px 0 #ccc, false, false, false, false, false, false, false, false, false);
    -moz-box-shadow: compact(0 1px 0 #ccc, false, false, false, false, false, false, false, false, false);
    box-shadow: compact(0 1px 0 #ccc, false, false, false, false, false, false, false, false, false); } }

.post-bottom-list .box-ad {
  text-align: center;
  padding: 0;
  background: none;
  -webkit-box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
  -moz-box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
  box-shadow: compact(none, false, false, false, false, false, false, false, false, false); }
  .post-bottom-list .box-ad div {
    margin: 0 auto; }
  .post-bottom-list .box-ad p {
    background: var(--white);
    padding: 0.25em 0;
    margin: 0 0.15em;
    margin-bottom: 0.2em; }
  @media (max-width: 768px) {
    .post-bottom-list .box-ad {
      display: none; } }

@media (min-width: 769px) and (max-width: 979px) {
  .post-bottom-list .box-ad {
    padding: 0.8em 0; }
    .post-bottom-list .box-ad p {
      display: none; } }

@media (max-width: 768px) {
  .post-bottom-list .box-ad {
    padding: 0.8em 0; }
    .post-bottom-list .box-ad p {
      display: none; }
  .post-bottom-list .box .box-title {
    font-size: 0.9em; } }

@media (max-width: 480px) {
  .post-bottom-list .box .box-title {
    font-size: 0.9em; } }

@media (max-width: 480px) {
  .post-bottom-list .box {
    margin-right: 2.83%;
    margin-bottom: 2.83%;
    width: 48.585%; }
    .post-bottom-list .box .box-title {
      font-size: 1.2em; }
    .post-bottom-list .box.every3 {
      margin-right: 2.83%; }
    .post-bottom-list .box.every2 {
      margin-right: 0; }
  .post-bottom-list .clear {
    display: none; } }

.post-recommendations .title, .post-recommendations h3 {
  font-family: Merriweather, serif;
  font-weight: bold;
  font-size: 1.875em;
  color: var(--on-bg-dark);
  border-bottom: 1px solid var(--border-text-input);
  margin-bottom: 0.867em;
  padding-bottom: 0.5em;
  line-height: 1.1em;
  display: block; }

.post-recommendations .recommended-posts .new-variation-0, .post-recommendations .recommended-posts .new-variation-1 {
  display: none; }

.post-recommendations .recommended-posts .box {
  width: 31%;
  margin-right: 3.5%;
  margin-bottom: 2%;
  box-shadow: none;
  background: none; }
  .post-recommendations .recommended-posts .box .landscape {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
  .post-recommendations .recommended-posts .box.every3 {
    margin-right: 0; }
  .post-recommendations .recommended-posts .box.mobile-only {
    display: none; }
  .post-recommendations .recommended-posts .box .box-title {
    vertical-align: top;
    padding: 0.7em 0 0 0;
    font-size: 1em;
    line-height: 1.6; }
    .post-recommendations .recommended-posts .box .box-title:hover {
      color: var(--orange-150); }
  .post-recommendations .recommended-posts .box .portrait {
    display: none; }
  .post-recommendations .recommended-posts .box .landscape {
    display: block; }

@media (max-width: 480px) {
  .post-recommendations .recommended-posts .box {
    margin-right: 0;
    margin-bottom: 7%;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
    .post-recommendations .recommended-posts .box img {
      float: left;
      width: 30%;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; }
    .post-recommendations .recommended-posts .box .portrait {
      display: inline-block; }
    .post-recommendations .recommended-posts .box .landscape {
      display: none; }
    .post-recommendations .recommended-posts .box .title-link {
      display: table;
      height: 90px; }
    .post-recommendations .recommended-posts .box .box-title {
      width: 65%;
      padding-top: 0;
      height: auto;
      font-size: 13px;
      display: table-cell;
      vertical-align: middle;
      float: none;
      padding-left: 15px; }
    .post-recommendations .recommended-posts .box.every3 {
      margin-right: 0; }
  .post-recommendations .recommended-posts .clear {
    display: none; } }

.post-recommendations .recommended-posts.desktop-B .box .box-title {
  color: var(--orange-150);
  text-decoration: underline; }
  .post-recommendations .recommended-posts.desktop-B .box .box-title:hover {
    color: var(--gray-800);
    text-decoration: none; }

/*
  Post subscribe / Facebook like boxes in single post page. Below post.
*/
.newsletter-page-form {
  max-width: 760px;
  margin: 60px auto 0; }

.post-bottom-subscribe-form {
  margin-bottom: 20px;
  height: auto;
  border-radius: 3px;
  background: var(--green-300); }
  @media (max-width: 480px) {
    .post-bottom-subscribe-form {
      margin-left: 12px;
      margin-right: 12px; } }
  .post-bottom-subscribe-form .header-block {
    padding: 24px 8px 25px 32px;
    height: 105px;
    border-bottom: 1px solid var(--gray-0-30); }
    @media (max-width: 500px) {
      .post-bottom-subscribe-form .header-block {
        font-size: 20px;
        padding: 24px 3px 11px 16px;
        height: 80px; } }
    @media (max-width: 334px) {
      .post-bottom-subscribe-form .header-block {
        height: 106px; } }
    .post-bottom-subscribe-form .header-block .above-title {
      display: inline-flex;
      padding: 3px 10px;
      justify-content: center;
      align-items: center;
      gap: 8px;
      border-radius: 100px;
      background: var(--white); }
      .post-bottom-subscribe-form .header-block .above-title span {
        color: var(--green-300);
        font-family: Roboto;
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: normal; }
    .post-bottom-subscribe-form .header-block .title {
      padding-top: 8px;
      width: 412px;
      height: 76px;
      flex-shrink: 0;
      color: var(--white);
      font-family: Merriweather;
      font-size: 30px;
      font-style: normal;
      font-weight: 700;
      line-height: normal; }
      @media (max-width: 500px) {
        .post-bottom-subscribe-form .header-block .title {
          font-size: 20px;
          width: unset;
          height: unset; } }
    .post-bottom-subscribe-form .header-block .panda-logo {
      margin-top: 8px;
      background: url("images/icons/subscription-panda.svg") no-repeat;
      background-size: 150px 122px;
      width: 150px;
      height: 122px;
      flex-shrink: 0;
      float: right; }
      @media (max-width: 583px) {
        .post-bottom-subscribe-form .header-block .panda-logo {
          width: 97px;
          height: 88.512px;
          background-size: 97px 88.512px; } }
      @media (max-width: 334px) {
        .post-bottom-subscribe-form .header-block .panda-logo {
          margin-top: 34px; } }
  @media (max-width: 1034px) {
    .post-bottom-subscribe-form.es-mode .header-block {
      height: 134px; }
      .post-bottom-subscribe-form.es-mode .header-block .panda-logo {
        margin-top: 38px; } }
  @media (max-width: 583px) {
    .post-bottom-subscribe-form.es-mode .header-block {
      height: 85px; }
      .post-bottom-subscribe-form.es-mode .header-block .panda-logo {
        margin-top: 27px; } }
  @media (max-width: 500px) {
    .post-bottom-subscribe-form.es-mode .header-block {
      height: 110px; }
      .post-bottom-subscribe-form.es-mode .header-block .panda-logo {
        margin-top: 38px; } }
  .post-bottom-subscribe-form.es-mode .header-block .title {
    width: 510px;
    font-size: 28px; }
    @media (max-width: 583px) {
      .post-bottom-subscribe-form.es-mode .header-block .title {
        font-size: 20px;
        width: unset;
        height: unset; } }
    @media (max-width: 390px) {
      .post-bottom-subscribe-form.es-mode .header-block .title {
        font-size: 17px; } }
  @media (max-width: 339px) {
    .post-bottom-subscribe-form.es-mode .content .success-message {
      padding: 12px 16px 5px 16px !important; } }
  .post-bottom-subscribe-form .content {
    padding: 32px; }
    @media (max-width: 500px) {
      .post-bottom-subscribe-form .content {
        padding: 32px 16px 24px 16px; } }
    .post-bottom-subscribe-form .content .subscription-options {
      display: flex;
      gap: 16px; }
      @media (max-width: 500px) {
        .post-bottom-subscribe-form .content .subscription-options {
          display: grid; } }
      .post-bottom-subscribe-form .content .subscription-options .subscription-option {
        cursor: pointer;
        display: flex;
        width: 33%;
        align-items: center;
        gap: 12px;
        border: 1px solid var(--gray-0-15);
        border-radius: 4px;
        background: var(--gray-0-15); }
        @media (max-width: 500px) {
          .post-bottom-subscribe-form .content .subscription-options .subscription-option {
            width: auto; } }
        .post-bottom-subscribe-form .content .subscription-options .subscription-option.checked {
          border: 1px solid #FFF; }
        .post-bottom-subscribe-form .content .subscription-options .subscription-option .checkbox-block {
          border-right: 1px solid var(--gray-0-50); }
        .post-bottom-subscribe-form .content .subscription-options .subscription-option .option-title {
          color: var(--white);
          font-family: Roboto;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
        .post-bottom-subscribe-form .content .subscription-options .subscription-option input[type="checkbox"] {
          margin: 12px;
          vertical-align: middle;
          content: "";
          outline: none;
          -webkit-appearance: none;
          background: url("images/icons/subscription-checkbox.svg") no-repeat;
          display: inline-block;
          height: 20px;
          width: 20px;
          background-size: 20px 20px;
          cursor: pointer;
          border-radius: 0; }
          .post-bottom-subscribe-form .content .subscription-options .subscription-option input[type="checkbox"]:checked {
            content: "";
            outline: none;
            -webkit-appearance: none;
            background: url("images/icons/subscription-checkbox-checked.svg") no-repeat; }
    .post-bottom-subscribe-form .content .more-categories {
      cursor: pointer;
      display: flex;
      height: 45px;
      margin: 16px 0 32px 0;
      padding: 0px 16px;
      justify-content: space-between;
      align-items: center;
      flex-shrink: 0;
      border-radius: 4px;
      background: var(--gray-0-15); }
      .post-bottom-subscribe-form .content .more-categories a {
        color: var(--white);
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-decoration-line: underline; }
      .post-bottom-subscribe-form .content .more-categories svg {
        float: right;
        fill: var(--white); }
    .post-bottom-subscribe-form .content .success-message {
      display: flex;
      height: 45px;
      margin-top: 16px;
      padding: 0px 16px;
      align-items: center;
      justify-content: flex-start;
      flex-shrink: 0;
      border-radius: 4px;
      background: var(--gray-0-15); }
      .post-bottom-subscribe-form .content .success-message.hidden {
        display: none; }
      .post-bottom-subscribe-form .content .success-message .checkmark {
        width: 30px;
        height: 18px;
        background: url("images/icons/subscription-success.svg") no-repeat; }
      @media (max-width: 500px) {
        .post-bottom-subscribe-form .content .success-message {
          align-items: flex-start;
          display: flex;
          gap: 5px;
          padding: 12px 16px 5px 16px; } }
      @media (max-width: 339px) {
        .post-bottom-subscribe-form .content .success-message {
          display: flex;
          gap: 12px;
          padding: 12px 16px 24px 16px; } }
      .post-bottom-subscribe-form .content .success-message .text {
        color: var(--white);
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal; }
    .post-bottom-subscribe-form .content .subscribe-block .ml-block-form {
      display: flex;
      gap: 16px; }
      @media (max-width: 500px) {
        .post-bottom-subscribe-form .content .subscribe-block .ml-block-form {
          display: grid; } }
      .post-bottom-subscribe-form .content .subscribe-block .ml-block-form .email-field {
        display: flex;
        font-size: 16px;
        padding: 16px 16px;
        align-items: center;
        width: 100%;
        border-radius: 4px;
        border: 1px solid var(--gray-300);
        background: var(--white);
        outline: none; }
        @media (max-width: 500px) {
          .post-bottom-subscribe-form .content .subscribe-block .ml-block-form .email-field {
            width: auto; } }
      .post-bottom-subscribe-form .content .subscribe-block .ml-block-form .subscribe-btn {
        display: inline-flex;
        padding: 16px 32px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        border: none;
        border-radius: 3px;
        cursor: pointer;
        background: var(--gray-800);
        color: var(--white);
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 21px;
        /* 131.25% */ }
        @media (max-width: 500px) {
          .post-bottom-subscribe-form .content .subscribe-block .ml-block-form .subscribe-btn {
            width: calc(100% - 64px); } }
        .post-bottom-subscribe-form .content .subscribe-block .ml-block-form .subscribe-btn.disabled {
          background: var(--gray-200);
          color: var(--gray-450);
          cursor: unset; }
      .post-bottom-subscribe-form .content .subscribe-block .ml-block-form .error {
        display: flex; }
    .post-bottom-subscribe-form .content .subscribe-block .newsletter-spinner {
      display: block;
      background-size: 30px;
      height: 30px;
      width: 100%;
      vertical-align: middle;
      margin-top: 23px; }
      .post-bottom-subscribe-form .content .subscribe-block .newsletter-spinner.in-post {
        display: inline-block;
        width: 30px;
        margin: 0 10px 0; }
        @media (max-width: 510px) {
          .post-bottom-subscribe-form .content .subscribe-block .newsletter-spinner.in-post {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            margin: auto; } }
    .post-bottom-subscribe-form .content .footer-block {
      margin-top: 16px; }
      .post-bottom-subscribe-form .content .footer-block span {
        color: var(--white);
        font-family: Roboto;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: normal; }
      .post-bottom-subscribe-form .content .footer-block .hyperlink {
        text-decoration: underline;
        color: var(--white); }
  .post-bottom-subscribe-form .new-variation-1, .post-bottom-subscribe-form .new-variation-2, .post-bottom-subscribe-form .new-variation-3, .post-bottom-subscribe-form .new-variation-4 {
    min-height: 250px;
    background: url(images/stripes.png) no-repeat;
    background-size: 100% 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: var(--gray-blue-600);
    padding: 60px 64px;
    box-sizing: border-box; }
    .post-bottom-subscribe-form .new-variation-1 .title, .post-bottom-subscribe-form .new-variation-2 .title, .post-bottom-subscribe-form .new-variation-3 .title, .post-bottom-subscribe-form .new-variation-4 .title {
      font-size: 30px;
      font-weight: bold;
      font-family: Roboto, sans-serif; }
    .post-bottom-subscribe-form .new-variation-1 .panda-logo, .post-bottom-subscribe-form .new-variation-2 .panda-logo, .post-bottom-subscribe-form .new-variation-3 .panda-logo, .post-bottom-subscribe-form .new-variation-4 .panda-logo {
      background: url("images/newsletter-subscribe-panda-grey.png");
      background-size: 120px 160px;
      width: 120px;
      height: 160px;
      position: absolute;
      right: 0;
      top: 0;
      margin: auto; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .post-bottom-subscribe-form .new-variation-1 .panda-logo, .post-bottom-subscribe-form .new-variation-2 .panda-logo, .post-bottom-subscribe-form .new-variation-3 .panda-logo, .post-bottom-subscribe-form .new-variation-4 .panda-logo {
          background: url("images/newsletter-subscribe-panda-grey@2x.png");
          background-size: 120px 160px; } }
      @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
        .post-bottom-subscribe-form .new-variation-1 .panda-logo, .post-bottom-subscribe-form .new-variation-2 .panda-logo, .post-bottom-subscribe-form .new-variation-3 .panda-logo, .post-bottom-subscribe-form .new-variation-4 .panda-logo {
          background: url("images/newsletter-subscribe-panda-grey@3x.png");
          background-size: 120px 160px; } }
    .post-bottom-subscribe-form .new-variation-1 .newsletter-subscribe, .post-bottom-subscribe-form .new-variation-2 .newsletter-subscribe, .post-bottom-subscribe-form .new-variation-3 .newsletter-subscribe, .post-bottom-subscribe-form .new-variation-4 .newsletter-subscribe {
      position: relative; }
    .post-bottom-subscribe-form .new-variation-1 .sub-header, .post-bottom-subscribe-form .new-variation-2 .sub-header, .post-bottom-subscribe-form .new-variation-3 .sub-header, .post-bottom-subscribe-form .new-variation-4 .sub-header {
      font-size: 18px;
      line-height: 24px;
      padding-top: 3px;
      font-family: Roboto, sans-serif;
      color: var(--gray-400); }
    .post-bottom-subscribe-form .new-variation-1 .subscribe-block .email, .post-bottom-subscribe-form .new-variation-2 .subscribe-block .email, .post-bottom-subscribe-form .new-variation-3 .subscribe-block .email, .post-bottom-subscribe-form .new-variation-4 .subscribe-block .email {
      -webkit-appearance: none;
      font-size: 18px;
      line-height: 48px;
      height: 50px;
      width: 300px;
      padding: 0 15px;
      border: 1px solid var(--gray-200);
      box-sizing: border-box;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      font-family: Roboto, sans-serif;
      margin-top: 23px;
      display: inline-block;
      outline: none; }
    .post-bottom-subscribe-form .new-variation-1 .subscribe-block .input-group, .post-bottom-subscribe-form .new-variation-2 .subscribe-block .input-group, .post-bottom-subscribe-form .new-variation-3 .subscribe-block .input-group, .post-bottom-subscribe-form .new-variation-4 .subscribe-block .input-group {
      display: inline-block;
      vertical-align: bottom; }
    .post-bottom-subscribe-form .new-variation-1 .subscribe-block .button, .post-bottom-subscribe-form .new-variation-2 .subscribe-block .button, .post-bottom-subscribe-form .new-variation-3 .subscribe-block .button, .post-bottom-subscribe-form .new-variation-4 .subscribe-block .button {
      -webkit-appearance: none;
      cursor: pointer;
      outline: none;
      line-height: 1;
      border: 0;
      background: #56b863;
      color: var(--white);
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      font-size: 18px;
      font-weight: 500;
      font-family: Roboto, sans-serif;
      padding: 16px 25px;
      margin-left: 10px; }
      .post-bottom-subscribe-form .new-variation-1 .subscribe-block .button:hover, .post-bottom-subscribe-form .new-variation-2 .subscribe-block .button:hover, .post-bottom-subscribe-form .new-variation-3 .subscribe-block .button:hover, .post-bottom-subscribe-form .new-variation-4 .subscribe-block .button:hover {
        background: var(--green-200); }
    .post-bottom-subscribe-form .new-variation-1 .ml-block-success i, .post-bottom-subscribe-form .new-variation-2 .ml-block-success i, .post-bottom-subscribe-form .new-variation-3 .ml-block-success i, .post-bottom-subscribe-form .new-variation-4 .ml-block-success i {
      background: #56b863;
      color: var(--white);
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      padding: 8px;
      width: 12px;
      height: 12px;
      display: inline-block;
      vertical-align: middle; }
      .post-bottom-subscribe-form .new-variation-1 .ml-block-success i .svg-icon, .post-bottom-subscribe-form .new-variation-2 .ml-block-success i .svg-icon, .post-bottom-subscribe-form .new-variation-3 .ml-block-success i .svg-icon, .post-bottom-subscribe-form .new-variation-4 .ml-block-success i .svg-icon {
        vertical-align: top;
        width: 12px;
        height: 12px; }
    .post-bottom-subscribe-form .new-variation-1 .ml-block-success span, .post-bottom-subscribe-form .new-variation-2 .ml-block-success span, .post-bottom-subscribe-form .new-variation-3 .ml-block-success span, .post-bottom-subscribe-form .new-variation-4 .ml-block-success span {
      font-size: 30px;
      vertical-align: middle;
      margin-left: 12px;
      font-weight: bold; }
    .post-bottom-subscribe-form .new-variation-1 .ml-block-success p, .post-bottom-subscribe-form .new-variation-2 .ml-block-success p, .post-bottom-subscribe-form .new-variation-3 .ml-block-success p, .post-bottom-subscribe-form .new-variation-4 .ml-block-success p {
      color: var(--gray-400);
      font-size: 18px;
      padding-top: 10px;
      line-height: 24px;
      max-width: 440px; }
    .post-bottom-subscribe-form .new-variation-1 .subscribe-form-border, .post-bottom-subscribe-form .new-variation-2 .subscribe-form-border, .post-bottom-subscribe-form .new-variation-3 .subscribe-form-border, .post-bottom-subscribe-form .new-variation-4 .subscribe-form-border {
      display: none; }
  .post-bottom-subscribe-form .new-variation-3 {
    background: var(--white); }
  .post-bottom-subscribe-form .new-variation-4 {
    background: var(--gray-200); }
  .post-bottom-subscribe-form .new-variation-2 {
    background: #56b863;
    color: var(--white); }
    .post-bottom-subscribe-form .new-variation-2 .panda-logo {
      background: url("images/newsletter-subscribe-panda.png");
      background-size: 120px 160px;
      width: 120px;
      height: 160px;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .post-bottom-subscribe-form .new-variation-2 .panda-logo {
          background: url("images/newsletter-subscribe-panda@2x.png");
          background-size: 120px 160px; } }
      @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
        .post-bottom-subscribe-form .new-variation-2 .panda-logo {
          background: url("images/newsletter-subscribe-panda@3x.png");
          background-size: 120px 160px; } }
    .post-bottom-subscribe-form .new-variation-2 .sub-header {
      color: var(--white); }
    .post-bottom-subscribe-form .new-variation-2 .subscribe-block .email {
      border: 1px solid white; }
    .post-bottom-subscribe-form .new-variation-2 .subscribe-block .button {
      background: var(--gray-800); }
      .post-bottom-subscribe-form .new-variation-2 .subscribe-block .button:hover {
        background: var(--gray-700); }
    .post-bottom-subscribe-form .new-variation-2 .ml-block-success i {
      background: var(--white);
      color: #56b863; }
    .post-bottom-subscribe-form .new-variation-2 .ml-block-success p {
      color: var(--white); }

.narrow-post .post-subscribe-form .new-variation-1, .narrow-post .post-subscribe-form .new-variation-2, .narrow-post .post-subscribe-form .new-variation-3, .narrow-post .post-subscribe-form .new-variation-4 {
  padding: 60px 34px; }
  @media (max-width: 450px) {
    .narrow-post .post-subscribe-form .new-variation-1, .narrow-post .post-subscribe-form .new-variation-2, .narrow-post .post-subscribe-form .new-variation-3, .narrow-post .post-subscribe-form .new-variation-4 {
      padding: 30px 20px; } }

@media (max-width: 1030px) and (min-width: 979px) {
  .narrow-post-700 .post-subscribe-form .new-variation-1, .narrow-post-700 .post-subscribe-form .new-variation-2, .narrow-post-700 .post-subscribe-form .new-variation-3, .narrow-post-700 .post-subscribe-form .new-variation-4 {
    padding: 60px 34px; } }

@media (max-width: 730px) {
  .post-subscribe-form .new-variation-1, .post-subscribe-form .new-variation-2, .post-subscribe-form .new-variation-3, .post-subscribe-form .new-variation-4 {
    text-align: center; }
    .post-subscribe-form .new-variation-1 .panda-logo, .post-subscribe-form .new-variation-2 .panda-logo, .post-subscribe-form .new-variation-3 .panda-logo, .post-subscribe-form .new-variation-4 .panda-logo {
      display: block;
      position: relative;
      width: 93px;
      height: 124px;
      background-size: contain; }
    .post-subscribe-form .new-variation-1 .title, .post-subscribe-form .new-variation-2 .title, .post-subscribe-form .new-variation-3 .title, .post-subscribe-form .new-variation-4 .title {
      padding-top: 20px; }
    .post-subscribe-form .new-variation-1 .subscribe-block .email, .post-subscribe-form .new-variation-2 .subscribe-block .email, .post-subscribe-form .new-variation-3 .subscribe-block .email, .post-subscribe-form .new-variation-4 .subscribe-block .email {
      width: 59%;
      border-right: none;
      -webkit-border-radius: 3px 0 0 3px;
      -moz-border-radius: 3px 0 0 3px;
      -ms-border-radius: 3px 0 0 3px;
      -o-border-radius: 3px 0 0 3px;
      border-radius: 3px 0 0 3px; }
    .post-subscribe-form .new-variation-1 .subscribe-block .button, .post-subscribe-form .new-variation-2 .subscribe-block .button, .post-subscribe-form .new-variation-3 .subscribe-block .button, .post-subscribe-form .new-variation-4 .subscribe-block .button {
      margin-left: 0;
      -webkit-border-radius: 0 3px 3px 0;
      -moz-border-radius: 0 3px 3px 0;
      -ms-border-radius: 0 3px 3px 0;
      -o-border-radius: 0 3px 3px 0;
      border-radius: 0 3px 3px 0; } }

@media (max-width: 600px) {
  .post-subscribe-form .new-variation-1, .post-subscribe-form .new-variation-2, .post-subscribe-form .new-variation-3, .post-subscribe-form .new-variation-4 {
    padding: 30px;
    min-height: 195px; }
    .post-subscribe-form .new-variation-1 .subscribe-block .button, .post-subscribe-form .new-variation-2 .subscribe-block .button, .post-subscribe-form .new-variation-3 .subscribe-block .button, .post-subscribe-form .new-variation-4 .subscribe-block .button {
      padding: 16px; } }

@media (max-width: 450px) {
  .post-subscribe-form .new-variation-1, .post-subscribe-form .new-variation-2, .post-subscribe-form .new-variation-3, .post-subscribe-form .new-variation-4 {
    padding: 30px 20px;
    min-height: 170px; }
    .post-subscribe-form .new-variation-1 .subscribe-block .email, .post-subscribe-form .new-variation-2 .subscribe-block .email, .post-subscribe-form .new-variation-3 .subscribe-block .email, .post-subscribe-form .new-variation-4 .subscribe-block .email {
      font-size: 16px; }
    .post-subscribe-form .new-variation-1 .subscribe-block .button, .post-subscribe-form .new-variation-2 .subscribe-block .button, .post-subscribe-form .new-variation-3 .subscribe-block .button, .post-subscribe-form .new-variation-4 .subscribe-block .button {
      font-size: 16px;
      padding: 17px 20px; } }

.subscribe-form-border {
  width: 100%;
  height: 7px;
  background: url(images/mail-strip.png); }

.post-subscribe-facebook {
  background-color: #ebebeb;
  margin-bottom: 20px;
  width: 100%; }
  .post-subscribe-facebook .left-ad {
    display: inline-block;
    margin-left: 15px;
    margin-top: 7px; }
  .post-subscribe-facebook .right-ad {
    display: inline-block;
    vertical-align: top;
    margin-top: 25px;
    margin-left: 10px;
    width: 300px;
    margin-right: 20px;
    float: right; }
    @media (max-width: 768px) {
      .post-subscribe-facebook .right-ad {
        display: none; } }

.reader-submissions {
  padding: 1.6em 1.562em 1em 1.562em; }
  .reader-submissions h3 {
    font-family: Merriweather, serif;
    font-weight: bold;
    font-size: 1.875em;
    color: var(--black);
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 0.867em;
    padding-bottom: 0.5em;
    line-height: 1.1em; }
  .reader-submissions ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 1em; }
    .reader-submissions ul li {
      display: inline-block;
      margin: 0;
      padding: 0;
      margin-right: 5px; }
      .reader-submissions ul li img {
        width: 117px;
        height: 117px; }
  .reader-submissions .widget-items-placeholder {
    display: none; }
  .reader-submissions .append-open-list-long {
    float: left;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 2.4em;
    line-height: 3em;
    background: #e0e0e0;
    color: #949494;
    text-decoration: none;
    font-weight: 500;
    margin-bottom: 1em; }
    .reader-submissions .append-open-list-long span {
      display: inline-block;
      vertical-align: top; }
    .reader-submissions .append-open-list-long .append-plus {
      font-size: 2em;
      margin-right: 0.2em; }
  .reader-submissions .append-open-list {
    margin: 1em 0 3em; }
    .reader-submissions .append-open-list h2 {
      clear: both;
      font-family: Merriweather, serif;
      color: var(--black);
      font-size: 1.8em;
      line-height: 100%;
      padding: 0.5em 0 0.3em 0;
      display: block;
      word-wrap: break-word;
      -ms-word-break: break-word;
      word-break: break-word;
      overflow-wrap: break-word; }
  @media (max-width: 979px) {
    .reader-submissions {
      display: none; } }

.share-your-story {
  background: url(images/post-to-panda.jpg) no-repeat left top;
  display: block;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 232px;
  color: var(--white);
  margin-bottom: 2.83%; }
  .share-your-story h5 {
    font-family: Merriweather, serif;
    font-weight: bold;
    font-size: 24px;
    margin: 0 0 28px 75px;
    padding-top: 26px; }
  .share-your-story ul {
    margin: 0 0 0 180px;
    width: 100%;
    max-width: 465px; }
    .share-your-story ul li {
      list-style-type: disc;
      font-weight: 500;
      font-size: 1em;
      color: #d3d3d3;
      margin-bottom: 25px; }
  .share-your-story .add-post {
    background: var(--orange-150);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    color: var(--white);
    bottom: 12px;
    right: 12px;
    padding: 9px 20px 12px; }
    .share-your-story .add-post i {
      background: url("images/cloud-storage.svg");
      background-size: 1.5em 1.5em;
      display: inline-block;
      width: 1.375em;
      height: 1.188em;
      margin-right: 0.313em; }
    .share-your-story .add-post span {
      font-size: 15px;
      font-weight: bold;
      color: var(--white);
      text-transform: uppercase; }
  @media (max-width: 979px) {
    .share-your-story {
      display: none; } }

@media (max-width: 1020px) {
  .narrow-post .share-your-story {
    display: none; } }

.post-tags-container {
  background: var(--white); }

.post-tags {
  padding: 1.6em 1.562em 1em 1.562em; }
  .post-tags .title {
    font-family: Merriweather, serif;
    font-weight: bold;
    font-size: 1.875em;
    color: var(--black);
    border-bottom: 1px solid var(--border-text-input);
    margin-bottom: 0.867em;
    padding-bottom: 0.5em;
    line-height: 1.1em;
    margin-bottom: 0.667em; }
  .post-tags ul {
    margin-bottom: 0.6em; }
    .post-tags ul li {
      list-style-type: none;
      display: inline-block;
      line-height: 155%;
      margin-right: 10px;
      color: #949494; }
      .post-tags ul li a {
        color: #949494;
        line-height: 0.75em;
        display: inline-block; }

.post-info-block.mobile, .shares.mobile {
  display: none; }

.desktop-author {
  display: block; }

.main .post-content .read-more-block {
  padding-top: 5px;
  padding-bottom: 10px;
  text-align: center; }
  @media (min-width: 769px) {
    .main .post-content .read-more-block {
      display: none; } }
  .main .post-content .read-more-block hr {
    width: 70px;
    margin: auto;
    height: 1px;
    border-top: 1px solid var(--gray-100); }
  .main .post-content .read-more-block .read-more-button {
    color: var(--gray-800);
    font-size: 14px;
    margin-top: 10px;
    display: inline-block; }

@media (max-width: 768px) {
  .main .post-content .hidden-mobile-paragraphs {
    display: none; } }

.main .post-content .description-edit-block {
  padding: 15px 0; }
  .main .post-content .description-edit-block .align-right {
    text-align: right; }

.page .main .post-content .read-more-block {
  display: none; }

.page .main .post-content .hidden-mobile-paragraphs {
  display: block; }

.single-post .main .post-content .mobile-content {
  display: none; }

.single-post .main .post-content .desktop-content .post-bottom-meta-links {
  margin-bottom: 5px;
  margin-top: 5px; }

@media (max-width: 480px) {
  .single-post .main {
    padding: 0; }
    .single-post .main .post-content {
      text-align: left !important; }
      .single-post .main .post-content .mobile-content {
        display: block; }
        .single-post .main .post-content .mobile-content .post-title {
          color: var(--on-bg-dark);
          font-size: 18px;
          line-height: 1.5;
          padding: 15px 12px;
          background: transparent;
          font-family: Merriweather, serif;
          font-weight: bold;
          word-wrap: break-word;
          overflow-wrap: break-word; }
      .single-post .main .post-content .desktop-content {
        display: none; }
    .single-post .main .shares.mobile {
      display: block;
      margin-top: 10px;
      margin-bottom: 20px; }
    .single-post .main .post-header .gnews-promotion {
      text-align: center;
      padding-top: 15px; }
      .single-post .main .post-header .gnews-promotion span {
        color: var(--gray-500); }
      .single-post .main .post-header .gnews-promotion .google-btn-block {
        border: 1px solid var(--gray-100);
        border-radius: 5px;
        margin: 12px 12px;
        padding: 12px 12px; }
        .single-post .main .post-header .gnews-promotion .google-btn-block .gnews-logo svg {
          width: 120px; }
    .single-post .main .post-header .fb-image {
      display: block;
      position: relative;
      min-height: 160px; }
      .single-post .main .post-header .fb-image img {
        max-width: 100%;
        height: auto;
        width: 100%;
        display: block; }
        .single-post .main .post-header .fb-image img::before {
          content: '';
          display: block;
          padding-top: 56.25%; }
    .single-post .main .post-header .opacity {
      display: block;
      position: absolute;
      width: 100%;
      opacity: 0.8;
      height: 35%;
      bottom: 2px;
      z-index: 2;
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#8c000000', GradientType=0); }
    .single-post .main .post-header .post-stats {
      display: block;
      position: absolute;
      bottom: 10px;
      width: 100%;
      z-index: 5; }
      .single-post .main .post-header .post-stats .user-submission {
        float: left;
        margin-left: 10px; }
        .single-post .main .post-header .post-stats .user-submission .user-submission-icon {
          background: url(images/user-submission-white-icon.png) no-repeat;
          background-size: 14px 16px;
          display: block;
          float: left;
          width: 14px;
          height: 16px; } }
        @media (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 480px) and (min-resolution: 192dpi) {
          .single-post .main .post-header .post-stats .user-submission .user-submission-icon {
            background: url(images/user-submission-white-icon@2x.png) no-repeat;
            background-size: 14px 16px; } }

@media (max-width: 480px) {
      .single-post .main .post-header .post-stats .post-shares-views {
        float: right; }
        .single-post .main .post-header .post-stats .post-shares-views .post-shares {
          float: left;
          margin-right: 20px; }
          .single-post .main .post-header .post-stats .post-shares-views .post-shares .post-shares-icon {
            background: url(images/total-shares-icon.png) no-repeat;
            background-size: 12px 12px;
            display: block;
            float: left;
            width: 12px;
            height: 12px; } }
          @media (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 480px) and (min-resolution: 192dpi) {
            .single-post .main .post-header .post-stats .post-shares-views .post-shares .post-shares-icon {
              background: url(images/total-shares-icon@2x.png) no-repeat;
              background-size: 12px 12px; } }

@media (max-width: 480px) {
        .single-post .main .post-header .post-stats .post-shares-views .post-views {
          float: left;
          margin-right: 20px; }
          .single-post .main .post-header .post-stats .post-shares-views .post-views .post-views-icon {
            background: url(images/total-views-icon.png) no-repeat;
            background-size: 17px 12px;
            display: block;
            float: left;
            width: 17px;
            height: 12px; } }
          @media (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 480px) and (min-resolution: 192dpi) {
            .single-post .main .post-header .post-stats .post-shares-views .post-views .post-views-icon {
              background: url(images/total-views-icon@2x.png) no-repeat;
              background-size: 17px 12px; } }

@media (max-width: 480px) {
      .single-post .main .post-header .post-stats span {
        color: var(--white);
        font-size: 12px;
        padding-left: 7px; }
    .single-post .main .post-header .post-title {
      font-size: 26px;
      line-height: 32px;
      padding: 15px 12px 7px; }
      .single-post .main .post-header .post-title.desktop {
        display: none; }
    .single-post .main .post-info-block {
      display: none; }
      .single-post .main .post-info-block.mobile, .single-post .main .post-info-block.mobile-version {
        display: block;
        padding: 0 12px; }
        .single-post .main .post-info-block.mobile .left.post-info, .single-post .main .post-info-block.mobile-version .left.post-info {
          border-top: 1px solid var(--gray-100);
          border-bottom: 1px solid var(--gray-100);
          border-left: none;
          border-right: none;
          width: 100%;
          padding: 10px 0; }
          .single-post .main .post-info-block.mobile .left.post-info span:not(.shining-profile-image), .single-post .main .post-info-block.mobile-version .left.post-info span:not(.shining-profile-image) {
            margin-top: 3px;
            display: block;
            float: left; }
            .single-post .main .post-info-block.mobile .left.post-info span:not(.shining-profile-image) .member-type, .single-post .main .post-info-block.mobile-version .left.post-info span:not(.shining-profile-image) .member-type {
              margin-top: 2px;
              font-size: 12px; }
              .single-post .main .post-info-block.mobile .left.post-info span:not(.shining-profile-image) .member-type.community, .single-post .main .post-info-block.mobile-version .left.post-info span:not(.shining-profile-image) .member-type.community {
                color: var(--orange-150);
                font-weight: bold;
                text-transform: uppercase; }
              .single-post .main .post-info-block.mobile .left.post-info span:not(.shining-profile-image) .member-type.staff, .single-post .main .post-info-block.mobile-version .left.post-info span:not(.shining-profile-image) .member-type.staff {
                color: var(--gray-500);
                font-weight: normal; }
          .single-post .main .post-info-block.mobile .left.post-info img, .single-post .main .post-info-block.mobile-version .left.post-info img {
            width: 35px;
            height: 35px;
            border-radius: 50%;
            float: left;
            margin-right: 15px; }
          .single-post .main .post-info-block.mobile .left.post-info.post-authors, .single-post .main .post-info-block.mobile-version .left.post-info.post-authors {
            display: inline-block; }
            .single-post .main .post-info-block.mobile .left.post-info.post-authors .hidden, .single-post .main .post-info-block.mobile-version .left.post-info.post-authors .hidden {
              display: none; }
            .single-post .main .post-info-block.mobile .left.post-info.post-authors img, .single-post .main .post-info-block.mobile-version .left.post-info.post-authors img {
              margin-right: 4px; }
            .single-post .main .post-info-block.mobile .left.post-info.post-authors .post-authors-links, .single-post .main .post-info-block.mobile-version .left.post-info.post-authors .post-authors-links {
              line-height: 20px; }
              .single-post .main .post-info-block.mobile .left.post-info.post-authors .post-authors-links a, .single-post .main .post-info-block.mobile-version .left.post-info.post-authors .post-authors-links a {
                line-height: 20px;
                padding: 0 0 1px;
                color: var(--orange-150); }
                .single-post .main .post-info-block.mobile .left.post-info.post-authors .post-authors-links a .emoji, .single-post .main .post-info-block.mobile-version .left.post-info.post-authors .post-authors-links a .emoji {
                  float: none;
                  border-radius: 0; }
            .single-post .main .post-info-block.mobile .left.post-info.post-authors .post-author-link, .single-post .main .post-info-block.mobile-version .left.post-info.post-authors .post-author-link {
              padding-left: 10px; }
          .single-post .main .post-info-block.mobile .left.post-info a, .single-post .main .post-info-block.mobile-version .left.post-info a {
            padding-right: 10px;
            color: var(--gray-500);
            font-size: 14px; }
        .single-post .main .post-info-block.mobile .user-submission-black, .single-post .main .post-info-block.mobile-version .user-submission-black {
          background: url(images/user-submission-black-icon.png) no-repeat;
          background-size: 18px 21px;
          display: block;
          float: right;
          width: 18px;
          height: 21px;
          margin: 7px 8px 0 0; } }
        @media (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 480px) and (min-resolution: 192dpi) {
          .single-post .main .post-info-block.mobile .user-submission-black, .single-post .main .post-info-block.mobile-version .user-submission-black {
            background: url(images/user-submission-black-icon@2x.png) no-repeat;
            background-size: 18px 21px; } }

@media (max-width: 480px) {
        .single-post .main .post-info-block.mobile.single-media-post-info, .single-post .main .post-info-block.mobile-version.single-media-post-info {
          margin-bottom: 0;
          box-sizing: border-box;
          position: relative; }
          .single-post .main .post-info-block.mobile.single-media-post-info .left.post-info, .single-post .main .post-info-block.mobile-version.single-media-post-info .left.post-info {
            border-top: 0;
            border-bottom: 0; }
            .single-post .main .post-info-block.mobile.single-media-post-info .left.post-info a, .single-post .main .post-info-block.mobile-version.single-media-post-info .left.post-info a {
              max-width: 200px;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap; } }
            @media (max-width: 480px) and (max-width: 430px) {
              .single-post .main .post-info-block.mobile.single-media-post-info .left.post-info a, .single-post .main .post-info-block.mobile-version.single-media-post-info .left.post-info a {
                max-width: 170px; } }
            @media (max-width: 480px) and (max-width: 400px) {
              .single-post .main .post-info-block.mobile.single-media-post-info .left.post-info a, .single-post .main .post-info-block.mobile-version.single-media-post-info .left.post-info a {
                max-width: 150px; } }

@media (max-width: 480px) {
            .single-post .main .post-info-block.mobile.single-media-post-info .left.post-info .post-stats, .single-post .main .post-info-block.mobile-version.single-media-post-info .left.post-info .post-stats {
              bottom: 22px;
              right: 12px; }
              .single-post .main .post-info-block.mobile.single-media-post-info .left.post-info .post-stats span, .single-post .main .post-info-block.mobile-version.single-media-post-info .left.post-info .post-stats span {
                color: var(--gray-500);
                margin: 0; }
              .single-post .main .post-info-block.mobile.single-media-post-info .left.post-info .post-stats .post-shares-views i, .single-post .main .post-info-block.mobile-version.single-media-post-info .left.post-info .post-stats .post-shares-views i {
                height: 12px;
                color: var(--gray-500);
                float: left; }
              .single-post .main .post-info-block.mobile.single-media-post-info .left.post-info .post-stats .post-shares-views .icon-shares-stats, .single-post .main .post-info-block.mobile-version.single-media-post-info .left.post-info .post-stats .post-shares-views .icon-shares-stats {
                height: 12px;
                width: 12px; }
              .single-post .main .post-info-block.mobile.single-media-post-info .left.post-info .post-stats .post-shares-views .post-views, .single-post .main .post-info-block.mobile-version.single-media-post-info .left.post-info .post-stats .post-shares-views .post-views {
                margin-right: 0; } }
          @media (max-width: 480px) and (max-width: 370px) {
            .single-post .main .post-info-block.mobile.single-media-post-info .left.post-info img, .single-post .main .post-info-block.mobile-version.single-media-post-info .left.post-info img {
              margin-right: 5px; }
            .single-post .main .post-info-block.mobile.single-media-post-info .left.post-info span, .single-post .main .post-info-block.mobile-version.single-media-post-info .left.post-info span {
              max-width: 125px; }
            .single-post .main .post-info-block.mobile.single-media-post-info .left.post-info a, .single-post .main .post-info-block.mobile-version.single-media-post-info .left.post-info a {
              padding: 0;
              max-width: 120px; }
            .single-post .main .post-info-block.mobile.single-media-post-info .left.post-info .post-stats .post-shares-views .post-shares, .single-post .main .post-info-block.mobile-version.single-media-post-info .left.post-info .post-stats .post-shares-views .post-shares {
              margin-right: 10px; } }

@media (max-width: 480px) {
    .single-post .main .post .post-recommendations {
      padding-left: 12px;
      padding-right: 12px; }
    .single-post .main .post .outbrain-widget {
      padding-left: 12px;
      padding-right: 12px;
      padding-top: 20px; }
    .single-post .main .post .entry .post-content p {
      padding-left: 12px;
      padding-right: 12px; }
      .single-post .main .post .entry .post-content p.text-open-list.post-content-description .bordered-description {
        font-size: 15px;
        padding: 17px; }
    .single-post .main .post .entry .post-content .attachment-link-container, .single-post .main .post .entry .post-content .single-image-container, .single-post .main .post .entry .post-content .bp-video-container {
      padding-right: 0;
      padding-left: 0; }
    .single-post .main .post .entry .post-content .bp-video-container {
      line-height: 1; }
    .single-post .main .post .entry h2, .single-post .main .post .entry h3, .single-post .main .post .entry ul {
      padding-left: 12px;
      padding-right: 12px; }
    .single-post .main .post-bottom-recommendation-block {
      padding: 0 10px; } }

.post-recommendations-main-block .box-title .comments-count, .post-bottom-recommendation-block .box-title .comments-count {
  color: var(--orange-150); }

.fb-image {
  display: none;
  position: relative;
  min-height: 160px; }
  .fb-image img {
    max-width: 100%;
    height: auto;
    width: 100%;
    display: block; }
    .fb-image img::before {
      content: '';
      display: block;
      padding-top: 56.25%; }
  @media (min-width: 768px) {
    .fb-image.show {
      display: block; } }

.post-stats {
  display: none; }

.small-social-icons {
  display: none; }

.single-image-template .post-info-block .vote-panel .voting-panda, .single-post .post-info-block .vote-panel .voting-panda {
  background-image: url(images/sprite-sheet.png);
  background-position: -309px -392px;
  width: 20px;
  height: 24px;
  display: block;
  margin-top: 11px;
  float: left; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .single-image-template .post-info-block .vote-panel .voting-panda, .single-post .post-info-block .vote-panel .voting-panda {
      background-image: url(images/sprite-sheet@2x.png);
      background-size: 515px 463px; } }
  .single-image-template .post-info-block .vote-panel .voting-panda.panda-sad, .single-post .post-info-block .vote-panel .voting-panda.panda-sad {
    background-image: url(images/sprite-sheet.png);
    background-position: -349px -392px;
    width: 20px;
    height: 24px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .single-image-template .post-info-block .vote-panel .voting-panda.panda-sad, .single-post .post-info-block .vote-panel .voting-panda.panda-sad {
        background-image: url(images/sprite-sheet@2x.png);
        background-size: 515px 463px; } }
  .single-image-template .post-info-block .vote-panel .voting-panda.panda-happy, .single-post .post-info-block .vote-panel .voting-panda.panda-happy {
    background-image: url(images/sprite-sheet.png);
    background-position: -389px -392px;
    width: 20px;
    height: 24px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .single-image-template .post-info-block .vote-panel .voting-panda.panda-happy, .single-post .post-info-block .vote-panel .voting-panda.panda-happy {
        background-image: url(images/sprite-sheet@2x.png);
        background-size: 515px 463px; } }

.single-image-template .post-info-block .vote-panel .vote, .single-post .post-info-block .vote-panel .vote {
  border: 1px solid var(--gray-300);
  width: 40px;
  height: 28px;
  margin: 11px 0 0 7px;
  padding: 4px 9px;
  box-sizing: border-box;
  border-radius: 5px; }
  .single-image-template .post-info-block .vote-panel .vote a, .single-post .post-info-block .vote-panel .vote a {
    margin: 0;
    width: 18px;
    height: 18px; }

.single-image-template .post-info-block .vote-panel .points, .single-post .post-info-block .vote-panel .points {
  line-height: 48px; }
  .single-image-template .post-info-block .vote-panel .points span, .single-post .post-info-block .vote-panel .points span {
    display: inline-block !important; }

.single-image-template .post-info-block hr.bottom-line, .single-post .post-info-block hr.bottom-line {
  margin: 0;
  color: var(--gray-200); }

.single-image-template .shares, .single-post .shares {
  margin: 0 10px; }
  .single-image-template .shares .counter, .single-post .shares .counter {
    float: left; }
    .single-image-template .shares .counter .number, .single-post .shares .counter .number {
      font-size: 22px;
      line-height: 22px;
      font-family: "Roboto";
      font-weight: bold;
      color: var(--black); }
    .single-image-template .shares .counter .text, .single-post .shares .counter .text {
      font-size: 11px;
      color: var(--gray-400); }
  .single-image-template .shares .horizontal-fb-share, .single-post .shares .horizontal-fb-share {
    display: block;
    float: right;
    width: 190px;
    height: 34px;
    background: #3b589e;
    color: var(--white);
    border-radius: 5px;
    text-align: center;
    border-bottom: 2px solid var(--blue-500); }
    .single-image-template .shares .horizontal-fb-share.full-width, .single-post .shares .horizontal-fb-share.full-width {
      width: 100%;
      margin-bottom: 4px; }
    .single-image-template .shares .horizontal-fb-share .fb-icon, .single-post .shares .horizontal-fb-share .fb-icon {
      float: left;
      background: url(images/fb-icon-rounded.png) no-repeat;
      background-size: 20px 20px;
      width: 20px;
      height: 20px;
      margin: 8px 0 6px 14px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .single-image-template .shares .horizontal-fb-share .fb-icon, .single-post .shares .horizontal-fb-share .fb-icon {
          background: url(images/fb-icon-rounded@2x.png) no-repeat;
          background-size: 20px 20px; } }
      @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 192dpi) {
        .single-image-template .shares .horizontal-fb-share .fb-icon, .single-post .shares .horizontal-fb-share .fb-icon {
          background: url(images/fb-icon-rounded@3x.png) no-repeat;
          background-size: 20px 20px; } }
    .single-image-template .shares .horizontal-fb-share .count, .single-post .shares .horizontal-fb-share .count {
      line-height: 36px;
      font-size: 13px; }
  .single-image-template .shares .small-social-icons, .single-post .shares .small-social-icons {
    display: block;
    width: 300px;
    margin: 10px auto; }
    .single-image-template .shares .small-social-icons a, .single-post .shares .small-social-icons a {
      display: block;
      float: left;
      width: 45px;
      height: 35px;
      margin-right: 18px;
      border-radius: 5px;
      padding: 0; }
      .single-image-template .shares .small-social-icons a.whatsapp, .single-post .shares .small-social-icons a.whatsapp {
        background-color: #24b528;
        border-bottom: 2px solid #18921b; }
        .single-image-template .shares .small-social-icons a.whatsapp i, .single-post .shares .small-social-icons a.whatsapp i {
          background: url(images/share-whatsapp-icon.png) no-repeat;
          background-size: 21px 21px;
          display: block;
          width: 21px;
          height: 21px;
          margin: 7px auto; }
          @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
            .single-image-template .shares .small-social-icons a.whatsapp i, .single-post .shares .small-social-icons a.whatsapp i {
              background: url(images/share-whatsapp-icon@2x.png) no-repeat;
              background-size: 21px 21px; } }
      .single-image-template .shares .small-social-icons a.email, .single-post .shares .small-social-icons a.email {
        background-color: var(--gray-800);
        border-bottom: 2px solid var(--gray-900); }
        .single-image-template .shares .small-social-icons a.email i, .single-post .shares .small-social-icons a.email i {
          background: url(images/share-email-icon.png) no-repeat;
          background-size: 24px 16px;
          display: block;
          width: 24px;
          height: 16px;
          margin: 10px auto; }
          @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
            .single-image-template .shares .small-social-icons a.email i, .single-post .shares .small-social-icons a.email i {
              background: url(images/share-email-icon@2x.png) no-repeat;
              background-size: 24px 16px; } }
      .single-image-template .shares .small-social-icons a.social.pintrest.share, .single-post .shares .small-social-icons a.social.pintrest.share {
        background-color: var(--red-200);
        border-bottom: 2px solid var(--red-400); }
        .single-image-template .shares .small-social-icons a.social.pintrest.share i, .single-post .shares .small-social-icons a.social.pintrest.share i {
          background: url(images/share-pinterest-icon.png) no-repeat;
          background-size: 17px 21px;
          display: block;
          width: 17px;
          height: 21px;
          margin: 8px auto;
          float: none; }
          @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
            .single-image-template .shares .small-social-icons a.social.pintrest.share i, .single-post .shares .small-social-icons a.social.pintrest.share i {
              background: url(images/share-pinterest-icon@2x.png) no-repeat;
              background-size: 17px 21px; } }
      .single-image-template .shares .small-social-icons a.social.twitter.share, .single-post .shares .small-social-icons a.social.twitter.share {
        background-color: var(--light-blue-100);
        border-bottom: 2px solid var(--light-blue-200); }
        .single-image-template .shares .small-social-icons a.social.twitter.share i, .single-post .shares .small-social-icons a.social.twitter.share i {
          background: url(images/share-twitter-icon.png) no-repeat;
          background-size: 21px 20px;
          display: block;
          width: 21px;
          height: 20px;
          margin: 9px auto;
          float: none; }
          @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
            .single-image-template .shares .small-social-icons a.social.twitter.share i, .single-post .shares .small-social-icons a.social.twitter.share i {
              background: url(images/share-twitter-icon@2x.png) no-repeat;
              background-size: 21px 19px; } }
      .single-image-template .shares .small-social-icons a.gplus, .single-post .shares .small-social-icons a.gplus {
        background-color: var(--orange-200);
        border-bottom: 2px solid var(--orange-400);
        margin-right: 0px; }
        .single-image-template .shares .small-social-icons a.gplus i, .single-post .shares .small-social-icons a.gplus i {
          background: url(images/gplus_small.png) no-repeat;
          background-size: 23px 23px;
          display: block;
          width: 23px;
          height: 23px;
          margin: 7px auto; }
          @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
            .single-image-template .shares .small-social-icons a.gplus i, .single-post .shares .small-social-icons a.gplus i {
              background: url(images/gplus_retina.png) no-repeat;
              background-size: 23px 23px; } }

@media (max-width: 979px) {
  .single-image-template main.bp-container {
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px; } }

@media (max-width: 979px) {
  .single-image-template main.bp-container #gallery header.desktop-single-image {
    display: none; } }

.single-image-template main.bp-container #gallery header.mobile-single-image {
  display: none; }
  .single-image-template main.bp-container #gallery header.mobile-single-image a.full-article {
    display: block;
    margin: 0.875em 10px 0.125em;
    font-size: 16px;
    text-align: center;
    line-height: 45px;
    height: 45px;
    width: auto;
    background-color: var(--orange-150);
    color: var(--white);
    border-radius: 5px;
    border-bottom: 2px solid var(--orange-150); }
  .single-image-template main.bp-container #gallery header.mobile-single-image .post-info-block .vote-panel .voting-panda {
    background-image: url(images/sprite-sheet.png);
    background-position: -309px -392px;
    width: 20px;
    height: 24px;
    display: block;
    margin-top: 11px;
    float: left; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .single-image-template main.bp-container #gallery header.mobile-single-image .post-info-block .vote-panel .voting-panda {
        background-image: url(images/sprite-sheet@2x.png);
        background-size: 515px 463px; } }
    .single-image-template main.bp-container #gallery header.mobile-single-image .post-info-block .vote-panel .voting-panda.panda-sad {
      background-image: url(images/sprite-sheet.png);
      background-position: -349px -392px;
      width: 20px;
      height: 24px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .single-image-template main.bp-container #gallery header.mobile-single-image .post-info-block .vote-panel .voting-panda.panda-sad {
          background-image: url(images/sprite-sheet@2x.png);
          background-size: 515px 463px; } }
    .single-image-template main.bp-container #gallery header.mobile-single-image .post-info-block .vote-panel .voting-panda.panda-happy {
      background-image: url(images/sprite-sheet.png);
      background-position: -389px -392px;
      width: 20px;
      height: 24px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .single-image-template main.bp-container #gallery header.mobile-single-image .post-info-block .vote-panel .voting-panda.panda-happy {
          background-image: url(images/sprite-sheet@2x.png);
          background-size: 515px 463px; } }
  .single-image-template main.bp-container #gallery header.mobile-single-image .post-info-block .vote-panel .vote {
    border: 1px solid var(--gray-300);
    width: 40px;
    height: 28px;
    margin: 11px 0 0 7px;
    padding: 4px 10px;
    box-sizing: border-box;
    border-radius: 5px; }
    .single-image-template main.bp-container #gallery header.mobile-single-image .post-info-block .vote-panel .vote a {
      margin: 0;
      width: 18px;
      height: 18px; }
  .single-image-template main.bp-container #gallery header.mobile-single-image .post-info-block .vote-panel .points span {
    display: inline-block !important; }
  .single-image-template main.bp-container #gallery header.mobile-single-image .post-info-block .fb-like {
    margin-top: 15px; }
  .single-image-template main.bp-container #gallery header.mobile-single-image .post-info-block hr.bottom-line {
    margin: 0;
    color: var(--gray-200); }
  .single-image-template main.bp-container #gallery header.mobile-single-image .shares {
    margin: 0 10px; }
    .single-image-template main.bp-container #gallery header.mobile-single-image .shares .counter {
      float: left; }
      .single-image-template main.bp-container #gallery header.mobile-single-image .shares .counter .number {
        font-size: 22px;
        font-family: "Roboto";
        font-weight: bold; }
      .single-image-template main.bp-container #gallery header.mobile-single-image .shares .counter .text {
        font-size: 11px;
        color: var(--gray-400); }
    .single-image-template main.bp-container #gallery header.mobile-single-image .shares .horizontal-fb-share {
      float: right;
      width: 190px;
      height: 34px;
      background: #3b589e;
      color: var(--white);
      border-radius: 5px;
      text-align: center;
      border-bottom: 2px solid var(--blue-500); }
      .single-image-template main.bp-container #gallery header.mobile-single-image .shares .horizontal-fb-share .fb-icon {
        float: left;
        background: url(images/fb-icon-rounded.png) no-repeat;
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
        margin: 8px 0 6px 14px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .single-image-template main.bp-container #gallery header.mobile-single-image .shares .horizontal-fb-share .fb-icon {
            background: url(images/fb-icon-rounded@2x.png) no-repeat;
            background-size: 20px 20px; } }
        @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 192dpi) {
          .single-image-template main.bp-container #gallery header.mobile-single-image .shares .horizontal-fb-share .fb-icon {
            background: url(images/fb-icon-rounded@3x.png) no-repeat;
            background-size: 20px 20px; } }
      .single-image-template main.bp-container #gallery header.mobile-single-image .shares .horizontal-fb-share .count {
        line-height: 36px; }
  @media (max-width: 979px) {
    .single-image-template main.bp-container #gallery header.mobile-single-image {
      display: block;
      margin-bottom: 20px; } }

.single-image-template main.bp-container #gallery .post-suggest-title {
  font-family: Merriweather, serif;
  font-weight: bold;
  font-size: 1.875em;
  color: var(--black);
  border-bottom: 1px solid var(--gray-200);
  margin: 0.867em;
  padding-bottom: 0.5em;
  line-height: 1.1em; }
  @media (max-width: 480px) {
    .single-image-template main.bp-container #gallery .post-suggest-title {
      display: block; } }

.single-image-template main.bp-container #gallery .post-suggest-list {
  margin: 0 1.567em; }
  .single-image-template main.bp-container #gallery .post-suggest-list .box {
    display: block;
    float: left;
    width: 50%;
    padding-right: 10px;
    box-sizing: border-box; }
    .single-image-template main.bp-container #gallery .post-suggest-list .box img {
      width: 100%;
      height: 100%;
      border-radius: 5px;
      margin-bottom: 10px; }
    .single-image-template main.bp-container #gallery .post-suggest-list .box a {
      color: var(--black); }
  .single-image-template main.bp-container #gallery .post-suggest-list .box:last-child {
    padding-left: 10px;
    padding-right: 0; }
  @media (max-width: 480px) {
    .single-image-template main.bp-container #gallery .post-suggest-list {
      display: block; } }

@media (max-width: 979px) {
  .single-image-template main.bp-container #gallery .gallery-content .gallery-nav {
    display: none; } }

@media (max-width: 979px) {
  .single-image-template main.bp-container #gallery .gallery-content .full-article {
    display: none; } }

@media (max-width: 480px) {
  .single-image-template main.bp-container .post-bottom-title, .single-image-template main.bp-container .post-bottom-list, .single-image-template main.bp-container .post-tags-container {
    display: none; } }

.single-image-template .single-image-sticky-footer {
  display: none;
  position: fixed;
  bottom: 0px;
  left: 0;
  right: 0;
  width: 100%;
  height: 40px;
  background-color: var(--gray-300);
  z-index: 9999; }
  @media (max-width: 979px) {
    .single-image-template .single-image-sticky-footer {
      display: block; } }
  .single-image-template .single-image-sticky-footer .mobile-gallery-nav {
    display: block;
    float: left;
    width: 30%;
    height: 40px; }
    .single-image-template .single-image-sticky-footer .mobile-gallery-nav i {
      display: block;
      margin: 10px auto;
      background: url(images/gallery-arrow.png) no-repeat;
      background-size: 13px 20px;
      width: 13px;
      height: 20px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .single-image-template .single-image-sticky-footer .mobile-gallery-nav i {
          background: url(images/gallery-arrow@2x.png) no-repeat;
          background-size: 13px 20px; } }
      @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 192dpi) {
        .single-image-template .single-image-sticky-footer .mobile-gallery-nav i {
          background: url(images/gallery-arrow@3x.png) no-repeat;
          background-size: 13px 20px; } }
    .single-image-template .single-image-sticky-footer .mobile-gallery-nav.prev {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
    .single-image-template .single-image-sticky-footer .mobile-gallery-nav.next {
      float: right; }
    .single-image-template .single-image-sticky-footer .mobile-gallery-nav.gallery-spinner i {
      background: url(images/spiffygif_24x24.gif) no-repeat;
      background-size: 24px 24px;
      width: 24px;
      height: 24px;
      margin-top: 7px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .single-image-template .single-image-sticky-footer .mobile-gallery-nav.gallery-spinner i {
          background: url(images/spiffygif_48x48.gif) no-repeat;
          background-size: 24px 24px; } }
  .single-image-template .single-image-sticky-footer .gallery-counter {
    display: block;
    float: left;
    width: 40%;
    height: 34px;
    line-height: 34px;
    color: var(--white);
    margin-top: 3px;
    text-align: center; }

@media (max-width: 980px) {
  .main .post-tags-container {
    visibility: hidden;
    height: 1px;
    margin: 0; } }

.post-bottom-list.related-posts .desktop-related-ad {
  display: block; }

.post-bottom-list.related-posts .desktop-related-ad-hide {
  display: none; }

@media (max-width: 768px) {
  .post-bottom-list.related-posts .desktop-related-ad {
    display: none; }
  .post-bottom-list.related-posts .desktop-related-ad-hide {
    display: block; } }

.wide-post .facebook-page-promotion {
  background: url(images/880px-banner-bg.png) no-repeat;
  background-size: 880px 233px;
  background-position: center;
  max-width: 880px;
  height: 233px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .wide-post .facebook-page-promotion {
      background: url(images/880px-banner-bg@2x.png) no-repeat;
      background-size: 880px 233px;
      background-position: center; } }
  .wide-post .facebook-page-promotion .text-promotion {
    float: left;
    color: var(--gray-800);
    padding-left: 45px; }
    .wide-post .facebook-page-promotion .text-promotion .share-button {
      display: none; }
    .wide-post .facebook-page-promotion .text-promotion .promo-heading {
      font-size: 38px;
      font-family: Merriweather;
      font-weight: bold;
      padding-top: 50px;
      line-height: 44px; }
    .wide-post .facebook-page-promotion .text-promotion .promo-info {
      font-size: 18px;
      font-family: Roboto;
      font-weight: 400;
      line-height: 36px; }
  .wide-post .facebook-page-promotion #animals-icon {
    background: url(images/promotion-animals-icon-desktop.png) no-repeat;
    background-size: 310px 181px;
    width: 310px;
    height: 181px;
    position: absolute;
    top: 40px;
    right: 100px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .wide-post .facebook-page-promotion #animals-icon {
        background: url(images/promotion-animals-icon-desktop@2x.png) no-repeat;
        background-size: 310px 181px; } }

.narrow-post-700 .single-post-author .author-info-container {
  width: calc(100% - 120px); }

.narrow-post-700 .facebook-page-promotion {
  background: url(images/700px-banner-bg.png) no-repeat;
  background-size: 700px 233px;
  background-position: center;
  max-width: 700px;
  height: 233px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .narrow-post-700 .facebook-page-promotion {
      background: url(images/700px-banner-bg@2x.png) no-repeat;
      background-size: 700px 233px;
      background-position: center; } }
  .narrow-post-700 .facebook-page-promotion .text-promotion {
    float: left;
    color: var(--gray-800);
    margin-left: 40px; }
    .narrow-post-700 .facebook-page-promotion .text-promotion .share-button {
      display: none; }
    .narrow-post-700 .facebook-page-promotion .text-promotion .promo-heading {
      font-family: Merriweather;
      font-size: 34px;
      font-weight: bold;
      padding-top: 50px;
      line-height: 41px; }
    .narrow-post-700 .facebook-page-promotion .text-promotion .promo-info {
      font-family: Roboto;
      font-size: 16px;
      font-weight: 400;
      line-height: 30px; }
  .narrow-post-700 .facebook-page-promotion #animals-icon {
    background: url(images/promotion-animals-icon-desktop-narrow.png) no-repeat;
    background-size: 282px 165px;
    width: 282px;
    height: 165px;
    position: absolute;
    top: 65px;
    right: 20px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .narrow-post-700 .facebook-page-promotion #animals-icon {
        background: url(images/promotion-animals-icon-desktop-narrow@2x.png) no-repeat;
        background-size: 282px 165px; } }

.narrow-post .single-post-author .author-info-container {
  width: calc(100% - 120px); }

.narrow-post .facebook-page-promotion {
  background: url(images/605px-banner-bg.png) no-repeat;
  background-size: 605px 233px;
  background-position: center;
  max-width: 605px;
  height: 233px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .narrow-post .facebook-page-promotion {
      background: url(images/605px-banner-bg@2x.png) no-repeat;
      background-size: 605px 233px;
      background-position: center; } }
  .narrow-post .facebook-page-promotion .text-promotion {
    float: left;
    color: var(--gray-800);
    padding-left: 30px; }
    .narrow-post .facebook-page-promotion .text-promotion .share-button {
      display: none; }
    .narrow-post .facebook-page-promotion .text-promotion .promo-heading {
      font-family: Merriweather;
      font-size: 30px;
      font-weight: bold;
      padding-top: 50px;
      line-height: 36px; }
    .narrow-post .facebook-page-promotion .text-promotion .promo-info {
      font-family: Roboto;
      font-size: 15px;
      font-weight: 400; }
  .narrow-post .facebook-page-promotion #animals-icon {
    background: url(images/promotion-animals-icon-desktop-narrow.png) no-repeat;
    background-size: 282px 165px;
    width: 282px;
    height: 165px;
    position: absolute;
    top: 65px;
    right: 20px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .narrow-post .facebook-page-promotion #animals-icon {
        background: url(images/promotion-animals-icon-desktop-narrow@2x.png) no-repeat;
        background-size: 282px 165px; } }

.single-post .facebook-page-promotion {
  position: relative; }
  .single-post .facebook-page-promotion .text-promotion .share-button {
    display: none; }
  .single-post .facebook-page-promotion .text-promotion .native-like-button {
    margin-top: 10px; }
    .single-post .facebook-page-promotion .text-promotion .native-like-button .fb-page-image {
      background: url(images/promotion-animals-profile-photo.jpg) no-repeat;
      background-size: 50px 50px;
      display: block;
      float: left;
      width: 50px;
      height: 50px; }
    .single-post .facebook-page-promotion .text-promotion .native-like-button .fb-page-title-like-block {
      display: block;
      float: left;
      margin-left: 10px; }
      .single-post .facebook-page-promotion .text-promotion .native-like-button .fb-page-title-like-block .fb-page-title {
        line-height: 20px; }
        .single-post .facebook-page-promotion .text-promotion .native-like-button .fb-page-title-like-block .fb-page-title a {
          font-family: Roboto;
          font-size: 18px;
          color: var(--gray-800); }
          .single-post .facebook-page-promotion .text-promotion .native-like-button .fb-page-title-like-block .fb-page-title a:hover {
            text-decoration: underline; }
  @media (max-width: 979px) {
    .single-post .facebook-page-promotion {
      background: url(images/mobile_banner_bg.png) no-repeat;
      background-size: 701px 244px;
      background-position: center;
      height: 244px;
      margin: 0 auto 10px;
      text-align: center;
      color: var(--gray-800); } }
  @media (max-width: 979px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 979px) and (min-resolution: 192dpi) {
    .single-post .facebook-page-promotion {
      background: url(images/mobile_banner_bg@2x.png) no-repeat;
      background-size: 701px 244px;
      background-position: center; } }
  @media (max-width: 979px) {
      .single-post .facebook-page-promotion .text-promotion {
        float: none;
        margin: 0;
        padding: 0; }
        .single-post .facebook-page-promotion .text-promotion .promo-heading {
          font-family: Merriweather;
          font-size: 24px;
          font-weight: bold;
          padding-top: 24px;
          line-height: 26px; }
        .single-post .facebook-page-promotion .text-promotion .promo-info {
          font-size: 13px;
          font-family: Roboto;
          line-height: inherit; }
        .single-post .facebook-page-promotion .text-promotion .native-like-button {
          display: none; }
        .single-post .facebook-page-promotion .text-promotion .share-button {
          display: block;
          background: var(--blue-500);
          margin: 10px auto;
          width: 160px;
          height: 34px;
          border-radius: 5px;
          border-bottom: 2px solid var(--blue-500);
          color: var(--white);
          line-height: 35px;
          font-size: 13px;
          text-align: left; }
          .single-post .facebook-page-promotion .text-promotion .share-button .thumb-icon {
            background: url(images/promotion-like-thumb.png) no-repeat;
            background-size: 23px 20px;
            display: block;
            width: 23px;
            height: 20px;
            float: left;
            margin: 6px 10px; } }
        @media (max-width: 979px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 979px) and (min-resolution: 192dpi) {
          .single-post .facebook-page-promotion .text-promotion .share-button .thumb-icon {
            background: url(images/promotion-like-thumb@2x.png) no-repeat;
            background-size: 23px 20px; } }
  @media (max-width: 979px) {
      .single-post .facebook-page-promotion #animals-icon {
        background: url(images/promotion-animals-icon.png) no-repeat;
        background-size: 183px 107px;
        width: 183px;
        height: 107px;
        margin: 0 auto;
        float: none;
        position: absolute;
        bottom: 0;
        right: 0;
        top: inherit;
        left: 0; } }
    @media (max-width: 979px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 979px) and (min-resolution: 192dpi) {
      .single-post .facebook-page-promotion #animals-icon {
        background: url(images/promotion-animals-icon@2x.png) no-repeat;
        background-size: 183px 107px; } }
  @media (max-width: 480px) {
    .single-post .facebook-page-promotion {
      margin: 0 10px; } }

.single-post .facebook-page-promotion-text {
  margin: 20px 0 60px 0; }
  .single-post .facebook-page-promotion-text .native-fb-like {
    margin-top: -7px;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    max-height: 30px; }
    @media (max-width: 769px) {
      .single-post .facebook-page-promotion-text .native-fb-like {
        padding: 0 10px; } }

.single .post .entry .facebook-page-promotion-text h3 {
  color: var(--gray-800);
  font-family: roboto;
  font-weight: 500; }
  @media (max-width: 769px) {
    .single .post .entry .facebook-page-promotion-text h3 {
      font-size: 14px;
      padding: 10px; } }
  .single .post .entry .facebook-page-promotion-text h3 a {
    display: initial;
    float: initial;
    text-decoration: underline;
    color: var(--black); }
    .single .post .entry .facebook-page-promotion-text h3 a:hover {
      color: var(--orange-150); }

.facebook-page-promotion {
  display: none; }
  @media (max-width: 479px) {
    .facebook-page-promotion {
      display: block; } }

.facebook-page-promotion-text {
  display: block; }
  @media (max-width: 479px) {
    .facebook-page-promotion-text {
      display: none; } }

.autocomplete-suggestions {
  border: 1px solid var(--gray-400);
  background: var(--white);
  overflow: auto; }

.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden; }

.autocomplete-selected {
  background: var(--gray-100); }

.autocomplete-suggestions strong {
  font-weight: normal;
  color: var(--light-blue-100); }

.autocomplete-group {
  padding: 2px 5px; }

.autocomplete-group strong {
  display: block;
  border-bottom: 1px solid var(--black); }

.load-admin-box, .post-header .load-admin-box {
  display: none;
  width: 150px;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
  font-size: 14px; }
  .load-admin-box:hover, .post-header .load-admin-box:hover {
    color: var(--orange-150); }
  .load-admin-box.visible-request, .post-header .load-admin-box.visible-request {
    display: block; }

.admin-box-ui-widget, .single-open-list-post .ui-widget {
  font-size: 14px;
  line-height: 20px;
  background: var(--white);
  max-width: 350px;
  overflow: auto;
  padding: 10px;
  border: 1px solid #ccc; }
  .admin-box-ui-widget li, .single-open-list-post .ui-widget li {
    padding: 2px; }
    .admin-box-ui-widget li:hover, .single-open-list-post .ui-widget li:hover {
      background: var(--gray-100); }
    .admin-box-ui-widget li a.ui-state-focus, .single-open-list-post .ui-widget li a.ui-state-focus {
      cursor: pointer; }

.post-admin-menu {
  font-size: 12px;
  font-weight: 400;
  color: var(--gray-800);
  margin: 20px auto;
  position: relative;
  border-radius: 0;
  width: 100%;
  padding: 10px 25px;
  display: block;
  box-sizing: border-box;
  border-top: 1px solid var(--border-text-input);
  border-bottom: 1px solid var(--border-text-input); }
  .post-admin-menu .post-categories-list {
    width: 88%;
    display: inline-block;
    margin-top: 5px;
    vertical-align: top; }
    .post-admin-menu .post-categories-list .post-category a {
      display: inline-block; }
  .post-admin-menu .post-admin-menu-block {
    text-align: left;
    padding-bottom: 5px;
    margin-bottom: 5px; }
    .post-admin-menu .post-admin-menu-block .label .main-reference-label {
      color: var(--orange-150);
      font-size: 10px; }
    .post-admin-menu .post-admin-menu-block .post-admin-menu-content.hidden {
      display: none; }
    .post-admin-menu .post-admin-menu-block .post-admin-menu-block-title {
      font-size: 14px;
      font-weight: 500;
      margin-bottom: 2px; }
      .post-admin-menu .post-admin-menu-block .post-admin-menu-block-title .hide-admin-menu-block, .post-admin-menu .post-admin-menu-block .post-admin-menu-block-title .show-admin-menu-block {
        font-size: 10px;
        font-weight: 400;
        display: inline-block; }
    .post-admin-menu .post-admin-menu-block .show-images-queue-errors {
      color: var(--white);
      display: inline;
      text-decoration: underline; }
    .post-admin-menu .post-admin-menu-block .image-queue-errors {
      display: none;
      border: 1px solid #ccc;
      border-radius: 3px;
      padding: 10px; }
      .post-admin-menu .post-admin-menu-block .image-queue-errors .image-queue-error {
        display: block;
        word-break: break-all; }
        .post-admin-menu .post-admin-menu-block .image-queue-errors .image-queue-error a {
          display: inline-block; }
    .post-admin-menu .post-admin-menu-block .error-message, .post-admin-menu .post-admin-menu-block .success-message, .post-admin-menu .post-admin-menu-block .warning-message {
      padding: 10px;
      background-color: var(--orange-200);
      color: var(--white);
      line-height: 20px;
      margin-bottom: 10px;
      margin-top: 10px;
      border-radius: 3px;
      box-sizing: border-box; }
      .post-admin-menu .post-admin-menu-block .error-message.small, .post-admin-menu .post-admin-menu-block .success-message.small, .post-admin-menu .post-admin-menu-block .warning-message.small {
        line-height: 10px;
        margin-bottom: 5px;
        margin-top: 5px; }
    .post-admin-menu .post-admin-menu-block .success-message {
      background-color: var(--green-200); }
    .post-admin-menu .post-admin-menu-block .warning-message {
      background-color: var(--golden-100); }
  .post-admin-menu .category-select {
    margin-top: 10px; }
  .post-admin-menu .additional-info {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px; }
  .post-admin-menu a {
    color: var(--orange-150); }
    .post-admin-menu a:hover {
      color: var(--orange-100); }
  .post-admin-menu .label {
    display: inline-block;
    width: 32%;
    line-height: 22px;
    vertical-align: middle; }
  .post-admin-menu .input {
    display: inline-block;
    width: 67%;
    line-height: 22px;
    vertical-align: middle; }
    .post-admin-menu .input .bonus-author {
      min-width: 35%;
      display: inline-block;
      vertical-align: middle; }
    .post-admin-menu .input .bonus-actions {
      display: inline-block; }
    .post-admin-menu .input .ui-helper-hidden-accessible {
      display: none; }
    .post-admin-menu .input .text-input {
      width: 35%;
      display: inline-block;
      vertical-align: middle;
      font-size: 12px; }
      .post-admin-menu .input .text-input.full-width {
        width: 100%; }
    .post-admin-menu .input select, .post-admin-menu .input input, .post-admin-menu .input textarea {
      width: 35%;
      display: inline-block;
      vertical-align: middle;
      background: var(--post-background);
      color: var(--text-input);
      border: 1px solid var(--border-text-input);
      font-size: 12px;
      height: 20px;
      padding: 2px;
      outline: none;
      border-radius: 3px;
      box-sizing: border-box; }
    .post-admin-menu .input input[type='checkbox'] {
      width: auto;
      height: auto; }
    .post-admin-menu .input .hidden {
      display: none; }
  .post-admin-menu .edit-open-list-description .save-description {
    margin: 6px 22px;
    float: right; }
  .post-admin-menu .edit-block textarea {
    max-width: 84%; }
  .post-admin-menu .admin-button {
    margin-left: 5px;
    width: 65px;
    display: inline-block;
    font-size: 12px;
    height: 20px;
    box-sizing: border-box;
    background: var(--post-background);
    color: var(--on-bg-dark);
    border: 1px solid var(--border-button);
    text-align: center;
    border-radius: 3px;
    vertical-align: middle;
    line-height: 18px;
    cursor: pointer;
    outline: none; }
    .post-admin-menu .admin-button.ctr-button {
      width: auto;
      padding: 0 6px;
      margin-left: 10px; }
    .post-admin-menu .admin-button:hover {
      border: 1px solid var(--green-200);
      background-color: var(--green-200);
      color: var(--white); }
  .post-admin-menu .post-actions a.action-link {
    display: inline-block;
    width: 32%;
    padding: 5px 0;
    box-sizing: border-box;
    vertical-align: top; }
    .post-admin-menu .post-actions a.action-link.hidden {
      display: none; }
    .post-admin-menu .post-actions a.action-link.active {
      color: var(--gray-800); }
      .post-admin-menu .post-actions a.action-link.active:hover {
        opacity: 0.7; }
    .post-admin-menu .post-actions a.action-link.hide-admin-box {
      display: inline-block;
      margin: 0;
      font-size: 10px;
      font-weight: 400;
      vertical-align: middle;
      padding: 0;
      float: right;
      line-height: 16px;
      width: auto; }
  .post-admin-menu #show-feed-admin-box-trigger {
    width: 100%; }
  @media (max-width: 480px) {
    .post-admin-menu {
      border-radius: 0;
      padding: 12px;
      margin: 5px auto; }
      .post-admin-menu .post-categories-list {
        width: calc(100% - 70px); }
      .post-admin-menu .post-actions a {
        width: 49%; }
      .post-admin-menu .admin-button {
        width: 60px; }
      .post-admin-menu .label {
        width: 34%;
        line-height: 20px; }
      .post-admin-menu .input {
        width: 64%; }
        .post-admin-menu .input input, .post-admin-menu .input select {
          width: calc(100% - 70px); }
        .post-admin-menu .input .text-input, .post-admin-menu .input .text-input a {
          width: calc(100% - 70px);
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          vertical-align: middle;
          display: inline-block; }
        .post-admin-menu .input .text-input a {
          width: 100%; } }
  @media (min-width: 768px) {
    .post-admin-menu.visible-mobile {
      display: none; } }
  @media (max-width: 768px) {
    .post-admin-menu.visible-desktop {
      display: none; } }
  .post-admin-menu.hidden {
    display: none; }
  .post-admin-menu.visible-request {
    display: none; }
  .post-admin-menu .remove-post-category, .post-admin-menu .remove-post-type {
    background-image: url("images/remove.png");
    height: 10px;
    width: 10px;
    background-size: 10px;
    margin-left: 2px;
    vertical-align: text-top; }
  .post-admin-menu.open-list-admin, .post-admin-menu.single-open-list-admin {
    border-radius: 0;
    width: 100%;
    border: none;
    margin: 0;
    box-sizing: border-box;
    padding: 10px 0; }
    .post-admin-menu.open-list-admin .post-admin-menu-block, .post-admin-menu.single-open-list-admin .post-admin-menu-block {
      border: none;
      margin: 0;
      padding: 0; }
      .post-admin-menu.open-list-admin .post-admin-menu-block .post-management, .post-admin-menu.single-open-list-admin .post-admin-menu-block .post-management {
        line-height: 16px; }
    .post-admin-menu.open-list-admin .input select, .post-admin-menu.open-list-admin .input input, .post-admin-menu.open-list-admin .input textarea, .post-admin-menu.single-open-list-admin .input select, .post-admin-menu.single-open-list-admin .input input, .post-admin-menu.single-open-list-admin .input textarea {
      width: 84%; }
      .post-admin-menu.open-list-admin .input select[type="checkbox"], .post-admin-menu.open-list-admin .input input[type="checkbox"], .post-admin-menu.open-list-admin .input textarea[type="checkbox"], .post-admin-menu.single-open-list-admin .input select[type="checkbox"], .post-admin-menu.single-open-list-admin .input input[type="checkbox"], .post-admin-menu.single-open-list-admin .input textarea[type="checkbox"] {
        width: 16px; }
      .post-admin-menu.open-list-admin .input select.change-post-title-field, .post-admin-menu.open-list-admin .input input.change-post-title-field, .post-admin-menu.open-list-admin .input textarea.change-post-title-field, .post-admin-menu.single-open-list-admin .input select.change-post-title-field, .post-admin-menu.single-open-list-admin .input input.change-post-title-field, .post-admin-menu.single-open-list-admin .input textarea.change-post-title-field {
        width: calc(100% - 90px); }
      .post-admin-menu.open-list-admin .input select.change-post-author-field, .post-admin-menu.open-list-admin .input select.set-submission-points-field, .post-admin-menu.open-list-admin .input input.change-post-author-field, .post-admin-menu.open-list-admin .input input.set-submission-points-field, .post-admin-menu.open-list-admin .input textarea.change-post-author-field, .post-admin-menu.open-list-admin .input textarea.set-submission-points-field, .post-admin-menu.single-open-list-admin .input select.change-post-author-field, .post-admin-menu.single-open-list-admin .input select.set-submission-points-field, .post-admin-menu.single-open-list-admin .input input.change-post-author-field, .post-admin-menu.single-open-list-admin .input input.set-submission-points-field, .post-admin-menu.single-open-list-admin .input textarea.change-post-author-field, .post-admin-menu.single-open-list-admin .input textarea.set-submission-points-field {
        width: 27%; }
      .post-admin-menu.open-list-admin .input select.change-post-title-option, .post-admin-menu.open-list-admin .input input.change-post-title-option, .post-admin-menu.open-list-admin .input textarea.change-post-title-option, .post-admin-menu.single-open-list-admin .input select.change-post-title-option, .post-admin-menu.single-open-list-admin .input input.change-post-title-option, .post-admin-menu.single-open-list-admin .input textarea.change-post-title-option {
        width: 17px;
        height: 15px; }
    .post-admin-menu.open-list-admin .input textarea, .post-admin-menu.single-open-list-admin .input textarea {
      margin: 0;
      height: 110px;
      vertical-align: top;
      font-family: Merriweather, sans-serif;
      font-weight: 400;
      font-size: 12px; }
      .post-admin-menu.open-list-admin .input textarea.change-post-title-field, .post-admin-menu.single-open-list-admin .input textarea.change-post-title-field {
        height: 70px; }
    .post-admin-menu.open-list-admin .input .source-inputs, .post-admin-menu.single-open-list-admin .input .source-inputs {
      display: inline-block;
      width: 84%; }
      .post-admin-menu.open-list-admin .input .source-inputs .change-source-field, .post-admin-menu.single-open-list-admin .input .source-inputs .change-source-field {
        width: 55%; }
      .post-admin-menu.open-list-admin .input .source-inputs .change-source-author-field, .post-admin-menu.single-open-list-admin .input .source-inputs .change-source-author-field {
        width: 26%; }
    .post-admin-menu.open-list-admin .input .title-combined, .post-admin-menu.single-open-list-admin .input .title-combined {
      display: inline-block;
      width: 84%; }
    @media (max-width: 480px) {
      .post-admin-menu.open-list-admin, .post-admin-menu.single-open-list-admin {
        padding: 10px 12px; }
        .post-admin-menu.open-list-admin .admin-button, .post-admin-menu.single-open-list-admin .admin-button {
          width: 60px; }
        .post-admin-menu.open-list-admin .label, .post-admin-menu.single-open-list-admin .label {
          width: 100%; }
        .post-admin-menu.open-list-admin .input, .post-admin-menu.single-open-list-admin .input {
          width: 100%; }
          .post-admin-menu.open-list-admin .input input, .post-admin-menu.open-list-admin .input select, .post-admin-menu.open-list-admin .input textarea, .post-admin-menu.single-open-list-admin .input input, .post-admin-menu.single-open-list-admin .input select, .post-admin-menu.single-open-list-admin .input textarea {
            width: calc(100% - 70px); }
          .post-admin-menu.open-list-admin .input .source-inputs, .post-admin-menu.single-open-list-admin .input .source-inputs {
            width: calc(100% - 70px); }
            .post-admin-menu.open-list-admin .input .source-inputs .change-source-field, .post-admin-menu.single-open-list-admin .input .source-inputs .change-source-field {
              width: 72%; }
            .post-admin-menu.open-list-admin .input .source-inputs .change-source-author-field, .post-admin-menu.single-open-list-admin .input .source-inputs .change-source-author-field {
              width: 26%; }
          .post-admin-menu.open-list-admin .input .title-combined, .post-admin-menu.single-open-list-admin .input .title-combined {
            width: calc(100% - 70px); } }
  .post-admin-menu.single-open-list-admin {
    padding: 0 25px 20px; }
    .post-admin-menu.single-open-list-admin .input .title-combined, .post-admin-menu.single-open-list-admin .input .source-inputs {
      width: 82%; }
  .post-admin-menu .edit-backend-link {
    margin-bottom: 10px;
    text-align: left; }
    .post-admin-menu .edit-backend-link a {
      display: inline-block; }
    .post-admin-menu .edit-backend-link select {
      max-width: 100%; }
    .post-admin-menu .edit-backend-link input[type="text"] {
      font-size: 14px;
      margin-left: 10px; }
    .post-admin-menu .edit-backend-link .change-post-bonus-field {
      width: 120px;
      margin-right: 10px; }
    .post-admin-menu .edit-backend-link table {
      font-size: 12px; }
      .post-admin-menu .edit-backend-link table td {
        padding-right: 15px; }
  @media (max-width: 980px) {
    .post-admin-menu {
      width: auto; } }
  .post-admin-menu .post-feed-position {
    display: inline-block;
    float: right; }
    .post-admin-menu .post-feed-position .feed-post-up {
      margin-right: 10px; }
    .post-admin-menu .post-feed-position a {
      display: inline-block; }
    .post-admin-menu .post-feed-position a:hover {
      opacity: 0.8; }
  .post-admin-menu .category-select {
    display: none; }
  .post-admin-menu .post-types-list {
    display: inline-block;
    padding-top: 7px; }
    .post-admin-menu .post-types-list .post-type {
      display: inline-flex;
      gap: 3px; }

.top-page-post-benchmarks-table-wrapper {
  display: flex;
  justify-content: center;
  background: var(--post-background); }
  .top-page-post-benchmarks-table-wrapper table.top-page-post-benchmarks-table, .top-page-post-benchmarks-table-wrapper .top-page-post-benchmarks-table th, .top-page-post-benchmarks-table-wrapper .top-page-post-benchmarks-table td {
    border: 1px solid var(--border-mobile-feed-customization-header);
    border-collapse: collapse;
    color: var(--text-input); }
  .top-page-post-benchmarks-table-wrapper .top-page-post-benchmarks-table {
    width: 100%; }
    .top-page-post-benchmarks-table-wrapper .top-page-post-benchmarks-table tbody {
      display: table-row-group; }
    .top-page-post-benchmarks-table-wrapper .top-page-post-benchmarks-table th, .top-page-post-benchmarks-table-wrapper .top-page-post-benchmarks-table td {
      padding: 4px;
      font-size: 13px; }

article.box:hover {
  opacity: 0.8; }

.video-block {
  display: block;
  position: relative;
  width: 100%; }
  .video-block video {
    display: block;
    width: 100%;
    height: auto;
    -webkit-box-shadow: 1px 0.732px 10px 3px rgba(0, 0, 0, 0.071);
    box-shadow: 1px 0.732px 10px 3px rgba(0, 0, 0, 0.071); }
  .video-block.square {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%; }
    .video-block.square video {
      width: 100%;
      height: 100%;
      background: black; }
  .video-block .video-scrollable {
    position: relative; }
  .video-block .unmute-video {
    position: absolute;
    bottom: 25px;
    right: 25px;
    color: white !important;
    font-size: 16px;
    font-family: Roboto, sans-serif;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    text-shadow: 0px 1px rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center; }
    .video-block .unmute-video .unmute-icon {
      background-image: url(images/sprite-sheet.png);
      background-position: 0px -445px;
      width: 24px;
      height: 18px;
      vertical-align: bottom;
      margin-right: 5px;
      display: inline-block; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .video-block .unmute-video .unmute-icon {
          background-image: url(images/sprite-sheet@2x.png);
          background-size: 515px 463px; } }
  .video-block .video-play-icon {
    background: url("images/video-icon.png") !important;
    background-size: 80px 80px;
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    z-index: 991; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .video-block .video-play-icon {
        background: url("images/video-icon@2x.png") !important;
        background-size: 80px 80px !important; } }
    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
      .video-block .video-play-icon {
        background: url("images/video-icon@3x.png") !important;
        background-size: 80px 80px !important; } }
  .video-block .overlay {
    opacity: 1;
    background: var(--black); }
    .video-block .overlay .spinner {
      background-image: url("images/white-loading-spinner.png");
      background-size: 80px; }
  .video-block .adContainer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 990; }

@media (min-width: 980px) {
  .single .post .entry .shareable-post-image:hover .image-share-box {
    display: block; } }

.single .post .entry .shareable-post-image .shareable-image-block {
  position: relative;
  display: block; }
  .single .post .entry .shareable-post-image .shareable-image-block.no-margin {
    padding-bottom: 0; }

.single .post .entry .image-share-box {
  z-index: 2;
  width: 60px;
  height: auto;
  display: none;
  position: absolute;
  top: 0;
  left: -60px;
  padding: inherit;
  box-sizing: border-box; }
  .single .post .entry .image-share-box .social-button {
    color: var(--white);
    display: block;
    min-height: 43px;
    text-align: center;
    padding-top: 17px; }
    .single .post .entry .image-share-box .social-button.fb-share {
      background-color: var(--blue-500); }
      .single .post .entry .image-share-box .social-button.fb-share .svg-icon {
        width: 26px;
        height: 26px; }
      .single .post .entry .image-share-box .social-button.fb-share:hover {
        background-color: var(--blue-400); }
    .single .post .entry .image-share-box .social-button.pinterest-share {
      background-color: var(--red-300); }
      .single .post .entry .image-share-box .social-button.pinterest-share .svg-icon {
        width: 26px;
        height: 26px; }
      .single .post .entry .image-share-box .social-button.pinterest-share:hover {
        background-color: var(--red-200); }
    .single .post .entry .image-share-box .social-button.twitter-share {
      background-color: #6aadd1; }
      .single .post .entry .image-share-box .social-button.twitter-share .svg-icon {
        width: 26px;
        height: 26px; }
      .single .post .entry .image-share-box .social-button.twitter-share:hover {
        background-color: #7abfe4; }
    .single .post .entry .image-share-box .social-button.tumblr-share {
      background-color: #36475d;
      padding-top: 18px;
      min-height: 42px; }
      .single .post .entry .image-share-box .social-button.tumblr-share .svg-icon {
        width: 14px;
        height: 24px; }
      .single .post .entry .image-share-box .social-button.tumblr-share:hover {
        background-color: #45586e; }
    .single .post .entry .image-share-box .social-button.link-share {
      background-color: var(--gray-800); }
      .single .post .entry .image-share-box .social-button.link-share .svg-icon {
        width: 24px;
        height: 24px; }
      .single .post .entry .image-share-box .social-button.link-share:hover {
        background-color: var(--gray-700); }
    .single .post .entry .image-share-box .social-button.copy-link {
      background-color: var(--gray-500);
      padding-bottom: 14px;
      font-size: 15px;
      font-weight: bold;
      line-height: 18px; }
      .single .post .entry .image-share-box .social-button.copy-link:hover {
        background-color: var(--gray-400); }
    .single .post .entry .image-share-box .social-button.email-share-mobile {
      display: none;
      background-color: var(--gray-800); }
    .single .post .entry .image-share-box .social-button.email-share {
      background-color: var(--gray-800); }
      .single .post .entry .image-share-box .social-button.email-share .svg-icon {
        width: 23px;
        height: 17px; }
      .single .post .entry .image-share-box .social-button.email-share:hover {
        background-color: var(--gray-700); }
    .single .post .entry .image-share-box .social-button.whatsapp-share {
      display: none;
      background-color: #2ed269; }
    .single .post .entry .image-share-box .social-button.pinterest-share {
      background-color: var(--red-300); }
      .single .post .entry .image-share-box .social-button.pinterest-share .svg-icon {
        width: 26px;
        height: 26px; }
      .single .post .entry .image-share-box .social-button.pinterest-share:hover {
        background-color: var(--red-200); }
    .single .post .entry .image-share-box .social-button.pinterest-share {
      background-color: var(--red-300); }
      .single .post .entry .image-share-box .social-button.pinterest-share .svg-icon {
        width: 26px;
        height: 26px; }
      .single .post .entry .image-share-box .social-button.pinterest-share:hover {
        background-color: var(--red-200); }
    .single .post .entry .image-share-box .social-button .svg-icon {
      vertical-align: middle; }
  .single .post .entry .image-share-box .statistics {
    width: 60px;
    display: block;
    line-height: 1;
    font-size: 12px;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px; }

@media (max-width: 979px) {
  .single .post .entry .image-share-box {
    bottom: 0;
    top: inherit;
    left: 0;
    width: 100%;
    padding-bottom: inherit; }
    .single .post .entry .image-share-box .social-button {
      display: none;
      height: 44px;
      line-height: 44px;
      width: 25%;
      padding-top: 0; }
      .single .post .entry .image-share-box .social-button.tumblr-share {
        display: none; }
      .single .post .entry .image-share-box .social-button.email-share {
        display: none; }
      .single .post .entry .image-share-box .social-button.whatsapp-share {
        display: inline-block; }
        .single .post .entry .image-share-box .social-button.whatsapp-share .svg-icon {
          width: 23px;
          height: 23px; }
      .single .post .entry .image-share-box .social-button.twitter-share {
        display: inline-block; }
        .single .post .entry .image-share-box .social-button.twitter-share .svg-icon {
          width: 23px;
          height: 23px; }
      .single .post .entry .image-share-box .social-button.email-share-mobile {
        display: inline-block; }
        .single .post .entry .image-share-box .social-button.email-share-mobile .svg-icon {
          width: 23px;
          height: 17px; }
      .single .post .entry .image-share-box .social-button.fb-share {
        display: inline-block; }
        .single .post .entry .image-share-box .social-button.fb-share .svg-icon {
          width: 23px;
          height: 23px; }
      .single .post .entry .image-share-box .social-button.pinterest-share {
        display: inline-block; }
        .single .post .entry .image-share-box .social-button.pinterest-share .svg-icon {
          width: 23px;
          height: 23px; }
    .single .post .entry .image-share-box .statistics {
      display: none; } }

.email-share-modal {
  position: absolute;
  display: none;
  z-index: 999; }
  .email-share-modal .modal-dialog {
    margin: 0;
    height: 100%; }
    .email-share-modal .modal-dialog .modal-content {
      height: auto;
      width: 520px;
      margin-left: 10px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      border: none;
      -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
      box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
      border: 1px solid var(--gray-100); }
      .email-share-modal .modal-dialog .modal-content:after {
        border-right: 6px solid white;
        margin-left: 4px;
        z-index: 1;
        content: "";
        position: absolute;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        top: 188px;
        left: -10px; }
      .email-share-modal .modal-dialog .modal-content .modal-head .modal-close {
        z-index: 1;
        color: var(--gray-100);
        position: absolute;
        right: 13px;
        top: 13px; }
        .email-share-modal .modal-dialog .modal-content .modal-head .modal-close .svg-icon {
          width: 13px;
          height: 13px; }
      .email-share-modal .modal-dialog .modal-content .modal-body {
        padding: 30px;
        height: 100%;
        box-sizing: border-box;
        font-family: Roboto, sans-serif; }
        .email-share-modal .modal-dialog .modal-content .modal-body .success, .email-share-modal .modal-dialog .modal-content .modal-body .success-subscribe {
          display: block; }
          .email-share-modal .modal-dialog .modal-content .modal-body .success .title, .email-share-modal .modal-dialog .modal-content .modal-body .success-subscribe .title {
            padding-bottom: 30px; }
            .email-share-modal .modal-dialog .modal-content .modal-body .success .title i, .email-share-modal .modal-dialog .modal-content .modal-body .success-subscribe .title i {
              color: white;
              background: #56b863;
              border-radius: 50%;
              padding: 8px;
              width: 12px;
              height: 12px;
              display: inline-block;
              vertical-align: middle;
              margin-right: 11px; }
              .email-share-modal .modal-dialog .modal-content .modal-body .success .title i .svg-icon, .email-share-modal .modal-dialog .modal-content .modal-body .success-subscribe .title i .svg-icon {
                width: 12px;
                height: 12px;
                vertical-align: top; }
            .email-share-modal .modal-dialog .modal-content .modal-body .success .title h1, .email-share-modal .modal-dialog .modal-content .modal-body .success-subscribe .title h1 {
              font-size: 18px;
              color: #56b863;
              font-weight: 500;
              display: inline-block;
              vertical-align: middle;
              margin-left: 10px; }
          .email-share-modal .modal-dialog .modal-content .modal-body .success input, .email-share-modal .modal-dialog .modal-content .modal-body .success-subscribe input {
            font-family: Roboto, sans-serif;
            display: block;
            font-size: 16px;
            line-height: 20px;
            color: var(--gray-800);
            width: 100%;
            padding: 15px;
            box-sizing: border-box;
            border: 1px solid var(--gray-200);
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
            margin-top: 20px;
            outline: none; }
          .email-share-modal .modal-dialog .modal-content .modal-body .success .error, .email-share-modal .modal-dialog .modal-content .modal-body .success-subscribe .error {
            font-family: Roboto, sans-serif;
            display: block;
            margin-top: 10px; }
            .email-share-modal .modal-dialog .modal-content .modal-body .success .error i, .email-share-modal .modal-dialog .modal-content .modal-body .success-subscribe .error i {
              background: var(--red-100);
              height: 14px;
              width: 2px;
              color: var(--white);
              display: inline-block;
              padding: 7px 13px;
              border-radius: 50%;
              vertical-align: middle; }
              .email-share-modal .modal-dialog .modal-content .modal-body .success .error i .svg-icon, .email-share-modal .modal-dialog .modal-content .modal-body .success-subscribe .error i .svg-icon {
                vertical-align: top; }
            .email-share-modal .modal-dialog .modal-content .modal-body .success .error .error-text, .email-share-modal .modal-dialog .modal-content .modal-body .success-subscribe .error .error-text {
              font-family: Roboto, sans-serif;
              display: inline-block;
              vertical-align: middle;
              font-weight: 400;
              margin-left: 9px;
              font-size: 14px;
              color: var(--red-100); }
          .email-share-modal .modal-dialog .modal-content .modal-body .success .newsletter .newsletter-info, .email-share-modal .modal-dialog .modal-content .modal-body .success-subscribe .newsletter .newsletter-info {
            margin-top: 21px; }
            .email-share-modal .modal-dialog .modal-content .modal-body .success .newsletter .newsletter-info .text, .email-share-modal .modal-dialog .modal-content .modal-body .success-subscribe .newsletter .newsletter-info .text {
              font-size: 16px;
              line-height: 20px;
              color: var(--gray-800); }
            .email-share-modal .modal-dialog .modal-content .modal-body .success .newsletter .newsletter-info .logo, .email-share-modal .modal-dialog .modal-content .modal-body .success-subscribe .newsletter .newsletter-info .logo {
              background: url("images/newsletter-panda.png") no-repeat;
              background-size: 60px 60px;
              width: 60px;
              height: 60px;
              display: inline-block;
              vertical-align: middle; }
              @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
                .email-share-modal .modal-dialog .modal-content .modal-body .success .newsletter .newsletter-info .logo, .email-share-modal .modal-dialog .modal-content .modal-body .success-subscribe .newsletter .newsletter-info .logo {
                  background: url("images/newsletter-panda@2x.png") no-repeat;
                  background-size: 60px 60px; } }
              @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
                .email-share-modal .modal-dialog .modal-content .modal-body .success .newsletter .newsletter-info .logo, .email-share-modal .modal-dialog .modal-content .modal-body .success-subscribe .newsletter .newsletter-info .logo {
                  background: url("images/newsletter-panda@3x.png");
                  background-size: 60px 60px; } }
            .email-share-modal .modal-dialog .modal-content .modal-body .success .newsletter .newsletter-info .info, .email-share-modal .modal-dialog .modal-content .modal-body .success-subscribe .newsletter .newsletter-info .info {
              display: inline-block;
              font-size: 18px;
              color: var(--gray-800);
              vertical-align: middle;
              margin-left: 7px; }
              .email-share-modal .modal-dialog .modal-content .modal-body .success .newsletter .newsletter-info .info .readers, .email-share-modal .modal-dialog .modal-content .modal-body .success-subscribe .newsletter .newsletter-info .info .readers {
                display: block;
                font-size: 14px;
                color: var(--gray-400);
                font-weight: 400;
                padding-top: 0; }
          .email-share-modal .modal-dialog .modal-content .modal-body .success .buttons, .email-share-modal .modal-dialog .modal-content .modal-body .success-subscribe .buttons {
            margin-top: 20px;
            float: right; }
            .email-share-modal .modal-dialog .modal-content .modal-body .success .buttons .modal-close, .email-share-modal .modal-dialog .modal-content .modal-body .success-subscribe .buttons .modal-close {
              color: var(--gray-400);
              font-size: 14px;
              margin-right: 16px;
              display: inline-block; }
            .email-share-modal .modal-dialog .modal-content .modal-body .success .buttons .sign-up, .email-share-modal .modal-dialog .modal-content .modal-body .success-subscribe .buttons .sign-up {
              background: #56b863;
              color: var(--white);
              font-size: 16px;
              font-weight: bold;
              padding: 12px 22px;
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px;
              -ms-border-radius: 5px;
              -o-border-radius: 5px;
              border-radius: 5px;
              display: inline-block; }
              .email-share-modal .modal-dialog .modal-content .modal-body .success .buttons .sign-up:hover, .email-share-modal .modal-dialog .modal-content .modal-body .success-subscribe .buttons .sign-up:hover {
                background: var(--green-200); }
        .email-share-modal .modal-dialog .modal-content .modal-body .success-subscribe {
          display: none; }
          .email-share-modal .modal-dialog .modal-content .modal-body .success-subscribe .title {
            padding: 0; }
            .email-share-modal .modal-dialog .modal-content .modal-body .success-subscribe .title i {
              margin-right: 0; }
  .email-share-modal.subscribed .modal-dialog .modal-content {
    width: auto; }
    .email-share-modal.subscribed .modal-dialog .modal-content:after {
      top: 30px; }
    .email-share-modal.subscribed .modal-dialog .modal-content .modal-body {
      padding: 20px; }
    .email-share-modal.subscribed .modal-dialog .modal-content .modal-close {
      display: none; }
  .email-share-modal.subscribe-form .modal-dialog .modal-content:after {
    top: 150px; }
  .email-share-modal.link-share-modal .modal-dialog .modal-content:after {
    top: 25px; }
  .email-share-modal.link-share-modal .modal-dialog .modal-content .modal-body {
    padding: 15px; }
    .email-share-modal.link-share-modal .modal-dialog .modal-content .modal-body .success input {
      padding: 5px 10px;
      margin-top: 0; }

.shareable-post-image {
  position: relative; }
  .shareable-post-image .image-shares-share-button {
    display: none;
    line-height: 25px;
    z-index: 1;
    width: 25px;
    height: 25px;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    color: var(--white);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    bottom: 5px;
    right: 5px; }
    .shareable-post-image .image-shares-share-button .svg-icon {
      width: 13px;
      height: 13px;
      vertical-align: top;
      margin-top: 6px; }
    @media (max-width: 979px) {
      .shareable-post-image .image-shares-share-button {
        display: block; } }
    @media (max-width: 768px) {
      .shareable-post-image .image-shares-share-button.single-post-shares {
        margin-right: 25px; } }
    @media (max-width: 480px) {
      .shareable-post-image .image-shares-share-button.single-post-shares {
        margin-right: 0; } }
  .shareable-post-image .attachment-link-container .image-shares-share-button {
    margin-bottom: 0.75em; }

.post-shares-footer .link-share-modal .modal-content {
  width: 680px; }

.post-shares-footer .link-share-modal .modal-content:after {
  display: none; }

.app-banner-download-link {
  display: block;
  padding-top: 20px; }

.app-banner {
  display: block;
  background: #56b863;
  padding-top: 22px;
  text-align: center;
  margin-left: 12px;
  margin-right: 12px; }
  .app-banner .download-button {
    display: block;
    background: url("images/app-banner-download@2x.png") no-repeat;
    background-size: 115px 33px;
    width: 115px;
    height: 33px;
    margin: 20px auto auto;
    padding-bottom: 22px; }
    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
      .app-banner .download-button {
        background: url("images/app-banner-download@3x.png") no-repeat;
        background-size: 115px 33px; } }
  .app-banner.android .download-button {
    background: url("images/android-app-download@2x.png") no-repeat;
    background-size: 101px 31px;
    width: 101px;
    height: 31px; }
    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
      .app-banner.android .download-button {
        background: url("images/android-app-download@3x.png") no-repeat;
        background-size: 101px 31px; } }
  .app-banner.banner-with-logo .panda-logo {
    display: block;
    background: url("images/app-banner-panda-logo@2x.png") no-repeat;
    background-size: 45px 52px;
    width: 45px;
    height: 52px;
    margin: auto; }
    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
      .app-banner.banner-with-logo .panda-logo {
        background: url("images/app-banner-panda-logo@3x.png") no-repeat;
        background-size: 45px 52px; } }
  .app-banner.banner-with-logo .banner-text {
    padding-top: 16px;
    font-family: Roboto, sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: var(--white);
    display: block;
    line-height: 22px;
    margin-left: 20px;
    margin-right: 20px; }
  .app-banner.banner-with-logo .banner-text-smaller {
    display: none; }
  .app-banner.simple-banner {
    text-align: left;
    padding: 30px; }
    .app-banner.simple-banner .panda-logo {
      display: none; }
    .app-banner.simple-banner .banner-text {
      font-family: Roboto, sans-serif;
      font-weight: bold;
      font-size: 27px;
      color: var(--white);
      display: block;
      line-height: 30px; }
    .app-banner.simple-banner .banner-text-smaller {
      font-family: Roboto, sans-serif;
      font-size: 14px;
      color: var(--black);
      font-weight: bold;
      display: block;
      padding-top: 11px; }
    .app-banner.simple-banner .download-button {
      margin: 15px 0 0 0;
      padding: 0; }

.single .post .post-shares-footer {
  display: block;
  background: 0;
  border: 0;
  height: 56px; }
  @media (max-width: 700px) {
    .single .post .post-shares-footer {
      display: none; } }
  .single .post .post-shares-footer .left {
    height: auto;
    box-sizing: content-box; }
    .single .post .post-shares-footer .left .email-share-modal .modal-dialog .modal-content {
      margin-left: -2px;
      margin-top: 10px;
      -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1); }
      .single .post .post-shares-footer .left .email-share-modal .modal-dialog .modal-content:after, .single .post .post-shares-footer .left .email-share-modal .modal-dialog .modal-content:before {
        border-left: 6px solid transparent;
        margin-bottom: -3px;
        z-index: 1;
        content: "";
        position: absolute;
        border-top: 6px solid transparent;
        border-bottom: 6px solid white;
        border-right: 6px solid transparent;
        top: -12px;
        left: 273px; }
      .single .post .post-shares-footer .left .email-share-modal .modal-dialog .modal-content:before {
        border-bottom: 6px solid var(--gray-100);
        top: -13px;
        left: 277px; }
    .single .post .post-shares-footer .left .email-share-modal.subscribed {
      margin-left: 196px; }
      .single .post .post-shares-footer .left .email-share-modal.subscribed .modal-dialog .modal-content:after {
        left: 80px; }
      .single .post .post-shares-footer .left .email-share-modal.subscribed .modal-dialog .modal-content:before {
        left: 84px; }
    .single .post .post-shares-footer .left .footer-share-button {
      color: var(--white);
      display: inline-block;
      vertical-align: middle;
      margin-right: 6px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .single .post .post-shares-footer .left .footer-share-button:last-child {
        margin-right: 0; }
      .single .post .post-shares-footer .left .footer-share-button i .svg-icon {
        height: inherit;
        width: inherit;
        vertical-align: top; }
    .single .post .post-shares-footer .left .fb-footer-share {
      height: 56px;
      line-height: 56px;
      background: var(--blue-500);
      padding-right: 20px;
      font-size: 18px;
      font-weight: 500; }
      .single .post .post-shares-footer .left .fb-footer-share i {
        height: 30px;
        width: 30px;
        display: inline-block;
        vertical-align: middle;
        padding: 13px 16px; }
      .single .post .post-shares-footer .left .fb-footer-share:hover {
        background-color: var(--blue-400); }
    .single .post .post-shares-footer .left .email-footer-share {
      background: var(--gray-800); }
      .single .post .post-shares-footer .left .email-footer-share i {
        width: 36px;
        height: 26px;
        display: inline-block;
        padding: 15px 22px; }
      .single .post .post-shares-footer .left .email-footer-share:hover {
        background-color: var(--gray-700); }
    .single .post .post-shares-footer .left .google-footer-share {
      background: var(--orange-200); }
      .single .post .post-shares-footer .left .google-footer-share i {
        width: 34px;
        height: 34px;
        display: inline-block;
        padding: 11px 23px; }
      .single .post .post-shares-footer .left .google-footer-share:hover {
        background-color: var(--red-100); }
    .single .post .post-shares-footer .left .reddit-footer-share {
      background: var(--orange); }
      .single .post .post-shares-footer .left .reddit-footer-share i {
        width: 32px;
        height: 32px;
        display: inline-block;
        padding: 12px 24px; }
      .single .post .post-shares-footer .left .reddit-footer-share:hover {
        background-color: var(--orange-100); }
    .single .post .post-shares-footer .left .pinterest-footer-share {
      background: var(--red-300); }
      .single .post .post-shares-footer .left .pinterest-footer-share i {
        width: 30px;
        height: 30px;
        padding: 13px 25px;
        display: inline-block; }
      .single .post .post-shares-footer .left .pinterest-footer-share:hover {
        background-color: var(--red-200); }
    .single .post .post-shares-footer .left .twitter-footer-share {
      background: #6aadd1; }
      .single .post .post-shares-footer .left .twitter-footer-share i {
        height: 28px;
        width: 32px;
        display: inline-block;
        padding: 14px 24px; }
      .single .post .post-shares-footer .left .twitter-footer-share:hover {
        background: #7abfe4; }
    .single .post .post-shares-footer .left .tumblr-footer-share {
      background: #36475c; }
      .single .post .post-shares-footer .left .tumblr-footer-share i {
        height: 24px;
        width: 14px;
        display: inline-block;
        padding: 16px 33px; }
      .single .post .post-shares-footer .left .tumblr-footer-share:hover {
        background-color: #45586e; }
    .single .post .post-shares-footer .left .beloud-footer-share {
      background: #db251f;
      max-height: 56px;
      max-width: 80px; }
      .single .post .post-shares-footer .left .beloud-footer-share i, .single .post .post-shares-footer .left .beloud-footer-share img {
        height: 24px;
        display: inline-block;
        padding: 15px 32px; }
      .single .post .post-shares-footer .left .beloud-footer-share:hover {
        background-color: #da352f; }
    .single .post .post-shares-footer .left .post-footer-copy {
      background: grey; }
      .single .post .post-shares-footer .left .post-footer-copy i {
        width: 30px;
        height: 30px;
        padding: 13px 25px;
        display: inline-block; }
      .single .post .post-shares-footer .left .post-footer-copy:hover {
        background-color: darkgrey; }
    @media (max-width: 979px) {
      .single .post .post-shares-footer .left {
        display: block; }
        .single .post .post-shares-footer .left .fb-footer-share {
          padding: 0; }
          .single .post .post-shares-footer .left .fb-footer-share i {
            padding: 13px 25px; }
          .single .post .post-shares-footer .left .fb-footer-share .text {
            display: none; } }
  .single .post .post-shares-footer .right .votes .vote .btn {
    width: 56px;
    height: 56px;
    margin: 0; }
    .single .post .post-shares-footer .right .votes .vote .btn i {
      width: inherit;
      height: inherit; }
      .single .post .post-shares-footer .right .votes .vote .btn i .svg-icon {
        width: 24px;
        height: 28px; }
  .single .post .post-shares-footer .right .votes .points {
    margin-left: 8px;
    margin-right: 8px;
    line-height: 56px;
    font-size: 16px;
    color: var(--gray-800); }
    .single .post .post-shares-footer .right .votes .points span {
      display: none; }
  .single .post .post-shares-footer.mobile {
    display: none;
    margin-top: 0;
    padding: 0 12px;
    height: auto; }
    @media (max-width: 700px) {
      .single .post .post-shares-footer.mobile {
        display: block; } }
    .single .post .post-shares-footer.mobile .left {
      float: none;
      width: 100%;
      display: table;
      height: 45px; }
      .single .post .post-shares-footer.mobile .left .footer-share-button {
        margin-right: 2px; }
        .single .post .post-shares-footer.mobile .left .footer-share-button:last-child {
          margin-right: 0; }
      .single .post .post-shares-footer.mobile .left .fb-footer-share {
        display: table-cell;
        height: auto;
        line-height: 1;
        padding: 0;
        width: 100%;
        text-align: center;
        font-size: 16px; }
        .single .post .post-shares-footer.mobile .left .fb-footer-share i {
          height: 23px;
          width: 23px;
          padding: 11px 0;
          margin-right: 8px; }
        .single .post .post-shares-footer.mobile .left .fb-footer-share span {
          vertical-align: middle; }
          @media (max-width: 330px) {
            .single .post .post-shares-footer.mobile .left .fb-footer-share span {
              display: none; } }
      .single .post .post-shares-footer.mobile .left .email-footer-share i {
        width: 23px;
        height: 17px;
        padding: 14px 20px; }
      .single .post .post-shares-footer.mobile .left .pinterest-footer-share i {
        width: 23px;
        height: 23px;
        padding: 11px 20px; }
      .single .post .post-shares-footer.mobile .left .twitter-footer-share i {
        height: 23px;
        width: 23px;
        padding: 11px 20px; }
      .single .post .post-shares-footer.mobile .left .more-shares {
        background: var(--gray-300); }
        .single .post .post-shares-footer.mobile .left .more-shares i {
          width: 23px;
          height: 23px;
          display: inline-block;
          padding: 11px 20px; }
      .single .post .post-shares-footer.mobile .left .other-shares {
        display: inline-block;
        padding-left: 2px;
        width: 193px; }
    .single .post .post-shares-footer.mobile .additional-shares {
      display: none;
      position: fixed;
      background: rgba(0, 0, 0, 0.7);
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      z-index: 99999; }
      .single .post .post-shares-footer.mobile .additional-shares .additional-shares-content {
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        height: 221px;
        width: 250px;
        background: var(--white);
        font-family: Roboto, sans-serif;
        font-weight: 600;
        font-size: 14px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 3px 15px 9px rgba(0, 0, 0, 0.2);
        box-shadow: 0 3px 15px 9px rgba(0, 0, 0, 0.2); }
      .single .post .post-shares-footer.mobile .additional-shares .additional-shares-top {
        display: block;
        padding: 0 4px 0 18px;
        height: 40px;
        line-height: 40px;
        background: var(--gray-300);
        color: var(--white);
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        -ms-border-radius: 3px 3px 0 0;
        -o-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0; }
        .single .post .post-shares-footer.mobile .additional-shares .additional-shares-top .close {
          float: right;
          width: 40px;
          text-align: center; }
      .single .post .post-shares-footer.mobile .additional-shares .additional-shares-row {
        height: 44px;
        line-height: 44px;
        display: block;
        padding: 0 18px; }
        .single .post .post-shares-footer.mobile .additional-shares .additional-shares-row .title {
          vertical-align: middle;
          margin-left: 10px;
          color: var(--gray-400);
          font-weight: 500; }
        .single .post .post-shares-footer.mobile .additional-shares .additional-shares-row i {
          width: 23px;
          height: 23px;
          display: inline-block;
          vertical-align: middle;
          text-align: center; }
        .single .post .post-shares-footer.mobile .additional-shares .additional-shares-row.whatsapp .svg-icon {
          width: 23px;
          height: 23px;
          color: #2ed269;
          vertical-align: top; }
        .single .post .post-shares-footer.mobile .additional-shares .additional-shares-row.email .svg-icon {
          width: 23px;
          height: 23px;
          color: var(--gray-800);
          vertical-align: top; }
        .single .post .post-shares-footer.mobile .additional-shares .additional-shares-row.tumblr .svg-icon {
          width: 12px;
          height: 22px;
          color: #36475c;
          vertical-align: top; }
        .single .post .post-shares-footer.mobile .additional-shares .additional-shares-row.beloud img {
          height: 22px;
          vertical-align: top; }
        .single .post .post-shares-footer.mobile .additional-shares .additional-shares-row.twitter .svg-icon {
          height: 23px;
          width: 19px;
          color: #6aadd1;
          vertical-align: top; }
        .single .post .post-shares-footer.mobile .additional-shares .additional-shares-row.sms .svg-icon {
          width: 22px;
          height: 23px;
          color: var(--gray-800);
          vertical-align: top; }
        .single .post .post-shares-footer.mobile .additional-shares .additional-shares-row.share .svg-icon {
          width: 22px;
          height: 23px;
          color: var(--gray-800);
          vertical-align: top; }
    .single .post .post-shares-footer.mobile .shares-newsletter-sign-up {
      display: none;
      width: 100%;
      background: #56b863;
      padding: 20px;
      box-sizing: border-box;
      margin-top: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      font-family: Roboto, sans-serif; }
      .single .post .post-shares-footer.mobile .shares-newsletter-sign-up .title {
        font-size: 20px;
        line-height: 24px;
        color: var(--white);
        display: block;
        font-weight: bold; }
      .single .post .post-shares-footer.mobile .shares-newsletter-sign-up .text {
        padding-top: 10px;
        display: block;
        color: var(--white);
        font-size: 13px; }
      .single .post .post-shares-footer.mobile .shares-newsletter-sign-up .form {
        padding-top: 15px; }
        .single .post .post-shares-footer.mobile .shares-newsletter-sign-up .form .email {
          font-size: 13px;
          line-height: 15px;
          color: var(--gray-800);
          padding: 15px;
          border: none;
          margin-right: 5px;
          width: calc(100% - 126px);
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px; }
        .single .post .post-shares-footer.mobile .shares-newsletter-sign-up .form .sign-up {
          background: var(--gray-800);
          color: var(--white);
          border: none;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px;
          font-size: 13px;
          line-height: 15px;
          font-weight: bold;
          padding: 15px 14px;
          font-family: Roboto, sans-serif; }
    .single .post .post-shares-footer.mobile .footer-author-info-mobile {
      padding-top: 20px;
      height: 34px;
      line-height: 34px; }
      .single .post .post-shares-footer.mobile .footer-author-info-mobile .left {
        float: left;
        width: 70%;
        height: 34px; }
        .single .post .post-shares-footer.mobile .footer-author-info-mobile .left .vote-panel .vote {
          height: 34px; }
        .single .post .post-shares-footer.mobile .footer-author-info-mobile .left .vote-panel .points {
          line-height: 34px;
          margin-left: 0; }
          .single .post .post-shares-footer.mobile .footer-author-info-mobile .left .vote-panel .points span {
            display: inline-block !important;
            font-weight: 500; }
      .single .post .post-shares-footer.mobile .footer-author-info-mobile .right {
        float: right;
        margin: 0;
        line-height: 1; }
        .single .post .post-shares-footer.mobile .footer-author-info-mobile .right .post-author img {
          width: 34px;
          height: 34px;
          border-radius: 50%; }

.additional-shares-open {
  overflow: hidden; }

@media (min-width: 701px) {
  .footer-author-info-mobile {
    display: none !important; } }

@media (min-width: 1070px) {
  .narrow-post .post-shares-footer .fb-footer-share i {
    padding: 13px 16px !important; }
  .narrow-post .post-shares-footer .twitter-footer-share i {
    padding: 14px 15px !important; }
  .narrow-post .post-shares-footer .pinterest-footer-share i {
    padding: 13px 16px !important; }
  .narrow-post .post-shares-footer .tumblr-footer-share i {
    padding: 16px 24px !important; }
  .narrow-post .post-shares-footer .beloud-footer-share img {
    padding: 15px 22.5px !important; }
  .narrow-post .post-shares-footer .reddit-footer-share i {
    padding: 12px 15px !important; }
  .narrow-post .post-shares-footer .copy-post-link i {
    padding: 13px 16px !important; } }

@media only screen and (min-width: 701px) and (max-width: 979px) {
  .post-shares-footer .fb-footer-share i {
    padding: 13px 19px !important; }
  .post-shares-footer .twitter-footer-share i {
    padding: 14px 18px !important; }
  .post-shares-footer .pinterest-footer-share i {
    padding: 13px 19px !important; }
  .post-shares-footer .tumblr-footer-share i {
    padding: 16px 27px !important; }
  .post-shares-footer .beloud-footer-share img {
    padding: 15px 25.5px !important; }
  .post-shares-footer .reddit-footer-share i {
    padding: 12px 18px !important; }
  .post-shares-footer .copy-post-link i {
    padding: 13px 19px !important; } }

@media only screen and (min-width: 980px) and (max-width: 1070px) {
  .post-shares-footer .fb-footer-share i {
    padding: 13px 16px !important; }
  .post-shares-footer .twitter-footer-share i {
    padding: 14px 15px !important; }
  .post-shares-footer .pinterest-footer-share i {
    padding: 13px 16px !important; }
  .post-shares-footer .tumblr-footer-share i {
    padding: 16px 24px !important; }
  .post-shares-footer .beloud-footer-share img {
    padding: 15px 22.5px !important; }
  .post-shares-footer .reddit-footer-share i {
    padding: 12px 15px !important; }
  .post-shares-footer .copy-post-link i {
    padding: 13px 16px !important; } }

@media (min-width: 701px) {
  .single.narrow-post-700 .post .post-shares-footer .left .fb-footer-share, .single.narrow-post .post .post-shares-footer .left .fb-footer-share {
    padding: 0; }
    .single.narrow-post-700 .post .post-shares-footer .left .fb-footer-share i, .single.narrow-post .post .post-shares-footer .left .fb-footer-share i {
      padding: 13px 25px; }
    .single.narrow-post-700 .post .post-shares-footer .left .fb-footer-share .text, .single.narrow-post .post .post-shares-footer .left .fb-footer-share .text {
      display: none; } }

.single-post.single.wide-post .top-728x90-ad, .single-post.narrow-post-700 .top-728x90-ad, .single-post.narrow-post .top-728x90-ad {
  padding-bottom: 15px;
  padding-top: 10px; }
  @media (max-width: 979px) {
    .single-post.single.wide-post .top-728x90-ad, .single-post.narrow-post-700 .top-728x90-ad, .single-post.narrow-post .top-728x90-ad {
      display: none; } }

.single-post.narrow-post .top-728x90-ad {
  display: none; }

@media (max-width: 480px) {
  .single-post .main .post-content.quiz-post h2 {
    padding-left: 12px;
    padding-right: 12px; } }

.single-post .main .post-content.quiz-post .quiz-block {
  margin-bottom: 10px; }
  .single-post .main .post-content.quiz-post .quiz-block .quiz-question {
    font-size: 22px;
    line-height: 25px; }
  @media (max-width: 768px) {
    .single-post .main .post-content.quiz-post .quiz-block .quiz-answers {
      padding-left: 25px;
      padding-right: 25px; } }
  @media (max-width: 480px) {
    .single-post .main .post-content.quiz-post .quiz-block .quiz-answers {
      padding-left: 12px;
      padding-right: 12px; } }
  .single-post .main .post-content.quiz-post .quiz-block .quiz-answers .answer label {
    cursor: pointer; }
  .single-post .main .post-content.quiz-post .quiz-block .quiz-answers .answer input[type="radio"] {
    vertical-align: middle;
    content: "";
    outline: none;
    -webkit-appearance: none;
    background-image: url("images/checkbox.svg");
    display: inline-block;
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    margin-right: 5px;
    cursor: pointer; }
    .single-post .main .post-content.quiz-post .quiz-block .quiz-answers .answer input[type="radio"]:checked {
      content: "";
      outline: none;
      -webkit-appearance: none;
      background-image: url("images/checkbox-checked.svg"); }
  .single-post .main .post-content.quiz-post .quiz-block .quiz-answers .answer .text {
    vertical-align: middle; }

.single-post .main .post-content.quiz-post .quiz-result {
  padding-bottom: 40px; }
  .single-post .main .post-content.quiz-post .quiz-result .border-block {
    width: 100%;
    display: inline-block;
    background-color: var(--white);
    -webkit-box-shadow: 1px 0.732px 10px 3px rgba(0, 0, 0, 0.071);
    box-shadow: 1px 0.732px 10px 3px rgba(0, 0, 0, 0.071);
    padding: 35px;
    box-sizing: border-box;
    font-family: Merriweather, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--gray-800);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-top: 40px; }
    @media (max-width: 480px) {
      .single-post .main .post-content.quiz-post .quiz-result .border-block {
        padding: 20px; } }
  .single-post .main .post-content.quiz-post .quiz-result .question {
    font-weight: bold;
    color: var(--black);
    font-size: 22px; }
  .single-post .main .post-content.quiz-post .quiz-result h3, .single-post .main .post-content.quiz-post .quiz-result p {
    padding-left: 0;
    padding-right: 0; }
  .single-post .main .post-content.quiz-post .quiz-result img {
    margin-bottom: 10px; }
  @media (max-width: 768px) {
    .single-post .main .post-content.quiz-post .quiz-result {
      padding-left: 25px;
      padding-right: 25px; } }
  @media (max-width: 480px) {
    .single-post .main .post-content.quiz-post .quiz-result {
      padding-left: 12px;
      padding-right: 12px; } }

.single-post .main .post-content.quiz-post .quiz-submit {
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  line-height: 1;
  border: 0;
  background: #56b863;
  color: var(--white);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 500;
  font-family: Roboto, sans-serif;
  padding: 12px 18px;
  margin-top: 15px;
  margin-bottom: 20px; }
  .single-post .main .post-content.quiz-post .quiz-submit:hover {
    background: var(--green-200); }
  @media (max-width: 768px) {
    .single-post .main .post-content.quiz-post .quiz-submit {
      margin-left: 25px;
      margin-right: 25px; } }
  @media (max-width: 480px) {
    .single-post .main .post-content.quiz-post .quiz-submit {
      margin-left: 12px;
      margin-right: 12px; } }

.single-post .main .post-content.quiz-post .quiz-error p {
  color: red;
  margin-top: 10px; }

.single-post .main .post-content twitterwidget {
  width: 100% !important; }

.single-post .main .post-content ::shadow .EmbeddedTweet {
  max-width: 100%; }

.single .post .entry .embed-html .embedTwitter {
  display: block;
  width: 100%;
  max-width: 1000px;
  line-height: 1;
  padding: 20px;
  border: 1px solid var(--gray-100);
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 22px;
  color: #303436;
  font-family: Helvetica, Roboto, "Segoe UI", Calibri, sans-serif;
  min-width: 320px; }

.single .post .entry .embed-html .embedTwitter a {
  color: inherit; }

.single .post .entry .embed-html .embedTwitter a:hover {
  color: var(--light-blue-100);
  text-decoration: underline; }

.single .post .entry .embed-html .embedTwitter__head {
  width: 100%;
  display: grid;
  grid-template-areas: "avatar title logo" "avatar subtitle logo" "avatar text logo" "avatar likes logo";
  grid-template-columns: auto 1fr auto;
  grid-template-rows: 1fr 1fr;
  margin-bottom: 20px; }

.single .post .entry .embed-html .embedTwitter__replyTo:after {
  bottom: 0;
  border-color: var(--light-blue-200);
  border-style: solid;
  border-width: 2px;
  border-radius: 2px;
  content: "";
  position: absolute;
  left: 25px;
  top: 60px; }

.single .post .entry .embed-html .embedTwitter__replyTo {
  position: relative; }
  .single .post .entry .embed-html .embedTwitter__replyTo .embedTwitter__head {
    grid-template-rows: 2fr 1fr; }
  .single .post .entry .embed-html .embedTwitter__replyTo .embedTwitter__replyToBody {
    grid-area: text; }
  .single .post .entry .embed-html .embedTwitter__replyTo .embedTwitter__headAvatar {
    font-size: 22px; }
  .single .post .entry .embed-html .embedTwitter__replyTo .embedTwitter__headSubtitle, .single .post .entry .embed-html .embedTwitter__replyTo .time {
    font-size: 0.7em;
    color: var(--gray-blue-600); }
  .single .post .entry .embed-html .embedTwitter__replyTo .embedTwitter_userVerified {
    width: 15px;
    height: 15px; }
  .single .post .entry .embed-html .embedTwitter__replyTo .time:before {
    content: "\00b7";
    padding-right: 5px; }
  .single .post .entry .embed-html .embedTwitter__replyTo .embedTwitter__footer {
    grid-area: likes; }

.single .post .entry .embed-html .replyTo {
  font-size: 14px;
  color: var(--gray-blue-600); }

.single .post .entry .embed-html .embedTwitter__headAvatar {
  margin-right: 10px;
  grid-area: avatar; }

.single .post .entry .embed-html .embedTwitter__headAvatar img {
  width: 2.5em;
  border-radius: 100%; }

.single .post .entry .embed-html .embedTwitter__headTitle {
  grid-area: title;
  font-size: 1em;
  align-self: end; }

.single .post .entry .embed-html .embedTwitter_userVerified {
  width: 20px;
  height: 20px;
  margin: 0 5px;
  display: inline; }

.single .post .entry .embed-html .embedTwitter__headSubtitle {
  grid-area: subtitle;
  font-size: 0.7em;
  color: var(--gray-blue-600);
  margin-top: 5px; }

.single .post .entry .embed-html .embedTwitter__headLogo {
  grid-area: logo;
  width: 28px;
  height: 28px;
  background: center no-repeat url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%231da1f2%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E);
  background-size: contain; }

.single .post .entry .embed-html .embedTwitter__bodyPrefix {
  font-size: 0.7em;
  color: var(--gray-blue-600);
  margin-bottom: 5px; }

.single .post .entry .embed-html .embedTwitter__bodyText {
  margin-bottom: 10px; }
  .single .post .entry .embed-html .embedTwitter__bodyText .text a {
    margin: 0; }
  .single .post .entry .embed-html .embedTwitter__bodyText .doublePhoto {
    display: inline-block;
    overflow: hidden;
    height: 300px; }
    .single .post .entry .embed-html .embedTwitter__bodyText .doublePhoto img {
      width: calc(50% - 2px);
      margin: 1px;
      display: inline;
      vertical-align: top; }

.single .post .entry .embed-html .embedTwitter__bodyText p {
  line-height: 1.5;
  text-align: left;
  padding: 0 0 12px; }
  .single .post .entry .embed-html .embedTwitter__bodyText p img {
    height: 1.25em;
    width: 1.25em;
    padding: 0 .05em 0 .1em;
    vertical-align: -0.2em;
    margin-left: inherit;
    margin-right: inherit;
    display: inline; }

.single .post .entry .embed-html .embedTwitter__bodyText a {
  color: var(--light-blue-100);
  margin-left: 8px; }

.single .post .entry .embed-html .embedTwitter__bodyDate {
  font-size: 0.7em;
  color: var(--gray-blue-600);
  margin-bottom: 10px; }

.single .post .entry .embed-html .embedTwitter__footer {
  font-size: 0.7em;
  color: var(--gray-blue-600); }

.single .post .entry .embed-html .embedTwitter__footerItem {
  display: inline-block;
  margin-right: 10px; }

.single .post .entry .embed-html .embedTwitter__footerItem:before {
  content: '';
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: -0.33em; }

.single .post .entry .embed-html .embedTwitter__footerItem--empty:before {
  display: none; }

.single .post .entry .embed-html .embedTwitter__footerItem--heart:before {
  background: center no-repeat url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23697882%22%20d%3D%22M12%2021.638h-.014C9.403%2021.59%201.95%2014.856%201.95%208.478c0-3.064%202.525-5.754%205.403-5.754%202.29%200%203.83%201.58%204.646%202.73.813-1.148%202.353-2.73%204.644-2.73%202.88%200%205.404%202.69%205.404%205.755%200%206.375-7.454%2013.11-10.037%2013.156H12zM7.354%204.225c-2.08%200-3.903%201.988-3.903%204.255%200%205.74%207.035%2011.596%208.55%2011.658%201.52-.062%208.55-5.917%208.55-11.658%200-2.267-1.822-4.255-3.902-4.255-2.528%200-3.94%202.936-3.952%202.965-.23.562-1.156.562-1.387%200-.015-.03-1.426-2.965-3.955-2.965z%22%2F%3E%3C%2Fsvg%3E);
  background-size: contain; }

.single .post .entry .embed-html .embedTwitter__footerItem--comment:before {
  background: center no-repeat url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23697882%22%20d%3D%22M14.046%202.242l-4.148-.01h-.002c-4.374%200-7.8%203.427-7.8%207.802%200%204.098%203.186%207.206%207.465%207.37v3.828c0%20.108.045.286.12.403.143.225.385.347.633.347.138%200%20.277-.038.402-.118.264-.168%206.473-4.14%208.088-5.506%201.902-1.61%203.04-3.97%203.043-6.312v-.017c-.006-4.368-3.43-7.788-7.8-7.79zm3.787%2012.972c-1.134.96-4.862%203.405-6.772%204.643V16.67c0-.414-.334-.75-.75-.75h-.395c-3.66%200-6.318-2.476-6.318-5.886%200-3.534%202.768-6.302%206.3-6.302l4.147.01h.002c3.532%200%206.3%202.766%206.302%206.296-.003%201.91-.942%203.844-2.514%205.176z%22%2F%3E%3C%2Fsvg%3E);
  background-size: contain; }

@media (max-width: 768px) {
  .single .post .entry .embed-html .embedTwitter {
    font-size: 18px; } }

.title-container {
  display: block;
  padding: 12px 60px 20px 45px;
  width: 100%;
  box-sizing: border-box;
  position: relative; }
  @media (max-width: 768px) {
    .title-container {
      padding-left: 25px; } }

.title-container-h2 {
  padding: 12px 60px 20px 25px; }
  @media (max-width: 480px) {
    .title-container-h2 {
      padding-left: 1.563em !important; } }

.posts .post h2 h2, .post .title-container h2 {
  display: inline;
  padding: 0;
  vertical-align: middle; }

.posts .post h2 .post-title, .post .title-container .post-title {
  padding: 0 !important;
  display: inline;
  vertical-align: middle; }

.posts .post h2 .title-interview, .post .title-container .title-interview {
  display: inline-block;
  font-size: 1.1em;
  color: var(--orange-150);
  vertical-align: middle;
  white-space: nowrap;
  padding: 5px 0; }

.posts .post h2 .title-interview, .post .post-title .title-interview {
  display: inline-block;
  font-size: 0.55em;
  color: var(--orange-150);
  vertical-align: middle;
  white-space: nowrap;
  padding: 5px 0; }

.post-recommendations .box-title .title-interview {
  display: inline;
  font-size: 0.65em;
  color: var(--orange-150);
  vertical-align: middle;
  white-space: nowrap; }

.post-bottom-list .box-title .title-interview {
  display: inline;
  font-size: 0.75em;
  color: var(--orange-150);
  vertical-align: middle;
  white-space: nowrap; }

.sidebar .trending-posts-feed .title-interview {
  display: inline;
  font-size: 0.75em;
  color: var(--orange-150);
  vertical-align: middle;
  white-space: nowrap; }

.facebook-embed {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0; }
  .facebook-embed.vertical {
    padding-bottom: 177%; }
  .facebook-embed iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute; }

.more-on-this {
  background: var(--post-background); }
  .more-on-this .title {
    font-size: 21px;
    color: var(--orange-150); }
  .more-on-this .suggestions-block {
    font-family: Merriweather, serif; }
    .more-on-this .suggestions-block .post-suggestion {
      padding: 5px 0px; }
      .more-on-this .suggestions-block .post-suggestion .suggestion-title {
        text-transform: capitalize;
        color: var(--on-bg-dark);
        font-size: 16px;
        font-weight: bold;
        line-height: 20px; }
      .more-on-this .suggestions-block .post-suggestion .suggestion-title:hover {
        color: var(--orange-150); }
      .more-on-this .suggestions-block .post-suggestion .info {
        color: #949494;
        font-size: 13px;
        margin: 7px 0; }

#bp-post-review-block {
  font-family: Roboto, sans-serif;
  font-style: normal;
  display: block; }
  #bp-post-review-block.bp-post-review {
    background: var(--white);
    border-width: 1px 0;
    border-style: solid;
    border-color: var(--gray-100);
    box-sizing: border-box;
    padding: 32px 24px;
    margin-top: 20px; }
    #bp-post-review-block.bp-post-review .bp-post-review-header {
      padding-bottom: 32px; }
      #bp-post-review-block.bp-post-review .bp-post-review-header .bp-post-review-header-image {
        text-align: center;
        padding-bottom: 16px;
        position: relative; }
        #bp-post-review-block.bp-post-review .bp-post-review-header .bp-post-review-header-image .bp-post-review-header-back {
          position: absolute;
          left: 0;
          top: 4px;
          width: 40px;
          height: 40px;
          display: flex;
          background: var(--gray-100);
          border-radius: 50%;
          text-align: center;
          justify-content: space-around;
          align-items: center;
          cursor: pointer; }
          #bp-post-review-block.bp-post-review .bp-post-review-header .bp-post-review-header-image .bp-post-review-header-back i {
            display: inline-flex; }
      #bp-post-review-block.bp-post-review .bp-post-review-header .bp-post-review-header-title {
        font-family: Merriweather, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        color: var(--gray-800);
        padding-bottom: 8px; }
      #bp-post-review-block.bp-post-review .bp-post-review-header .bp-post-review-header-description {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: var(--gray-400); }
    #bp-post-review-block.bp-post-review .bp-post-review-body .bp-post-review-body-review-icons {
      display: flex;
      flex-flow: row nowrap;
      justify-content: center; }
    #bp-post-review-block.bp-post-review .bp-post-review-body .bp-post-review-body-review-icon {
      display: flex;
      flex-flow: column;
      padding: 0 12px;
      cursor: pointer; }
      #bp-post-review-block.bp-post-review .bp-post-review-body .bp-post-review-body-review-icon .bp-post-review-body-review-icon-text {
        font-weight: 500;
        font-size: 12px;
        line-height: 14px;
        align-items: center;
        text-align: center;
        color: var(--gray-400);
        padding-top: 16px; }
    #bp-post-review-block.bp-post-review .bp-post-review-body-expanded .bp-post-review-body-expanded-title {
      font-family: Merriweather, sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 18px;
      line-height: 25px;
      color: var(--gray-800);
      margin-bottom: 8px; }
      #bp-post-review-block.bp-post-review .bp-post-review-body-expanded .bp-post-review-body-expanded-title i {
        color: var(--orange-150);
        font-style: normal; }
    #bp-post-review-block.bp-post-review .bp-post-review-body-expanded .bp-post-review-body-expanded-info {
      font-family: 'Roboto', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      color: var(--gray-400); }
    #bp-post-review-block.bp-post-review .bp-post-review-body-expanded .bp-post-review-body-expanded-values {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      padding: 16px 0 32px; }
      #bp-post-review-block.bp-post-review .bp-post-review-body-expanded .bp-post-review-body-expanded-values .bp-post-review-body-expanded-button {
        box-sizing: border-box;
        padding: 9px 26px;
        border: 1px solid var(--gray-400);
        border-radius: 4px;
        background: var(--white);
        font-family: Roboto, sans-serif;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: var(--gray-800);
        cursor: pointer; }
        #bp-post-review-block.bp-post-review .bp-post-review-body-expanded .bp-post-review-body-expanded-values .bp-post-review-body-expanded-button:hover, #bp-post-review-block.bp-post-review .bp-post-review-body-expanded .bp-post-review-body-expanded-values .bp-post-review-body-expanded-button.active {
          background-color: #56b863;
          border-color: #56b863;
          color: var(--white); }
    #bp-post-review-block.bp-post-review .bp-post-review-body-expanded .bp-post-review-body-expanded-comment {
      font-family: Roboto, sans-serif;
      box-sizing: border-box;
      padding: 16px;
      width: 100%;
      min-height: 175px;
      resize: none;
      background: var(--white);
      border: 1px solid var(--gray-400);
      border-radius: 4px;
      margin-top: 16px;
      font-weight: 400;
      font-size: 16px;
      line-height: 22px;
      color: var(--gray-500);
      outline: none; }
    #bp-post-review-block.bp-post-review .bp-post-review-body-expanded .bp-post-review-body-expanded-submit-button {
      font-family: Roboto, sans-serif;
      font-weight: 600;
      font-size: 14px;
      line-height: 24px;
      color: var(--white);
      width: 100%;
      box-sizing: border-box;
      padding: 9px 16px;
      margin-top: 40px;
      background: #56b863;
      border-radius: 4px;
      border: none;
      cursor: pointer; }
      #bp-post-review-block.bp-post-review .bp-post-review-body-expanded .bp-post-review-body-expanded-submit-button:hover {
        background: var(--green-200); }
    #bp-post-review-block.bp-post-review .bp-post-review-body-expanded .bp-post-review-body-expanded-improve-suggestions {
      display: flex;
      flex-flow: row wrap;
      gap: 10px; }
      #bp-post-review-block.bp-post-review .bp-post-review-body-expanded .bp-post-review-body-expanded-improve-suggestions .bp-post-review-body-expanded-improve-suggestion {
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        display: flex;
        align-items: center;
        text-align: center;
        box-sizing: border-box;
        padding: 9px 16px;
        background: var(--white);
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 30px;
        color: var(--gray-400);
        cursor: pointer; }
        #bp-post-review-block.bp-post-review .bp-post-review-body-expanded .bp-post-review-body-expanded-improve-suggestions .bp-post-review-body-expanded-improve-suggestion.active {
          background: #56b863;
          color: var(--white); }
  @media (max-width: 480px) {
    #bp-post-review-block.bp-post-review {
      margin-top: 0; }
      #bp-post-review-block.bp-post-review .bp-post-review-body .bp-post-review-body-review-icons {
        justify-content: space-evenly; }
      #bp-post-review-block.bp-post-review .bp-post-review-body .bp-post-review-body-review-icon {
        padding: 0; } }
  @media (min-width: 481px) {
    #bp-post-review-block.bp-post-review {
      border: 0; }
      #bp-post-review-block.bp-post-review .bp-post-review-voted, #bp-post-review-block.bp-post-review .bp-post-review-not-voted {
        max-width: 440px;
        margin: 0 auto; }
      #bp-post-review-block.bp-post-review .bp-post-review-body-expanded .bp-post-review-body-expanded-values .bp-post-review-body-expanded-button {
        padding: 12px 32px; } }
  #bp-post-review-block .component-fade-enter-active, #bp-post-review-block .component-fade-leave-active {
    transition: opacity .4s ease; }
  #bp-post-review-block .component-fade-enter, #bp-post-review-block .component-fade-leave-to {
    opacity: 0; }

.boredpanda-carousel-widget:not(.boredpanda-carousel-widget.bpnews-ticker-carousel) {
  width: 100%;
  position: relative;
  margin-bottom: 1.688em; }
  @media (max-width: 480px) {
    .boredpanda-carousel-widget:not(.boredpanda-carousel-widget.bpnews-ticker-carousel) {
      width: calc(100% + 1.025em); } }

.boredpanda-carousel-widget .carousel-logo {
  height: 16px;
  margin-top: 16px;
  color: #949494;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  display: block; }
  .boredpanda-carousel-widget .carousel-logo .logo-icon-popnuggets {
    background-image: var(--popnuggets);
    width: 75px;
    background-size: contain;
    height: 24px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px; }
  .boredpanda-carousel-widget .carousel-logo .logo-icon-8legs {
    background-image: var(--eightlegs);
    width: 43px;
    background-size: contain;
    height: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px; }

.boredpanda-carousel-widget .boredpanda-carousel-footer {
  text-align: center; }
  @media (max-width: 480px) {
    .boredpanda-carousel-widget .boredpanda-carousel-footer {
      margin-right: 1.025em; } }
  .boredpanda-carousel-widget .boredpanda-carousel-footer a {
    color: var(--orange-150);
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-decoration-line: underline; }
    .boredpanda-carousel-widget .boredpanda-carousel-footer a .svg-icon {
      vertical-align: middle;
      margin-left: 8px;
      width: 14px;
      height: 14px; }

.boredpanda-carousel-widget .boredpanda-carousel-widget-header {
  display: inline-block; }

.boredpanda-carousel-widget .boredpanda-carousel-widget-controls {
  display: flex;
  float: right;
  position: relative; }
  @media (max-width: 480px) {
    .boredpanda-carousel-widget .boredpanda-carousel-widget-controls {
      margin-right: 1.025em; } }

.boredpanda-carousel-widget .boredpanda-carousel-posts-next, .boredpanda-carousel-widget .boredpanda-carousel-posts-previous {
  background: var(--wishlist-similar-items);
  text-align: center;
  filter: drop-shadow(0px 6px 30px rgba(0, 0, 0, 0.08));
  cursor: pointer;
  width: 48px;
  height: 48px;
  border-radius: 3px;
  color: var(--wishlist-black);
  border: var(--carousel-controls-border);
  position: absolute;
  right: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center; }
  .boredpanda-carousel-widget .boredpanda-carousel-posts-next .svg-icon, .boredpanda-carousel-widget .boredpanda-carousel-posts-previous .svg-icon {
    width: 12px;
    height: 12px;
    vertical-align: middle;
    margin-left: 2px; }
  .boredpanda-carousel-widget .boredpanda-carousel-posts-next:hover, .boredpanda-carousel-widget .boredpanda-carousel-posts-previous:hover {
    color: var(--orange-150); }
  .boredpanda-carousel-widget .boredpanda-carousel-posts-next.inactive, .boredpanda-carousel-widget .boredpanda-carousel-posts-previous.inactive {
    cursor: not-allowed;
    opacity: 0.8; }
    .boredpanda-carousel-widget .boredpanda-carousel-posts-next.inactive:hover, .boredpanda-carousel-widget .boredpanda-carousel-posts-previous.inactive:hover {
      color: var(--wishlist-store); }
  @media (max-width: 480px) {
    .boredpanda-carousel-widget .boredpanda-carousel-posts-next, .boredpanda-carousel-widget .boredpanda-carousel-posts-previous {
      width: 38px;
      height: 38px; } }

.boredpanda-carousel-widget .boredpanda-carousel-posts-previous {
  right: 60px; }
  @media (max-width: 480px) {
    .boredpanda-carousel-widget .boredpanda-carousel-posts-previous {
      right: 50px; } }
  .boredpanda-carousel-widget .boredpanda-carousel-posts-previous .svg-icon {
    margin-right: 2px;
    margin-left: 0; }

.boredpanda-carousel-widget .boredpanda-carousel-title {
  color: var(--on-bg-primary);
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
  padding-bottom: 15px; }
  .boredpanda-carousel-widget .boredpanda-carousel-title .border {
    width: 4px;
    display: inline-block;
    height: 28px;
    background: var(--orange-150);
    border-radius: 20px;
    margin-right: 12px;
    vertical-align: middle; }
    .boredpanda-carousel-widget .boredpanda-carousel-title .border.hidden {
      width: 0; }
  .boredpanda-carousel-widget .boredpanda-carousel-title .title {
    vertical-align: middle; }
  @media (max-width: 480px) {
    .boredpanda-carousel-widget .boredpanda-carousel-title {
      font-size: 19px;
      display: flex;
      align-items: center; }
      .boredpanda-carousel-widget .boredpanda-carousel-title .title {
        max-width: 240px;
        display: inline-block; }
      .boredpanda-carousel-widget .boredpanda-carousel-title .border {
        margin-right: 8px; } }

.boredpanda-carousel-widget.bp-news-carousel .boredpanda-carousel-widget-header {
  max-width: calc(100% - 120px); }

.boredpanda-carousel-widget.bp-news-carousel .boredpanda-carousel-title {
  line-height: 26px;
  min-height: 44px;
  align-items: center;
  display: flex;
  max-width: 100%; }
  .boredpanda-carousel-widget.bp-news-carousel .boredpanda-carousel-title .border {
    height: 44px; }

.boredpanda-carousel-widget .boredpanda-carousel-title-description {
  color: rgba(34, 34, 34, 0.5);
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-top: 6px;
  padding-bottom: 16px; }

.boredpanda-carousel-widget .boredpanda-carousel-posts-list {
  overflow: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .boredpanda-carousel-widget .boredpanda-carousel-posts-list::-webkit-scrollbar {
    display: none; }
  .boredpanda-carousel-widget .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container {
    display: flex;
    align-items: stretch; }

.boredpanda-carousel-widget .boredpanda-carousel-post {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  overflow: hidden;
  position: relative; }
  .boredpanda-carousel-widget .boredpanda-carousel-post:last-child {
    margin-right: 0; }
  @media (max-width: 480px) {
    .boredpanda-carousel-widget .boredpanda-carousel-post {
      margin-right: 1.025em;
      width: calc(100vw - 2.05em); } }
  .boredpanda-carousel-widget .boredpanda-carousel-post .title-interview {
    font-family: 'Roboto', sans-serif;
    font-weight: 500; }
  .boredpanda-carousel-widget .boredpanda-carousel-post img.image-size-full {
    width: 100%; }
  .boredpanda-carousel-widget .boredpanda-carousel-post h2, .boredpanda-carousel-widget .boredpanda-carousel-post .h2 {
    margin-bottom: 50px;
    padding: 0.575em 0.781em; }
    .boredpanda-carousel-widget .boredpanda-carousel-post h2.with-categories, .boredpanda-carousel-widget .boredpanda-carousel-post .h2.with-categories {
      margin-bottom: 0;
      padding-bottom: 20px; }
    @media (max-width: 979px) {
      .boredpanda-carousel-widget .boredpanda-carousel-post h2, .boredpanda-carousel-widget .boredpanda-carousel-post .h2 {
        padding: 0.581em 0.781em; } }
    .boredpanda-carousel-widget .boredpanda-carousel-post h2 a, .boredpanda-carousel-widget .boredpanda-carousel-post .h2 a {
      color: var(--on-bg-primary); }
  .boredpanda-carousel-widget .boredpanda-carousel-post .numeration {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1.5px solid rgba(255, 255, 255, 0.8);
    background: var(--orange-150);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
    box-sizing: border-box;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2; }
  .boredpanda-carousel-widget .boredpanda-carousel-post .references {
    display: flex;
    align-items: center; }
    .boredpanda-carousel-widget .boredpanda-carousel-post .references .ref-image {
      display: inline-block;
      border-radius: 50% !important;
      border: 1px solid #EBEBEB;
      box-sizing: border-box;
      width: 16px;
      height: 16px;
      background: #fff; }
      .boredpanda-carousel-widget .boredpanda-carousel-post .references .ref-image:not(:first-child) {
        margin-left: -8px; }
    .boredpanda-carousel-widget .boredpanda-carousel-post .references .ref-text {
      margin-left: 10px;
      color: #949494;
      font-family: Roboto, sans-serif;
      font-size: 12px;
      font-weight: 400; }
  .boredpanda-carousel-widget .boredpanda-carousel-post .post-intro {
    padding: 0.313em 1.563em 0.625em;
    max-width: 100%;
    color: var(--post-description);
    font-size: 1em;
    margin: 0 0 .725em 0;
    line-height: 140%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-weight: 400; }
  .boredpanda-carousel-widget .boredpanda-carousel-post .intro {
    padding: 0 16px 24px; }
    .boredpanda-carousel-widget .boredpanda-carousel-post .intro .boredpanda-carousel-logo {
      color: var(--orange-150);
      font-family: Roboto, sans-serif;
      font-size: 13px;
      font-style: normal;
      font-weight: 500;
      line-height: 16px;
      text-transform: uppercase;
      margin-top: 16px;
      display: block; }
    .boredpanda-carousel-widget .boredpanda-carousel-post .intro .description {
      color: var(--gray-600);
      font-family: Roboto, sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px; }
  .boredpanda-carousel-widget .boredpanda-carousel-post .footer {
    width: 100%;
    box-sizing: border-box; }

.boredpanda-carousel-widget.games-carousel .boredpanda-carousel-title {
  padding-bottom: 0; }

.boredpanda-carousel-widget.games-carousel .carousel-controls {
  display: flex;
  gap: 12px; }
  @media (max-width: 480px) {
    .boredpanda-carousel-widget.games-carousel .carousel-controls {
      margin-right: 12px; } }
  .boredpanda-carousel-widget.games-carousel .carousel-controls .boredpanda-carousel-posts-previous {
    position: relative;
    right: 0;
    bottom: 0; }
  .boredpanda-carousel-widget.games-carousel .carousel-controls .boredpanda-carousel-posts-next {
    position: relative;
    right: 0;
    bottom: 0; }

.boredpanda-carousel-widget.games-carousel .swiper-container {
  background: var(--post-background);
  border-radius: 3px;
  padding: 24px; }

.boredpanda-carousel-widget.top-page-posts-carousel .boredpanda-carousel-title {
  padding-bottom: 0; }

.boredpanda-carousel-widget.top-page-posts-carousel .carousel-controls {
  display: flex;
  gap: 12px; }
  @media (max-width: 480px) {
    .boredpanda-carousel-widget.top-page-posts-carousel .carousel-controls {
      margin-right: 12px; } }
  .boredpanda-carousel-widget.top-page-posts-carousel .carousel-controls .boredpanda-carousel-posts-previous {
    position: relative;
    right: 0;
    bottom: 0; }
  .boredpanda-carousel-widget.top-page-posts-carousel .carousel-controls .boredpanda-carousel-posts-next {
    position: relative;
    right: 0;
    bottom: 0; }

.boredpanda-carousel-widget.top-page-posts-carousel .swiper-container {
  background: var(--post-background);
  border-radius: 3px;
  padding: 24px; }

.boredpanda-carousel-widget.top-page-posts-carousel .top-page-posts-widget-container {
  margin-top: 16px; }
  .boredpanda-carousel-widget.top-page-posts-carousel .top-page-posts-widget-container .boredpanda-carousel-posts-list .top-posts-list .top-post {
    width: 275px !important;
    margin-right: 16px; }
    .boredpanda-carousel-widget.top-page-posts-carousel .top-page-posts-widget-container .boredpanda-carousel-posts-list .top-posts-list .top-post:last-child {
      margin-right: 0; }
    .boredpanda-carousel-widget.top-page-posts-carousel .top-page-posts-widget-container .boredpanda-carousel-posts-list .top-posts-list .top-post .top-post-header img.top-post-thumbnail {
      aspect-ratio: 275/155;
      max-width: 275px;
      object-fit: cover; }
    .boredpanda-carousel-widget.top-page-posts-carousel .top-page-posts-widget-container .boredpanda-carousel-posts-list .top-posts-list .top-post a {
      color: var(--on-bg-primary); }
      .boredpanda-carousel-widget.top-page-posts-carousel .top-page-posts-widget-container .boredpanda-carousel-posts-list .top-posts-list .top-post a .top-post-title {
        color: var(--on-bg-primary);
        font-size: 16px;
        font-weight: 600;
        font-family: 'Roboto', sans-serif;
        line-height: 22px;
        padding-top: 16px;
        padding-bottom: 8px; }
    .boredpanda-carousel-widget.top-page-posts-carousel .top-page-posts-widget-container .boredpanda-carousel-posts-list .top-posts-list .top-post .numeration {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      border: 1.5px solid rgba(255, 255, 255, 0.8);
      background: var(--orange-150);
      display: flex;
      justify-content: center;
      align-items: center;
      color: #FFF;
      text-align: center;
      font-family: Roboto, sans-serif;
      font-size: 18px;
      font-weight: 700;
      line-height: 22px;
      text-transform: uppercase;
      box-sizing: border-box;
      position: absolute;
      top: 8px;
      left: 8px;
      z-index: 2; }

@media (max-width: 480px) {
  .boredpanda-carousel-widget.tv-shows-widget .boredpanda-carousel-title, .boredpanda-carousel-widget.games-carousel .boredpanda-carousel-title, .boredpanda-carousel-widget.top-page-posts-carousel .boredpanda-carousel-title {
    line-height: 26px;
    align-items: normal; }
    .boredpanda-carousel-widget.tv-shows-widget .boredpanda-carousel-title .border, .boredpanda-carousel-widget.games-carousel .boredpanda-carousel-title .border, .boredpanda-carousel-widget.top-page-posts-carousel .boredpanda-carousel-title .border {
      height: auto; }
    .boredpanda-carousel-widget.tv-shows-widget .boredpanda-carousel-title .title, .boredpanda-carousel-widget.games-carousel .boredpanda-carousel-title .title, .boredpanda-carousel-widget.top-page-posts-carousel .boredpanda-carousel-title .title {
      max-width: 190px; } }

.boredpanda-carousel-widget.tv-shows-widget .tv-shows-widget-container {
  padding: 24px 0 24px 24px;
  background: var(--post-background);
  border-radius: 3px; }
  @media (max-width: 480px) {
    .boredpanda-carousel-widget.tv-shows-widget .tv-shows-widget-container {
      padding: 16px 0 16px 12px;
      margin-left: -12px;
      border-radius: 0; } }

.boredpanda-carousel-widget.tv-shows-widget .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container {
  background: var(--post-background);
  border-radius: 3px; }
  .boredpanda-carousel-widget.tv-shows-widget .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post {
    flex: 1 0 auto;
    width: 275px !important;
    border-radius: 0;
    margin: 0;
    position: relative; }
    .boredpanda-carousel-widget.tv-shows-widget .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post:hover .play-button-wrapper {
      background: rgba(0, 0, 0, 0.5); }
      .boredpanda-carousel-widget.tv-shows-widget .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post:hover .play-button-wrapper .play-button {
        background: rgba(111, 111, 111, 0.3); }
    .boredpanda-carousel-widget.tv-shows-widget .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post img {
      border-radius: 0; }
    .boredpanda-carousel-widget.tv-shows-widget .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post .play-button-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      justify-content: center;
      z-index: 100;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.25); }
      .boredpanda-carousel-widget.tv-shows-widget .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post .play-button-wrapper .play-button {
        background: rgba(111, 111, 111, 0.15);
        border: 1px solid rgba(255, 255, 255, 0.5);
        padding: 16px;
        border-radius: 50%;
        backdrop-filter: blur(4px); }
        .boredpanda-carousel-widget.tv-shows-widget .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post .play-button-wrapper .play-button svg {
          color: #FFF; }
    .boredpanda-carousel-widget.tv-shows-widget .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post .h2 {
      font-family: Roboto, sans-serif;
      font-size: 16px;
      font-weight: 600;
      line-height: 22px;
      text-align: left;
      padding: 16px 0 8px;
      margin: 0; }
    .boredpanda-carousel-widget.tv-shows-widget .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post .footer {
      border: 0;
      font-family: Roboto, sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      text-align: left;
      color: #949494; }
      .boredpanda-carousel-widget.tv-shows-widget .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post .footer span {
        display: inline-block;
        vertical-align: middle; }
        .boredpanda-carousel-widget.tv-shows-widget .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post .footer span.bullet {
          margin: 0 5px;
          font-size: 11px; }
        .boredpanda-carousel-widget.tv-shows-widget .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post .footer span.views span {
          margin-left: 5px; }

.boredpanda-carousel-widget[data-type="tv_shows_covers"] .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post {
  width: 203px !important; }
  .boredpanda-carousel-widget[data-type="tv_shows_covers"] .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post .covers-footer {
    padding-top: 16px; }
    .boredpanda-carousel-widget[data-type="tv_shows_covers"] .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post .covers-footer .tv-show-label {
      color: #d74b1f;
      background-color: rgba(215, 75, 31, 0.08);
      padding: 4px 8px;
      font-size: 14px;
      font-weight: 600;
      line-height: 22px;
      text-align: left;
      border-radius: 3px;
      margin-right: 12px; }
      .boredpanda-carousel-widget[data-type="tv_shows_covers"] .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post .covers-footer .tv-show-label img {
        vertical-align: middle;
        padding-right: 5px;
        padding-bottom: 3px; }
    .boredpanda-carousel-widget[data-type="tv_shows_covers"] .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post .covers-footer .views-label {
      color: var(--gray-800);
      background-color: var(--gray-100);
      padding: 4px 8px;
      border-radius: 3px;
      font-size: 14px;
      font-weight: 600;
      line-height: 22px; }
      .boredpanda-carousel-widget[data-type="tv_shows_covers"] .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post .covers-footer .views-label .eyeball {
        background-image: var(--eyeball);
        width: 18px;
        background-size: 18px 10px;
        height: 10px;
        background-repeat: no-repeat;
        display: inline-block; }
    .boredpanda-carousel-widget[data-type="tv_shows_covers"] .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post .covers-footer .h2 {
      font-size: 22px;
      font-weight: 600;
      line-height: 32px;
      text-align: left; }
    .boredpanda-carousel-widget[data-type="tv_shows_covers"] .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post .covers-footer .description {
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      text-align: left;
      color: var(--category-header-pill-font-color); }
  .boredpanda-carousel-widget[data-type="tv_shows_covers"] .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post .cover-label {
    position: absolute;
    z-index: 1;
    top: 0px;
    padding: 6px 8px 6px 8px;
    gap: 6px;
    border-radius: 3px 0px 6px 0px;
    background-color: var(--orange-150);
    color: var(--white);
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    text-align: left; }
    .boredpanda-carousel-widget[data-type="tv_shows_covers"] .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post .cover-label .check-icon {
      display: inline-block;
      vertical-align: top;
      padding-right: 3px;
      margin-top: 1px;
      background-image: url(images/icons/check2.svg);
      background-repeat: no-repeat;
      width: 12px;
      height: 12px; }

.post-bottom-tv-shows-recommendations-block {
  padding-top: 40px;
  overflow: hidden; }
  .post-bottom-tv-shows-recommendations-block .boredpanda-carousel-widget .boredpanda-carousel-title {
    font-family: Merriweather, sans-serif;
    font-size: 29px; }
    .post-bottom-tv-shows-recommendations-block .boredpanda-carousel-widget .boredpanda-carousel-title .border {
      display: none; }
    .post-bottom-tv-shows-recommendations-block .boredpanda-carousel-widget .boredpanda-carousel-title .title {
      display: block; }
    @media (max-width: 480px) {
      .post-bottom-tv-shows-recommendations-block .boredpanda-carousel-widget .boredpanda-carousel-title {
        margin-left: 10px;
        font-size: 24px;
        line-height: 34px; }
        .post-bottom-tv-shows-recommendations-block .boredpanda-carousel-widget .boredpanda-carousel-title .title {
          max-width: 310px; } }
    @media (max-width: 480px) and (max-width: 400px) {
      .post-bottom-tv-shows-recommendations-block .boredpanda-carousel-widget .boredpanda-carousel-title .title {
        max-width: 230px; } }
    @media (max-width: 480px) and (max-width: 335px) {
      .post-bottom-tv-shows-recommendations-block .boredpanda-carousel-widget .boredpanda-carousel-title .title {
        max-width: 205px; } }
  .post-bottom-tv-shows-recommendations-block .boredpanda-carousel-widget .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post {
    background: none !important; }
    .post-bottom-tv-shows-recommendations-block .boredpanda-carousel-widget .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post .post-header {
      background: none; }
    .post-bottom-tv-shows-recommendations-block .boredpanda-carousel-widget .boredpanda-carousel-posts-list .boredpanda-carousel-posts-list-container .boredpanda-carousel-post .footer {
      background: none;
      padding: 0; }
  @media (max-width: 480px) {
    .post-bottom-tv-shows-recommendations-block .boredpanda-carousel-widget.tv-shows-widget .tv-shows-widget-container {
      padding: 16px 0 16px 12px;
      margin-left: 0; } }
  @media (max-width: 480px) {
    .post-bottom-tv-shows-recommendations-block .boredpanda-carousel-widget {
      width: 100%; } }

.post-group-date-tag {
  color: #949494;
  background: none;
  font-weight: normal;
  border-bottom: 1px solid var(--poll-answer-border);
  border-top: 1px solid var(--poll-answer-border);
  margin-bottom: 16px;
  padding: 16px 20px;
  display: none;
  line-height: 20px;
  border-radius: 0;
  box-sizing: border-box; }
  @media (max-width: 480px) {
    .post-group-date-tag:first-child {
      margin-top: 10px; } }
  .post-group-date-tag:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 10px;
    background-color: var(--orange-150);
    vertical-align: middle; }
  .post-group-date-tag .group {
    color: var(--gray-800);
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-right: 5px;
    vertical-align: middle; }
  .post-group-date-tag .date {
    color: #949494;
    vertical-align: middle;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; }
  @media (max-width: 480px) {
    .post-group-date-tag .group, .post-group-date-tag .date {
      font-size: 16px; } }

.post-content {
  background: var(--post-background); }
  @media (max-width: 480px) {
    .post-content #toc > ol.expanded > ol.expanded > li:last-child {
      margin-bottom: 30px; } }
  .post-content #toc {
    padding: 25px 60px 35px 0;
    border-top: 1px solid var(--gray-200);
    border-bottom: 1px solid var(--gray-200);
    border-radius: 0;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden; }
    @media (max-width: 768px) {
      .post-content #toc {
        padding: 25px 60px 25px 30px; } }
    @media (max-width: 480px) {
      .post-content #toc {
        padding: 20px 51px 20px 21px; } }
    .post-content #toc .toc-number {
      margin-right: 10px;
      font-size: 18px; }
      @media (max-width: 480px) {
        .post-content #toc .toc-number {
          font-size: 15px; } }
    .post-content #toc span {
      font-size: 24px;
      color: var(--on-bg-dark); }
      @media (max-width: 480px) {
        .post-content #toc span {
          font-size: 20px; } }
    .post-content #toc ol {
      list-style-type: none;
      margin: 0;
      padding: 0;
      counter-reset: section;
      overflow: hidden;
      transition: max-height 0.3s ease; }
      .post-content #toc ol li {
        position: relative;
        padding-left: 25px;
        margin-bottom: 8px;
        font-size: 18px;
        color: var(--toc-link); }
        @media (max-width: 480px) {
          .post-content #toc ol li {
            font-size: 15px;
            padding-left: 20px; } }
        .post-content #toc ol li:before {
          content: counter(section) ". ";
          counter-increment: section;
          position: absolute;
          left: 0; }
        .post-content #toc ol li > ol {
          counter-reset: subsection;
          margin-top: 12px; }
          .post-content #toc ol li > ol > li {
            padding-left: 50px; }
            @media (max-width: 480px) {
              .post-content #toc ol li > ol > li {
                padding-left: 40px; } }
            .post-content #toc ol li > ol > li:before {
              content: counter(section) "." counter(subsection) ". ";
              counter-increment: subsection;
              position: absolute;
              left: 12px;
              font-weight: 400; }
            .post-content #toc ol li > ol > li > ol {
              counter-reset: subsubsection;
              margin-top: 5px; }
              .post-content #toc ol li > ol > li > ol > li:before {
                content: counter(section) "." counter(subsection) "." counter(subsubsection) " ";
                counter-increment: subsubsection;
                position: absolute;
                left: 12px;
                font-weight: 400; }
    .post-content #toc ol:first-child {
      margin-top: 15px; }
    .post-content #toc li {
      margin-bottom: 8px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      transition: all 0.3s ease; }
    .post-content #toc .toc-link {
      text-decoration: none;
      color: var(--toc-link);
      cursor: pointer;
      transition: color 0.3s ease;
      font-size: 18px; }
      @media (max-width: 480px) {
        .post-content #toc .toc-link {
          font-size: 15px; } }
      .post-content #toc .toc-link:hover {
        text-decoration: underline; }
    .post-content #toc.has-less-items::after {
      display: none; }
    .post-content #toc .toc-toggle {
      font-family: Roboto, sans-serif;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      background-color: var(--white);
      border: none;
      color: var(--orange-150);
      z-index: 10;
      padding-bottom: 10px; }
      @media (max-width: 480px) {
        .post-content #toc .toc-toggle {
          font-size: 12px; } }
      .post-content #toc .toc-toggle:hover {
        text-decoration: underline; }
    .post-content #toc.has-more-items::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 200px;
      background: var(--toc-gradient);
      pointer-events: none;
      z-index: 1; }
      @media (max-width: 480px) {
        .post-content #toc.has-more-items::after {
          font-size: 12px; } }
    .post-content #toc .toc-show-more {
      font-family: Roboto, sans-serif;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      background-color: var(--bg-toc-cta);
      border: none;
      cursor: pointer !important;
      color: var(--orange-150);
      z-index: 10;
      padding-bottom: 10px; }
      @media (max-width: 480px) {
        .post-content #toc .toc-show-more {
          font-size: 12px;
          padding-top: 20px; } }
      .post-content #toc .toc-show-more:hover {
        text-decoration: underline; }

@media (max-width: 768px) {
  #boredpanda-list-template .webshare > .post-authors-content > div > .post-author-link,
  .post-info-block.mobile-version.clearfix.post-info-block-mobile > .webshare > .post-authors-content > div > .post-author-link {
    display: flex;
    flex-direction: column; } }

@media (max-width: 480px) {
  .post-info-block.mobile-version.clearfix.post-info-block-mobile.new-share-experiment {
    display: flex; } }

.post-info-block.mobile-version.clearfix.post-info-block-mobile.new-share-experiment .post-share-experiment-14 .post-comments {
  display: block; }

@media (max-width: 768px) {
  .post-info-block.mobile-version.clearfix.post-info-block-mobile.new-share-experiment .post-share-experiment-14 {
    padding: 0.65625rem 0.75rem;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-top: 1px solid var(--gray-100);
    border-bottom: 1px solid var(--gray-100);
    display: flex;
    justify-content: space-between; }
    .post-info-block.mobile-version.clearfix.post-info-block-mobile.new-share-experiment .post-share-experiment-14 .post-authors-content {
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .post-info-block.mobile-version.clearfix.post-info-block-mobile.new-share-experiment .post-share-experiment-14 .post-comments {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 0;
      width: 4.8125rem;
      height: 2.375rem;
      border: 1px solid var(--gray-250);
      border-radius: 6.25rem; } }

@media (max-width: 580px) {
  .post-info-block.mobile-version.clearfix.post-info-block-mobile.new-share-experiment .left.post-info.post-authors {
    padding: 0.65625rem 0.75rem;
    border-top: 1px solid var(--gray-100);
    border-bottom: 1px solid var(--gray-100);
    display: flex;
    justify-content: space-between; }
    .post-info-block.mobile-version.clearfix.post-info-block-mobile.new-share-experiment .left.post-info.post-authors .post-authors-content {
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .post-info-block.mobile-version.clearfix.post-info-block-mobile.new-share-experiment .left.post-info.post-authors .post-comments {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 0;
      width: 4.8125rem;
      min-width: 4.8125rem;
      height: 2.375rem;
      border: 1px solid var(--gray-250);
      border-radius: 6.25rem; }
      .post-info-block.mobile-version.clearfix.post-info-block-mobile.new-share-experiment .left.post-info.post-authors .post-comments .comments-button {
        display: flex;
        justify-content: center; } }

@media (max-width: 480px) {
  .post-info-block.mobile-version.clearfix.post-info-block-mobile.new-share-experiment .left.post-info.post-authors {
    display: flex; }
    .post-info-block.mobile-version.clearfix.post-info-block-mobile.new-share-experiment .left.post-info.post-authors .post-comments .comments-button-wrapper .comments-button {
      padding-right: 0; }
      .post-info-block.mobile-version.clearfix.post-info-block-mobile.new-share-experiment .left.post-info.post-authors .post-comments .comments-button-wrapper .comments-button .comment-text {
        margin-top: 0; } }

@media (max-width: 768px) {
  .post-share-box {
    padding-top: 16px;
    padding-bottom: 16px;
    margin-bottom: 0; } }

.post-share-box .social-icon {
  cursor: pointer; }

.post-share-box .pinterest {
  color: white; }

.post-share-box .fb {
  color: #1A77F2; }

.post-share-box .twitter-x {
  color: black; }

.post-share-box .mail, .post-share-box .clipboard {
  color: var(--gray-800); }

.post-share-box .post-share-content, .post-share-box .post-share-content-mobile {
  border: 1px solid var(--gray-100);
  border-radius: 4px;
  display: flex; }
  .post-share-box .post-share-content .vote-block, .post-share-box .post-share-content-mobile .vote-block {
    display: flex;
    padding: 0.75rem 1.25rem 0.75rem 1rem; }
    .post-share-box .post-share-content .vote-block .votes-text-content, .post-share-box .post-share-content-mobile .vote-block .votes-text-content {
      font-size: 0.875rem; }
    .post-share-box .post-share-content .vote-block .vote, .post-share-box .post-share-content-mobile .vote-block .vote {
      margin-right: 0.5rem; }
  .post-share-box .post-share-content .share-block .share-button, .post-share-box .post-share-content .share-social-icons-block .share-button, .post-share-box .post-share-content-mobile .share-block .share-button, .post-share-box .post-share-content-mobile .share-social-icons-block .share-button {
    border: 1px solid var(--gray-250);
    border-radius: 4px;
    display: flex;
    justify-content: center; }
    .post-share-box .post-share-content .share-block .share-button:hover, .post-share-box .post-share-content .share-social-icons-block .share-button:hover, .post-share-box .post-share-content-mobile .share-block .share-button:hover, .post-share-box .post-share-content-mobile .share-social-icons-block .share-button:hover {
      border-color: #949494; }
    .post-share-box .post-share-content .share-block .share-button .share-button-icon, .post-share-box .post-share-content .share-social-icons-block .share-button .share-button-icon, .post-share-box .post-share-content-mobile .share-block .share-button .share-button-icon, .post-share-box .post-share-content-mobile .share-social-icons-block .share-button .share-button-icon {
      color: var(--gray-500);
      margin-right: 8px; }
    .post-share-box .post-share-content .share-block .share-button .share-button-text, .post-share-box .post-share-content .share-social-icons-block .share-button .share-button-text, .post-share-box .post-share-content-mobile .share-block .share-button .share-button-text, .post-share-box .post-share-content-mobile .share-social-icons-block .share-button .share-button-text {
      color: var(--gray-800);
      font-size: 14px;
      padding: 0; }
      @media (max-width: 480px) {
        .post-share-box .post-share-content .share-block .share-button .share-button-text, .post-share-box .post-share-content .share-social-icons-block .share-button .share-button-text, .post-share-box .post-share-content-mobile .share-block .share-button .share-button-text, .post-share-box .post-share-content-mobile .share-social-icons-block .share-button .share-button-text {
          font-size: 1rem; } }
  .post-share-box .post-share-content .share-social-icons-block, .post-share-box .post-share-content-mobile .share-social-icons-block {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .post-share-box .post-share-content .share-social-icons-block .share-social-icons-content, .post-share-box .post-share-content-mobile .share-social-icons-block .share-social-icons-content {
      display: flex;
      flex-direction: row; }
      .post-share-box .post-share-content .share-social-icons-block .share-social-icons-content .social-icons-wrapper, .post-share-box .post-share-content-mobile .share-social-icons-block .share-social-icons-content .social-icons-wrapper {
        margin-right: 0.5rem;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .post-share-box .post-share-content .share-social-icons-block .share-social-icons-content .social-icons-wrapper .social-icons, .post-share-box .post-share-content-mobile .share-social-icons-block .share-social-icons-content .social-icons-wrapper .social-icons {
          display: flex; }
          .post-share-box .post-share-content .share-social-icons-block .share-social-icons-content .social-icons-wrapper .social-icons .social-icon, .post-share-box .post-share-content-mobile .share-social-icons-block .share-social-icons-content .social-icons-wrapper .social-icons .social-icon {
            margin-right: 0.5rem;
            background: var(--bg-social-icon);
            border-radius: 50%;
            width: 34px;
            height: 34px; }
            .post-share-box .post-share-content .share-social-icons-block .share-social-icons-content .social-icons-wrapper .social-icons .social-icon i, .post-share-box .post-share-content-mobile .share-social-icons-block .share-social-icons-content .social-icons-wrapper .social-icons .social-icon i {
              position: relative;
              left: 50%;
              top: 50%;
              transform: translateX(-50%) translateY(-50%);
              display: inline-block;
              width: 21px;
              height: 21px;
              background-repeat: no-repeat; }
              .post-share-box .post-share-content .share-social-icons-block .share-social-icons-content .social-icons-wrapper .social-icons .social-icon i.x-icon, .post-share-box .post-share-content-mobile .share-social-icons-block .share-social-icons-content .social-icons-wrapper .social-icons .social-icon i.x-icon {
                background-image: var(--social-icon-x);
                height: 17px;
                width: 19px; }
              .post-share-box .post-share-content .share-social-icons-block .share-social-icons-content .social-icons-wrapper .social-icons .social-icon i.mail-icon, .post-share-box .post-share-content-mobile .share-social-icons-block .share-social-icons-content .social-icons-wrapper .social-icons .social-icon i.mail-icon {
                background-image: var(--social-icon-mail);
                width: 20px;
                height: 18px; }
              .post-share-box .post-share-content .share-social-icons-block .share-social-icons-content .social-icons-wrapper .social-icons .social-icon i.clipboard-icon, .post-share-box .post-share-content-mobile .share-social-icons-block .share-social-icons-content .social-icons-wrapper .social-icons .social-icon i.clipboard-icon {
                background-image: var(--social-icon-clipboard);
                width: 20px;
                height: 20px; }
              .post-share-box .post-share-content .share-social-icons-block .share-social-icons-content .social-icons-wrapper .social-icons .social-icon i svg, .post-share-box .post-share-content-mobile .share-social-icons-block .share-social-icons-content .social-icons-wrapper .social-icons .social-icon i svg {
                width: 21px;
                height: 21px; }

.post-share-box .post-share-content {
  justify-content: start;
  min-height: 58px; }
  .post-share-box .post-share-content .vote-block {
    border-right: 1px solid var(--gray-100); }
  .post-share-box .post-share-content .comments-share-block {
    flex-grow: 1;
    display: flex;
    justify-content: space-between; }
    .post-share-box .post-share-content .comments-share-block .comments-block {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-left: 1.25rem; }
      .post-share-box .post-share-content .comments-share-block .comments-block .comments-count {
        display: flex; }
      .post-share-box .post-share-content .comments-share-block .comments-block .comments-icon {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        line-height: 0;
        min-width: 2rem;
        min-height: 2rem;
        border: 1px solid var(--gray-250);
        border-radius: 50%;
        color: #949494;
        margin-right: 0.5rem; }
        .post-share-box .post-share-content .comments-share-block .comments-block .comments-icon:hover {
          border-color: #949494; }
      .post-share-box .post-share-content .comments-share-block .comments-block .comments-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 0.875rem; }
        .post-share-box .post-share-content .comments-share-block .comments-block .comments-text strong {
          color: var(--gray-800);
          font-weight: 600; }
        .post-share-box .post-share-content .comments-share-block .comments-block .comments-text span {
          font-weight: 400;
          color: var(--gray-400); }
  .post-share-box .post-share-content .share-block, .post-share-box .post-share-content .share-social-icons-block {
    margin-right: 1rem; }
    .post-share-box .post-share-content .share-block .share-button, .post-share-box .post-share-content .share-social-icons-block .share-button {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      height: 1.875rem; }

.post-share-box .post-share-content-mobile {
  justify-content: space-between; }
  .post-share-box .post-share-content-mobile .vote-block {
    border-right: 0; }
    .post-share-box .post-share-content-mobile .vote-block .votes-text-content .votes-text {
      font-weight: 600;
      font-size: 1rem;
      color: var(--gray-800); }
  .post-share-box .post-share-content-mobile .share-block {
    margin-right: 1rem; }
    .post-share-box .post-share-content-mobile .share-block .share-button {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      height: 2.375rem; }
  .post-share-box .post-share-content-mobile .share-social-icons-block {
    padding: 1rem 0.75rem;
    margin-right: 0rem;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    @media (max-width: 375px) {
      .post-share-box .post-share-content-mobile .share-social-icons-block .share-button .share-button-icon {
        margin-right: 0; }
      .post-share-box .post-share-content-mobile .share-social-icons-block .share-button .share-button-text {
        display: none !important; } }
    .post-share-box .post-share-content-mobile .share-social-icons-block .social-icons-wrapper {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .post-share-box .post-share-content-mobile .share-social-icons-block .social-icons-wrapper .social-icons {
        display: flex;
        flex-direction: row; }
        .post-share-box .post-share-content-mobile .share-social-icons-block .social-icons-wrapper .social-icons .social-icon {
          background: var(--bg-social-icon);
          border-radius: 50%;
          width: 40px;
          height: 40px; }
          @media (min-width: 375px) {
            .post-share-box .post-share-content-mobile .share-social-icons-block .social-icons-wrapper .social-icons .social-icon {
              margin-right: 0.5rem; } }
          @media (max-width: 374px) {
            .post-share-box .post-share-content-mobile .share-social-icons-block .social-icons-wrapper .social-icons .social-icon {
              margin-right: 0.3rem; } }
          .post-share-box .post-share-content-mobile .share-social-icons-block .social-icons-wrapper .social-icons .social-icon i {
            position: relative;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            display: inline-block;
            width: 21px;
            height: 21px;
            background-repeat: no-repeat; }
            .post-share-box .post-share-content-mobile .share-social-icons-block .social-icons-wrapper .social-icons .social-icon i.x-icon {
              background-image: var(--social-icon-x);
              height: 17px;
              width: 19px; }
            .post-share-box .post-share-content-mobile .share-social-icons-block .social-icons-wrapper .social-icons .social-icon i.mail-icon {
              background-image: var(--social-icon-mail);
              width: 20px;
              height: 18px; }
            .post-share-box .post-share-content-mobile .share-social-icons-block .social-icons-wrapper .social-icons .social-icon i.clipboard-icon {
              background-image: var(--social-icon-clipboard);
              width: 20px;
              height: 20px; }
            .post-share-box .post-share-content-mobile .share-social-icons-block .social-icons-wrapper .social-icons .social-icon i svg {
              width: 21px;
              height: 21px; }

.post-footer-sharebox-experiment-14 .post-share-footer .post-share-content, .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content-mobile {
  border: 2px solid var(--gray-100);
  border-radius: 4px; }
  .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content .vote-block, .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content-mobile .vote-block {
    display: flex; }

.post-footer-sharebox-experiment-14 .post-share-footer .post-share-content {
  display: flex;
  justify-content: start; }
  .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content .vote-block {
    border-right: 2px solid var(--gray-100);
    padding: 0.75rem 1.25rem 0.75rem 1rem; }
    .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content .vote-block .votes-text {
      font-weight: 700;
      font-size: 1rem;
      color: var(--gray-800);
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: 0 0.5rem; }
  .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content .comments-share-block {
    flex-grow: 1;
    display: flex;
    justify-content: space-between; }
    .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content .comments-share-block .comments-block {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-left: 1.25rem; }
      .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count {
        display: flex; }
      .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content .comments-share-block .comments-block .comments-icon, .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content .comments-share-block .comments-block .comments-icon-mobile {
        border: 2px solid var(--gray-250);
        color: #949494;
        line-height: 0; }
        .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content .comments-share-block .comments-block .comments-icon:hover, .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content .comments-share-block .comments-block .comments-icon-mobile:hover {
          border-color: #949494; }
      .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content .comments-share-block .comments-block .comments-icon {
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        width: 2.25rem;
        height: 2.25rem;
        margin-right: 0.5rem; }
      .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content .comments-share-block .comments-block .comments-text-content {
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content .comments-share-block .comments-block .comments-text-content .comments-text {
          font-weight: 600;
          font-size: 1rem;
          color: var(--gray-800); }
          .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content .comments-share-block .comments-block .comments-text-content .comments-text span {
            font-weight: 400;
            color: var(--gray-400); }
    .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content .comments-share-block .share-block {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-right: 1rem; }
      .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content .comments-share-block .share-block .share-button {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        height: 1.875rem;
        border: 1px solid var(--gray-250);
        border-radius: 4px;
        display: flex;
        justify-content: center; }
        .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content .comments-share-block .share-block .share-button:hover {
          border-color: #949494; }
        .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content .comments-share-block .share-block .share-button .share-button-icon {
          color: var(--gray-500);
          margin-right: 0.5rem; }
        .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content .comments-share-block .share-block .share-button .share-button-text {
          color: var(--gray-800);
          font-size: 0.875rem; }

.post-footer-sharebox-experiment-14 .post-share-footer .post-share-content-mobile {
  display: flex;
  justify-content: space-between;
  padding: 1rem; }
  @media (max-width: 375px) {
    .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content-mobile {
      flex-direction: column; } }
  .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content-mobile .vote-comments-block {
    display: flex; }
    @media (max-width: 375px) {
      .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content-mobile .vote-comments-block {
        flex-direction: column; } }
    .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content-mobile .vote-comments-block .vote-block {
      margin-right: 1.5rem; }
      @media (max-width: 375px) {
        .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content-mobile .vote-comments-block .vote-block {
          margin-left: auto;
          margin-right: auto; } }
      .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content-mobile .vote-comments-block .vote-block .votes-text {
        font-weight: 600;
        font-size: 1rem;
        color: var(--gray-800);
        margin: 0 0.5rem;
        display: flex;
        flex-direction: column;
        justify-content: center; }
    .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content-mobile .vote-comments-block .comments-block {
      display: flex; }
      @media (max-width: 375px) {
        .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content-mobile .vote-comments-block .comments-block {
          justify-content: center;
          margin-top: 1rem;
          margin-bottom: 1rem; } }
      .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content-mobile .vote-comments-block .comments-block .comment-content {
        border: 1px solid var(--gray-250);
        border-radius: 6.25rem;
        display: flex; }
        .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content-mobile .vote-comments-block .comments-block .comment-content .comments-icon {
          color: #949494;
          padding: 0.6875rem 0.5rem 0.5625rem 0.75rem; }
        .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content-mobile .vote-comments-block .comments-block .comment-content .comment-text {
          font-weight: 600;
          font-size: 1rem;
          color: var(--gray-800);
          display: flex;
          flex-direction: column;
          justify-content: center;
          padding: 0.6875rem 0.75rem 0.5625rem 0; }
  .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content-mobile .share-block {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content-mobile .share-block .share-content {
      display: flex;
      justify-content: center; }
      .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content-mobile .share-block .share-content:hover {
        border-color: #949494; }
      .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content-mobile .share-block .share-content .share-button {
        display: flex;
        border: 1px solid var(--gray-250);
        border-radius: 4px;
        padding: 0.625rem; }
      .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content-mobile .share-block .share-content .share-button-icon {
        color: var(--gray-500);
        margin-right: 0.5rem; }
      .post-footer-sharebox-experiment-14 .post-share-footer .post-share-content-mobile .share-block .share-content .share-button-text {
        color: var(--gray-800);
        font-size: 1rem; }

.post-footer-sharebox-experiment-14 {
  padding-top: 0.6875rem; }
  .post-footer-sharebox-experiment-14 .post-share-social-icons-footer .votes-comments-block {
    padding-left: 1.562rem;
    padding-right: 1.562rem; }
    @media (max-width: 480px) {
      .post-footer-sharebox-experiment-14 .post-share-social-icons-footer .votes-comments-block {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    .post-footer-sharebox-experiment-14 .post-share-social-icons-footer .votes-comments-block .votes-comments-content {
      display: flex;
      padding: 1rem;
      border-left: 1px solid var(--gray-100);
      border-top: 1px solid var(--gray-100);
      border-right: 1px solid var(--gray-100); }
      @media (max-width: 375px) {
        .post-footer-sharebox-experiment-14 .post-share-social-icons-footer .votes-comments-block .votes-comments-content {
          justify-content: center; } }
      .post-footer-sharebox-experiment-14 .post-share-social-icons-footer .votes-comments-block .votes-comments-content .vote-block {
        display: flex;
        margin-right: 1.5rem; }
        .post-footer-sharebox-experiment-14 .post-share-social-icons-footer .votes-comments-block .votes-comments-content .vote-block .votes-text {
          font-weight: 700;
          font-size: 1rem;
          color: var(--gray-800);
          display: flex;
          flex-direction: column;
          justify-content: center;
          margin: 0 0.5rem; }
      .post-footer-sharebox-experiment-14 .post-share-social-icons-footer .votes-comments-block .votes-comments-content .comments-block {
        display: flex; }
        .post-footer-sharebox-experiment-14 .post-share-social-icons-footer .votes-comments-block .votes-comments-content .comments-block .comment-content {
          border: 1px solid var(--gray-250);
          border-radius: 6.25rem;
          display: flex; }
          .post-footer-sharebox-experiment-14 .post-share-social-icons-footer .votes-comments-block .votes-comments-content .comments-block .comment-content .comments-icon {
            color: #949494;
            padding: 0.6875rem 0.5rem 0.5625rem 0.75rem; }
          .post-footer-sharebox-experiment-14 .post-share-social-icons-footer .votes-comments-block .votes-comments-content .comments-block .comment-content .comment-text {
            font-weight: 600;
            font-size: 1rem;
            color: var(--gray-800);
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0.6875rem 0.75rem 0.5625rem 0; }
  .post-footer-sharebox-experiment-14 .post-share-social-icons-footer .post-share-box {
    padding-top: 0; }
    .post-footer-sharebox-experiment-14 .post-share-social-icons-footer .post-share-box .post-share-content-mobile {
      border-radius: 0 0 4px 4px; }
    .post-footer-sharebox-experiment-14 .post-share-social-icons-footer .post-share-box .share-social-icons-block {
      margin: 0;
      padding: 1rem; }
    .post-footer-sharebox-experiment-14 .post-share-social-icons-footer .post-share-box .post-share-content .comments-share-block .share-social-icons-block .share-social-icons-content .social-icons-wrapper .social-icons .social-icon {
      width: 38px;
      height: 38px; }

.post-share-footer .post-share-content .vote-block .post-vote-button,
.post-share-footer .post-share-content-mobile .vote-block .post-vote-button,
.post-share-box .post-share-content .vote-block .post-vote-button,
.post-share-box .post-share-content-mobile .vote-block .post-vote-button,
.post-share-social-icons-footer .post-vote-button {
  border: 1px solid var(--gray-250);
  color: #949494;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding: 0; }
  .post-share-footer .post-share-content .vote-block .post-vote-button i,
  .post-share-footer .post-share-content-mobile .vote-block .post-vote-button i,
  .post-share-box .post-share-content .vote-block .post-vote-button i,
  .post-share-box .post-share-content-mobile .vote-block .post-vote-button i,
  .post-share-social-icons-footer .post-vote-button i {
    line-height: 0; }
    .post-share-footer .post-share-content .vote-block .post-vote-button i .svg-icon,
    .post-share-footer .post-share-content-mobile .vote-block .post-vote-button i .svg-icon,
    .post-share-box .post-share-content .vote-block .post-vote-button i .svg-icon,
    .post-share-box .post-share-content-mobile .vote-block .post-vote-button i .svg-icon,
    .post-share-social-icons-footer .post-vote-button i .svg-icon {
      width: 0.875rem;
      height: 1rem; }

.post-share-footer .post-share-content .vote-block .btn-up.active, .post-share-footer .post-share-content .vote-block .btn-up:hover,
.post-share-footer .post-share-content-mobile .vote-block .btn-up.active,
.post-share-footer .post-share-content-mobile .vote-block .btn-up:hover,
.post-share-box .post-share-content .vote-block .btn-up.active,
.post-share-box .post-share-content .vote-block .btn-up:hover,
.post-share-box .post-share-content-mobile .vote-block .btn-up.active,
.post-share-box .post-share-content-mobile .vote-block .btn-up:hover,
.post-share-social-icons-footer .btn-up.active,
.post-share-social-icons-footer .btn-up:hover {
  border-color: #56b863;
  color: #56b863; }

.post-share-footer .post-share-content .vote-block .btn-down.active, .post-share-footer .post-share-content .vote-block .btn-down:hover,
.post-share-footer .post-share-content-mobile .vote-block .btn-down.active,
.post-share-footer .post-share-content-mobile .vote-block .btn-down:hover,
.post-share-box .post-share-content .vote-block .btn-down.active,
.post-share-box .post-share-content .vote-block .btn-down:hover,
.post-share-box .post-share-content-mobile .vote-block .btn-down.active,
.post-share-box .post-share-content-mobile .vote-block .btn-down:hover,
.post-share-social-icons-footer .btn-down.active,
.post-share-social-icons-footer .btn-down:hover {
  border-color: var(--orange-400);
  color: var(--orange-400); }

.post-share-box .vote-block .vote {
  width: 2.125rem;
  height: 2.125rem; }

.post-share-box .vote-block .post-vote-button {
  width: 1.875rem;
  height: 1.875rem; }

.post-share-footer .post-share-content .vote-block .vote,
.post-share-footer .post-share-content-mobile .vote-block .vote,
.post-share-box .post-share-content-mobile .vote-block .vote,
.post-footer-sharebox-experiment-14 .post-share-social-icons-footer .votes-comments-block .votes-comments-content .vote {
  width: 2.5rem;
  height: 2.5rem; }

.post-share-footer .post-share-content .vote-block .post-vote-button,
.post-share-footer .post-share-content-mobile .vote-block .post-vote-button,
.post-share-box .post-share-content-mobile .vote-block .post-vote-button,
.post-footer-sharebox-experiment-14 .post-share-social-icons-footer .votes-comments-block .votes-comments-content .post-vote-button {
  width: 2.25rem;
  height: 2.25rem; }

.post-footer-sharebox-experiment-14 > .post-share-social-icons-footer > .post-share-box > .post-share-content > .vote-block {
  padding-top: 1rem;
  padding-bottom: 1rem; }
  .post-footer-sharebox-experiment-14 > .post-share-social-icons-footer > .post-share-box > .post-share-content > .vote-block .vote {
    width: 2.5rem;
    height: 2.5rem; }
  .post-footer-sharebox-experiment-14 > .post-share-social-icons-footer > .post-share-box > .post-share-content > .vote-block .post-vote-button {
    width: 2.25rem;
    height: 2.25rem; }

.post-share-social-icons-footer .post-share-content .comments-share-block .comments-block .comments-icon {
  min-width: 2.25rem;
  min-height: 2.25rem; }

.post-share-social-icons-footer .post-share-content .social-icon svg, .post-share-social-icons-footer .post-share-content-mobile .social-icon svg {
  width: 2.5rem;
  height: 2.5rem; }

.post-share-social-icons-footer .post-share-box .post-share-content .comments-share-block .share-social-icons-block .share-button {
  height: 2.25rem; }

.post-share-box .tooltip-trigger {
  position: relative; }

.post-share-box .social-icons .social-icon.clipboard.tooltip-trigger .tooltip-box {
  display: none;
  position: absolute;
  background: var(--bg-tooltip);
  color: var(--text-on-dark);
  border-radius: 3px;
  bottom: 3rem;
  transform: translateX(-31%);
  text-align: center;
  padding: 0.5625rem 0.5rem;
  left: -0.375rem;
  white-space: nowrap; }
  @media (max-width: 768px) {
    .post-share-box .social-icons .social-icon.clipboard.tooltip-trigger .tooltip-box {
      transform: translateX(-2.25rem);
      bottom: 3.5rem; } }
  .post-share-box .social-icons .social-icon.clipboard.tooltip-trigger .tooltip-box:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: 0%;
    transform: translate(-50%, 96%);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid var(--bg-tooltip); }
  .post-share-box .social-icons .social-icon.clipboard.tooltip-trigger .tooltip-box .tooltip-content {
    display: flex; }
    .post-share-box .social-icons .social-icon.clipboard.tooltip-trigger .tooltip-box .tooltip-content .tooltip-icon {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-right: 0.625rem; }
      .post-share-box .social-icons .social-icon.clipboard.tooltip-trigger .tooltip-box .tooltip-content .tooltip-icon svg.svg-icon.icon-checkmark {
        width: 1.375rem;
        height: 1.375rem; }
    .post-share-box .social-icons .social-icon.clipboard.tooltip-trigger .tooltip-box .tooltip-content .tooltip-text {
      display: flex;
      flex-direction: column;
      justify-content: center;
      font-size: 0.875rem; }

.post-footer-sharebox-experiment-14 .social-icons-wrapper .social-icons .social-icon.clipboard.tooltip-trigger .tooltip-box {
  bottom: 3.6rem;
  transform: translateX(-2.25rem); }
  @media (max-width: 768px) {
    .post-footer-sharebox-experiment-14 .social-icons-wrapper .social-icons .social-icon.clipboard.tooltip-trigger .tooltip-box {
      bottom: 3.5rem; } }

@media (max-width: 768px) {
  .post-info-block.mobile-version.clearfix.post-info-block-mobile.new-share-experiment .post-share-experiment-14 .post-authors-content .post-author-link {
    display: flex;
    flex-direction: column; } }

@media (max-width: 768px) {
  #boredpanda-list-template .post-info-block.mobile-version.clearfix.new-share-experiment .post-share-experiment-14 {
    display: flex;
    justify-content: space-between; }
    #boredpanda-list-template .post-info-block.mobile-version.clearfix.new-share-experiment .post-share-experiment-14 .post-authors-content {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      #boredpanda-list-template .post-info-block.mobile-version.clearfix.new-share-experiment .post-share-experiment-14 .post-authors-content .post-author-link {
        display: flex;
        flex-direction: column; }
    #boredpanda-list-template .post-info-block.mobile-version.clearfix.new-share-experiment .post-share-experiment-14 .post-comments {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 0;
      min-width: 4.8125rem;
      width: 4.8125rem;
      height: 2.25rem;
      border: 1px solid var(--gray-250);
      border-radius: 6.25rem; } }

@media (max-width: 580px) {
  #boredpanda-list-template .post-info-block.mobile-version.clearfix.new-share-experiment .post-share-experiment-14 {
    padding-top: 0.65625rem;
    padding-bottom: 0.65625rem;
    border-top: 1px solid var(--gray-100);
    border-bottom: 1px solid var(--gray-100); } }

@media (max-width: 768px) {
  #boredpanda-list-template .post-info-block.mobile-version.clearfix.new-share-experiment .post-share-experiment-14 {
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 1px solid var(--gray-100);
    border-bottom: 1px solid var(--gray-100);
    width: 100%; } }

#boredpanda-list-template .post-footer-sharebox-experiment-14 {
  padding-top: 24px;
  background: var(--post-background); }

@media (min-width: 769px) {
  .wide-post .post-share-box {
    padding: 1rem 2.8125rem; } }

@media (min-width: 481px) and (max-width: 768px) {
  .wide-post .post-share-box {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem; } }

@media (max-width: 480px) {
  .wide-post .post-share-box {
    padding-left: 0.75rem;
    padding-right: 0.75rem; } }

@media (min-width: 769px) {
  .narrow-post .post-share-box {
    padding: 1rem 1.875rem; } }

@media (min-width: 481px) and (max-width: 768px) {
  .narrow-post .post-share-box {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem; } }

@media (max-width: 480px) {
  .narrow-post .post-share-box {
    padding-left: 0.75rem;
    padding-right: 0.75rem; } }

@media (min-width: 769px) {
  .narrow-post-700 .post-share-box {
    padding: 1rem 1.75rem 1rem 1.6875rem; } }

@media (min-width: 481px) and (max-width: 768px) {
  .narrow-post-700 .post-share-box {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem; } }

@media (max-width: 480px) {
  .narrow-post-700 .post-share-box {
    padding-left: 0.75rem;
    padding-right: 0.75rem; } }

@media (min-width: 769px) {
  .wide-post .post-footer-sharebox-experiment-14 .post-share-box {
    padding-top: 0; } }

@media (min-width: 481px) and (max-width: 580px) {
  .wide-post .post-footer-sharebox-experiment-14 .votes-comments-block,
  .wide-post .post-footer-sharebox-experiment-14 .post-share-box {
    padding-left: 1.4058125rem;
    padding-right: 1.4058125rem; } }

@media (max-width: 480px) {
  .wide-post .post-footer-sharebox-experiment-14 .votes-comments-block,
  .wide-post .post-footer-sharebox-experiment-14 .post-share-box {
    padding-left: 0.75rem;
    padding-right: 0.75rem; } }

@media (min-width: 769px) {
  .narrow-post-700 .post-footer-sharebox-experiment-14 .post-share-box,
  .narrow-post .post-footer-sharebox-experiment-14 .post-share-box {
    padding-top: 1.0625rem; } }

@media (min-width: 801px) {
  .narrow-post-700 .post-footer-sharebox-experiment-14 .votes-comments-block,
  .narrow-post-700 .post-footer-sharebox-experiment-14 .post-share-box,
  .narrow-post .post-footer-sharebox-experiment-14 .votes-comments-block,
  .narrow-post .post-footer-sharebox-experiment-14 .post-share-box {
    padding-left: 1.562rem;
    padding-right: 1.562rem; } }

@media (min-width: 769px) and (max-width: 800px) {
  .narrow-post-700 .post-footer-sharebox-experiment-14 .votes-comments-block,
  .narrow-post-700 .post-footer-sharebox-experiment-14 .post-share-box,
  .narrow-post .post-footer-sharebox-experiment-14 .votes-comments-block,
  .narrow-post .post-footer-sharebox-experiment-14 .post-share-box {
    padding-left: 1.4370625rem;
    padding-right: 1.4370625rem; } }

@media (min-width: 581px) and (max-width: 768px) {
  .narrow-post-700 .post-footer-sharebox-experiment-14 .votes-comments-block,
  .narrow-post-700 .post-footer-sharebox-experiment-14 .post-share-box,
  .narrow-post .post-footer-sharebox-experiment-14 .votes-comments-block,
  .narrow-post .post-footer-sharebox-experiment-14 .post-share-box {
    padding-left: 1.562rem;
    padding-right: 1.562rem; } }

@media (min-width: 481px) and (max-width: 580px) {
  .narrow-post-700 .post-footer-sharebox-experiment-14 .votes-comments-block,
  .narrow-post-700 .post-footer-sharebox-experiment-14 .post-share-box,
  .narrow-post .post-footer-sharebox-experiment-14 .votes-comments-block,
  .narrow-post .post-footer-sharebox-experiment-14 .post-share-box {
    padding-left: 1.4058125rem;
    padding-right: 1.4058125rem; } }

@media (max-width: 480px) {
  .narrow-post-700 .post-footer-sharebox-experiment-14 .votes-comments-block,
  .narrow-post-700 .post-footer-sharebox-experiment-14 .post-share-box,
  .narrow-post .post-footer-sharebox-experiment-14 .votes-comments-block,
  .narrow-post .post-footer-sharebox-experiment-14 .post-share-box {
    padding-left: 0.75rem;
    padding-right: 0.75rem; } }

.wide-post #boredpanda-list-template .post-header .post-share-box,
.narrow-post-700 #boredpanda-list-template .post-header .post-share-box .narrow-post #boredpanda-list-template .post-header .post-share-box {
  padding-bottom: 0; }

@media (min-width: 581px) {
  .wide-post #boredpanda-list-template .post .open-list-block-footer .post-footer-sharebox-experiment-14 .post-share-box,
  .narrow-post-700 #boredpanda-list-template .post .open-list-block-footer .post-footer-sharebox-experiment-14 .post-share-box,
  .narrow-post #boredpanda-list-template .post .open-list-block-footer .post-footer-sharebox-experiment-14 .post-share-box {
    padding-top: 0; } }

.wide-post #boredpanda-list-template .web-share-margin,
.narrow-post-700 #boredpanda-list-template .web-share-margin,
.narrow-post #boredpanda-list-template .web-share-margin {
  padding-top: 2.5rem; }
  @media (max-width: 480px) {
    .wide-post #boredpanda-list-template .web-share-margin,
    .narrow-post-700 #boredpanda-list-template .web-share-margin,
    .narrow-post #boredpanda-list-template .web-share-margin {
      padding-top: 2rem; } }

.wide-post #boredpanda-list-template .web-share-post-author,
.narrow-post-700 #boredpanda-list-template .web-share-post-author,
.narrow-post #boredpanda-list-template .web-share-post-author {
  margin-top: 0.9375rem; }
  @media (max-width: 480px) {
    .wide-post #boredpanda-list-template .web-share-post-author,
    .narrow-post-700 #boredpanda-list-template .web-share-post-author,
    .narrow-post #boredpanda-list-template .web-share-post-author {
      margin-top: 3.75rem; } }

main.main.bp-container article.post footer.the-loop {
  height: auto;
  padding: 0;
  border-top: 1px solid var(--gray-100); }
  main.main.bp-container article.post footer.the-loop .post-share-social-icons-footer .votes-comments-block .votes-comments-content {
    display: flex;
    padding: 1rem 1.5625rem; }
    @media (max-width: 375px) {
      main.main.bp-container article.post footer.the-loop .post-share-social-icons-footer .votes-comments-block .votes-comments-content {
        justify-content: center; } }
    main.main.bp-container article.post footer.the-loop .post-share-social-icons-footer .votes-comments-block .votes-comments-content .vote-block {
      display: flex;
      margin-right: 1.5rem; }
      main.main.bp-container article.post footer.the-loop .post-share-social-icons-footer .votes-comments-block .votes-comments-content .vote-block .post-vote-button {
        min-width: 2.25rem;
        min-height: 2.25rem; }
      main.main.bp-container article.post footer.the-loop .post-share-social-icons-footer .votes-comments-block .votes-comments-content .vote-block .votes-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        color: var(--gray-800);
        font-weight: 700;
        font-size: 1rem; }
    main.main.bp-container article.post footer.the-loop .post-share-social-icons-footer .votes-comments-block .votes-comments-content .comments-block {
      display: flex; }
      main.main.bp-container article.post footer.the-loop .post-share-social-icons-footer .votes-comments-block .votes-comments-content .comments-block .comment-content {
        border: 1px solid var(--gray-250);
        border-radius: 6.25rem;
        display: flex; }
        main.main.bp-container article.post footer.the-loop .post-share-social-icons-footer .votes-comments-block .votes-comments-content .comments-block .comment-content .comments-icon {
          color: #949494;
          display: flex;
          flex-direction: column;
          justify-content: center;
          padding-left: 0.75rem;
          padding-right: 0.5rem; }
          @media (min-width: 481px) {
            main.main.bp-container article.post footer.the-loop .post-share-social-icons-footer .votes-comments-block .votes-comments-content .comments-block .comment-content .comments-icon {
              padding-top: 0.3125rem; } }
        main.main.bp-container article.post footer.the-loop .post-share-social-icons-footer .votes-comments-block .votes-comments-content .comments-block .comment-content .comment-text {
          padding-right: 0.75rem; }
  main.main.bp-container article.post footer.the-loop .post-share-social-icons-footer .post-share-box {
    padding: 0; }
    main.main.bp-container article.post footer.the-loop .post-share-social-icons-footer .post-share-box .post-share-content {
      border: 0; }
      main.main.bp-container article.post footer.the-loop .post-share-social-icons-footer .post-share-box .post-share-content .vote-block {
        border: 0;
        margin-right: 1.25rem;
        padding: 0 0 0 1rem; }
        main.main.bp-container article.post footer.the-loop .post-share-social-icons-footer .post-share-box .post-share-content .vote-block .vote {
          display: flex;
          padding-top: 0.75rem;
          padding-bottom: 0.75rem;
          margin-right: 1rem; }
          main.main.bp-container article.post footer.the-loop .post-share-social-icons-footer .post-share-box .post-share-content .vote-block .vote .post-vote-button {
            min-width: 2.25rem;
            min-height: 2.25rem; }
      main.main.bp-container article.post footer.the-loop .post-share-social-icons-footer .post-share-box .post-share-content .comments-share-block {
        border-left: 1px solid var(--gray-100); }
        main.main.bp-container article.post footer.the-loop .post-share-social-icons-footer .post-share-box .post-share-content .comments-share-block .comments-block {
          padding-top: 0.75rem;
          padding-bottom: 0.75rem; }
          main.main.bp-container article.post footer.the-loop .post-share-social-icons-footer .post-share-box .post-share-content .comments-share-block .comments-block .comments-icon {
            margin-top: 0;
            margin-bottom: 0;
            margin-left: 0; }
          main.main.bp-container article.post footer.the-loop .post-share-social-icons-footer .post-share-box .post-share-content .comments-share-block .comments-block .comments-count {
            border-left: 0;
            border-right: 0; }
    main.main.bp-container article.post footer.the-loop .post-share-social-icons-footer .post-share-box .post-share-content-mobile {
      border: 0;
      border-top: 2px solid var(--gray-100); }
      main.main.bp-container article.post footer.the-loop .post-share-social-icons-footer .post-share-box .post-share-content-mobile .share-block {
        padding: 1rem 1.5625rem; }
        @media (max-width: 375px) {
          main.main.bp-container article.post footer.the-loop .post-share-social-icons-footer .post-share-box .post-share-content-mobile .share-block {
            padding-left: 0;
            padding-right: 0; } }
  main.main.bp-container article.post footer.the-loop .post-share-footer {
    height: auto;
    padding: 0; }
    main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content {
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .vote-block {
        display: flex;
        flex-direction: row;
        margin-left: 1rem;
        margin-right: 1.25rem;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem; }
        main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .vote-block .votes-text {
          display: flex;
          flex-direction: column;
          justify-content: center;
          padding-left: 0.5rem;
          padding-right: 0.5rem;
          font-size: 1rem;
          font-weight: 700;
          color: var(--gray-800); }
      main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block.without-post-actions,
      main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-grow: 1; }
        main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block.without-post-actions .comments-block,
        main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block {
          display: flex;
          flex-direction: column;
          justify-content: center;
          border-left: 1px solid var(--gray-100); }
          main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block.without-post-actions .comments-block .comments-count,
          main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count {
            display: flex;
            flex-direction: row;
            border: none; }
            main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block.without-post-actions .comments-block .comments-count .comments-icon,
            main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count .comments-icon {
              border: 1px solid var(--gray-250);
              border-radius: 50%;
              margin-top: 0;
              margin-bottom: 0;
              margin-right: 0.5rem;
              width: 2.375rem;
              height: 2.375rem;
              display: flex;
              flex-direction: column;
              justify-content: center;
              text-align: center; }
              main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block.without-post-actions .comments-block .comments-count .comments-icon i,
              main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count .comments-icon i {
                height: 14px;
                color: #949494; }
            main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block.without-post-actions .comments-block .comments-count .comments-text-content,
            main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count .comments-text-content {
              display: flex;
              flex-direction: column;
              justify-content: center; }
              main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block.without-post-actions .comments-block .comments-count .comments-text-content .comments-text,
              main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count .comments-text-content .comments-text {
                font-size: 1rem;
                font-weight: 600;
                color: var(--gray-800); }
        main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block.without-post-actions .share-block,
        main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .share-block {
          display: flex;
          flex-direction: column;
          justify-content: center;
          margin-right: 1rem; }
          main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block.without-post-actions .share-block .share-button,
          main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .share-block .share-button {
            display: flex;
            flex-direction: row;
            justify-content: center;
            border-radius: 4px;
            border: 1px solid var(--gray-250);
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            height: 2.375rem; }
            main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block.without-post-actions .share-block .share-button .share-button-icon,
            main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .share-block .share-button .share-button-icon {
              color: var(--gray-500);
              margin-right: 0.5rem; }
            main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block.without-post-actions .share-block .share-button .share-button-text,
            main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .share-block .share-button .share-button-text {
              color: var(--gray-800);
              font-size: 0.875rem;
              font-weight: 600; }
            main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block.without-post-actions .share-block .share-button:hover,
            main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .share-block .share-button:hover {
              border-color: #949494; }
      main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block.without-post-actions {
        justify-content: end; }
        main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block.without-post-actions .share-block {
          margin-top: 0.75rem;
          margin-bottom: 0.75rem; }
    main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content-mobile {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding: 1rem; }
      main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content-mobile .vote-comments-block {
        display: flex;
        flex-direction: row; }
        @media (max-width: 375px) {
          main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content-mobile .vote-comments-block {
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: space-between; } }
        main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content-mobile .vote-comments-block .vote-block {
          display: flex;
          flex-direction: row;
          margin-right: 1.5rem; }
          main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content-mobile .vote-comments-block .vote-block .votes-text {
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin-right: 0.5rem;
            margin-left: 0.5rem; }
            main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content-mobile .vote-comments-block .vote-block .votes-text strong {
              font-weight: 600;
              font-size: 1rem;
              color: var(--gray-800); }
        main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content-mobile .vote-comments-block .comments-block {
          display: flex;
          flex-direction: column;
          justify-content: center; }
          main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content-mobile .vote-comments-block .comments-block .comment-content {
            display: flex;
            flex-direction: row;
            border: 1px solid var(--gray-250);
            border-radius: 6.25rem; }
            main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content-mobile .vote-comments-block .comments-block .comment-content .comments-icon {
              color: #949494;
              padding: 0.6875rem 0.5rem 0.5625rem 0.75rem; }
            main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content-mobile .vote-comments-block .comments-block .comment-content .comment-text {
              font-weight: 600;
              font-size: 1rem;
              color: var(--gray-800);
              display: flex;
              flex-direction: column;
              justify-content: center;
              padding: 0.6875rem 0.75rem 0.5625rem 0; }
      main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content-mobile .share-block {
        display: flex;
        flex-direction: column;
        justify-content: center; }
        @media (max-width: 375px) {
          main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content-mobile .share-block {
            display: none; } }
        main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content-mobile .share-block .share-content .share-button {
          display: flex;
          flex-direction: row;
          justify-content: center;
          border-radius: 4px;
          border: 1px solid var(--gray-250);
          padding-left: 0.75rem;
          padding-right: 0.75rem;
          height: 2.375rem; }
          main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content-mobile .share-block .share-content .share-button .share-button-icon {
            color: var(--gray-500);
            margin-right: 0.5rem; }
          main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content-mobile .share-block .share-content .share-button .share-button-text {
            color: var(--gray-800);
            font-size: 0.875rem;
            font-weight: 600; }
          main.main.bp-container article.post footer.the-loop .post-share-footer .post-share-content-mobile .share-block .share-content .share-button:hover {
            border-color: #949494; }

@media (max-width: 768px) {
  .post-info-block.mobile-version.clearfix.post-info-block-mobile.new-share-experiment {
    padding-bottom: 0;
    margin-bottom: 0; } }

.post-content #post-highlights {
  margin-top: 2rem;
  margin-bottom: 2rem;
  background: var(--bg-post-highlights);
  border-radius: 3px; }
  @media (max-width: 768px) {
    .post-content #post-highlights {
      margin-right: 1.5625rem;
      margin-left: 1.5625rem; } }
  @media (max-width: 480px) {
    .post-content #post-highlights {
      margin-right: 0.75rem;
      margin-left: 0.75rem; } }
  .post-content #post-highlights span.h2 {
    font-family: Merriweather, serif;
    text-align: left;
    color: var(--on-bg-dark);
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.875rem;
    padding: 1.25rem 2rem;
    border-bottom: 1px solid var(--border-button);
    margin: 0; }
    @media (max-width: 768px) {
      .post-content #post-highlights span.h2 {
        font-size: 1.25rem; } }
    @media (max-width: 480px) {
      .post-content #post-highlights span.h2 {
        padding: 1.25rem 1.5rem; } }
  .post-content #post-highlights ul {
    padding: 2rem 0; }
    .post-content #post-highlights ul li {
      list-style-type: none;
      font-size: 1.25rem;
      font-weight: 400;
      line-height: 1.75rem;
      margin-bottom: 1rem;
      display: flex;
      justify-content: start;
      padding-right: 2rem;
      padding-left: 2rem; }
      @media (max-width: 480px) {
        .post-content #post-highlights ul li {
          padding-right: 1.5rem;
          padding-left: 1.5rem; } }
      .post-content #post-highlights ul li span {
        display: flex;
        flex-direction: column;
        justify-content: start; }
      .post-content #post-highlights ul li .bullet-wrapper {
        margin-top: 0.5625rem;
        margin-right: 1.25rem; }
        .post-content #post-highlights ul li .bullet-wrapper .bullet {
          line-height: 1.625rem;
          background: var(--orange-150);
          display: inline-block;
          width: 0.5rem;
          height: 0.5rem;
          min-width: 0.5rem;
          min-height: 0.5rem; }
      .post-content #post-highlights ul li:last-child {
        margin-bottom: 0; }
      @media (max-width: 768px) {
        .post-content #post-highlights ul li {
          font-size: 1.125rem;
          line-height: 1.625rem; } }
      .post-content #post-highlights ul li span, .post-content #post-highlights ul li p, .post-content #post-highlights ul li h1, .post-content #post-highlights ul li h2, .post-content #post-highlights ul li h3, .post-content #post-highlights ul li h4, .post-content #post-highlights ul li a, .post-content #post-highlights ul li strong, .post-content #post-highlights ul li em, .post-content #post-highlights ul li b {
        background: unset !important;
        color: unset;
        padding: 0;
        margin: 0; }
      .post-content #post-highlights ul li span, .post-content #post-highlights ul li p, .post-content #post-highlights ul li li, .post-content #post-highlights ul li div, .post-content #post-highlights ul li a {
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1.75rem; }
      .post-content #post-highlights ul li a {
        color: var(--orange-150); }

.post-content #post-highlights .article-reading-time-wrapper {
  border-top: 1px solid var(--border-button);
  display: flex;
  padding: 1.375rem 2rem; }
  @media (max-width: 480px) {
    .post-content #post-highlights .article-reading-time-wrapper {
      padding-right: 1.5rem;
      padding-left: 1.5rem; } }
  .post-content #post-highlights .article-reading-time-wrapper .article-reading-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 1rem; }
  .post-content #post-highlights .article-reading-time-wrapper .article-reading-time {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--on-bg-primary);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem; }

.wide-post .boredpanda-shopping-list-template .post .post-info-block .post-share-box,
.narrow-post .boredpanda-shopping-list-template .post .post-info-block .post-share-box,
.narrow-post-700 .boredpanda-shopping-list-template .post .post-info-block .post-share-box {
  padding-left: 0;
  padding-right: 0; }

.wide-post .boredpanda-shopping-list-template .post .post-header .left.post-share-experiment-14,
.narrow-post .boredpanda-shopping-list-template .post .post-header .left.post-share-experiment-14,
.narrow-post-700 .boredpanda-shopping-list-template .post .post-header .left.post-share-experiment-14 {
  width: 100%; }

.narrow-post-700 #boredpanda-list-template.boredpanda-shopping-list-template .post .open-list-block-footer .post-footer-sharebox-experiment-14,
.narrow-post #boredpanda-list-template.boredpanda-shopping-list-template .post .open-list-block-footer .post-footer-sharebox-experiment-14,
.wide-post #boredpanda-list-template.boredpanda-shopping-list-template .post .open-list-block-footer .post-footer-sharebox-experiment-14 {
  padding-top: 20px; }

.boredpanda-image-alt-texts-generator {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--white);
  width: 400px;
  z-index: 99999;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-weight: 600; }
  .boredpanda-image-alt-texts-generator.hidden {
    display: none; }
  .boredpanda-image-alt-texts-generator .cancel {
    float: right;
    color: var(--orange-150); }
  .boredpanda-image-alt-texts-generator .title {
    color: var(--gray-800);
    font-size: 20px;
    line-height: 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 1.625rem 1.875rem; }
  .boredpanda-image-alt-texts-generator .image-alt-text {
    padding-bottom: 1.5rem !important;
    border-bottom: 2px solid var(--gray-500); }
    .boredpanda-image-alt-texts-generator .image-alt-text img {
      margin-bottom: 10px; }
  .boredpanda-image-alt-texts-generator .input-group {
    padding: 1.5rem 1.875rem 0; }
    .boredpanda-image-alt-texts-generator .input-group textarea {
      border-radius: 3px;
      border: 1px solid var(--gray-200);
      color: var(--gray-800);
      font-size: 14px;
      min-height: 90px;
      font-weight: 400;
      line-height: 1rem;
      padding: 0.75rem;
      min-width: 100%;
      box-sizing: border-box;
      outline: none;
      font-family: 'Roboto', sans-serif; }
  .boredpanda-image-alt-texts-generator .body {
    overflow-y: auto;
    height: calc(100vh - 186px); }
  .boredpanda-image-alt-texts-generator .loading-indicator-wrapper {
    position: absolute;
    bottom: 0px;
    z-index: 999;
    width: 100%;
    opacity: 0.8;
    background: gray;
    height: 100%; }
    .boredpanda-image-alt-texts-generator .loading-indicator-wrapper div {
      top: 50%;
      position: relative; }
  .boredpanda-image-alt-texts-generator .buttons {
    bottom: 0px;
    position: sticky;
    padding: 25px 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    width: 100%;
    box-sizing: border-box;
    display: flex;
    background: white;
    justify-content: space-between; }
    .boredpanda-image-alt-texts-generator .buttons button {
      text-align: center;
      font-size: 16px;
      font-weight: 600;
      line-height: 20px;
      border-radius: 6px;
      background: var(--white);
      width: 140px;
      height: 50px;
      cursor: pointer; }
      .boredpanda-image-alt-texts-generator .buttons button.approve-all {
        color: var(--green-200);
        border: 2px solid var(--green-200); }
        .boredpanda-image-alt-texts-generator .buttons button.approve-all:hover {
          background: var(--green-200);
          color: var(--white); }
      .boredpanda-image-alt-texts-generator .buttons button.generate-missing {
        color: var(--orange-150);
        border: 2px solid var(--orange-150); }
        .boredpanda-image-alt-texts-generator .buttons button.generate-missing:hover {
          background: var(--gray-200); }

.boredpanda-image-title-texts-generator {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--white);
  width: 400px;
  z-index: 99999;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-weight: 600; }
  .boredpanda-image-title-texts-generator.hidden {
    display: none; }
  .boredpanda-image-title-texts-generator .cancel {
    float: right;
    color: var(--orange-150); }
  .boredpanda-image-title-texts-generator .title {
    color: var(--gray-800);
    font-size: 20px;
    line-height: 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 1.625rem 1.875rem; }
  .boredpanda-image-title-texts-generator .image-title-text {
    padding-bottom: 1.5rem !important;
    border-bottom: 2px solid var(--gray-500); }
    .boredpanda-image-title-texts-generator .image-title-text img {
      margin-bottom: 10px; }
  .boredpanda-image-title-texts-generator .input-group {
    padding: 1.5rem 1.875rem 0; }
    .boredpanda-image-title-texts-generator .input-group textarea {
      border-radius: 3px;
      border: 1px solid var(--gray-200);
      color: var(--gray-800);
      font-size: 14px;
      min-height: 90px;
      font-weight: 400;
      line-height: 1rem;
      padding: 0.75rem;
      min-width: 100%;
      box-sizing: border-box;
      outline: none;
      font-family: 'Roboto', sans-serif; }
  .boredpanda-image-title-texts-generator .body {
    overflow-y: auto;
    height: calc(100vh - 186px); }
  .boredpanda-image-title-texts-generator .loading-indicator-wrapper {
    position: absolute;
    bottom: 0px;
    z-index: 999;
    width: 100%;
    opacity: 0.8;
    background: gray;
    height: 100%; }
    .boredpanda-image-title-texts-generator .loading-indicator-wrapper div {
      top: 50%;
      position: relative; }
  .boredpanda-image-title-texts-generator .buttons {
    bottom: 0px;
    position: sticky;
    padding: 25px 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    width: 100%;
    box-sizing: border-box;
    display: flex;
    background: white;
    justify-content: space-between; }
    .boredpanda-image-title-texts-generator .buttons button {
      text-align: center;
      font-size: 16px;
      font-weight: 600;
      line-height: 20px;
      border-radius: 6px;
      background: var(--white);
      width: 140px;
      height: 50px;
      cursor: pointer; }
      .boredpanda-image-title-texts-generator .buttons button.approve-all {
        color: var(--green-200);
        border: 2px solid var(--green-200); }
        .boredpanda-image-title-texts-generator .buttons button.approve-all:hover {
          background: var(--green-200);
          color: var(--white); }
      .boredpanda-image-title-texts-generator .buttons button.generate-missing {
        color: var(--orange-150);
        border: 2px solid var(--orange-150); }
        .boredpanda-image-title-texts-generator .buttons button.generate-missing:hover {
          background: var(--gray-200); }

.boredpanda-orphan-page-link-generator {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--white);
  width: 400px;
  z-index: 99999;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-weight: 600; }
  .boredpanda-orphan-page-link-generator.hidden {
    display: none; }
  .boredpanda-orphan-page-link-generator .cancel {
    float: right;
    color: var(--orange-150); }
  .boredpanda-orphan-page-link-generator .title {
    color: var(--gray-800);
    font-size: 20px;
    line-height: 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 1.625rem 1.875rem; }
  .boredpanda-orphan-page-link-generator .image-alt-text {
    padding-bottom: 1.5rem !important;
    border-bottom: 2px solid var(--gray-500); }
    .boredpanda-orphan-page-link-generator .image-alt-text img {
      margin-bottom: 10px; }
  .boredpanda-orphan-page-link-generator .input-group {
    padding: 1.5rem 1.875rem 0; }
    .boredpanda-orphan-page-link-generator .input-group textarea {
      border-radius: 3px;
      border: 1px solid var(--gray-200);
      color: var(--gray-800);
      font-size: 14px;
      min-height: 90px;
      font-weight: 400;
      line-height: 1rem;
      padding: 0.75rem;
      min-width: 100%;
      box-sizing: border-box;
      outline: none;
      font-family: 'Roboto', sans-serif; }
  .boredpanda-orphan-page-link-generator .body {
    overflow-y: auto;
    height: calc(100vh - 186px); }
    .boredpanda-orphan-page-link-generator .body #articles-container .article-container {
      margin: 20px;
      padding: 20px;
      border: 1px solid #ddd;
      border-radius: 8px;
      background-color: #f9f9f9; }
    .boredpanda-orphan-page-link-generator .body #articles-container .article-title {
      display: block;
      font-size: 22px;
      font-weight: bold;
      margin-bottom: 15px; }
    .boredpanda-orphan-page-link-generator .body #articles-container .article-link {
      text-decoration: none;
      margin-bottom: 15px;
      display: inline-block; }
    .boredpanda-orphan-page-link-generator .body #articles-container .article-paragraph {
      font-size: 16px;
      color: #555;
      margin-bottom: 10px;
      position: relative;
      padding-right: 60px;
      /* Leave space for the copy button */ }
    .boredpanda-orphan-page-link-generator .body #articles-container .copy-btn {
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%);
      background-color: #4CAF50;
      color: white;
      border: none;
      padding: 5px 10px;
      font-size: 14px;
      cursor: pointer;
      border-radius: 5px; }
    .boredpanda-orphan-page-link-generator .body #articles-container .copy-btn:hover {
      background-color: #45a049; }
    .boredpanda-orphan-page-link-generator .body #articles-container .copied {
      background-color: #d4edda; }
  .boredpanda-orphan-page-link-generator .loading-indicator-wrapper {
    position: absolute;
    bottom: 0px;
    z-index: 999;
    width: 100%;
    opacity: 0.8;
    background: gray;
    height: 100%; }
    .boredpanda-orphan-page-link-generator .loading-indicator-wrapper div {
      top: 50%;
      position: relative; }
  .boredpanda-orphan-page-link-generator .buttons {
    bottom: 0px;
    position: sticky;
    padding: 25px 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    width: 100%;
    box-sizing: border-box;
    display: flex;
    background: white;
    justify-content: space-between; }
    .boredpanda-orphan-page-link-generator .buttons button {
      text-align: center;
      font-size: 16px;
      font-weight: 600;
      line-height: 20px;
      border-radius: 6px;
      background: var(--white);
      width: 140px;
      height: 50px;
      cursor: pointer; }
      .boredpanda-orphan-page-link-generator .buttons button.approve-all {
        color: var(--green-200);
        border: 2px solid var(--green-200); }
        .boredpanda-orphan-page-link-generator .buttons button.approve-all:hover {
          background: var(--green-200);
          color: var(--white); }
      .boredpanda-orphan-page-link-generator .buttons button.generate-missing {
        color: var(--orange-150);
        border: 2px solid var(--orange-150); }
        .boredpanda-orphan-page-link-generator .buttons button.generate-missing:hover {
          background: var(--gray-200); }

.boredpanda-questions-generator-settings, .boredpanda-interview-prompt-settings {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--white);
  width: 400px;
  z-index: 99999;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-weight: 600; }
  .boredpanda-questions-generator-settings.hidden, .boredpanda-interview-prompt-settings.hidden {
    display: none; }
  .boredpanda-questions-generator-settings .title, .boredpanda-interview-prompt-settings .title {
    color: var(--gray-800);
    font-size: 20px;
    line-height: 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 1.625rem 1.875rem; }
  .boredpanda-questions-generator-settings .body, .boredpanda-interview-prompt-settings .body {
    overflow-y: auto;
    height: calc(100vh - 186px); }
    .boredpanda-questions-generator-settings .body .input-group, .boredpanda-interview-prompt-settings .body .input-group {
      padding: 1.5rem 1.875rem 0; }
      .boredpanda-questions-generator-settings .body .input-group label, .boredpanda-interview-prompt-settings .body .input-group label {
        color: var(--gray-800);
        font-size: 16px;
        line-height: 30px;
        display: block; }
      .boredpanda-questions-generator-settings .body .input-group textarea, .boredpanda-interview-prompt-settings .body .input-group textarea {
        border-radius: 3px;
        border: 1px solid var(--gray-200);
        color: var(--gray-800);
        font-size: 14px;
        font-weight: 400;
        line-height: 1rem;
        padding: 0.75rem;
        min-width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        outline: none;
        font-family: 'Roboto', sans-serif;
        height: 50vh;
        margin-bottom: 20px; }
    .boredpanda-questions-generator-settings .body #generateInterviewQuestionsWithAI, .boredpanda-questions-generator-settings .body #generateInterviewQuestionsWithAI2, .boredpanda-interview-prompt-settings .body #generateInterviewQuestionsWithAI, .boredpanda-interview-prompt-settings .body #generateInterviewQuestionsWithAI2 {
      width: 100%;
      border: 1px solid var(--orange-150);
      border-radius: 4px;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      text-align: center;
      font-size: 0.875rem;
      font-weight: 600;
      line-height: 16.41px; }
    .boredpanda-questions-generator-settings .body .questions-wrapper, .boredpanda-interview-prompt-settings .body .questions-wrapper {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
      list-style-type: none; }
      .boredpanda-questions-generator-settings .body .questions-wrapper li.question, .boredpanda-interview-prompt-settings .body .questions-wrapper li.question {
        color: var(--gray-800);
        font-weight: 500;
        line-height: 20px;
        font-size: 0.875rem;
        margin-top: 0.75rem; }
  .boredpanda-questions-generator-settings .buttons, .boredpanda-interview-prompt-settings .buttons {
    padding: 25px 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between; }
    .boredpanda-questions-generator-settings .buttons button, .boredpanda-interview-prompt-settings .buttons button {
      text-align: center;
      font-size: 16px;
      font-weight: 600;
      line-height: 20px;
      border-radius: 6px;
      background: var(--white);
      width: 140px;
      height: 50px;
      cursor: pointer; }
      .boredpanda-questions-generator-settings .buttons button.submit, .boredpanda-interview-prompt-settings .buttons button.submit {
        color: #56b863;
        border: 2px solid #56b863; }
        .boredpanda-questions-generator-settings .buttons button.submit:hover, .boredpanda-interview-prompt-settings .buttons button.submit:hover {
          background: #56b863;
          color: var(--white); }
      .boredpanda-questions-generator-settings .buttons button.cancel, .boredpanda-interview-prompt-settings .buttons button.cancel {
        color: var(--gray-800);
        border: 2px solid var(--gray-200); }
        .boredpanda-questions-generator-settings .buttons button.cancel:hover, .boredpanda-interview-prompt-settings .buttons button.cancel:hover {
          background: var(--gray-200); }

.contact-authors-block {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--white);
  width: 400px;
  z-index: 99999;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-weight: 600; }
  .contact-authors-block.hidden {
    display: none; }
  .contact-authors-block .body {
    overflow-y: auto;
    height: calc(100vh - 186px); }
    .contact-authors-block .body .input-group {
      display: flex;
      gap: 10px;
      align-items: center;
      padding: 1.5rem 1.875rem 0; }
      .contact-authors-block .body .input-group label {
        color: var(--gray-800);
        font-size: 16px;
        line-height: 30px;
        display: block; }
      .contact-authors-block .body .input-group span {
        font-size: 14px;
        color: var(--orange-150); }
      .contact-authors-block .body .input-group a {
        border: 1px solid var(--orange-150);
        border-radius: 4px;
        padding: 8px;
        text-align: center;
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 16.41px;
        display: inline-block; }
  .contact-authors-block .title {
    color: var(--gray-800);
    font-size: 20px;
    line-height: 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 1.625rem 1.875rem; }
  .contact-authors-block .buttons {
    padding: 25px 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: end; }
    .contact-authors-block .buttons button {
      text-align: center;
      font-size: 16px;
      font-weight: 600;
      line-height: 20px;
      border-radius: 6px;
      background: var(--white);
      width: 140px;
      height: 50px;
      cursor: pointer; }
      .contact-authors-block .buttons button.submit {
        color: var(--green-200);
        border: 2px solid var(--green-200); }
        .contact-authors-block .buttons button.submit:hover {
          background: var(--green-200);
          color: var(--white); }
      .contact-authors-block .buttons button.cancel {
        color: var(--gray-800);
        border: 2px solid var(--gray-200); }
        .contact-authors-block .buttons button.cancel:hover {
          background: var(--gray-200); }

.single-post article.post .post-content p {
  color: var(--post-content); }
  .single-post article.post .post-content p strong, .single-post article.post .post-content p span:not(.unmute-video) {
    color: var(--post-content) !important;
    background: var(--post-background) !important; }
  .single-post article.post .post-content p a span:not(.unmute-video) {
    color: var(--orange-150) !important;
    background: var(--post-background) !important; }

.post-info-block .left.post-info.post-authors .post-authors-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative; }
  .post-info-block .left.post-info.post-authors .post-authors-content div > img {
    border: 1.5px solid var(--Light-theme-Grey-3, #EBEBEB); }
  .post-info-block .left.post-info.post-authors .post-authors-content div > img, .post-info-block .left.post-info.post-authors .post-authors-content div > div {
    margin-left: -12px; }
    .post-info-block .left.post-info.post-authors .post-authors-content div > img:first-child, .post-info-block .left.post-info.post-authors .post-authors-content div > div:first-child {
      margin-left: 0; }
  .post-info-block .left.post-info.post-authors .post-authors-content div.post-multi-authors-wrapper > div {
    margin-left: 0; }
  @media (max-width: 768px) {
    .post-info-block .left.post-info.post-authors .post-authors-content {
      flex-direction: row;
      align-items: flex-start;
      gap: 12px; }
      .post-info-block .left.post-info.post-authors .post-authors-content .authors-avatars {
        display: flex; } }
  @media (max-width: 480px) {
    .post-info-block .left.post-info.post-authors .post-authors-content .post-authors-links {
      margin-top: 15px;
      line-height: 16px; } }

@media (max-width: 768px) {
  .fact-delimiter {
    display: none; } }

.fact-delimiter {
  height: 1px;
  background-color: #e9e9e9 !important;
  margin: 8px 0 10px; }

.fact-block {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  row-gap: 4px;
  color: #595959; }
  @media (max-width: 768px) {
    .fact-block {
      margin-top: 15px; } }
  .fact-block svg {
    color: green; }
  .fact-block span {
    background: #f2f2f2;
    display: inline-flex;
    padding: 2px 0.8px 2px 6px;
    align-items: center;
    border-radius: 20px;
    margin-right: 8px;
    white-space: nowrap; }
    .fact-block span span {
      color: #595959;
      font-weight: 400;
      font-size: 13px;
      line-height: 24px;
      font-style: normal; }
  .fact-block a {
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    font-style: normal;
    color: #1d53b5 !important; }

.home .post .post-share-box .post-share-content .comments-share-block .share-social-icons-block .share-social-icons-content .social-icons-wrapper .social-icons .social-icon {
  width: 38px;
  height: 38px; }

article header .slider-controls-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block; }
  article header .slider-controls-wrapper .slider-controls {
    position: absolute;
    z-index: 5;
    top: 50%;
    transform: translateY(-50%);
    width: 3rem;
    height: 3rem;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.9);
    cursor: pointer; }
    @media (max-width: 390px) {
      article header .slider-controls-wrapper .slider-controls {
        width: 2.1875rem;
        height: 2.5rem; } }
    article header .slider-controls-wrapper .slider-controls .icon-wrapper {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      article header .slider-controls-wrapper .slider-controls .icon-wrapper svg {
        width: 17px;
        height: 18px;
        fill: var(--homefeed-slider-arrow); }
        @media (max-width: 390px) {
          article header .slider-controls-wrapper .slider-controls .icon-wrapper svg {
            width: 13px;
            height: 12px; } }
    article header .slider-controls-wrapper .slider-controls.left {
      left: 1rem; }
    article header .slider-controls-wrapper .slider-controls.right {
      right: 1rem; }
    article header .slider-controls-wrapper .slider-controls.disabled .icon-wrapper svg {
      fill: var(--homefeed-slider-arrow-disabled); }
  article header .slider-controls-wrapper .slider-link {
    position: absolute;
    display: block;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

article header .slider-wrapper {
  display: flex;
  overflow: hidden;
  scrollbar-width: none;
  position: relative; }
  article header .slider-wrapper::-webkit-scrollbar {
    display: none; }
  article header .slider-wrapper .slider-image-wrapper {
    width: 700px;
    height: 368px;
    flex-shrink: 0; }
    @media (max-width: 800px) {
      article header .slider-wrapper .slider-image-wrapper {
        width: 100%; } }
    article header .slider-wrapper .slider-image-wrapper img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

article header .bottom-slider-wrapper {
  display: flex;
  padding: 0.5rem; }
  article header .bottom-slider-wrapper .bottom-slider-image-wrapper {
    width: 100%;
    height: auto;
    max-width: 222px;
    max-height: 116px;
    margin-right: 0.5rem;
    cursor: pointer; }
    @media (max-width: 390px) {
      article header .bottom-slider-wrapper .bottom-slider-image-wrapper {
        max-width: 111px;
        max-height: 59px; } }
    article header .bottom-slider-wrapper .bottom-slider-image-wrapper:last-of-type {
      margin-right: 0; }
    article header .bottom-slider-wrapper .bottom-slider-image-wrapper.active img {
      filter: brightness(0.6); }
    article header .bottom-slider-wrapper .bottom-slider-image-wrapper img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    article header .bottom-slider-wrapper .bottom-slider-image-wrapper .see-all-wrapper {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: relative; }
      article header .bottom-slider-wrapper .bottom-slider-image-wrapper .see-all-wrapper span {
        position: absolute;
        width: 100%;
        text-align: center;
        color: var(--white);
        z-index: 2;
        font-family: 'Roboto', sans-serif;
        font-size: 1.125rem;
        line-height: 1.5rem;
        font-weight: 600; }
        @media (max-width: 390px) {
          article header .bottom-slider-wrapper .bottom-slider-image-wrapper .see-all-wrapper span {
            font-size: 0.875rem;
            line-height: 1.25rem; } }
      article header .bottom-slider-wrapper .bottom-slider-image-wrapper .see-all-wrapper img {
        filter: brightness(0.5); }
    article header .bottom-slider-wrapper .bottom-slider-image-wrapper.active .see-all-wrapper img {
      filter: brightness(0.55); }

#recommendations-block-6 {
  border-top: 1px solid var(--gray-100);
  border-bottom: 1px solid var(--gray-100);
  padding-top: 24px;
  padding-bottom: 24px;
  margin-top: 24px;
  margin-bottom: 24px; }
  #recommendations-block-6 span.h2 {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5625rem;
    color: var(--on-bg-dark);
    margin-top: 0;
    margin-bottom: 0.5rem;
    display: block; }
    @media (max-width: 480px) {
      #recommendations-block-6 span.h2 {
        font-size: 1.125rem;
        margin-bottom: 1rem; } }
  #recommendations-block-6 ul {
    padding: 0; }
    #recommendations-block-6 ul li.recommendation {
      list-style-type: none;
      display: flex;
      margin-bottom: 0.75rem; }
      #recommendations-block-6 ul li.recommendation:last-child {
        margin-bottom: 0; }
      @media (max-width: 480px) {
        #recommendations-block-6 ul li.recommendation {
          margin-bottom: 1rem; }
          #recommendations-block-6 ul li.recommendation:last-child {
            margin-bottom: 0; } }
      #recommendations-block-6 ul li.recommendation .dash {
        margin-right: 0.25rem;
        font-size: 1rem;
        color: var(--on-bg-dark); }
      #recommendations-block-6 ul li.recommendation a {
        text-decoration: underline;
        line-height: 1.5625rem;
        font-size: 1rem; }

@media (max-width: 768px) {
  .single-post #recommendations-block-6 {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem; } }

@media (max-width: 480px) {
  .single-post #recommendations-block-6 {
    padding-left: 0.75rem;
    padding-right: 0.75rem; } }

.single-open-list-post.narrow-post #recommendations-block-6,
.single-open-list-post.narrow-post-700 #recommendations-block-6 {
  background: var(--post-background);
  border-top: none;
  border-bottom: none;
  padding-left: 1.6875rem;
  padding-right: 1.6875rem; }
  @media (max-width: 480px) {
    .single-open-list-post.narrow-post #recommendations-block-6,
    .single-open-list-post.narrow-post-700 #recommendations-block-6 {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }

.single-open-list-post.wide-post #recommendations-block-6 {
  background: var(--post-background);
  padding-left: 45px;
  padding-right: 45px; }
  @media (max-width: 768px) {
    .single-open-list-post.wide-post #recommendations-block-6 {
      padding-left: 25px;
      padding-right: 25px; } }
  @media (max-width: 480px) {
    .single-open-list-post.wide-post #recommendations-block-6 {
      padding-left: 12px;
      padding-right: 12px; } }

.back-to-category-parent {
  display: flex;
  align-items: center;
  padding-top: 24px;
  gap: 12px; }
  .back-to-category-parent .text {
    color: var(--category-back-btn-text);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; }
    .back-to-category-parent .text:hover {
      color: var(--category-back-btn-text-hover); }
  .back-to-category-parent .back-icon {
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    background: var(--category-back-btn-bg);
    border: 1px solid var(--category-back-btn-border);
    border-radius: 1000px;
    gap: 8px; }
    .back-to-category-parent .back-icon i {
      background: url("images/icons/ic-arrow-back.svg") no-repeat center;
      background-size: 16px 16px;
      width: 16px;
      height: 16px; }

.posts-header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px 0 0;
  gap: 16px;
  width: 100%;
  margin-bottom: 30px; }
  .posts-header h1 {
    font-family: 'Merriweather', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 37px;
    line-height: 44px;
    color: var(--category-header-font-color);
    width: 100%; }
  .posts-header p {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: var(--category-header-p-font-color);
    width: 100%; }
  .posts-header .button-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px; }
  .posts-header .pill {
    display: flex;
    align-items: center;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    line-height: 15px;
    font-weight: 500;
    color: var(--category-header-pill-font-color);
    background-color: var(--category-header-pill-bg);
    border: 1px solid var(--category-header-pill-border);
    border-radius: 20px;
    padding: 8px 24px;
    box-sizing: border-box;
    gap: 8px;
    cursor: pointer;
    transition: background-color 0.3s; }
    .posts-header .pill:hover {
      background-color: var(--category-header-pill-border); }
  .posts-header .post-levels {
    list-style: none;
    border-bottom: 1px solid var(--category-header-pill-border);
    width: 100%;
    display: flex; }
    .posts-header .post-levels li {
      padding: 14px 20px;
      display: inline-block; }
      @media (max-width: 440px) {
        .posts-header .post-levels li {
          padding: 12px 15px; } }
      @media (max-width: 400px) {
        .posts-header .post-levels li {
          padding: 10px 2px; } }
      .posts-header .post-levels li a {
        font-size: 16px;
        line-height: 19px;
        padding: 14px 20px;
        font-weight: 500;
        color: var(--gray-600); }
      .posts-header .post-levels li.active {
        border-bottom: 2.4px solid var(--orange-150); }
        .posts-header .post-levels li.active a {
          color: var(--orange-150); }
  @media (max-width: 768px) {
    .posts-header h1 {
      font-size: 26px;
      line-height: 36px; }
    .posts-header p {
      font-size: 16px;
      line-height: 24px; } }

.posts .category-feed-headline {
  margin-bottom: 24px; }
  .posts .category-feed-headline .border {
    width: 4px;
    display: inline-block;
    height: 28px;
    background: var(--orange-150);
    border-radius: 20px;
    margin-right: 12px;
    vertical-align: middle; }
  .posts .category-feed-headline .title {
    font-family: Merriweather, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    vertical-align: middle;
    color: var(--on-bg-primary); }

.posts .category-feed-group-footer {
  text-align: center;
  padding-bottom: 30px; }
  .posts .category-feed-group-footer .spinner {
    margin-bottom: 24px; }
  .posts .category-feed-group-footer a {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color: var(--orange-150); }
    .posts .category-feed-group-footer a:hover {
      opacity: 0.8; }

.posts .category-feed-posts.category-big_cards article.post .title-container {
  padding: 20px 24px; }
  .posts .category-feed-posts.category-big_cards article.post .title-container .title-interview {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    padding: 16px 0 0;
    font-family: Roboto, sans-serif; }

@media (max-width: 580px) {
  .posts .category-feed-posts.category-big_cards article.post .title-container {
    padding: 20px 16px; } }

.posts .category-feed-posts.category-small_cards article.post {
  display: flex; }
  .posts .category-feed-posts.category-small_cards article.post .post-cover-container {
    width: 260px;
    height: 260px; }
    .posts .category-feed-posts.category-small_cards article.post .post-cover-container img {
      border-radius: 3px 0 0 3px; }
  .posts .category-feed-posts.category-small_cards article.post .category-small-card-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .posts .category-feed-posts.category-small_cards article.post .category-small-card-content .title-container {
      padding: 20px 24px 24px; }
      .posts .category-feed-posts.category-small_cards article.post .category-small-card-content .title-container h2 {
        font-size: 22px;
        font-weight: 700;
        line-height: 32px;
        text-align: left; }
      .posts .category-feed-posts.category-small_cards article.post .category-small-card-content .title-container .title-interview {
        display: block;
        font-family: Roboto, sans-serif;
        padding: 0;
        font-size: 16px;
        line-height: 20px;
        margin-top: 12px; }
    .posts .category-feed-posts.category-small_cards article.post .category-small-card-content footer {
      height: 55px; }
      .posts .category-feed-posts.category-small_cards article.post .category-small-card-content footer .post-share-footer .post-share-content .vote-block {
        margin: 0 24px;
        padding: 0;
        height: 55px;
        align-items: center; }
      .posts .category-feed-posts.category-small_cards article.post .category-small-card-content footer .post-share-footer .post-share-content .vote {
        width: auto;
        height: auto; }
        .posts .category-feed-posts.category-small_cards article.post .category-small-card-content footer .post-share-footer .post-share-content .vote .post-vote-button {
          border: 0;
          display: flex;
          flex-wrap: nowrap;
          flex-direction: row;
          width: auto;
          height: auto;
          align-items: center; }
          .posts .category-feed-posts.category-small_cards article.post .category-small-card-content footer .post-share-footer .post-share-content .vote .post-vote-button:hover {
            opacity: 0.8; }
          .posts .category-feed-posts.category-small_cards article.post .category-small-card-content footer .post-share-footer .post-share-content .vote .post-vote-button i .svg-icon {
            width: 17px;
            height: 19px; }
          .posts .category-feed-posts.category-small_cards article.post .category-small-card-content footer .post-share-footer .post-share-content .vote .post-vote-button .votes-text {
            display: inline-block;
            font-size: 16px;
            vertical-align: middle; }
      .posts .category-feed-posts.category-small_cards article.post .category-small-card-content footer .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count a.comments-icon {
        border: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-left: 24px;
        width: auto;
        height: 100%; }
        .posts .category-feed-posts.category-small_cards article.post .category-small-card-content footer .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count a.comments-icon:hover {
          opacity: 0.8; }
        .posts .category-feed-posts.category-small_cards article.post .category-small-card-content footer .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count a.comments-icon svg {
          width: 16px;
          height: 16px; }
      .posts .category-feed-posts.category-small_cards article.post .category-small-card-content footer .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count .comments-text-content .comments-text {
        font-size: 16px;
        padding-left: 8px; }
      @media (max-width: 979px) {
        .posts .category-feed-posts.category-small_cards article.post .category-small-card-content footer .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count span {
          display: inline-block; } }
      .posts .category-feed-posts.category-small_cards article.post .category-small-card-content footer .post-share-footer .post-share-content .comments-share-block .share-block a.share-button {
        height: 100%;
        border: 0; }
        .posts .category-feed-posts.category-small_cards article.post .category-small-card-content footer .post-share-footer .post-share-content .comments-share-block .share-block a.share-button:hover {
          opacity: 0.8; }
        .posts .category-feed-posts.category-small_cards article.post .category-small-card-content footer .post-share-footer .post-share-content .comments-share-block .share-block a.share-button .share-button-text {
          font-size: 16px; }

@media (max-width: 580px) {
  .posts .category-feed-posts.category-small_cards {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 24px; }
    .posts .category-feed-posts.category-small_cards .home-page-mobile-ad {
      margin-bottom: 0; }
    .posts .category-feed-posts.category-small_cards article.post {
      flex-direction: column;
      max-width: calc(50% - 8px);
      margin: 0; }
      .posts .category-feed-posts.category-small_cards article.post .post-cover-container {
        width: 100%;
        height: auto; }
        .posts .category-feed-posts.category-small_cards article.post .post-cover-container img {
          border-radius: 3px 3px 0 0; }
      .posts .category-feed-posts.category-small_cards article.post .category-small-card-content {
        height: 100%; }
        .posts .category-feed-posts.category-small_cards article.post .category-small-card-content .title-container {
          padding: 16px; }
          .posts .category-feed-posts.category-small_cards article.post .category-small-card-content .title-container h2 {
            font-size: 14px;
            line-height: 21px; }
          .posts .category-feed-posts.category-small_cards article.post .category-small-card-content .title-container .title-interview {
            font-size: 12px;
            line-height: 14px;
            padding: 0;
            font-family: Roboto, sans-serif; }
      .posts .category-feed-posts.category-small_cards article.post footer.the-loop {
        height: 44px; }
        .posts .category-feed-posts.category-small_cards article.post footer.the-loop .post-share-footer .post-share-content .vote-block {
          width: 50%;
          margin: 0;
          flex: 1 0 auto;
          justify-content: center; }
          .posts .category-feed-posts.category-small_cards article.post footer.the-loop .post-share-footer .post-share-content .vote-block .vote .post-vote-button i .svg-icon {
            width: 13px;
            height: 15px; }
          .posts .category-feed-posts.category-small_cards article.post footer.the-loop .post-share-footer .post-share-content .vote-block .vote .post-vote-button .votes-text {
            font-size: 14px;
            padding-left: 8px;
            padding-right: 0; }
        .posts .category-feed-posts.category-small_cards article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block {
          width: 50%;
          flex: 0 0 auto;
          justify-content: center; }
          .posts .category-feed-posts.category-small_cards article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .share-block {
            display: none; }
          .posts .category-feed-posts.category-small_cards article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block {
            border: 0; }
            .posts .category-feed-posts.category-small_cards article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count a.comments-icon {
              margin: 0; }
              .posts .category-feed-posts.category-small_cards article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count a.comments-icon svg {
                width: 14px;
                height: 14px; }
            .posts .category-feed-posts.category-small_cards article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count .comments-text-content .comments-text {
              font-size: 14px;
              padding-left: 8px;
              padding-right: 0; } }
      @media (max-width: 580px) and (max-width: 339px) {
        .posts .category-feed-posts.category-small_cards article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block {
          display: none; }
        .posts .category-feed-posts.category-small_cards article.post footer.the-loop .post-share-footer .post-share-content .vote-block {
          justify-content: left;
          padding-left: 16px;
          width: 100%; } }

.posts .category-feed-posts.category-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 24px; }
  .posts .category-feed-posts.category-columns article.post {
    display: flex;
    flex-direction: column;
    max-width: calc(50% - 12px);
    margin: 0; }
    .posts .category-feed-posts.category-columns article.post .post-cover-container {
      width: 100%;
      height: auto; }
      .posts .category-feed-posts.category-columns article.post .post-cover-container img {
        border-radius: 3px 3px 0 0; }
    .posts .category-feed-posts.category-columns article.post .category-small-card-content {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .posts .category-feed-posts.category-columns article.post .category-small-card-content .title-container {
        padding: 16px; }
        .posts .category-feed-posts.category-columns article.post .category-small-card-content .title-container h2 {
          font-size: 22px;
          line-height: 32px; }
        .posts .category-feed-posts.category-columns article.post .category-small-card-content .title-container .title-interview {
          display: block;
          padding: 12px 0 0;
          font-size: 16px;
          line-height: 24px;
          font-family: Roboto, sans-serif; }
    .posts .category-feed-posts.category-columns article.post footer.the-loop {
      height: 55px;
      box-sizing: border-box; }
      .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .vote-block {
        margin: 0 24px;
        padding: 0;
        height: 55px;
        align-items: center; }
      .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .vote {
        width: auto;
        height: auto; }
        .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .vote .post-vote-button {
          border: 0;
          display: flex;
          flex-wrap: nowrap;
          flex-direction: row;
          width: auto;
          height: auto;
          align-items: center; }
          .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .vote .post-vote-button:hover {
            opacity: 0.8; }
          .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .vote .post-vote-button i .svg-icon {
            width: 17px;
            height: 19px; }
          .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .vote .post-vote-button .votes-text {
            display: inline-block;
            font-size: 16px;
            vertical-align: middle;
            padding-left: 8px;
            padding-right: 0; }
      .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count a.comments-icon {
        border: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-left: 24px;
        width: auto;
        height: 100%; }
        .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count a.comments-icon:hover {
          opacity: 0.8; }
        .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count a.comments-icon svg {
          width: 16px;
          height: 16px; }
      .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count .comments-text-content .comments-text {
        font-size: 16px;
        padding-left: 8px;
        padding-right: 0; }
      @media (max-width: 979px) {
        .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count span {
          display: inline-block; } }
      .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .share-block a.share-button {
        height: 100%;
        border: 0; }
        .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .share-block a.share-button:hover {
          opacity: 0.8; }
        .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .share-block a.share-button .share-button-text {
          font-size: 16px; }
  @media (max-width: 580px) {
    .posts .category-feed-posts.category-columns {
      gap: 16px; }
      .posts .category-feed-posts.category-columns .home-page-mobile-ad {
        margin-bottom: 0; }
      .posts .category-feed-posts.category-columns article.post {
        max-width: calc(50% - 8px); }
        .posts .category-feed-posts.category-columns article.post .category-small-card-content .title-container {
          padding: 16px; }
          .posts .category-feed-posts.category-columns article.post .category-small-card-content .title-container h2 {
            font-size: 14px;
            line-height: 21px; }
          .posts .category-feed-posts.category-columns article.post .category-small-card-content .title-container .title-interview {
            font-size: 12px;
            line-height: 14px;
            font-family: Roboto, sans-serif; }
        .posts .category-feed-posts.category-columns article.post footer.the-loop {
          height: 44px; }
          .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .vote-block {
            width: 50%;
            margin: 0;
            flex: 1 0 auto;
            justify-content: center; }
            .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .vote-block .vote .post-vote-button i .svg-icon {
              width: 13px;
              height: 15px; }
            .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .vote-block .vote .post-vote-button .votes-text {
              font-size: 14px;
              padding-left: 8px;
              padding-right: 0; }
          .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block {
            width: 50%;
            flex: 0 0 auto;
            justify-content: center; }
            .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .share-block {
              display: none; }
            .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block {
              border: 0; }
              .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count a.comments-icon {
                margin: 0; }
                .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count a.comments-icon svg {
                  width: 14px;
                  height: 14px; }
              .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count .comments-text-content .comments-text {
                font-size: 14px;
                padding-left: 8px;
                padding-right: 0; } }
      @media (max-width: 580px) and (max-width: 339px) {
        .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .comments-share-block {
          display: none; }
        .posts .category-feed-posts.category-columns article.post footer.the-loop .post-share-footer .post-share-content .vote-block {
          justify-content: left;
          padding-left: 16px;
          width: 100%; } }

.posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post {
  flex: 1 0 auto;
  width: calc((100% - 48px) / 2.5);
  margin: 0 24px 0 0;
  align-items: center;
  display: flex;
  flex-direction: column;
  height: auto;
  border-radius: 3px; }
  .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post:last-child {
    margin: 0; }
  .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; }
    .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content .title-container {
      padding: 16px 24px 12px; }
      .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content .title-container h2 {
        margin: 0;
        padding: 0;
        font-family: Merriweather, sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        text-align: left; }
      .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content .title-container .title-interview {
        font-size: 16px;
        line-height: 24px;
        font-family: Roboto, sans-serif; }
    .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content footer.the-loop {
      height: 55px; }
      .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content footer.the-loop .post-share-footer .post-share-content .vote-block {
        margin: 0 24px;
        height: 55px;
        padding: 0;
        align-items: center; }
      .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content footer.the-loop .post-share-footer .post-share-content .vote {
        width: auto;
        height: auto; }
        .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content footer.the-loop .post-share-footer .post-share-content .vote .post-vote-button {
          border: 0;
          display: flex;
          flex-wrap: nowrap;
          flex-direction: row;
          width: auto;
          height: auto;
          align-items: center; }
          .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content footer.the-loop .post-share-footer .post-share-content .vote .post-vote-button:hover {
            opacity: 0.8; }
          .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content footer.the-loop .post-share-footer .post-share-content .vote .post-vote-button i .svg-icon {
            width: 17px;
            height: 19px; }
          .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content footer.the-loop .post-share-footer .post-share-content .vote .post-vote-button .votes-text {
            display: inline-block;
            font-size: 16px;
            vertical-align: middle; }
      .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count a.comments-icon {
        border: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-left: 24px;
        width: auto;
        height: 100%; }
        .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count a.comments-icon:hover {
          opacity: 0.8; }
        .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count a.comments-icon svg {
          width: 16px;
          height: 16px; }
      .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count .comments-text-content .comments-text {
        font-size: 16px;
        padding-left: 8px; }
      @media (max-width: 979px) {
        .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count span {
          display: inline-block; } }
      .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content footer.the-loop .post-share-footer .post-share-content .comments-share-block .share-block {
        display: none; }

@media (max-width: 580px) {
  .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post {
    width: calc((100% - 32px) / 1.5);
    margin: 0 16px 0 0; }
    .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content .title-container {
      padding: 16px 16px 8px; }
      .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content .title-container h2 {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px; }
    .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content footer.the-loop {
      height: 44px; }
      .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content footer.the-loop .post-share-footer .post-share-content .vote-block {
        height: 44px; }
      .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content footer.the-loop .post-share-footer .post-share-content .vote .post-vote-button .votes-text {
        font-size: 14px;
        font-weight: 700;
        line-height: 16.5px; }
      .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content footer.the-loop .post-share-footer .post-share-content .vote .post-vote-button i .svg-icon {
        width: 15px;
        height: 13px; }
      .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block {
        border: 0; }
        .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count a.comments-icon {
          margin: 0; }
          .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count a.comments-icon svg {
            width: 14px;
            height: 14px; }
        .posts .category-feed-posts.boredpanda-carousel-posts-list .boredpanda-carousel-post .category-carousel-content footer.the-loop .post-share-footer .post-share-content .comments-share-block .comments-block .comments-count .comments-text-content .comments-text {
          font-size: 14px;
          font-weight: 700;
          line-height: 16.5px; } }

.posts .boredpanda-carousel-widget-header .category-feed-headline {
  color: var(--on-bg-primary);
  line-height: 44px;
  padding-bottom: 15px; }
  @media (max-width: 480px) {
    .posts .boredpanda-carousel-widget-header .category-feed-headline {
      margin-bottom: 0; } }

.open-list-comments {
  position: relative; }
  .open-list-comments .comment-container.blurred {
    filter: blur(3px);
    pointer-events: none; }
  .open-list-comments .hide-blur-wrapper {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center; }
    .open-list-comments .hide-blur-wrapper .show-comments {
      display: flex;
      justify-content: center;
      background: var(--bg-header);
      box-shadow: 0 3px 30px 0 #2222221F;
      padding: 10px 16px;
      border: 1px solid var(--border-dark-mode-toggle);
      border-radius: 3px;
      font-family: Roboto, sans-serif;
      font-size: 16px;
      font-weight: 600;
      line-height: 22px;
      text-align: left; }
      .open-list-comments .hide-blur-wrapper .show-comments:hover {
        opacity: 0.8; }
      .open-list-comments .hide-blur-wrapper .show-comments .left, .open-list-comments .hide-blur-wrapper .show-comments .right {
        display: flex;
        flex-direction: column;
        justify-content: center; }
      .open-list-comments .hide-blur-wrapper .show-comments .left {
        margin-right: 12px; }
        .open-list-comments .hide-blur-wrapper .show-comments .left svg {
          color: var(--orange-150); }
  .open-list-comments .expand-comments.hidden {
    display: none; }

.single.wide-post .top-page .posts {
  width: auto;
  margin-right: 320px; }
  @media (max-width: 979px) {
    .single.wide-post .top-page .posts {
      margin-right: 0; } }

.posts .post .post-author .post-authors-links {
  color: var(--on-bg-dark); }

.posts .more-from-top-posts-wrapper {
  display: flex;
  justify-content: center; }
  @media (min-width: 581px) {
    .posts .more-from-top-posts-wrapper {
      margin-bottom: 28px; } }
  @media (max-width: 580px) {
    .posts .more-from-top-posts-wrapper {
      margin-bottom: 25px; } }
  @media (max-width: 480px) {
    .posts .more-from-top-posts-wrapper {
      margin-bottom: 20px; } }
  .posts .more-from-top-posts-wrapper .more-from-top-posts {
    color: var(--orange-150);
    text-decoration: underline;
    font-weight: bold;
    display: flex;
    gap: 4px; }
    .posts .more-from-top-posts-wrapper .more-from-top-posts svg path {
      stroke: var(--orange-150); }

.bpnews-ticker-carousel {
  display: flex;
  align-items: flex-start;
  width: 100%;
  position: relative;
  overflow: hidden;
  height: auto;
  border-bottom: 1px solid var(--Light-theme-Grey-3, #EBEBEB); }
  .bpnews-ticker-carousel .posts-previous, .bpnews-ticker-carousel .posts-next {
    filter: unset;
    border-radius: 0;
    box-sizing: unset;
    color: #353535;
    z-index: 2;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    width: 40px;
    height: 100%;
    position: absolute; }
    .bpnews-ticker-carousel .posts-previous.inactive, .bpnews-ticker-carousel .posts-next.inactive {
      color: #949494; }
    .bpnews-ticker-carousel .posts-previous .svg-icon, .bpnews-ticker-carousel .posts-next .svg-icon {
      width: 15px;
      height: 15px; }
    @media (max-width: 700px) {
      .bpnews-ticker-carousel .posts-previous, .bpnews-ticker-carousel .posts-next {
        display: none; } }
  .bpnews-ticker-carousel .posts-previous {
    left: 0; }
  .bpnews-ticker-carousel .posts-next {
    right: 0;
    border-left: 1px solid var(--Light-theme-Grey-3, #EBEBEB); }
  .bpnews-ticker-carousel .swiper-container {
    background: white;
    width: calc(100% - 80px);
    margin: 0 40px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    border-left: 1px solid var(--Light-theme-Grey-3, #EBEBEB);
    border-right: 1px solid var(--Light-theme-Grey-3, #EBEBEB); }
    @media (max-width: 700px) {
      .bpnews-ticker-carousel .swiper-container {
        margin: 0;
        width: 100%; } }
    .bpnews-ticker-carousel .swiper-container .swiper-slide {
      width: auto;
      flex-shrink: 1; }
    .bpnews-ticker-carousel .swiper-container .swiper-slide > div {
      display: flex;
      padding: 16px;
      align-items: flex-start;
      gap: 16px;
      flex-direction: row;
      align-self: stretch;
      border-right: 1px solid var(--Light-theme-Grey-3, #EBEBEB); }
      @media (max-width: 700px) {
        .bpnews-ticker-carousel .swiper-container .swiper-slide > div {
          gap: 6px 12px;
          padding: 12px;
          display: grid;
          grid-template-areas: "top top" "bottom1 bottom2";
          grid-template-columns: 1fr 1fr;
          grid-template-rows: auto 1fr; }
          .bpnews-ticker-carousel .swiper-container .swiper-slide > div .post-header {
            grid-area: bottom1; }
          .bpnews-ticker-carousel .swiper-container .swiper-slide > div .post-body {
            grid-area: bottom2; }
          .bpnews-ticker-carousel .swiper-container .swiper-slide > div .mobile-categories-list {
            grid-area: top;
            display: block !important; }
            .bpnews-ticker-carousel .swiper-container .swiper-slide > div .mobile-categories-list.empty {
              height: 16.8px; }
          .bpnews-ticker-carousel .swiper-container .swiper-slide > div .categories-list {
            display: none; } }
      .bpnews-ticker-carousel .swiper-container .swiper-slide > div .categories-list a, .bpnews-ticker-carousel .swiper-container .swiper-slide > div .mobile-categories-list a {
        color: #CF1F0C;
        font-family: Roboto;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 16.8px;
        text-transform: uppercase; }
      .bpnews-ticker-carousel .swiper-container .swiper-slide > div .post-body {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
        flex: 1 0 0;
        width: 234px; }
        @media (max-width: 700px) {
          .bpnews-ticker-carousel .swiper-container .swiper-slide > div .post-body {
            width: 205px; } }
        .bpnews-ticker-carousel .swiper-container .swiper-slide > div .post-body h2 {
          color: #141513;
          font-family: Merriweather;
          font-size: 15px;
          font-style: normal;
          font-weight: 700;
          line-height: 22.5px; }
          .bpnews-ticker-carousel .swiper-container .swiper-slide > div .post-body h2 a {
            color: #141513; }
          @media (max-width: 700px) {
            .bpnews-ticker-carousel .swiper-container .swiper-slide > div .post-body h2 {
              font-size: 13px;
              line-height: 18px; } }
      .bpnews-ticker-carousel .swiper-container .swiper-slide > div .post-cover-container a {
        line-height: 0; }
        .bpnews-ticker-carousel .swiper-container .swiper-slide > div .post-cover-container a img, .bpnews-ticker-carousel .swiper-container .swiper-slide > div .post-cover-container a span.image-size-full {
          width: 152px;
          height: 92px;
          object-fit: cover;
          display: block;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat; }
          @media (max-width: 700px) {
            .bpnews-ticker-carousel .swiper-container .swiper-slide > div .post-cover-container a img, .bpnews-ticker-carousel .swiper-container .swiper-slide > div .post-cover-container a span.image-size-full {
              width: 56px;
              height: 56px; } }
  .bpnews-ticker-carousel.version-2 {
    border-bottom: unset; }
    .bpnews-ticker-carousel.version-2 .posts-previous {
      padding-left: 24px;
      padding-right: 16px;
      border: unset; }
    .bpnews-ticker-carousel.version-2 .posts-next {
      padding-left: 16px;
      padding-right: 24px;
      border: unset; }
    .bpnews-ticker-carousel.version-2 .swiper-container {
      width: calc(100% - 160px);
      margin: 8px 80px;
      border: unset; }
      @media (max-width: 700px) {
        .bpnews-ticker-carousel.version-2 .swiper-container {
          width: 100%;
          margin: 8px 0; } }
    .bpnews-ticker-carousel.version-2 .swiper-slide > div {
      border: unset; }
      .bpnews-ticker-carousel.version-2 .swiper-slide > div .post-body {
        width: 276px; }
        @media (max-width: 700px) {
          .bpnews-ticker-carousel.version-2 .swiper-slide > div .post-body {
            width: 248px; }
            .bpnews-ticker-carousel.version-2 .swiper-slide > div .post-body h2 {
              font-size: 14px;
              line-height: 21px; } }
      @media (max-width: 700px) {
        .bpnews-ticker-carousel.version-2 .swiper-slide > div {
          gap: 6px 0; } }
    .bpnews-ticker-carousel.version-2 .swiper-slide .post-header {
      display: none; }

.tag-container {
  width: 100%;
  height: auto;
  background-color: transparent;
  border-bottom: 2px solid var(--gray-100);
  border-left: 0;
  border-right: 0;
  padding: 16px 24px;
  display: flex;
  gap: 8px;
  box-sizing: border-box; }
  @media (max-width: 480px) {
    .tag-container {
      padding-top: 4px;
      padding-right: 12px;
      padding-bottom: 24px;
      padding-left: 12px; } }
  .tag-container .tag-inner {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-sizing: border-box; }
    .tag-container .tag-inner .tag-title {
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: 0;
      vertical-align: middle;
      margin: 0; }
    .tag-container .tag-inner .tag-list {
      width: 100%;
      height: auto;
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      box-sizing: border-box; }
      .tag-container .tag-inner .tag-list .tag {
        max-width: 100%;
        height: 32px;
        padding: 0 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        background-color: transparent;
        border: 1px solid var(--gray-100);
        border-radius: 27px;
        box-sizing: border-box;
        font-size: 14px; }
        .tag-container .tag-inner .tag-list .tag a {
          color: black;
          text-decoration: none; }
        .tag-container .tag-inner .tag-list .tag:first-child a {
          color: var(--orange-150); }

.tag-container-parent {
  border-top: 2px solid var(--gray-100); }

.total-votes {
  margin-top: 15px;
  font-size: 16px; }
  .total-votes .text {
    font-weight: 600; }

.discover-container {
  width: 100%;
  height: auto;
  background-color: transparent;
  border-left: 0;
  border-right: 0;
  padding: 0;
  display: flex;
  gap: 8px;
  box-sizing: border-box; }
  .discover-container .discover-inner {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-sizing: border-box; }
    .discover-container .discover-inner .discover-title {
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: 0;
      vertical-align: middle;
      margin: 0; }
    .discover-container .discover-inner .discover-list {
      width: 100%;
      height: auto;
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      box-sizing: border-box;
      padding: 24px; }
      @media (max-width: 480px) {
        .discover-container .discover-inner .discover-list {
          padding-top: 20px;
          padding-right: 12px;
          padding-bottom: 20px;
          padding-left: 12px; } }
      .discover-container .discover-inner .discover-list.scroll {
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none; }
        .discover-container .discover-inner .discover-list.scroll::-webkit-scrollbar {
          display: none; }
      .discover-container .discover-inner .discover-list .discover {
        max-width: 100%;
        height: 32px;
        padding: 0 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        background-color: transparent;
        border-radius: 100px;
        border: 1.5px solid var(--border-dark-mode-toggle);
        box-sizing: border-box;
        height: 44px;
        color: var(--on-bg-primary);
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        /* 150% */ }
        .discover-container .discover-inner .discover-list .discover:hover {
          border-radius: 100px;
          border: 1.5px solid var(--Light-theme-Grey-1, #949494);
          cursor: pointer; }
        @media (max-width: 480px) {
          .discover-container .discover-inner .discover-list .discover {
            padding-top: 8px;
            padding-bottom: 8px;
            padding-right: 16px;
            padding-left: 16px; } }
        .discover-container .discover-inner .discover-list .discover.active {
          border-color: var(--orange-150);
          color: var(--orange-150);
          font-family: Roboto;
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          line-height: 24px;
          /* 150% */ }

.quiz-label {
  display: inline-flex !important;
  position: relative;
  background: #5E1EC6;
  color: #fff;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  border-radius: 3px;
  padding: 4px 8px;
  margin-right: 7px;
  letter-spacing: 0.5px;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  gap: 6px; }
  .quiz-label .text {
    color: var(--White, #FFF);
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 19.6px */
    letter-spacing: 0.14px;
    text-transform: uppercase; }
  .quiz-label::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    animation: quiz-shine 2.2s infinite;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.17) 44%, rgba(255, 255, 255, 0.22) 50%, rgba(255, 255, 255, 0.13) 56%, rgba(255, 255, 255, 0) 100%);
    transform: translateX(-100%); }

@keyframes quiz-shine {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(100%); } }

.celebrity.card {
  max-width: 900px;
  margin: 0 auto;
  overflow: hidden;
  display: grid;
  gap: var(--gap); }
  @media (max-width: 480px) {
    .celebrity.card {
      display: block;
      max-width: 100%;
      border-bottom: none; } }
  .celebrity.card .card__title {
    grid-column: span 2; }
  .celebrity.card .card__media {
    position: relative;
    grid-column: 1;
    padding: 24px 24px 24px 24px;
    border-left: 1px solid var(--gray-100);
    border-top: 1px solid var(--gray-100);
    border-bottom: 1px solid var(--gray-100);
    border-right: none;
    /* no border on the right */
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
    .celebrity.card .card__media .card__img {
      display: block;
      object-fit: cover;
      border-radius: 16px;
      border: 4px solid #EBEBEB;
      width: 248px;
      height: 350px;
      aspect-ratio: 1 / 1; }
      .celebrity.card .card__media .card__img.dead {
        filter: grayscale(100%);
        opacity: 1; }
    .celebrity.card .card__media .celebrity-image-paragraph {
      color: var(----gray-450, #949494);
      font-family: Roboto;
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      line-height: 140%;
      margin-top: 12px; }
      .celebrity.card .card__media .celebrity-image-paragraph .celebrity-image-credits {
        color: var(--Brand-Brand---Red, #D74B1F);
        font-family: Roboto;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto; }
    .celebrity.card .card__media .card__arrow {
      position: absolute;
      right: 12px;
      bottom: 12px;
      width: 36px;
      height: 36px;
      border-radius: 999px;
      background: #fff;
      display: grid;
      place-items: center;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }
  .celebrity.card .card__content {
    padding: 10px 24px 24px 24px;
    border-top: 1px solid var(--gray-100);
    border-right: 1px solid var(--gray-100);
    border-bottom: 1px solid var(--gray-100);
    border-left: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
    .celebrity.card .card__content .name {
      margin: 0 0 6px 0;
      letter-spacing: .02em;
      font-weight: 800;
      text-transform: uppercase;
      font-size: 28px; }
    .celebrity.card .card__content .role {
      margin: 0 0 22px 0;
      font-size: 18px;
      color: #333; }
    .celebrity.card .card__content .facts {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-auto-flow: row;
      gap: 24px 34px;
      margin-bottom: 32px; }
      .celebrity.card .card__content .facts .fact b {
        display: block;
        font-size: 12px;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: var(--celeb-main-text);
        margin-bottom: 6px; }
      .celebrity.card .card__content .facts .fact.died {
        display: none; }
        .celebrity.card .card__content .facts .fact.died.show {
          display: block; }
      .celebrity.card .card__content .facts .fact span {
        font-size: 18px;
        color: #222; }
    .celebrity.card .card__content .social {
      font-size: 28px;
      color: #444;
      padding: 0; }
      .celebrity.card .card__content .social b {
        display: block;
        font-size: 12px;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: var(--celeb-main-text);
        margin-bottom: 6px; }
      .celebrity.card .card__content .social a {
        text-decoration: none;
        margin-right: 8px;
        color: inherit; }
        .celebrity.card .card__content .social a svg {
          border-radius: 100px;
          background: var(--celeb-social-icons);
          padding: 12px; }

.celebrity-see-also::before {
  content: "";
  display: block;
  height: 1px;
  background: var(--gray-100);
  width: 100%;
  margin-top: 24px;
  margin-bottom: 24px; }

.celebrity-profile {
  width: 100%;
  grid-column: span 2; }
  .celebrity-profile h2 {
    margin-bottom: 8.8px; }
  .celebrity-profile::before {
    content: "";
    display: block;
    height: 1px;
    background: var(--gray-100);
    width: 100%;
    margin-top: 24px;
    margin-bottom: 24px; }
  .celebrity-profile .celebrity-individual-description::after {
    content: "";
    display: block;
    height: 1px;
    background: var(--gray-100);
    width: 100%;
    margin-top: 24px;
    margin-bottom: 24px; }
  .celebrity-profile .little-known-fact .title {
    font-weight: 800;
    color: var(--post-content);
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    font-size: 18px; }
  .celebrity-profile .quick-facts {
    width: 100%;
    border-collapse: collapse; }
    .celebrity-profile .quick-facts::after {
      content: "";
      display: block;
      height: 1px;
      background: var(--gray-100);
      width: 100%;
      margin-top: 24px;
      margin-bottom: 24px; }
    .celebrity-profile .quick-facts tr {
      display: block;
      /* Each row becomes a block */
      border-top: 1px solid var(--gray-100);
      border-left: 1px solid var(--gray-100);
      border-right: 1px solid var(--gray-100);
      display: flex;
      padding: 12px 16px;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      gap: 6px; }
      .celebrity-profile .quick-facts tr:first-child {
        border-top: 1px solid var(--gray-100);
        border-radius: 3px 3px 0 0; }
      .celebrity-profile .quick-facts tr:last-child {
        border-bottom: 1px solid var(--gray-100);
        border-radius: 0 0 3px 3px; }
      .celebrity-profile .quick-facts tr th, .celebrity-profile .quick-facts tr td {
        display: block;
        /* Make cells block */
        width: 100%;
        text-align: left;
        /* Optional: left-align text */ }
      .celebrity-profile .quick-facts tr td {
        color: var(--celeb-table-value);
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        /* 22.4px */ }
      .celebrity-profile .quick-facts tr th {
        font-weight: bold;
        margin-bottom: 0.25rem;
        color: var(--gray-450, #949494);
        font-family: Roboto;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 23px;
        /* 191.667% */ }

@media (max-width: 720px) {
  .celebrity-related-articles {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden; }
    .celebrity-related-articles .boredpanda-carousel-widget .flex.justify-between {
      padding-left: 12px;
      padding-right: 12px; }
  .celebrity.card {
    grid-template-columns: 1fr; }
    .celebrity.card .card__content {
      padding: 18px;
      margin: 12px;
      border-left: 1px solid var(--gray-100);
      border-radius: 3px; }
      .celebrity.card .card__content .name {
        padding-left: 0 !important;
        padding-bottom: 24px; }
      .celebrity.card .card__content .facts {
        gap: 24px; }
        .celebrity.card .card__content .facts .fact p {
          padding: 0; }
    .celebrity.card .card__media {
      margin: 12px;
      border-right: 1px solid var(--gray-100);
      border-radius: 3px; }
      .celebrity.card .card__media .celebrity-image-paragraph {
        padding: 0 !important; }
      .celebrity.card .card__media .card__img {
        width: 334px;
        height: 334px; }
    .celebrity.card .celebrity-profile .quick-facts {
      margin-left: 12px;
      margin-right: 12px;
      width: -webkit-fill-available; } }

.post-authors {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .post-authors .post-authors-content .flexible-container {
    display: flex;
    align-items: center; }
    @media (min-width: 380px) {
      .post-authors .post-authors-content .flexible-container .post-multi-authors-wrapper {
        display: flex; } }

.google-badge {
  display: block;
  background: var(--google-badge, url(images/google_badge@2x.png));
  background-size: 152px 48px;
  background-repeat: no-repeat;
  width: 152px;
  height: 48px;
  padding: 0; }

.footer-google-badge-container {
  padding-top: 0; }

@media (min-width: 769px) {
  .narrow-post:not(.single-open-list-post) .footer-google-badge-container, .narrow-post-700:not(.single-open-list-post) .footer-google-badge-container {
    padding-bottom: 0; } }

.bp-video-container {
  position: relative;
  clear: both;
  padding: 0 0 12px 0; }

.single .left-content-column.recipe-post .post-header {
  padding: 0 28px 0 27px; }
  .single .left-content-column.recipe-post .post-header .post-title {
    padding: 0; }
  .single .left-content-column.recipe-post .post-header .recipe-category {
    padding-top: 32px;
    padding-bottom: 10px; }
    .single .left-content-column.recipe-post .post-header .recipe-category .item {
      font-size: 14px;
      color: var(--orange-150);
      text-transform: uppercase;
      margin-right: 10px; }

.single .left-content-column.recipe-post .post-info-block {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 0; }
  .single .left-content-column.recipe-post .post-info-block .author-link {
    margin-right: 25px; }
    .single .left-content-column.recipe-post .post-info-block .author-link img {
      width: 24px;
      height: 24px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      vertical-align: middle;
      display: inline-block; }
    .single .left-content-column.recipe-post .post-info-block .author-link a {
      color: var(--gray-blue-400);
      vertical-align: middle;
      display: inline-block; }
  .single .left-content-column.recipe-post .post-info-block .recipe-skills-level i {
    padding-right: 1px;
    vertical-align: middle; }
    .single .left-content-column.recipe-post .post-info-block .recipe-skills-level i .svg-icon {
      vertical-align: top; }
    .single .left-content-column.recipe-post .post-info-block .recipe-skills-level i.active {
      color: var(--orange-150); }
  .single .left-content-column.recipe-post .post-info-block .recipe-skills-level .level {
    vertical-align: middle;
    display: inline-block; }

.single .left-content-column.recipe-post .recipe-image img {
  width: 100%;
  display: block; }

.single .left-content-column.recipe-post .recipe-info {
  margin: 30px 0; }
  .single .left-content-column.recipe-post .recipe-info .item {
    width: 24%;
    display: inline-block; }
    .single .left-content-column.recipe-post .recipe-info .item .title {
      font-size: 14px;
      color: var(--gray-350);
      line-height: 1;
      font-weight: 400; }
    .single .left-content-column.recipe-post .recipe-info .item .value {
      display: block; }
      .single .left-content-column.recipe-post .recipe-info .item .value i, .single .left-content-column.recipe-post .recipe-info .item .value span {
        display: inline-block;
        vertical-align: middle;
        color: var(--orange-150); }
      .single .left-content-column.recipe-post .recipe-info .item .value span {
        margin-left: 3px;
        color: var(--gray-800);
        font-size: 18px;
        font-weight: 400; }

.single .left-content-column.recipe-post .post-content .recipe-buttons a {
  border: 2px solid var(--orange-150);
  padding: 10px 17px;
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box; }
  .single .left-content-column.recipe-post .post-content .recipe-buttons a:hover {
    background: var(--orange-150);
    color: var(--white); }
  .single .left-content-column.recipe-post .post-content .recipe-buttons a.jump-to-recipe {
    background: var(--orange-150);
    color: var(--white);
    margin-right: 10px; }
    .single .left-content-column.recipe-post .post-content .recipe-buttons a.jump-to-recipe:hover {
      background-color: var(--orange-100);
      border-color: var(--orange-150); }

.single .left-content-column.recipe-post .post-content .recipe-step {
  padding-top: 20px; }
  .single .left-content-column.recipe-post .post-content .recipe-step .step {
    position: relative; }
    .single .left-content-column.recipe-post .post-content .recipe-step .step p {
      color: var(--orange-150);
      text-transform: uppercase;
      font-size: 15px;
      position: relative; }
    .single .left-content-column.recipe-post .post-content .recipe-step .step hr {
      display: block;
      position: absolute;
      right: 0;
      top: -3px;
      left: 75px;
      border-top: 1px solid var(--gray-100); }
  .single .left-content-column.recipe-post .post-content .recipe-step h3 {
    padding-top: 0;
    padding-bottom: 15px; }
  .single .left-content-column.recipe-post .post-content .recipe-step .content .text {
    display: inline-block;
    width: calc((100% - 22px) / 2);
    vertical-align: top;
    margin-right: 18px;
    position: relative;
    line-height: 1.5;
    clear: none;
    float: none;
    word-wrap: break-word;
    -ms-word-break: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    padding: 0 0 12px 0;
    color: rgba(0, 0, 0, 0.8);
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal; }
  .single .left-content-column.recipe-post .post-content .recipe-step .content .image {
    display: inline-block;
    width: calc((100% - 22px) / 2);
    vertical-align: top;
    float: right; }
    .single .left-content-column.recipe-post .post-content .recipe-step .content .image img {
      border-radius: 4px; }
  .single .left-content-column.recipe-post .post-content .recipe-step .content .fullwidth {
    display: inline-block;
    padding-bottom: 17px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 17px;
    width: 100%; }
    .single .left-content-column.recipe-post .post-content .recipe-step .content .fullwidth img {
      border-radius: 4px;
      width: 100%; }

.single .left-content-column.recipe-post .post-content hr {
  border-top: 1px solid var(--gray-100); }

.single .left-content-column.recipe-post .post-content .recipe-checklists {
  background: var(--gray-50);
  border: 2px solid var(--gray-100);
  box-sizing: border-box;
  border-radius: 4px;
  margin: 30px 0; }
  .single .left-content-column.recipe-post .post-content .recipe-checklists .checklists-header {
    padding: 20px 30px;
    background: var(--gray-100);
    margin-bottom: 20px; }
    .single .left-content-column.recipe-post .post-content .recipe-checklists .checklists-header .recipe-categories {
      font-family: Roboto, sans-serif;
      font-style: normal;
      font-weight: bold;
      font-size: 12px;
      line-height: 14px;
      text-transform: uppercase;
      color: var(--gray-600);
      opacity: 1; }
      .single .left-content-column.recipe-post .post-content .recipe-checklists .checklists-header .recipe-categories span {
        margin-right: 20px; }
    .single .left-content-column.recipe-post .post-content .recipe-checklists .checklists-header h3 {
      color: var(--black);
      font-size: 22px; }
    .single .left-content-column.recipe-post .post-content .recipe-checklists .checklists-header .recipe-info {
      margin: 0; }
      .single .left-content-column.recipe-post .post-content .recipe-checklists .checklists-header .recipe-info div {
        display: inline-block;
        vertical-align: middle;
        margin-right: 15px; }
        .single .left-content-column.recipe-post .post-content .recipe-checklists .checklists-header .recipe-info div span {
          margin-left: 5px;
          font-size: 13px;
          color: var(--gray-600);
          opacity: 1; }
        .single .left-content-column.recipe-post .post-content .recipe-checklists .checklists-header .recipe-info div svg {
          color: var(--black);
          opacity: 0.33; }

.single .left-content-column.recipe-post .post-content .recipe-checklist {
  padding-bottom: 20px;
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--gray-100); }
  .single .left-content-column.recipe-post .post-content .recipe-checklist:last-child {
    border: 0; }
  .single .left-content-column.recipe-post .post-content .recipe-checklist h3 {
    padding-bottom: 15px;
    font-family: Roboto, sans-serif;
    font-size: 18px; }
  .single .left-content-column.recipe-post .post-content .recipe-checklist ul {
    list-style-type: none; }
    .single .left-content-column.recipe-post .post-content .recipe-checklist ul li {
      font-size: 16px;
      line-height: 1.5;
      margin-bottom: 12px;
      position: relative; }
    .single .left-content-column.recipe-post .post-content .recipe-checklist ul .styled-checkbox {
      position: absolute;
      opacity: 0;
      width: 22px;
      height: 22px;
      z-index: 999999;
      cursor: pointer; }
    .single .left-content-column.recipe-post .post-content .recipe-checklist ul .styled-checkbox + label {
      position: relative;
      padding: 0 0 0 32px;
      display: inline-block; }
    .single .left-content-column.recipe-post .post-content .recipe-checklist ul .styled-checkbox + label:before {
      content: '';
      margin-right: 10px;
      display: inline-block;
      vertical-align: middle;
      width: 20px;
      height: 20px;
      background: white;
      border: 1px solid var(--gray-200);
      border-radius: 3px;
      margin-left: -32px; }
    .single .left-content-column.recipe-post .post-content .recipe-checklist ul .styled-checkbox:hover + label:before {
      background: var(--orange-150);
      border: 1px solid var(--orange-150); }
    .single .left-content-column.recipe-post .post-content .recipe-checklist ul .styled-checkbox:focus + label:before {
      box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); }
    .single .left-content-column.recipe-post .post-content .recipe-checklist ul .styled-checkbox:checked + label:before {
      background: var(--orange-150); }
    .single .left-content-column.recipe-post .post-content .recipe-checklist ul .styled-checkbox:checked + label {
      text-decoration: line-through;
      color: var(--gray-250); }
    .single .left-content-column.recipe-post .post-content .recipe-checklist ul .styled-checkbox:checked + label a {
      font-weight: bold;
      color: var(--gray-250); }
    .single .left-content-column.recipe-post .post-content .recipe-checklist ul .styled-checkbox:disabled + label {
      color: var(--gray-300);
      cursor: auto; }
    .single .left-content-column.recipe-post .post-content .recipe-checklist ul .styled-checkbox:disabled + label:before {
      box-shadow: none;
      background: var(--gray-200); }
    .single .left-content-column.recipe-post .post-content .recipe-checklist ul .styled-checkbox:checked + label:after {
      content: '';
      position: absolute;
      left: 8px;
      top: 6px;
      width: 4px;
      height: 8px;
      border: solid white;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }

.single .left-content-column.recipe-post .recipe-box {
  margin: 20px 28px 10px 27px;
  padding: 50px;
  background: rgba(49, 51, 63, 0.03);
  border-radius: 4px; }
  .single .left-content-column.recipe-post .recipe-box .title {
    font-family: Merriweather, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 35px;
    text-align: center;
    color: var(--gray-800); }
  .single .left-content-column.recipe-post .recipe-box .text {
    text-align: center;
    font-weight: 400;
    margin-top: 10px;
    font-size: 17px;
    line-height: 1.5; }
    .single .left-content-column.recipe-post .recipe-box .text a {
      color: var(--sky-blue-300); }

.single .left-content-column.recipe-post #post-comments-area a.post-comment span {
  display: block; }

.single .left-content-column.recipe-post .open-list-comments .comment-submit-block .comment-text-block .comment-upload-pic {
  top: 11px; }

@media (max-width: 768px) {
  .single .left-content-column.recipe-post .recipe-step .content {
    padding: 0 25px; }
  .single .left-content-column.recipe-post .recipe-info {
    margin: 30px 25px; }
    .single .left-content-column.recipe-post .recipe-info .item {
      width: 49%; }
  .single .left-content-column.recipe-post .recipe-buttons {
    padding: 0 25px; }
  .single .left-content-column.recipe-post .post-content .recipe-checklists {
    margin: 30px 25px; }
    .single .left-content-column.recipe-post .post-content .recipe-checklists .checklists-header h3 {
      padding-left: 0;
      padding-right: 0; }
  .single .left-content-column.recipe-post .post-content .recipe-checklist {
    margin-left: 0;
    margin-right: 0; } }

@media (max-width: 480px) {
  .single .left-content-column.recipe-post .post-header, .single .left-content-column.recipe-post .recipe-buttons {
    padding: 0 12px; }
  .single .left-content-column.recipe-post .recipe-info {
    margin: 30px 12px; }
  .single .left-content-column.recipe-post .post-content .recipe-step h3 {
    padding-left: 12px;
    padding-right: 12px; }
  .single .left-content-column.recipe-post .post-content .recipe-step .content {
    padding: 0; }
    .single .left-content-column.recipe-post .post-content .recipe-step .content .text {
      display: block;
      width: 100%;
      padding: 0 12px 30px;
      box-sizing: border-box;
      font-size: 16px;
      line-height: 25px; }
    .single .left-content-column.recipe-post .post-content .recipe-step .content .image {
      width: 100%;
      padding: 0 12px 17px;
      box-sizing: border-box;
      float: none; }
    .single .left-content-column.recipe-post .post-content .recipe-step .content .fullwidth {
      padding: 0 12px 17px; }
  .single .left-content-column.recipe-post .post-content .recipe-checklists {
    margin: 30px 12px; }
    .single .left-content-column.recipe-post .post-content .recipe-checklists .checklists-header {
      padding: 12px; }
      .single .left-content-column.recipe-post .post-content .recipe-checklists .checklists-header h3 {
        padding: 12px 0; }
  .single .left-content-column.recipe-post .post-content .recipe-checklist {
    margin: 0;
    padding: 20px 0; }
    .single .left-content-column.recipe-post .post-content .recipe-checklist h3, .single .left-content-column.recipe-post .post-content .recipe-checklist ul {
      padding-left: 12px;
      padding-right: 12px; }
    .single .left-content-column.recipe-post .post-content .recipe-checklist ul {
      padding-bottom: 0; }
  .single .left-content-column.recipe-post .recipe-box {
    margin: 0 12px;
    padding: 40px; }
    .single .left-content-column.recipe-post .recipe-box .title {
      font-size: 19px; }
    .single .left-content-column.recipe-post .recipe-box .text {
      font-size: 14px; } }

/*
  When use is logged in - user stats box.

  It is used in sidebar too.
*/
.author-stats-box {
  width: 100%;
  background: var(--white);
  margin-bottom: 19px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false);
  -moz-box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false);
  box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false); }
  .author-stats-box tr:last-child {
    border-bottom: 0; }
    .author-stats-box tr:last-child td {
      -webkit-border-radius: 0 0 3px 3px;
      -moz-border-radius: 0 0 3px 3px;
      -ms-border-radius: 0 0 3px 3px;
      -o-border-radius: 0 0 3px 3px;
      border-radius: 0 0 3px 3px; }
  .author-stats-box tr:first-child {
    border-bottom: 0; }
    .author-stats-box tr:first-child td {
      -webkit-border-radius: 3px 3px 0 0;
      -moz-border-radius: 3px 3px 0 0;
      -ms-border-radius: 3px 3px 0 0;
      -o-border-radius: 3px 3px 0 0;
      border-radius: 3px 3px 0 0; }
  .author-stats-box tr td {
    text-align: center; }
    .author-stats-box tr td span {
      display: block;
      font-size: 16px;
      color: var(--gray-400);
      font-weight: 500; }
      .author-stats-box tr td span a {
        font-size: 16px;
        color: var(--gray-400);
        font-weight: 500; }
  .author-stats-box .author-stats-info.hide {
    display: none; }
  .author-stats-box .author-stats-info td {
    padding: 28px 0; }
  .author-stats-box .total td {
    background: #56b863;
    padding-top: 30px;
    padding-bottom: 15px; }
    .author-stats-box .total td.negative {
      background: var(--red-100); }
    .author-stats-box .total td .total-points-text {
      display: block;
      font-size: 12px;
      color: var(--white);
      text-transform: uppercase;
      font-weight: bold; }
    .author-stats-box .total td .total-points {
      display: block;
      font-size: 32px;
      font-style: normal;
      color: var(--white);
      font-weight: bold;
      padding-top: 5px;
      padding-bottom: 10px; }
    .author-stats-box .total td .top {
      color: var(--salad-green-100);
      font-size: 14px;
      padding: 11px 18px;
      display: inline-block;
      background: var(--green-200);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .author-stats-box .total td .top i {
        vertical-align: middle;
        margin-right: 5px; }
      .author-stats-box .total td .top:hover {
        background: #6dce7a;
        color: var(--white); }
  .author-stats-box .total.bordered td {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
  .author-stats-box .statistics td {
    padding: 28px 0;
    width: 50%;
    position: relative; }
    .author-stats-box .statistics td:first-child:after {
      content: '';
      position: absolute;
      border-right: 1px solid var(--gray-100);
      height: 44px;
      width: 50%;
      top: 26px; }
    .author-stats-box .statistics td span {
      display: block; }
      .author-stats-box .statistics td span.title {
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase; }
      .author-stats-box .statistics td span.value {
        font-size: 22px;
        font-weight: bold;
        color: var(--gray-800);
        padding-top: 7px; }

.author-stats-info-image {
  width: 60px;
  height: 60px;
  margin-bottom: 11px;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.author-stats-info:hover .edit-author-info span {
  display: inline-block !important;
  color: var(--orange-150); }

@media (max-width: 979px) {
  .author-info-header .author-stats-box {
    display: table !important; }
    .author-info-header .author-stats-box .author-stats-info {
      display: none; }
    .author-info-header .author-stats-box .total td {
      -webkit-border-radius: 3px 3px 0 0;
      -moz-border-radius: 3px 3px 0 0;
      -ms-border-radius: 3px 3px 0 0;
      -o-border-radius: 3px 3px 0 0;
      border-radius: 3px 3px 0 0; }
    .author-info-header .author-stats-box .total.bordered td {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; } }

.author-info-header {
  margin-bottom: 0;
  margin-top: 12px; }
  .author-info-header .author-stats-box {
    display: none; }
  .author-info-header .author-actions-container {
    position: relative; }
  .author-info-header .tooltip {
    position: relative;
    display: inline-block; }
  .author-info-header .tooltiptext {
    visibility: hidden;
    width: 100%;
    background-color: var(--gray-550);
    color: var(--white);
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    right: 0;
    padding: 15px;
    margin: 0;
    box-sizing: border-box; }
  .author-info-header .ban-user-body-content {
    margin-left: 10px;
    margin-right: 10px; }

.author-info-box {
  position: relative;
  float: left;
  width: 100%;
  background: var(--post-background);
  color: var(--on-bg-dark);
  margin: 0 0 10px 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false);
  -moz-box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false);
  box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false); }
  .author-info-box:hover .edit-author-info span {
    display: inline-block !important; }
  .author-info-box.empty-description h2 {
    margin-top: 0.875em; }
  @media (max-width: 979px) {
    .author-info-box {
      text-align: left; } }

.edit-author-info {
  display: block;
  position: absolute;
  top: 16px;
  right: 20px; }
  .edit-author-info i {
    float: left;
    background: url(images/sprite.png?upd=6) no-repeat;
    background-position: 0 -348px;
    width: 16px;
    height: 16px; }
  .edit-author-info span {
    font-weight: bold;
    margin-left: 0.3em;
    color: #616161 !important;
    display: none !important; }

.author-info-content {
  float: left;
  margin: 0.625em 1.25em;
  width: 100%; }
  .author-info-content a {
    float: left;
    width: 15%; }
  .author-info-content img {
    float: left; }

.author-info-image-block {
  margin: 0;
  width: auto;
  max-width: fit-content;
  float: left;
  height: auto; }

.author-info-image {
  float: left;
  max-width: 110px;
  width: 100%;
  height: auto;
  margin: 25px 0 25px 25px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%; }
  .author-info-image.mobile {
    display: none; }

.author-info-image-link {
  margin-right: 5%; }

.author-stats {
  padding: 20px 0;
  border-bottom: 1px solid var(--gray-100);
  border-top: 1px solid var(--gray-100); }
  .author-stats .stats-info {
    display: inline-block;
    width: 24%;
    text-align: center;
    vertical-align: middle;
    color: var(--gray-800);
    font-size: 20px; }
    .author-stats .stats-info.pointer {
      cursor: pointer; }
    .author-stats .stats-info span {
      display: block;
      font-size: 15px;
      color: var(--gray-500);
      margin-top: 3px;
      font-weight: 500; }

.author-info-container {
  float: left;
  width: 67%;
  margin-top: 25px;
  margin-left: 25px;
  color: var(--on-bg-dark); }
  .author-info-container.mobile {
    display: none; }
  .author-info-container .reviewed-by {
    color: var(--orange-150);
    font-size: 15px;
    font-weight: 400; }
  .author-info-container .name {
    font-size: 22px;
    font-weight: bold;
    display: block;
    line-height: 1.2;
    color: var(--black); }
    .author-info-container .name a {
      color: var(--orange-150);
      float: none; }
  .author-info-container h2 {
    display: block;
    font-family: Merriweather, serif;
    font-weight: bold;
    font-size: 2em;
    line-height: 1.2;
    margin: 0;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word; }
    .author-info-container h2 a {
      color: var(--black);
      float: none; }
    .author-info-container h2 .verified-icon i {
      display: inline-block;
      width: 32px;
      height: 32px;
      vertical-align: top; }
      .author-info-container h2 .verified-icon i svg {
        color: #57A4FF;
        width: 32px;
        height: 32px;
        vertical-align: middle; }
  .author-info-container .follow, .author-info-container .unfollow {
    margin: 5px 5px 5px 0;
    border-radius: 5px;
    color: var(--white);
    padding: 10px 70px;
    text-transform: none;
    font-weight: 500;
    background: var(--orange-150);
    border: 2px solid var(--orange-150);
    display: inline-block;
    text-align: center;
    box-sizing: border-box; }
    .author-info-container .follow:hover, .author-info-container .unfollow:hover {
      background: var(--orange-100); }
  .author-info-container .ban-user {
    margin: 5px 5px 5px 0;
    border-radius: 5px;
    color: var(--white);
    padding: 10px 20px;
    text-transform: none;
    font-weight: 500;
    background: var(--orange-150);
    border: 2px solid var(--orange-150);
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    font-family: Roboto, sans-serif; }
    .author-info-container .ban-user:hover {
      background: var(--orange-100); }
    .author-info-container .ban-user.btn.btn-secondary {
      background: #7ca254;
      border: #7ca254; }
  .author-info-container .follow {
    margin: 5px 5px 5px 0;
    background: var(--post-background);
    color: var(--orange-150); }
    .author-info-container .follow:hover {
      background: var(--orange-150);
      color: var(--post-background); }
  .author-info-container .contact, .author-info-container .author-followers-list-button {
    margin: 5px 5px 5px 0;
    color: var(--gray-350);
    border: 2px solid var(--gray-350);
    border-radius: 5px;
    display: inline-block;
    text-transform: none;
    font-weight: 500;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    padding: 10px 12px; }
    .author-info-container .contact:hover, .author-info-container .author-followers-list-button:hover {
      background: var(--gray-350);
      color: var(--white); }
  .author-info-container.mobile-follow {
    width: 100%;
    margin-top: 0;
    padding: 0 12px 25px;
    box-sizing: border-box; }
    .author-info-container.mobile-follow .follow, .author-info-container.mobile-follow .unfollow, .author-info-container.mobile-follow .contact, .author-info-container.mobile-follow .author-followers-list-button {
      width: 65%; }
      .author-info-container.mobile-follow .follow.full-width, .author-info-container.mobile-follow .unfollow.full-width, .author-info-container.mobile-follow .contact.full-width, .author-info-container.mobile-follow .author-followers-list-button.full-width {
        width: 100%; }

.author-info-community-status {
  display: block;
  color: var(--orange-150);
  font-weight: bold;
  font-size: 1em;
  margin: 0.288em 0 0.688em 0; }

.author-info-description {
  display: block;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.4;
  color: #949494;
  padding: 25px; }
  @media (max-width: 768px) {
    .author-info-description {
      padding-left: 0.5em;
      padding-right: 0.5em; } }

.author-info-contact-author span, .followers-list span {
  color: #505050;
  font-weight: 500;
  font-size: 1em;
  text-decoration: none;
  float: left;
  margin-top: 0.188em; }

.icon-author-info-contact-author {
  float: left;
  background: url(images/contact.png) no-repeat;
  background-size: 1.45em;
  width: 1.45em;
  height: 1.45em;
  margin-right: 1.25em; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-author-info-contact-author {
      background-image: url(images/contact@2x.png); } }

label.allow-contact-author {
  margin-top: 1em;
  display: inline-block;
  color: var(--gray-700);
  font-weight: 500;
  font-size: 1.06em; }
  label.allow-contact-author input {
    margin-top: 1px; }
  label.allow-contact-author .spinner {
    height: 1em;
    width: 1em;
    background-size: 1em;
    display: inline-block;
    margin-right: 0.1em; }

.author-info-footer {
  float: left;
  border-top: 1px solid #e0e0e0;
  width: 100%;
  padding: 10px 0; }
  .author-info-footer .left {
    float: left;
    width: 60%; }
  .author-info-footer .right {
    float: right;
    width: 40%; }

.author-info-link-location {
  float: left;
  margin: 0;
  margin-left: 1.25em; }
  .author-info-link-location i {
    float: left;
    background-image: url(images/sprite.png?upd=6);
    width: 0.938em;
    height: 1.313em;
    background-size: 6.25em 125em;
    background-position: 0 -3.5em;
    margin-right: 0.625em; }
  .author-info-link-location span {
    float: left;
    margin-top: 0.188em;
    font-weight: bold;
    font-size: 1em;
    color: #505050; }

.author-info-link-website {
  float: left;
  margin-left: 1.25em; }
  .author-info-link-website i {
    float: left;
    background-image: url(images/sprite.png?upd=6);
    background-size: 6.25em 125em;
    background-position: -1em -3.5em;
    width: 1.25em;
    height: 1.313em;
    margin-right: 0.625em;
    margin-top: 0.063em; }
  .author-info-link-website span {
    float: left;
    margin-top: 0.188em;
    color: #505050;
    font-weight: 500;
    font-size: 1em;
    text-decoration: none; }

.author-info-link {
  background-image: url(images/sprite.png?upd=6);
  background-size: 6.25em 125em;
  float: right;
  margin-right: 1.25em;
  width: 1.5em;
  height: 1.5em; }
  .author-info-link.facebook {
    background-position: 0 -4.875em; }
  .author-info-link.twitter {
    background-position: -1.5em -4.875em; }
  .author-info-link.gplus {
    background-position: -3em -4.875em; }

@media (min-width: 769px) {
  .narrow-post-700 .show-all-contributors, .narrow-post .show-all-contributors {
    margin-right: 25px;
    margin-left: 25px; } }

.show-all-contributors {
  margin: 5px 2.750em 20px 2.750em;
  text-align: center;
  padding: 20px;
  background-color: var(--bg-show-contributors); }
  @media (max-width: 769px) {
    .show-all-contributors {
      margin-right: 1.562em;
      margin-left: 1.562em; } }
  @media (max-width: 480px) {
    .show-all-contributors {
      margin: 5px 12px 20px; } }

.single-post-author {
  padding: 40px 1.562em 40px 1.562em;
  margin: 20px 1.562em 5px 1.562em;
  background-color: var(--post-background); }
  .single-post-author .additional-authors {
    display: none;
    margin-top: 20px; }
  .single-post-author #readMoreAuthors {
    padding-left: 120px; }
  @media (max-width: 550px) {
    .single-post-author .author-info-image {
      width: 50px; }
    .single-post-author .author-info-container {
      width: 77%; }
      .single-post-author .author-info-container .name {
        font-size: 18px; }
    .single-post-author .author-info-description, .single-post-author .author-link {
      padding-left: 0;
      margin-left: -70px;
      padding-top: 10px; } }
  .single-post-author .author-header {
    font-family: Merriweather, serif;
    font-weight: bold;
    font-size: 30px;
    color: var(--on-bg-dark);
    border-bottom: 1px solid var(--gray-200);
    margin-bottom: 20px;
    padding-bottom: 20px;
    line-height: 32px; }
  .single-post-author .author-info-image {
    max-width: 100px;
    margin: 0; }
  .single-post-author .author-info-container {
    margin-top: 10px;
    margin-left: 20px;
    width: 80%; }
    .single-post-author .author-info-container h3 a {
      font-size: 20px;
      line-height: 1;
      font-family: Roboto, sans-serif;
      font-weight: bold;
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: 0; }
  .single-post-author .author-social {
    margin: 0.5em 0 0 0; }
    .single-post-author .author-social .author-info-link {
      float: left;
      margin-right: 0.438em; }
    .single-post-author .author-social .author-info-link-website {
      margin-left: 0; }
  .single-post-author .author-info-description {
    color: var(--gray-400);
    font-family: Roboto, sans-serif;
    font-weight: 400;
    line-height: 18px;
    font-size: 14px;
    margin-top: 12px; }
  .single-post-author h3 a {
    font-family: Merriweather, serif;
    font-weight: bold;
    font-size: 1.6em;
    color: var(--black);
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 0.867em;
    padding-bottom: 0.5em; }
  .single-post-author .author-views-stats {
    display: none; }
  .single-post-author .author-img-icons {
    display: none; }
  .single-post-author .name-url {
    display: none; }

.single-post-author .author-social-single-image {
  display: none; }

#showAllContributors {
  background-color: var(--bg-show-contributors); }

.author-communication-line {
  width: 300px;
  padding: 0 0 0 40px;
  float: right;
  box-sizing: border-box; }
  .author-communication-line i {
    display: inline-block; }
    .author-communication-line i .svg-icon {
      width: 60px;
      height: 60px; }
  .author-communication-line .title {
    display: inline-block;
    max-width: 155px;
    vertical-align: top;
    font-weight: bold;
    font-size: 15px;
    line-height: 22px;
    font-family: Roboto, sans-serif;
    margin-left: 12px; }
    .author-communication-line .title .learn-more {
      font-size: 13px;
      float: right;
      line-height: 1;
      margin-top: 10px; }
  @media (max-width: 979px) {
    .author-communication-line {
      display: none; } }

@media (max-width: 480px) {
  .single-image-template .post, .single-post .post {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    .single-image-template .post .single-post-author, .single-post .post .single-post-author {
      padding: 16px 12px;
      margin: 20px 12px 0; } }

@media (max-width: 480px) {
  .single-image-template .single-post-author .author-info-container, .single-post .single-post-author .author-info-container {
    width: calc(100% - 70px); } }

@media (max-width: 979px) {
  .single-image-template .single-post-author, .single-post .single-post-author {
    text-align: left; }
    .single-image-template .single-post-author .author-communication-line, .single-post .single-post-author .author-communication-line {
      display: none; }
    .single-image-template .single-post-author .author-info-container, .single-post .single-post-author .author-info-container {
      padding: 0;
      margin-top: 0; }
    .single-image-template .single-post-author .author-info-image, .single-post .single-post-author .author-info-image {
      float: left;
      margin: 0; } }

nav.author-tabs {
  border-top: 1px solid var(--gray-100); }
  @media (max-width: 979px) {
    nav.author-tabs {
      margin-top: 2em;
      margin-right: 0; }
      nav.author-tabs ul {
        font-size: 0;
        text-align: justify; }
      nav.author-tabs li {
        font-size: 16px; }
        nav.author-tabs li:nth-child(n+2):not(:last-child) {
          text-align: center; }
        nav.author-tabs li:last-child {
          text-align: right; } }
  nav.author-tabs ul {
    display: flex;
    justify-content: space-evenly;
    flex-direction: row; }
  nav.author-tabs li {
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 17px;
    color: var(--gray-350);
    text-align: center;
    margin: 0 2px; }
    nav.author-tabs li.active {
      color: var(--orange-150);
      border-bottom: 3px solid var(--orange-150); }
  nav.author-tabs a {
    padding-bottom: 0.4em;
    color: inherit; }

.posts-block {
  padding: 25px;
  background: var(--post-background);
  color: var(--on-bg-dark);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px; }
  .posts-block .block-info .author-image {
    width: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px; }
  .posts-block .block-info .premium-user-border {
    display: inline-block; }
  .posts-block .block-info .author-info {
    display: inline-block;
    vertical-align: middle; }
    .posts-block .block-info .author-info .status {
      color: var(--gray-450);
      font-weight: 400; }
    .posts-block .block-info .author-info .time {
      display: block;
      color: var(--gray-450);
      font-style: italic;
      font-weight: 300;
      font-size: 14px;
      margin-top: 2px; }
  .posts-block .post-block {
    border: 1px solid var(--gray-100);
    border-radius: 5px;
    margin-top: 15px;
    position: relative; }
    .posts-block .post-block .text-block {
      padding: 12px;
      font-size: 16px;
      color: var(--gray-800);
      font-weight: 400; }
      .posts-block .post-block .text-block .score {
        font-size: 13px; }
    .posts-block .post-block a {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 9999; }
    .posts-block .post-block .image, .posts-block .post-block .list-image {
      display: inline-block;
      width: 250px;
      vertical-align: middle;
      min-height: 100px; }
      .posts-block .post-block .image img, .posts-block .post-block .list-image img {
        width: 100%;
        display: block;
        -webkit-border-radius: 5px 0 0 5px;
        -moz-border-radius: 5px 0 0 5px;
        -ms-border-radius: 5px 0 0 5px;
        -o-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px; }
    .posts-block .post-block .post-info {
      display: inline-block;
      vertical-align: top;
      position: relative;
      overflow: visible; }
      .posts-block .post-block .post-info .post-title {
        margin-left: 15px;
        font-size: 20px;
        width: 370px;
        line-height: 24px;
        position: absolute;
        top: 50px; }
      .posts-block .post-block .post-info .categories-list {
        margin-left: 15px;
        text-transform: uppercase;
        font-size: 14px;
        color: var(--orange-150);
        margin-bottom: 10px;
        position: absolute;
        top: 30px;
        width: 370px; }
  .posts-block.submissions .post-block, .posts-block.comments .post-block, .posts-block.comments-upvotes .post-block {
    padding: 20px; }
    .posts-block.submissions .post-block.top, .posts-block.comments .post-block.top, .posts-block.comments-upvotes .post-block.top {
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      -ms-border-radius: 5px 5px 0 0;
      -o-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0; }
    .posts-block.submissions .post-block.middle, .posts-block.comments .post-block.middle, .posts-block.comments-upvotes .post-block.middle {
      margin-top: 0;
      border-radius: 0;
      border-top: 0; }
    .posts-block.submissions .post-block.bottom, .posts-block.comments .post-block.bottom, .posts-block.comments-upvotes .post-block.bottom {
      margin-top: 0;
      -webkit-border-radius: 0 0 5px 5px;
      -moz-border-radius: 0 0 5px 5px;
      -ms-border-radius: 0 0 5px 5px;
      -o-border-radius: 0 0 5px 5px;
      border-radius: 0 0 5px 5px;
      border-top: 0; }
    .posts-block.submissions .post-block a, .posts-block.comments .post-block a, .posts-block.comments-upvotes .post-block a {
      display: block;
      position: relative;
      color: var(--gray-800); }
    .posts-block.submissions .post-block .list-image, .posts-block.comments .post-block .list-image, .posts-block.comments-upvotes .post-block .list-image {
      width: 50px;
      display: inline-block;
      vertical-align: middle;
      min-height: 50px;
      margin-right: 7px; }
      .posts-block.submissions .post-block .list-image img, .posts-block.comments .post-block .list-image img, .posts-block.comments-upvotes .post-block .list-image img {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px; }
    .posts-block.submissions .post-block .post-title, .posts-block.comments .post-block .post-title, .posts-block.comments-upvotes .post-block .post-title {
      display: inline-block;
      vertical-align: middle;
      max-width: 370px;
      line-height: 20px;
      font-weight: 500; }
    .posts-block.submissions .post-block .image, .posts-block.comments .post-block .image, .posts-block.comments-upvotes .post-block .image {
      display: inline-block;
      margin: 10px 10px 10px 0;
      width: 190px; }
      .posts-block.submissions .post-block .image img, .posts-block.comments .post-block .image img, .posts-block.comments-upvotes .post-block .image img {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px; }
    .posts-block.submissions .post-block .comment, .posts-block.comments .post-block .comment, .posts-block.comments-upvotes .post-block .comment {
      margin-top: 15px;
      word-wrap: break-word;
      -ms-word-break: break-word;
      word-break: break-word;
      overflow-wrap: break-word; }
      .posts-block.submissions .post-block .comment a, .posts-block.comments .post-block .comment a, .posts-block.comments-upvotes .post-block .comment a {
        color: var(--gray-450);
        line-height: 20px;
        font-weight: 300;
        text-align: justify; }
  .posts-block.comments-upvotes .post-block.post-upvote a {
    position: absolute; }
  .posts-block.upvotes .post-block {
    padding: 20px; }
    .posts-block.upvotes .post-block.top {
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      -ms-border-radius: 5px 5px 0 0;
      -o-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0; }
    .posts-block.upvotes .post-block.middle {
      margin-top: 0;
      border-radius: 0;
      border-top: 0; }
    .posts-block.upvotes .post-block.bottom {
      margin-top: 0;
      -webkit-border-radius: 0 0 5px 5px;
      -moz-border-radius: 0 0 5px 5px;
      -ms-border-radius: 0 0 5px 5px;
      -o-border-radius: 0 0 5px 5px;
      border-radius: 0 0 5px 5px;
      border-top: 0; }
    .posts-block.upvotes .post-block .image {
      width: 120px;
      margin: 0 10px 0 0; }
      .posts-block.upvotes .post-block .image img {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px; }
    .posts-block.upvotes .post-block .post-info {
      width: calc(100% - 135px); }
      .posts-block.upvotes .post-block .post-info .categories-list {
        margin-left: 0;
        position: relative;
        top: 0; }
      .posts-block.upvotes .post-block .post-info .post-title {
        margin-left: 0;
        position: relative;
        top: 0;
        width: 100%;
        max-width: 100%; }
      .posts-block.upvotes .post-block .post-info .description {
        display: inline-block;
        color: var(--gray-450);
        line-height: 20px;
        font-weight: 300;
        text-align: justify;
        margin-top: 10px;
        max-height: 140px;
        overflow: hidden; }
  .posts-block.follows .post-block.top {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0; }
  .posts-block.follows .post-block.middle {
    margin-top: 0;
    border-radius: 0;
    border-top: 0; }
  .posts-block.follows .post-block.bottom {
    margin-top: 0;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border-top: 0; }
  .posts-block.follows .post-block a {
    position: relative; }
  .posts-block.follows .post-block .image {
    width: 80px;
    height: 80px;
    min-height: auto;
    padding: 20px; }
    .posts-block.follows .post-block .image img {
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
  .posts-block.follows .post-block .author-info {
    vertical-align: middle;
    display: inline-block; }
    .posts-block.follows .post-block .author-info h2 {
      font-size: 20px;
      color: var(--gray-800); }
  .posts-block .show-additional-items {
    text-align: center;
    padding-top: 25px;
    font-weight: 400;
    color: var(--gray-450);
    cursor: pointer;
    text-decoration: underline; }
  .posts-block .additional-items {
    display: none; }

.author-bonuses-top h1 {
  font-size: 23px;
  margin-bottom: 20px; }

.author-bonuses-block {
  margin-top: 20px;
  margin-bottom: 40px; }
  .author-bonuses-block .author-bonuses-log {
    width: 100%;
    background: var(--white);
    margin-top: 10px;
    color: var(--gray-800); }
    .author-bonuses-block .author-bonuses-log td, .author-bonuses-block .author-bonuses-log th {
      padding: 10px;
      border: 2px solid var(--gray-100); }
      .author-bonuses-block .author-bonuses-log td.align-right, .author-bonuses-block .author-bonuses-log th.align-right {
        text-align: right; }
      .author-bonuses-block .author-bonuses-log td.post-info span, .author-bonuses-block .author-bonuses-log th.post-info span {
        margin-left: 5px; }
    .author-bonuses-block .author-bonuses-log th {
      vertical-align: middle;
      text-align: center; }
    .author-bonuses-block .author-bonuses-log a {
      color: var(--orange-150); }

@media (max-width: 768px) {
  .author-stats .stats-info {
    font-size: 16px; }
    .author-stats .stats-info span {
      font-size: 14px; }
  .author-info-image.mobile {
    margin: 25px 12px;
    vertical-align: middle;
    text-align: left;
    width: 60px;
    display: inline-block;
    float: none; }
  .author-info-container {
    margin-top: 9px;
    margin-left: 0;
    width: calc(100% - 90px);
    padding: 25px 0px;
    font-size: 14px;
    display: inline-block;
    float: none;
    vertical-align: middle; }
    .author-info-container.mobile {
      display: inline-block; }
      .author-info-container.mobile h2 {
        display: block; }
      .author-info-container.mobile .author-info-community-status {
        display: block;
        font-size: 16px; }
      .author-info-container.mobile .verified-icon i {
        width: 22px;
        height: 22px; }
        .author-info-container.mobile .verified-icon i svg {
          width: 22px;
          height: 22px; }
    .author-info-container h2 {
      display: none; }
    .author-info-container .author-info-community-status {
      display: none; }
    .author-info-container h2 {
      font-size: 22px; }
  .author-info-description {
    padding: 25px 12px;
    font-size: 14px; }
  nav.author-tabs {
    margin-top: 0;
    width: 100%;
    height: auto;
    top: 0;
    z-index: 9997;
    position: relative;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; }
    nav.author-tabs::-webkit-scrollbar {
      display: none; }
    nav.author-tabs ul {
      z-index: 10000;
      display: table;
      float: left;
      padding: 0;
      width: 100%;
      margin: 0; }
      nav.author-tabs ul li {
        text-align: center;
        display: table-cell;
        list-style: none;
        width: auto;
        white-space: nowrap;
        position: relative;
        vertical-align: middle;
        padding: 20px 12px 17px; }
  .posts-block .block-info .author-info .author-name {
    font-size: 16px; }
  .posts-block .block-info .author-info .status {
    display: block;
    margin-top: 2px;
    font-size: 14px; }
    .posts-block .block-info .author-info .status .bullet {
      display: none; }
  .posts-block .block-info .author-info .time {
    font-size: 14px;
    margin-top: 2px; }
  .posts-block .post-block .image {
    display: block;
    width: 100%; }
    .posts-block .post-block .image img {
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      -ms-border-radius: 5px 5px 0 0;
      -o-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0; }
  .posts-block .post-block .post-info {
    display: block;
    overflow: hidden;
    padding: 25px; }
    .posts-block .post-block .post-info .categories-list {
      position: relative;
      top: 0;
      margin: 0; }
    .posts-block .post-block .post-info .post-title {
      position: relative;
      top: 0;
      width: 100%;
      margin: 10px 0 0; }
  .posts-block.submissions .post-block .post-title {
    font-size: 16px; }
  .posts-block.submissions .post-block .images {
    width: calc(100% + 46px);
    height: auto;
    top: 0;
    z-index: 9998;
    position: relative;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; }
    .posts-block.submissions .post-block .images::-webkit-scrollbar {
      display: none; }
    .posts-block.submissions .post-block .images .list {
      z-index: 10000;
      display: table;
      float: left;
      padding: 0;
      width: 100%;
      margin: 0; }
      .posts-block.submissions .post-block .images .list .image {
        display: table-cell;
        list-style: none;
        width: auto;
        white-space: nowrap;
        position: relative;
        vertical-align: middle;
        padding: 20px 12px 0; }
        .posts-block.submissions .post-block .images .list .image img {
          width: 200px; }
  .posts-block.comments .post-block .post-title, .posts-block.comments-upvotes .post-block .post-title {
    width: calc(100% - 62px);
    font-size: 16px;
    font-weight: 500; }
  .posts-block.comments .post-block .comment a, .posts-block.comments-upvotes .post-block .comment a {
    font-size: 16px; }
  .posts-block.upvotes .post-block {
    padding: 20px; }
    .posts-block.upvotes .post-block .image {
      width: 90px;
      display: inline-block;
      padding: 0 10px 0 0;
      min-height: auto;
      margin: 0; }
    .posts-block.upvotes .post-block .post-info {
      display: inline-block;
      width: calc(100% - 105px);
      padding: 0; }
      .posts-block.upvotes .post-block .post-info .categories-list {
        padding: 0;
        width: 100%;
        margin-bottom: 10px; }
      .posts-block.upvotes .post-block .post-info .post-title {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        margin: 0; }
  .posts-block.follows .post-block {
    padding: 20px; }
    .posts-block.follows .post-block .image {
      width: 70px;
      height: 70px;
      display: inline-block;
      padding: 0; }
    .posts-block.follows .post-block .author-info {
      width: calc(100% - 85px);
      margin-left: 10px; }
      .posts-block.follows .post-block .author-info h2 {
        font-size: 20px; }
      .posts-block.follows .post-block .author-info .author-info-community-status {
        font-size: 16px;
        margin: 5px 0 0; } }

@media (max-width: 400px) {
  .no-posts.mobile {
    padding: 25px 20px 40px; }
  .posts-block.mobile {
    padding: 0; }
    .posts-block.mobile.follows .post-block .image {
      width: 50px;
      height: 50px; }
    .posts-block.mobile.follows .post-block .author-info h2 {
      font-size: 16px; }
    .posts-block.mobile.follows .post-block .author-info .author-info-community-status {
      font-size: 14px; } }

.single-post-author .author-info-container .follow {
  float: right;
  margin: 0;
  background: var(--post-background);
  padding: 10px 60px; }
  .single-post-author .author-info-container .follow:hover {
    background: var(--orange-150); }

.single-post-author .author-info-container .unfollow {
  float: right;
  margin: 0;
  padding: 10px 60px; }

.single-post-author .author-info-container .name {
  margin-bottom: 4px; }

.single-post-author .author-info-container .member-type {
  font-weight: bold;
  margin-bottom: 10px;
  display: inline-block;
  color: var(--on-bg-dark); }

.single-post-author .author-info-container .author-info-description {
  margin: 0;
  padding: 15px 0;
  font-size: 16px;
  line-height: 20px;
  color: var(--post-description); }

@media (max-width: 550px) {
  .single-post-author .author-info-container {
    padding: 0;
    margin-top: 0; }
    .single-post-author .author-info-container .author-info-description {
      margin-left: -70px; }
    .single-post-author .author-info-container .follow, .single-post-author .author-info-container .unfollow {
      padding: 10px; } }

@media (min-width: 769px) {
  .wide-post .new-authors-box {
    margin-left: 2.8125rem;
    margin-right: 2.8125rem; } }

@media (min-width: 481px) and (max-width: 768px) {
  .wide-post .new-authors-box {
    margin-left: 1.4058125rem;
    margin-right: 1.4058125rem; } }

@media (max-width: 480px) {
  .wide-post .new-authors-box {
    margin-left: 0.75rem;
    margin-right: 0.75rem; } }

@media (min-width: 801px) {
  .narrow-post .new-authors-box {
    margin-left: 1.562rem;
    margin-right: 1.562rem; } }

@media (min-width: 769px) and (max-width: 800px) {
  .narrow-post .new-authors-box {
    margin-left: 1.4370625rem;
    margin-right: 1.4370625rem; } }

@media (min-width: 481px) and (max-width: 768px) {
  .narrow-post .new-authors-box {
    margin-left: 1.4058125rem;
    margin-right: 1.4058125rem; } }

@media (max-width: 480px) {
  .narrow-post .new-authors-box {
    margin-left: 0.75rem;
    margin-right: 0.75rem; } }

@media (min-width: 801px) {
  .narrow-post-700 .new-authors-box {
    margin-left: 1.562rem;
    margin-right: 1.562rem; } }

@media (min-width: 769px) and (max-width: 800px) {
  .narrow-post-700 .new-authors-box {
    margin-left: 1.4370625rem;
    margin-right: 1.4370625rem; } }

@media (min-width: 581px) and (max-width: 768px) {
  .narrow-post-700 .new-authors-box {
    margin-left: 1.562rem;
    margin-right: 1.562rem; } }

@media (min-width: 481px) and (max-width: 580px) {
  .narrow-post-700 .new-authors-box {
    margin-left: 1.4058125rem;
    margin-right: 1.4058125rem; } }

@media (max-width: 480px) {
  .narrow-post-700 .new-authors-box {
    margin-left: 0.75rem;
    margin-right: 0.75rem; } }

.new-authors-box {
  border: 1px solid var(--gray-100);
  border-radius: 4px;
  padding: 1.5rem;
  margin-bottom: 1rem; }
  @media (max-width: 979px) {
    .new-authors-box {
      padding: 1.5rem 1rem; } }
  .new-authors-box .author-content {
    display: flex;
    width: 100%; }
    @media (max-width: 979px) {
      .new-authors-box .author-content {
        display: none; } }
    .new-authors-box .author-content .author-image {
      flex-shrink: 0;
      margin-right: 1.5rem;
      width: 100px;
      height: 100px; }
      .new-authors-box .author-content .author-image img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover; }
    .new-authors-box .author-content .author-text {
      display: flex;
      flex-direction: column;
      flex-grow: 1; }
      .new-authors-box .author-content .author-text .header {
        display: flex;
        justify-content: space-between;
        background: var(--post-background); }
        .new-authors-box .author-content .author-text .header .display-name {
          font-family: Roboto, sans-serif;
          font-size: 1.375rem;
          line-height: 1.875rem;
          font-weight: 700;
          text-align: left;
          color: var(--comment-author);
          margin-bottom: 0.25rem; }
        .new-authors-box .author-content .author-text .header .author-role {
          color: var(--gray-450);
          font-size: 1rem;
          line-height: 1.5rem;
          font-weight: 700;
          text-align: left;
          margin-bottom: 1rem; }
        .new-authors-box .author-content .author-text .header .author-buttons {
          flex-shrink: 0; }
      .new-authors-box .author-content .author-text .author-description-read-less {
        display: none; }
      .new-authors-box .author-content .author-text .author-description {
        font-family: Roboto, sans-serif;
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 400;
        text-align: left;
        color: var(--gray-450);
        margin-bottom: 1rem;
        display: none; }
      .new-authors-box .author-content .author-text .read-more {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1rem;
        text-align: left;
        text-decoration: underline; }
  .new-authors-box .author-content-mobile {
    display: none; }
    @media (max-width: 979px) {
      .new-authors-box .author-content-mobile {
        display: block; } }
    .new-authors-box .author-content-mobile .header {
      display: flex;
      flex-direction: row;
      background: var(--post-background); }
      .new-authors-box .author-content-mobile .header .author-image {
        flex-shrink: 0;
        margin-right: 1rem;
        width: 64px;
        height: 64px; }
        .new-authors-box .author-content-mobile .header .author-image img {
          width: 100%;
          height: 100%;
          border-radius: 50%;
          object-fit: cover; }
      .new-authors-box .author-content-mobile .header h3.display-name {
        font-size: 1.125rem;
        line-height: 1.5rem;
        font-weight: 700;
        text-align: left;
        color: var(--comment-author); }
      .new-authors-box .author-content-mobile .header .author-role {
        color: var(--gray-450);
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 700;
        text-align: left; }
    .new-authors-box .author-content-mobile .read-more {
      font-family: Roboto, sans-serif;
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: 500;
      text-decoration: underline; }
    .new-authors-box .author-content-mobile .mobile-read-more-wrapper {
      margin-top: 0.75rem;
      margin-bottom: 1rem;
      text-align: center; }
    .new-authors-box .author-content-mobile .mobile-read-less-wrapper {
      margin-top: 0.75rem;
      text-align: center; }
      .new-authors-box .author-content-mobile .mobile-read-less-wrapper .author-description-read-less-mobile {
        display: none; }
    .new-authors-box .author-content-mobile .author-description-mobile {
      font-family: Roboto, sans-serif;
      font-size: 1rem;
      line-height: 1.25rem;
      font-weight: 400;
      text-align: left;
      color: var(--gray-450);
      margin-top: 0.75rem;
      display: none; }
  .new-authors-box .author-buttons-mobile .author-button, .new-authors-box .author-buttons .author-button {
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: var(--on-bg-primary);
    background: var(--post-background);
    padding: 0.625rem 1.25rem;
    border: 1px solid var(--gray-250);
    border-radius: 3px;
    cursor: pointer; }
    .new-authors-box .author-buttons-mobile .author-button.view-profile, .new-authors-box .author-buttons .author-button.view-profile {
      min-width: 125px; }
      .new-authors-box .author-buttons-mobile .author-button.view-profile:hover, .new-authors-box .author-buttons .author-button.view-profile:hover {
        border-color: var(--gray-450); }
    .new-authors-box .author-buttons-mobile .author-button.follow, .new-authors-box .author-buttons .author-button.follow {
      min-width: 87px;
      margin-left: 1rem; }
      .new-authors-box .author-buttons-mobile .author-button.follow:hover, .new-authors-box .author-buttons .author-button.follow:hover {
        color: var(--orange-150);
        border-color: var(--orange-150); }
  .new-authors-box .author-buttons-mobile {
    margin-top: 1.5rem;
    text-align: center;
    display: none; }
    .new-authors-box .author-buttons-mobile .author-button.view-profile, .new-authors-box .author-buttons-mobile .author-button.follow {
      min-width: unset; }
  .new-authors-box .contributors-block {
    margin-top: 1.5rem; }
    .new-authors-box .contributors-block #new-authors-show-all-contributors, .new-authors-box .contributors-block #new-authors-hide-all-contributors {
      border: none;
      text-align: center;
      font-family: Roboto, sans-serif;
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: 500;
      color: var(--orange-150);
      background: var(--comment-show-contributors);
      width: 100%;
      padding-top: 1rem;
      padding-bottom: 1rem;
      cursor: pointer;
      box-sizing: border-box; }
    .new-authors-box .contributors-block #new-authors-hide-all-contributors {
      display: none; }
    .new-authors-box .contributors-block .author-content {
      display: none;
      width: 100%; }
      .new-authors-box .contributors-block .author-content .author-image {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem; }
      .new-authors-box .contributors-block .author-content .author-text hr.desktop-only {
        padding-top: 1.5rem;
        margin: 0;
        border-color: var(--border-dark-mode-toggle); }
      @media (min-width: 980px) {
        .new-authors-box .contributors-block .author-content .author-text .read-less {
          margin-bottom: 1.5rem; } }
    .new-authors-box .contributors-block .author-content-mobile {
      display: none; }
      .new-authors-box .contributors-block .author-content-mobile hr {
        border-color: var(--border-dark-mode-toggle);
        margin-bottom: 1.5rem; }
      .new-authors-box .contributors-block .author-content-mobile .author-description-mobile {
        margin-bottom: 0; }
      .new-authors-box .contributors-block .author-content-mobile .mobile-read-more-wrapper.last {
        margin-bottom: 1.5rem; }
    .new-authors-box .contributors-block .author-buttons-mobile {
      margin-bottom: 1.5rem; }

.profile-image-sparkle {
  position: absolute;
  pointer-events: none;
  transform-origin: center center;
  opacity: 0;
  animation: sparkle 2.5s ease-out forwards; }

.profile-image-sparkle svg {
  width: 100%;
  height: 100%;
  fill: currentColor; }

@keyframes sparkle {
  0% {
    opacity: 0;
    transform: scale(0.2) rotate(0deg); }
  40% {
    opacity: 1;
    transform: scale(1.2) rotate(20deg); }
  100% {
    opacity: 0;
    transform: scale(0.6) rotate(40deg); } }

.shining-profile-image {
  position: relative;
  box-sizing: content-box;
  display: flex;
  line-height: 1 !important; }

.author-tabs .shining-profile-image {
  display: inline-block; }

.post-authors-content .shining-profile-image {
  display: inline-block;
  vertical-align: middle;
  float: left; }

#boredpanda-list-template .post-authors-content .shining-profile-image {
  display: block; }

.sharebar {
  background: var(--white);
  position: absolute;
  width: 65px;
  height: 245px;
  padding: 10px 2px 10px 11px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  margin-left: -78px;
  margin-top: 115px; }
  .sharebar.de-version {
    margin-left: -112px;
    width: 100px; }
  .sharebar .facebook {
    margin: 10px 0 0 5px;
    height: 90px;
    width: 50px; }
  .sharebar .twitter {
    margin: 5px 0; }
  .sharebar .gplus {
    margin-left: 4px; }
  .sharebar.fixed {
    position: fixed;
    top: -82px; }

@media (max-width: 1139px) {
  .sharebar {
    display: none; } }

.sharebar-votes {
  height: 306px;
  z-index: 1; }
  .sharebar-votes.image-page {
    height: 100px; }
    .sharebar-votes.image-page .vote-panel {
      display: none; }
  .sharebar-votes .fb-sharebar-box {
    margin: 5px 0 10px 5px;
    height: 87px;
    width: 60px; }
  .sharebar-votes .vote-panel {
    border: 1px solid #efefef;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    width: 56px; }
    .sharebar-votes .vote-panel .vote {
      float: none;
      display: block;
      position: relative;
      text-align: center;
      padding: 1.25em 0;
      height: inherit; }
      .sharebar-votes .vote-panel .vote .btn {
        margin: 0; }
    .sharebar-votes .vote-panel .mood {
      text-align: center; }
    .sharebar-votes .vote-panel .points {
      float: none;
      display: block;
      color: var(--orange-150);
      font-size: 1em;
      font-weight: bold;
      text-align: center;
      margin-left: 0;
      line-height: inherit; }
      .sharebar-votes .vote-panel .points span {
        display: none; }
  .sharebar-votes .panda {
    background: url(images/sprite.png?upd=6) 0 0;
    display: inline-block;
    width: 24px;
    height: 30px;
    margin-bottom: 15px; }
    .sharebar-votes .panda.happy {
      background-position: -0.438em -66.75em; }
    .sharebar-votes .panda.sad {
      background-position: -0.438em -69.25em; }
    .sharebar-votes .panda.neutral {
      background-position: -0.438em -71.688em; }

.social {
  font-weight: bold;
  padding: 0.25em;
  font-size: 1em; }
  .social i {
    float: left;
    display: inline-block; }

.social.facebook {
  color: white;
  background-color: #3b589e; }
  .social.facebook i {
    background-repeat: no-repeat; }
    .social.facebook i.logo {
      background-image: url("images/sprite.png?upd=6");
      background-position: 0em -32em;
      background-size: 6.25em 125em;
      width: 100%;
      height: 100%; }
    .social.facebook i.logo.white {
      background-image: url("images/social/fb_white.svg");
      background-position: 0 0.1em;
      background-size: 100%; }

.social.twitter {
  background-color: #55acee;
  color: var(--white); }
  .social.twitter i {
    background-repeat: no-repeat; }
    .social.twitter i.logo {
      background-size: 100%;
      width: 100%;
      height: 100%; }
    .social.twitter i.logo.white {
      background-image: url("images/social/twitter_white.svg");
      background-position: 0 0.05em; }

.social.pintrest {
  background-color: #c92228;
  color: var(--white); }
  .social.pintrest i {
    background-repeat: no-repeat; }
    .social.pintrest i.logo {
      background-size: 100%;
      width: 100%;
      height: 100%; }
    .social.pintrest i.logo.white {
      background-image: url("images/social/pintrest_white.svg");
      background-position: 0 0.05em; }

.fixed-bottom-overlay.socialbar {
  height: auto;
  background-color: transparent; }
  .fixed-bottom-overlay.socialbar.variation1, .fixed-bottom-overlay.socialbar.variation2 {
    line-height: 42px; }
  .fixed-bottom-overlay.socialbar .right {
    float: right;
    width: 45%; }
    .fixed-bottom-overlay.socialbar .right a.social {
      display: inline-block;
      background-color: inherit;
      background-image: url("images/share_icons.png");
      background-repeat: no-repeat;
      background-size: 27px;
      width: 18px;
      height: 18px;
      float: right;
      margin-top: 7px;
      margin-right: 20px; }
      .fixed-bottom-overlay.socialbar .right a.social.pintrest {
        background-position: 0px -73px;
        margin-right: 10px; }
      .fixed-bottom-overlay.socialbar .right a.social.facebook {
        background-position: 0px 0px; }
      .fixed-bottom-overlay.socialbar .right a.social.twitter {
        background-position: 0px -111px; }
      .fixed-bottom-overlay.socialbar .right a.social.whatsapp {
        background-position: 0px -36px; }
      .fixed-bottom-overlay.socialbar .right a.social i {
        display: none; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .fixed-bottom-overlay.socialbar .right a.social {
          background-image: url("images/share_icons@2x.png");
          background-size: 27px; }
          .fixed-bottom-overlay.socialbar .right a.social.pintrest {
            background-position: 0px -64px;
            margin-right: 10px; }
          .fixed-bottom-overlay.socialbar .right a.social.twitter {
            background-position: 0px -96px; }
          .fixed-bottom-overlay.socialbar .right a.social.whatsapp {
            background-position: 0px -32px; } }
      @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 192dpi) {
        .fixed-bottom-overlay.socialbar .right a.social {
          background-image: url("images/share_icons@3x.png");
          background-size: 27px; }
          .fixed-bottom-overlay.socialbar .right a.social.pintrest {
            background-position: 0px -61px;
            margin-right: 10px; }
          .fixed-bottom-overlay.socialbar .right a.social.twitter {
            background-position: 0px -91px; }
          .fixed-bottom-overlay.socialbar .right a.social.whatsapp {
            background-position: 0px -31px; } }
  .fixed-bottom-overlay.socialbar .left {
    float: left;
    margin-left: 10px; }
    .fixed-bottom-overlay.socialbar .left .voting-panda {
      background-image: url(images/sprite-sheet.png);
      background-position: -309px -392px;
      width: 20px;
      height: 24px;
      display: block;
      margin-top: 10px;
      margin-right: 10px;
      float: left; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .fixed-bottom-overlay.socialbar .left .voting-panda {
          background-image: url(images/sprite-sheet@2x.png);
          background-size: 515px 463px; } }
      .fixed-bottom-overlay.socialbar .left .voting-panda.panda-sad {
        background-image: url(images/sprite-sheet.png);
        background-position: -349px -392px;
        width: 20px;
        height: 24px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .fixed-bottom-overlay.socialbar .left .voting-panda.panda-sad {
            background-image: url(images/sprite-sheet@2x.png);
            background-size: 515px 463px; } }
      .fixed-bottom-overlay.socialbar .left .voting-panda.panda-happy {
        background-image: url(images/sprite-sheet.png);
        background-position: -389px -392px;
        width: 20px;
        height: 24px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .fixed-bottom-overlay.socialbar .left .voting-panda.panda-happy {
            background-image: url(images/sprite-sheet@2x.png);
            background-size: 515px 463px; } }
    .fixed-bottom-overlay.socialbar .left .vote {
      display: inline-block;
      background-color: white;
      width: 40px;
      height: 28px;
      margin: 8px 4px 0px 0px;
      padding: 2px 4px 4px 4px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      border: 1px solid #bfbfbf;
      box-sizing: border-box; }
      .fixed-bottom-overlay.socialbar .left .vote .hint {
        display: none; }
    .fixed-bottom-overlay.socialbar .left a.btn {
      display: block;
      width: 25px;
      height: 25px;
      background-size: 18px;
      margin: 2px 5px; }
    .fixed-bottom-overlay.socialbar .left .points {
      font-size: 13px;
      margin-left: 10px;
      line-height: 44px;
      text-align: center;
      float: right; }
      .fixed-bottom-overlay.socialbar .left .points span {
        display: none; }
  .fixed-bottom-overlay.socialbar.headroom {
    bottom: -100px; }
  .fixed-bottom-overlay.socialbar.headroom--pinned {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px); }
  .fixed-bottom-overlay.socialbar .new-variation-3 {
    height: 42px;
    line-height: 1; }
    .fixed-bottom-overlay.socialbar .new-variation-3 .fb-share-button, .fixed-bottom-overlay.socialbar .new-variation-3 .twitter-share-button, .fixed-bottom-overlay.socialbar .new-variation-3 .instagram-follow-button {
      text-align: center;
      background-color: var(--blue-500);
      height: 42px;
      width: 100%;
      display: inline-block;
      font-size: 17px;
      vertical-align: middle; }
      .fixed-bottom-overlay.socialbar .new-variation-3 .fb-share-button a, .fixed-bottom-overlay.socialbar .new-variation-3 .twitter-share-button a, .fixed-bottom-overlay.socialbar .new-variation-3 .instagram-follow-button a {
        color: var(--white);
        vertical-align: middle;
        height: 42px;
        line-height: 42px;
        display: inline-block; }
      .fixed-bottom-overlay.socialbar .new-variation-3 .fb-share-button .svg-icon, .fixed-bottom-overlay.socialbar .new-variation-3 .twitter-share-button .svg-icon, .fixed-bottom-overlay.socialbar .new-variation-3 .instagram-follow-button .svg-icon {
        vertical-align: middle;
        height: 30px;
        margin-top: -3px; }
    .fixed-bottom-overlay.socialbar .new-variation-3 .instagram-follow-button {
      background: #f09433;
      background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
      background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
      background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); }
      .fixed-bottom-overlay.socialbar .new-variation-3 .instagram-follow-button .svg-icon {
        width: 30px; }
    .fixed-bottom-overlay.socialbar .new-variation-3 .twitter-share-button {
      background-color: var(--sky-blue-200); }
    .fixed-bottom-overlay.socialbar .new-variation-3 .fixed-social-shares-inline {
      text-align: center;
      display: inline; }
      .fixed-bottom-overlay.socialbar .new-variation-3 .fixed-social-shares-inline a {
        color: var(--white);
        vertical-align: middle;
        height: 42px;
        line-height: 40px;
        display: inline-block; }
      .fixed-bottom-overlay.socialbar .new-variation-3 .fixed-social-shares-inline .svg-icon {
        vertical-align: middle;
        height: 30px;
        width: auto;
        margin-top: -1px; }
      .fixed-bottom-overlay.socialbar .new-variation-3 .fixed-social-shares-inline #mobile-share-variation-4 {
        display: table;
        width: 100%; }
        .fixed-bottom-overlay.socialbar .new-variation-3 .fixed-social-shares-inline #mobile-share-variation-4 .table-cell {
          display: table-cell;
          text-align: center;
          vertical-align: middle; }
        .fixed-bottom-overlay.socialbar .new-variation-3 .fixed-social-shares-inline #mobile-share-variation-4 .share-col {
          text-align: center;
          display: inline-block;
          width: 100%;
          height: 42px; }
        .fixed-bottom-overlay.socialbar .new-variation-3 .fixed-social-shares-inline #mobile-share-variation-4 .svg-icon {
          width: 40px; }
      .fixed-bottom-overlay.socialbar .new-variation-3 .fixed-social-shares-inline #mobile-share-variation-0 .fixed-footer-col {
        width: 33.33%;
        float: left; }
      .fixed-bottom-overlay.socialbar .new-variation-3 .fixed-social-shares-inline #mobile-share-variation-0.four-cols .fixed-footer-col {
        width: 25%;
        float: left; }
      .fixed-bottom-overlay.socialbar .new-variation-3 .fixed-social-shares-inline #mobile-share-variation-0.four-cols .next-story {
        background-color: var(--orange-150);
        font-size: 14px; }
      .fixed-bottom-overlay.socialbar .new-variation-3 .fixed-social-shares-inline .flipboard-col {
        background-color: var(--red-200); }
      .fixed-bottom-overlay.socialbar .new-variation-3 .fixed-social-shares-inline .facebook-col {
        background-color: #3b5998; }
      .fixed-bottom-overlay.socialbar .new-variation-3 .fixed-social-shares-inline .facebook-col-exper3 {
        background-color: #3b5998;
        width: 66.66%; }
      .fixed-bottom-overlay.socialbar .new-variation-3 .fixed-social-shares-inline .messenger-col {
        background-color: #0084ff; }
      .fixed-bottom-overlay.socialbar .new-variation-3 .fixed-social-shares-inline .whatsapp-col {
        background-color: #1BD741; }
      .fixed-bottom-overlay.socialbar .new-variation-3 .fixed-social-shares-inline .linkedin-col {
        background-color: #0077b5; }
      .fixed-bottom-overlay.socialbar .new-variation-3 .fixed-social-shares-inline .twitter-col {
        background-color: #55acee; }
      .fixed-bottom-overlay.socialbar .new-variation-3 .fixed-social-shares-inline .pinterest-col {
        background-color: #bd081c; }

.fixed-bottom-fb-share {
  position: fixed;
  z-index: 5000;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 1.6em; }
  .fixed-bottom-fb-share .partners-variation .share-button {
    text-align: center;
    width: 100%;
    display: block;
    background-color: var(--blue-500);
    height: 42px;
    line-height: 42px;
    vertical-align: middle; }
    .fixed-bottom-fb-share .partners-variation .share-button a {
      color: var(--white);
      vertical-align: middle;
      height: 42px;
      line-height: 42px;
      display: block; }
    .fixed-bottom-fb-share .partners-variation .share-button .svg-icon {
      vertical-align: middle;
      height: 30px;
      margin-top: -4px; }

.fixed-bottom-facebook-widget {
  display: none; }
  .fixed-bottom-facebook-widget .widget-block {
    position: fixed;
    bottom: 0;
    height: 250px;
    background: var(--white);
    width: 100%;
    text-align: center;
    box-shadow: 0px 2px 20px 3px rgba(0, 0, 0, 0.25);
    z-index: 9999999; }
    .fixed-bottom-facebook-widget .widget-block .logo {
      position: absolute;
      top: -80px;
      background: var(--white);
      height: 160px;
      width: 160px;
      display: block;
      border-radius: 50%;
      left: 50%;
      margin-left: -80px;
      box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.1); }
      .fixed-bottom-facebook-widget .widget-block .logo .bp-head {
        display: inline-block;
        margin-top: 30px;
        width: 83px;
        height: 101px;
        background: url(images/panda-happy-head.png) no-repeat;
        background-size: 83px 101px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .fixed-bottom-facebook-widget .widget-block .logo .bp-head {
            background: url(images/panda-happy-head@2x.png) no-repeat;
            background-size: 83px 101px; } }
    .fixed-bottom-facebook-widget .widget-block .text {
      margin-top: 90px;
      display: block;
      font-family: Roboto;
      font-size: 30px;
      margin-bottom: 20px; }
    .fixed-bottom-facebook-widget .widget-block .fb-like {
      transform: scale(1.2); }
    .fixed-bottom-facebook-widget .widget-block .close-text {
      display: block;
      font-weight: 300;
      font-size: 14px;
      color: var(--gray-800);
      margin-top: 20px;
      cursor: pointer; }
    .fixed-bottom-facebook-widget .widget-block .modal-close {
      color: var(--gray-800);
      position: absolute;
      right: 20px;
      top: 20px; }

.ql-capitalize:after {
  content: "Lowercase"; }

.disabled-link {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none; }

.append-open-list-mobile {
  display: block;
  height: 184px;
  background-color: var(--post-background);
  border-bottom: 2px solid var(--border-text-input);
  text-align: center; }
  .append-open-list-mobile .icon-bg-img {
    height: 65%;
    display: block;
    background-size: 13em;
    background-position-y: 100%; }
  .append-open-list-mobile .annotation {
    display: block;
    color: var(--on-bg-dark);
    font-size: 24px;
    line-height: 24px;
    font-family: Merriweather;
    font-weight: 700;
    padding-top: 47px; }
  .append-open-list-mobile .description {
    color: var(--on-bg-dark);
    font-size: 12px;
    display: block; }
  .append-open-list-mobile .open-list-mobile-add-image-button {
    margin: 16px auto 0; }

.add-post-short {
  float: left;
  background: #e5e5e5;
  margin-bottom: 1.688em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false);
  -moz-box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false);
  box-shadow: compact(0 2px 0 #ccc, false, false, false, false, false, false, false, false, false);
  display: block;
  width: 96%;
  padding: 2%;
  position: relative; }
  .add-post-short h2 {
    margin-bottom: 10px;
    font-size: 1.5em; }
  .add-post-short .open-list-hint-popup {
    display: none;
    position: absolute;
    width: 280px;
    padding: 15px;
    background-color: #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-family: Arial;
    color: #949494;
    right: -326px;
    top: 0;
    z-index: 2; }
    .add-post-short .open-list-hint-popup :before {
      display: block;
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 7.5px 13.0px 7.5px 0;
      border-color: transparent #ccc transparent transparent;
      top: 9px;
      left: -13px; }
    .add-post-short .open-list-hint-popup h2 {
      border: none;
      margin: 0;
      padding: 0;
      color: #616161;
      font-size: 1.2em; }
    .add-post-short .open-list-hint-popup ul {
      width: 255px;
      margin-left: 25px; }
      .add-post-short .open-list-hint-popup ul li {
        color: #616161;
        margin: 0;
        padding: 12px 0;
        font-size: 15px;
        list-style-type: decimal !important;
        margin-bottom: 0;
        line-height: 120%; }
        .add-post-short .open-list-hint-popup ul li a {
          color: var(--orange-150); }
  .add-post-short label {
    color: #616161;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0.5em; }
  .add-post-short input[type="text"] {
    background: var(--white);
    padding: 2%;
    font-size: 1em;
    width: 96%;
    border: none;
    margin-bottom: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
  .add-post-short .uploaded-image-container {
    width: 100%;
    margin-bottom: 15px;
    position: relative; }
    .add-post-short .uploaded-image-container .open-list-item {
      margin-bottom: 15px; }
    .add-post-short .uploaded-image-container img {
      width: 100%;
      display: block; }
    .add-post-short .uploaded-image-container .image-watermark {
      background-image: url(images/sprite-sheet.png);
      background-position: -445px 0px;
      width: 30px;
      height: 35px;
      position: absolute;
      right: 20px;
      bottom: 15px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .add-post-short .uploaded-image-container .image-watermark {
          background-image: url(images/sprite-sheet@2x.png);
          background-size: 515px 463px; } }
    .add-post-short .uploaded-image-container .remove-image {
      position: absolute;
      right: 15px;
      top: 15px; }
  .add-post-short #image-file-area-id {
    background-color: var(--bg-image-upload-area); }
  .add-post-short .image-file-area {
    display: none;
    position: relative;
    width: 100%;
    height: 250px;
    text-align: center;
    margin-bottom: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
    .add-post-short .image-file-area .spinner {
      height: 100%; }
    .add-post-short .image-file-area i {
      background: url(images/builder-image-small.png);
      width: 57px;
      height: 42px;
      display: inline-block;
      margin-top: 5%; }
  .add-post-short p {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 2.1em;
    color: #333333;
    width: 100%; }
    .add-post-short p.expand-source {
      width: 100%;
      text-align: left;
      padding: 0 !important;
      line-height: 1 !important; }
      .add-post-short p.expand-source a {
        font-size: 0.5em;
        color: #949494;
        display: block; }
  .add-post-short .error {
    color: red !important; }
  .add-post-short .errorBorder {
    border: 1px red solid !important; }
  .add-post-short .publish-button {
    background: #dd4c39;
    text-decoration: none;
    color: var(--white);
    float: right;
    padding: 0.8em 2em;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
    .add-post-short .publish-button:hover {
      background: #7ca254; }
    .add-post-short .publish-button.external-image-button {
      display: inline-block;
      float: none; }
  .add-post-short .add-gallery {
    float: left;
    color: var(--orange-150);
    text-decoration: none;
    margin-top: 0.3em; }
    .add-post-short .add-gallery i {
      background: url(images/builder-gallery-short-post.png);
      width: 40px;
      height: 30px;
      display: inline-block;
      margin-right: 0.5em; }
    .add-post-short .add-gallery span {
      font-size: 1em;
      line-height: 1.7em;
      display: inline-block;
      vertical-align: top;
      color: #949494; }
  .add-post-short a.image-upload-btn {
    background-color: var(--white);
    line-height: 2.5em;
    color: #616161;
    font-weight: bold;
    width: 150px;
    padding: 0;
    text-align: center;
    cursor: pointer;
    font-size: 1.1em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    margin: 1em 0 0.5em 0 !important; }
    .add-post-short a.image-upload-btn i {
      background: none;
      width: auto;
      height: auto;
      margin-top: 0;
      margin-right: 5px;
      font-size: 23px; }
      .add-post-short a.image-upload-btn i .icon-upload-from-computer {
        vertical-align: middle; }
  .add-post-short #embed-image-upload-btn {
    font-size: 16px;
    font-weight: 500;
    margin: 0 !important;
    position: relative;
    z-index: 0;
    padding: 0;
    color: var(--orange-150);
    background: none;
    width: auto;
    line-height: 1; }
  @media (max-width: 979px) {
    .add-post-short {
      display: none; } }

.append-open-list {
  position: relative;
  background: none;
  width: 100%;
  padding: 0;
  margin-bottom: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
  -moz-box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
  box-shadow: compact(none, false, false, false, false, false, false, false, false, false); }
  .append-open-list .overlay {
    z-index: 1; }
  .append-open-list span.title {
    margin-bottom: 5px;
    font-size: 24px;
    color: var(--black);
    display: block;
    font-family: Merriweather,serif;
    font-weight: bold;
    padding-top: 0;
    padding-bottom: 12px;
    line-height: 1; }
  .append-open-list .image-file-area {
    display: block;
    background-color: var(--gray-100);
    border: 1px solid var(--border-text-input);
    box-sizing: border-box;
    margin-bottom: 15px; }
    .append-open-list .image-file-area p {
      text-align: center !important; }
      .append-open-list .image-file-area p.big-text {
        font-size: 20px;
        color: var(--gray-800);
        font-weight: 700;
        line-height: 20px;
        margin-top: 57px;
        padding: 0 0 5px;
        text-align: center !important; }
      .append-open-list .image-file-area p.tips {
        color: var(--gray-400) !important;
        margin-top: 0;
        font-size: 16px;
        line-height: 20px;
        font-weight: normal;
        text-align: center !important; }
    .append-open-list .image-file-area a.image-upload-btn {
      margin-top: 15px !important;
      height: 50px;
      padding: 0 15px;
      margin-bottom: 0 !important;
      font-size: 16px;
      line-height: 48px;
      font-weight: 500;
      background: var(--orange-150);
      color: var(--white);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .append-open-list .image-file-area a.image-upload-btn:hover {
        background-color: var(--orange-100);
        border-color: var(--orange-150); }
    .append-open-list .image-file-area .image-file-area-border {
      border: 2px dashed var(--border-file-upload-area);
      margin: 10px;
      height: 224px; }
  .append-open-list .error {
    color: red !important;
    margin-top: 5px !important;
    font-size: 0.8em !important; }
  .append-open-list .expand-short-form {
    display: none; }
  .append-open-list .text-add-post-block input[type="text"] {
    border: 1px solid var(--border-text-input);
    background: white;
    padding: 0 2%;
    height: 50px;
    font-size: 18px;
    color: var(--gray-400);
    outline: none;
    font-family: Roboto, sans-serif;
    margin-top: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    width: 80%;
    box-sizing: border-box; }
  .append-open-list .text-add-post-block .expand-source {
    padding-top: 15px; }
  .append-open-list .add-post-block {
    background: var(--bg-append-list);
    border: 2px solid var(--gray-100);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 18px; }
    .append-open-list .add-post-block input[type="text"] {
      border: 1px solid var(--border-text-input);
      background: var(--post-background);
      color: var(--text-input);
      padding: 0 2%;
      height: 50px;
      font-size: 18px;
      outline: none;
      font-family: Roboto, sans-serif; }
      .append-open-list .add-post-block input[type="text"].external-upload {
        margin-top: 15px;
        margin-right: 10px;
        width: 50%; }
    .append-open-list .add-post-block textarea {
      border: 1px solid var(--border-text-input);
      background: var(--post-background);
      color: var(on-bg-dark);
      font-size: 18px;
      outline: none;
      width: 100%;
      box-sizing: border-box;
      resize: none;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      height: 150px;
      line-height: 22px;
      padding: 2%;
      margin-bottom: 5px;
      font-family: Roboto, sans-serif; }
    .append-open-list .add-post-block.text-open-list textarea {
      height: 180px; }
    .append-open-list .add-post-block .slider-block .slider-upload-button {
      background: white;
      color: #56b863; }
    .append-open-list .add-post-block .slider-block .slider-left, .append-open-list .add-post-block .slider-block .slider-right {
      display: inline-block;
      width: 49%; }
      .append-open-list .add-post-block .slider-block .slider-left img, .append-open-list .add-post-block .slider-block .slider-right img {
        width: 100%;
        margin-bottom: 10px; }
    .append-open-list .add-post-block .slider-block .slider-right {
      float: right; }
    .append-open-list .add-post-block .slider-block .slider-type {
      padding: 12px 0;
      color: var(--gray-800); }
  .append-open-list.slider-form {
    padding-top: 40px; }
  .append-open-list .errorBorder {
    border: 1px red solid !important; }
  .append-open-list .expand-source a {
    color: var(--gray-400) !important;
    font-size: 14px !important;
    width: 50%;
    float: left; }
    .append-open-list .expand-source a span {
      color: var(--gray-800); }
      .append-open-list .expand-source a span:hover {
        color: var(--gray-400); }
  .append-open-list .expand-source.expand-external-upload {
    float: left !important; }
  .append-open-list .publish-button {
    height: 50px;
    padding: 0 20px;
    font-weight: 500;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background: var(--orange-150);
    color: white;
    text-transform: capitalize;
    line-height: 50px; }
    .append-open-list .publish-button:hover {
      background-color: var(--orange-100);
      border-color: var(--orange-150); }
  .append-open-list.mobile {
    display: block;
    margin-top: 0; }
    .append-open-list.mobile .add-post-input {
      padding-bottom: 13px; }
      @media (max-width: 480px) {
        .append-open-list.mobile .add-post-input {
          padding-right: 13px;
          padding-left: 13px; } }
    .append-open-list.mobile #post-title, .append-open-list.mobile .mobile-add-post-source {
      width: 100%;
      margin: 0;
      padding: 0 10px 0 10px;
      line-height: 40px;
      font-size: 18px;
      background: var(--post-background);
      color: var(--text-input);
      border: 1px solid var(--border-text-input);
      box-sizing: border-box;
      outline: none; }
    .append-open-list.mobile #post-description {
      width: 100%;
      margin: 20px 0 0;
      padding: 10px;
      line-height: 22px;
      font-size: 18px;
      color: var(--on-bg-dark);
      border: 1px solid var(--border-text-input);
      box-sizing: border-box;
      outline: none;
      height: 130px;
      border-radius: 3px;
      resize: none;
      font-family: Roboto,sans-serif; }
    .append-open-list.mobile .image-file-area {
      height: 188px;
      background: var(--gray-50);
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      border: none;
      border-top: 1px solid var(--border-text-input);
      border-bottom: 1px solid var(--border-text-input); }
      .append-open-list.mobile .image-file-area span {
        display: block; }
        .append-open-list.mobile .image-file-area span.annotation {
          color: var(--gray-800);
          font-size: 20px;
          line-height: 20px;
          font-weight: bold;
          padding-top: 48px;
          padding-bottom: 6px; }
        .append-open-list.mobile .image-file-area span.description {
          font-size: 12px;
          color: #7d7d7d; }
      @media (max-width: 769px) and (min-width: 480px) {
        .append-open-list.mobile .image-file-area {
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          -o-border-radius: 3px;
          border-radius: 3px;
          border: 1px solid var(--border-text-input); } }
      .append-open-list.mobile .image-file-area .open-list-mobile-add-image-button {
        margin-top: 23px;
        margin-bottom: 10px;
        padding: 0 18px;
        line-height: 38px;
        color: var(--white);
        font-size: 14px;
        font-weight: 600;
        text-align: center;
        height: 38px; }
    .append-open-list.mobile .expand-source a {
      width: 100%;
      padding-left: 13px;
      font-size: 11px !important;
      float: none;
      padding-bottom: 13px;
      box-sizing: border-box; }
    .append-open-list.mobile .add-post-form-buttons {
      padding-top: 12px;
      margin-top: 6px;
      border-top: 1px solid var(--border-text-input); }
      @media (max-width: 480px) {
        .append-open-list.mobile .add-post-form-buttons {
          margin-left: 13px;
          margin-right: 13px;
          font-size: 14px; } }
      .append-open-list.mobile .add-post-form-buttons .btn {
        height: 35px;
        line-height: 35px;
        color: var(--gray-400);
        border: 2px solid var(--gray-250);
        border-radius: 5px;
        padding: 0 12px; }
      .append-open-list.mobile .add-post-form-buttons .btn-publish {
        float: right;
        background: var(--orange-150);
        color: var(--white);
        border: 2px solid var(--orange-150); }
      .append-open-list.mobile .add-post-form-buttons .btn-disabled {
        background: var(--gray-250);
        border: 2px solid var(--gray-250); }
    .append-open-list.mobile .uploaded-image-container .remove-image {
      position: absolute;
      right: 12px;
      top: 12px; }
    .append-open-list.mobile .icon-bg-img {
      background-size: 160px;
      height: 100%;
      width: 160px; }
    .append-open-list.mobile .post-button {
      color: var(--white);
      padding-left: 0;
      padding-right: 0;
      width: 85%; }
  .append-open-list.meme-generator canvas {
    width: 100%;
    padding-bottom: 15px; }
  .append-open-list.meme-generator .error {
    text-align: left;
    padding: 0 0 12px; }
  .append-open-list.meme-generator .overlay {
    background: none; }
  .append-open-list.meme-generator .meme-texts {
    height: 90px;
    padding-bottom: 20px; }
    .append-open-list.meme-generator .meme-texts textarea {
      width: 100%;
      display: block;
      resize: none;
      box-sizing: border-box;
      height: 90px;
      border: 1px solid var(--border-text-input);
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      padding: 20px 45px 20px 20px;
      font-family: Roboto, sans-serif;
      font-size: 16px;
      color: var(--gray-400);
      outline: none; }
    .append-open-list.meme-generator .meme-texts .top-text {
      display: inline-block;
      width: 49%;
      position: relative; }
    .append-open-list.meme-generator .meme-texts .bottom-text {
      display: inline-block;
      width: 49%;
      float: right;
      position: relative; }
    .append-open-list.meme-generator .meme-texts .text-font-size {
      height: 69px;
      display: block;
      color: var(--white);
      background: var(--gray-250);
      width: 30px;
      text-align: center;
      border-radius: 3px;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 9px;
      margin: auto; }
      .append-open-list.meme-generator .meme-texts .text-font-size span {
        -webkit-user-select: none;
        /* webkit (safari, chrome) browsers */
        -moz-user-select: none;
        /* mozilla browsers */
        -khtml-user-select: none;
        /* webkit (konqueror) browsers */
        -ms-user-select: none;
        /* IE10+ */ }
      .append-open-list.meme-generator .meme-texts .text-font-size .text-font-size-inc {
        display: block;
        height: 34px;
        position: relative;
        cursor: pointer; }
      .append-open-list.meme-generator .meme-texts .text-font-size .text-font-size-dec {
        display: block;
        height: 34px;
        border-top: 1px solid var(--gray-100);
        position: relative;
        cursor: pointer; }
      .append-open-list.meme-generator .meme-texts .text-font-size .svg-icon {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto; }
  .append-open-list.meme-generator:not(.mobile) .publish-button {
    width: 100%;
    box-sizing: border-box; }
  .append-open-list.meme-generator.mobile .meme-texts {
    padding: 0 15px;
    height: auto; }
    .append-open-list.meme-generator.mobile .meme-texts .top-text {
      width: 100%; }
      .append-open-list.meme-generator.mobile .meme-texts .top-text .text-font-size {
        margin: 0; }
    .append-open-list.meme-generator.mobile .meme-texts .bottom-text {
      width: 100%;
      float: none;
      padding: 15px 0; }
      .append-open-list.meme-generator.mobile .meme-texts .bottom-text .text-font-size {
        margin: 15px 0 0; }
    .append-open-list.meme-generator.mobile .meme-texts textarea {
      height: 70px; }
    .append-open-list.meme-generator.mobile .meme-texts .text-font-size {
      height: 70px;
      right: 0;
      -webkit-border-radius: 0 3px 3px 0;
      -moz-border-radius: 0 3px 3px 0;
      -ms-border-radius: 0 3px 3px 0;
      -o-border-radius: 0 3px 3px 0;
      border-radius: 0 3px 3px 0; }
  .append-open-list.mobile.bordered-top {
    border-top: 2px solid var(--gray-100); }
  .append-open-list.mobile .add-post-input {
    padding-left: 12px;
    padding-right: 12px; }
  .append-open-list.mobile #post-title {
    resize: none;
    border-radius: 5px; }
  .append-open-list.mobile .add-post-form-buttons {
    border-top: none;
    padding-top: 0;
    margin-top: 0; }
  .append-open-list.mobile .annotation {
    padding-left: 12px;
    font-size: 22px;
    line-height: 22px;
    color: var(--gray-800);
    padding-bottom: 10px;
    display: block;
    font-weight: 500; }
  .append-open-list.mobile.text-open-list.top {
    border: 0;
    background: var(--white);
    padding: 0 0 12px;
    line-height: 1; }
    .append-open-list.mobile.text-open-list.top .add-post-input {
      padding: 0; }
    .append-open-list.mobile.text-open-list.top #post-description {
      height: 100px;
      line-height: 22px;
      margin: 0;
      display: block; }
    .append-open-list.mobile.text-open-list.top .add-post-form-buttons {
      margin: 0;
      padding-top: 12px;
      font-size: 14px; }
    .append-open-list.mobile.text-open-list.top:before {
      border-bottom: 6px solid var(--gray-200);
      top: -12px;
      right: calc(50% - 3px); }
    .append-open-list.mobile.text-open-list.top:after {
      top: -10px;
      right: calc(50% - 3px);
      border-bottom: 6px solid var(--white); }
    .append-open-list.mobile.text-open-list.top .expand-source {
      padding: 10px 0 0;
      line-height: 1;
      display: block; }
      .append-open-list.mobile.text-open-list.top .expand-source a {
        padding: 0; }
    .append-open-list.mobile.text-open-list.top input[type="text"] {
      width: 100%;
      padding: 10px;
      color: var(--gray-800);
      font-size: 16px; }
  .append-open-list.mobile.text-open-list.bottom {
    background-color: var(--gray-50);
    padding-top: 20px;
    border-bottom: 2px solid var(--gray-100);
    padding-bottom: 20px; }
    .append-open-list.mobile.text-open-list.bottom .annotation {
      text-align: center;
      font-weight: bold;
      font-family: Merriweather, sans-serif;
      padding-top: 15px;
      padding-bottom: 5px; }
    .append-open-list.mobile.text-open-list.bottom .description {
      text-align: center;
      display: block;
      font-size: 14px; }
    .append-open-list.mobile.text-open-list.bottom #post-description {
      height: 100px;
      font-size: 16px;
      display: block; }
    .append-open-list.mobile.text-open-list.bottom .add-post-form-buttons {
      font-size: 14px; }
    .append-open-list.mobile.text-open-list.bottom .expand-source {
      padding: 10px 0 0;
      line-height: 1;
      display: block; }
      .append-open-list.mobile.text-open-list.bottom .expand-source a {
        padding: 0; }
    .append-open-list.mobile.text-open-list.bottom input[type="text"] {
      width: 100%;
      padding: 10px;
      color: var(--gray-800);
      font-size: 16px; }
  .append-open-list.text-open-list.top {
    background: var(--gray-50);
    padding: 20px;
    box-sizing: border-box;
    border: 2px solid var(--gray-100);
    border-radius: 5px; }
    .append-open-list.text-open-list.top .add-post-input textarea {
      border: 1px solid var(--border-text-input);
      background: white;
      font-size: 18px;
      color: var(--gray-400);
      outline: none;
      box-sizing: border-box;
      resize: none;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      height: 140px;
      line-height: 22px;
      padding: 2%;
      font-family: Roboto, sans-serif;
      width: 80%;
      display: inline-block; }
    .append-open-list.text-open-list.top .add-post-input .btn-publish {
      display: inline-block;
      width: 18%;
      padding: 0;
      height: 50px;
      font-weight: 500;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      background: var(--orange-150);
      color: white;
      text-transform: capitalize;
      line-height: 50px;
      float: right; }
      .append-open-list.text-open-list.top .add-post-input .btn-publish:hover {
        background: var(--orange-100); }
    .append-open-list.text-open-list.top:after, .append-open-list.text-open-list.top:before {
      border-left: 6px solid transparent;
      margin-bottom: -3px;
      z-index: 1;
      content: "";
      position: absolute;
      border-top: 6px solid transparent;
      border-bottom: 6px solid var(--gray-50);
      border-right: 6px solid transparent;
      top: -12px;
      right: 80px; }
    .append-open-list.text-open-list.top:before {
      border-bottom: 6px solid var(--gray-100);
      top: -14px;
      right: 80px; }
  .append-open-list.embeds-form {
    margin-top: 30px; }
    .append-open-list.embeds-form .embed-block input {
      width: calc(100% - 100px); }
    .append-open-list.embeds-form .tweet-conversation, .append-open-list.embeds-form .instagram-options, .append-open-list.embeds-form .facebook-options {
      width: 32%;
      margin-bottom: 20px;
      display: inline-block;
      vertical-align: top;
      color: var(--post-description); }
      .append-open-list.embeds-form .tweet-conversation label, .append-open-list.embeds-form .instagram-options label, .append-open-list.embeds-form .facebook-options label {
        color: var(--post-description);
        margin: 0; }
    .append-open-list.embeds-form .external-source {
      padding: 18px;
      border: 2px solid var(--gray-100);
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      margin-bottom: 13px; }
    .append-open-list.embeds-form .change-image-checkboxes {
      position: absolute;
      padding-top: 15px;
      padding-left: 18px; }

.open-list-media-container .fb-like {
  display: none !important;
  position: absolute;
  right: 1.3em;
  height: 23px;
  bottom: 1.55em; }
  .open-list-media-container .fb-like:hover {
    display: block !important; }

.open-list-media-container .pin-it,
.open-list-media-container > a[data-pin-href],
.open-list-media-container > span[data-pin-href] {
  display: none !important;
  position: absolute !important;
  right: 9em !important;
  margin-right: 55px;
  bottom: 1.55em !important;
  height: 20px !important;
  z-index: 2; }
  .open-list-media-container .pin-it:hover,
  .open-list-media-container > a[data-pin-href]:hover,
  .open-list-media-container > span[data-pin-href]:hover {
    display: block !important; }

.open-list-media-container > span[data-pin-href] {
  bottom: 2em !important; }

.open-list-media-container:hover .fb-like {
  display: block !important; }

.open-list-media-container:hover .pin-it,
.open-list-media-container:hover a[data-pin-href],
.open-list-media-container:hover span[data-pin-href] {
  display: block !important; }

.open-list-media-container .cd-boredpanda-image-container, .open-list-media-container .cd-boredpanda-image-container-flip {
  margin-bottom: 0; }

.open-list-recent-items {
  display: block;
  padding-top: 30px;
  padding-bottom: 30px; }
  .open-list-recent-items .mobile {
    display: none; }
  .open-list-recent-items h4, .open-list-recent-items .recent-title {
    color: var(--black);
    font-family: Merriweather, serif;
    text-transform: capitalize;
    font-size: 24px;
    padding: 5px 0 10px;
    line-height: 28px; }
  .open-list-recent-items .box {
    display: block;
    position: relative;
    float: left;
    background: var(--white);
    width: 24.66%;
    margin-right: 4px;
    overflow: hidden; }
    .open-list-recent-items .box.every4 {
      margin-right: 0; }
    .open-list-recent-items .box .box-title {
      display: table-cell;
      vertical-align: middle;
      font-family: Merriweather, serif;
      font-weight: bold;
      font-size: 0.9em;
      line-height: 1.4;
      height: 4.5em;
      color: var(--black);
      padding: 0.3em 1em 0.3em 1em;
      text-transform: capitalize; }
    .open-list-recent-items .box a {
      position: relative;
      display: block; }
      .open-list-recent-items .box a img {
        width: 100%;
        display: block; }
      .open-list-recent-items .box a span {
        z-index: 100;
        position: absolute;
        color: white;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
        left: 14px;
        bottom: 14px;
        margin-right: 14px;
        font-family: Merriweather;
        text-align: left; }
      .open-list-recent-items .box a .opacity {
        display: inline;
        position: absolute;
        width: 100%;
        opacity: 0.8;
        height: 100%;
        bottom: 0;
        z-index: 2;
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.17) 26%, rgba(0, 0, 0, 0.66) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(26%, rgba(255, 255, 255, 0.17)), color-stop(100%, rgba(0, 0, 0, 0.66)));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.17) 26%, rgba(0, 0, 0, 0.66) 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.17) 26%, rgba(0, 0, 0, 0.66) 100%);
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.17) 26%, rgba(0, 0, 0, 0.66) 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.17) 26%, rgba(0, 0, 0, 0.66) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff ', endColorstr='#000000 ', GradientType=0 ); }
    .open-list-recent-items .box:hover {
      opacity: 1; }
  .open-list-recent-items .vote-panel {
    margin-top: 10px; }
    @media (min-width: 480px) and (max-width: 768px) {
      .open-list-recent-items .vote-panel {
        padding: 0 0.01em; } }
    .open-list-recent-items .vote-panel .vote {
      height: auto; }
      .open-list-recent-items .vote-panel .vote a.btn {
        background: none;
        margin-right: 10px;
        width: 34px;
        margin-left: 0; }
    .open-list-recent-items .vote-panel .points {
      line-height: 34px;
      margin-left: 1px;
      font-size: 14px;
      color: var(--gray-600);
      font-weight: bold; }
      .open-list-recent-items .vote-panel .points span {
        font-weight: normal;
        color: var(--gray-400); }
  @media (max-width: 979px) {
    .open-list-recent-items .box {
      width: 32.66%;
      margin-right: 1%; }
      .open-list-recent-items .box.every2 {
        margin-right: 1%; }
      .open-list-recent-items .box.every3 {
        margin-right: 0; }
      .open-list-recent-items .box.every4 {
        display: none; } }
  .open-list-recent-items.text-open-list .box a span {
    position: relative;
    color: var(--gray-800);
    font-family: Merriweather, sans-serif;
    font-size: 14px;
    line-height: 20px;
    left: 0;
    bottom: 0;
    font-weight: 400; }
  .open-list-recent-items.text-open-list .box a .description-box {
    display: block;
    height: 190px;
    overflow-y: hidden;
    line-height: 16px;
    font-size: 12px;
    background-color: var(--white);
    -webkit-box-shadow: 1px 0.732px 10px 3px rgba(0, 0, 0, 0.071);
    box-shadow: 1px 0.732px 10px 3px rgba(0, 0, 0, 0.071);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 15px;
    box-sizing: border-box;
    margin-left: 2px;
    margin-top: 2px; }
    .open-list-recent-items.text-open-list .box a .description-box .description {
      display: block;
      white-space: inherit;
      overflow-y: hidden;
      height: 140px;
      margin: 0; }
    .open-list-recent-items.text-open-list .box a .description-box .title {
      font-weight: bold; }

.narrow-post-700 .open-list-recent-items .box, .narrow-post .open-list-recent-items .box {
  width: 32.66%; }
  .narrow-post-700 .open-list-recent-items .box.every4, .narrow-post .open-list-recent-items .box.every4 {
    display: none; }

/*
  Single open list page
*/
.single-open-list-sub.text-submission .single-post-author {
  display: none; }

@media (min-width: 769px) {
  .single-open-list-sub .gallery-nav {
    display: none; }
  .single-open-list-sub .single-open-list-image-container .gallery-nav {
    display: block; } }

@media (max-width: 768px) {
  .single-open-list-sub .post-info-block-top {
    display: none; }
  .single-open-list-sub .gallery-nav {
    margin-top: 0;
    height: 5.8em; }
  .single-open-list-sub .post-content {
    text-align: center; } }

.single-open-list-sub .gallery-nav.prev {
  left: 1.3em; }

.single-open-list-sub .gallery-nav.next {
  right: 1.3em; }

.full-open-list-link {
  display: block;
  text-align: center;
  color: #949494 !important; }
  .full-open-list-link .open-list-icon {
    display: inline-block;
    background: url(images/sprite.png?upd=6) no-repeat;
    background-position: 0 -592px;
    background-size: 50px 1000px;
    width: 38px;
    height: 38px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 7px; }
  .full-open-list-link span {
    margin-right: 7px;
    text-transform: uppercase;
    color: var(--orange-150) !important;
    font-weight: bold; }
  @media (max-width: 768px) {
    .full-open-list-link:not(.text-open-list) {
      display: inline-block;
      text-align: center;
      width: 33%;
      position: absolute;
      left: 34%; }
    .full-open-list-link .open-list-icon, .full-open-list-link span {
      display: block;
      margin: 0 auto; }
    .full-open-list-link span {
      margin-top: 0.25em; } }

.single-open-list-image-container {
  position: relative; }
  @media (max-width: 768px) {
    .single-open-list-image-container .gallery-nav {
      display: none; } }

.single-open-list-thumbs {
  margin: -5px 0 1em 1px;
  width: 101.5%; }
  .single-open-list-thumbs li {
    float: left;
    list-style: none;
    margin: 0 0.91% 0 0;
    width: 11.5%; }
  @media (max-width: 768px) {
    .single-open-list-thumbs {
      margin-left: 0;
      margin-right: 0; }
      .single-open-list-thumbs li {
        width: 23.97%; }
        .single-open-list-thumbs li.after-4 {
          display: none; } }

/*
  Open list validation page
*/
.open-list-validation-header {
  font-size: 2em;
  padding: 0.5em 0;
  background: #ccc;
  text-align: center;
  margin-bottom: 0.5em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

.open-list-index-info {
  color: #ccc;
  font-size: 0.8em; }

.open-list-validation article {
  margin-bottom: 50px; }
  .open-list-validation article .footer .left {
    padding: 10px; }
  .open-list-validation article .footer .right .vote {
    height: 3em; }
    .open-list-validation article .footer .right .vote a {
      height: 1.3em;
      width: 1.3em;
      margin: 0.5em; }

@media (max-width: 979px) {
  .single-open-list-post .main, .single-open-list-item .main {
    margin-top: 0;
    padding-top: 1.063em;
    padding-left: 1.025em;
    padding-right: 1.025em; }
    .single-open-list-post .main .post-header .post-title, .single-open-list-item .main .post-header .post-title {
      font-size: 26px;
      line-height: 32px;
      padding: 12px 0.781em 0.125em 0.781em; } }
    @media (max-width: 979px) and (max-width: 768px) {
      .single-open-list-post .main .post-header .post-title, .single-open-list-item .main .post-header .post-title {
        padding-left: 25px; } }

@media (max-width: 979px) {
  .single-open-list-item .main .post-header .post-title {
    padding-top: 25px; } }
  @media (max-width: 979px) and (max-width: 480px) {
    .single-open-list-item .main .post-header .post-title {
      padding-top: 12px; } }

.vote-comment .vote a.btn-up.active .icon-vote-comment-up {
  color: #56b863; }

.vote-comment .vote a.btn-down.active .icon-vote-comment-down {
  color: var(--orange-150); }

.vote-comment .vote i {
  color: var(--gray-350);
  font-size: 14px; }
  .vote-comment .vote i:before {
    display: inline-block;
    width: 12px; }
  .vote-comment .vote i:hover .icon-vote-comment-up {
    color: #56b863; }
  .vote-comment .vote i:hover .icon-vote-comment-down {
    color: var(--orange-150); }

.single-open-list-post.single.wide-post .top-728x90-ad, .single-open-list-post.narrow-post-700 .top-728x90-ad, .single-open-list-post.narrow-post .top-728x90-ad {
  background: var(--white);
  padding-bottom: 15px;
  padding-top: 0; }

.single-open-list-post.single.wide-post .open-list-recommendations, .single-open-list-post.narrow-post-700 .open-list-recommendations, .single-open-list-post.narrow-post .open-list-recommendations {
  background: var(--post-background); }

.single-open-list-post.single.wide-post .bp-container .post, .single-open-list-post.narrow-post-700 .bp-container .post, .single-open-list-post.narrow-post .bp-container .post {
  background: var(--gray-100); }
  .single-open-list-post.single.wide-post .bp-container .post .open-list-order .order-text, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-order .order-text, .single-open-list-post.narrow-post .bp-container .post .open-list-order .order-text {
    color: var(--gray-800);
    display: inline-block; }
  .single-open-list-post.single.wide-post .bp-container .post .open-list-order a, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-order a, .single-open-list-post.narrow-post .bp-container .post .open-list-order a {
    display: inline-block;
    padding: 3px 5px;
    color: #7d7d7d; }
    .single-open-list-post.single.wide-post .bp-container .post .open-list-order a.disabled, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-order a.disabled, .single-open-list-post.narrow-post .bp-container .post .open-list-order a.disabled {
      text-decoration: underline;
      cursor: default; }
  .single-open-list-post.single.wide-post .bp-container .post .open-list-block, .single-open-list-post.single.wide-post .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-block, .single-open-list-post.narrow-post-700 .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended, .single-open-list-post.narrow-post .bp-container .post .open-list-block, .single-open-list-post.narrow-post .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended {
    padding-left: 45px;
    padding-right: 45px;
    margin-top: 10px;
    background: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
    .single-open-list-post.single.wide-post .bp-container .post .open-list-block.open-list-recent-items, .single-open-list-post.single.wide-post .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended.open-list-recent-items, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-block.open-list-recent-items, .single-open-list-post.narrow-post-700 .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended.open-list-recent-items, .single-open-list-post.narrow-post .bp-container .post .open-list-block.open-list-recent-items, .single-open-list-post.narrow-post .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended.open-list-recent-items {
      margin-bottom: 0; }
    .single-open-list-post.single.wide-post .bp-container .post .open-list-block.open-list-add-form, .single-open-list-post.single.wide-post .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended.open-list-add-form, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-block.open-list-add-form, .single-open-list-post.narrow-post-700 .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended.open-list-add-form, .single-open-list-post.narrow-post .bp-container .post .open-list-block.open-list-add-form, .single-open-list-post.narrow-post .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended.open-list-add-form {
      margin-bottom: 0;
      margin-top: 10px;
      padding-top: 30px;
      padding-bottom: 60px;
      background: var(--post-background); }
      .single-open-list-post.single.wide-post .bp-container .post .open-list-block.open-list-add-form.no-margin, .single-open-list-post.single.wide-post .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended.open-list-add-form.no-margin, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-block.open-list-add-form.no-margin, .single-open-list-post.narrow-post-700 .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended.open-list-add-form.no-margin, .single-open-list-post.narrow-post .bp-container .post .open-list-block.open-list-add-form.no-margin, .single-open-list-post.narrow-post .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended.open-list-add-form.no-margin {
        margin: 0; }
    .single-open-list-post.single.wide-post .bp-container .post .open-list-block.add-first-submission, .single-open-list-post.single.wide-post .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended.add-first-submission, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-block.add-first-submission, .single-open-list-post.narrow-post-700 .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended.add-first-submission, .single-open-list-post.narrow-post .bp-container .post .open-list-block.add-first-submission, .single-open-list-post.narrow-post .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended.add-first-submission {
      margin-bottom: 0;
      margin-top: 0;
      padding-top: 30px;
      padding-bottom: 60px; }
    .single-open-list-post.single.wide-post .bp-container .post .open-list-block .title, .single-open-list-post.single.wide-post .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended .title, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-block .title, .single-open-list-post.narrow-post-700 .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended .title, .single-open-list-post.narrow-post .bp-container .post .open-list-block .title, .single-open-list-post.narrow-post .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended .title {
      clear: both;
      font-family: Merriweather, serif;
      color: var(--on-bg-dark);
      font-size: 1.8em;
      line-height: 100%;
      padding: 0 0 0.3em 0;
      display: block;
      word-wrap: break-word;
      -ms-word-break: break-word;
      word-break: break-word;
      overflow-wrap: break-word;
      font-weight: bold; }
    .single-open-list-post.single.wide-post .bp-container .post .open-list-block .notice, .single-open-list-post.single.wide-post .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended .notice, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-block .notice, .single-open-list-post.narrow-post-700 .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended .notice, .single-open-list-post.narrow-post .bp-container .post .open-list-block .notice, .single-open-list-post.narrow-post .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended .notice {
      user-select: none;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      opacity: 50%;
      background: var(--black);
      display: block;
      width: 100%;
      height: 100%; }
      .single-open-list-post.single.wide-post .bp-container .post .open-list-block .notice .text, .single-open-list-post.single.wide-post .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended .notice .text, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-block .notice .text, .single-open-list-post.narrow-post-700 .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended .notice .text, .single-open-list-post.narrow-post .bp-container .post .open-list-block .notice .text, .single-open-list-post.narrow-post .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended .notice .text {
        font-size: 20px;
        color: var(--white);
        text-align: center;
        display: block;
        margin-top: 25%; }
  .single-open-list-post.single.wide-post .bp-container .post .open-list-block.text-open-list-append-form, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-block.text-open-list-append-form, .single-open-list-post.narrow-post .bp-container .post .open-list-block.text-open-list-append-form {
    padding-bottom: 20px;
    padding-top: 10px;
    margin-top: 0; }
  .single-open-list-post.single.wide-post .bp-container .post .open-list-nav, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-nav, .single-open-list-post.narrow-post .bp-container .post .open-list-nav {
    margin-top: 0;
    line-height: 40px; }
    @media (max-width: 768px) {
      .single-open-list-post.single.wide-post .bp-container .post .open-list-nav, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-nav, .single-open-list-post.narrow-post .bp-container .post .open-list-nav {
        padding-left: 25px !important;
        padding-right: 25px !important; } }
    @media (max-width: 480px) {
      .single-open-list-post.single.wide-post .bp-container .post .open-list-nav, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-nav, .single-open-list-post.narrow-post .bp-container .post .open-list-nav {
        padding-left: 12px !important;
        padding-right: 12px !important; } }
    .single-open-list-post.single.wide-post .bp-container .post .open-list-nav a, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-nav a, .single-open-list-post.narrow-post .bp-container .post .open-list-nav a {
      margin-right: 10px; }
      .single-open-list-post.single.wide-post .bp-container .post .open-list-nav a.active, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-nav a.active, .single-open-list-post.narrow-post .bp-container .post .open-list-nav a.active {
        border-bottom: 2px solid var(--orange-150); }
      .single-open-list-post.single.wide-post .bp-container .post .open-list-nav a i svg, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-nav a i svg, .single-open-list-post.narrow-post .bp-container .post .open-list-nav a i svg {
        width: 20px;
        height: 20px;
        margin-right: 5px; }
        @media (max-width: 580px) {
          .single-open-list-post.single.wide-post .bp-container .post .open-list-nav a i svg, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-nav a i svg, .single-open-list-post.narrow-post .bp-container .post .open-list-nav a i svg {
            width: 16px;
            height: 16px; } }
        @media (max-width: 480px) {
          .single-open-list-post.single.wide-post .bp-container .post .open-list-nav a i svg, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-nav a i svg, .single-open-list-post.narrow-post .bp-container .post .open-list-nav a i svg {
            width: 14px;
            height: 14px; } }
  .single-open-list-post.single.wide-post .bp-container .post .open-list-items .open-list-block.add-text-block, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-items .open-list-block.add-text-block, .single-open-list-post.narrow-post .bp-container .post .open-list-items .open-list-block.add-text-block {
    padding-top: 18px !important; }
  .single-open-list-post.single.wide-post .bp-container .post .open-list-items .open-list-block.text-block, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-items .open-list-block.text-block, .single-open-list-post.narrow-post .bp-container .post .open-list-items .open-list-block.text-block {
    padding-bottom: 18px; }
  @media (max-width: 480px) {
    .single-open-list-post.single.wide-post .bp-container .post .open-list-items .open-list-block.text-block, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-items .open-list-block.text-block, .single-open-list-post.narrow-post .bp-container .post .open-list-items .open-list-block.text-block {
      padding-top: 20px !important;
      padding-bottom: 0px; } }
  .single-open-list-post.single.wide-post .bp-container .post .open-list-items .open-list-block:first-child, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-items .open-list-block:first-child, .single-open-list-post.narrow-post .bp-container .post .open-list-items .open-list-block:first-child {
    margin-top: 0; }
  .single-open-list-post.single.wide-post .bp-container .post .post-submission-line.post-footer, .single-open-list-post.narrow-post-700 .bp-container .post .post-submission-line.post-footer, .single-open-list-post.narrow-post .bp-container .post .post-submission-line.post-footer {
    padding-top: 20px;
    background: var(--white);
    margin: 0; }
    .single-open-list-post.single.wide-post .bp-container .post .post-submission-line.post-footer.post-footer-gnews-promotion, .single-open-list-post.narrow-post-700 .bp-container .post .post-submission-line.post-footer.post-footer-gnews-promotion, .single-open-list-post.narrow-post .bp-container .post .post-submission-line.post-footer.post-footer-gnews-promotion {
      margin: 0 0 2px; }
      @media (max-width: 979px) {
        .single-open-list-post.single.wide-post .bp-container .post .post-submission-line.post-footer.post-footer-gnews-promotion, .single-open-list-post.narrow-post-700 .bp-container .post .post-submission-line.post-footer.post-footer-gnews-promotion, .single-open-list-post.narrow-post .bp-container .post .post-submission-line.post-footer.post-footer-gnews-promotion {
          padding-top: 0; } }
    @media (min-width: 769px) {
      .single-open-list-post.single.wide-post .bp-container .post .post-submission-line.post-footer, .single-open-list-post.narrow-post-700 .bp-container .post .post-submission-line.post-footer, .single-open-list-post.narrow-post .bp-container .post .post-submission-line.post-footer {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; } }
  .single-open-list-post.single.wide-post .bp-container .post .open-list-block.additional-html-bottom, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-block.additional-html-bottom, .single-open-list-post.narrow-post .bp-container .post .open-list-block.additional-html-bottom {
    margin: 0; }
    @media (max-width: 769px) and (min-width: 480px) {
      .single-open-list-post.single.wide-post .bp-container .post .open-list-block.additional-html-bottom, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-block.additional-html-bottom, .single-open-list-post.narrow-post .bp-container .post .open-list-block.additional-html-bottom {
        padding-left: 25px;
        padding-right: 25px;
        box-sizing: border-box; } }
  .single-open-list-post.single.wide-post .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended, .single-open-list-post.narrow-post-700 .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended, .single-open-list-post.narrow-post .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended {
    padding-top: 30px;
    padding-bottom: 30px; }
  .single-open-list-post.single.wide-post .bp-container .post .open-list-pagination-block, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-pagination-block, .single-open-list-post.narrow-post .bp-container .post .open-list-pagination-block {
    padding-top: 20px;
    padding-bottom: 20px; }
  .single-open-list-post.single.wide-post .bp-container .post .mobile-add-image-block, .single-open-list-post.narrow-post-700 .bp-container .post .mobile-add-image-block, .single-open-list-post.narrow-post .bp-container .post .mobile-add-image-block {
    display: none;
    height: 63px;
    line-height: 63px;
    background: var(--post-background);
    border-top: 2px solid var(--gray-100);
    border-bottom: 2px solid var(--gray-100); }
    .single-open-list-post.single.wide-post .bp-container .post .mobile-add-image-block .open-list-mobile-add-image-button, .single-open-list-post.narrow-post-700 .bp-container .post .mobile-add-image-block .open-list-mobile-add-image-button, .single-open-list-post.narrow-post .bp-container .post .mobile-add-image-block .open-list-mobile-add-image-button {
      width: 100%;
      box-sizing: border-box; }
    .single-open-list-post.single.wide-post .bp-container .post .mobile-add-image-block.text-open-list, .single-open-list-post.narrow-post-700 .bp-container .post .mobile-add-image-block.text-open-list, .single-open-list-post.narrow-post .bp-container .post .mobile-add-image-block.text-open-list {
      height: auto; }
      .single-open-list-post.single.wide-post .bp-container .post .mobile-add-image-block.text-open-list .open-list-mobile-add-image-button.active, .single-open-list-post.narrow-post-700 .bp-container .post .mobile-add-image-block.text-open-list .open-list-mobile-add-image-button.active, .single-open-list-post.narrow-post .bp-container .post .mobile-add-image-block.text-open-list .open-list-mobile-add-image-button.active {
        background-color: var(--gray-250); }
  .single-open-list-post.single.wide-post .bp-container .post .mobile-user-submissions, .single-open-list-post.narrow-post-700 .bp-container .post .mobile-user-submissions, .single-open-list-post.narrow-post .bp-container .post .mobile-user-submissions {
    display: none;
    background: var(--white); }
    .single-open-list-post.single.wide-post .bp-container .post .mobile-user-submissions .title, .single-open-list-post.narrow-post-700 .bp-container .post .mobile-user-submissions .title, .single-open-list-post.narrow-post .bp-container .post .mobile-user-submissions .title {
      color: var(--gray-800);
      font-size: 16px;
      display: block;
      padding: 10px 12px; }
    .single-open-list-post.single.wide-post .bp-container .post .mobile-user-submissions .user-submissions-list, .single-open-list-post.narrow-post-700 .bp-container .post .mobile-user-submissions .user-submissions-list, .single-open-list-post.narrow-post .bp-container .post .mobile-user-submissions .user-submissions-list {
      width: 100%; }
      .single-open-list-post.single.wide-post .bp-container .post .mobile-user-submissions .user-submissions-list .text-submission, .single-open-list-post.narrow-post-700 .bp-container .post .mobile-user-submissions .user-submissions-list .text-submission, .single-open-list-post.narrow-post .bp-container .post .mobile-user-submissions .user-submissions-list .text-submission {
        padding: 0 12px;
        color: var(--gray-800);
        font-size: 14px; }
        .single-open-list-post.single.wide-post .bp-container .post .mobile-user-submissions .user-submissions-list .text-submission .title, .single-open-list-post.narrow-post-700 .bp-container .post .mobile-user-submissions .user-submissions-list .text-submission .title, .single-open-list-post.narrow-post .bp-container .post .mobile-user-submissions .user-submissions-list .text-submission .title {
          max-width: 75%;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden;
          display: inline-block;
          vertical-align: middle; }
      .single-open-list-post.single.wide-post .bp-container .post .mobile-user-submissions .user-submissions-list .thumb, .single-open-list-post.narrow-post-700 .bp-container .post .mobile-user-submissions .user-submissions-list .thumb, .single-open-list-post.narrow-post .bp-container .post .mobile-user-submissions .user-submissions-list .thumb {
        display: inline-block;
        width: 49%;
        vertical-align: top;
        position: relative;
        float: left;
        margin-bottom: 2%; }
        .single-open-list-post.single.wide-post .bp-container .post .mobile-user-submissions .user-submissions-list .thumb img, .single-open-list-post.narrow-post-700 .bp-container .post .mobile-user-submissions .user-submissions-list .thumb img, .single-open-list-post.narrow-post .bp-container .post .mobile-user-submissions .user-submissions-list .thumb img {
          display: block; }
        .single-open-list-post.single.wide-post .bp-container .post .mobile-user-submissions .user-submissions-list .thumb .title, .single-open-list-post.single.wide-post .bp-container .post .mobile-user-submissions .user-submissions-list .thumb .post-info, .single-open-list-post.narrow-post-700 .bp-container .post .mobile-user-submissions .user-submissions-list .thumb .title, .single-open-list-post.narrow-post-700 .bp-container .post .mobile-user-submissions .user-submissions-list .thumb .post-info, .single-open-list-post.narrow-post .bp-container .post .mobile-user-submissions .user-submissions-list .thumb .title, .single-open-list-post.narrow-post .bp-container .post .mobile-user-submissions .user-submissions-list .thumb .post-info {
          z-index: 3;
          position: absolute;
          bottom: 36px;
          left: 12px;
          color: var(--white);
          font-size: 12px;
          font-weight: 700;
          font-family: Merriweather;
          line-height: 1.2; }
        .single-open-list-post.single.wide-post .bp-container .post .mobile-user-submissions .user-submissions-list .thumb .post-info, .single-open-list-post.narrow-post-700 .bp-container .post .mobile-user-submissions .user-submissions-list .thumb .post-info, .single-open-list-post.narrow-post .bp-container .post .mobile-user-submissions .user-submissions-list .thumb .post-info {
          bottom: 14px;
          left: 12px;
          font-weight: 600;
          font-family: Roboto,sans-serif;
          font-size: 12px; }
          .single-open-list-post.single.wide-post .bp-container .post .mobile-user-submissions .user-submissions-list .thumb .post-info span, .single-open-list-post.narrow-post-700 .bp-container .post .mobile-user-submissions .user-submissions-list .thumb .post-info span, .single-open-list-post.narrow-post .bp-container .post .mobile-user-submissions .user-submissions-list .thumb .post-info span {
            padding-right: 16px; }
        .single-open-list-post.single.wide-post .bp-container .post .mobile-user-submissions .user-submissions-list .thumb .opacity, .single-open-list-post.narrow-post-700 .bp-container .post .mobile-user-submissions .user-submissions-list .thumb .opacity, .single-open-list-post.narrow-post .bp-container .post .mobile-user-submissions .user-submissions-list .thumb .opacity {
          display: inline;
          position: absolute;
          width: 100%;
          opacity: 1;
          height: 100%;
          bottom: 0;
          z-index: 2;
          background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.17) 26%, rgba(0, 0, 0, 0.66) 100%);
          background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(26%, rgba(255, 255, 255, 0.17)), color-stop(100%, rgba(0, 0, 0, 0.66)));
          background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.17) 26%, rgba(0, 0, 0, 0.66) 100%);
          background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.17) 26%, rgba(0, 0, 0, 0.66) 100%);
          background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.17) 26%, rgba(0, 0, 0, 0.66) 100%);
          background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.17) 26%, rgba(0, 0, 0, 0.66) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff ', endColorstr='#000000 ', GradientType=0 ); }
        .single-open-list-post.single.wide-post .bp-container .post .mobile-user-submissions .user-submissions-list .thumb:nth-child(even), .single-open-list-post.narrow-post-700 .bp-container .post .mobile-user-submissions .user-submissions-list .thumb:nth-child(even), .single-open-list-post.narrow-post .bp-container .post .mobile-user-submissions .user-submissions-list .thumb:nth-child(even) {
          float: right; }
    .single-open-list-post.single.wide-post .bp-container .post .mobile-user-submissions.text-open-list .user-submissions-list, .single-open-list-post.narrow-post-700 .bp-container .post .mobile-user-submissions.text-open-list .user-submissions-list, .single-open-list-post.narrow-post .bp-container .post .mobile-user-submissions.text-open-list .user-submissions-list {
      padding: 0 12px;
      box-sizing: border-box; }
    .single-open-list-post.single.wide-post .bp-container .post .mobile-user-submissions.text-open-list .thumb, .single-open-list-post.narrow-post-700 .bp-container .post .mobile-user-submissions.text-open-list .thumb, .single-open-list-post.narrow-post .bp-container .post .mobile-user-submissions.text-open-list .thumb {
      display: block;
      height: 175px;
      overflow-y: hidden;
      line-height: 22px;
      font-size: 14px;
      background-color: var(--white);
      -webkit-box-shadow: 1px 0.732px 10px 3px rgba(0, 0, 0, 0.071);
      box-shadow: 1px 0.732px 10px 3px rgba(0, 0, 0, 0.071);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      padding: 10px;
      box-sizing: border-box; }
      .single-open-list-post.single.wide-post .bp-container .post .mobile-user-submissions.text-open-list .thumb a, .single-open-list-post.narrow-post-700 .bp-container .post .mobile-user-submissions.text-open-list .thumb a, .single-open-list-post.narrow-post .bp-container .post .mobile-user-submissions.text-open-list .thumb a {
        font-family: Merriweather, sans-serif;
        color: var(--gray-800); }
      .single-open-list-post.single.wide-post .bp-container .post .mobile-user-submissions.text-open-list .thumb .position, .single-open-list-post.narrow-post-700 .bp-container .post .mobile-user-submissions.text-open-list .thumb .position, .single-open-list-post.narrow-post .bp-container .post .mobile-user-submissions.text-open-list .thumb .position {
        display: block;
        font-weight: bold; }
      .single-open-list-post.single.wide-post .bp-container .post .mobile-user-submissions.text-open-list .thumb .description, .single-open-list-post.narrow-post-700 .bp-container .post .mobile-user-submissions.text-open-list .thumb .description, .single-open-list-post.narrow-post .bp-container .post .mobile-user-submissions.text-open-list .thumb .description {
        display: block;
        white-space: inherit;
        overflow-y: hidden;
        height: 110px;
        margin: 0; }
      .single-open-list-post.single.wide-post .bp-container .post .mobile-user-submissions.text-open-list .thumb .post-info, .single-open-list-post.narrow-post-700 .bp-container .post .mobile-user-submissions.text-open-list .thumb .post-info, .single-open-list-post.narrow-post .bp-container .post .mobile-user-submissions.text-open-list .thumb .post-info {
        position: relative;
        bottom: 0;
        left: 0;
        color: var(--gray-350); }
  .single-open-list-post.single.wide-post .bp-container .post .open-list-post-description, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-post-description, .single-open-list-post.narrow-post .bp-container .post .open-list-post-description {
    background: var(--post-background);
    padding-top: 15px; }
    .single-open-list-post.single.wide-post .bp-container .post .open-list-post-description p, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-post-description p, .single-open-list-post.narrow-post .bp-container .post .open-list-post-description p {
      color: var(--post-content); }
      .single-open-list-post.single.wide-post .bp-container .post .open-list-post-description p span, .single-open-list-post.single.wide-post .bp-container .post .open-list-post-description p strong, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-post-description p span, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-post-description p strong, .single-open-list-post.narrow-post .bp-container .post .open-list-post-description p span, .single-open-list-post.narrow-post .bp-container .post .open-list-post-description p strong {
        color: var(--post-content) !important;
        background: var(--post-background) !important; }
      .single-open-list-post.single.wide-post .bp-container .post .open-list-post-description p a span, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-post-description p a span, .single-open-list-post.narrow-post .bp-container .post .open-list-post-description p a span {
        color: var(--orange-150) !important;
        background: var(--post-background) !important; }
  .single-open-list-post.single.wide-post .bp-container .post .entry, .single-open-list-post.narrow-post-700 .bp-container .post .entry, .single-open-list-post.narrow-post .bp-container .post .entry {
    padding: 0; }
    .single-open-list-post.single.wide-post .bp-container .post .entry .post-bottom-meta-links, .single-open-list-post.narrow-post-700 .bp-container .post .entry .post-bottom-meta-links, .single-open-list-post.narrow-post .bp-container .post .entry .post-bottom-meta-links {
      padding-top: 6px; }
    .single-open-list-post.single.wide-post .bp-container .post .entry .append-open-list span.title, .single-open-list-post.narrow-post-700 .bp-container .post .entry .append-open-list span.title, .single-open-list-post.narrow-post .bp-container .post .entry .append-open-list span.title {
      padding-top: 0;
      margin-bottom: 5px;
      font-size: 24px; }
    .single-open-list-post.single.wide-post .bp-container .post .entry .open-list-item, .single-open-list-post.narrow-post-700 .bp-container .post .entry .open-list-item, .single-open-list-post.narrow-post .bp-container .post .entry .open-list-item {
      padding-bottom: 30px;
      position: relative; }
      .single-open-list-post.single.wide-post .bp-container .post .entry .open-list-item:not(:first-child), .single-open-list-post.narrow-post-700 .bp-container .post .entry .open-list-item:not(:first-child), .single-open-list-post.narrow-post .bp-container .post .entry .open-list-item:not(:first-child) {
        padding-top: 30px; }
      .single-open-list-post.single.wide-post .bp-container .post .entry .open-list-item.hidden-submission p, .single-open-list-post.narrow-post-700 .bp-container .post .entry .open-list-item.hidden-submission p, .single-open-list-post.narrow-post .bp-container .post .entry .open-list-item.hidden-submission p {
        padding-bottom: 0; }
    .single-open-list-post.single.wide-post .bp-container .post .entry .open-list-item-newly-appended, .single-open-list-post.narrow-post-700 .bp-container .post .entry .open-list-item-newly-appended, .single-open-list-post.narrow-post .bp-container .post .entry .open-list-item-newly-appended {
      padding-bottom: 0; }
      .single-open-list-post.single.wide-post .bp-container .post .entry .open-list-item-newly-appended h2 a, .single-open-list-post.narrow-post-700 .bp-container .post .entry .open-list-item-newly-appended h2 a, .single-open-list-post.narrow-post .bp-container .post .entry .open-list-item-newly-appended h2 a {
        color: var(--orange-150); }
    .single-open-list-post.single.wide-post .bp-container .post .entry .post-content-description, .single-open-list-post.narrow-post-700 .bp-container .post .entry .post-content-description, .single-open-list-post.narrow-post .bp-container .post .entry .post-content-description {
      padding-bottom: 0; }
      .single-open-list-post.single.wide-post .bp-container .post .entry .post-content-description.full, .single-open-list-post.narrow-post-700 .bp-container .post .entry .post-content-description.full, .single-open-list-post.narrow-post .bp-container .post .entry .post-content-description.full {
        display: none; }
  .single-open-list-post.single.wide-post .bp-container .post .post-header, .single-open-list-post.narrow-post-700 .bp-container .post .post-header, .single-open-list-post.narrow-post .bp-container .post .post-header {
    background: var(--post-background);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
  .single-open-list-post.single.wide-post .bp-container .post .open-list-block-footer, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-block-footer, .single-open-list-post.narrow-post .bp-container .post .open-list-block-footer {
    padding-top: 0;
    padding-bottom: 5px;
    background: white;
    margin-bottom: 0;
    overflow: auto; }

.single-open-list-post .post-info-block {
  margin: 0; }
  .single-open-list-post .post-info-block .left.post-info {
    font-size: 14px;
    color: var(--gray-600);
    font-weight: bold; }
    .single-open-list-post .post-info-block .left.post-info .views {
      margin-bottom: 5px; }
    .single-open-list-post .post-info-block .left.post-info p {
      margin-right: 20px; }
      .single-open-list-post .post-info-block .left.post-info p span {
        font-weight: 400;
        color: var(--gray-400);
        margin-left: 2px; }
      .single-open-list-post .post-info-block .left.post-info p a {
        color: inherit; }
    .single-open-list-post .post-info-block .left.post-info i {
      color: var(--gray-350);
      padding-right: 5px;
      display: inline-block; }
      .single-open-list-post .post-info-block .left.post-info i svg.icon-open-list-views {
        margin-top: 2px; }
      .single-open-list-post .post-info-block .left.post-info i svg.icon-open-list-clock {
        margin-top: 1px; }
      .single-open-list-post .post-info-block .left.post-info i svg.icon-category {
        width: 16px;
        height: 16px; }
    .single-open-list-post .post-info-block .left.post-info .open-list-order {
      padding-top: 24px; }
    .single-open-list-post .post-info-block .left.post-info .open-list-author-link {
      font-weight: normal;
      padding-top: 24px; }
      .single-open-list-post .post-info-block .left.post-info .open-list-author-link a {
        margin-left: 3px; }
  .single-open-list-post .post-info-block .add-image-button {
    float: right;
    margin-top: 0; }
    .single-open-list-post .post-info-block .add-image-button a {
      background-color: var(--orange-150);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      padding: 0 16px;
      height: 40px;
      line-height: 40px;
      color: white;
      font-size: 16px;
      font-weight: 600;
      text-align: center; }
      .single-open-list-post .post-info-block .add-image-button a i {
        margin-right: 10px;
        font-size: 15px; }
        .single-open-list-post .post-info-block .add-image-button a i svg.icon-plus-add-image {
          margin-top: 1px; }
      .single-open-list-post .post-info-block .add-image-button a:hover {
        background-color: var(--orange-100);
        border-color: var(--orange-150); }
  @media (max-width: 570px) {
    .single-open-list-post .post-info-block .tablet-add-image {
      display: block;
      float: none;
      text-align: right; } }

.single-open-list-post .post .entry .user-submissions {
  padding-bottom: 9px;
  padding-left: 25px;
  padding-right: 25px; }
  @media (max-width: 979px) and (min-width: 769px) {
    .single-open-list-post .post .entry .user-submissions {
      padding-left: 0;
      padding-right: 0; } }
  .single-open-list-post .post .entry .user-submissions .user-subs-header {
    color: var(--gray-800);
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block; }
  .single-open-list-post .post .entry .user-submissions table {
    width: 100%;
    border: 2px solid var(--gray-100);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border-collapse: separate; }
    .single-open-list-post .post .entry .user-submissions table tr {
      background-color: var(--gray-50);
      height: 100px; }
      .single-open-list-post .post .entry .user-submissions table tr td {
        border-bottom: 1px solid var(--gray-100);
        line-height: 100px;
        vertical-align: middle; }
        .single-open-list-post .post .entry .user-submissions table tr td.thumb {
          width: 100px; }
          .single-open-list-post .post .entry .user-submissions table tr td.thumb img {
            display: block;
            width: 80px;
            margin: 10px 10px 10px 10px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px; }
        .single-open-list-post .post .entry .user-submissions table tr td span.title {
          color: var(--gray-800);
          font-size: 14px;
          width: 340px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          display: block;
          margin-left: 6px; }
          @media (max-width: 1100px) {
            .single-open-list-post .post .entry .user-submissions table tr td span.title {
              width: 150px; } }
          @media (max-width: 700px) {
            .single-open-list-post .post .entry .user-submissions table tr td span.title {
              display: none; } }
          .single-open-list-post .post .entry .user-submissions table tr td span.title a {
            color: var(--gray-800); }
        .single-open-list-post .post .entry .user-submissions table tr td a.share-button {
          background-color: #3b5998;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px;
          padding: 0 11px;
          height: 34px;
          line-height: 34px;
          color: var(--white);
          font-size: 14px;
          font-weight: 600;
          display: block;
          margin-right: 20px;
          float: right; }
          .single-open-list-post .post .entry .user-submissions table tr td a.share-button i {
            display: inline-block; }
            .single-open-list-post .post .entry .user-submissions table tr td a.share-button i svg.icon-facebook-share {
              width: 18px;
              height: 18px;
              margin-right: 7px;
              margin-top: -1px; }
          .single-open-list-post .post .entry .user-submissions table tr td a.share-button:hover {
            background-color: #4e6bba; }
        .single-open-list-post .post .entry .user-submissions table tr td.comments a i {
          margin-right: 5px; }
        .single-open-list-post .post .entry .user-submissions table tr td.comments a:hover i {
          border: 2px solid var(--gray-350); }
        .single-open-list-post .post .entry .user-submissions table tr td.comments span {
          margin-left: 3px; }
          @media (max-width: 979px) {
            .single-open-list-post .post .entry .user-submissions table tr td.comments span {
              display: none; } }
        @media (min-width: 480px) and (max-width: 768px) {
          .single-open-list-post .post .entry .user-submissions table tr td {
            padding: 0 0.1em; } }
    .single-open-list-post .post .entry .user-submissions table tr:nth-child(even) {
      background-color: var(--white); }
    .single-open-list-post .post .entry .user-submissions table tr:last-child td {
      border-bottom: none; }
  .single-open-list-post .post .entry .user-submissions.text-open-list table tr td span.title-box {
    width: 160px;
    height: 80px;
    line-height: 16px;
    font-size: 12px;
    background-color: var(--white);
    -webkit-box-shadow: 1px 0.732px 10px 3px rgba(0, 0, 0, 0.071);
    box-shadow: 1px 0.732px 10px 3px rgba(0, 0, 0, 0.071);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px; }
    .single-open-list-post .post .entry .user-submissions.text-open-list table tr td span.title-box .title {
      margin: 0;
      box-sizing: border-box;
      font-family: Merriweather, sans-serif;
      font-weight: 400;
      color: var(--gray-800);
      line-height: 16px;
      font-size: 12px;
      white-space: inherit;
      overflow-y: hidden;
      height: 60px;
      width: 140px;
      text-align: left; }
  .single-open-list-post .post .entry .user-submissions.text-open-list table tr td .position {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: var(--gray-800);
    padding-left: 15px; }

@media (min-width: 769px) {
  .single-open-list-post .post .entry .user-submissions {
    padding-left: 0;
    padding-right: 0; }
  .single-open-list-post .open-list-post-description {
    padding-left: 45px;
    padding-right: 45px; } }

.single-open-list-post .votes .vote-panel .points {
  display: inline-block;
  float: none;
  line-height: 58px;
  margin-left: 1px; }
  .single-open-list-post .votes .vote-panel .points span {
    margin-left: 3px; }
  .single-open-list-post .votes .vote-panel .points.finished span {
    display: inline-block !important; }

@media (max-width: 800px) {
  .single-open-list-post .comments span {
    display: none; } }

@media (min-width: 769px) {
  .single-open-list-post.wide-post .post-submission-line.post-footer {
    padding-left: 45px !important; } }

@media (min-width: 769px) {
  .single-open-list-post.narrow-post-700 .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-post-description,
  .single-open-list-post.narrow-post-700 .bp-container .post .post-title, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-block, .single-open-list-post.narrow-post-700 .bp-container .post .post-submission-line.post-footer, .single-open-list-post.narrow-post .bp-container .post .newly-appended-submission-without-recents-list .open-list-item-newly-appended, .single-open-list-post.narrow-post .bp-container .post .open-list-post-description,
  .single-open-list-post.narrow-post .bp-container .post .post-title, .single-open-list-post.narrow-post .bp-container .post .open-list-block, .single-open-list-post.narrow-post .bp-container .post .post-submission-line.post-footer {
    padding-left: 27px;
    padding-right: 28px; } }

.single-open-list-post.narrow-post-700 .bp-container .post .title-container, .single-open-list-post.narrow-post .bp-container .post .title-container {
  color: var(--on-bg-dark);
  padding: 12px 30px 20px 30px; }
  @media (max-width: 768px) {
    .single-open-list-post.narrow-post-700 .bp-container .post .title-container, .single-open-list-post.narrow-post .bp-container .post .title-container {
      padding-left: 25px; } }
  @media (max-width: 480px) {
    .single-open-list-post.narrow-post-700 .bp-container .post .title-container, .single-open-list-post.narrow-post .bp-container .post .title-container {
      padding-left: 14px; } }

.single-open-list-post.narrow-post-700 .bp-container .post .footer .right, .single-open-list-post.narrow-post .bp-container .post .footer .right {
  margin-right: 0; }

.single-open-list-post.narrow-post-700 .bp-container .post .entry .user-submissions:not(.text-open-list) table tr td span.title, .single-open-list-post.narrow-post .bp-container .post .entry .user-submissions:not(.text-open-list) table tr td span.title {
  width: 230px; }

.single-open-list-post.narrow-post-700 .post .entry .user-submissions table tr td span.title, .single-open-list-post.narrow-post .post .entry .user-submissions table tr td span.title {
  width: 215px; }
  @media (max-width: 1100px) {
    .single-open-list-post.narrow-post-700 .post .entry .user-submissions table tr td span.title, .single-open-list-post.narrow-post .post .entry .user-submissions table tr td span.title {
      width: 80%; } }
  @media (max-width: 700px) {
    .single-open-list-post.narrow-post-700 .post .entry .user-submissions table tr td span.title, .single-open-list-post.narrow-post .post .entry .user-submissions table tr td span.title {
      display: none; } }

.single-open-list-post.narrow-post-700 .post .entry .user-submissions table tr td.comments span, .single-open-list-post.narrow-post .post .entry .user-submissions table tr td.comments span {
  display: none; }

@media (min-width: 769px) {
  .single-open-list-post.narrow-post .bp-container .post .open-list-post-description, .single-open-list-post.narrow-post .bp-container .post .post-title, .single-open-list-post.narrow-post .bp-container .post .open-list-block {
    padding-left: 30px;
    padding-right: 30px; } }

.single-open-list-post.narrow-post .bp-container .post .entry .user-submissions table tr td span.title {
  width: 140px; }

@media (max-width: 768px) and (min-width: 480px) {
  .single-open-list-post.single.wide-post .bp-container .post .entry .user-submissions h2, .single-open-list-post.narrow-post-700 .bp-container .post .entry .user-submissions h2, .single-open-list-post.narrow-post .bp-container .post .entry .user-submissions h2 {
    padding-left: 0;
    padding-right: 0; }
  .single-open-list-post.single.wide-post .bp-container .post .entry .open-list-media-container, .single-open-list-post.single.wide-post .bp-container .post .entry .post-content-description, .single-open-list-post.narrow-post-700 .bp-container .post .entry .open-list-media-container, .single-open-list-post.narrow-post-700 .bp-container .post .entry .post-content-description, .single-open-list-post.narrow-post .bp-container .post .entry .open-list-media-container, .single-open-list-post.narrow-post .bp-container .post .entry .post-content-description {
    padding-left: 25px;
    padding-right: 25px;
    box-sizing: border-box; }
  .single-open-list-post.single.wide-post .bp-container .post .entry .post-content-description .post-content-description, .single-open-list-post.narrow-post-700 .bp-container .post .entry .post-content-description .post-content-description, .single-open-list-post.narrow-post .bp-container .post .entry .post-content-description .post-content-description {
    padding-left: 0;
    padding-right: 0; }
  .single-open-list-post.single.wide-post .bp-container .post .entry .post-bottom-meta-links, .single-open-list-post.narrow-post-700 .bp-container .post .entry .post-bottom-meta-links, .single-open-list-post.narrow-post .bp-container .post .entry .post-bottom-meta-links {
    padding-left: 25px !important;
    padding-right: 25px !important;
    box-sizing: border-box;
    margin-bottom: 5px;
    padding-top: 6px; }
  .single-open-list-post.single.wide-post .bp-container .post .open-list-block, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-block, .single-open-list-post.narrow-post .bp-container .post .open-list-block {
    padding-left: 0;
    padding-right: 0; }
    .single-open-list-post.single.wide-post .bp-container .post .open-list-block.add-first-submission, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-block.add-first-submission, .single-open-list-post.narrow-post .bp-container .post .open-list-block.add-first-submission {
      padding-left: 25px;
      padding-right: 25px; }
  .single-open-list-post.single.wide-post .bp-container .post .open-list-recent-items, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-recent-items, .single-open-list-post.narrow-post .bp-container .post .open-list-recent-items {
    padding-left: 25px;
    padding-right: 25px;
    box-sizing: border-box; }
    .single-open-list-post.single.wide-post .bp-container .post .open-list-recent-items .box:nth-child(odd) .box-votes, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-recent-items .box:nth-child(odd) .box-votes, .single-open-list-post.narrow-post .bp-container .post .open-list-recent-items .box:nth-child(odd) .box-votes {
      padding: 0 0.1em; }
  .single-open-list-post.single.wide-post .bp-container .post .post-info-block, .single-open-list-post.narrow-post-700 .bp-container .post .post-info-block, .single-open-list-post.narrow-post .bp-container .post .post-info-block {
    padding: 0 25px 0 25px; }
  .single-open-list-post.single.wide-post .bp-container .post .post-info-block .desktop-add-image, .single-open-list-post.narrow-post-700 .bp-container .post .post-info-block .desktop-add-image, .single-open-list-post.narrow-post .bp-container .post .post-info-block .desktop-add-image {
    display: none; }
  .single-open-list-post.single.wide-post .bp-container .post .open-list-block-footer .footer, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-block-footer .footer, .single-open-list-post.narrow-post .bp-container .post .open-list-block-footer .footer {
    padding: 10px 1.4205em; }
    .single-open-list-post.single.wide-post .bp-container .post .open-list-block-footer .footer.post-shares-footer, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-block-footer .footer.post-shares-footer, .single-open-list-post.narrow-post .bp-container .post .open-list-block-footer .footer.post-shares-footer {
      padding-top: 30px; }
  .single-open-list-post.single.wide-post .bp-container .post .open-list-comments, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-comments, .single-open-list-post.narrow-post .bp-container .post .open-list-comments {
    width: 100%;
    margin: 0;
    padding-left: 25px;
    padding-right: 25px;
    box-sizing: border-box; } }

@media (max-width: 768px) and (min-width: 480px) and (min-width: 481px) {
  .single-open-list-post.single.wide-post .bp-container .post .append-open-list-mobile, .single-open-list-post.narrow-post-700 .bp-container .post .append-open-list-mobile, .single-open-list-post.narrow-post .bp-container .post .append-open-list-mobile {
    margin-top: 10px;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 0; } }

@media (max-width: 768px) and (min-width: 480px) {
  .single-open-list-post.single.wide-post .bp-container .post .open-list-footer, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-footer, .single-open-list-post.narrow-post .bp-container .post .open-list-footer {
    padding: 0 0.1em; }
    .single-open-list-post.single.wide-post .bp-container .post .open-list-footer .left, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-footer .left, .single-open-list-post.narrow-post .bp-container .post .open-list-footer .left {
      padding-left: 25px; }
    .single-open-list-post.single.wide-post .bp-container .post .open-list-footer .right, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-footer .right, .single-open-list-post.narrow-post .bp-container .post .open-list-footer .right {
      padding-right: 25px;
      margin-right: 0; }
  .single-open-list-post.single.wide-post .bp-container .post .open-list-post-description > img, .single-open-list-post.narrow-post-700 .bp-container .post .open-list-post-description > img, .single-open-list-post.narrow-post .bp-container .post .open-list-post-description > img {
    padding-right: 25px;
    padding-left: 25px;
    box-sizing: border-box; }
  .single-open-list-post.single.wide-post .bp-container .post footer.footer .right, .single-open-list-post.narrow-post-700 .bp-container .post footer.footer .right, .single-open-list-post.narrow-post .bp-container .post footer.footer .right {
    padding: 0 0.1em; }
  .single-open-list-post.single.wide-post .post-comments, .single-open-list-post.narrow-post-700 .post-comments, .single-open-list-post.narrow-post .post-comments {
    padding: 0 25px 16px 25px; }
  .single-open-list-post.single.wide-post .single-post-author, .single-open-list-post.narrow-post-700 .single-post-author, .single-open-list-post.narrow-post .single-post-author {
    padding: 25px 25px 16px 25px; } }

@media (max-width: 480px) {
  .single-open-list-post.single.wide-post .main, .single-open-list-post.narrow-post-700 .main, .single-open-list-post.narrow-post .main {
    padding: 0; }
    .single-open-list-post.single.wide-post .main.bp-container .post .open-list-order, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-order, .single-open-list-post.narrow-post .main.bp-container .post .open-list-order {
      padding: 5px 12px;
      font-size: 14px; }
    .single-open-list-post.single.wide-post .main.bp-container .post .post-header .post-stats, .single-open-list-post.narrow-post-700 .main.bp-container .post .post-header .post-stats, .single-open-list-post.narrow-post .main.bp-container .post .post-header .post-stats {
      bottom: 14px;
      left: 0;
      width: 100%;
      line-height: 16px;
      padding-left: 12px;
      padding-right: 12px;
      box-sizing: border-box; }
      .single-open-list-post.single.wide-post .main.bp-container .post .post-header .post-stats p, .single-open-list-post.narrow-post-700 .main.bp-container .post .post-header .post-stats p, .single-open-list-post.narrow-post .main.bp-container .post .post-header .post-stats p {
        display: inline-block;
        color: var(--white);
        font-size: 11px;
        font-weight: 700;
        width: auto; }
        .single-open-list-post.single.wide-post .main.bp-container .post .post-header .post-stats p.views, .single-open-list-post.narrow-post-700 .main.bp-container .post .post-header .post-stats p.views, .single-open-list-post.narrow-post .main.bp-container .post .post-header .post-stats p.views {
          float: left;
          width: 30%; }
        .single-open-list-post.single.wide-post .main.bp-container .post .post-header .post-stats p.submissions-count, .single-open-list-post.narrow-post-700 .main.bp-container .post .post-header .post-stats p.submissions-count, .single-open-list-post.narrow-post .main.bp-container .post .post-header .post-stats p.submissions-count {
          float: left;
          text-align: center;
          width: 40%; }
        .single-open-list-post.single.wide-post .main.bp-container .post .post-header .post-stats p.time, .single-open-list-post.narrow-post-700 .main.bp-container .post .post-header .post-stats p.time, .single-open-list-post.narrow-post .main.bp-container .post .post-header .post-stats p.time {
          float: right;
          text-align: right;
          width: 30%; }
        .single-open-list-post.single.wide-post .main.bp-container .post .post-header .post-stats p i, .single-open-list-post.narrow-post-700 .main.bp-container .post .post-header .post-stats p i, .single-open-list-post.narrow-post .main.bp-container .post .post-header .post-stats p i {
          padding-right: 4px;
          display: inline-block; }
          .single-open-list-post.single.wide-post .main.bp-container .post .post-header .post-stats p i svg, .single-open-list-post.narrow-post-700 .main.bp-container .post .post-header .post-stats p i svg, .single-open-list-post.narrow-post .main.bp-container .post .post-header .post-stats p i svg {
            vertical-align: middle; }
        .single-open-list-post.single.wide-post .main.bp-container .post .post-header .post-stats p span, .single-open-list-post.narrow-post-700 .main.bp-container .post .post-header .post-stats p span, .single-open-list-post.narrow-post .main.bp-container .post .post-header .post-stats p span {
          padding-left: 2px;
          font-size: 11px; }
    .single-open-list-post.single.wide-post .main.bp-container .post .append-open-list-first-submission, .single-open-list-post.narrow-post-700 .main.bp-container .post .append-open-list-first-submission, .single-open-list-post.narrow-post .main.bp-container .post .append-open-list-first-submission {
      border-left: none;
      border-right: none;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      height: 345px; }
      .single-open-list-post.single.wide-post .main.bp-container .post .append-open-list-first-submission .panda-icon, .single-open-list-post.narrow-post-700 .main.bp-container .post .append-open-list-first-submission .panda-icon, .single-open-list-post.narrow-post .main.bp-container .post .append-open-list-first-submission .panda-icon {
        margin-top: 50px; }
      .single-open-list-post.single.wide-post .main.bp-container .post .append-open-list-first-submission .annotation, .single-open-list-post.narrow-post-700 .main.bp-container .post .append-open-list-first-submission .annotation, .single-open-list-post.narrow-post .main.bp-container .post .append-open-list-first-submission .annotation {
        font-size: 22px;
        line-height: 22px;
        padding-top: 20px; }
      .single-open-list-post.single.wide-post .main.bp-container .post .append-open-list-first-submission .description, .single-open-list-post.narrow-post-700 .main.bp-container .post .append-open-list-first-submission .description, .single-open-list-post.narrow-post .main.bp-container .post .append-open-list-first-submission .description {
        font-size: 14px; }
      .single-open-list-post.single.wide-post .main.bp-container .post .append-open-list-first-submission .open-list-mobile-add-image-button, .single-open-list-post.narrow-post-700 .main.bp-container .post .append-open-list-first-submission .open-list-mobile-add-image-button, .single-open-list-post.narrow-post .main.bp-container .post .append-open-list-first-submission .open-list-mobile-add-image-button {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        margin-top: 20px; }
        .single-open-list-post.single.wide-post .main.bp-container .post .append-open-list-first-submission .open-list-mobile-add-image-button i, .single-open-list-post.narrow-post-700 .main.bp-container .post .append-open-list-first-submission .open-list-mobile-add-image-button i, .single-open-list-post.narrow-post .main.bp-container .post .append-open-list-first-submission .open-list-mobile-add-image-button i {
          font-size: 14px; }
          .single-open-list-post.single.wide-post .main.bp-container .post .append-open-list-first-submission .open-list-mobile-add-image-button i .icon-plus-add-image, .single-open-list-post.narrow-post-700 .main.bp-container .post .append-open-list-first-submission .open-list-mobile-add-image-button i .icon-plus-add-image, .single-open-list-post.narrow-post .main.bp-container .post .append-open-list-first-submission .open-list-mobile-add-image-button i .icon-plus-add-image {
            width: 14px;
            vertical-align: sub; }
    .single-open-list-post.single.wide-post .main.bp-container .post .post-title, .single-open-list-post.narrow-post-700 .main.bp-container .post .post-title, .single-open-list-post.narrow-post .main.bp-container .post .post-title {
      padding: 15px 12px; }
    .single-open-list-post.single.wide-post .main.bp-container .post .open-list-block, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-block, .single-open-list-post.narrow-post .main.bp-container .post .open-list-block {
      padding-left: 0;
      padding-right: 0; }
      .single-open-list-post.single.wide-post .main.bp-container .post .open-list-block.additional-html-bottom, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-block.additional-html-bottom, .single-open-list-post.narrow-post .main.bp-container .post .open-list-block.additional-html-bottom {
        padding-left: 12px;
        padding-right: 12px;
        padding-bottom: 0; }
    .single-open-list-post.single.wide-post .main.bp-container .post .open-list-recent-items, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-recent-items, .single-open-list-post.narrow-post .main.bp-container .post .open-list-recent-items {
      display: none;
      padding-right: 0;
      padding-left: 0; }
      .single-open-list-post.single.wide-post .main.bp-container .post .open-list-recent-items .mobile, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-recent-items .mobile, .single-open-list-post.narrow-post .main.bp-container .post .open-list-recent-items .mobile {
        display: block;
        padding-left: 12px;
        padding-right: 12px;
        margin-bottom: 17px;
        font-size: 22px; }
      .single-open-list-post.single.wide-post .main.bp-container .post .open-list-recent-items .desktop, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-recent-items .desktop, .single-open-list-post.narrow-post .main.bp-container .post .open-list-recent-items .desktop {
        display: none; }
      .single-open-list-post.single.wide-post .main.bp-container .post .open-list-recent-items .box, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-recent-items .box, .single-open-list-post.narrow-post .main.bp-container .post .open-list-recent-items .box {
        width: 49.5%;
        margin-right: 0; }
        .single-open-list-post.single.wide-post .main.bp-container .post .open-list-recent-items .box a span, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-recent-items .box a span, .single-open-list-post.narrow-post .main.bp-container .post .open-list-recent-items .box a span {
          font-size: 12px; }
        .single-open-list-post.single.wide-post .main.bp-container .post .open-list-recent-items .box.every2, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-recent-items .box.every2, .single-open-list-post.narrow-post .main.bp-container .post .open-list-recent-items .box.every2 {
          float: right; }
        .single-open-list-post.single.wide-post .main.bp-container .post .open-list-recent-items .box.every3, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-recent-items .box.every3, .single-open-list-post.narrow-post .main.bp-container .post .open-list-recent-items .box.every3 {
          margin-right: 0; }
        .single-open-list-post.single.wide-post .main.bp-container .post .open-list-recent-items .box.every4, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-recent-items .box.every4, .single-open-list-post.narrow-post .main.bp-container .post .open-list-recent-items .box.every4 {
          display: block; }
        .single-open-list-post.single.wide-post .main.bp-container .post .open-list-recent-items .box .vote-panel, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-recent-items .box .vote-panel, .single-open-list-post.narrow-post .main.bp-container .post .open-list-recent-items .box .vote-panel {
          padding-left: 12px;
          padding-bottom: 22px; }
          .single-open-list-post.single.wide-post .main.bp-container .post .open-list-recent-items .box .vote-panel .points, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-recent-items .box .vote-panel .points, .single-open-list-post.narrow-post .main.bp-container .post .open-list-recent-items .box .vote-panel .points {
            float: none !important; }
    .single-open-list-post.single.wide-post .main.bp-container .post .mobile-add-image-block, .single-open-list-post.narrow-post-700 .main.bp-container .post .mobile-add-image-block, .single-open-list-post.narrow-post .main.bp-container .post .mobile-add-image-block {
      display: block;
      padding-left: 12px;
      padding-right: 12px; }
    .single-open-list-post.single.wide-post .main.bp-container .post .mobile-user-submissions, .single-open-list-post.narrow-post-700 .main.bp-container .post .mobile-user-submissions, .single-open-list-post.narrow-post .main.bp-container .post .mobile-user-submissions {
      display: block; }
    .single-open-list-post.single.wide-post .main.bp-container .post .open-list-post-description, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-post-description, .single-open-list-post.narrow-post .main.bp-container .post .open-list-post-description {
      padding-bottom: 10px; }
      .single-open-list-post.single.wide-post .main.bp-container .post .open-list-post-description .user-submissions, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-post-description .user-submissions, .single-open-list-post.narrow-post .main.bp-container .post .open-list-post-description .user-submissions {
        display: none; }
      .single-open-list-post.single.wide-post .main.bp-container .post .open-list-post-description h2, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-post-description h2, .single-open-list-post.narrow-post .main.bp-container .post .open-list-post-description h2 {
        padding-left: 12px !important; }
    .single-open-list-post.single.wide-post .main.bp-container .post .open-list-item:not(:first-child), .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-item:not(:first-child), .single-open-list-post.narrow-post .main.bp-container .post .open-list-item:not(:first-child) {
      padding-top: 4px; }
    .single-open-list-post.single.wide-post .main.bp-container .post .open-list-item.hidden-submission, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-item.hidden-submission, .single-open-list-post.narrow-post .main.bp-container .post .open-list-item.hidden-submission {
      padding-top: 0;
      padding-bottom: 20px; }
    .single-open-list-post.single.wide-post .main.bp-container .post .open-list-item .open-list-header, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-item .open-list-header, .single-open-list-post.narrow-post .main.bp-container .post .open-list-item .open-list-header {
      padding-top: 20px;
      padding-bottom: 12px; }
      .single-open-list-post.single.wide-post .main.bp-container .post .open-list-item .open-list-header a.text-open-list, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-item .open-list-header a.text-open-list, .single-open-list-post.narrow-post .main.bp-container .post .open-list-item .open-list-header a.text-open-list {
        font-size: 22px;
        line-height: 30px; }
    .single-open-list-post.single.wide-post .main.bp-container .post .open-list-item.text-block h2, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-item.text-block h2, .single-open-list-post.narrow-post .main.bp-container .post .open-list-item.text-block h2 {
      padding-left: 12px !important; }
    .single-open-list-post.single.wide-post .main.bp-container .post .open-list-block, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-block, .single-open-list-post.narrow-post .main.bp-container .post .open-list-block {
      border-bottom: 2px solid var(--gray-100);
      margin-bottom: 0;
      margin-top: 0;
      padding-bottom: 18px; }
      .single-open-list-post.single.wide-post .main.bp-container .post .open-list-block .post-bottom-meta-links, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-block .post-bottom-meta-links, .single-open-list-post.narrow-post .main.bp-container .post .open-list-block .post-bottom-meta-links {
        padding-left: 12px !important;
        padding-right: 12px !important;
        padding-top: 6px;
        text-align: left; }
        .single-open-list-post.single.wide-post .main.bp-container .post .open-list-block .post-bottom-meta-links a, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-block .post-bottom-meta-links a, .single-open-list-post.narrow-post .main.bp-container .post .open-list-block .post-bottom-meta-links a {
          color: var(--gray-300);
          font-size: 10px; }
        .single-open-list-post.single.wide-post .main.bp-container .post .open-list-block .post-bottom-meta-links .open-list-submission-source-separator, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-block .post-bottom-meta-links .open-list-submission-source-separator, .single-open-list-post.narrow-post .main.bp-container .post .open-list-block .post-bottom-meta-links .open-list-submission-source-separator {
          font-size: 10px; }
        .single-open-list-post.single.wide-post .main.bp-container .post .open-list-block .post-bottom-meta-links span.sources, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-block .post-bottom-meta-links span.sources, .single-open-list-post.narrow-post .main.bp-container .post .open-list-block .post-bottom-meta-links span.sources {
          width: 85%;
          display: inline-block; }
          .single-open-list-post.single.wide-post .main.bp-container .post .open-list-block .post-bottom-meta-links span.sources a.open-list-submission-source, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-block .post-bottom-meta-links span.sources a.open-list-submission-source, .single-open-list-post.narrow-post .main.bp-container .post .open-list-block .post-bottom-meta-links span.sources a.open-list-submission-source {
            max-width: 240px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
        .single-open-list-post.single.wide-post .main.bp-container .post .open-list-block .post-bottom-meta-links span.report, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-block .post-bottom-meta-links span.report, .single-open-list-post.narrow-post .main.bp-container .post .open-list-block .post-bottom-meta-links span.report {
          float: right; }
      .single-open-list-post.single.wide-post .main.bp-container .post .open-list-block .open-list-footer, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-block .open-list-footer, .single-open-list-post.narrow-post .main.bp-container .post .open-list-block .open-list-footer {
        margin-top: 8px; }
        .single-open-list-post.single.wide-post .main.bp-container .post .open-list-block .open-list-footer .left, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-block .open-list-footer .left, .single-open-list-post.narrow-post .main.bp-container .post .open-list-block .open-list-footer .left {
          padding-left: 12px; }
          .single-open-list-post.single.wide-post .main.bp-container .post .open-list-block .open-list-footer .left .vote-panel .points, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-block .open-list-footer .left .vote-panel .points, .single-open-list-post.narrow-post .main.bp-container .post .open-list-block .open-list-footer .left .vote-panel .points {
            margin-left: 0; }
        .single-open-list-post.single.wide-post .main.bp-container .post .open-list-block .open-list-footer .right, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-block .open-list-footer .right, .single-open-list-post.narrow-post .main.bp-container .post .open-list-block .open-list-footer .right {
          padding-right: 12px;
          margin-right: 0; }
          .single-open-list-post.single.wide-post .main.bp-container .post .open-list-block .open-list-footer .right .post-author img, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-block .open-list-footer .right .post-author img, .single-open-list-post.narrow-post .main.bp-container .post .open-list-block .open-list-footer .right .post-author img {
            margin-right: 0; }
          .single-open-list-post.single.wide-post .main.bp-container .post .open-list-block .open-list-footer .right .post-author span, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-block .open-list-footer .right .post-author span, .single-open-list-post.narrow-post .main.bp-container .post .open-list-block .open-list-footer .right .post-author span {
            display: none; }
      .single-open-list-post.single.wide-post .main.bp-container .post .open-list-block .open-list-comments, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-block .open-list-comments, .single-open-list-post.narrow-post .main.bp-container .post .open-list-block .open-list-comments {
        width: 100%;
        margin: 0;
        padding: 0 12px;
        box-sizing: border-box; }
      .single-open-list-post.single.wide-post .main.bp-container .post .open-list-block.open-list-pagination-block, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-block.open-list-pagination-block, .single-open-list-post.narrow-post .main.bp-container .post .open-list-block.open-list-pagination-block {
        padding-top: 9px;
        padding-bottom: 9px; }
        .single-open-list-post.single.wide-post .main.bp-container .post .open-list-block.open-list-pagination-block .open-list-pagination a, .single-open-list-post.single.wide-post .main.bp-container .post .open-list-block.open-list-pagination-block .open-list-pagination-new a, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-block.open-list-pagination-block .open-list-pagination a, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-block.open-list-pagination-block .open-list-pagination-new a, .single-open-list-post.narrow-post .main.bp-container .post .open-list-block.open-list-pagination-block .open-list-pagination a, .single-open-list-post.narrow-post .main.bp-container .post .open-list-block.open-list-pagination-block .open-list-pagination-new a {
          height: 45px;
          line-height: 45px;
          font-weight: 600;
          font-size: 14px; }
    .single-open-list-post.single.wide-post .main.bp-container .post .entry .post-content p, .single-open-list-post.narrow-post-700 .main.bp-container .post .entry .post-content p, .single-open-list-post.narrow-post .main.bp-container .post .entry .post-content p {
      padding-left: 12px;
      padding-right: 12px; }
    .single-open-list-post.single.wide-post .main.bp-container .post .entry .open-list-media-container, .single-open-list-post.narrow-post-700 .main.bp-container .post .entry .open-list-media-container, .single-open-list-post.narrow-post .main.bp-container .post .entry .open-list-media-container {
      padding-left: 0;
      padding-right: 0; }
    .single-open-list-post.single.wide-post .main.bp-container .post .entry h2, .single-open-list-post.narrow-post-700 .main.bp-container .post .entry h2, .single-open-list-post.narrow-post .main.bp-container .post .entry h2 {
      padding-left: 0;
      padding-right: 12px; }
    .single-open-list-post.single.wide-post .main.bp-container .post .entry .post-mobile-ad-within-content, .single-open-list-post.narrow-post-700 .main.bp-container .post .entry .post-mobile-ad-within-content, .single-open-list-post.narrow-post .main.bp-container .post .entry .post-mobile-ad-within-content {
      margin: 0 auto;
      float: none;
      background-color: var(--post-background); }
      .single-open-list-post.single.wide-post .main.bp-container .post .entry .post-mobile-ad-within-content .dfp-ad, .single-open-list-post.narrow-post-700 .main.bp-container .post .entry .post-mobile-ad-within-content .dfp-ad, .single-open-list-post.narrow-post .main.bp-container .post .entry .post-mobile-ad-within-content .dfp-ad {
        padding-top: 16px;
        padding-bottom: 16px;
        border-bottom: 2px solid var(--gray-100); }
      .single-open-list-post.single.wide-post .main.bp-container .post .entry .post-mobile-ad-within-content.without-borders .dfp-ad, .single-open-list-post.narrow-post-700 .main.bp-container .post .entry .post-mobile-ad-within-content.without-borders .dfp-ad, .single-open-list-post.narrow-post .main.bp-container .post .entry .post-mobile-ad-within-content.without-borders .dfp-ad {
        padding-top: 0;
        border-bottom: none; }
      .single-open-list-post.single.wide-post .main.bp-container .post .entry .post-mobile-ad-within-content.in-text .dfp-ad, .single-open-list-post.narrow-post-700 .main.bp-container .post .entry .post-mobile-ad-within-content.in-text .dfp-ad, .single-open-list-post.narrow-post .main.bp-container .post .entry .post-mobile-ad-within-content.in-text .dfp-ad {
        padding-bottom: 20px; }
      .single-open-list-post.single.wide-post .main.bp-container .post .entry .post-mobile-ad-within-content .fb-ad, .single-open-list-post.narrow-post-700 .main.bp-container .post .entry .post-mobile-ad-within-content .fb-ad, .single-open-list-post.narrow-post .main.bp-container .post .entry .post-mobile-ad-within-content .fb-ad {
        border-bottom: 2px solid var(--gray-100); }
        .single-open-list-post.single.wide-post .main.bp-container .post .entry .post-mobile-ad-within-content .fb-ad .ad-container, .single-open-list-post.narrow-post-700 .main.bp-container .post .entry .post-mobile-ad-within-content .fb-ad .ad-container, .single-open-list-post.narrow-post .main.bp-container .post .entry .post-mobile-ad-within-content .fb-ad .ad-container {
          height: 250px;
          width: 300px;
          margin: auto;
          position: relative;
          margin-bottom: 16px;
          margin-top: 16px; }
    .single-open-list-post.single.wide-post .main.bp-container .post .open-list-block-footer, .single-open-list-post.narrow-post-700 .main.bp-container .post .open-list-block-footer, .single-open-list-post.narrow-post .main.bp-container .post .open-list-block-footer {
      padding-top: 20px;
      padding-bottom: 20px; }
  .single-open-list-post.single.wide-post .single-post-author, .single-open-list-post.narrow-post-700 .single-post-author, .single-open-list-post.narrow-post .single-post-author {
    margin: 20px 12px;
    padding: 16px 12px; }
  .single-open-list-post.single.wide-post .post-comments, .single-open-list-post.narrow-post-700 .post-comments, .single-open-list-post.narrow-post .post-comments {
    padding: 0 12px 16px 12px; } }

.single-open-list-post svg.svg-icon.icon-open-list-mobile-votes, .single-open-list-post svg.icon-open-list-mobile-comments {
  width: 14px;
  height: 15px;
  vertical-align: middle;
  margin-right: 5px; }

@media (max-width: 1030px) {
  .single-open-list-post .footer .fb-like-button {
    display: none; } }

.single-open-list-post .append-open-list-first-submission {
  display: block;
  height: 430px;
  background-color: var(--gray-50);
  border: 2px solid var(--gray-100);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  box-sizing: border-box; }
  .single-open-list-post .append-open-list-first-submission .panda-icon {
    background: url("images/panda-add-submission.png");
    background-size: 139px 109px;
    display: inline-block;
    width: 139px;
    height: 109px;
    margin-top: 70px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .single-open-list-post .append-open-list-first-submission .panda-icon {
        background: url("images/panda-add-submission@2x.png");
        background-size: 139px 109px; } }
    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
      .single-open-list-post .append-open-list-first-submission .panda-icon {
        background: url("images/panda-add-submission@3x.png");
        background-size: 139px 109px; } }
  .single-open-list-post .append-open-list-first-submission .annotation {
    display: block;
    color: var(--black);
    font-size: 30px;
    line-height: 30px;
    font-family: Merriweather;
    font-weight: 700;
    padding-top: 30px; }
  .single-open-list-post .append-open-list-first-submission .description {
    color: var(--gray-400);
    font-weight: 400;
    font-size: 18px;
    display: block; }
  .single-open-list-post .append-open-list-first-submission .open-list-mobile-add-image-button {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    padding: 0 22px;
    margin-top: 30px; }
    .single-open-list-post .append-open-list-first-submission .open-list-mobile-add-image-button i {
      margin-right: 10px;
      font-size: 16px; }
      .single-open-list-post .append-open-list-first-submission .open-list-mobile-add-image-button i svg.icon-plus-add-image {
        vertical-align: middle;
        width: 15px; }

#add-post-modal a.modal-close {
  position: absolute;
  top: -16px;
  right: -16px; }

#add-post-modal .vertical-align {
  display: table;
  height: 100%;
  width: 100%; }
  #add-post-modal .vertical-align .add-post-dialog {
    display: table-cell;
    vertical-align: middle;
    width: 617px; }
    #add-post-modal .vertical-align .add-post-dialog .modal-content {
      width: inherit;
      height: inherit;
      margin: 20px auto 20px; }
    #add-post-modal .vertical-align .add-post-dialog .modal-body {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      background: var(--gray-50);
      padding-top: 20px; }
    #add-post-modal .vertical-align .add-post-dialog .add-post-modal-body {
      background: var(--gray-50);
      width: 585px; }
      #add-post-modal .vertical-align .add-post-dialog .add-post-modal-body .append-open-list {
        background: inherit;
        border: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px; }
        #add-post-modal .vertical-align .add-post-dialog .add-post-modal-body .append-open-list h2 {
          padding-top: 0;
          padding-bottom: 12px; }
        #add-post-modal .vertical-align .add-post-dialog .add-post-modal-body .append-open-list .add-post-block {
          border: none;
          padding: 0; }
    #add-post-modal .vertical-align .add-post-dialog.meme-generator .modal-body {
      background: var(--white); }
    #add-post-modal .vertical-align .add-post-dialog.meme-generator .add-post-modal-body {
      background: var(--white); }
      #add-post-modal .vertical-align .add-post-dialog.meme-generator .add-post-modal-body .open-list-add-form {
        background: var(--post-background);
        color: var(--on-bg-dark);
        margin-bottom: 0;
        margin-top: 10px;
        padding-top: 0;
        padding-bottom: 30px; }
      #add-post-modal .vertical-align .add-post-dialog.meme-generator .add-post-modal-body .append-open-list .add-post-block {
        background: var(--white); }

a.open-list-mobile-add-image-button {
  display: inline-block;
  background-color: var(--orange-150);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 0 13px;
  line-height: 35px;
  color: white;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  height: 35px; }
  a.open-list-mobile-add-image-button i {
    margin-right: 8px;
    font-size: 12px; }
    a.open-list-mobile-add-image-button i svg.icon-plus-add-image {
      width: 12px;
      vertical-align: sub; }
  a.open-list-mobile-add-image-button:hover {
    background-color: var(--orange-100);
    border-color: var(--orange-150); }

.admin-vote-for-post-block {
  background: var(--white);
  border-radius: 0 0 5px 5px;
  padding: 10px 30px; }
  .admin-vote-for-post-block .admin-vote-for-post {
    width: 100%;
    box-sizing: border-box;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    font-weight: 500; }

.page-template-append-open-list-mobile-template-php {
  background: var(--post-background); }
  .page-template-append-open-list-mobile-template-php .main {
    padding: 0; }
  .page-template-append-open-list-mobile-template-php .custom-form {
    padding: 13px 0 0; }

.close-sign i {
  width: 32px;
  height: 32px;
  border: 2px solid var(--white);
  line-height: 32px;
  display: block;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: var(--gray-800);
  color: var(--white);
  font-size: 12px;
  text-align: center;
  vertical-align: middle; }
  .close-sign i svg.icon-modal-close {
    width: 12px;
    height: 12px;
    vertical-align: baseline; }
  .close-sign i svg.icon-modal-edit {
    width: 16px;
    height: 16px;
    padding-top: 5px;
    vertical-align: baseline; }

.close-sign:hover i {
  background: #7d7d7d; }

.post .footer, .posts .footer {
  margin: 0;
  padding: 10px 45px;
  width: auto;
  height: 46px; }
  .post .footer .left, .post .footer .left-mobile, .posts .footer .left, .posts .footer .left-mobile {
    margin: 0;
    height: 46px; }
    .post .footer .left .fb-custom-share, .post .footer .left .fb-custom-share-mobile, .post .footer .left .pinterest-custom-share, .post .footer .left-mobile .fb-custom-share, .post .footer .left-mobile .fb-custom-share-mobile, .post .footer .left-mobile .pinterest-custom-share, .posts .footer .left .fb-custom-share, .posts .footer .left .fb-custom-share-mobile, .posts .footer .left .pinterest-custom-share, .posts .footer .left-mobile .fb-custom-share, .posts .footer .left-mobile .fb-custom-share-mobile, .posts .footer .left-mobile .pinterest-custom-share {
      margin-left: 0;
      margin-top: 0;
      margin-right: 0;
      float: left;
      background-color: #3b5998;
      color: var(--white);
      font-weight: 500;
      padding: 0 18px 0 16px;
      font-size: 16px;
      height: 46px;
      line-height: 46px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .post .footer .left .fb-custom-share i, .post .footer .left .fb-custom-share-mobile i, .post .footer .left .pinterest-custom-share i, .post .footer .left-mobile .fb-custom-share i, .post .footer .left-mobile .fb-custom-share-mobile i, .post .footer .left-mobile .pinterest-custom-share i, .posts .footer .left .fb-custom-share i, .posts .footer .left .fb-custom-share-mobile i, .posts .footer .left .pinterest-custom-share i, .posts .footer .left-mobile .fb-custom-share i, .posts .footer .left-mobile .fb-custom-share-mobile i, .posts .footer .left-mobile .pinterest-custom-share i {
        background: 0 0;
        line-height: 44px;
        margin-right: 11px;
        width: auto;
        height: auto;
        margin-top: 0;
        display: inline-block; }
        .post .footer .left .fb-custom-share i svg.icon-facebook-share, .post .footer .left .fb-custom-share-mobile i svg.icon-facebook-share, .post .footer .left .pinterest-custom-share i svg.icon-facebook-share, .post .footer .left-mobile .fb-custom-share i svg.icon-facebook-share, .post .footer .left-mobile .fb-custom-share-mobile i svg.icon-facebook-share, .post .footer .left-mobile .pinterest-custom-share i svg.icon-facebook-share, .posts .footer .left .fb-custom-share i svg.icon-facebook-share, .posts .footer .left .fb-custom-share-mobile i svg.icon-facebook-share, .posts .footer .left .pinterest-custom-share i svg.icon-facebook-share, .posts .footer .left-mobile .fb-custom-share i svg.icon-facebook-share, .posts .footer .left-mobile .fb-custom-share-mobile i svg.icon-facebook-share, .posts .footer .left-mobile .pinterest-custom-share i svg.icon-facebook-share {
          vertical-align: middle;
          width: 26px;
          height: 26px; }
      .post .footer .left .fb-custom-share:hover, .post .footer .left .fb-custom-share-mobile:hover, .post .footer .left .pinterest-custom-share:hover, .post .footer .left-mobile .fb-custom-share:hover, .post .footer .left-mobile .fb-custom-share-mobile:hover, .post .footer .left-mobile .pinterest-custom-share:hover, .posts .footer .left .fb-custom-share:hover, .posts .footer .left .fb-custom-share-mobile:hover, .posts .footer .left .pinterest-custom-share:hover, .posts .footer .left-mobile .fb-custom-share:hover, .posts .footer .left-mobile .fb-custom-share-mobile:hover, .posts .footer .left-mobile .pinterest-custom-share:hover {
        background-color: #4e6bba; }
    .post .footer .left .pinterest-custom-share, .post .footer .left-mobile .pinterest-custom-share, .posts .footer .left .pinterest-custom-share, .posts .footer .left-mobile .pinterest-custom-share {
      background-color: #bd081c;
      margin-left: 20px; }
      .post .footer .left .pinterest-custom-share:hover, .post .footer .left-mobile .pinterest-custom-share:hover, .posts .footer .left .pinterest-custom-share:hover, .posts .footer .left-mobile .pinterest-custom-share:hover {
        background-color: #cf1c2f; }
      .post .footer .left .pinterest-custom-share svg.icon-pinterest-share, .post .footer .left-mobile .pinterest-custom-share svg.icon-pinterest-share, .posts .footer .left .pinterest-custom-share svg.icon-pinterest-share, .posts .footer .left-mobile .pinterest-custom-share svg.icon-pinterest-share {
        vertical-align: middle;
        margin-top: -1px; }
    .post .footer .left .fb-like, .post .footer .left-mobile .fb-like, .posts .footer .left .fb-like, .posts .footer .left-mobile .fb-like {
      margin-left: 8px; }
    .post .footer .left .admin-submission-votes, .post .footer .left-mobile .admin-submission-votes, .posts .footer .left .admin-submission-votes, .posts .footer .left-mobile .admin-submission-votes {
      /* Hide the browser's default radio button */
      /* Create a custom radio button */
      /* On mouse-over, add a grey background color */
      /* When the radio button is checked, add a blue background */
      /* Create the indicator (the dot/circle - hidden when not checked) */
      /* Show the indicator (dot/circle) when checked */
      /* Style the indicator (dot/circle) */ }
      .post .footer .left .admin-submission-votes .container, .post .footer .left-mobile .admin-submission-votes .container, .posts .footer .left .admin-submission-votes .container, .posts .footer .left-mobile .admin-submission-votes .container {
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
      .post .footer .left .admin-submission-votes .container input, .post .footer .left-mobile .admin-submission-votes .container input, .posts .footer .left .admin-submission-votes .container input, .posts .footer .left-mobile .admin-submission-votes .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer; }
      .post .footer .left .admin-submission-votes .checkmark, .post .footer .left-mobile .admin-submission-votes .checkmark, .posts .footer .left .admin-submission-votes .checkmark, .posts .footer .left-mobile .admin-submission-votes .checkmark {
        position: absolute;
        top: 0;
        left: 2px;
        height: 25px;
        width: 25px;
        background-color: var(--white);
        border-radius: 50%;
        border: 1px solid var(--gray-450); }
      .post .footer .left .admin-submission-votes .container:hover input ~ .checkmark, .post .footer .left-mobile .admin-submission-votes .container:hover input ~ .checkmark, .posts .footer .left .admin-submission-votes .container:hover input ~ .checkmark, .posts .footer .left-mobile .admin-submission-votes .container:hover input ~ .checkmark {
        background-color: var(--gray-250); }
      .post .footer .left .admin-submission-votes .container input:checked ~ .checkmark, .post .footer .left-mobile .admin-submission-votes .container input:checked ~ .checkmark, .posts .footer .left .admin-submission-votes .container input:checked ~ .checkmark, .posts .footer .left-mobile .admin-submission-votes .container input:checked ~ .checkmark {
        background-color: #2196F3; }
      .post .footer .left .admin-submission-votes .checkmark:after, .post .footer .left-mobile .admin-submission-votes .checkmark:after, .posts .footer .left .admin-submission-votes .checkmark:after, .posts .footer .left-mobile .admin-submission-votes .checkmark:after {
        content: "";
        position: absolute;
        display: none;
        top: 9px;
        left: 9px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: var(--white); }
      .post .footer .left .admin-submission-votes .container input:checked ~ .checkmark:after, .post .footer .left-mobile .admin-submission-votes .container input:checked ~ .checkmark:after, .posts .footer .left .admin-submission-votes .container input:checked ~ .checkmark:after, .posts .footer .left-mobile .admin-submission-votes .container input:checked ~ .checkmark:after {
        display: block; }
      .post .footer .left .admin-submission-votes .container .checkmark:after, .post .footer .left-mobile .admin-submission-votes .container .checkmark:after, .posts .footer .left .admin-submission-votes .container .checkmark:after, .posts .footer .left-mobile .admin-submission-votes .container .checkmark:after {
        top: 9px;
        left: 9px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: white; }
  .post .footer .right, .posts .footer .right {
    line-height: 46px; }
    .post .footer .right .vote-text, .posts .footer .right .vote-text {
      border-right: none;
      line-height: inherit;
      color: var(--gray-700);
      font-size: 14px;
      padding: 0 12px; }
    .post .footer .right .vote, .posts .footer .right .vote {
      height: auto; }
    .post .footer .right .points, .posts .footer .right .points {
      margin-left: 1px;
      line-height: 46px; }

.single-open-list-post .comments.closed, .single-open-list-post .submissions.closed, .single-open-list-post .votes .vote.closed, .footer .comments.closed, .footer .submissions.closed, .footer .votes .vote.closed {
  line-height: 34px; }

.single-open-list-post .comments a.btn, .single-open-list-post .submissions a.btn, .single-open-list-post .votes .vote a.btn, .footer .comments a.btn, .footer .submissions a.btn, .footer .votes .vote a.btn {
  background: 0 0;
  margin: 0 8px 0 0;
  width: 34px;
  height: 34px; }
  .single-open-list-post .comments a.btn:hover, .single-open-list-post .comments a.btn.active, .single-open-list-post .submissions a.btn:hover, .single-open-list-post .submissions a.btn.active, .single-open-list-post .votes .vote a.btn:hover, .single-open-list-post .votes .vote a.btn.active, .footer .comments a.btn:hover, .footer .comments a.btn.active, .footer .submissions a.btn:hover, .footer .submissions a.btn.active, .footer .votes .vote a.btn:hover, .footer .votes .vote a.btn.active {
    background: none; }
  .single-open-list-post .comments a.btn.btn-up i:hover, .single-open-list-post .comments a.btn.btn-up.active i, .single-open-list-post .submissions a.btn.btn-up i:hover, .single-open-list-post .submissions a.btn.btn-up.active i, .single-open-list-post .votes .vote a.btn.btn-up i:hover, .single-open-list-post .votes .vote a.btn.btn-up.active i, .footer .comments a.btn.btn-up i:hover, .footer .comments a.btn.btn-up.active i, .footer .submissions a.btn.btn-up i:hover, .footer .submissions a.btn.btn-up.active i, .footer .votes .vote a.btn.btn-up i:hover, .footer .votes .vote a.btn.btn-up.active i {
    border: 2px solid #56b863; }
    @media (max-width: 480px) {
      .single-open-list-post .comments a.btn.btn-up i:hover, .single-open-list-post .comments a.btn.btn-up.active i, .single-open-list-post .submissions a.btn.btn-up i:hover, .single-open-list-post .submissions a.btn.btn-up.active i, .single-open-list-post .votes .vote a.btn.btn-up i:hover, .single-open-list-post .votes .vote a.btn.btn-up.active i, .footer .comments a.btn.btn-up i:hover, .footer .comments a.btn.btn-up.active i, .footer .submissions a.btn.btn-up i:hover, .footer .submissions a.btn.btn-up.active i, .footer .votes .vote a.btn.btn-up i:hover, .footer .votes .vote a.btn.btn-up.active i {
        border: 1px solid #56b863; } }
    .single-open-list-post .comments a.btn.btn-up i:hover .icon-vote-arrow-up, .single-open-list-post .comments a.btn.btn-up.active i .icon-vote-arrow-up, .single-open-list-post .submissions a.btn.btn-up i:hover .icon-vote-arrow-up, .single-open-list-post .submissions a.btn.btn-up.active i .icon-vote-arrow-up, .single-open-list-post .votes .vote a.btn.btn-up i:hover .icon-vote-arrow-up, .single-open-list-post .votes .vote a.btn.btn-up.active i .icon-vote-arrow-up, .footer .comments a.btn.btn-up i:hover .icon-vote-arrow-up, .footer .comments a.btn.btn-up.active i .icon-vote-arrow-up, .footer .submissions a.btn.btn-up i:hover .icon-vote-arrow-up, .footer .submissions a.btn.btn-up.active i .icon-vote-arrow-up, .footer .votes .vote a.btn.btn-up i:hover .icon-vote-arrow-up, .footer .votes .vote a.btn.btn-up.active i .icon-vote-arrow-up {
      color: #56b863; }
  .single-open-list-post .comments a.btn.btn-down i:hover, .single-open-list-post .comments a.btn.btn-down.active i, .single-open-list-post .submissions a.btn.btn-down i:hover, .single-open-list-post .submissions a.btn.btn-down.active i, .single-open-list-post .votes .vote a.btn.btn-down i:hover, .single-open-list-post .votes .vote a.btn.btn-down.active i, .footer .comments a.btn.btn-down i:hover, .footer .comments a.btn.btn-down.active i, .footer .submissions a.btn.btn-down i:hover, .footer .submissions a.btn.btn-down.active i, .footer .votes .vote a.btn.btn-down i:hover, .footer .votes .vote a.btn.btn-down.active i {
    border: 2px solid var(--orange-150); }
    @media (max-width: 480px) {
      .single-open-list-post .comments a.btn.btn-down i:hover, .single-open-list-post .comments a.btn.btn-down.active i, .single-open-list-post .submissions a.btn.btn-down i:hover, .single-open-list-post .submissions a.btn.btn-down.active i, .single-open-list-post .votes .vote a.btn.btn-down i:hover, .single-open-list-post .votes .vote a.btn.btn-down.active i, .footer .comments a.btn.btn-down i:hover, .footer .comments a.btn.btn-down.active i, .footer .submissions a.btn.btn-down i:hover, .footer .submissions a.btn.btn-down.active i, .footer .votes .vote a.btn.btn-down i:hover, .footer .votes .vote a.btn.btn-down.active i {
        border: 1px solid var(--orange-150); } }
    .single-open-list-post .comments a.btn.btn-down i:hover .icon-vote-arrow-down, .single-open-list-post .comments a.btn.btn-down.active i .icon-vote-arrow-down, .single-open-list-post .submissions a.btn.btn-down i:hover .icon-vote-arrow-down, .single-open-list-post .submissions a.btn.btn-down.active i .icon-vote-arrow-down, .single-open-list-post .votes .vote a.btn.btn-down i:hover .icon-vote-arrow-down, .single-open-list-post .votes .vote a.btn.btn-down.active i .icon-vote-arrow-down, .footer .comments a.btn.btn-down i:hover .icon-vote-arrow-down, .footer .comments a.btn.btn-down.active i .icon-vote-arrow-down, .footer .submissions a.btn.btn-down i:hover .icon-vote-arrow-down, .footer .submissions a.btn.btn-down.active i .icon-vote-arrow-down, .footer .votes .vote a.btn.btn-down i:hover .icon-vote-arrow-down, .footer .votes .vote a.btn.btn-down.active i .icon-vote-arrow-down {
      color: var(--orange-150); }

.single-open-list-post .comments i, .single-open-list-post .submissions i, .single-open-list-post .votes .vote i, .footer .comments i, .footer .submissions i, .footer .votes .vote i {
  position: relative;
  color: var(--gray-350);
  box-sizing: border-box;
  margin-right: 6px;
  border: 2px solid var(--gray-250);
  width: 34px;
  height: 34px;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }
  @media (max-width: 480px) {
    .single-open-list-post .comments i, .single-open-list-post .submissions i, .single-open-list-post .votes .vote i, .footer .comments i, .footer .submissions i, .footer .votes .vote i {
      border: 1px solid var(--gray-250); } }
  .single-open-list-post .comments i svg, .single-open-list-post .submissions i svg, .single-open-list-post .votes .vote i svg, .footer .comments i svg, .footer .submissions i svg, .footer .votes .vote i svg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }

.single-open-list-post .points, .single-open-list-post .comments, .footer .points, .footer .comments {
  display: block;
  font-size: 14px;
  color: var(--gray-600);
  font-weight: bold; }
  .single-open-list-post .points span, .single-open-list-post .comments span, .footer .points span, .footer .comments span {
    font-weight: normal;
    color: var(--gray-400); }

.single-open-list-item .post .post-bottom-meta-links a, .single-open-list-item .post .post-bottom-meta-links span.open-list-submission-source-separator {
  display: inline-block;
  margin-top: 5px; }

.description-challenge-image-download {
  padding-bottom: 15px;
  display: block;
  float: right; }

.close-change-image {
  position: absolute;
  right: -20px;
  top: -20px; }

#change-image-upload-btn-id {
  cursor: pointer; }
  #change-image-upload-btn-id i {
    background: none; }

.single .post .entry .open-list-full-list-block {
  clear: both;
  padding-top: 30px;
  font-size: 13px;
  text-align: right; }
  .single .post .entry .open-list-full-list-block p {
    color: var(--gray-500);
    padding: 0; }
  .single .post .entry .open-list-full-list-block a {
    color: var(--gray-500);
    text-decoration: underline;
    cursor: pointer; }
  @media (max-width: 979px) {
    .single .post .entry .open-list-full-list-block {
      text-align: justify;
      padding-left: 25px;
      padding-right: 25px; } }
  @media (max-width: 480px) {
    .single .post .entry .open-list-full-list-block {
      text-align: justify;
      padding-left: 0;
      padding-right: 0; }
      .single .post .entry .open-list-full-list-block p {
        font-size: 12px;
        line-height: 1.2; } }

.single .post .entry .open-list-header {
  text-align: left;
  padding-bottom: 20px; }
  .single .post .entry .open-list-header span {
    clear: both;
    font-family: Merriweather, serif;
    color: var(--black);
    font-size: 1.8em;
    line-height: 100%;
    padding: 0.5em 0 0.3em 0;
    display: inline;
    font-weight: bold; }
  .single .post .entry .open-list-header h2 {
    display: inline; }
  @media (max-width: 768px) {
    .single .post .entry .open-list-header {
      padding: 14px 25px 8px 25px; }
      .single .post .entry .open-list-header span, .single .post .entry .open-list-header h2 {
        padding: 0; } }
  @media (max-width: 480px) {
    .single .post .entry .open-list-header {
      padding: 11px 12px 7px 12px; }
      .single .post .entry .open-list-header span, .single .post .entry .open-list-header h2 {
        padding: 0; } }

.append-list-queue-form .list-queue-item-image, .append-list-queue-form .list-queue-item-data {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  position: relative; }

.append-list-queue-form .list-queue-item {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid var(--border-text-input); }

.append-list-queue-form .list-queue-item-image img {
  width: 100%; }

.append-list-queue-form .list-queue-item-image .remove-image {
  position: absolute;
  top: 5px;
  right: 5px; }

.append-list-queue-form .list-queue-item-image .edit-image {
  position: absolute;
  top: 5px;
  right: 40px; }

.append-list-queue-form .list-queue-item-data {
  float: right; }
  .append-list-queue-form .list-queue-item-data input[type="text"], .append-list-queue-form .list-queue-item-data textarea {
    border: 1px solid var(--border-text-input);
    background: white;
    padding: 2%;
    font-size: 16px;
    color: var(--gray-400);
    outline: none;
    font-family: Roboto, sans-serif;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 35px;
    box-sizing: border-box;
    border-radius: 3px;
    margin-bottom: 10px; }
  .append-list-queue-form .list-queue-item-data textarea {
    height: 100px; }
  .append-list-queue-form .list-queue-item-data .expand-source a {
    width: 100%; }

.boredpanda-creditor-header .header-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: var(--gray-800);
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  padding: 24px 18px; }

.boredpanda-creditor-header .arrow {
  margin-left: 5px;
  cursor: pointer; }
  .boredpanda-creditor-header .arrow svg {
    width: 14px;
    height: 21px; }
  .boredpanda-creditor-header .arrow.hidden {
    display: none; }

.boredpanda-creditor-table {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  width: 100%;
  background: var(--white);
  color: var(--gray-800);
  border-radius: 4px;
  border: 1px solid var(--border-text-input);
  table-layout: fixed; }
  .boredpanda-creditor-table th {
    color: var(--gray-450);
    font-weight: 500;
    padding: 10px 14px;
    text-align: left; }
  .boredpanda-creditor-table td {
    padding: 10px 14px;
    max-width: 20%;
    width: 20%;
    text-overflow: ellipsis;
    overflow: hidden; }
  .boredpanda-creditor-table tbody tr:hover {
    background: var(--gray-50); }

.boredpanda-creditor-publications-list {
  background-color: var(--white);
  border-radius: 3px;
  margin-bottom: 10px; }
  .boredpanda-creditor-publications-list > a {
    display: block; }
  @media (max-width: 480px) {
    .boredpanda-creditor-publications-list {
      padding: 12px; } }
  .boredpanda-creditor-publications-list .boredpanda-creditor-publications-body {
    padding: 0 30px 25px; }
  .boredpanda-creditor-publications-list .boredpanda-creditor-header {
    padding: 25px 30px; }
    .boredpanda-creditor-publications-list .boredpanda-creditor-header .header-title {
      display: inline-block;
      line-height: 50px;
      padding: 0; }
  .boredpanda-creditor-publications-list .boredpanda-creditor-publications-progress {
    font-family: Roboto, serif;
    font-weight: 500;
    float: right; }
    .boredpanda-creditor-publications-list .boredpanda-creditor-publications-progress .text {
      color: #6CB678;
      font-size: 14px;
      vertical-align: middle;
      margin-right: 10px;
      display: inline-block; }
    .boredpanda-creditor-publications-list .boredpanda-creditor-publications-progress .progress-circle {
      display: inline-block;
      vertical-align: middle;
      transform: rotate(-90deg);
      width: 50px;
      height: 50px; }
      .boredpanda-creditor-publications-list .boredpanda-creditor-publications-progress .progress-circle .percent {
        stroke-dasharray: 100;
        stroke-dashoffset: 100;
        transition: stroke-dashoffset 1s; }
      .boredpanda-creditor-publications-list .boredpanda-creditor-publications-progress .progress-circle .text {
        transform: rotate(90deg);
        font-size: 11px; }
  .boredpanda-creditor-publications-list .boredpanda-creditor-publications-table {
    border-collapse: separate;
    width: 100%;
    border-spacing: 0;
    margin-bottom: 14px; }
    .boredpanda-creditor-publications-list .boredpanda-creditor-publications-table a {
      color: var(--gray-800);
      text-decoration: underline;
      word-break: break-all; }
    .boredpanda-creditor-publications-list .boredpanda-creditor-publications-table thead, .boredpanda-creditor-publications-list .boredpanda-creditor-publications-table tbody, .boredpanda-creditor-publications-list .boredpanda-creditor-publications-table tr, .boredpanda-creditor-publications-list .boredpanda-creditor-publications-table th, .boredpanda-creditor-publications-list .boredpanda-creditor-publications-table td {
      display: block; }
    .boredpanda-creditor-publications-list .boredpanda-creditor-publications-table tr:after {
      content: ' ';
      display: block;
      visibility: hidden;
      clear: both; }
    .boredpanda-creditor-publications-list .boredpanda-creditor-publications-table tbody {
      max-height: 300px;
      overflow-y: auto;
      overflow-x: hidden; }
    .boredpanda-creditor-publications-list .boredpanda-creditor-publications-table tbody td, .boredpanda-creditor-publications-list .boredpanda-creditor-publications-table thead th {
      width: 19%;
      float: left; }
      .boredpanda-creditor-publications-list .boredpanda-creditor-publications-table tbody td.link-col, .boredpanda-creditor-publications-list .boredpanda-creditor-publications-table thead th.link-col {
        width: 72%;
        max-width: 72%; }
        @media (max-width: 480px) {
          .boredpanda-creditor-publications-list .boredpanda-creditor-publications-table tbody td.link-col, .boredpanda-creditor-publications-list .boredpanda-creditor-publications-table thead th.link-col {
            max-width: 61%; } }
    .boredpanda-creditor-publications-list .boredpanda-creditor-publications-table tbody tr.checked {
      background-color: var(--gray-50); }
      .boredpanda-creditor-publications-list .boredpanda-creditor-publications-table tbody tr.checked td a {
        color: var(--gray-450);
        text-decoration: line-through; }
  .boredpanda-creditor-publications-list input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    font: inherit;
    transform: translateY(-0.075em);
    place-content: center;
    border: 1px solid var(--green-400);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: var(--green-75);
    cursor: pointer;
    display: inline-grid;
    margin: 0 5px 0 0; }
  .boredpanda-creditor-publications-list input[type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    background-color: var(--white); }
  .boredpanda-creditor-publications-list input[type="checkbox"]:checked::before {
    transform: scale(1); }
  .boredpanda-creditor-publications-list input[type="checkbox"]:checked {
    background: var(--green-400); }

.boredpanda-creditor-sources-box {
  background: var(--gray-100);
  border-radius: 4px;
  margin-top: 20px; }
  @media (min-width: 480px) and (max-width: 768px) {
    .boredpanda-creditor-sources-box {
      margin: 10px 25px;
      padding: 14px 15px; } }
  .boredpanda-creditor-sources-box .boredpanda-creditor-sources-box-body {
    padding: 0 18px 24px; }
    .boredpanda-creditor-sources-box .boredpanda-creditor-sources-box-body.hidden, .boredpanda-creditor-sources-box .boredpanda-creditor-sources-box-body .hidden {
      display: none; }
  .boredpanda-creditor-sources-box .boredpanda-creditor-sources-table.type-reddit {
    margin-bottom: 14px; }
  .boredpanda-creditor-sources-box .boredpanda-creditor-sources-table tbody tr:hover .set-source-btn {
    display: block; }
  .boredpanda-creditor-sources-box .boredpanda-creditor-sources-table tbody tr.active {
    background: var(--green-75); }
    .boredpanda-creditor-sources-box .boredpanda-creditor-sources-table tbody tr.active td {
      border-top: 1px solid var(--green-400);
      border-bottom: 1px solid var(--green-400); }
    .boredpanda-creditor-sources-box .boredpanda-creditor-sources-table tbody tr.active:hover {
      background: var(--green-75); }
      .boredpanda-creditor-sources-box .boredpanda-creditor-sources-table tbody tr.active:hover .set-source-btn {
        display: none; }
  .boredpanda-creditor-sources-box .boredpanda-creditor-sources-table a {
    text-decoration: underline; }
    .boredpanda-creditor-sources-box .boredpanda-creditor-sources-table a.set-source-btn {
      display: none;
      text-decoration: none; }
      .boredpanda-creditor-sources-box .boredpanda-creditor-sources-table a.set-source-btn:hover {
        text-decoration: underline; }
  .boredpanda-creditor-sources-box .boredpanda-creditor-sources-table tfoot {
    border-top: 1px solid var(--border-text-input); }
    .boredpanda-creditor-sources-box .boredpanda-creditor-sources-table tfoot .add-additional-source.hidden {
      display: none; }
    .boredpanda-creditor-sources-box .boredpanda-creditor-sources-table tfoot label {
      display: block;
      margin-bottom: 5px; }
    .boredpanda-creditor-sources-box .boredpanda-creditor-sources-table tfoot .input, .boredpanda-creditor-sources-box .boredpanda-creditor-sources-table tfoot .combined-input {
      padding: 4px 8px;
      box-sizing: border-box;
      background: var(--white);
      border: 1px solid var(--border-text-input);
      border-radius: 2px;
      outline: none;
      width: 100%;
      height: 25px; }
    .boredpanda-creditor-sources-box .boredpanda-creditor-sources-table tfoot .combined-input {
      display: flex;
      flex-direction: row;
      padding-right: 0; }
      .boredpanda-creditor-sources-box .boredpanda-creditor-sources-table tfoot .combined-input input {
        flex-grow: 2;
        border: none;
        padding: 0 4px 0 0; }
        .boredpanda-creditor-sources-box .boredpanda-creditor-sources-table tfoot .combined-input input:focus {
          outline: none; }
      .boredpanda-creditor-sources-box .boredpanda-creditor-sources-table tfoot .combined-input button {
        background: #DF6F4B;
        border: 1px solid #DF6F4B;
        border-radius: 0 2px 2px 0;
        margin-top: -5px;
        margin-bottom: -5px;
        margin-right: -1px;
        cursor: pointer; }
        .boredpanda-creditor-sources-box .boredpanda-creditor-sources-table tfoot .combined-input button:hover {
          background-color: var(--orange-100);
          border-color: var(--orange-100); }
        .boredpanda-creditor-sources-box .boredpanda-creditor-sources-table tfoot .combined-input button svg {
          height: 21px;
          color: var(--white); }
    .boredpanda-creditor-sources-box .boredpanda-creditor-sources-table tfoot a {
      color: var(--gray-800);
      text-decoration: none;
      font-size: 12px;
      font-weight: 500; }
      .boredpanda-creditor-sources-box .boredpanda-creditor-sources-table tfoot a:hover {
        text-decoration: underline; }
      .boredpanda-creditor-sources-box .boredpanda-creditor-sources-table tfoot a svg {
        width: 10px;
        height: 12px; }
  .boredpanda-creditor-sources-box .boredpanda-creditor-sources-table .original-source.hidden {
    display: none; }

.boredpanda-creditor-error-message {
  padding: 10px 20px;
  background-color: #f47e76;
  color: white;
  box-sizing: border-box;
  margin: 20px 0;
  border-radius: 2px; }

.boredpanda-creditor-title-table {
  width: 100%; }
  .boredpanda-creditor-title-table tr {
    border: 1px solid var(--border-text-input); }
  .boredpanda-creditor-title-table .boredpanda-creditor-title {
    padding: 8px 10px;
    position: relative; }
    .boredpanda-creditor-title-table .boredpanda-creditor-title .creditor-title {
      font-size: 20px;
      font-weight: 400;
      font-family: Merriweather, serif;
      color: var(--gray-800);
      line-height: 26px; }
    .boredpanda-creditor-title-table .boredpanda-creditor-title:hover {
      background: var(--gray-50); }
      .boredpanda-creditor-title-table .boredpanda-creditor-title:hover .set-title-btn {
        display: block; }
    .boredpanda-creditor-title-table .boredpanda-creditor-title.active {
      border: 1px solid var(--green-400);
      background-color: var(--green-75); }
      .boredpanda-creditor-title-table .boredpanda-creditor-title.active:hover {
        background: var(--green-75); }
        .boredpanda-creditor-title-table .boredpanda-creditor-title.active:hover .set-title-btn {
          display: none; }
      .boredpanda-creditor-title-table .boredpanda-creditor-title.active .creditor-title {
        clear: both;
        color: var(--black);
        font-size: 1.8em;
        line-height: 100%;
        display: inline;
        font-weight: bold;
        word-wrap: break-word;
        -ms-word-break: break-word;
        word-break: break-word;
        overflow-wrap: break-word; }
  .boredpanda-creditor-title-table .set-title-btn {
    display: none;
    font-size: 13px;
    position: absolute;
    right: 15px;
    top: 7px;
    background: var(--green-400);
    padding: 3px 10px;
    border-radius: 3px;
    color: var(--white);
    font-weight: 400; }
    .boredpanda-creditor-title-table .set-title-btn:hover {
      opacity: 0.9; }

.boredpanda-creditor-dimensions-list {
  margin-top: 20px;
  text-align: center; }
  .boredpanda-creditor-dimensions-list .boredpanda-creditor-dimensions {
    position: relative;
    display: inline-block;
    padding: 4px 8px;
    font-size: 14px;
    border: 1px solid var(--border-text-input);
    border-radius: 20px;
    font-weight: 500;
    color: var(--gray-450);
    height: 15px;
    line-height: 15px;
    margin: 0 5px; }
    .boredpanda-creditor-dimensions-list .boredpanda-creditor-dimensions .original-dimensions {
      position: absolute;
      right: -8px;
      top: -14px;
      color: #536DC9;
      font-weight: 400;
      font-size: 10px;
      background-color: var(--blue-400);
      border: 1px solid #C6D0E3;
      border-radius: 9px;
      padding: 0 4px; }
    .boredpanda-creditor-dimensions-list .boredpanda-creditor-dimensions input {
      margin: -2px 0 0;
      cursor: pointer; }
    .boredpanda-creditor-dimensions-list .boredpanda-creditor-dimensions label {
      cursor: pointer; }
    .boredpanda-creditor-dimensions-list .boredpanda-creditor-dimensions.active {
      border-color: var(--green-400);
      color: var(--green-400);
      background-color: var(--green-75); }
      .boredpanda-creditor-dimensions-list .boredpanda-creditor-dimensions.active input {
        accent-color: green; }

.image-editor-block .image-editor {
  width: 100%;
  top: 5%;
  position: relative;
  z-index: 1001;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
  .image-editor-block .image-editor .buttons {
    margin: 20px 0;
    text-align: right; }
    .image-editor-block .image-editor .buttons .add-post-form-button {
      margin-left: 15px;
      display: inline-block;
      vertical-align: middle; }
  .image-editor-block .image-editor .image-wrapper .separator-color {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px; }
    .image-editor-block .image-editor .image-wrapper .separator-color .color-picker {
      width: 15px;
      height: 15px;
      border-radius: 2px;
      border: 1px solid var(--gray-800);
      cursor: pointer; }
      .image-editor-block .image-editor .image-wrapper .separator-color .color-picker.black {
        background-color: var(--gray-800); }
      .image-editor-block .image-editor .image-wrapper .separator-color .color-picker:not(.active) {
        opacity: 0.3; }
  .image-editor-block .image-editor .image-wrapper .cropper {
    height: 100%;
    width: 100%;
    position: absolute;
    background: var(--white); }
    .image-editor-block .image-editor .image-wrapper .cropper__background {
      background: var(--white); }
  .image-editor-block .image-editor .image-wrapper .vue-preview__wrapper {
    background: var(--white); }
  .image-editor-block .image-editor .image-wrapper .two-column {
    display: table-row; }
    .image-editor-block .image-editor .image-wrapper .two-column .left-column, .image-editor-block .image-editor .image-wrapper .two-column .right-column {
      width: calc(50% - 3px);
      display: table-cell;
      position: relative; }
    .image-editor-block .image-editor .image-wrapper .two-column .left-column {
      padding-right: 6px; }
    .image-editor-block .image-editor .image-wrapper .two-column .right-column .resizable:not(.overlay-vdr) {
      transform: translate(0px, 0px) !important; }
    .image-editor-block .image-editor .image-wrapper .two-column .top-column {
      margin-bottom: 6px; }
    .image-editor-block .image-editor .image-wrapper .two-column .no-image {
      padding: 120px 0 !important; }
  .image-editor-block .image-editor .image-wrapper .three-column {
    display: table-row; }
    .image-editor-block .image-editor .image-wrapper .three-column .top-column {
      margin-bottom: 6px; }
    .image-editor-block .image-editor .image-wrapper .three-column .middle-column {
      margin-bottom: 6px; }
    .image-editor-block .image-editor .image-wrapper .three-column .no-image {
      padding: 120px 0 !important; }
  .image-editor-block .image-editor .image-wrapper .four-column {
    display: table-row; }
    .image-editor-block .image-editor .image-wrapper .four-column .top-column {
      margin-bottom: 6px; }
    .image-editor-block .image-editor .image-wrapper .four-column .middle1-column {
      margin-bottom: 6px; }
    .image-editor-block .image-editor .image-wrapper .four-column .middle2-column {
      margin-bottom: 6px; }
    .image-editor-block .image-editor .image-wrapper .four-column .no-image {
      padding: 120px 0 !important; }
  .image-editor-block .image-editor .image-wrapper .two-by-two .row {
    display: flex;
    gap: 6px;
    margin-bottom: 6px; }
    .image-editor-block .image-editor .image-wrapper .two-by-two .row:last-child {
      margin-bottom: 0; }
  .image-editor-block .image-editor .image-wrapper .two-by-two .cell {
    flex: 1 1 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px; }
    .image-editor-block .image-editor .image-wrapper .two-by-two .cell .resizable:not(.overlay-vdr) {
      transform: translate(0px, 0px) !important; }
  .image-editor-block .image-editor .image-wrapper .two-by-one .row, .image-editor-block .image-editor .image-wrapper .one-by-two .row {
    display: flex;
    gap: 6px;
    margin-bottom: 6px; }
    .image-editor-block .image-editor .image-wrapper .two-by-one .row:last-child, .image-editor-block .image-editor .image-wrapper .one-by-two .row:last-child {
      margin-bottom: 0; }
  .image-editor-block .image-editor .image-wrapper .two-by-one .cell, .image-editor-block .image-editor .image-wrapper .one-by-two .cell {
    flex: 1 1 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px; }
    .image-editor-block .image-editor .image-wrapper .two-by-one .cell .resizable:not(.overlay-vdr), .image-editor-block .image-editor .image-wrapper .one-by-two .cell .resizable:not(.overlay-vdr) {
      transform: translate(0px, 0px) !important; }
  .image-editor-block .image-editor .empty-image {
    background-color: var(--gray-250);
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 9999; }
    .image-editor-block .image-editor .empty-image .button-wrapper {
      position: absolute;
      left: 0;
      right: 0;
      top: calc(50% - 20px);
      margin: 0 auto;
      text-align: center; }
      .image-editor-block .image-editor .empty-image .button-wrapper .upload-image-button {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        color: var(--white);
        padding: 9px 14px;
        border: 1px solid var(--white);
        background: inherit;
        border-radius: 3px;
        cursor: pointer; }
        .image-editor-block .image-editor .empty-image .button-wrapper .upload-image-button:hover {
          background-color: var(--gray-200); }
      .image-editor-block .image-editor .empty-image .button-wrapper .paste-image-label {
        display: block;
        margin-top: 15px;
        font-weight: 400;
        font-size: 14px;
        color: var(--white); }
      .image-editor-block .image-editor .empty-image .button-wrapper .icon-upload-from-computer {
        width: 22px;
        height: 22px;
        vertical-align: middle;
        margin-right: 4px; }
  .image-editor-block .image-editor .resizable-block .resizable.vdr {
    border: 2px solid transparent;
    box-sizing: content-box; }
    .image-editor-block .image-editor .resizable-block .resizable.vdr.active {
      border: 2px solid var(--sky-blue-200); }
    .image-editor-block .image-editor .resizable-block .resizable.vdr .handle {
      border: none;
      background: none;
      cursor: ns-resize;
      display: block;
      width: 100%;
      z-index: 9999; }
      .image-editor-block .image-editor .resizable-block .resizable.vdr .handle.handle-bm {
        bottom: -5px;
        left: 0;
        margin-left: 0; }
      .image-editor-block .image-editor .resizable-block .resizable.vdr .handle.handle-tm {
        top: -6px;
        left: 0px;
        margin-left: 0px; }
      .image-editor-block .image-editor .resizable-block .resizable.vdr .handle:after, .image-editor-block .image-editor .resizable-block .resizable.vdr .handle:before {
        content: "\A";
        border-style: solid;
        border-width: 10px 8px 10px 0;
        border-color: transparent var(--sky-blue-200) transparent transparent;
        position: absolute;
        z-index: 9;
        left: 0; }
      .image-editor-block .image-editor .resizable-block .resizable.vdr .handle:before {
        top: -12px;
        transform: rotate(90deg);
        left: 50%; }
      .image-editor-block .image-editor .resizable-block .resizable.vdr .handle:after {
        top: 3px;
        transform: rotate(-90deg);
        left: 50%; }
      .image-editor-block .image-editor .resizable-block .resizable.vdr .handle.handle-mr, .image-editor-block .image-editor .resizable-block .resizable.vdr .handle.handle-ml {
        cursor: ew-resize;
        display: block;
        height: 100%;
        top: 0;
        width: 10px;
        margin-top: 0; }
      .image-editor-block .image-editor .resizable-block .resizable.vdr .handle.handle-mr {
        right: -5px; }
        .image-editor-block .image-editor .resizable-block .resizable.vdr .handle.handle-mr:before {
          left: 9px;
          top: 50%;
          z-index: 9;
          transform: rotate(180deg); }
        .image-editor-block .image-editor .resizable-block .resizable.vdr .handle.handle-mr:after {
          left: -5px;
          top: 50%;
          z-index: 9;
          transform: rotate(0deg); }
      .image-editor-block .image-editor .resizable-block .resizable.vdr .handle.handle-ml {
        left: -5px; }
        .image-editor-block .image-editor .resizable-block .resizable.vdr .handle.handle-ml:before {
          left: -7px;
          top: 50%;
          z-index: 9;
          transform: rotate(0deg); }
        .image-editor-block .image-editor .resizable-block .resizable.vdr .handle.handle-ml:after {
          left: 7px;
          top: 50%;
          z-index: 9;
          transform: rotate(180deg); }
  .image-editor-block .image-editor .resizable-block .ui-resizable-s {
    cursor: ns-resize;
    bottom: -5px;
    border-bottom: var(--light-blue-500) dashed 3px; }
  .image-editor-block .image-editor .resizable-block .arrow-right, .image-editor-block .image-editor .resizable-block .arrow-left {
    position: absolute;
    line-height: 0px;
    width: 100%;
    display: block;
    margin-top: -8px; }
    .image-editor-block .image-editor .resizable-block .arrow-right svg, .image-editor-block .image-editor .resizable-block .arrow-left svg {
      color: var(--light-blue-500);
      width: 18px;
      height: 18px; }
  .image-editor-block .image-editor .resizable-block .arrow-right {
    text-align: right;
    right: -15px; }
  .image-editor-block .image-editor .resizable-block .arrow-left {
    text-align: left;
    margin-left: -15px; }
  .image-editor-block .image-editor .thumbnail-crop {
    position: relative; }
  .image-editor-block .image-editor .image-preview-image {
    max-height: 100%; }
  .image-editor-block .image-editor .overlays {
    position: absolute;
    inset: 0;
    pointer-events: none; }
    .image-editor-block .image-editor .overlays.active {
      pointer-events: auto; }
    .image-editor-block .image-editor .overlays .overlay-text-options {
      color: #fff;
      position: fixed;
      top: 0;
      transform: translateY(-150%); }
    .image-editor-block .image-editor .overlays .overlay-text {
      color: #fff;
      font-size: 30px; }
    .image-editor-block .image-editor .overlays .overlay-censor {
      backdrop-filter: blur(10px);
      width: 100%;
      height: 100%; }
    .image-editor-block .image-editor .overlays .close {
      position: absolute;
      top: 0;
      right: 0;
      transform: translateX(50%) translateY(-50%);
      border-radius: 50%;
      width: 20px;
      height: 20px;
      border: 0;
      background: var(--orange-150);
      color: var(--white);
      box-sizing: border-box;
      cursor: pointer;
      font-size: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      z-index: 9999999; }
  .image-editor-block .image-editor .slider-wrapper {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    padding: 0 20px;
    opacity: 0.3; }
    .image-editor-block .image-editor .slider-wrapper:hover {
      opacity: 1; }
    .image-editor-block .image-editor .slider-wrapper .slider {
      background: var(--white);
      -webkit-box-shadow: 1px 0.732px 10px 3px rgba(0, 0, 0, 0.071);
      box-shadow: 1px 0.732px 10px 3px rgba(0, 0, 0, 0.071);
      margin: 0 auto;
      border-radius: 4px;
      padding: 2px;
      max-width: 320px; }
      .image-editor-block .image-editor .slider-wrapper .slider .zoom-slider-wrapper {
        float: right;
        display: flex;
        width: 80%; }
      .image-editor-block .image-editor .slider-wrapper .slider .image-zoom-input {
        accent-color: var(--gray-800);
        flex: 1; }
      .image-editor-block .image-editor .slider-wrapper .slider .icon-cropper {
        margin: 0 3px;
        float: left;
        display: inline-flex; }
        .image-editor-block .image-editor .slider-wrapper .slider .icon-cropper svg {
          color: var(--gray-800);
          width: 22px;
          height: 19px; }
  .image-editor-block .image-editor .edit-button {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9;
    -webkit-box-shadow: 1px 0.732px 10px 3px rgba(0, 0, 0, 0.071);
    box-shadow: 1px 0.732px 10px 3px rgba(0, 0, 0, 0.071);
    cursor: pointer;
    background: #fff;
    padding: 3px;
    border-radius: 3px;
    opacity: 0.3; }
    .image-editor-block .image-editor .edit-button svg {
      width: 18px;
      height: 18px;
      color: #000;
      display: block; }
    .image-editor-block .image-editor .edit-button:hover {
      opacity: 1; }
  .image-editor-block .image-editor .image-layout {
    position: absolute;
    left: -81px;
    padding: 16px;
    background: var(--bg-header);
    -webkit-box-shadow: 1px 0.732px 10px 3px rgba(0, 0, 0, 0.071);
    box-shadow: 1px 0.732px 10px 3px rgba(0, 0, 0, 0.071);
    border-radius: 4px; }
    .image-editor-block .image-editor .image-layout .layout-type {
      padding: 11px 5px;
      display: block;
      border: 2px solid var(--gray-200);
      border-radius: 4px;
      margin-bottom: 20px;
      height: 51px;
      box-sizing: border-box;
      cursor: default; }
      .image-editor-block .image-editor .image-layout .layout-type:hover, .image-editor-block .image-editor .image-layout .layout-type.active {
        border-color: var(--gray-800); }
        .image-editor-block .image-editor .image-layout .layout-type:hover .column, .image-editor-block .image-editor .image-layout .layout-type.active .column {
          background-color: var(--gray-800); }
      .image-editor-block .image-editor .image-layout .layout-type:hover:not(.active) {
        cursor: pointer; }
      .image-editor-block .image-editor .image-layout .layout-type.horizontal {
        padding: 6px 5px; }
      .image-editor-block .image-editor .image-layout .layout-type.two-by-two {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 2px;
        width: 100%;
        height: 51px; }
      .image-editor-block .image-editor .image-layout .layout-type.two-by-one, .image-editor-block .image-editor .image-layout .layout-type.one-by-two {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2px;
        width: 100%;
        height: 51px; }
      .image-editor-block .image-editor .image-layout .layout-type.two-by-three {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        gap: 1px;
        width: 100%;
        height: 51px; }
      .image-editor-block .image-editor .image-layout .layout-type .column {
        background-color: var(--gray-200); }
        .image-editor-block .image-editor .image-layout .layout-type .column.two-by-two, .image-editor-block .image-editor .image-layout .layout-type .column.two-by-three, .image-editor-block .image-editor .image-layout .layout-type .column.two-by-one, .image-editor-block .image-editor .image-layout .layout-type .column.one-by-two {
          width: 100%;
          height: 100%;
          display: block; }
        .image-editor-block .image-editor .image-layout .layout-type .column.two-by-one.full, .image-editor-block .image-editor .image-layout .layout-type .column.one-by-two.full {
          grid-column: span 2; }
        .image-editor-block .image-editor .image-layout .layout-type .column.one {
          width: 35px;
          height: 25px;
          display: block; }
        .image-editor-block .image-editor .image-layout .layout-type .column.two {
          width: 16px;
          height: 25px;
          display: inline-block; }
          .image-editor-block .image-editor .image-layout .layout-type .column.two.horizontal {
            width: 35px;
            height: 16px;
            display: block; }
            .image-editor-block .image-editor .image-layout .layout-type .column.two.horizontal:first-child {
              margin-bottom: 3px; }
        .image-editor-block .image-editor .image-layout .layout-type .column.three.horizontal {
          width: 35px;
          height: 10px;
          display: block;
          margin-bottom: 3px; }
          .image-editor-block .image-editor .image-layout .layout-type .column.three.horizontal:last-child {
            margin-bottom: 0; }
        .image-editor-block .image-editor .image-layout .layout-type .column.four.horizontal {
          width: 35px;
          height: 7px;
          display: block;
          margin-bottom: 2px; }
          .image-editor-block .image-editor .image-layout .layout-type .column.four.horizontal:last-child {
            margin-bottom: 0; }
    .image-editor-block .image-editor .image-layout .images-list {
      margin-top: 70px; }
      .image-editor-block .image-editor .image-layout .images-list .image {
        margin-bottom: 20px; }
        .image-editor-block .image-editor .image-layout .images-list .image img {
          width: 40px;
          border-radius: 3px;
          cursor: pointer; }
    .image-editor-block .image-editor .image-layout .upload-image {
      padding: 11px 5px;
      display: block;
      border: 2px solid var(--gray-800);
      border-radius: 4px;
      height: 51px;
      box-sizing: border-box;
      cursor: pointer;
      text-align: center;
      color: var(--gray-800); }
      .image-editor-block .image-editor .image-layout .upload-image:hover {
        opacity: 0.7; }
  .image-editor-block .image-editor .image-edit {
    position: absolute;
    left: 0;
    padding: 16px;
    background: var(--bg-header);
    -webkit-box-shadow: 1px 0.732px 10px 3px rgba(0, 0, 0, 0.071);
    box-shadow: 1px 0.732px 10px 3px rgba(0, 0, 0, 0.071);
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transform: translateY(-100%);
    flex-wrap: wrap;
    height: auto;
    gap: 10px; }
    .image-editor-block .image-editor .image-edit .edit-block {
      display: flex;
      gap: 8px;
      align-content: center;
      height: 40px; }
      .image-editor-block .image-editor .image-edit .edit-block .edit-header {
        margin: auto 0; }
        .image-editor-block .image-editor .image-edit .edit-block .edit-header .brightness-logo, .image-editor-block .image-editor .image-edit .edit-block .edit-header .border-logo {
          color: var(--gray-800); }
          .image-editor-block .image-editor .image-edit .edit-block .edit-header .brightness-logo .svg-icon, .image-editor-block .image-editor .image-edit .edit-block .edit-header .border-logo .svg-icon {
            width: 40px;
            height: 40px;
            vertical-align: middle; }
        .image-editor-block .image-editor .image-edit .edit-block .edit-header .border-logo {
          cursor: pointer; }
          .image-editor-block .image-editor .image-edit .edit-block .edit-header .border-logo:hover {
            color: var(--gray-150); }
        .image-editor-block .image-editor .image-edit .edit-block .edit-header .ai-logo {
          color: var(--gray-800); }
          .image-editor-block .image-editor .image-edit .edit-block .edit-header .ai-logo .icon-ai {
            width: 40px;
            height: 40px;
            display: block; }
        .image-editor-block .image-editor .image-edit .edit-block .edit-header .draw-line {
          width: 35px;
          height: 35px;
          display: block;
          text-align: center;
          border: 1px solid var(--gray-800);
          border-radius: 5px;
          cursor: pointer;
          background: var(--white); }
          .image-editor-block .image-editor .image-edit .edit-block .edit-header .draw-line .icon-draw-line {
            width: 25px;
            height: 35px;
            color: var(--gray-800);
            display: block;
            margin: 0 auto; }
          .image-editor-block .image-editor .image-edit .edit-block .edit-header .draw-line.active, .image-editor-block .image-editor .image-edit .edit-block .edit-header .draw-line:hover {
            background: var(--green-300);
            border: 1px solid var(--green-300); }
            .image-editor-block .image-editor .image-edit .edit-block .edit-header .draw-line.active .icon-draw-line, .image-editor-block .image-editor .image-edit .edit-block .edit-header .draw-line:hover .icon-draw-line {
              color: var(--white); }
          .image-editor-block .image-editor .image-edit .edit-block .edit-header .draw-line.disabled {
            background: var(--white);
            border-color: var(--border-button);
            cursor: not-allowed; }
            .image-editor-block .image-editor .image-edit .edit-block .edit-header .draw-line.disabled .icon-draw-line {
              color: var(--border-button); }
            .image-editor-block .image-editor .image-edit .edit-block .edit-header .draw-line.disabled:hover {
              background: var(--white);
              border-color: var(--border-button); }
      .image-editor-block .image-editor .image-edit .edit-block .button-option {
        padding: 5px;
        display: inline-block;
        vertical-align: middle;
        background: var(--white);
        border: 1px solid var(--border-button);
        border-radius: 3px;
        color: var(--gray-800);
        font-size: 12px;
        font-weight: 400;
        cursor: pointer;
        min-width: 20px;
        text-align: center; }
        .image-editor-block .image-editor .image-edit .edit-block .button-option.active, .image-editor-block .image-editor .image-edit .edit-block .button-option:hover {
          color: #fff;
          background: var(--green-300);
          border: 1px solid var(--green-300); }
      .image-editor-block .image-editor .image-edit .edit-block .slider-container {
        text-align: center;
        vertical-align: middle; }
        .image-editor-block .image-editor .image-edit .edit-block .slider-container .slider-counter {
          font-size: 14px;
          line-height: 20px;
          display: block; }
      .image-editor-block .image-editor .image-edit .edit-block .options-container {
        display: flex;
        gap: 3px;
        align-items: center; }
        .image-editor-block .image-editor .image-edit .edit-block .options-container .line-color {
          display: flex;
          flex-direction: column;
          gap: 3px; }
          .image-editor-block .image-editor .image-edit .edit-block .options-container .line-color .color-picker {
            width: 10px;
            height: 10px;
            border: 1px solid #000;
            border-radius: 2px;
            cursor: pointer; }
            .image-editor-block .image-editor .image-edit .edit-block .options-container .line-color .color-picker.white {
              background: #fff; }
            .image-editor-block .image-editor .image-edit .edit-block .options-container .line-color .color-picker.black {
              background: #000; }
            .image-editor-block .image-editor .image-edit .edit-block .options-container .line-color .color-picker:not(.active) {
              opacity: 0.3; }
            .image-editor-block .image-editor .image-edit .edit-block .options-container .line-color .color-picker.disabled {
              cursor: not-allowed;
              opacity: 0.3; }
        .image-editor-block .image-editor .image-edit .edit-block .options-container .ai-option, .image-editor-block .image-editor .image-edit .edit-block .options-container .image-line-option {
          padding: 5px;
          display: inline-block;
          vertical-align: middle;
          background: var(--white);
          border: 1px solid var(--border-button);
          border-radius: 3px;
          color: var(--gray-800);
          font-size: 12px;
          font-weight: 400;
          cursor: pointer; }
          .image-editor-block .image-editor .image-edit .edit-block .options-container .ai-option.active, .image-editor-block .image-editor .image-edit .edit-block .options-container .ai-option:hover, .image-editor-block .image-editor .image-edit .edit-block .options-container .image-line-option.active, .image-editor-block .image-editor .image-edit .edit-block .options-container .image-line-option:hover {
            color: #fff;
            background: var(--green-300);
            border: 1px solid var(--green-300); }
        .image-editor-block .image-editor .image-edit .edit-block .options-container .image-line-option {
          padding: 3px;
          display: inline-block;
          vertical-align: middle;
          background: var(--white);
          border: 1px solid var(--border-button);
          border-radius: 3px;
          color: var(--gray-800);
          cursor: pointer;
          height: 20px;
          width: 20px;
          text-align: center;
          outline: none;
          user-select: none;
          -moz-user-select: none;
          -webkit-user-select: none;
          -ms-user-select: none; }
          .image-editor-block .image-editor .image-edit .edit-block .options-container .image-line-option .svg-icon {
            width: 16px;
            height: 20px;
            vertical-align: baseline;
            margin: auto;
            display: block; }
          .image-editor-block .image-editor .image-edit .edit-block .options-container .image-line-option.rotated .svg-icon {
            transform: rotate(90deg); }
          .image-editor-block .image-editor .image-edit .edit-block .options-container .image-line-option.disabled {
            color: var(--gray-200);
            cursor: not-allowed; }
            .image-editor-block .image-editor .image-edit .edit-block .options-container .image-line-option.disabled:hover {
              background: var(--white);
              border-color: var(--gray-200); }
      .image-editor-block .image-editor .image-edit .edit-block .slider {
        display: block;
        -webkit-appearance: none;
        height: 10px;
        border-radius: 5px;
        background: var(--gray-200);
        outline: none;
        opacity: 0.7;
        -webkit-transition: .2s;
        transition: opacity .2s; }
      .image-editor-block .image-editor .image-edit .edit-block .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: var(--green-300);
        cursor: pointer; }
      .image-editor-block .image-editor .image-edit .edit-block .slider::-moz-range-thumb {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: var(--green-300);
        cursor: pointer; }

.open-list-images-queue-info-block {
  padding-top: 15px;
  padding-bottom: 15px; }
  .open-list-images-queue-info-block .block-title {
    font-size: 24px;
    font-family: Merriweather, serif;
    color: var(--black);
    font-weight: bold; }
  .open-list-images-queue-info-block .message {
    padding: 10px;
    font-size: 14px;
    color: var(--white);
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 3px;
    box-sizing: border-box; }
    .open-list-images-queue-info-block .message.success-message {
      background-color: var(--green-300); }
    .open-list-images-queue-info-block .message.error-message {
      background-color: var(--red-300); }
  .open-list-images-queue-info-block .show-images-queue-errors {
    color: var(--white);
    display: inline;
    text-decoration: underline; }
  .open-list-images-queue-info-block .image-queue-errors {
    display: none;
    border: 1px solid var(--gray-250);
    border-radius: 3px;
    padding: 10px; }
    .open-list-images-queue-info-block .image-queue-errors .image-queue-error {
      display: block;
      word-break: break-all; }
      .open-list-images-queue-info-block .image-queue-errors .image-queue-error a {
        display: inline-block; }

@media (max-width: 768px) and (min-width: 480px) {
  .wide-post .swiper, .narrow-post .swiper, .narrow-post-700 .swiper {
    width: calc(100% - 50px);
    margin-left: 25px; } }

@media (max-width: 480px) {
  .wide-post .swiper, .narrow-post .swiper, .narrow-post-700 .swiper {
    width: calc(100% - 24px);
    margin-left: 12px; } }

.swiper {
  width: 100%; }
  .swiper .swiper-button-prev, .swiper .swiper-button-next {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    border-radius: 3px;
    border: 1px solid var(--gray-100);
    background: rgba(255, 255, 255, 0.9); }
    @media (max-width: 768px) {
      .swiper .swiper-button-prev, .swiper .swiper-button-next {
        display: none; } }
  .swiper .swiper-button-prev::after, .swiper .swiper-button-next::after {
    font-size: 16px;
    color: var(--gray-800);
    font-weight: 600; }
  .swiper .swiper-button-prev::after {
    margin-right: 2px; }
  .swiper .swiper-button-next::after {
    margin-left: 2px; }
  .swiper .swiper-pagination {
    padding: 14px 0;
    margin-bottom: -8px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); }
    .swiper .swiper-pagination .swiper-pagination-bullet {
      background: rgba(255, 255, 255, 0.5);
      opacity: unset; }
      .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: white; }

.single-open-list-post #boredpanda-list-template article.post .entry .post-content .open-list-items {
  background: var(--bg-primary); }
  .single-open-list-post #boredpanda-list-template article.post .entry .post-content .open-list-items .open-list-item {
    background: var(--post-background); }
    .single-open-list-post #boredpanda-list-template article.post .entry .post-content .open-list-items .open-list-item.premium-limited-list-item {
      padding-bottom: 0;
      border-radius: 3px 3px 0 0; }
    .single-open-list-post #boredpanda-list-template article.post .entry .post-content .open-list-items .open-list-item .open-list-header span, .single-open-list-post #boredpanda-list-template article.post .entry .post-content .open-list-items .open-list-item .open-list-header h2 {
      color: var(--on-bg-dark); }
    .single-open-list-post #boredpanda-list-template article.post .entry .post-content .open-list-items .open-list-item .open-list-header h2 a {
      display: inline; }

.single-open-list-post #boredpanda-list-template article.post .entry .post-content .post-submission-line.post-footer {
  background: var(--post-background);
  color: var(--on-bg-dark); }

.single-open-list-post #boredpanda-list-template article.post .open-list-block-footer {
  background: var(--post-background); }

.open-list-items .fade-image-block {
  mask-image: var(--image-fade);
  height: 200px; }

.open-list-items .fade-image {
  mask-image: var(--image-fade); }

.open-list-items .carodaContainer {
  background-color: var(--post-background); }

.open-list-items .hidden-list-item-elem {
  display: none !important; }

.open-list-items #show-all-images-block {
  display: flex;
  justify-content: center;
  padding-bottom: 0px;
  padding-top: 0px;
  margin-top: 32px;
  margin-bottom: -6px; }
  @media (max-width: 768px) {
    .open-list-items #show-all-images-block {
      padding-left: 24px;
      padding-right: 24px; } }
  @media (max-width: 480px) {
    .open-list-items #show-all-images-block {
      padding-left: 12px;
      padding-right: 12px; } }
  .open-list-items #show-all-images-block button {
    background-color: var(--comment-show-contributors);
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--orange-150);
    border-radius: 3px;
    border: none;
    cursor: pointer;
    padding: 16px 32px 16px 32px;
    width: 100%; }
    .open-list-items #show-all-images-block button i {
      padding-left: 7px; }
  .open-list-items #show-all-images-block button:hover {
    opacity: 0.85; }

.list-pagination-block {
  display: none;
  padding: 32px 24px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  border-top: 1px solid var(--Light-theme-Grey-3, #EBEBEB);
  border-bottom: 1px solid var(--Light-theme-Grey-3, #EBEBEB);
  background: var(--White, #FFF); }
  .list-pagination-block .pagination-dots {
    color: var(--Light-theme-Grey-1, #949494);
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */ }
  @media (max-width: 700px) {
    .list-pagination-block.pagination-mobile {
      display: flex;
      flex-direction: column;
      gap: 16px; }
      .list-pagination-block.pagination-mobile .pagination-column {
        display: flex;
        gap: 8px; }
      .list-pagination-block.pagination-mobile .pagination-dots {
        padding-top: 6px; } }
  @media (min-width: 701px) {
    .list-pagination-block.pagination-desktop {
      display: flex; } }
  .list-pagination-block.pagination-desktop .pagination-dots {
    padding-bottom: 9px;
    padding-left: 8px;
    padding-right: 8px; }
  .list-pagination-block .pagination-btn {
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 3px;
    border: 1px solid var(--Light-theme-Grey-3, #EBEBEB);
    background: var(--white, #FFF);
    text-align: center;
    color: var(--black);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */ }
    .list-pagination-block .pagination-btn:not(.active):not(.disabled):hover {
      border: 1px solid var(--Light-theme-Grey-2---hover, #D0D0D0);
      background: var(--Light-theme-Grey-4---hover, #F5F5F5); }
    .list-pagination-block .pagination-btn.active {
      border: 1px solid var(--orange-150);
      color: var(--white);
      background: var(--orange-150); }
  .list-pagination-block .btn-next.disabled, .list-pagination-block .btn-back.disabled {
    color: var(--gray-450); }
  .list-pagination-block .btn-next svg, .list-pagination-block .btn-back svg {
    width: 16px;
    height: 16px; }
  .list-pagination-block .btn-next.active {
    border: 1px solid var(--orange-150);
    color: var(--orange-150);
    background: var(--white); }
    .list-pagination-block .btn-next.active:hover {
      color: var(--white);
      background: var(--orange-150); }
  .list-pagination-block .btn-back:not(.disabled):hover {
    border: 1px solid var(--Light-theme-Grey-2---hover, #D0D0D0);
    background: var(--Light-theme-Grey-4---hover, #F5F5F5); }

.open-list-item {
  padding-bottom: 34px; }

.comment-error {
  color: var(--orange-150);
  margin-top: 10px;
  margin-left: 10px; }

a.mark-comment-spam {
  display: block;
  float: left;
  color: var(--gray-800);
  font-size: 13px;
  font-weight: 400;
  margin-left: 12px;
  line-height: 27px; }

.open-list-comments {
  float: left;
  width: 100%; }
  @media (max-width: 480px) {
    .open-list-comments {
      line-height: 1.7; } }
  .open-list-comments .comment-user-avatar {
    display: none; }
  .open-list-comments .comment-submit-block {
    position: relative; }
    .open-list-comments .comment-submit-block .comment-text-block {
      position: relative;
      float: left;
      width: 100%; }
      .open-list-comments .comment-submit-block .comment-text-block .comment-upload-pic {
        top: 8px;
        right: 80px; }
      .open-list-comments .comment-submit-block .comment-text-block .upload-comment-image {
        top: 12px;
        right: 80px; }
      .open-list-comments .comment-submit-block .comment-text-block .comment-image {
        right: 80px;
        width: 35px;
        height: 35px;
        margin-top: -17px; }
        .open-list-comments .comment-submit-block .comment-text-block .comment-image .comment-background-image {
          width: 35px;
          height: 35px;
          background-size: 70px; }
    .open-list-comments .comment-submit-block .comment-text {
      display: block;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      width: 100%;
      background: var(--bg-comment-text);
      padding: 10px 110px 10px 10px;
      font-size: 14px;
      border: 1px solid var(--border-comment-text);
      margin: 0;
      height: 40px;
      resize: none;
      vertical-align: top;
      font-family: Roboto, sans-serif;
      box-sizing: border-box;
      -webkit-appearance: none;
      color: var(--gray-800); }
      .open-list-comments .comment-submit-block .comment-text:focus {
        outline: 0; }
      .open-list-comments .comment-submit-block .comment-text::-webkit-scrollbar {
        display: none; }
    .open-list-comments .comment-submit-block .post-comment {
      position: absolute;
      right: 0;
      text-align: center;
      background: var(--gray-250);
      color: var(--white);
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      width: 75px;
      vertical-align: top;
      display: inline-block;
      height: 40px; }
      .open-list-comments .comment-submit-block .post-comment.active {
        background: var(--orange-150); }
        .open-list-comments .comment-submit-block .post-comment.active:hover {
          background-color: var(--orange-100);
          border-color: var(--orange-150); }
      .open-list-comments .comment-submit-block .post-comment i {
        display: none; }
      .open-list-comments .comment-submit-block .post-comment span {
        line-height: 40px;
        font-size: 14px;
        font-weight: 700; }
  .open-list-comments .comment-container-loading {
    margin: 20px auto;
    width: 100%;
    display: none; }
  .open-list-comments .dark-background {
    background: var(--white); }
  .open-list-comments .expand-comments {
    font-weight: 500;
    color: var(--gray-800);
    margin-top: 10px;
    margin-bottom: 0;
    display: inline-block;
    line-height: 17px;
    font-size: 14px; }
    .open-list-comments .expand-comments i {
      font-size: 7px;
      margin-left: 5px;
      display: inline-block;
      vertical-align: top; }
      .open-list-comments .expand-comments i svg {
        width: 10px; }
    .open-list-comments .expand-comments:hover {
      opacity: 0.7; }
    .open-list-comments .expand-comments.new-style {
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 12px 16px;
      justify-content: center;
      border-radius: 3px;
      border: 1px solid var(--comments-show-more-border);
      background: var(--comments-show-more-background);
      margin-top: 16px; }
      .open-list-comments .expand-comments.new-style i {
        margin: 0;
        display: block;
        height: 12px; }
        .open-list-comments .expand-comments.new-style i svg {
          width: 12px;
          height: 12px; }
      .open-list-comments .expand-comments.new-style .spinner {
        width: 16px;
        height: 16px;
        background-size: 16px; }
      .open-list-comments .expand-comments.new-style:hover {
        opacity: 1;
        background: var(--comments-show-more-background-hover);
        border: 1px solid var(--comments-show-more-border-hover); }
  .open-list-comments .view-more-replies {
    display: block;
    font-weight: 400;
    color: var(--gray-800);
    font-size: 13px;
    margin-left: 38px;
    margin-top: 5px; }
    .open-list-comments .view-more-replies:hover {
      opacity: 0.7; }
  .open-list-comments .comment-add-block {
    margin-bottom: 12px; }
  .open-list-comments.in-open-list .child-comments {
    display: none; }

.post-comments {
  padding: 1.6em 1.562em 1em 1.562em; }
  .post-comments .edit-question svg {
    height: 20px;
    width: 20px;
    padding-left: 5px; }
  .post-comments .edit-question-block textarea {
    font-family: Merriweather, serif;
    font-weight: bold;
    font-size: 1.875em;
    color: var(--black);
    border-radius: 3px;
    padding-bottom: 14px;
    line-height: 1.1em;
    width: 100%; }
  .post-comments .edit-question-block .buttons {
    display: block;
    margin-bottom: 20px; }
  .post-comments .native-comments {
    margin: 0 0 50px; }
    .post-comments .native-comments.no-margin {
      margin: 0; }
    .post-comments .native-comments .comment .comment-user-avatar img {
      display: block;
      width: 35px;
      height: 35px;
      border-radius: 5px;
      margin-left: 35px; }
    .post-comments .native-comments .comment .comment-submit-block {
      margin-top: 20px; }
      .post-comments .native-comments .comment .comment-submit-block .comment-text-block .comment-text {
        height: 50px;
        padding: 5px 110px 5px 5px;
        -webkit-appearance: none;
        box-shadow: none !important; }
      .post-comments .native-comments .comment .comment-submit-block .comment-upload-pic {
        top: 17px;
        right: 70px; }
      .post-comments .native-comments .comment .comment-submit-block .upload-comment-image {
        top: 17px;
        right: 70px; }
      .post-comments .native-comments .comment .comment-submit-block .comment-image {
        right: 60px;
        width: 40px;
        height: 40px;
        margin-top: -20px; }
        .post-comments .native-comments .comment .comment-submit-block .comment-image .comment-background-image {
          width: 40px;
          height: 40px;
          background-size: 80px; }
      .post-comments .native-comments .comment .comment-submit-block .post-comment {
        width: 50px;
        height: 50px; }
        .post-comments .native-comments .comment .comment-submit-block .post-comment i {
          background: url(images/post-comment.png) no-repeat;
          background-size: 32px 30px;
          display: block;
          width: 32px;
          height: 30px;
          margin: 9px auto; }
    .post-comments .native-comments .comment .comment-block .view-comment-image-link {
      display: none; }
    .post-comments .native-comments .comment .comment-block .comment-image-link {
      display: block; }
    .post-comments .native-comments .comment-user-avatar {
      display: none;
      width: 80px;
      float: left; }
      @media (max-width: 980px) {
        .post-comments .native-comments .comment-user-avatar {
          display: none; } }
      .post-comments .native-comments .comment-user-avatar img {
        display: block;
        width: 70px;
        height: 70px;
        border-radius: 5px; }
    .post-comments .native-comments .comment-submit-block {
      position: relative; }
      @media (max-width: 980px) {
        .post-comments .native-comments .comment-submit-block {
          margin-left: 0px; } }
      .post-comments .native-comments .comment-submit-block .comment-text-block {
        position: relative;
        display: block;
        float: left;
        width: 100%; }
        .post-comments .native-comments .comment-submit-block .comment-text-block .comment-text {
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          -o-border-radius: 3px;
          border-radius: 3px;
          width: 100%;
          background: var(--bg-comment-text);
          color: var(--gray-800);
          padding: 12px 140px 12px 12px;
          font-size: 14px;
          border: 1px solid #ccc;
          resize: none;
          font-family: Roboto, sans-serif;
          height: 70px;
          box-sizing: border-box;
          outline: 0;
          -webkit-appearance: none;
          box-shadow: none !important; }
      .post-comments .native-comments .comment-submit-block .post-comment {
        position: absolute;
        right: 0;
        text-align: center;
        background: var(--gray-300);
        color: var(--white);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        width: 70px;
        vertical-align: top;
        display: inline-block;
        height: 70px;
        box-sizing: border-box; }
        .post-comments .native-comments .comment-submit-block .post-comment.active {
          background: var(--orange-150); }
        .post-comments .native-comments .comment-submit-block .post-comment i {
          background: url(images/post-comment.png) no-repeat;
          background-size: 32px 30px;
          display: block;
          width: 32px;
          height: 30px;
          margin: 20px auto; }
        .post-comments .native-comments .comment-submit-block .post-comment .span {
          display: none; }
    .post-comments .native-comments .comment-container-loading {
      margin: 20px auto;
      width: 100%;
      display: none; }
    .post-comments .native-comments .dark-background {
      background: transparent; }
    .post-comments .native-comments .expand-comments {
      display: inline-block;
      font-size: 0.9em;
      margin-top: 10px; }
      .post-comments .native-comments .expand-comments span {
        font-weight: 500; }
    .post-comments .native-comments .expand-comments {
      font-size: 0.9em;
      color: var(--white);
      background: var(--bg-expand-comments);
      margin: 10px 0;
      width: 100%;
      display: block;
      line-height: 30px;
      text-align: center;
      height: 28px;
      border-radius: 5px;
      border-bottom: 2px solid var(--bg-expand-comments); }
      .post-comments .native-comments .expand-comments span {
        display: inline-block; }
      .post-comments .native-comments .expand-comments:hover {
        background: var(--orange-150);
        border-bottom: 2px solid var(--orange-180); }
  .post-comments h3, .post-comments .title {
    font-family: Merriweather, serif;
    font-weight: bold;
    font-size: 1.875em;
    color: var(--on-bg-dark);
    border-bottom: 1px solid var(--border-text-input);
    margin-bottom: 20px;
    padding-bottom: 14px;
    line-height: 1.1em;
    display: block; }

@keyframes colorchange {
  0% {
    background: transparent; }
  25% {
    background: var(--gray-100); }
  75% {
    background: var(--gray-100); }
  100% {
    background: transparent; } }

.open-list-comments .comment, .native-comments .comment {
  display: block;
  background: 0 0;
  margin-top: 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
  .open-list-comments .comment.focused-comment, .native-comments .comment.focused-comment {
    background: transparent;
    animation: colorchange 2s;
    border: 1px solid var(--gray-100);
    border-left-width: 3px;
    padding: 15px; }
  .open-list-comments .comment .comment-author-image, .native-comments .comment .comment-author-image {
    float: left;
    width: 30px; }
    .open-list-comments .comment .comment-author-image img, .native-comments .comment .comment-author-image img {
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      height: 30px;
      width: 30px;
      margin-top: 3px; }
  .open-list-comments .comment .comment-block, .native-comments .comment .comment-block {
    position: relative;
    margin-left: 38px; }
    .open-list-comments .comment .comment-block img, .native-comments .comment .comment-block img {
      display: block;
      max-width: 150px;
      width: auto;
      max-height: 150px;
      height: auto;
      margin: 5px 0 0; }
      @media (max-width: 479px) {
        .open-list-comments .comment .comment-block img, .native-comments .comment .comment-block img {
          max-width: 100px;
          max-height: 100px; } }
    .open-list-comments .comment .comment-block .verified-icon i, .native-comments .comment .comment-block .verified-icon i {
      display: inline-block;
      width: 16px;
      height: 16px;
      vertical-align: top; }
      .open-list-comments .comment .comment-block .verified-icon i svg, .native-comments .comment .comment-block .verified-icon i svg {
        color: #57A4FF;
        width: 16px;
        height: 16px;
        vertical-align: middle; }
    .open-list-comments .comment .comment-block .author-follow-tooltip, .native-comments .comment .comment-block .author-follow-tooltip {
      display: none;
      position: absolute;
      top: 25px;
      left: 10px;
      border: 1px solid var(--border-comment-text);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      z-index: 99999;
      background: var(--post-background);
      padding: 15px 0;
      min-width: 300px; }
      @media (max-width: 380px) {
        .open-list-comments .comment .comment-block .author-follow-tooltip, .native-comments .comment .comment-block .author-follow-tooltip {
          left: -20px; } }
      .open-list-comments .comment .comment-block .author-follow-tooltip .author-follow-header, .native-comments .comment .comment-block .author-follow-tooltip .author-follow-header {
        padding: 0 15px 10px; }
      .open-list-comments .comment .comment-block .author-follow-tooltip .author-follow-name, .native-comments .comment .comment-block .author-follow-tooltip .author-follow-name {
        line-height: 1;
        margin-bottom: 5px; }
        .open-list-comments .comment .comment-block .author-follow-tooltip .author-follow-name a, .native-comments .comment .comment-block .author-follow-tooltip .author-follow-name a {
          font-weight: bold;
          font-size: 20px;
          line-height: 1;
          color: var(--gray-800); }
      .open-list-comments .comment .comment-block .author-follow-tooltip .author-follow-status, .native-comments .comment .comment-block .author-follow-tooltip .author-follow-status {
        font-size: 15px;
        font-weight: 500;
        color: var(--orange-150); }
        .open-list-comments .comment .comment-block .author-follow-tooltip .author-follow-status span, .native-comments .comment .comment-block .author-follow-tooltip .author-follow-status span {
          color: var(--gray-450);
          font-weight: 400; }
      .open-list-comments .comment .comment-block .author-follow-tooltip .author-follow-statistics, .native-comments .comment .comment-block .author-follow-tooltip .author-follow-statistics {
        border-top: 1px solid var(--border-comment-text);
        border-bottom: 1px solid var(--border-comment-text);
        padding: 15px 10px; }
        .open-list-comments .comment .comment-block .author-follow-tooltip .author-follow-statistics.borderless, .native-comments .comment .comment-block .author-follow-tooltip .author-follow-statistics.borderless {
          border-bottom: 0;
          padding-bottom: 0; }
        @media (max-width: 480px) {
          .open-list-comments .comment .comment-block .author-follow-tooltip .author-follow-statistics, .native-comments .comment .comment-block .author-follow-tooltip .author-follow-statistics {
            font-size: 16px; } }
        .open-list-comments .comment .comment-block .author-follow-tooltip .author-follow-statistics .stats-info, .native-comments .comment .comment-block .author-follow-tooltip .author-follow-statistics .stats-info {
          display: inline-block;
          width: 32%;
          text-align: center;
          vertical-align: middle;
          color: var(--gray-800);
          line-height: 1; }
          .open-list-comments .comment .comment-block .author-follow-tooltip .author-follow-statistics .stats-info span.text, .native-comments .comment .comment-block .author-follow-tooltip .author-follow-statistics .stats-info span.text {
            display: block;
            color: var(--gray-450);
            font-weight: 300;
            font-size: 15px;
            line-height: 1;
            margin-top: 5px; }
      .open-list-comments .comment .comment-block .author-follow-tooltip .follow, .open-list-comments .comment .comment-block .author-follow-tooltip .unfollow, .native-comments .comment .comment-block .author-follow-tooltip .follow, .native-comments .comment .comment-block .author-follow-tooltip .unfollow {
        border-radius: 5px;
        color: var(--white);
        padding: 10px 70px;
        text-transform: none;
        font-weight: 500;
        background: var(--orange-150);
        border: 2px solid var(--orange-150);
        text-align: center;
        box-sizing: border-box;
        line-height: 1;
        margin: 15px 15px 0;
        display: block; }
        @media (max-width: 480px) {
          .open-list-comments .comment .comment-block .author-follow-tooltip .follow, .open-list-comments .comment .comment-block .author-follow-tooltip .unfollow, .native-comments .comment .comment-block .author-follow-tooltip .follow, .native-comments .comment .comment-block .author-follow-tooltip .unfollow {
            font-size: 16px; } }
        .open-list-comments .comment .comment-block .author-follow-tooltip .follow:hover, .open-list-comments .comment .comment-block .author-follow-tooltip .unfollow:hover, .native-comments .comment .comment-block .author-follow-tooltip .follow:hover, .native-comments .comment .comment-block .author-follow-tooltip .unfollow:hover {
          background: var(--orange-100); }
      .open-list-comments .comment .comment-block .author-follow-tooltip .follow, .native-comments .comment .comment-block .author-follow-tooltip .follow {
        background: var(--post-background);
        color: var(--orange-150); }
        .open-list-comments .comment .comment-block .author-follow-tooltip .follow:hover, .native-comments .comment .comment-block .author-follow-tooltip .follow:hover {
          background: var(--orange-150);
          color: var(--white); }
    .open-list-comments .comment .comment-block .view-comment-image-block, .native-comments .comment .comment-block .view-comment-image-block {
      display: block; }
      .open-list-comments .comment .comment-block .view-comment-image-block span, .native-comments .comment .comment-block .view-comment-image-block span {
        display: block; }
    .open-list-comments .comment .comment-block .view-comment-image-link, .native-comments .comment .comment-block .view-comment-image-link {
      display: block; }
    .open-list-comments .comment .comment-block .comment-image-link, .native-comments .comment .comment-block .comment-image-link {
      display: none; }
    .open-list-comments .comment .comment-block p, .native-comments .comment .comment-block p {
      padding-bottom: 2px;
      color: var(--comment-content);
      font-weight: 400;
      line-height: 18px;
      font-size: 14px; }
    .open-list-comments .comment .comment-block .comment-edit, .native-comments .comment .comment-block .comment-edit {
      position: relative; }
      .open-list-comments .comment .comment-block .comment-edit textarea, .native-comments .comment .comment-block .comment-edit textarea {
        border-radius: 3px;
        width: 100%;
        background: var(--white);
        padding: 10px 110px 10px 10px;
        font-size: 14px;
        border: 1px solid var(--gray-200);
        margin: 0;
        height: 40px;
        resize: none;
        vertical-align: top;
        font-family: Roboto, sans-serif;
        box-sizing: border-box;
        -webkit-appearance: none;
        color: var(--gray-800);
        display: block;
        outline: none; }
      .open-list-comments .comment .comment-block .comment-edit a, .native-comments .comment .comment-block .comment-edit a {
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
        background: var(--gray-250);
        color: white;
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        -ms-border-radius: 0 3px 3px 0;
        -o-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
        width: 75px;
        vertical-align: top;
        display: inline-block;
        height: 40px;
        line-height: 40px; }
        .open-list-comments .comment .comment-block .comment-edit a.active, .native-comments .comment .comment-block .comment-edit a.active {
          background: var(--orange-150); }
          .open-list-comments .comment .comment-block .comment-edit a.active:hover, .native-comments .comment .comment-block .comment-edit a.active:hover {
            background-color: var(--orange-100);
            border-color: var(--orange-150); }
    .open-list-comments .comment .comment-block span.deleted, .open-list-comments .comment .comment-block span.edited, .native-comments .comment .comment-block span.deleted, .native-comments .comment .comment-block span.edited {
      font-style: italic;
      font-weight: 400; }
    .open-list-comments .comment .comment-block span.edited, .native-comments .comment .comment-block span.edited {
      font-size: 11px;
      color: var(--gray-450); }
    .open-list-comments .comment .comment-block .dropdown .dropdown-menu, .native-comments .comment .comment-block .dropdown .dropdown-menu {
      min-width: 30px;
      position: absolute;
      padding: 6px 2px;
      top: 0;
      margin-top: 3px;
      left: 20px; }
      .open-list-comments .comment .comment-block .dropdown .dropdown-menu li, .native-comments .comment .comment-block .dropdown .dropdown-menu li {
        padding-left: 7px;
        padding-right: 20px;
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 13px; }
        .open-list-comments .comment .comment-block .dropdown .dropdown-menu li:hover, .native-comments .comment .comment-block .dropdown .dropdown-menu li:hover {
          background: var(--gray-50); }
        .open-list-comments .comment .comment-block .dropdown .dropdown-menu li a, .native-comments .comment .comment-block .dropdown .dropdown-menu li a {
          width: 100%;
          padding: 0;
          color: var(--gray-800); }
    .open-list-comments .comment .comment-block .dropdown .dropdown-toggle svg, .native-comments .comment .comment-block .dropdown .dropdown-toggle svg {
      vertical-align: middle;
      width: 12px;
      height: 12px;
      color: var(--gray-350);
      padding-right: 5px; }
    .open-list-comments .comment .comment-block .dropdown li svg, .native-comments .comment .comment-block .dropdown li svg {
      width: 13px;
      height: 15px;
      padding-right: 2px;
      color: var(--gray-800); }
    .open-list-comments .comment .comment-block .mark-top-comment, .open-list-comments .comment .comment-block .top-comment, .native-comments .comment .comment-block .mark-top-comment, .native-comments .comment .comment-block .top-comment {
      margin: 0; }
  .open-list-comments .comment .comment-author, .native-comments .comment .comment-author {
    color: var(--comment-author);
    font-size: 14px;
    font-weight: 500;
    overflow: hidden; }
  .open-list-comments .comment .comment-post-author, .native-comments .comment .comment-post-author {
    color: var(--orange-150);
    font-size: 14px;
    font-weight: bold; }
  .open-list-comments .comment .comment-time, .native-comments .comment .comment-time {
    font-size: 11px;
    margin-left: 6px;
    color: var(--gray-450);
    font-weight: 400;
    font-style: italic; }
  .open-list-comments .comment p, .native-comments .comment p {
    position: relative;
    text-align: left;
    padding: 0 0 7px;
    color: #7d7d7d;
    font-weight: 400;
    line-height: 1.5;
    clear: none;
    float: none;
    word-wrap: break-word;
    -ms-word-break: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    font-size: 14px; }
  .open-list-comments .comment .comment-reply, .open-list-comments .comment .mark-comment-spam, .native-comments .comment .comment-reply, .native-comments .comment .mark-comment-spam {
    display: block;
    float: left;
    color: var(--gray-800);
    font-size: 13px;
    font-weight: 400;
    margin-left: 12px;
    margin-top: 7px;
    line-height: 1; }
    .open-list-comments .comment .comment-reply:hover, .open-list-comments .comment .mark-comment-spam:hover, .native-comments .comment .comment-reply:hover, .native-comments .comment .mark-comment-spam:hover {
      opacity: 0.7; }
  .open-list-comments .comment .comment-reply, .native-comments .comment .comment-reply {
    text-transform: capitalize; }
  .open-list-comments .comment .vote-panel .points, .native-comments .comment .vote-panel .points {
    color: var(--gray-800);
    line-height: 27px;
    margin-left: 8px;
    margin-right: 8px;
    font-size: 13px; }
  .open-list-comments .comment .vote-panel span, .native-comments .comment .vote-panel span {
    display: none; }
  .open-list-comments .comment .vote-panel .vote, .native-comments .comment .vote-panel .vote {
    height: inherit;
    line-height: 1.7; }
    .open-list-comments .comment .vote-panel .vote a.btn, .native-comments .comment .vote-panel .vote a.btn {
      background: 0 0;
      width: 14px;
      height: 20px;
      margin: 0;
      line-height: 20px; }
  .open-list-comments .comment.depth-2 .comment-author-image img, .open-list-comments .comment.depth-3 .comment-author-image img, .native-comments .comment.depth-2 .comment-author-image img, .native-comments .comment.depth-3 .comment-author-image img {
    width: 30px;
    height: 30px; }
  .open-list-comments .comment.depth-2, .open-list-comments .comment.depth-3, .native-comments .comment.depth-2, .native-comments .comment.depth-3 {
    margin-left: 35px; }
  .open-list-comments .comment .comment-action, .native-comments .comment .comment-action {
    display: inline-block;
    margin-left: 5px;
    cursor: pointer; }
    .open-list-comments .comment .comment-action .svg-icon, .native-comments .comment .comment-action .svg-icon {
      width: 20px;
      height: 20px;
      color: var(--text-input); }
    .open-list-comments .comment .comment-action.top-comment .svg-icon, .native-comments .comment .comment-action.top-comment .svg-icon {
      color: gold; }

a.load-more-replies {
  color: var(--gray-800);
  font-size: 13px;
  margin-top: 0;
  padding-bottom: 10px;
  display: inline-block;
  font-weight: 400; }
  a.load-more-replies:hover {
    color: var(--gray-400); }

p.hidden-comment {
  color: #7d7d7d; }

a.show-hidden-comment {
  color: var(--gray-blue-900); }

@media (max-width: 480px) {
  .single .post .entry .open-list-comments .comment-text {
    font-size: 12px;
    padding-right: 110px;
    padding-top: 13px;
    line-height: 1; }
  .open-list-comments .comment-submit-block .post-comment span {
    line-height: 42px;
    font-size: 1.1em; }
  .open-list-comments .expand-comments span {
    font-size: 12px;
    padding-left: 13px; }
  .open-list-comments .view-more-replies {
    font-size: 11px; }
  .post-comments {
    padding: 1.6em 10px 1em; }
    .post-comments .native-comments {
      margin: 0 0 0; }
      .post-comments .native-comments .comment .comment-user-avatar img {
        display: block;
        width: 25px;
        height: 25px;
        border-radius: 5px;
        margin-left: 25px; }
      .post-comments .native-comments .comment-user-avatar {
        width: 55px; }
        .post-comments .native-comments .comment-user-avatar img {
          display: block;
          width: 45px;
          height: 45px;
          border-radius: 5px; }
      .post-comments .native-comments .comment-submit-block .comment-text-block .comment-text {
        padding: 5px 55px 5px 5px;
        height: 45px; }
      .post-comments .native-comments .comment-submit-block .post-comment {
        width: 45px;
        height: 45px; }
        .post-comments .native-comments .comment-submit-block .post-comment i {
          margin: 14px auto;
          background-size: 20px 20px;
          width: 20px;
          height: 20px; }
        .post-comments .native-comments .comment-submit-block .post-comment span {
          display: none; }
  .open-list-comments .comment .comment-author-image, .native-comments .comment .comment-author-image {
    width: 30px; }
    .open-list-comments .comment .comment-author-image img, .native-comments .comment .comment-author-image img {
      height: 30px;
      width: 30px; }
  .open-list-comments .comment .comment-block, .native-comments .comment .comment-block {
    margin-left: 43px; }
    .open-list-comments .comment .comment-block p, .native-comments .comment .comment-block p {
      padding-left: 0 !important; }
    .open-list-comments .comment .comment-block .points, .native-comments .comment .comment-block .points {
      line-height: 20px; }
  .open-list-comments .comment.depth-2, .open-list-comments .comment.depth-3, .native-comments .comment.depth-2, .native-comments .comment.depth-3 {
    margin-left: 43px; }
    .open-list-comments .comment.depth-2 .comment-author-image img, .open-list-comments .comment.depth-3 .comment-author-image img, .native-comments .comment.depth-2 .comment-author-image img, .native-comments .comment.depth-3 .comment-author-image img {
      width: 26px;
      height: 26px;
      margin-left: 0; }
  .open-list-comments .comment.depth-3, .native-comments .comment.depth-3 {
    margin-left: 30px; }
  .open-list-comments .comment .comment-reply, .open-list-comments .comment .mark-comment-spam, .native-comments .comment .comment-reply, .native-comments .comment .mark-comment-spam {
    font-weight: 500;
    margin-top: 0;
    line-height: 20px; } }

#post-comments-area a.post-comment span {
  display: none; }
  @media (max-width: 480px) {
    #post-comments-area a.post-comment span {
      display: block; } }

#post-comments-area.no-margin {
  margin: 0 !important; }

.comment-upload-pic {
  position: absolute;
  top: 27px;
  right: 90px;
  color: var(--gray-300); }
  .comment-upload-pic:hover {
    cursor: pointer;
    color: var(--gray-800); }
  @media (max-width: 980px) {
    .comment-upload-pic {
      display: none; } }

.upload-comment-image {
  position: absolute;
  width: 18px;
  height: 18px;
  background-size: 18px;
  top: 27px;
  right: 90px; }
  @media (max-width: 980px) {
    .upload-comment-image {
      display: none; } }

.comment-image {
  position: absolute;
  top: 48%;
  right: 80px;
  width: 50px;
  height: 50px;
  margin-top: -25px; }
  .comment-image .remove-comment-image {
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    cursor: pointer; }
    .comment-image .remove-comment-image i {
      background-image: url(images/sprite-sheet.png);
      background-position: -356px -445px;
      width: 8px;
      height: 8px;
      display: block;
      margin: 4px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .comment-image .remove-comment-image i {
          background-image: url(images/sprite-sheet@2x.png);
          background-size: 515px 463px; } }
  .comment-image .comment-background-image {
    height: 50px;
    width: 50px;
    background-size: 100px;
    background-position: center;
    background-repeat: no-repeat; }

.comment-image-link {
  display: inline-block;
  max-width: 150px; }

.view-comment-image-link .thumb {
  width: 20px;
  height: 20px;
  background-position: center;
  float: left; }

.view-comment-image-link .thumb-name {
  line-height: 20px;
  margin-left: 25px;
  font-size: 13px; }

.open-list-comments.show-images .comment .comment-block .comment-image-link {
  display: block; }

.open-list-comments.show-images .comment .comment-block .view-comment-image-link {
  display: none; }

#comment-image-modal {
  overflow: hidden; }
  #comment-image-modal .comment-image-full-size {
    max-width: 90%;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 50%; }
    #comment-image-modal .comment-image-full-size img {
      max-width: 100%;
      width: auto;
      height: auto;
      max-height: 100%;
      visibility: hidden; }
    #comment-image-modal .comment-image-full-size .close-icon {
      background: url(images/close-comment-image.png) no-repeat;
      background-size: 33px 33px;
      display: none;
      width: 33px;
      height: 33px;
      top: -12px;
      right: -12px;
      position: absolute;
      cursor: pointer; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        #comment-image-modal .comment-image-full-size .close-icon {
          background: url(images/close-comment-image@2x.png) no-repeat;
          background-size: 33px 33px; } }

.comment-report-modal {
  display: none;
  position: fixed;
  z-index: 99999;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 25%;
  min-width: 320px;
  max-width: 440px; }
  .comment-report-modal .error, .comment-report-modal .success {
    display: none;
    color: var(--white);
    padding: 10px;
    margin-bottom: 5px;
    font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
  .comment-report-modal .success {
    background: var(--green-300); }
    .comment-report-modal .success .icon-checkmark {
      width: 20px;
      height: 20px;
      margin-right: 5px; }
  .comment-report-modal .error {
    background: var(--orange-150); }
    .comment-report-modal .error .icon-round-attention {
      width: 20px;
      height: 20px;
      margin-right: 5px; }
  .comment-report-modal .comment-report-modal-content {
    background: var(--white);
    padding: 25px;
    -webkit-box-shadow: 1px 0.732px 10px 3px rgba(0, 0, 0, 0.071);
    box-shadow: 1px 0.732px 10px 3px rgba(0, 0, 0, 0.071);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .comment-report-modal .comment-report-modal-content .modal-header {
      padding: 0;
      font-size: 20px;
      margin-bottom: 8px; }
      .comment-report-modal .comment-report-modal-content .modal-header .close {
        margin-top: 0;
        float: right;
        cursor: pointer; }
      .comment-report-modal .comment-report-modal-content .modal-header .muted {
        font-size: 14px;
        font-weight: 400;
        padding: 12px 0;
        color: var(--gray-450); }
    .comment-report-modal .comment-report-modal-content .report-reason {
      display: block;
      height: 30px;
      line-height: 30px;
      padding: 8px;
      color: var(--gray-800);
      font-size: 16px;
      font-weight: 400; }
      .comment-report-modal .comment-report-modal-content .report-reason .icon-arrow-point-to-right {
        width: 14px;
        height: 30px;
        float: right; }
      .comment-report-modal .comment-report-modal-content .report-reason:hover {
        background-color: var(--gray-200); }

.page-template-notifications-template-php .main {
  max-width: 1020px; }

.page-template-notifications-template-php .left-content-column {
  background: var(--post-background);
  padding: 30px 0 0;
  width: auto;
  margin-right: 320px;
  min-height: 600px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
  @media (max-width: 979px) {
    .page-template-notifications-template-php .left-content-column {
      margin-right: 0; } }
  @media (max-width: 480px) {
    .page-template-notifications-template-php .left-content-column {
      min-height: 300px; } }
  .page-template-notifications-template-php .left-content-column .notifications-header {
    border-bottom: 1px solid var(--gray-100);
    line-height: 20px;
    padding: 0 25px 20px; }
    .page-template-notifications-template-php .left-content-column .notifications-header .title {
      font-size: 22px;
      font-family: Merriweather, sans-serif;
      font-weight: bold;
      color: var(--on-bg-dark); }
    .page-template-notifications-template-php .left-content-column .notifications-header .settings {
      float: right;
      font-size: 14px;
      color: var(--on-bg-dark);
      font-family: Roboto, sans-serif;
      font-weight: 500; }
      .page-template-notifications-template-php .left-content-column .notifications-header .settings:hover {
        color: var(--on-bg-dark); }
      .page-template-notifications-template-php .left-content-column .notifications-header .settings i {
        vertical-align: middle; }
        .page-template-notifications-template-php .left-content-column .notifications-header .settings i .svg-icon {
          vertical-align: middle;
          width: 16px;
          height: 16px; }
      .page-template-notifications-template-php .left-content-column .notifications-header .settings span {
        vertical-align: middle;
        margin-left: 6px;
        margin-top: 1px;
        display: inline-block; }
  @media (max-width: 480px) {
    .page-template-notifications-template-php .left-content-column {
      margin-top: 12px; } }

.section.notifications h4 {
  font-family: Merriweather; }

.section.notifications ul {
  list-style: none; }
  .section.notifications ul li a {
    width: 100%;
    margin: 0;
    padding: 20px 25px;
    box-sizing: border-box;
    display: block; }

.section.notifications a.older {
  padding: 14px;
  display: block;
  text-align: center;
  color: var(--on-bg-dark);
  background: var(--post-background);
  font-weight: bold;
  outline: none; }
  .section.notifications a.older:hover {
    background-color: var(--post-background); }

.section.notifications .spinner {
  padding: .5em; }

.section.notifications .empty-list {
  line-height: 1; }
  .section.notifications .empty-list .panda {
    background: url("images/panda-add-submission.png");
    background-size: 139px 109px;
    width: 139px;
    height: 109px;
    margin: 120px auto 0;
    display: block; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .section.notifications .empty-list .panda {
        background: url("images/panda-add-submission@2x.png");
        background-size: 139px 109px; } }
    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
      .section.notifications .empty-list .panda {
        background: url("images/panda-add-submission@3x.png");
        background-size: 139px 109px; } }
  .section.notifications .empty-list .title {
    display: block;
    font-size: 26px;
    font-weight: 500;
    text-align: center;
    margin-top: 20px; }
  .section.notifications .empty-list .text {
    font-size: 16px;
    color: #7d7d7d;
    max-width: 290px;
    display: block;
    text-align: center;
    margin: 10px auto 0;
    padding-bottom: 120px;
    line-height: 20px; }
  @media (max-width: 480px) {
    .section.notifications .empty-list .panda {
      margin-top: 80px; }
    .section.notifications .empty-list .text {
      padding-bottom: 80px; } }

.notifications .n_open_list_author, .notifications .n_open_list_contributor {
  background-image: url("images/notifications/ears-icon.svg"); }

.notifications .n_post_comment, .notifications .n_comment_reply {
  background-image: url("images/notifications/comment-icon.svg"); }

.notifications .n_post_author {
  background-image: url("images/notifications/eye-icon.svg"); }

.notifications ul {
  list-style: none; }
  .notifications ul li a {
    display: table;
    padding: .5em 2.5em;
    border-bottom: 1px solid var(--gray-100); }
    .notifications ul li a.unseen {
      background-color: var(--green-50); }
    .notifications ul li a > div.thumb {
      display: table-cell;
      vertical-align: top;
      line-height: 1; }
      .notifications ul li a > div.thumb img {
        width: 50px;
        height: 50px;
        border-radius: 50%; }
    .notifications ul li a > div.text {
      padding-left: 18px;
      display: table-cell;
      width: 100%;
      vertical-align: top; }
      .notifications ul li a > div.text .notification-text {
        font-size: 16px;
        color: #7d7d7d;
        font-weight: normal;
        width: 80%;
        display: inline-block;
        line-height: 20px; }
        .notifications ul li a > div.text .notification-text strong {
          font-weight: bold;
          color: var(--gray-800); }
      @media (max-width: 480px) {
        .notifications ul li a > div.text {
          padding-left: 10px; }
          .notifications ul li a > div.text .notification-text {
            font-size: 12px;
            width: 74%; } }
      .notifications ul li a > div.text .time {
        width: 15%;
        display: inline-block;
        float: right;
        text-align: right;
        font-size: 14px;
        font-weight: 500;
        color: var(--gray-400); }
        @media (max-width: 480px) {
          .notifications ul li a > div.text .time {
            width: 26%;
            font-size: 12px; } }
        .notifications ul li a > div.text .time * {
          vertical-align: middle; }
        .notifications ul li a > div.text .time .svg-icon {
          width: 14px;
          height: 14px; }
        .notifications ul li a > div.text .time .time-text {
          margin-left: 2px;
          margin-top: 1px;
          display: inline-block; }

.newsletter-form {
  background-color: var(--white); }
  .newsletter-form .form {
    position: relative; }
    .newsletter-form .form img {
      top: 0;
      position: absolute;
      right: 0;
      width: 40%;
      height: 100px;
      z-index: 5; }
    .newsletter-form .form .input-group {
      margin-top: 15px;
      position: relative;
      z-index: 10;
      max-width: 450px; }
      .newsletter-form .form .input-group input {
        outline: none;
        -webkit-appearance: none; }
      .newsletter-form .form .input-group input.form-control {
        width: 60%;
        padding: 0 20px;
        line-height: 48px;
        height: 50px;
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        -ms-border-radius: 3px 0 0 3px;
        -o-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
        border: 1px solid var(--gray-200);
        border-right: 0;
        font-size: 16px;
        display: inline-block;
        vertical-align: middle;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      .newsletter-form .form .input-group ::-webkit-input-placeholder {
        color: var(--gray-400); }
      .newsletter-form .form .input-group ::-moz-placeholder {
        color: var(--gray-400);
        opacity: 1; }
      .newsletter-form .form .input-group :-ms-input-placeholder {
        color: var(--gray-400); }
      .newsletter-form .form .input-group input.btn {
        font-size: 16px;
        padding: 17px 20px;
        font-weight: 500;
        text-transform: capitalize;
        height: auto;
        line-height: 1;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        -ms-border-radius: 0 3px 3px 0;
        -o-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
        z-index: 15;
        margin: 0; }
  .newsletter-form .ml-block-success i {
    background: #56b863;
    color: var(--white);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    padding: 8px;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle; }
    .newsletter-form .ml-block-success i .svg-icon {
      vertical-align: top;
      width: 12px;
      height: 12px; }
  .newsletter-form .ml-block-success span {
    vertical-align: middle;
    margin-left: 8px;
    font-weight: bold;
    font-size: 16px;
    color: var(--gray-800); }
  .newsletter-form .ml-block-success .subtext {
    font-size: 16px;
    color: var(--gray-400);
    max-width: 100%;
    margin-left: 36px;
    padding: 0;
    display: block; }
  @media (max-width: 480px) {
    .newsletter-form {
      padding: 12px; }
      .newsletter-form .form .input-group {
        padding: 12px;
        box-sizing: border-box; }
      .newsletter-form .ml-block-success {
        padding: 12px; }
      .newsletter-form .error {
        padding: 12px; } }

.fixed-bottom-overlay.newsletterbar {
  z-index: 5010;
  padding: 0 1em;
  line-height: 40px;
  background-color: #888;
  font-weight: bold;
  font-size: 1.4em;
  letter-spacing: 0.5px;
  color: var(--white);
  bottom: 0px; }
  .fixed-bottom-overlay.newsletterbar a {
    color: inherit;
    display: block; }
  .fixed-bottom-overlay.newsletterbar .img-panda {
    height: 200px;
    width: 16%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    position: absolute;
    right: 15%;
    bottom: -15px; }
  .fixed-bottom-overlay.newsletterbar .img-panda-newsletter {
    background-image: url(images/bored-panda-newsletter-no-background.svg); }
  .fixed-bottom-overlay.newsletterbar .img-panda-app {
    background-image: url(images/panda-app-fixed-yellow.svg);
    height: 100px;
    width: 90px;
    right: 13%;
    bottom: -23px; }
  .fixed-bottom-overlay.newsletterbar.app-promotion {
    background-color: var(--gray-250);
    color: var(--gray-800); }
  .fixed-bottom-overlay.newsletterbar .img-panda-facebook {
    background-image: url(images/bored-panda-facebook-no-background.svg); }
  .fixed-bottom-overlay.newsletterbar .facebook-text {
    float: left; }
  .fixed-bottom-overlay.newsletterbar .fb-like {
    float: left;
    width: 95px;
    margin-left: 15px;
    margin-top: -10px; }
  @media (max-width: 320px) {
    .fixed-bottom-overlay.newsletterbar {
      font-size: 1.3em; } }
  .fixed-bottom-overlay.newsletterbar.headroom--not-top {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px); }

.newsletter-form-hidden {
  visibility: hidden; }

.page-template-subscribe-newsletter .newsletter-page-wrapper {
  background: var(--bg-newsletter);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 160px; }
  .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header {
    padding: 32px;
    box-sizing: border-box;
    border-bottom: 1px solid var(--gray-100);
    background: var(--bg-newsletter); }
    @media (max-width: 980px) {
      .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header {
        padding: 24px 16px; } }
    .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header h1.page-title {
      font-family: Merriweather, sans-serif;
      font-size: 29px;
      font-weight: 700;
      line-height: 40px;
      text-align: left;
      color: var(--on-bg-primary); }
    .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header p.page-subtitle {
      margin-top: 8px;
      font-family: Roboto, sans-serif;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      text-align: left;
      color: var(--on-bg-primary); }
    .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header .ps-text {
      color: var(--on-bg-primary);
      font-family: Roboto;
      font-size: 12px;
      font-style: normal;
      padding-top: 24px;
      font-weight: 400;
      line-height: 140%;
      text-decoration-style: solid;
      text-decoration-skip-ink: none;
      text-decoration-thickness: auto;
      text-underline-offset: auto;
      text-underline-position: from-font; }
      .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header .ps-text a {
        color: inherit; }
    .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header .fixed-form-block {
      transition: all 0.3s ease; }
    @media (max-width: 767px) {
      .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header .fixed-on-scroll {
        position: fixed;
        top: 0;
        left: 1.025em;
        right: 1.025em;
        z-index: 9999;
        background: var(--bg-newsletter);
        padding: 10px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); } }
    .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header .email-capture-form {
      margin-top: 24px;
      display: flex;
      gap: 16px; }
      @media (max-width: 430px) {
        .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header .email-capture-form {
          margin-top: 14px; } }
      @media (max-width: 600px) {
        .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header .email-capture-form {
          flex-direction: column; } }
      .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header .email-capture-form .email-input {
        display: inline-block;
        flex-grow: 1;
        font-family: Roboto, sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        text-align: left;
        padding: 16px 20px;
        border-radius: 3px;
        border: 1px solid var(--gray-100);
        background: var(--bg-text-input);
        color: var(--text-input);
        outline: none; }
        .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header .email-capture-form .email-input::placeholder {
          color: var(--gray-450); }
      .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header .email-capture-form .submit-button {
        font-family: Roboto, sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        text-align: left;
        border-radius: 3px;
        background: var(--orange-150);
        border: 1px solid var(--orange-150);
        color: #FFFFFF;
        cursor: pointer;
        padding: 16px 40px;
        display: flex;
        justify-content: center; }
        @media (max-width: 500px) {
          .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header .email-capture-form .submit-button {
            padding-left: 20px;
            padding-right: 20px; } }
        .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header .email-capture-form .submit-button:hover {
          background: var(--orange-100);
          border: 1px solid var(--orange-100); }
        .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header .email-capture-form .submit-button.disabled {
          color: var(--gray-450);
          background: var(--quiz-disabled-btn-bg);
          border: 1px solid var(--quiz-disabled-btn-bg);
          cursor: default; }
        .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header .email-capture-form .submit-button .cta-mobile {
          display: inline-block; }
          @media (min-width: 531px) {
            .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header .email-capture-form .submit-button .cta-mobile {
              display: none; } }
        @media (max-width: 530px) {
          .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header .email-capture-form .submit-button .cta-desktop {
            display: none; } }
    .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header .success-message-wrapper {
      margin-top: 16px;
      background: rgba(86, 184, 99, 0.12);
      border-radius: 3px;
      display: flex;
      padding: 16px; }
      .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header .success-message-wrapper .left, .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header .success-message-wrapper .right {
        display: flex;
        flex-direction: column; }
      .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header .success-message-wrapper .left {
        justify-content: start; }
        .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header .success-message-wrapper .left svg {
          fill: var(--bg-newsletter-block);
          padding-top: 2px; }
      .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header .success-message-wrapper .right {
        justify-content: center;
        margin-left: 12px; }
        .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletter-header .success-message-wrapper .right p {
          font-family: Roboto, sans-serif;
          font-size: 16px;
          font-weight: 500;
          line-height: 23px;
          text-align: left;
          color: var(--quiz-outcome-text); }
  .page-template-subscribe-newsletter .newsletter-page-wrapper.es-mode .newsletter-header {
    position: unset !important;
    border-bottom: unset; }
  .page-template-subscribe-newsletter .newsletter-page-wrapper.es-mode .disclaimer {
    margin-top: 0;
    text-align: left; }
  .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletters {
    padding: 32px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 16px; }
    @media (max-width: 979px) {
      .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletters {
        justify-content: space-between;
        padding: 21px 16px; } }
    .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletters .newsletter {
      border: 1px solid var(--border-dark-mode-toggle);
      border-radius: 4px;
      display: flex;
      flex-direction: column;
      max-width: 326px;
      cursor: pointer; }
      .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletters .newsletter .header-block img {
        width: 100%;
        height: auto;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px; }
      .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletters .newsletter .body-block {
        display: flex;
        padding: 20px;
        align-items: flex-start;
        gap: 20px;
        align-self: stretch; }
        .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletters .newsletter .body-block .column {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 8px; }
      @media (max-width: 979px) {
        .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletters .newsletter {
          max-width: 334px;
          margin-left: 0;
          margin-bottom: 16px; }
          .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletters .newsletter:nth-child(10) {
            margin-bottom: 0; } }
      @media (max-width: 450px) {
        .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletters .newsletter {
          width: 100%;
          max-width: 100%; } }
      .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletters .newsletter.selected {
        border: 1px solid var(--bg-newsletter-block); }
      @media (min-width: 980px) {
        .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletters .newsletter:nth-child(1), .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletters .newsletter:nth-child(4), .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletters .newsletter:nth-child(7), .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletters .newsletter:nth-child(10) {
          margin-left: 0; }
        .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletters .newsletter:nth-child(10), .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletters .newsletter:nth-child(11), .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletters .newsletter:nth-child(12) {
          margin-bottom: 0; } }
      .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletters .newsletter .checkbox {
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        -webkit-appearance: none;
        outline: 0;
        cursor: pointer;
        background-image: url("images/icons/subscription-categories-checkbox.svg");
        border-radius: 0; }
        .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletters .newsletter .checkbox.checked {
          background-image: url("images/icons/subscription-categories-checkbox-checked.svg"); }
      .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletters .newsletter .newsletter-title {
        font-family: Merriweather, sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 26px;
        text-align: left;
        color: var(--on-bg-primary); }
      .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletters .newsletter .newsletter-info {
        color: var(--gray-450);
        font-family: Roboto;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        text-transform: uppercase; }
      .page-template-subscribe-newsletter .newsletter-page-wrapper .newsletters .newsletter .newsletter-subtitle {
        font-family: Roboto, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        color: var(--on-bg-primary); }
  .page-template-subscribe-newsletter .newsletter-page-wrapper .disclaimer {
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 32px;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: var(--gray-450); }
    .page-template-subscribe-newsletter .newsletter-page-wrapper .disclaimer a {
      color: var(--on-bg-primary); }
    @media (max-width: 979px) {
      .page-template-subscribe-newsletter .newsletter-page-wrapper .disclaimer br {
        display: none; } }

#subscribe-before-leaving .newsletter-dialog {
  width: 540px;
  height: 240px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

#subscribe-before-leaving .modal-content {
  background-color: var(--white);
  height: 100%;
  width: 100%;
  -webkit-border-radius: 5px 5px 3px 3px;
  -moz-border-radius: 5px 5px 3px 3px;
  -ms-border-radius: 5px 5px 3px 3px;
  -o-border-radius: 5px 5px 3px 3px;
  border-radius: 5px 5px 3px 3px;
  font-family: Roboto, sans-serif; }

#subscribe-before-leaving .modal-body {
  padding: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: var(--post-background); }
  #subscribe-before-leaving .modal-body .input-group {
    padding: 10px 40px 0 40px;
    background: var(--post-background); }
    #subscribe-before-leaving .modal-body .input-group .email {
      -webkit-appearance: none;
      outline: none;
      height: 45px;
      line-height: 20px;
      width: 330px;
      padding: 0 18px;
      font-size: 15px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      border: 1px solid var(--border-text-input);
      background: var(--bg-text-input);
      color: var(--text-input);
      box-sizing: border-box;
      font-family: Roboto, sans-serif; }
    #subscribe-before-leaving .modal-body .input-group .button {
      -webkit-appearance: none;
      cursor: pointer;
      outline: none;
      line-height: 1;
      border: 0;
      background: var(--orange-150);
      color: var(--white);
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
      font-size: 17px;
      font-weight: 500;
      font-family: Roboto, sans-serif;
      padding: 14px 24px; }
      #subscribe-before-leaving .modal-body .input-group .button:hover {
        background: var(--orange-100); }
    #subscribe-before-leaving .modal-body .input-group .info {
      padding-top: 10px;
      color: var(--gray-300);
      font-size: 10px;
      font-weight: 500;
      text-align: center;
      display: block; }
  #subscribe-before-leaving .modal-body .ml-block-success {
    padding: 30px; }
    #subscribe-before-leaving .modal-body .ml-block-success i {
      background: #56b863;
      color: var(--white);
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      padding: 8px;
      width: 12px;
      height: 12px;
      display: inline-block;
      vertical-align: middle; }
      #subscribe-before-leaving .modal-body .ml-block-success i .svg-icon {
        vertical-align: top;
        width: 12px;
        height: 12px; }
    #subscribe-before-leaving .modal-body .ml-block-success span {
      font-size: 26px;
      vertical-align: middle;
      margin-left: 12px;
      font-weight: bold; }
    #subscribe-before-leaving .modal-body .ml-block-success p {
      color: var(--gray-400);
      font-size: 17px;
      padding-top: 10px;
      line-height: 24px;
      max-width: 440px; }

#subscribe-before-leaving .panda-logo {
  margin: -87px 20px;
  position: absolute;
  background: url("images/newsletter-panda-logo.png");
  background-size: 120px 105px;
  width: 120px;
  height: 105px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #subscribe-before-leaving .panda-logo {
      background: url("images/newsletter-panda-logo@X2.png");
      background-size: 120px 105px; } }

#subscribe-before-leaving .title {
  background: var(--post-background);
  color: var(--on-bg-dark);
  font-size: 30px;
  font-weight: bold;
  text-align: center; }

#subscribe-before-leaving .text {
  background: var(--post-background);
  color: var(--post-description);
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 18px;
  text-align: center; }

#subscribe-before-leaving .newsletter-modal-head {
  background: var(--post-background);
  color: var(--on-bg-dark);
  padding: 20px;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -ms-border-radius: 3px 3px 0px 0px;
  -o-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px; }
  #subscribe-before-leaving .newsletter-modal-head .modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    color: var(--gray-400); }

#newsletter-modal .newsletter-dialog {
  width: 520px;
  height: 480px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

#newsletter-modal .modal-content {
  height: 100%;
  width: 100%;
  -webkit-border-radius: 5px 5px 3px 3px;
  -moz-border-radius: 5px 5px 3px 3px;
  -ms-border-radius: 5px 5px 3px 3px;
  -o-border-radius: 5px 5px 3px 3px;
  border-radius: 5px 5px 3px 3px;
  font-family: Roboto, sans-serif; }

#newsletter-modal .modal-body {
  padding: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: var(--post-background); }
  #newsletter-modal .modal-body .input-group {
    padding: 40px 40px 0 40px;
    background: var(--post-background); }
    #newsletter-modal .modal-body .input-group .email {
      -webkit-appearance: none;
      outline: none;
      height: 50px;
      line-height: 20px;
      width: 300px;
      padding: 0 18px;
      font-size: 16px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      border: 1px solid var(--border-text-input);
      background: var(--bg-text-input);
      color: var(--text-input);
      box-sizing: border-box;
      font-family: Roboto, sans-serif; }
    #newsletter-modal .modal-body .input-group .button {
      -webkit-appearance: none;
      cursor: pointer;
      outline: none;
      line-height: 1;
      border: 0;
      background: var(--gray-800);
      color: var(--white);
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      font-size: 18px;
      font-weight: 500;
      font-family: Roboto, sans-serif;
      padding: 16px 24px;
      margin-left: 10px; }
      #newsletter-modal .modal-body .input-group .button:hover {
        background: var(--gray-700); }
    #newsletter-modal .modal-body .input-group .info {
      padding-top: 10px;
      color: var(--gray-300);
      font-size: 13px;
      font-weight: 400;
      display: block; }
  #newsletter-modal .modal-body .ml-block-success {
    padding: 30px; }
    #newsletter-modal .modal-body .ml-block-success i {
      background: #56b863;
      color: var(--white);
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      padding: 8px;
      width: 12px;
      height: 12px;
      display: inline-block;
      vertical-align: middle; }
      #newsletter-modal .modal-body .ml-block-success i .svg-icon {
        vertical-align: top;
        width: 12px;
        height: 12px; }
    #newsletter-modal .modal-body .ml-block-success span {
      font-size: 30px;
      vertical-align: middle;
      margin-left: 12px;
      font-weight: bold; }
    #newsletter-modal .modal-body .ml-block-success p {
      color: var(--gray-400);
      font-size: 18px;
      padding-top: 10px;
      line-height: 24px;
      max-width: 440px; }

#newsletter-modal .newsletter-modal-head {
  background: #56b863;
  color: var(--white);
  padding: 50px;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -ms-border-radius: 3px 3px 0px 0px;
  -o-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px; }
  #newsletter-modal .newsletter-modal-head .panda-logo {
    margin: auto;
    background: url("images/newsletter-subscribe-panda.png");
    background-size: 120px 160px;
    width: 120px;
    height: 160px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      #newsletter-modal .newsletter-modal-head .panda-logo {
        background: url("images/newsletter-subscribe-panda@2x.png");
        background-size: 120px 160px; } }
    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
      #newsletter-modal .newsletter-modal-head .panda-logo {
        background: url("images/newsletter-subscribe-panda@3x.png");
        background-size: 120px 160px; } }
  #newsletter-modal .newsletter-modal-head .title {
    font-size: 30px;
    font-weight: bold;
    padding-top: 18px;
    text-align: center; }
  #newsletter-modal .newsletter-modal-head .text {
    font-size: 18px;
    padding-top: 5px;
    text-align: center; }
  #newsletter-modal .newsletter-modal-head .modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    color: var(--white); }

.newsletter-form .error, .newsletter-subscribe .error {
  padding-top: 5px;
  font-family: Roboto, sans-serif;
  display: block; }
  .newsletter-form .error i, .newsletter-subscribe .error i {
    background: var(--red-100);
    height: 14px;
    width: 2px;
    color: var(--white);
    display: inline-block;
    padding: 7px 13px;
    border-radius: 50%;
    vertical-align: middle; }
    .newsletter-form .error i .svg-icon, .newsletter-subscribe .error i .svg-icon {
      vertical-align: top; }
  .newsletter-form .error .text, .newsletter-subscribe .error .text {
    font-family: Roboto, sans-serif;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    margin-left: 9px;
    font-size: 14px;
    color: var(--red-100);
    padding: 0; }

.newsletter-form .newsletter-spinner, .newsletter-subscribe .newsletter-spinner {
  display: block;
  background-size: 30px;
  height: 30px;
  width: 100%;
  vertical-align: middle;
  margin-top: 23px; }
  .newsletter-form .newsletter-spinner.in-post, .newsletter-subscribe .newsletter-spinner.in-post {
    display: inline-block;
    width: 30px;
    margin: 0 10px 0; }
    @media (max-width: 510px) {
      .newsletter-form .newsletter-spinner.in-post, .newsletter-subscribe .newsletter-spinner.in-post {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto; } }

.page-template-newsletter-success .main.bp-container {
  width: 100%; }

.newsletter-success-section {
  margin-bottom: 100px; }
  @media (max-width: 530px) {
    .newsletter-success-section {
      margin-top: 100px; } }
  .newsletter-success-section .newsletter-success-form {
    max-width: 750px;
    margin: 0 auto; }
    .newsletter-success-section .newsletter-success-form .block-header {
      background-image: url("images/newsletter-success.jpg");
      width: 100%;
      height: 220px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: right; }
      @media (max-width: 530px) {
        .newsletter-success-section .newsletter-success-form .block-header {
          background-image: url("images/newsletter-success-mobile.jpg");
          height: 200px; } }
    .newsletter-success-section .newsletter-success-form .block-body {
      display: flex;
      padding: 32px 80px;
      flex-direction: column;
      align-items: center;
      box-sizing: border-box;
      gap: 24px;
      background: white; }
      @media (max-width: 530px) {
        .newsletter-success-section .newsletter-success-form .block-body {
          padding: 24px; } }
      .newsletter-success-section .newsletter-success-form .block-body .text-block {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        align-self: stretch; }
        .newsletter-success-section .newsletter-success-form .block-body .text-block h3 {
          color: #353535;
          font-family: Merriweather;
          font-size: 32px;
          font-style: normal;
          font-weight: 700;
          line-height: 42px; }
          @media (max-width: 530px) {
            .newsletter-success-section .newsletter-success-form .block-body .text-block h3 {
              font-size: 26px;
              line-height: 36px; } }
        .newsletter-success-section .newsletter-success-form .block-body .text-block p {
          color: var(--Light-theme-Grey-1, #949494);
          text-align: center;
          font-family: Roboto;
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: 27px; }
          @media (max-width: 530px) {
            .newsletter-success-section .newsletter-success-form .block-body .text-block p {
              font-size: 16px;
              line-height: 24px; } }
      .newsletter-success-section .newsletter-success-form .block-body .cta-btn {
        display: flex;
        padding: 12px 40px;
        justify-content: center;
        align-items: center;
        gap: 12px;
        color: var(--White, #FFF);
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        border-radius: 3px;
        border: none;
        background: var(--Brand-Brand---Red, #D74B1F); }
        @media (max-width: 530px) {
          .newsletter-success-section .newsletter-success-form .block-body .cta-btn {
            width: 100%;
            box-sizing: border-box; } }

body.popup-open {
  overflow: hidden; }

.editor-dashboard-section, .photoshoper-dashboard-section {
  min-height: 100vh;
  background: var(--post-background);
  color: var(--on-bg-dark);
  padding: 25px;
  position: relative; }
  .editor-dashboard-section .font-bold, .photoshoper-dashboard-section .font-bold {
    font-weight: bold; }
  .editor-dashboard-section select, .photoshoper-dashboard-section select {
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    max-width: 100%; }
  .editor-dashboard-section .editor-picker, .photoshoper-dashboard-section .editor-picker {
    margin-bottom: 20px;
    margin-left: 25px; }
    .editor-dashboard-section .editor-picker select, .photoshoper-dashboard-section .editor-picker select {
      width: 300px; }
  .editor-dashboard-section .link, .photoshoper-dashboard-section .link {
    font-size: 14px;
    margin-left: 15px;
    color: var(--green-300);
    cursor: pointer; }
  .editor-dashboard-section #stop-words-popup, .photoshoper-dashboard-section #stop-words-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 600px;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 20px;
    z-index: 9999;
    border-radius: 8px;
    /* Mygtukų stilius */ }
    .editor-dashboard-section #stop-words-popup.active, .photoshoper-dashboard-section #stop-words-popup.active {
      display: block; }
    .editor-dashboard-section #stop-words-popup .btn, .photoshoper-dashboard-section #stop-words-popup .btn {
      padding: 10px 20px;
      border: none;
      cursor: pointer;
      border-radius: 5px; }
    .editor-dashboard-section #stop-words-popup .btn.save, .photoshoper-dashboard-section #stop-words-popup .btn.save {
      background-color: var(--green-300);
      color: white;
      float: right; }
    .editor-dashboard-section #stop-words-popup .btn.close, .photoshoper-dashboard-section #stop-words-popup .btn.close {
      background-color: var(--orange-200);
      color: white; }
    .editor-dashboard-section #stop-words-popup textarea, .photoshoper-dashboard-section #stop-words-popup textarea {
      width: 95%;
      height: 60vh;
      margin-top: 10px;
      font-size: 14px;
      border: 1px solid #ccc;
      border-radius: 5px;
      padding: 10px;
      resize: none; }
  .editor-dashboard-section .message, .photoshoper-dashboard-section .message {
    color: var(--white);
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
    font-weight: 400; }
  .editor-dashboard-section .error-icon .svg-icon, .photoshoper-dashboard-section .error-icon .svg-icon {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    color: var(--orange-150) !important; }
  .editor-dashboard-section .error, .photoshoper-dashboard-section .error {
    background-color: var(--red-50);
    color: #353535; }
    .editor-dashboard-section .error .error-icon, .photoshoper-dashboard-section .error .error-icon {
      display: inline-block;
      vertical-align: middle;
      margin-right: 16px; }
    .editor-dashboard-section .error .error-message, .photoshoper-dashboard-section .error .error-message {
      display: inline-block;
      vertical-align: middle; }
    .editor-dashboard-section .error .underline, .photoshoper-dashboard-section .error .underline {
      text-decoration: underline; }
    .editor-dashboard-section .error a, .photoshoper-dashboard-section .error a {
      color: #353535; }
  .editor-dashboard-section .success, .photoshoper-dashboard-section .success {
    background-color: #7cd36d; }
  .editor-dashboard-section .warning-box, .photoshoper-dashboard-section .warning-box {
    background-color: #edc888;
    color: var(--gray-800); }
  .editor-dashboard-section .editor-post-footer-actions, .photoshoper-dashboard-section .editor-post-footer-actions {
    padding: 20px 0 60px; }
    .editor-dashboard-section .editor-post-footer-actions .button-complete, .photoshoper-dashboard-section .editor-post-footer-actions .button-complete {
      border: 1px solid var(--green-300);
      background: var(--green-300);
      color: var(--white); }
      .editor-dashboard-section .editor-post-footer-actions .button-complete:hover, .photoshoper-dashboard-section .editor-post-footer-actions .button-complete:hover {
        opacity: 0.8; }
  .editor-dashboard-section .editor-sidebar, .photoshoper-dashboard-section .editor-sidebar {
    width: 340px;
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid var(--gray-250); }
    .editor-dashboard-section .editor-sidebar .date-picker, .photoshoper-dashboard-section .editor-sidebar .date-picker {
      text-align: center;
      margin-bottom: 20px;
      user-select: none;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none; }
      .editor-dashboard-section .editor-sidebar .date-picker .date, .photoshoper-dashboard-section .editor-sidebar .date-picker .date {
        font-size: 16px;
        font-weight: 500;
        vertical-align: middle;
        margin: 0 5px; }
      .editor-dashboard-section .editor-sidebar .date-picker .control, .photoshoper-dashboard-section .editor-sidebar .date-picker .control {
        cursor: pointer; }
        .editor-dashboard-section .editor-sidebar .date-picker .control .svg-icon, .photoshoper-dashboard-section .editor-sidebar .date-picker .control .svg-icon {
          width: 10px;
          height: 10px;
          vertical-align: unset; }
        .editor-dashboard-section .editor-sidebar .date-picker .control.disabled .svg-icon, .photoshoper-dashboard-section .editor-sidebar .date-picker .control.disabled .svg-icon {
          opacity: 0.4;
          cursor: no-drop; }
    .editor-dashboard-section .editor-sidebar .empty-posts, .photoshoper-dashboard-section .editor-sidebar .empty-posts {
      text-align: center; }
    .editor-dashboard-section .editor-sidebar .editor-posts .editor-post, .photoshoper-dashboard-section .editor-sidebar .editor-posts .editor-post {
      max-width: 100%;
      margin-bottom: 20px; }
      .editor-dashboard-section .editor-sidebar .editor-posts .editor-post input, .photoshoper-dashboard-section .editor-sidebar .editor-posts .editor-post input {
        display: inline-block;
        vertical-align: middle; }
      .editor-dashboard-section .editor-sidebar .editor-posts .editor-post .image, .photoshoper-dashboard-section .editor-sidebar .editor-posts .editor-post .image {
        max-width: 300px;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer; }
      .editor-dashboard-section .editor-sidebar .editor-posts .editor-post .progress, .photoshoper-dashboard-section .editor-sidebar .editor-posts .editor-post .progress {
        margin-left: 25px;
        border-radius: 0;
        width: 300px;
        margin-bottom: 0; }
      .editor-dashboard-section .editor-sidebar .editor-posts .editor-post .title, .photoshoper-dashboard-section .editor-sidebar .editor-posts .editor-post .title {
        padding: 10px 0 0 25px;
        max-width: 300px; }
        .editor-dashboard-section .editor-sidebar .editor-posts .editor-post .title .text, .photoshoper-dashboard-section .editor-sidebar .editor-posts .editor-post .title .text {
          line-height: 22px;
          vertical-align: middle; }
  .editor-dashboard-section .editor-post-actions, .photoshoper-dashboard-section .editor-post-actions {
    display: inline-block;
    width: calc(100% - 355px);
    vertical-align: top;
    padding-left: 10px; }
    .editor-dashboard-section .editor-post-actions .authors, .photoshoper-dashboard-section .editor-post-actions .authors {
      padding: 10px 0 0; }
      .editor-dashboard-section .editor-post-actions .authors .author, .photoshoper-dashboard-section .editor-post-actions .authors .author {
        display: inline; }
        .editor-dashboard-section .editor-post-actions .authors .author .image, .photoshoper-dashboard-section .editor-post-actions .authors .author .image {
          width: 35px;
          height: 35px;
          border-radius: 50%;
          float: left;
          margin-right: 5px; }
        .editor-dashboard-section .editor-post-actions .authors .author .name, .photoshoper-dashboard-section .editor-post-actions .authors .author .name {
          line-height: 35px;
          font-weight: 500;
          font-size: 15px; }
        .editor-dashboard-section .editor-post-actions .authors .author .separator, .photoshoper-dashboard-section .editor-post-actions .authors .author .separator {
          line-height: 20px;
          font-size: 15px;
          color: var(--gray-450);
          font-weight: 400; }
    .editor-dashboard-section .editor-post-actions .progress, .photoshoper-dashboard-section .editor-post-actions .progress {
      border-radius: 0; }
    .editor-dashboard-section .editor-post-actions .title-link:hover, .photoshoper-dashboard-section .editor-post-actions .title-link:hover {
      text-decoration: underline; }
    .editor-dashboard-section .editor-post-actions .title, .photoshoper-dashboard-section .editor-post-actions .title {
      font-size: 25px; }
      .editor-dashboard-section .editor-post-actions .title a, .photoshoper-dashboard-section .editor-post-actions .title a {
        color: var(--gray-800);
        vertical-align: middle; }
        .editor-dashboard-section .editor-post-actions .title a .icon-edit, .photoshoper-dashboard-section .editor-post-actions .title a .icon-edit {
          width: 17px;
          height: 17px;
          margin-top: 2px;
          margin-left: 5px;
          color: var(--orange-150); }
    .editor-dashboard-section .editor-post-actions .post-image, .photoshoper-dashboard-section .editor-post-actions .post-image {
      max-width: 100%;
      display: block;
      margin-top: 10px; }
    .editor-dashboard-section .editor-post-actions .editor-post-action-block, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block {
      margin-top: 20px;
      padding: 15px;
      border: 1px solid var(--gray-250);
      color: var(--gray-800);
      font-size: 16px;
      font-weight: 400; }
      .editor-dashboard-section .editor-post-actions .editor-post-action-block .comment-replies .editor-post-action-block-footer .disabled, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block .comment-replies .editor-post-action-block-footer .disabled {
        color: var(--gray-450);
        border: solid 1px var(--gray-450); }
      .editor-dashboard-section .editor-post-actions .editor-post-action-block .comment-replies .editor-post-action-block-footer .right-button, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block .comment-replies .editor-post-action-block-footer .right-button {
        float: unset; }
    .editor-dashboard-section .editor-post-actions .editor-post-action-block-header .editor-post-action-block-title, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-header .editor-post-action-block-title {
      font-weight: 500; }
    .editor-dashboard-section .editor-post-actions .editor-post-action-block-header .editor-post-action-block-progress, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-header .editor-post-action-block-progress {
      float: right;
      font-size: 14px; }
      .editor-dashboard-section .editor-post-actions .editor-post-action-block-header .editor-post-action-block-progress span, .editor-dashboard-section .editor-post-actions .editor-post-action-block-header .editor-post-action-block-progress i, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-header .editor-post-action-block-progress span, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-header .editor-post-action-block-progress i {
        vertical-align: middle;
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none; }
      .editor-dashboard-section .editor-post-actions .editor-post-action-block-header .editor-post-action-block-progress .svg-icon, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-header .editor-post-action-block-progress .svg-icon {
        width: 16px;
        height: 16px;
        color: var(--green-300);
        cursor: pointer; }
      .editor-dashboard-section .editor-post-actions .editor-post-action-block-header .editor-post-action-block-progress .checkmark, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-header .editor-post-action-block-progress .checkmark {
        margin-right: 5px; }
      .editor-dashboard-section .editor-post-actions .editor-post-action-block-header .editor-post-action-block-progress .arrow, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-header .editor-post-action-block-progress .arrow {
        margin-left: 10px; }
        .editor-dashboard-section .editor-post-actions .editor-post-action-block-header .editor-post-action-block-progress .arrow .svg-icon, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-header .editor-post-action-block-progress .arrow .svg-icon {
          color: var(--gray-800); }
    .editor-dashboard-section .editor-post-actions .editor-post-action-content, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-content {
      margin-top: 10px; }
      .editor-dashboard-section .editor-post-actions .editor-post-action-content .text-gray, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-content .text-gray {
        color: var(--gray-450);
        font-size: 16px; }
      .editor-dashboard-section .editor-post-actions .editor-post-action-content .block-title, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-content .block-title {
        line-height: 24px;
        font-weight: 600; }
      .editor-dashboard-section .editor-post-actions .editor-post-action-content .replies, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-content .replies {
        margin-top: 24px;
        display: flex;
        flex-wrap: wrap;
        gap: 16px; }
        .editor-dashboard-section .editor-post-actions .editor-post-action-content .replies .skip-comment, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-content .replies .skip-comment {
          color: var(--gray-500);
          text-decoration: underline; }
        .editor-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block {
          display: flex;
          flex-wrap: wrap;
          width: 100%;
          border-radius: 3px;
          border: solid 1px var(--gray-100); }
          .editor-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .hidden, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .hidden {
            display: none; }
          .editor-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .block-title, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .block-title {
            border-bottom: solid 1px var(--gray-100);
            width: 100%;
            padding: 8px 16px;
            background-color: var(--gray-50);
            font-family: Roboto;
            font-size: 14px;
            font-weight: 600;
            line-height: 16.41px;
            color: var(--gray-500); }
            .editor-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .block-title-reply, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .block-title-reply {
              border-top: solid 1px var(--gray-100);
              font-size: 12px;
              line-height: 14.06px; }
            .editor-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .block-title .skip-comment, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .block-title .skip-comment {
              float: right; }
          .editor-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .comment, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .comment {
            padding: 16px;
            font-family: Roboto;
            font-size: 16px;
            font-weight: 600;
            line-height: 24px;
            text-align: left; }
          .editor-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .reply, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .reply {
            padding: 16px;
            display: flex;
            gap: 16px; }
            .editor-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .reply.disabled, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .reply.disabled {
              color: var(--gray-500); }
              .editor-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .reply.disabled .actions a, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .reply.disabled .actions a {
                color: var(--gray-500); }
                .editor-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .reply.disabled .actions a.post-reply, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .reply.disabled .actions a.post-reply {
                  background: rgba(130, 130, 130, 0.08); }
            .editor-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .reply span, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .reply span {
              font-family: Roboto;
              font-size: 16px;
              font-weight: 400;
              display: block;
              line-height: 24px;
              text-align: left;
              padding: 10px 12px 10px 12px;
              border-radius: 4px;
              border: solid 1px var(--gray-100); }
            .editor-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .reply .actions, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .reply .actions {
              display: flex;
              gap: 12px; }
              .editor-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .reply .actions .regenerate, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .reply .actions .regenerate {
                color: var(--orange-150);
                height: min-content;
                padding-top: 6px; }
                .editor-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .reply .actions .regenerate.disabled, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .reply .actions .regenerate.disabled {
                  color: var(--gray-500); }
              .editor-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .reply .actions .post-reply, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .reply .actions .post-reply {
                font-weight: 600;
                height: min-content;
                border-radius: 4px;
                background: rgba(215, 75, 31, 0.08);
                padding: 6px 18px;
                color: var(--orange-150); }
                .editor-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .reply .actions .post-reply.active, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .reply .actions .post-reply.active {
                  background: rgba(86, 184, 99, 0.08);
                  color: var(--green-300);
                  padding: 6px 9px; }
          .editor-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .bottom, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-content .replies .comment-block .bottom {
            background-color: var(--gray-50);
            font-family: Roboto;
            font-size: 14px;
            font-weight: 600;
            line-height: 16.41px;
            text-align: left;
            padding: 8px 16px;
            width: 100%;
            border-top: solid 1px var(--gray-100);
            text-align: center; }
    .editor-dashboard-section .editor-post-actions .row, .photoshoper-dashboard-section .editor-post-actions .row {
      display: flex; }
      .editor-dashboard-section .editor-post-actions .row .column, .photoshoper-dashboard-section .editor-post-actions .row .column {
        display: flex;
        width: 50%;
        flex-flow: column; }
    .editor-dashboard-section .editor-post-actions .editor-post-action-block-body, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-body {
      margin-bottom: 10px;
      font-size: 14px; }
      .editor-dashboard-section .editor-post-actions .editor-post-action-block-body .checked, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-body .checked {
        text-decoration: line-through; }
      .editor-dashboard-section .editor-post-actions .editor-post-action-block-body .error-icon, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-body .error-icon {
        margin-left: 10px; }
      .editor-dashboard-section .editor-post-actions .editor-post-action-block-body .auto-adjust-height, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-body .auto-adjust-height {
        width: 90%;
        border-radius: 3px;
        border: solid 1px lightgrey;
        padding: 10px; }
      .editor-dashboard-section .editor-post-actions .editor-post-action-block-body label, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-body label {
        display: block;
        line-height: 24px; }
        .editor-dashboard-section .editor-post-actions .editor-post-action-block-body label.inline, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-body label.inline {
          vertical-align: top; }
        .editor-dashboard-section .editor-post-actions .editor-post-action-block-body label.clickable, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-body label.clickable {
          cursor: pointer; }
          .editor-dashboard-section .editor-post-actions .editor-post-action-block-body label.clickable:hover, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-body label.clickable:hover {
            opacity: 0.7; }
      .editor-dashboard-section .editor-post-actions .editor-post-action-block-body .review-action, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-body .review-action {
        margin: 10px 23px; }
      .editor-dashboard-section .editor-post-actions .editor-post-action-block-body .review-action-block .categories-dropdown, .editor-dashboard-section .editor-post-actions .editor-post-action-block-body .review-action-block .tagit, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-body .review-action-block .categories-dropdown, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-body .review-action-block .tagit {
        width: calc(100% - 81px);
        vertical-align: top;
        display: inline-block;
        margin: 0 10px 0 0;
        max-width: calc(100% - 81px); }
      .editor-dashboard-section .editor-post-actions .editor-post-action-block-body .review-action-block button, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-body .review-action-block button {
        margin: 0;
        vertical-align: top; }
    .editor-dashboard-section .editor-post-actions .editor-text-block, .photoshoper-dashboard-section .editor-post-actions .editor-text-block {
      border: 1px solid var(--gray-250);
      padding: 10px;
      margin-top: 10px;
      background: var(--gray-100);
      font-size: 12px;
      line-height: 16px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .editor-dashboard-section .editor-post-actions .editor-text-block .post-comments-block, .photoshoper-dashboard-section .editor-post-actions .editor-text-block .post-comments-block {
        margin-bottom: 10px; }
        .editor-dashboard-section .editor-post-actions .editor-text-block .post-comments-block.hidden, .photoshoper-dashboard-section .editor-post-actions .editor-text-block .post-comments-block.hidden {
          display: none; }
        .editor-dashboard-section .editor-post-actions .editor-text-block .post-comments-block:last-child, .photoshoper-dashboard-section .editor-post-actions .editor-text-block .post-comments-block:last-child {
          margin: 0; }
        .editor-dashboard-section .editor-post-actions .editor-text-block .post-comments-block img.comments-post, .editor-dashboard-section .editor-post-actions .editor-text-block .post-comments-block .main-post, .photoshoper-dashboard-section .editor-post-actions .editor-text-block .post-comments-block img.comments-post, .photoshoper-dashboard-section .editor-post-actions .editor-text-block .post-comments-block .main-post {
          width: 70px;
          height: 70px;
          display: inline-block;
          vertical-align: top; }
        .editor-dashboard-section .editor-post-actions .editor-text-block .post-comments-block .comments-block, .photoshoper-dashboard-section .editor-post-actions .editor-text-block .post-comments-block .comments-block {
          display: inline-block;
          vertical-align: top;
          border-left: 1px solid var(--gray-250);
          padding-left: 10px;
          margin-left: 10px;
          width: calc(100% - 95px);
          min-height: 70px; }
        .editor-dashboard-section .editor-post-actions .editor-text-block .post-comments-block .show-comments, .photoshoper-dashboard-section .editor-post-actions .editor-text-block .post-comments-block .show-comments {
          color: var(--green-300); }
        .editor-dashboard-section .editor-post-actions .editor-text-block .post-comments-block .delete-comment .svg-icon, .photoshoper-dashboard-section .editor-post-actions .editor-text-block .post-comments-block .delete-comment .svg-icon {
          width: 12px;
          height: 12px;
          color: var(--gray-800); }
      .editor-dashboard-section .editor-post-actions .editor-text-block .show-comments-block, .photoshoper-dashboard-section .editor-post-actions .editor-text-block .show-comments-block {
        color: var(--green-300);
        display: block;
        text-align: center; }
      .editor-dashboard-section .editor-post-actions .editor-text-block .comment, .photoshoper-dashboard-section .editor-post-actions .editor-text-block .comment {
        margin: 5px 0; }
        .editor-dashboard-section .editor-post-actions .editor-text-block .comment .deleted, .photoshoper-dashboard-section .editor-post-actions .editor-text-block .comment .deleted {
          font-style: italic;
          font-size: 10px; }
        .editor-dashboard-section .editor-post-actions .editor-text-block .comment.hidden, .photoshoper-dashboard-section .editor-post-actions .editor-text-block .comment.hidden {
          display: none; }
    .editor-dashboard-section .editor-post-actions button, .editor-dashboard-section .editor-post-actions .right-button, .photoshoper-dashboard-section .editor-post-actions button, .photoshoper-dashboard-section .editor-post-actions .right-button {
      font-size: 14px;
      padding: 10px;
      font-weight: 500;
      border: 1px solid var(--green-300);
      color: var(--green-300);
      background: white;
      display: inline-block;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      cursor: pointer;
      margin-top: 5px; }
      .editor-dashboard-section .editor-post-actions button:hover, .editor-dashboard-section .editor-post-actions button.active, .editor-dashboard-section .editor-post-actions .right-button:hover, .editor-dashboard-section .editor-post-actions .right-button.active, .photoshoper-dashboard-section .editor-post-actions button:hover, .photoshoper-dashboard-section .editor-post-actions button.active, .photoshoper-dashboard-section .editor-post-actions .right-button:hover, .photoshoper-dashboard-section .editor-post-actions .right-button.active {
        border-color: var(--green-300);
        background-color: var(--green-300);
        color: white; }
    .editor-dashboard-section .editor-post-actions .editor-post-action-block-footer .message.error, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-footer .message.error {
      background: var(--orange-150);
      color: var(--white); }
    .editor-dashboard-section .editor-post-actions .editor-post-action-block-footer button[disabled], .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-footer button[disabled] {
      cursor: not-allowed; }
    .editor-dashboard-section .editor-post-actions .editor-post-action-block-footer .right-button, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-footer .right-button {
      border: 1px solid var(--orange-150);
      color: var(--orange-150);
      float: right; }
      .editor-dashboard-section .editor-post-actions .editor-post-action-block-footer .right-button:hover, .editor-dashboard-section .editor-post-actions .editor-post-action-block-footer .right-button.active, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-footer .right-button:hover, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-footer .right-button.active {
        border-color: var(--orange-150);
        background-color: var(--orange-150);
        color: white; }
  .editor-dashboard-section .menu, .photoshoper-dashboard-section .menu {
    display: none; }
    .editor-dashboard-section .menu .svg-icon, .photoshoper-dashboard-section .menu .svg-icon {
      width: 18px;
      height: 18px;
      position: absolute;
      left: 5px;
      top: 5px;
      cursor: pointer; }
  @media (min-width: 980px) {
    .editor-dashboard-section .editor-sidebar, .photoshoper-dashboard-section .editor-sidebar {
      display: inline-block !important; } }
  @media (max-width: 979px) {
    .editor-dashboard-section .menu, .photoshoper-dashboard-section .menu {
      display: block; }
    .editor-dashboard-section .editor-sidebar, .photoshoper-dashboard-section .editor-sidebar {
      position: absolute;
      left: 25px;
      overflow: scroll;
      max-height: calc(100% - 50px);
      z-index: 999;
      background: var(--white); }
    .editor-dashboard-section .editor-post-actions, .photoshoper-dashboard-section .editor-post-actions {
      width: 100%;
      padding: 0; }
      .editor-dashboard-section .editor-post-actions .editor-post-action-block-footer .right-button, .photoshoper-dashboard-section .editor-post-actions .editor-post-action-block-footer .right-button {
        float: none; } }

#editor-dashboard-summary .col {
  box-sizing: border-box;
  padding-bottom: 10px; }

#editor-dashboard-summary .filters label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px; }

#editor-dashboard-summary .filters input, #editor-dashboard-summary .filters select {
  width: 100%;
  padding: 5px;
  border-radius: 3px;
  box-sizing: border-box;
  vertical-align: middle;
  display: block;
  border: 1px solid var(--gray-250);
  color: var(--gray-800);
  font-size: 14px;
  font-weight: 400;
  min-height: 30px; }

#editor-dashboard-summary hr {
  padding-top: 5px;
  margin: 0; }

#editor-dashboard-summary .editor-posts-summary {
  margin-top: 15px;
  font-size: 13px;
  font-weight: 400; }
  #editor-dashboard-summary .editor-posts-summary .stats {
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 10px; }

#editor-dashboard-summary .editor-posts, #editor-dashboard-summary .downvoted-posts {
  margin-top: 5px; }
  #editor-dashboard-summary .editor-posts .section-title, #editor-dashboard-summary .downvoted-posts .section-title {
    font-size: 16px;
    margin-bottom: 15px; }
  #editor-dashboard-summary .editor-posts .editor-post .post-image, #editor-dashboard-summary .editor-posts .downvoted-post .post-image, #editor-dashboard-summary .downvoted-posts .editor-post .post-image, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-image {
    width: 100%; }
  #editor-dashboard-summary .editor-posts .editor-post .post-title, #editor-dashboard-summary .editor-posts .downvoted-post .post-title, #editor-dashboard-summary .downvoted-posts .editor-post .post-title, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-title {
    width: 100%;
    font-size: 16px;
    color: var(--gray-800);
    line-height: 22px;
    font-weight: 500; }
  #editor-dashboard-summary .editor-posts .editor-post .post-completion, #editor-dashboard-summary .editor-posts .editor-post .post-rating, #editor-dashboard-summary .editor-posts .downvoted-post .post-completion, #editor-dashboard-summary .editor-posts .downvoted-post .post-rating, #editor-dashboard-summary .downvoted-posts .editor-post .post-completion, #editor-dashboard-summary .downvoted-posts .editor-post .post-rating, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-completion, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-rating {
    font-size: 13px;
    font-weight: 400;
    margin-top: 5px;
    display: block; }
    #editor-dashboard-summary .editor-posts .editor-post .post-completion.warning, #editor-dashboard-summary .editor-posts .editor-post .post-rating.warning, #editor-dashboard-summary .editor-posts .downvoted-post .post-completion.warning, #editor-dashboard-summary .editor-posts .downvoted-post .post-rating.warning, #editor-dashboard-summary .downvoted-posts .editor-post .post-completion.warning, #editor-dashboard-summary .downvoted-posts .editor-post .post-rating.warning, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-completion.warning, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-rating.warning {
      color: #eba01d;
      background: none; }
    #editor-dashboard-summary .editor-posts .editor-post .post-completion.success, #editor-dashboard-summary .editor-posts .editor-post .post-rating.success, #editor-dashboard-summary .editor-posts .downvoted-post .post-completion.success, #editor-dashboard-summary .editor-posts .downvoted-post .post-rating.success, #editor-dashboard-summary .downvoted-posts .editor-post .post-completion.success, #editor-dashboard-summary .downvoted-posts .editor-post .post-rating.success, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-completion.success, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-rating.success {
      color: #7cd36d;
      background: none; }
  #editor-dashboard-summary .editor-posts .editor-post .post-action-group, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group {
    padding: 5px;
    border: 1px solid var(--gray-250);
    border-radius: 3px;
    color: var(--gray-800);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 6px;
    width: 48%;
    display: inline-block;
    box-sizing: border-box;
    margin-left: 5px;
    text-align: left;
    vertical-align: top; }
    #editor-dashboard-summary .editor-posts .editor-post .post-action-group:last-child, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group:last-child, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group:last-child, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group:last-child {
      margin-bottom: 0; }
    #editor-dashboard-summary .editor-posts .editor-post .post-action-group .post-action-group-header, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group .post-action-group-header, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group .post-action-group-header, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-group-header {
      font-weight: 500;
      cursor: pointer; }
      #editor-dashboard-summary .editor-posts .editor-post .post-action-group .post-action-group-header .post-action-block-progress, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group .post-action-group-header .post-action-block-progress, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress {
        float: right;
        font-size: 12px; }
        #editor-dashboard-summary .editor-posts .editor-post .post-action-group .post-action-group-header .post-action-block-progress .checkmark, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress .checkmark, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group .post-action-group-header .post-action-block-progress .checkmark, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress .checkmark {
          margin-right: 3px; }
          #editor-dashboard-summary .editor-posts .editor-post .post-action-group .post-action-group-header .post-action-block-progress .checkmark .svg-icon, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress .checkmark .svg-icon, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group .post-action-group-header .post-action-block-progress .checkmark .svg-icon, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress .checkmark .svg-icon {
            width: 14px;
            height: 14px;
            color: var(--green-300); }
        #editor-dashboard-summary .editor-posts .editor-post .post-action-group .post-action-group-header .post-action-block-progress .arrow, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress .arrow, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group .post-action-group-header .post-action-block-progress .arrow, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress .arrow {
          margin-left: 5px; }
          #editor-dashboard-summary .editor-posts .editor-post .post-action-group .post-action-group-header .post-action-block-progress .arrow .svg-icon, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress .arrow .svg-icon, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group .post-action-group-header .post-action-block-progress .arrow .svg-icon, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress .arrow .svg-icon {
            width: 12px;
            height: 14px;
            color: var(--gray-800); }
    #editor-dashboard-summary .editor-posts .editor-post .post-action-group .post-action-block-body, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group .post-action-block-body, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group .post-action-block-body, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-block-body {
      border-top: 1px solid var(--gray-250);
      margin-top: 5px; }
      #editor-dashboard-summary .editor-posts .editor-post .post-action-group .post-action-block-body .post-action-block, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group .post-action-block-body .post-action-block, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block {
        margin-top: 5px; }
        #editor-dashboard-summary .editor-posts .editor-post .post-action-group .post-action-block-body .post-action-block label, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block label, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group .post-action-block-body .post-action-block label, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block label {
          font-size: 11px;
          font-weight: 400; }
          #editor-dashboard-summary .editor-posts .editor-post .post-action-group .post-action-block-body .post-action-block label.checked, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block label.checked, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group .post-action-block-body .post-action-block label.checked, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block label.checked {
            text-decoration: line-through; }
        #editor-dashboard-summary .editor-posts .editor-post .post-action-group .post-action-block-body .post-action-block input, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block input, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group .post-action-block-body .post-action-block input, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block input {
          margin: 0 0 1px; }
          #editor-dashboard-summary .editor-posts .editor-post .post-action-group .post-action-block-body .post-action-block input:disabled, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block input:disabled, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group .post-action-block-body .post-action-block input:disabled, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block input:disabled {
            cursor: default; }
  #editor-dashboard-summary .editor-posts .downvoted-post .post-image, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-image {
    width: 100px; }
  #editor-dashboard-summary .editor-posts .downvoted-post .downvotes, #editor-dashboard-summary .downvoted-posts .downvoted-post .downvotes {
    font-weight: 400; }

#editor-dashboard-summary .editor-dashboard-summary {
  margin-top: 10px; }
  #editor-dashboard-summary .editor-dashboard-summary .table {
    font-size: 14px; }
    #editor-dashboard-summary .editor-dashboard-summary .table td {
      font-weight: 400; }

#editor-dashboard-summary .right {
  text-align: right; }

@media (max-width: 768px) {
  #editor-dashboard-summary .editor-posts .editor-post .post-action-group {
    width: 100%;
    display: block;
    margin-left: 0; } }

.writer-dashboard-section, .photoshoper-dashboard-section {
  min-height: 100vh;
  background: var(--post-background);
  color: var(--on-bg-dark);
  padding: 25px;
  position: relative; }
  .writer-dashboard-section .font-bold, .photoshoper-dashboard-section .font-bold {
    font-weight: bold; }
  .writer-dashboard-section select, .photoshoper-dashboard-section select {
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    max-width: 100%; }
  .writer-dashboard-section .writer-picker, .photoshoper-dashboard-section .writer-picker {
    margin-bottom: 20px;
    margin-left: 25px; }
    .writer-dashboard-section .writer-picker select, .photoshoper-dashboard-section .writer-picker select {
      width: 300px; }
  .writer-dashboard-section .link, .photoshoper-dashboard-section .link {
    font-size: 14px;
    margin-left: 25px;
    color: var(--green-300);
    cursor: pointer; }
  .writer-dashboard-section .message, .photoshoper-dashboard-section .message {
    color: var(--white);
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
    font-weight: 400; }
  .writer-dashboard-section .error-icon .svg-icon, .photoshoper-dashboard-section .error-icon .svg-icon {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    color: var(--orange-150); }
  .writer-dashboard-section .error, .photoshoper-dashboard-section .error {
    background-color: var(--red-50);
    color: #353535; }
    .writer-dashboard-section .error .error-icon, .photoshoper-dashboard-section .error .error-icon {
      display: inline-block;
      vertical-align: middle;
      margin-right: 16px; }
    .writer-dashboard-section .error .error-message, .photoshoper-dashboard-section .error .error-message {
      display: inline-block;
      vertical-align: middle; }
    .writer-dashboard-section .error .underline, .photoshoper-dashboard-section .error .underline {
      text-decoration: underline; }
    .writer-dashboard-section .error a, .photoshoper-dashboard-section .error a {
      color: #353535; }
  .writer-dashboard-section .success, .photoshoper-dashboard-section .success {
    background-color: #7cd36d; }
  .writer-dashboard-section .warning-box, .photoshoper-dashboard-section .warning-box {
    background-color: #edc888;
    color: var(--gray-800); }
  .writer-dashboard-section .writer-post-footer-actions, .photoshoper-dashboard-section .writer-post-footer-actions {
    padding: 20px 0 60px; }
    .writer-dashboard-section .writer-post-footer-actions .button-complete, .photoshoper-dashboard-section .writer-post-footer-actions .button-complete {
      border: 1px solid var(--green-300);
      background: var(--green-300);
      color: var(--white); }
      .writer-dashboard-section .writer-post-footer-actions .button-complete:hover, .photoshoper-dashboard-section .writer-post-footer-actions .button-complete:hover {
        opacity: 0.8; }
  .writer-dashboard-section .writer-sidebar, .photoshoper-dashboard-section .writer-sidebar {
    width: 340px;
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid var(--gray-250); }
    .writer-dashboard-section .writer-sidebar .date-picker, .photoshoper-dashboard-section .writer-sidebar .date-picker {
      text-align: center;
      margin-bottom: 20px;
      user-select: none;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none; }
      .writer-dashboard-section .writer-sidebar .date-picker .date, .photoshoper-dashboard-section .writer-sidebar .date-picker .date {
        font-size: 16px;
        font-weight: 500;
        vertical-align: middle;
        margin: 0 5px; }
      .writer-dashboard-section .writer-sidebar .date-picker .control, .photoshoper-dashboard-section .writer-sidebar .date-picker .control {
        cursor: pointer; }
        .writer-dashboard-section .writer-sidebar .date-picker .control .svg-icon, .photoshoper-dashboard-section .writer-sidebar .date-picker .control .svg-icon {
          width: 10px;
          height: 10px;
          vertical-align: unset; }
        .writer-dashboard-section .writer-sidebar .date-picker .control.disabled .svg-icon, .photoshoper-dashboard-section .writer-sidebar .date-picker .control.disabled .svg-icon {
          opacity: 0.4;
          cursor: no-drop; }
    .writer-dashboard-section .writer-sidebar .empty-posts, .photoshoper-dashboard-section .writer-sidebar .empty-posts {
      text-align: center; }
    .writer-dashboard-section .writer-sidebar .writer-posts .writer-post, .photoshoper-dashboard-section .writer-sidebar .writer-posts .writer-post {
      max-width: 100%;
      margin-bottom: 20px; }
      .writer-dashboard-section .writer-sidebar .writer-posts .writer-post .image-block, .photoshoper-dashboard-section .writer-sidebar .writer-posts .writer-post .image-block {
        display: inline-block; }
      .writer-dashboard-section .writer-sidebar .writer-posts .writer-post input, .photoshoper-dashboard-section .writer-sidebar .writer-posts .writer-post input {
        display: inline-block;
        vertical-align: middle; }
      .writer-dashboard-section .writer-sidebar .writer-posts .writer-post .image, .photoshoper-dashboard-section .writer-sidebar .writer-posts .writer-post .image {
        max-width: 300px;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer; }
      .writer-dashboard-section .writer-sidebar .writer-posts .writer-post .progress, .photoshoper-dashboard-section .writer-sidebar .writer-posts .writer-post .progress {
        margin-left: 25px;
        border-radius: 0;
        width: 300px;
        margin-bottom: 0; }
      .writer-dashboard-section .writer-sidebar .writer-posts .writer-post .title, .photoshoper-dashboard-section .writer-sidebar .writer-posts .writer-post .title {
        padding: 10px 0 0 25px;
        max-width: 300px; }
        .writer-dashboard-section .writer-sidebar .writer-posts .writer-post .title .text, .photoshoper-dashboard-section .writer-sidebar .writer-posts .writer-post .title .text {
          line-height: 22px;
          vertical-align: middle; }
        .writer-dashboard-section .writer-sidebar .writer-posts .writer-post .title .draft, .photoshoper-dashboard-section .writer-sidebar .writer-posts .writer-post .title .draft {
          background: #f0ad4e;
          padding: 5px 15px;
          border-radius: 20px;
          font-size: 12px;
          color: white;
          text-transform: uppercase;
          float: right; }
        .writer-dashboard-section .writer-sidebar .writer-posts .writer-post .title .publish, .photoshoper-dashboard-section .writer-sidebar .writer-posts .writer-post .title .publish {
          background: var(--green-300);
          padding: 5px 15px;
          border-radius: 20px;
          font-size: 12px;
          color: white;
          text-transform: uppercase;
          float: right; }
        .writer-dashboard-section .writer-sidebar .writer-posts .writer-post .title .text, .writer-dashboard-section .writer-sidebar .writer-posts .writer-post .title .draft, .writer-dashboard-section .writer-sidebar .writer-posts .writer-post .title .publish, .photoshoper-dashboard-section .writer-sidebar .writer-posts .writer-post .title .text, .photoshoper-dashboard-section .writer-sidebar .writer-posts .writer-post .title .draft, .photoshoper-dashboard-section .writer-sidebar .writer-posts .writer-post .title .publish {
          display: inline-block; }
  .writer-dashboard-section .writer-post-actions, .photoshoper-dashboard-section .writer-post-actions {
    display: inline-block;
    width: calc(100% - 355px);
    vertical-align: top;
    padding-left: 10px; }
    .writer-dashboard-section .writer-post-actions .authors, .photoshoper-dashboard-section .writer-post-actions .authors {
      padding: 10px 0 0; }
      .writer-dashboard-section .writer-post-actions .authors .author, .photoshoper-dashboard-section .writer-post-actions .authors .author {
        display: inline; }
        .writer-dashboard-section .writer-post-actions .authors .author .image, .photoshoper-dashboard-section .writer-post-actions .authors .author .image {
          width: 35px;
          height: 35px;
          border-radius: 50%;
          float: left;
          margin-right: 5px; }
        .writer-dashboard-section .writer-post-actions .authors .author .name, .photoshoper-dashboard-section .writer-post-actions .authors .author .name {
          line-height: 35px;
          font-weight: 500;
          font-size: 15px; }
        .writer-dashboard-section .writer-post-actions .authors .author .separator, .photoshoper-dashboard-section .writer-post-actions .authors .author .separator {
          line-height: 20px;
          font-size: 15px;
          color: var(--gray-450);
          font-weight: 400; }
    .writer-dashboard-section .writer-post-actions .progress, .photoshoper-dashboard-section .writer-post-actions .progress {
      border-radius: 0; }
    .writer-dashboard-section .writer-post-actions .title-link:hover, .photoshoper-dashboard-section .writer-post-actions .title-link:hover {
      text-decoration: underline; }
    .writer-dashboard-section .writer-post-actions .title, .photoshoper-dashboard-section .writer-post-actions .title {
      font-size: 25px; }
      .writer-dashboard-section .writer-post-actions .title a, .photoshoper-dashboard-section .writer-post-actions .title a {
        color: var(--gray-800);
        vertical-align: middle; }
        .writer-dashboard-section .writer-post-actions .title a .icon-edit, .photoshoper-dashboard-section .writer-post-actions .title a .icon-edit {
          width: 17px;
          height: 17px;
          margin-top: 2px;
          margin-left: 5px;
          color: var(--orange-150); }
    .writer-dashboard-section .writer-post-actions .post-image, .photoshoper-dashboard-section .writer-post-actions .post-image {
      max-width: 100%;
      display: block;
      margin-top: 10px; }
    .writer-dashboard-section .writer-post-actions .writer-post-action-block, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block {
      margin-top: 20px;
      padding: 15px;
      border: 1px solid var(--gray-250);
      color: var(--gray-800);
      font-size: 16px;
      font-weight: 400; }
      .writer-dashboard-section .writer-post-actions .writer-post-action-block .comment-replies .writer-post-action-block-footer .disabled, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block .comment-replies .writer-post-action-block-footer .disabled {
        color: var(--gray-450);
        border: solid 1px var(--gray-450); }
      .writer-dashboard-section .writer-post-actions .writer-post-action-block .comment-replies .writer-post-action-block-footer .right-button, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block .comment-replies .writer-post-action-block-footer .right-button {
        float: unset; }
    .writer-dashboard-section .writer-post-actions .writer-post-action-block-header .writer-post-action-block-title, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-header .writer-post-action-block-title {
      font-weight: 500; }
    .writer-dashboard-section .writer-post-actions .writer-post-action-block-header .writer-post-action-block-progress, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-header .writer-post-action-block-progress {
      float: right;
      font-size: 14px; }
      .writer-dashboard-section .writer-post-actions .writer-post-action-block-header .writer-post-action-block-progress span, .writer-dashboard-section .writer-post-actions .writer-post-action-block-header .writer-post-action-block-progress i, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-header .writer-post-action-block-progress span, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-header .writer-post-action-block-progress i {
        vertical-align: middle;
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none; }
      .writer-dashboard-section .writer-post-actions .writer-post-action-block-header .writer-post-action-block-progress .svg-icon, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-header .writer-post-action-block-progress .svg-icon {
        width: 16px;
        height: 16px;
        color: var(--green-300);
        cursor: pointer; }
      .writer-dashboard-section .writer-post-actions .writer-post-action-block-header .writer-post-action-block-progress .checkmark, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-header .writer-post-action-block-progress .checkmark {
        margin-right: 5px; }
      .writer-dashboard-section .writer-post-actions .writer-post-action-block-header .writer-post-action-block-progress .arrow, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-header .writer-post-action-block-progress .arrow {
        margin-left: 10px; }
        .writer-dashboard-section .writer-post-actions .writer-post-action-block-header .writer-post-action-block-progress .arrow .svg-icon, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-header .writer-post-action-block-progress .arrow .svg-icon {
          color: var(--gray-800); }
    .writer-dashboard-section .writer-post-actions .writer-post-action-content, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-content {
      margin-top: 10px; }
      .writer-dashboard-section .writer-post-actions .writer-post-action-content .text-gray, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-content .text-gray {
        color: var(--gray-450);
        font-size: 16px; }
      .writer-dashboard-section .writer-post-actions .writer-post-action-content .block-title, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-content .block-title {
        line-height: 24px;
        font-weight: 600; }
      .writer-dashboard-section .writer-post-actions .writer-post-action-content .replies, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-content .replies {
        margin-top: 24px;
        display: flex;
        flex-wrap: wrap;
        gap: 16px; }
        .writer-dashboard-section .writer-post-actions .writer-post-action-content .replies .skip-comment, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-content .replies .skip-comment {
          color: var(--gray-500);
          text-decoration: underline; }
        .writer-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block {
          display: flex;
          flex-wrap: wrap;
          width: 100%;
          border-radius: 3px;
          border: solid 1px var(--gray-100); }
          .writer-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .hidden, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .hidden {
            display: none; }
          .writer-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .block-title, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .block-title {
            border-bottom: solid 1px var(--gray-100);
            width: 100%;
            padding: 8px 16px;
            background-color: var(--gray-50);
            font-family: Roboto;
            font-size: 14px;
            font-weight: 600;
            line-height: 16.41px;
            color: var(--gray-500); }
            .writer-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .block-title-reply, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .block-title-reply {
              border-top: solid 1px var(--gray-100);
              font-size: 12px;
              line-height: 14.06px; }
            .writer-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .block-title .skip-comment, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .block-title .skip-comment {
              float: right; }
          .writer-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .comment, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .comment {
            padding: 16px;
            font-family: Roboto;
            font-size: 16px;
            font-weight: 600;
            line-height: 24px;
            text-align: left; }
          .writer-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .reply, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .reply {
            padding: 16px;
            display: flex;
            gap: 16px; }
            .writer-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .reply.disabled, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .reply.disabled {
              color: var(--gray-500); }
              .writer-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .reply.disabled .actions a, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .reply.disabled .actions a {
                color: var(--gray-500); }
                .writer-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .reply.disabled .actions a.post-reply, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .reply.disabled .actions a.post-reply {
                  background: rgba(130, 130, 130, 0.08); }
            .writer-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .reply span, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .reply span {
              font-family: Roboto;
              font-size: 16px;
              font-weight: 400;
              display: block;
              line-height: 24px;
              text-align: left;
              padding: 10px 12px 10px 12px;
              border-radius: 4px;
              border: solid 1px var(--gray-100); }
            .writer-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .reply .actions, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .reply .actions {
              display: flex;
              gap: 12px; }
              .writer-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .reply .actions .regenerate, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .reply .actions .regenerate {
                color: var(--orange-150);
                height: min-content;
                padding-top: 6px; }
                .writer-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .reply .actions .regenerate.disabled, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .reply .actions .regenerate.disabled {
                  color: var(--gray-500); }
              .writer-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .reply .actions .post-reply, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .reply .actions .post-reply {
                font-weight: 600;
                height: min-content;
                border-radius: 4px;
                background: rgba(215, 75, 31, 0.08);
                padding: 6px 18px;
                color: var(--orange-150); }
                .writer-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .reply .actions .post-reply.active, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .reply .actions .post-reply.active {
                  background: rgba(86, 184, 99, 0.08);
                  color: var(--green-300);
                  padding: 6px 9px; }
          .writer-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .bottom, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-content .replies .comment-block .bottom {
            background-color: var(--gray-50);
            font-family: Roboto;
            font-size: 14px;
            font-weight: 600;
            line-height: 16.41px;
            text-align: left;
            padding: 8px 16px;
            width: 100%;
            border-top: solid 1px var(--gray-100);
            text-align: center; }
    .writer-dashboard-section .writer-post-actions .row, .photoshoper-dashboard-section .writer-post-actions .row {
      display: flex; }
      .writer-dashboard-section .writer-post-actions .row .column, .photoshoper-dashboard-section .writer-post-actions .row .column {
        display: flex;
        width: 50%;
        flex-flow: column; }
    .writer-dashboard-section .writer-post-actions .writer-post-action-block-body, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-body {
      margin-bottom: 10px;
      font-size: 14px; }
      .writer-dashboard-section .writer-post-actions .writer-post-action-block-body .checked, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-body .checked {
        text-decoration: line-through; }
      .writer-dashboard-section .writer-post-actions .writer-post-action-block-body .error-icon, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-body .error-icon {
        margin-left: 10px; }
      .writer-dashboard-section .writer-post-actions .writer-post-action-block-body label, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-body label {
        display: block;
        line-height: 24px; }
        .writer-dashboard-section .writer-post-actions .writer-post-action-block-body label.inline, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-body label.inline {
          vertical-align: top; }
        .writer-dashboard-section .writer-post-actions .writer-post-action-block-body label.clickable, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-body label.clickable {
          cursor: pointer; }
          .writer-dashboard-section .writer-post-actions .writer-post-action-block-body label.clickable:hover, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-body label.clickable:hover {
            opacity: 0.7; }
      .writer-dashboard-section .writer-post-actions .writer-post-action-block-body .review-action, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-body .review-action {
        margin: 10px 23px; }
      .writer-dashboard-section .writer-post-actions .writer-post-action-block-body .review-action-block .categories-dropdown, .writer-dashboard-section .writer-post-actions .writer-post-action-block-body .review-action-block .tagit, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-body .review-action-block .categories-dropdown, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-body .review-action-block .tagit {
        width: calc(100% - 81px);
        vertical-align: top;
        display: inline-block;
        margin: 0 10px 0 0;
        max-width: calc(100% - 81px); }
      .writer-dashboard-section .writer-post-actions .writer-post-action-block-body .review-action-block button, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-body .review-action-block button {
        margin: 0;
        vertical-align: top; }
      .writer-dashboard-section .writer-post-actions .writer-post-action-block-body .title-experiment-variations, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-body .title-experiment-variations {
        padding-top: 20px; }
      .writer-dashboard-section .writer-post-actions .writer-post-action-block-body .google-tags, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-body .google-tags {
        padding-top: 20px;
        padding-bottom: 20px; }
        .writer-dashboard-section .writer-post-actions .writer-post-action-block-body .google-tags .block-title, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-body .google-tags .block-title {
          font-size: 13px;
          padding-bottom: 10px; }
        .writer-dashboard-section .writer-post-actions .writer-post-action-block-body .google-tags a, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-body .google-tags a {
          color: var(--orange-150); }
        .writer-dashboard-section .writer-post-actions .writer-post-action-block-body .google-tags .update-tags, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-body .google-tags .update-tags {
          float: right; }
      .writer-dashboard-section .writer-post-actions .writer-post-action-block-body .generated-tags ul, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-body .generated-tags ul {
        padding-left: 20px; }
      .writer-dashboard-section .writer-post-actions .writer-post-action-block-body .generated-tags .suggested-tags-list, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-body .generated-tags .suggested-tags-list {
        line-height: 20px; }
        .writer-dashboard-section .writer-post-actions .writer-post-action-block-body .generated-tags .suggested-tags-list a, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-body .generated-tags .suggested-tags-list a {
          font-size: 20px;
          font-weight: bold;
          color: var(--green-300); }
      .writer-dashboard-section .writer-post-actions .writer-post-action-block-body .auto-adjust-height, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-body .auto-adjust-height {
        width: 90%;
        border-radius: 3px;
        border: solid 1px lightgrey;
        padding: 10px; }
    .writer-dashboard-section .writer-post-actions .writer-text-block, .photoshoper-dashboard-section .writer-post-actions .writer-text-block {
      border: 1px solid var(--gray-250);
      padding: 10px;
      margin-top: 10px;
      background: var(--gray-100);
      font-size: 12px;
      line-height: 16px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .writer-dashboard-section .writer-post-actions .writer-text-block .post-comments-block, .photoshoper-dashboard-section .writer-post-actions .writer-text-block .post-comments-block {
        margin-bottom: 10px; }
        .writer-dashboard-section .writer-post-actions .writer-text-block .post-comments-block.hidden, .photoshoper-dashboard-section .writer-post-actions .writer-text-block .post-comments-block.hidden {
          display: none; }
        .writer-dashboard-section .writer-post-actions .writer-text-block .post-comments-block:last-child, .photoshoper-dashboard-section .writer-post-actions .writer-text-block .post-comments-block:last-child {
          margin: 0; }
        .writer-dashboard-section .writer-post-actions .writer-text-block .post-comments-block img.comments-post, .writer-dashboard-section .writer-post-actions .writer-text-block .post-comments-block .main-post, .photoshoper-dashboard-section .writer-post-actions .writer-text-block .post-comments-block img.comments-post, .photoshoper-dashboard-section .writer-post-actions .writer-text-block .post-comments-block .main-post {
          width: 70px;
          height: 70px;
          display: inline-block;
          vertical-align: top; }
        .writer-dashboard-section .writer-post-actions .writer-text-block .post-comments-block .comments-block, .photoshoper-dashboard-section .writer-post-actions .writer-text-block .post-comments-block .comments-block {
          display: inline-block;
          vertical-align: top;
          border-left: 1px solid var(--gray-250);
          padding-left: 10px;
          margin-left: 10px;
          width: calc(100% - 95px);
          min-height: 70px; }
        .writer-dashboard-section .writer-post-actions .writer-text-block .post-comments-block .show-comments, .photoshoper-dashboard-section .writer-post-actions .writer-text-block .post-comments-block .show-comments {
          color: var(--green-300); }
        .writer-dashboard-section .writer-post-actions .writer-text-block .post-comments-block .delete-comment .svg-icon, .photoshoper-dashboard-section .writer-post-actions .writer-text-block .post-comments-block .delete-comment .svg-icon {
          width: 12px;
          height: 12px;
          color: var(--gray-800); }
      .writer-dashboard-section .writer-post-actions .writer-text-block .show-comments-block, .photoshoper-dashboard-section .writer-post-actions .writer-text-block .show-comments-block {
        color: var(--green-300);
        display: block;
        text-align: center; }
      .writer-dashboard-section .writer-post-actions .writer-text-block .comment, .photoshoper-dashboard-section .writer-post-actions .writer-text-block .comment {
        margin: 5px 0; }
        .writer-dashboard-section .writer-post-actions .writer-text-block .comment .deleted, .photoshoper-dashboard-section .writer-post-actions .writer-text-block .comment .deleted {
          font-style: italic;
          font-size: 10px; }
        .writer-dashboard-section .writer-post-actions .writer-text-block .comment.hidden, .photoshoper-dashboard-section .writer-post-actions .writer-text-block .comment.hidden {
          display: none; }
    .writer-dashboard-section .writer-post-actions button, .writer-dashboard-section .writer-post-actions .right-button, .photoshoper-dashboard-section .writer-post-actions button, .photoshoper-dashboard-section .writer-post-actions .right-button {
      font-size: 14px;
      padding: 10px;
      font-weight: 500;
      border: 1px solid var(--green-300);
      color: var(--green-300);
      background: white;
      display: inline-block;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      cursor: pointer;
      margin-top: 5px; }
      .writer-dashboard-section .writer-post-actions button:hover, .writer-dashboard-section .writer-post-actions button.active, .writer-dashboard-section .writer-post-actions .right-button:hover, .writer-dashboard-section .writer-post-actions .right-button.active, .photoshoper-dashboard-section .writer-post-actions button:hover, .photoshoper-dashboard-section .writer-post-actions button.active, .photoshoper-dashboard-section .writer-post-actions .right-button:hover, .photoshoper-dashboard-section .writer-post-actions .right-button.active {
        border-color: var(--green-300);
        background-color: var(--green-300);
        color: white; }
    .writer-dashboard-section .writer-post-actions .writer-post-action-block-footer button[disabled], .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-footer button[disabled] {
      cursor: not-allowed; }
    .writer-dashboard-section .writer-post-actions .writer-post-action-block-footer .right-button, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-footer .right-button {
      border: 1px solid var(--orange-150);
      color: var(--orange-150);
      float: right; }
      .writer-dashboard-section .writer-post-actions .writer-post-action-block-footer .right-button:hover, .writer-dashboard-section .writer-post-actions .writer-post-action-block-footer .right-button.active, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-footer .right-button:hover, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-footer .right-button.active {
        border-color: var(--orange-150);
        background-color: var(--orange-150);
        color: white; }
  .writer-dashboard-section .menu, .photoshoper-dashboard-section .menu {
    display: none; }
    .writer-dashboard-section .menu .svg-icon, .photoshoper-dashboard-section .menu .svg-icon {
      width: 18px;
      height: 18px;
      position: absolute;
      left: 5px;
      top: 5px;
      cursor: pointer; }
  @media (min-width: 980px) {
    .writer-dashboard-section .writer-sidebar, .photoshoper-dashboard-section .writer-sidebar {
      display: inline-block !important; } }
  @media (max-width: 979px) {
    .writer-dashboard-section .menu, .photoshoper-dashboard-section .menu {
      display: block; }
    .writer-dashboard-section .writer-sidebar, .photoshoper-dashboard-section .writer-sidebar {
      position: absolute;
      left: 25px;
      overflow: scroll;
      max-height: calc(100% - 50px);
      z-index: 999;
      background: var(--white); }
    .writer-dashboard-section .writer-post-actions, .photoshoper-dashboard-section .writer-post-actions {
      width: 100%;
      padding: 0; }
      .writer-dashboard-section .writer-post-actions .writer-post-action-block-footer .right-button, .photoshoper-dashboard-section .writer-post-actions .writer-post-action-block-footer .right-button {
        float: none; } }

#writer-dashboard-summary .col {
  box-sizing: border-box;
  padding-bottom: 10px; }

#writer-dashboard-summary .filters label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px; }

#writer-dashboard-summary .filters input, #writer-dashboard-summary .filters select {
  width: 100%;
  padding: 5px;
  border-radius: 3px;
  box-sizing: border-box;
  vertical-align: middle;
  display: block;
  border: 1px solid var(--gray-250);
  color: var(--gray-800);
  font-size: 14px;
  font-weight: 400;
  min-height: 30px; }

#writer-dashboard-summary hr {
  padding-top: 5px;
  margin: 0; }

#writer-dashboard-summary .writer-posts-summary {
  margin-top: 15px;
  font-size: 13px;
  font-weight: 400; }
  #writer-dashboard-summary .writer-posts-summary .stats {
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 10px; }

#writer-dashboard-summary .writer-posts, #writer-dashboard-summary .downvoted-posts {
  margin-top: 5px; }
  #writer-dashboard-summary .writer-posts .section-title, #writer-dashboard-summary .downvoted-posts .section-title {
    font-size: 16px;
    margin-bottom: 15px; }
  #writer-dashboard-summary .writer-posts .writer-post .post-image, #writer-dashboard-summary .writer-posts .downvoted-post .post-image, #writer-dashboard-summary .downvoted-posts .writer-post .post-image, #writer-dashboard-summary .downvoted-posts .downvoted-post .post-image {
    width: 100%; }
  #writer-dashboard-summary .writer-posts .writer-post .post-title, #writer-dashboard-summary .writer-posts .downvoted-post .post-title, #writer-dashboard-summary .downvoted-posts .writer-post .post-title, #writer-dashboard-summary .downvoted-posts .downvoted-post .post-title {
    width: 100%;
    font-size: 16px;
    color: var(--gray-800);
    line-height: 22px;
    font-weight: 500; }
  #writer-dashboard-summary .writer-posts .writer-post .post-completion, #writer-dashboard-summary .writer-posts .writer-post .post-rating, #writer-dashboard-summary .writer-posts .downvoted-post .post-completion, #writer-dashboard-summary .writer-posts .downvoted-post .post-rating, #writer-dashboard-summary .downvoted-posts .writer-post .post-completion, #writer-dashboard-summary .downvoted-posts .writer-post .post-rating, #writer-dashboard-summary .downvoted-posts .downvoted-post .post-completion, #writer-dashboard-summary .downvoted-posts .downvoted-post .post-rating {
    font-size: 13px;
    font-weight: 400;
    margin-top: 5px;
    display: block; }
    #writer-dashboard-summary .writer-posts .writer-post .post-completion.warning, #writer-dashboard-summary .writer-posts .writer-post .post-rating.warning, #writer-dashboard-summary .writer-posts .downvoted-post .post-completion.warning, #writer-dashboard-summary .writer-posts .downvoted-post .post-rating.warning, #writer-dashboard-summary .downvoted-posts .writer-post .post-completion.warning, #writer-dashboard-summary .downvoted-posts .writer-post .post-rating.warning, #writer-dashboard-summary .downvoted-posts .downvoted-post .post-completion.warning, #writer-dashboard-summary .downvoted-posts .downvoted-post .post-rating.warning {
      color: #eba01d;
      background: none; }
    #writer-dashboard-summary .writer-posts .writer-post .post-completion.success, #writer-dashboard-summary .writer-posts .writer-post .post-rating.success, #writer-dashboard-summary .writer-posts .downvoted-post .post-completion.success, #writer-dashboard-summary .writer-posts .downvoted-post .post-rating.success, #writer-dashboard-summary .downvoted-posts .writer-post .post-completion.success, #writer-dashboard-summary .downvoted-posts .writer-post .post-rating.success, #writer-dashboard-summary .downvoted-posts .downvoted-post .post-completion.success, #writer-dashboard-summary .downvoted-posts .downvoted-post .post-rating.success {
      color: #7cd36d;
      background: none; }
  #writer-dashboard-summary .writer-posts .writer-post .post-action-group, #writer-dashboard-summary .writer-posts .downvoted-post .post-action-group, #writer-dashboard-summary .downvoted-posts .writer-post .post-action-group, #writer-dashboard-summary .downvoted-posts .downvoted-post .post-action-group {
    padding: 5px;
    border: 1px solid var(--gray-250);
    border-radius: 3px;
    color: var(--gray-800);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 6px;
    width: 48%;
    display: inline-block;
    box-sizing: border-box;
    margin-left: 5px;
    text-align: left;
    vertical-align: top; }
    #writer-dashboard-summary .writer-posts .writer-post .post-action-group:last-child, #writer-dashboard-summary .writer-posts .downvoted-post .post-action-group:last-child, #writer-dashboard-summary .downvoted-posts .writer-post .post-action-group:last-child, #writer-dashboard-summary .downvoted-posts .downvoted-post .post-action-group:last-child {
      margin-bottom: 0; }
    #writer-dashboard-summary .writer-posts .writer-post .post-action-group .post-action-group-header, #writer-dashboard-summary .writer-posts .downvoted-post .post-action-group .post-action-group-header, #writer-dashboard-summary .downvoted-posts .writer-post .post-action-group .post-action-group-header, #writer-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-group-header {
      font-weight: 500;
      cursor: pointer; }
      #writer-dashboard-summary .writer-posts .writer-post .post-action-group .post-action-group-header .post-action-block-progress, #writer-dashboard-summary .writer-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress, #writer-dashboard-summary .downvoted-posts .writer-post .post-action-group .post-action-group-header .post-action-block-progress, #writer-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress {
        float: right;
        font-size: 12px; }
        #writer-dashboard-summary .writer-posts .writer-post .post-action-group .post-action-group-header .post-action-block-progress .checkmark, #writer-dashboard-summary .writer-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress .checkmark, #writer-dashboard-summary .downvoted-posts .writer-post .post-action-group .post-action-group-header .post-action-block-progress .checkmark, #writer-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress .checkmark {
          margin-right: 3px; }
          #writer-dashboard-summary .writer-posts .writer-post .post-action-group .post-action-group-header .post-action-block-progress .checkmark .svg-icon, #writer-dashboard-summary .writer-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress .checkmark .svg-icon, #writer-dashboard-summary .downvoted-posts .writer-post .post-action-group .post-action-group-header .post-action-block-progress .checkmark .svg-icon, #writer-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress .checkmark .svg-icon {
            width: 14px;
            height: 14px;
            color: var(--green-300); }
        #writer-dashboard-summary .writer-posts .writer-post .post-action-group .post-action-group-header .post-action-block-progress .arrow, #writer-dashboard-summary .writer-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress .arrow, #writer-dashboard-summary .downvoted-posts .writer-post .post-action-group .post-action-group-header .post-action-block-progress .arrow, #writer-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress .arrow {
          margin-left: 5px; }
          #writer-dashboard-summary .writer-posts .writer-post .post-action-group .post-action-group-header .post-action-block-progress .arrow .svg-icon, #writer-dashboard-summary .writer-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress .arrow .svg-icon, #writer-dashboard-summary .downvoted-posts .writer-post .post-action-group .post-action-group-header .post-action-block-progress .arrow .svg-icon, #writer-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress .arrow .svg-icon {
            width: 12px;
            height: 14px;
            color: var(--gray-800); }
    #writer-dashboard-summary .writer-posts .writer-post .post-action-group .post-action-block-body, #writer-dashboard-summary .writer-posts .downvoted-post .post-action-group .post-action-block-body, #writer-dashboard-summary .downvoted-posts .writer-post .post-action-group .post-action-block-body, #writer-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-block-body {
      border-top: 1px solid var(--gray-250);
      margin-top: 5px; }
      #writer-dashboard-summary .writer-posts .writer-post .post-action-group .post-action-block-body .post-action-block, #writer-dashboard-summary .writer-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block, #writer-dashboard-summary .downvoted-posts .writer-post .post-action-group .post-action-block-body .post-action-block, #writer-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block {
        margin-top: 5px; }
        #writer-dashboard-summary .writer-posts .writer-post .post-action-group .post-action-block-body .post-action-block label, #writer-dashboard-summary .writer-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block label, #writer-dashboard-summary .downvoted-posts .writer-post .post-action-group .post-action-block-body .post-action-block label, #writer-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block label {
          font-size: 11px;
          font-weight: 400; }
          #writer-dashboard-summary .writer-posts .writer-post .post-action-group .post-action-block-body .post-action-block label.checked, #writer-dashboard-summary .writer-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block label.checked, #writer-dashboard-summary .downvoted-posts .writer-post .post-action-group .post-action-block-body .post-action-block label.checked, #writer-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block label.checked {
            text-decoration: line-through; }
        #writer-dashboard-summary .writer-posts .writer-post .post-action-group .post-action-block-body .post-action-block input, #writer-dashboard-summary .writer-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block input, #writer-dashboard-summary .downvoted-posts .writer-post .post-action-group .post-action-block-body .post-action-block input, #writer-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block input {
          margin: 0 0 1px; }
          #writer-dashboard-summary .writer-posts .writer-post .post-action-group .post-action-block-body .post-action-block input:disabled, #writer-dashboard-summary .writer-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block input:disabled, #writer-dashboard-summary .downvoted-posts .writer-post .post-action-group .post-action-block-body .post-action-block input:disabled, #writer-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block input:disabled {
            cursor: default; }
  #writer-dashboard-summary .writer-posts .downvoted-post .post-image, #writer-dashboard-summary .downvoted-posts .downvoted-post .post-image {
    width: 100px; }
  #writer-dashboard-summary .writer-posts .downvoted-post .downvotes, #writer-dashboard-summary .downvoted-posts .downvoted-post .downvotes {
    font-weight: 400; }

#writer-dashboard-summary .writer-dashboard-summary {
  margin-top: 10px; }
  #writer-dashboard-summary .writer-dashboard-summary .table {
    font-size: 14px; }
    #writer-dashboard-summary .writer-dashboard-summary .table td {
      font-weight: 400; }

#writer-dashboard-summary .right {
  text-align: right; }

@media (max-width: 768px) {
  #writer-dashboard-summary .writer-posts .writer-post .post-action-group {
    width: 100%;
    display: block;
    margin-left: 0; } }

.fast-news-editor-tool-section {
  min-height: 100vh;
  background: var(--white);
  padding: 25px;
  position: relative; }
  .fast-news-editor-tool-section select, .fast-news-editor-tool-section .generate-post-block input {
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    max-width: 100%; }
  .fast-news-editor-tool-section .editor-picker, .fast-news-editor-tool-section .generate-post-block {
    margin-bottom: 10px;
    margin-left: 25px; }
    .fast-news-editor-tool-section .editor-picker select, .fast-news-editor-tool-section .generate-post-block select {
      width: 300px;
      border: solid 1px var(--gray-250); }
    .fast-news-editor-tool-section .editor-picker input, .fast-news-editor-tool-section .generate-post-block input {
      border: solid 1px var(--gray-250);
      border-right: none;
      border-bottom-right-radius: unset;
      border-top-right-radius: unset;
      width: 275px;
      outline: 0; }
    .fast-news-editor-tool-section .editor-picker .generate-post-btn, .fast-news-editor-tool-section .generate-post-block .generate-post-btn {
      padding: 12px 2px 12px 12px;
      border: solid 1px var(--gray-250);
      border-bottom-right-radius: 5px;
      border-top-right-radius: 5px;
      vertical-align: top;
      border-left: none;
      line-height: 8px;
      margin-left: -5px;
      cursor: pointer;
      background: unset;
      outline: 0; }
      .fast-news-editor-tool-section .editor-picker .generate-post-btn svg, .fast-news-editor-tool-section .generate-post-block .generate-post-btn svg {
        height: 11px;
        width: 11px; }
  .fast-news-editor-tool-section .link {
    font-size: 14px;
    margin-left: 25px;
    color: var(--green-300);
    cursor: pointer; }
  .fast-news-editor-tool-section .message {
    color: var(--white);
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    margin-bottom: 20px; }
  .fast-news-editor-tool-section .error-icon .svg-icon {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    color: var(--red-200); }
  .fast-news-editor-tool-section .error {
    background-color: var(--red-200); }
  .fast-news-editor-tool-section .success {
    background-color: #7cd36d; }
  .fast-news-editor-tool-section .warning-box {
    background-color: #edc888; }
  .fast-news-editor-tool-section .editor-sidebar {
    width: 340px;
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid var(--gray-250); }
    .fast-news-editor-tool-section .editor-sidebar .date-picker {
      text-align: center;
      margin-bottom: 20px;
      user-select: none;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none; }
      .fast-news-editor-tool-section .editor-sidebar .date-picker .date {
        font-size: 16px;
        font-weight: 500;
        vertical-align: middle;
        margin: 0 5px; }
      .fast-news-editor-tool-section .editor-sidebar .date-picker .control {
        cursor: pointer; }
        .fast-news-editor-tool-section .editor-sidebar .date-picker .control .svg-icon {
          width: 10px;
          height: 10px;
          vertical-align: unset; }
        .fast-news-editor-tool-section .editor-sidebar .date-picker .control.disabled .svg-icon {
          opacity: 0.4;
          cursor: no-drop; }
    .fast-news-editor-tool-section .editor-sidebar .empty-posts {
      text-align: center; }
    .fast-news-editor-tool-section .editor-sidebar .editor-posts .editor-post {
      max-width: 100%;
      margin-bottom: 20px; }
      .fast-news-editor-tool-section .editor-sidebar .editor-posts .editor-post input {
        display: inline-block;
        vertical-align: middle; }
      .fast-news-editor-tool-section .editor-sidebar .editor-posts .editor-post .image {
        max-width: 300px;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer; }
      .fast-news-editor-tool-section .editor-sidebar .editor-posts .editor-post .progress {
        margin-left: 25px;
        border-radius: 0;
        width: 300px;
        margin-bottom: 0; }
      .fast-news-editor-tool-section .editor-sidebar .editor-posts .editor-post .title {
        padding: 10px 0 0 25px;
        max-width: 300px; }
        .fast-news-editor-tool-section .editor-sidebar .editor-posts .editor-post .title .text {
          line-height: 22px;
          vertical-align: middle; }
  .fast-news-editor-tool-section .editor-post-actions {
    display: inline-block;
    width: calc(100% - 355px);
    vertical-align: top;
    padding-left: 10px; }
    .fast-news-editor-tool-section .editor-post-actions .authors {
      padding: 10px 0 0; }
      .fast-news-editor-tool-section .editor-post-actions .authors .author {
        display: inline; }
        .fast-news-editor-tool-section .editor-post-actions .authors .author .image {
          width: 35px;
          height: 35px;
          border-radius: 50%;
          float: left;
          margin-right: 5px; }
        .fast-news-editor-tool-section .editor-post-actions .authors .author .name {
          line-height: 35px;
          font-weight: 500;
          font-size: 15px; }
        .fast-news-editor-tool-section .editor-post-actions .authors .author .separator {
          line-height: 20px;
          font-size: 15px;
          color: var(--gray-450);
          font-weight: 400; }
    .fast-news-editor-tool-section .editor-post-actions .progress {
      border-radius: 0; }
    .fast-news-editor-tool-section .editor-post-actions .title-link:hover {
      text-decoration: underline; }
    .fast-news-editor-tool-section .editor-post-actions .title {
      font-size: 25px; }
      .fast-news-editor-tool-section .editor-post-actions .title a {
        color: var(--gray-800);
        vertical-align: middle; }
        .fast-news-editor-tool-section .editor-post-actions .title a .icon-edit {
          width: 17px;
          height: 17px;
          margin-top: 2px;
          margin-left: 5px;
          color: var(--orange-150); }
    .fast-news-editor-tool-section .editor-post-actions .post-image {
      max-width: 100%;
      display: block;
      margin-top: 10px; }
    .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block {
      margin-top: 20px;
      padding: 15px;
      border: 1px solid var(--gray-250);
      color: var(--gray-800);
      font-size: 16px;
      font-weight: 400; }
    .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-header .action-info {
      margin-bottom: 20px;
      background-color: var(--gray-50);
      border: 1px solid var(--gray-100);
      padding: 10px 18px;
      font-size: 14px;
      display: table; }
      .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-header .action-info .image-column, .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-header .action-info .text-column {
        display: table-cell; }
      .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-header .action-info .image-column {
        vertical-align: middle; }
      .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-header .action-info .text-column {
        padding-left: 16px; }
    .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-header .editor-post-action-block-title {
      font-weight: 500; }
    .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-header .editor-post-action-block-progress {
      float: right;
      font-size: 14px; }
      .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-header .editor-post-action-block-progress span, .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-header .editor-post-action-block-progress i {
        vertical-align: middle;
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none; }
      .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-header .editor-post-action-block-progress .svg-icon {
        width: 16px;
        height: 16px;
        color: var(--green-300);
        cursor: pointer; }
      .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-header .editor-post-action-block-progress .checkmark {
        margin-right: 5px; }
      .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-header .editor-post-action-block-progress .arrow {
        margin-left: 10px; }
        .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-header .editor-post-action-block-progress .arrow .svg-icon {
          color: var(--gray-800); }
    .fast-news-editor-tool-section .editor-post-actions .editor-post-action-content {
      margin-top: 10px; }
    .fast-news-editor-tool-section .editor-post-actions .row {
      display: flex; }
      .fast-news-editor-tool-section .editor-post-actions .row .column {
        display: flex;
        width: 50%;
        flex-flow: column; }
    .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-body {
      padding-bottom: 20px;
      font-size: 14px; }
      .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-body .content-analysis {
        margin-top: 15px; }
        .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-body .content-analysis .title {
          font-weight: 500;
          font-size: 14px; }
        .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-body .content-analysis .link-block {
          margin-top: 10px; }
      .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-body .checked {
        text-decoration: line-through; }
      .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-body .error-icon {
        margin-left: 10px; }
      .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-body label {
        display: block;
        line-height: 24px; }
        .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-body label.inline {
          vertical-align: top; }
        .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-body label.clickable {
          cursor: pointer; }
          .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-body label.clickable:hover {
            opacity: 0.7; }
      .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-body .review-action {
        margin: 10px 23px; }
      .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-body .review-action-block .categories-dropdown, .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-body .review-action-block .tagit {
        width: calc(100% - 81px);
        vertical-align: top;
        display: inline-block;
        margin: 0 10px 0 0;
        max-width: calc(100% - 81px); }
      .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-body .review-action-block button {
        margin: 0;
        vertical-align: top; }
    .fast-news-editor-tool-section .editor-post-actions .editor-text-block {
      border: 1px solid var(--gray-250);
      padding: 10px;
      margin-top: 10px;
      background: var(--gray-100);
      font-size: 12px;
      line-height: 16px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .fast-news-editor-tool-section .editor-post-actions .editor-text-block .post-comments-block {
        margin-bottom: 10px; }
        .fast-news-editor-tool-section .editor-post-actions .editor-text-block .post-comments-block.hidden {
          display: none; }
        .fast-news-editor-tool-section .editor-post-actions .editor-text-block .post-comments-block:last-child {
          margin: 0; }
        .fast-news-editor-tool-section .editor-post-actions .editor-text-block .post-comments-block img.comments-post, .fast-news-editor-tool-section .editor-post-actions .editor-text-block .post-comments-block .main-post {
          width: 70px;
          height: 70px;
          display: inline-block;
          vertical-align: top; }
        .fast-news-editor-tool-section .editor-post-actions .editor-text-block .post-comments-block .comments-block {
          display: inline-block;
          vertical-align: top;
          border-left: 1px solid var(--gray-250);
          padding-left: 10px;
          margin-left: 10px;
          width: calc(100% - 95px);
          min-height: 70px; }
        .fast-news-editor-tool-section .editor-post-actions .editor-text-block .post-comments-block .show-comments {
          color: var(--green-300); }
        .fast-news-editor-tool-section .editor-post-actions .editor-text-block .post-comments-block .delete-comment .svg-icon {
          width: 12px;
          height: 12px;
          color: var(--gray-800); }
      .fast-news-editor-tool-section .editor-post-actions .editor-text-block .show-comments-block {
        color: var(--green-300);
        display: block;
        text-align: center; }
      .fast-news-editor-tool-section .editor-post-actions .editor-text-block .comment {
        margin: 5px 0; }
        .fast-news-editor-tool-section .editor-post-actions .editor-text-block .comment .deleted {
          font-style: italic;
          font-size: 10px; }
        .fast-news-editor-tool-section .editor-post-actions .editor-text-block .comment.hidden {
          display: none; }
    .fast-news-editor-tool-section .editor-post-actions button, .fast-news-editor-tool-section .editor-post-actions .right-button {
      font-size: 14px;
      padding: 10px;
      font-weight: 500;
      border: 1px solid var(--green-300);
      color: var(--green-300);
      background: white;
      display: inline-block;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      cursor: pointer;
      margin-top: 5px; }
      .fast-news-editor-tool-section .editor-post-actions button:hover, .fast-news-editor-tool-section .editor-post-actions button.active, .fast-news-editor-tool-section .editor-post-actions .right-button:hover, .fast-news-editor-tool-section .editor-post-actions .right-button.active {
        border-color: var(--green-300);
        background-color: var(--green-300);
        color: white; }
    .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-footer {
      padding-top: 10px;
      border-top: 1px solid var(--gray-150); }
      .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-footer button[disabled] {
        cursor: not-allowed; }
      .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-footer .right-button {
        border: 1px solid var(--orange-150);
        color: var(--orange-150); }
        .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-footer .right-button:hover, .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-footer .right-button.active {
          border-color: var(--orange-150);
          background-color: var(--orange-150);
          color: white; }
  .fast-news-editor-tool-section .menu {
    display: none; }
    .fast-news-editor-tool-section .menu .svg-icon {
      width: 18px;
      height: 18px;
      position: absolute;
      left: 5px;
      top: 5px;
      cursor: pointer; }
  @media (min-width: 980px) {
    .fast-news-editor-tool-section .editor-sidebar {
      display: inline-block !important; } }
  @media (max-width: 979px) {
    .fast-news-editor-tool-section .menu {
      display: block; }
    .fast-news-editor-tool-section .editor-sidebar {
      position: absolute;
      left: 25px;
      overflow: scroll;
      max-height: calc(100% - 50px);
      z-index: 999;
      background: var(--white); }
    .fast-news-editor-tool-section .editor-post-actions {
      width: 100%;
      padding: 0; }
      .fast-news-editor-tool-section .editor-post-actions .editor-post-action-block-footer .right-button {
        float: none; } }

#editor-dashboard-summary .col {
  box-sizing: border-box;
  padding-bottom: 10px; }

#editor-dashboard-summary .filters label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px; }

#editor-dashboard-summary .filters input, #editor-dashboard-summary .filters select {
  width: 100%;
  padding: 5px;
  border-radius: 3px;
  box-sizing: border-box;
  vertical-align: middle;
  display: block;
  border: 1px solid var(--gray-250);
  color: var(--gray-800);
  font-size: 14px;
  font-weight: 400;
  min-height: 30px; }

#editor-dashboard-summary hr {
  padding-top: 5px;
  margin: 0; }

#editor-dashboard-summary .editor-posts-summary {
  margin-top: 15px;
  font-size: 13px;
  font-weight: 400; }
  #editor-dashboard-summary .editor-posts-summary .stats {
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 10px; }

#editor-dashboard-summary .editor-posts, #editor-dashboard-summary .downvoted-posts {
  margin-top: 5px; }
  #editor-dashboard-summary .editor-posts .section-title, #editor-dashboard-summary .downvoted-posts .section-title {
    font-size: 16px;
    margin-bottom: 15px; }
  #editor-dashboard-summary .editor-posts .editor-post .post-image, #editor-dashboard-summary .editor-posts .downvoted-post .post-image, #editor-dashboard-summary .downvoted-posts .editor-post .post-image, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-image {
    width: 100%; }
  #editor-dashboard-summary .editor-posts .editor-post .post-title, #editor-dashboard-summary .editor-posts .downvoted-post .post-title, #editor-dashboard-summary .downvoted-posts .editor-post .post-title, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-title {
    width: 100%;
    font-size: 16px;
    color: var(--gray-800);
    line-height: 22px;
    font-weight: 500; }
  #editor-dashboard-summary .editor-posts .editor-post .post-completion, #editor-dashboard-summary .editor-posts .editor-post .post-rating, #editor-dashboard-summary .editor-posts .downvoted-post .post-completion, #editor-dashboard-summary .editor-posts .downvoted-post .post-rating, #editor-dashboard-summary .downvoted-posts .editor-post .post-completion, #editor-dashboard-summary .downvoted-posts .editor-post .post-rating, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-completion, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-rating {
    font-size: 13px;
    font-weight: 400;
    margin-top: 5px;
    display: block; }
    #editor-dashboard-summary .editor-posts .editor-post .post-completion.warning, #editor-dashboard-summary .editor-posts .editor-post .post-rating.warning, #editor-dashboard-summary .editor-posts .downvoted-post .post-completion.warning, #editor-dashboard-summary .editor-posts .downvoted-post .post-rating.warning, #editor-dashboard-summary .downvoted-posts .editor-post .post-completion.warning, #editor-dashboard-summary .downvoted-posts .editor-post .post-rating.warning, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-completion.warning, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-rating.warning {
      color: #eba01d;
      background: none; }
    #editor-dashboard-summary .editor-posts .editor-post .post-completion.success, #editor-dashboard-summary .editor-posts .editor-post .post-rating.success, #editor-dashboard-summary .editor-posts .downvoted-post .post-completion.success, #editor-dashboard-summary .editor-posts .downvoted-post .post-rating.success, #editor-dashboard-summary .downvoted-posts .editor-post .post-completion.success, #editor-dashboard-summary .downvoted-posts .editor-post .post-rating.success, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-completion.success, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-rating.success {
      color: #7cd36d;
      background: none; }
  #editor-dashboard-summary .editor-posts .editor-post .post-action-group, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group {
    padding: 5px;
    border: 1px solid var(--gray-250);
    border-radius: 3px;
    color: var(--gray-800);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 6px;
    width: 48%;
    display: inline-block;
    box-sizing: border-box;
    margin-left: 5px;
    text-align: left;
    vertical-align: top; }
    #editor-dashboard-summary .editor-posts .editor-post .post-action-group:last-child, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group:last-child, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group:last-child, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group:last-child {
      margin-bottom: 0; }
    #editor-dashboard-summary .editor-posts .editor-post .post-action-group .post-action-group-header, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group .post-action-group-header, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group .post-action-group-header, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-group-header {
      font-weight: 500;
      cursor: pointer; }
      #editor-dashboard-summary .editor-posts .editor-post .post-action-group .post-action-group-header .post-action-block-progress, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group .post-action-group-header .post-action-block-progress, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress {
        float: right;
        font-size: 12px; }
        #editor-dashboard-summary .editor-posts .editor-post .post-action-group .post-action-group-header .post-action-block-progress .checkmark, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress .checkmark, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group .post-action-group-header .post-action-block-progress .checkmark, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress .checkmark {
          margin-right: 3px; }
          #editor-dashboard-summary .editor-posts .editor-post .post-action-group .post-action-group-header .post-action-block-progress .checkmark .svg-icon, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress .checkmark .svg-icon, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group .post-action-group-header .post-action-block-progress .checkmark .svg-icon, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress .checkmark .svg-icon {
            width: 14px;
            height: 14px;
            color: var(--green-300); }
        #editor-dashboard-summary .editor-posts .editor-post .post-action-group .post-action-group-header .post-action-block-progress .arrow, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress .arrow, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group .post-action-group-header .post-action-block-progress .arrow, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress .arrow {
          margin-left: 5px; }
          #editor-dashboard-summary .editor-posts .editor-post .post-action-group .post-action-group-header .post-action-block-progress .arrow .svg-icon, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress .arrow .svg-icon, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group .post-action-group-header .post-action-block-progress .arrow .svg-icon, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-group-header .post-action-block-progress .arrow .svg-icon {
            width: 12px;
            height: 14px;
            color: var(--gray-800); }
    #editor-dashboard-summary .editor-posts .editor-post .post-action-group .post-action-block-body, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group .post-action-block-body, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group .post-action-block-body, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-block-body {
      border-top: 1px solid var(--gray-250);
      margin-top: 5px; }
      #editor-dashboard-summary .editor-posts .editor-post .post-action-group .post-action-block-body .post-action-block, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group .post-action-block-body .post-action-block, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block {
        margin-top: 5px; }
        #editor-dashboard-summary .editor-posts .editor-post .post-action-group .post-action-block-body .post-action-block label, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block label, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group .post-action-block-body .post-action-block label, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block label {
          font-size: 11px;
          font-weight: 400; }
          #editor-dashboard-summary .editor-posts .editor-post .post-action-group .post-action-block-body .post-action-block label.checked, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block label.checked, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group .post-action-block-body .post-action-block label.checked, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block label.checked {
            text-decoration: line-through; }
        #editor-dashboard-summary .editor-posts .editor-post .post-action-group .post-action-block-body .post-action-block input, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block input, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group .post-action-block-body .post-action-block input, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block input {
          margin: 0 0 1px; }
          #editor-dashboard-summary .editor-posts .editor-post .post-action-group .post-action-block-body .post-action-block input:disabled, #editor-dashboard-summary .editor-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block input:disabled, #editor-dashboard-summary .downvoted-posts .editor-post .post-action-group .post-action-block-body .post-action-block input:disabled, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-action-group .post-action-block-body .post-action-block input:disabled {
            cursor: default; }
  #editor-dashboard-summary .editor-posts .downvoted-post .post-image, #editor-dashboard-summary .downvoted-posts .downvoted-post .post-image {
    width: 100px; }
  #editor-dashboard-summary .editor-posts .downvoted-post .downvotes, #editor-dashboard-summary .downvoted-posts .downvoted-post .downvotes {
    font-weight: 400; }

#editor-dashboard-summary .editor-dashboard-summary {
  margin-top: 10px; }
  #editor-dashboard-summary .editor-dashboard-summary .table {
    font-size: 14px; }
    #editor-dashboard-summary .editor-dashboard-summary .table td {
      font-weight: 400; }

#editor-dashboard-summary .right {
  text-align: right; }

@media (max-width: 768px) {
  #editor-dashboard-summary .editor-posts .editor-post .post-action-group {
    width: 100%;
    display: block;
    margin-left: 0; } }

.daily-scheduler-section {
  min-height: 100vh;
  background: var(--white);
  padding: 25px;
  position: relative; }
  .daily-scheduler-section .datepicker {
    margin-bottom: 20px; }
    .daily-scheduler-section .datepicker label {
      margin-bottom: 5px; }
  .daily-scheduler-section .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none; }
  .daily-scheduler-section .nav-tabs {
    width: 100%;
    border-bottom: 1px solid var(--gray-150);
    margin-bottom: 20px; }
    .daily-scheduler-section .nav-tabs .nav-item {
      margin-bottom: -1px; }
    .daily-scheduler-section .nav-tabs .nav-link {
      display: block;
      padding: 0.5rem 1rem;
      border: 1px solid transparent;
      border-top-left-radius: 0.25rem;
      border-top-right-radius: 0.25rem;
      color: var(--green-300);
      text-decoration: none;
      background-color: transparent; }
      .daily-scheduler-section .nav-tabs .nav-link.active {
        color: var(--gray-800);
        background-color: var(--white);
        border-color: var(--gray-150) var(--gray-150) var(--white);
        cursor: default; }
  .daily-scheduler-section h1 {
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 20px; }
  .daily-scheduler-section h3 {
    margin: 15px 0; }
  .daily-scheduler-section label {
    font-size: 14px;
    font-weight: bold;
    min-width: 100px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle; }
  .daily-scheduler-section input, .daily-scheduler-section select, .daily-scheduler-section textarea {
    padding: 5px;
    min-width: 50px;
    max-width: 120px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    display: block;
    vertical-align: middle;
    border: 1px solid var(--gray-250);
    color: var(--gray-800);
    font-size: 14px;
    font-weight: 400; }
  .daily-scheduler-section input, .daily-scheduler-section .wide-text {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 500px; }
  .daily-scheduler-section .wide-text {
    border-radius: 3px;
    padding: 5px;
    background: var(--white);
    box-sizing: border-box;
    border: 1px solid var(--gray-250); }
  .daily-scheduler-section #datepicker {
    min-width: 200px;
    max-width: 200px; }
  .daily-scheduler-section textarea {
    max-width: 100%;
    width: 100%;
    height: 65px;
    margin-top: 5px; }
  .daily-scheduler-section select {
    width: 120px; }
  .daily-scheduler-section .second-row {
    margin-top: 5px; }
  .daily-scheduler-section .split-row {
    width: 49%;
    display: inline-block;
    vertical-align: middle; }
  .daily-scheduler-section .right {
    float: right; }
  .daily-scheduler-section .author {
    line-height: 30px; }
  .daily-scheduler-section .expandable-box {
    padding: 5px;
    border: 1px solid var(--gray-250);
    color: var(--gray-800);
    border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
    background: var(--white); }
    .daily-scheduler-section .expandable-box .expandable-box-header {
      cursor: pointer; }
      .daily-scheduler-section .expandable-box .expandable-box-header .arrow {
        float: right;
        color: var(--gray-800); }
        .daily-scheduler-section .expandable-box .expandable-box-header .arrow svg {
          width: 14px;
          height: 16px; }
    .daily-scheduler-section .expandable-box .expandable-box-body {
      overflow: hidden;
      height: 0;
      opacity: 0;
      transition: height 0ms 400ms, opacity 400ms 0ms; }
      .daily-scheduler-section .expandable-box .expandable-box-body.visible {
        height: auto;
        opacity: 1;
        transition: height 0ms 0ms, opacity 600ms 0ms; }
  .daily-scheduler-section .links .competitor-links a {
    color: var(--gray-800);
    text-decoration: underline; }
  .daily-scheduler-section button {
    font-size: 14px;
    padding: 5px 15px;
    font-weight: 500;
    border: 1px solid var(--green-300);
    color: var(--green-300);
    background: white;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 5px; }
    .daily-scheduler-section button:hover, .daily-scheduler-section button.active {
      border-color: var(--green-300);
      background-color: var(--green-300);
      color: white; }
  .daily-scheduler-section a {
    font-size: 14px;
    color: var(--green-300);
    font-weight: 400;
    text-decoration: none; }
    .daily-scheduler-section a:hover {
      text-decoration: underline; }
    .daily-scheduler-section a.remove, .daily-scheduler-section a.complete {
      position: relative;
      font-size: 15px;
      line-height: 30px;
      display: block; }
      .daily-scheduler-section a.remove svg, .daily-scheduler-section a.complete svg {
        width: 15px;
        height: 15px;
        fill: var(--red-200);
        vertical-align: middle; }
    .daily-scheduler-section a.complete svg {
      fill: var(--green-300); }
  .daily-scheduler-section .schedule .post-block {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 5px; }
    .daily-scheduler-section .schedule .post-block a {
      position: relative; }
  .daily-scheduler-section .scheduler-posts-block {
    margin-top: 15px; }
    .daily-scheduler-section .scheduler-posts-block .post-block {
      margin-bottom: 15px; }
      .daily-scheduler-section .scheduler-posts-block .post-block input {
        width: calc(100% - 115px); }
  .daily-scheduler-section .table {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px; }
  .daily-scheduler-section .scrollable-table {
    overflow-x: scroll; }
  .daily-scheduler-section .message {
    color: var(--white);
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    margin-bottom: 20px; }
  .daily-scheduler-section .error-icon .svg-icon {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    color: var(--red-200); }
  .daily-scheduler-section .error {
    background-color: var(--red-200); }
  .daily-scheduler-section .success {
    background-color: #7cd36d; }
  .daily-scheduler-section .warning {
    background-color: #edc888; }
  @media (max-width: 768px) {
    .daily-scheduler-section .new-posts, .daily-scheduler-section .created-schedule {
      width: 100%;
      display: block; } }
  .daily-scheduler-section .posts-block {
    margin-bottom: 30px;
    border-top: 1px solid var(--gray-250);
    border-radius: 0;
    padding: 0; }
    .daily-scheduler-section .posts-block .post-block {
      border: none; }
      .daily-scheduler-section .posts-block .post-block.completed {
        background: var(--green-100); }
      .daily-scheduler-section .posts-block .post-block a {
        position: relative;
        z-index: 0; }
  .daily-scheduler-section .handle {
    line-height: 60px;
    width: 20px;
    height: 20px;
    display: block; }
    .daily-scheduler-section .handle svg {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
      width: 15px;
      height: 20px;
      cursor: pointer; }
  .daily-scheduler-section .actions {
    margin-bottom: 20px;
    text-align: right; }
    .daily-scheduler-section .actions.bottom {
      margin-top: 20px;
      text-align: left; }
      .daily-scheduler-section .actions.bottom button {
        margin-right: 15px; }
    .daily-scheduler-section .actions button {
      padding: 10px 15px; }

.bonus-management-section {
  min-height: 100vh;
  background: var(--white);
  padding: 25px;
  position: relative;
  color: var(--gray-800); }
  .bonus-management-section h1 {
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 20px;
    color: var(--gray-800); }
  .bonus-management-section .row {
    width: 100%;
    clear: both; }
    .bonus-management-section .row .col {
      width: 49%;
      display: inline-block;
      vertical-align: top; }
      .bonus-management-section .row .col.right {
        float: right; }
  .bonus-management-section .post-block {
    padding: 25px 0;
    border-bottom: 1px solid var(--gray-250); }
    .bonus-management-section .post-block h2 {
      font-size: 20px;
      line-height: 25px;
      font-weight: 500;
      padding-bottom: 10px;
      color: var(--gray-800); }
    .bonus-management-section .post-block img {
      width: 100%;
      display: block; }
    .bonus-management-section .post-block .post-bonuses {
      border: 1px solid var(--gray-100);
      padding: 10px;
      border-radius: 5px; }
      .bonus-management-section .post-block .post-bonuses h3 {
        margin-bottom: 5px;
        font-size: 16px;
        font-weight: 500; }
      .bonus-management-section .post-block .post-bonuses hr {
        margin: 10px 0; }
      .bonus-management-section .post-block .post-bonuses .post-bonus {
        line-height: 20px; }
        .bonus-management-section .post-block .post-bonuses .post-bonus .label {
          display: inline-block;
          font-size: 12px;
          font-weight: 500; }
        .bonus-management-section .post-block .post-bonuses .post-bonus .author {
          display: inline-block;
          font-size: 12px;
          font-weight: 400; }
        .bonus-management-section .post-block .post-bonuses .post-bonus .bonus-actions {
          display: inline-block; }
          .bonus-management-section .post-block .post-bonuses .post-bonus .bonus-actions .remove-post-bonus svg {
            width: 8px;
            height: 8px;
            color: var(--red-200);
            margin-top: 3px; }
    .bonus-management-section .post-block .bonus-management {
      padding-top: 5px; }
      .bonus-management-section .post-block .bonus-management .label {
        font-size: 14px;
        margin-bottom: 5px; }
      .bonus-management-section .post-block .bonus-management .bonus-additional-input {
        min-width: 75px; }
        .bonus-management-section .post-block .bonus-management .bonus-additional-input.hidden {
          display: none; }
  .bonus-management-section input, .bonus-management-section select {
    padding: 3px 5px;
    min-width: 50px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid var(--gray-250);
    color: var(--gray-800);
    font-size: 12px;
    font-weight: 400; }
  .bonus-management-section button {
    font-size: 12px;
    padding: 3px 15px;
    font-weight: 500;
    border: 1px solid var(--green-300);
    color: var(--green-300);
    background: white;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 5px; }
    .bonus-management-section button:hover, .bonus-management-section button.active {
      border-color: var(--green-300);
      background-color: var(--green-300);
      color: white; }
  @media (max-width: 480px) {
    .bonus-management-section .row .col {
      width: 100%;
      display: block; }
      .bonus-management-section .row .col.right {
        float: none;
        margin-top: 10px; } }
  .bonus-management-section .filters .filter {
    margin-right: 10px;
    vertical-align: bottom;
    display: inline-block; }
    .bonus-management-section .filters .filter label {
      display: block;
      margin: 5px 0;
      font-size: 12px; }
    .bonus-management-section .filters .filter input, .bonus-management-section .filters .filter select {
      padding: 5px;
      min-width: 190px; }
  .bonus-management-section .filters button {
    margin: 0;
    padding: 5px 15px; }

.sticky-bar {
  display: none;
  position: fixed;
  width: 100%;
  z-index: 90; }
  @media (min-width: 481px) {
    .sticky-bar {
      display: none !important; } }
  .sticky-bar .bar {
    display: flex;
    box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.15); }
  .sticky-bar .bar-2, .sticky-bar .bar-3 {
    border-top: 0.5px solid var(--gray-100);
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25); }
  .sticky-bar.variation_1 {
    bottom: 20px; }
    .sticky-bar.variation_1.lift-up {
      bottom: 60px; }
  .sticky-bar.variation_2, .sticky-bar.variation_3 {
    bottom: 0px; }
  .sticky-bar .bar-1 {
    margin: auto;
    width: 80%;
    border-radius: 40px;
    height: 64px;
    background-color: white; }
    .sticky-bar .bar-1 .homepage, .sticky-bar .bar-1 .topic {
      width: 40%;
      padding: 15px 20px;
      display: inline-block; }
      .sticky-bar .bar-1 .homepage .text-block, .sticky-bar .bar-1 .topic .text-block {
        display: inline-block;
        padding: 0px 3px; }
      .sticky-bar .bar-1 .homepage img, .sticky-bar .bar-1 .topic img {
        width: 32px; }
      .sticky-bar .bar-1 .homepage .text, .sticky-bar .bar-1 .topic .text {
        font-size: 13px;
        display: block;
        line-height: 14px;
        color: var(--gray-800); }
      .sticky-bar .bar-1 .homepage .small-text, .sticky-bar .bar-1 .topic .small-text {
        color: var(--gray-300);
        font-size: 9px; }
    .sticky-bar .bar-1 .homepage img {
      float: left; }
    .sticky-bar .bar-1 .topic {
      padding-left: 0; }
      .sticky-bar .bar-1 .topic .text-block {
        text-align: end; }
      .sticky-bar .bar-1 .topic .text-block, .sticky-bar .bar-1 .topic img {
        float: right; }
  .sticky-bar .bar-2 {
    text-align: center;
    background-color: white; }
    .sticky-bar .bar-2 .homepage, .sticky-bar .bar-2 .trending, .sticky-bar .bar-2 .topic {
      width: 30%;
      padding: 15px 20px;
      margin-bottom: 10px;
      display: inline-block; }
      .sticky-bar .bar-2 .homepage .text-block, .sticky-bar .bar-2 .trending .text-block, .sticky-bar .bar-2 .topic .text-block {
        padding: 0px 3px;
        height: 50px; }
      .sticky-bar .bar-2 .homepage img, .sticky-bar .bar-2 .trending img, .sticky-bar .bar-2 .topic img {
        width: 32px; }
      .sticky-bar .bar-2 .homepage .text, .sticky-bar .bar-2 .trending .text, .sticky-bar .bar-2 .topic .text {
        font-size: 10px;
        display: block;
        line-height: 14px;
        color: var(--gray-800); }
      .sticky-bar .bar-2 .homepage .small-text, .sticky-bar .bar-2 .trending .small-text, .sticky-bar .bar-2 .topic .small-text {
        color: var(--gray-300);
        font-size: 9px; }
  .sticky-bar .bar-3 {
    text-align: center;
    background-color: white; }
    .sticky-bar .bar-3 .homepage, .sticky-bar .bar-3 .topic {
      width: 40%;
      padding: 20px 20px;
      margin-bottom: 14px;
      display: inline-block; }
      .sticky-bar .bar-3 .homepage .text-block, .sticky-bar .bar-3 .topic .text-block {
        display: inline-block;
        padding: 10px 0px; }
      .sticky-bar .bar-3 .homepage svg, .sticky-bar .bar-3 .topic svg {
        height: 13px;
        width: 13px;
        color: #56b863;
        vertical-align: top; }
      .sticky-bar .bar-3 .homepage .text, .sticky-bar .bar-3 .topic .text {
        white-space: nowrap;
        font-size: 13px;
        display: block;
        line-height: 14px;
        color: var(--gray-800); }
      .sticky-bar .bar-3 .homepage .small-text, .sticky-bar .bar-3 .topic .small-text {
        color: var(--gray-300);
        font-size: 9px; }
    .sticky-bar .bar-3 .topic a {
      float: right; }
    .sticky-bar .bar-3 .topic .text-block {
      background: #56b863;
      border-radius: 25px; }
      .sticky-bar .bar-3 .topic .text-block .text, .sticky-bar .bar-3 .topic .text-block svg {
        color: white; }
      .sticky-bar .bar-3 .topic .text-block .text {
        padding-left: 12px;
        padding-right: 12px; }
      .sticky-bar .bar-3 .topic .text-block svg {
        padding-left: 5px; }
    .sticky-bar .bar-3 .homepage {
      text-align: left; }
      .sticky-bar .bar-3 .homepage svg {
        padding-right: 5px; }

.bp-pwa-promotion-container {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column-reverse; }
  .bp-pwa-promotion-container .bp-pwa-promotion-close:link, .bp-pwa-promotion-container .bp-pwa-promotion-close:visited, .bp-pwa-promotion-container .bp-pwa-promotion-close:hover, .bp-pwa-promotion-container .bp-pwa-promotion-close:active {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent; }
  .bp-pwa-promotion-container .bp-pwa-promotion {
    background: var(--white);
    box-shadow: 0 2px 80px rgba(0, 0, 0, 0.12);
    border-radius: 12px 12px 0 0;
    border: 1px solid var(--white);
    font-family: Roboto, sans-serif;
    color: var(--gray-800);
    padding: 16px 20px 20px 20px; }
    .bp-pwa-promotion-container .bp-pwa-promotion .bp-pwa-promotion-header {
      padding-bottom: 26px; }
      .bp-pwa-promotion-container .bp-pwa-promotion .bp-pwa-promotion-header .bp-pwa-promotion-title {
        text-align: center;
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        position: relative; }
        .bp-pwa-promotion-container .bp-pwa-promotion .bp-pwa-promotion-header .bp-pwa-promotion-title .icon-tooltip-close {
          color: var(--gray-350);
          position: absolute;
          right: 0;
          top: 5px; }
    .bp-pwa-promotion-container .bp-pwa-promotion .bp-pwa-promotion-body .icon {
      border: 1px solid var(--gray-100);
      border-radius: 11px;
      width: 48px;
      height: 48px;
      text-align: center;
      display: flex;
      flex-flow: column;
      align-items: center;
      justify-content: space-evenly;
      align-self: center;
      box-sizing: border-box; }
      .bp-pwa-promotion-container .bp-pwa-promotion .bp-pwa-promotion-body .icon .svg-icon {
        height: 34px; }
    .bp-pwa-promotion-container .bp-pwa-promotion .bp-pwa-promotion-body .row {
      display: flex;
      flex-flow: row;
      place-content: space-between;
      margin-bottom: 16px; }
      .bp-pwa-promotion-container .bp-pwa-promotion .bp-pwa-promotion-body .row .left, .bp-pwa-promotion-container .bp-pwa-promotion .bp-pwa-promotion-body .row .right {
        display: flex;
        overflow-wrap: anywhere; }
      .bp-pwa-promotion-container .bp-pwa-promotion .bp-pwa-promotion-body .row .right {
        flex-flow: column; }
    .bp-pwa-promotion-container .bp-pwa-promotion .bp-pwa-promotion-body .text {
      margin-left: 12px;
      font-size: 16px;
      line-height: 18px;
      font-weight: 500;
      align-self: center; }
      .bp-pwa-promotion-container .bp-pwa-promotion .bp-pwa-promotion-body .text .subtext {
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        color: var(--gray-600);
        margin-top: 4px; }
    .bp-pwa-promotion-container .bp-pwa-promotion .bp-pwa-promotion-body .button {
      border-radius: 100px;
      font-weight: 600;
      font-size: 16px;
      line-height: 22px;
      border: none;
      width: 97px;
      height: 38px;
      align-self: self-end;
      margin: auto 0;
      box-sizing: border-box; }
      .bp-pwa-promotion-container .bp-pwa-promotion .bp-pwa-promotion-body .button.primary {
        background: var(--orange-150);
        color: var(--white); }
      .bp-pwa-promotion-container .bp-pwa-promotion .bp-pwa-promotion-body .button.secondary {
        background: var(--gray-100);
        color: var(--gray-800); }
  .bp-pwa-promotion-container.variation-1 .bp-pwa-promotion {
    border-radius: 8px;
    margin: 0 12px 12px 12px;
    padding: 16px 24px; }
    .bp-pwa-promotion-container.variation-1 .bp-pwa-promotion .bp-pwa-promotion-header {
      border-bottom: 1px solid #C6C6C8;
      padding-bottom: 12px; }
      .bp-pwa-promotion-container.variation-1 .bp-pwa-promotion .bp-pwa-promotion-header .bp-pwa-promotion-title {
        text-align: left;
        margin-bottom: 8px; }
      .bp-pwa-promotion-container.variation-1 .bp-pwa-promotion .bp-pwa-promotion-header .bp-pwa-promotion-subtitle {
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        color: #3c3c4399;
        margin-bottom: 12px; }
    .bp-pwa-promotion-container.variation-1 .bp-pwa-promotion .bp-pwa-promotion-body {
      margin-top: 12px; }
      .bp-pwa-promotion-container.variation-1 .bp-pwa-promotion .bp-pwa-promotion-body .row {
        margin-bottom: 0; }
      .bp-pwa-promotion-container.variation-1 .bp-pwa-promotion .bp-pwa-promotion-body .icon {
        height: 32px;
        width: 32px; }
        .bp-pwa-promotion-container.variation-1 .bp-pwa-promotion .bp-pwa-promotion-body .icon .svg-icon {
          height: 20px; }
      .bp-pwa-promotion-container.variation-1 .bp-pwa-promotion .bp-pwa-promotion-body .text {
        font-size: 13px;
        line-height: 18px; }
        .bp-pwa-promotion-container.variation-1 .bp-pwa-promotion .bp-pwa-promotion-body .text .subtext {
          font-size: 12px;
          line-height: 16px;
          margin-top: 0; }
      .bp-pwa-promotion-container.variation-1 .bp-pwa-promotion .bp-pwa-promotion-body .button {
        border-radius: 24px;
        height: 32px;
        width: 72px; }
  .bp-pwa-promotion-container.ios .bp-pwa-promotion {
    padding: 12px;
    border-radius: 8px;
    max-width: 330px;
    margin: 0 auto 16px;
    position: relative; }
    .bp-pwa-promotion-container.ios .bp-pwa-promotion .bp-pwa-promotion-body .row {
      margin-bottom: 0;
      gap: 12px; }
      .bp-pwa-promotion-container.ios .bp-pwa-promotion .bp-pwa-promotion-body .row .col {
        display: inline-flex; }
    .bp-pwa-promotion-container.ios .bp-pwa-promotion .bp-pwa-promotion-body .text {
      font-weight: 600;
      font-size: 14px;
      line-height: 18px;
      margin-left: 0; }
      .bp-pwa-promotion-container.ios .bp-pwa-promotion .bp-pwa-promotion-body .text .subtext {
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        margin-top: 0; }
        .bp-pwa-promotion-container.ios .bp-pwa-promotion .bp-pwa-promotion-body .text .subtext .svg-icon {
          color: #3376F0;
          height: 22px;
          vertical-align: sub; }
        .bp-pwa-promotion-container.ios .bp-pwa-promotion .bp-pwa-promotion-body .text .subtext i {
          font-style: normal;
          font-weight: 600;
          color: #3376F0; }
    .bp-pwa-promotion-container.ios .bp-pwa-promotion .bp-pwa-promotion-body .bp-pwa-promotion-close {
      width: 12px;
      height: 12px;
      color: #22222280;
      align-self: center; }

.web-share-button {
  background-color: var(--gray-50);
  padding: 12px 25px;
  color: var(--gray-800) !important;
  border-radius: 4px;
  cursor: pointer; }
  .web-share-button svg {
    width: 16px;
    height: 16px;
    vertical-align: top;
    margin-right: 7px;
    color: transparent; }
  .web-share-button.list-item-share {
    position: absolute;
    z-index: 100;
    background: rgba(0, 0, 0, 0.4);
    padding: 12px; }
    @media (max-width: 480px) {
      .web-share-button.list-item-share {
        padding: 8px;
        top: 38px; } }
    .web-share-button.list-item-share i {
      display: block;
      height: 16px; }
      .web-share-button.list-item-share i .svg-icon.icon-share-icon {
        color: var(--white); }
    .web-share-button.list-item-share svg {
      margin: 0px; }

.web-share-button.new-share-experiment svg.svg-icon.icon-share-icon {
  color: var(--white); }

.web-share {
  display: none;
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647 !important; }
  .web-share.is-open {
    display: block; }
  .web-share .hidden {
    display: none; }
  .web-share svg {
    width: 16px;
    height: 16px;
    margin-right: 7px;
    color: transparent; }
  .web-share .copy-link, .web-share .web-share-dialog-copy-link {
    padding-left: 30px;
    padding-right: 30px; }
  .web-share .share-dialog {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 4px;
    border: 1px solid var(--gray-100);
    background: var(--bg-modal);
    width: 95%;
    max-width: 500px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    z-index: -1;
    padding: 24px; }
  .web-share header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px; }
    .web-share header .dialog-title {
      color: var(--Black, var(--gray-800));
      font-family: Roboto;
      font-size: 18px;
      font-style: normal;
      font-weight: 600;
      line-height: normal; }
  .web-share .targets {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
    margin-bottom: 24px; }
    .web-share .targets .share {
      text-align: center;
      white-space: nowrap;
      border-radius: 4px;
      border: 1px solid var(--gray-100);
      cursor: pointer;
      padding: 12px 24px;
      color: var(--Black, var(--gray-800));
      font-family: Roboto;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: normal; }
    @media (min-width: 980px) {
      .web-share .targets .messenger-share, .web-share .targets .whatsapp-share {
        display: none; } }
  .web-share .close-button {
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer; }
  .web-share .close-button svg {
    margin-right: 0; }
  .web-share .link {
    padding: 12px 12px 12px 16px;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
    background: var(--bg-modal-content);
    display: flex; }
    .web-share .link .copy-link, .web-share .link .web-share-dialog-copy-link {
      white-space: nowrap;
      cursor: pointer;
      display: flex;
      padding: 8px 24px;
      justify-content: center;
      align-items: center;
      gap: 8px;
      border-radius: 4px;
      border: 1px solid var(--border-text-input);
      background: var(--bg-copy-link);
      color: var(--Black, var(--gray-800));
      font-family: Roboto;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: normal; }
  .web-share .pen-url {
    color: var(--Black, var(--gray-800));
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal; }
  .web-share .icon-twitter-x {
    color: unset; }
  .web-share .icon-pinterest-share {
    fill: #E60019; }
  .web-share .icon-whatsapp {
    fill: #25D366; }
  .web-share .icon-dialog-close {
    fill: var(--gray-200); }
  .web-share .share.messenger-share {
    padding-bottom: 0; }
    .web-share .share.messenger-share .icon-messenger-radial {
      width: 24px;
      height: 24px; }

.post-shares-footer.web-share-margin {
  margin-bottom: 55px;
  display: block !important; }

.post-shares-footer .web-share-button {
  display: inline-flex;
  height: 40px;
  width: 90px;
  justify-content: center;
  align-items: center;
  padding: 0; }

.post-shares-footer .footer-share-vote-block {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr auto;
  border: 1px solid var(--gray-50);
  border-radius: 5px;
  padding: 20px; }
  @media (min-width: 801px) {
    .post-shares-footer .footer-share-vote-block {
      margin-left: -5px;
      margin-right: -5px; } }
  .post-shares-footer .footer-share-vote-block .votes .vote {
    height: auto; }
    .post-shares-footer .footer-share-vote-block .votes .vote .btn {
      width: 40px;
      height: 40px;
      margin: 0; }
      .post-shares-footer .footer-share-vote-block .votes .vote .btn i {
        width: inherit;
        height: inherit; }
        .post-shares-footer .footer-share-vote-block .votes .vote .btn i .svg-icon {
          width: 20px;
          height: 20px; }
  .post-shares-footer .footer-share-vote-block .votes .points {
    margin-left: 8px;
    margin-right: 8px;
    line-height: 40px;
    font-size: 16px;
    color: var(--gray-800); }
    .post-shares-footer .footer-share-vote-block .votes .points span {
      display: none; }

.sharebar.share-button-block {
  width: 87px;
  margin-left: -113px;
  height: auto;
  padding: 12px 12px 21px; }
  @media (max-width: 1212px) {
    .sharebar.share-button-block {
      display: none; } }
  .sharebar.share-button-block .vote-panel {
    width: 85px;
    margin-bottom: 20px; }
    .sharebar.share-button-block .vote-panel .vote .btn {
      width: 16px;
      height: 16px;
      border: solid 1px var(--gray-250);
      border-radius: 50%;
      padding: 11px; }
    .sharebar.share-button-block .vote-panel .vote .btn-up.active, .sharebar.share-button-block .vote-panel .vote .btn-up:hover {
      border-color: #56b863; }
    .sharebar.share-button-block .vote-panel .vote .btn-down.active, .sharebar.share-button-block .vote-panel .vote .btn-down:hover {
      border-color: #b52519; }
    .sharebar.share-button-block .vote-panel .points {
      color: var(--gray-800); }
  .sharebar.share-button-block .web-share-button {
    white-space: nowrap;
    padding: 9px 12px;
    font-size: 14px; }

.post-info-block.share-button-block {
  margin-bottom: 11px;
  margin-top: 17px; }
  @media (min-width: 1213px) {
    .post-info-block.share-button-block {
      display: none; } }
  @media (min-width: 481px) {
    .post-info-block.share-button-block {
      margin-bottom: 24px; } }
  .post-info-block.share-button-block .web-share-button {
    padding: 12px 11px;
    font-size: 16px; }

.web-shares-open {
  overflow: hidden; }

.open-list-item .post-bottom-meta-links.below-web-share-button .open-list-submission-report {
  float: right;
  position: relative; }
  @media (max-width: 480px) {
    .open-list-item .post-bottom-meta-links.below-web-share-button .open-list-submission-report {
      padding-top: 6px; } }

@media (max-width: 480px) {
  .open-list-item .post-bottom-meta-links.below-web-share-button span.sources {
    width: 70% !important; } }

@media (max-width: 480px) {
  .narrow-post-700 .post-shares-footer.web-share-margin {
    padding: 0 13px 38px 13px;
    margin-bottom: 0; } }

@media (min-width: 801px) {
  .narrow-post-700 .post-shares-footer.web-share-margin .footer-share-vote-block {
    margin-left: -2px;
    margin-right: -2px; } }

@media (max-width: 480px) {
  .wide-post .post-shares-footer.web-share-margin {
    padding: 0 13px 38px 13px;
    margin-bottom: 0; } }

@media (min-width: 801px) {
  .wide-post .post-shares-footer.web-share-margin .footer-share-vote-block {
    margin-left: 0px;
    margin-right: 0px; } }

.narrow-post .web-share-button.list-item-share,
.wide-post .web-share-button.list-item-share,
.narrow-post-700 .web-share-button.list-item-share {
  right: 6px;
  top: 6px; }
  @media (max-width: 768px) {
    .narrow-post .web-share-button.list-item-share,
    .wide-post .web-share-button.list-item-share,
    .narrow-post-700 .web-share-button.list-item-share {
      right: 31px; } }
  @media (max-width: 480px) {
    .narrow-post .web-share-button.list-item-share,
    .wide-post .web-share-button.list-item-share,
    .narrow-post-700 .web-share-button.list-item-share {
      right: 6px; } }

@media (max-width: 480px) {
  .narrow-post.single-open-list-post .web-share-button.list-item-share,
  .wide-post.single-open-list-post .web-share-button.list-item-share,
  .narrow-post-700.single-open-list-post .web-share-button.list-item-share {
    right: 18px; } }

.boredpanda-shopping-list-template .desktop-in-content-ad {
  margin-bottom: 10px; }

@media (max-width: 480px) {
  .boredpanda-shopping-list-template .open-list-media-container {
    padding: 0 12px !important; } }

.boredpanda-shopping-list-template .open-list-item {
  margin-top: 0 !important;
  padding-top: 20px !important; }
  @media (max-width: 480px) {
    .boredpanda-shopping-list-template .open-list-item {
      border-bottom: 0 !important; } }

.boredpanda-shopping-list-template .single-post-author {
  margin-top: 0; }

.boredpanda-shopping-list-template .shopping-base-component {
  border-radius: 3px;
  border: 1px solid var(--gray-100);
  box-sizing: border-box;
  background: var(--bg-shopping);
  padding: 20px 0;
  margin-top: 20px;
  font-family: Roboto, sans-serif; }
  @media (max-width: 768px) and (min-width: 480px) {
    .boredpanda-shopping-list-template .shopping-base-component {
      margin-left: 27px;
      margin-right: 28px; } }
  @media (max-width: 480px) {
    .boredpanda-shopping-list-template .shopping-base-component {
      margin: 20px 12px 0;
      padding: 16px 0; } }
  .boredpanda-shopping-list-template .shopping-base-component .shopping-price-block {
    padding: 0 30px 20px 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--gray-100);
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    @media (max-width: 480px) {
      .boredpanda-shopping-list-template .shopping-base-component .shopping-price-block {
        font-size: 23px;
        padding: 0 16px 16px 16px;
        margin-bottom: 16px; } }
    .boredpanda-shopping-list-template .shopping-base-component .shopping-price-block .shopping-price {
      color: var(--gray-800);
      font-size: 30px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      border-right: 1px solid var(--gray-100);
      padding-right: 20px;
      display: inline-flex; }
      .boredpanda-shopping-list-template .shopping-base-component .shopping-price-block .shopping-price.no-border {
        border-right: 0;
        padding-right: 0; }
      @media (max-width: 480px) {
        .boredpanda-shopping-list-template .shopping-base-component .shopping-price-block .shopping-price {
          font-size: 23px; } }
    .boredpanda-shopping-list-template .shopping-base-component .shopping-price-block .shopping-old-price {
      color: var(--gray-350);
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      text-decoration: line-through;
      padding-left: 20px;
      margin-right: 20px;
      display: inline-flex; }
      @media (max-width: 480px) {
        .boredpanda-shopping-list-template .shopping-base-component .shopping-price-block .shopping-old-price {
          font-size: 16px; } }
    .boredpanda-shopping-list-template .shopping-base-component .shopping-price-block .shopping-old-discount {
      border-radius: 3px;
      background: rgba(86, 184, 99, 0.08);
      padding: 8px 12px;
      color: #56b863;
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      display: inline-flex;
      text-wrap: nowrap; }
      @media (max-width: 480px) {
        .boredpanda-shopping-list-template .shopping-base-component .shopping-price-block .shopping-old-discount {
          font-size: 16px; } }
    @media (max-width: 768px) {
      .boredpanda-shopping-list-template .shopping-base-component .shopping-price-block .shopping-buy-it-now-button {
        display: none; } }
  .boredpanda-shopping-list-template .shopping-base-component .shopping-cta-mobile-block {
    display: none;
    padding: 0 16px 16px 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--gray-100);
    box-sizing: border-box; }
    @media (max-width: 768px) and (min-width: 480px) {
      .boredpanda-shopping-list-template .shopping-base-component .shopping-cta-mobile-block {
        padding: 0 30px 20px 30px;
        margin-bottom: 20px; } }
    @media (max-width: 768px) {
      .boredpanda-shopping-list-template .shopping-base-component .shopping-cta-mobile-block {
        display: block; } }
  .boredpanda-shopping-list-template .shopping-base-component .shopping-badges-block {
    display: flex;
    align-items: center;
    padding: 0 30px 20px 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--gray-100);
    box-sizing: border-box; }
    .boredpanda-shopping-list-template .shopping-base-component .shopping-badges-block.no-borders {
      padding-bottom: 0;
      margin-bottom: 0;
      border-bottom: none; }
    @media (max-width: 480px) {
      .boredpanda-shopping-list-template .shopping-base-component .shopping-badges-block {
        padding: 0 16px 16px 16px;
        margin-bottom: 16px; } }
    .boredpanda-shopping-list-template .shopping-base-component .shopping-badges-block .prime-badge {
      border-radius: 3px;
      padding: 10px 24px;
      background: rgba(34, 145, 191, 0.08);
      display: inline-flex; }
      .boredpanda-shopping-list-template .shopping-base-component .shopping-badges-block .prime-badge img {
        width: 53px;
        height: 15px; }
  .boredpanda-shopping-list-template .shopping-base-component .shopping-description-block {
    padding: 0 30px;
    color: var(--gray-800);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: left; }
    @media (max-width: 480px) {
      .boredpanda-shopping-list-template .shopping-base-component .shopping-description-block {
        padding: 0 16px; } }

.boredpanda-shopping-list-template .shopping-cta-component {
  margin-top: 20px; }
  @media (max-width: 768px) and (min-width: 480px) {
    .boredpanda-shopping-list-template .shopping-cta-component {
      margin-left: 27px;
      margin-right: 28px; } }
  @media (max-width: 480px) {
    .boredpanda-shopping-list-template .shopping-cta-component {
      padding: 0 12px;
      margin-top: 16px; } }

.boredpanda-shopping-list-template .shopping-votes-component {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr auto;
  border: 1px solid var(--bg-shopping);
  box-sizing: border-box;
  border-radius: 5px;
  padding: 20px;
  margin-top: 20px; }
  @media (max-width: 768px) and (min-width: 480px) {
    .boredpanda-shopping-list-template .shopping-votes-component {
      margin-left: 27px;
      margin-right: 28px; } }
  @media (max-width: 480px) {
    .boredpanda-shopping-list-template .shopping-votes-component {
      margin: 16px 12px 0 12px; } }
  .boredpanda-shopping-list-template .shopping-votes-component .vote-panel .vote {
    height: 40px;
    width: 40px;
    display: inline-block;
    vertical-align: middle;
    float: none; }
    .boredpanda-shopping-list-template .shopping-votes-component .vote-panel .vote a.btn {
      height: 40px;
      width: 40px; }
      .boredpanda-shopping-list-template .shopping-votes-component .vote-panel .vote a.btn i {
        width: 40px;
        height: 40px; }
        .boredpanda-shopping-list-template .shopping-votes-component .vote-panel .vote a.btn i svg {
          width: 20px;
          height: 20px; }
  .boredpanda-shopping-list-template .shopping-votes-component .vote-panel .points {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 16px;
    line-height: 40px; }
    @media (max-width: 979px) {
      .boredpanda-shopping-list-template .shopping-votes-component .vote-panel .points span {
        display: inline-block !important; } }
  .boredpanda-shopping-list-template .shopping-votes-component .web-share-button {
    display: inline-flex;
    height: 40px;
    width: 90px;
    justify-content: center;
    align-items: center;
    padding: 0; }
    .boredpanda-shopping-list-template .shopping-votes-component .web-share-button i {
      height: 16px; }

.boredpanda-shopping-list-template .shopping-stats-component {
  display: flex;
  gap: 15px;
  margin-top: 20px; }
  @media (max-width: 768px) and (min-width: 480px) {
    .boredpanda-shopping-list-template .shopping-stats-component {
      margin-left: 27px;
      margin-right: 28px;
      flex-direction: column; } }
  @media (max-width: 480px) {
    .boredpanda-shopping-list-template .shopping-stats-component {
      margin: 20px 12px 0;
      padding: 16px 0;
      flex-direction: column; } }
  .boredpanda-shopping-list-template .shopping-stats-component .shopping-ratings-block {
    width: 100%;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 3px;
    border: 1px solid var(--gray-100);
    background: var(--white);
    display: flex;
    flex: 0 1 auto;
    box-sizing: border-box; }
    .boredpanda-shopping-list-template .shopping-stats-component .shopping-ratings-block .shopping-ratings-title {
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      color: var(--gray-800); }
    .boredpanda-shopping-list-template .shopping-stats-component .shopping-ratings-block .shopping-average-rating-block {
      display: flex;
      gap: 15px;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
      .boredpanda-shopping-list-template .shopping-stats-component .shopping-ratings-block .shopping-average-rating-block .shopping-average-rating {
        color: var(--gray-450);
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: normal; }
        .boredpanda-shopping-list-template .shopping-stats-component .shopping-ratings-block .shopping-average-rating-block .shopping-average-rating .rating {
          color: var(--gray-800); }
    .boredpanda-shopping-list-template .shopping-stats-component .shopping-ratings-block .shopping-total-reviews {
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      color: var(--gray-800); }
  .boredpanda-shopping-list-template .shopping-stats-component .shopping-reviews-block {
    width: 100%;
    display: flex;
    gap: 8px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 3px;
    border: 1px solid var(--gray-100);
    padding: 20px;
    background: var(--gray-50);
    flex: 0 1 auto;
    box-sizing: border-box;
    position: relative; }
    .boredpanda-shopping-list-template .shopping-stats-component .shopping-reviews-block .shopping-review-edit {
      position: absolute;
      right: 5px;
      top: 5px;
      cursor: pointer;
      width: 16px;
      height: 16px; }
      .boredpanda-shopping-list-template .shopping-stats-component .shopping-reviews-block .shopping-review-edit svg {
        width: 16px;
        height: 16px;
        color: var(--orange-150);
        vertical-align: super; }
    .boredpanda-shopping-list-template .shopping-stats-component .shopping-reviews-block .shopping-review-edit-modal {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: 0 auto;
      z-index: 9999;
      width: 400px;
      max-width: 100%;
      max-height: 100%;
      font-family: Roboto, sans-serif;
      overflow-y: scroll; }
      .boredpanda-shopping-list-template .shopping-stats-component .shopping-reviews-block .shopping-review-edit-modal .input-group {
        padding: 10px; }
        .boredpanda-shopping-list-template .shopping-stats-component .shopping-reviews-block .shopping-review-edit-modal .input-group label {
          color: var(--gray-800);
          font-size: 16px;
          line-height: 30px;
          display: block; }
        .boredpanda-shopping-list-template .shopping-stats-component .shopping-reviews-block .shopping-review-edit-modal .input-group input[type='text'], .boredpanda-shopping-list-template .shopping-stats-component .shopping-reviews-block .shopping-review-edit-modal .input-group input[type='number'], .boredpanda-shopping-list-template .shopping-stats-component .shopping-reviews-block .shopping-review-edit-modal .input-group textarea {
          border-radius: 3px;
          border: 1px solid var(--gray-200);
          color: var(--gray-800);
          font-size: 14px;
          font-weight: 400;
          line-height: 20px;
          padding: 5px;
          width: 100%;
          box-sizing: border-box;
          outline: none;
          font-family: Roboto, sans-serif; }
        .boredpanda-shopping-list-template .shopping-stats-component .shopping-reviews-block .shopping-review-edit-modal .input-group button {
          text-align: center;
          font-size: 16px;
          font-weight: 600;
          line-height: 20px;
          border-radius: 6px;
          background: var(--white);
          width: 90px;
          height: 40px;
          cursor: pointer;
          margin-right: 10px; }
          .boredpanda-shopping-list-template .shopping-stats-component .shopping-reviews-block .shopping-review-edit-modal .input-group button.submit {
            color: #56b863;
            border: 2px solid #56b863; }
            .boredpanda-shopping-list-template .shopping-stats-component .shopping-reviews-block .shopping-review-edit-modal .input-group button.submit:hover {
              background: #56b863;
              color: var(--white); }
          .boredpanda-shopping-list-template .shopping-stats-component .shopping-reviews-block .shopping-review-edit-modal .input-group button.cancel {
            color: var(--gray-800);
            border: 2px solid var(--gray-200); }
            .boredpanda-shopping-list-template .shopping-stats-component .shopping-reviews-block .shopping-review-edit-modal .input-group button.cancel:hover {
              background: var(--gray-200); }
    .boredpanda-shopping-list-template .shopping-stats-component .shopping-reviews-block .shopping-review {
      color: var(--gray-800);
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      text-align: left; }
      .boredpanda-shopping-list-template .shopping-stats-component .shopping-reviews-block .shopping-review .read-more {
        color: var(--orange-150);
        font-size: 14px; }
    .boredpanda-shopping-list-template .shopping-stats-component .shopping-reviews-block .shopping-review-author-block {
      display: flex;
      gap: 15px;
      flex-direction: row;
      width: 100%;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      margin-top: 10px; }
    .boredpanda-shopping-list-template .shopping-stats-component .shopping-reviews-block .shopping-review-author-info {
      display: flex;
      gap: 10px;
      align-items: center;
      flex-wrap: nowrap; }
    .boredpanda-shopping-list-template .shopping-stats-component .shopping-reviews-block .shopping-review-author-avatar {
      width: 40px;
      height: 40px; }
      .boredpanda-shopping-list-template .shopping-stats-component .shopping-reviews-block .shopping-review-author-avatar img {
        border-radius: 50%; }
    .boredpanda-shopping-list-template .shopping-stats-component .shopping-reviews-block .shopping-review-author .name {
      color: var(--gray-800);
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: normal; }
    .boredpanda-shopping-list-template .shopping-stats-component .shopping-reviews-block .shopping-review-author .date {
      color: var(--gray-800);
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      margin-top: 4px; }
  .boredpanda-shopping-list-template .shopping-stats-component .shopping-rating-stars {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
    gap: 2px; }
    .boredpanda-shopping-list-template .shopping-stats-component .shopping-rating-stars .shopping-rating-star {
      width: 20px;
      height: 20px;
      color: var(--gray-100); }
      .boredpanda-shopping-list-template .shopping-stats-component .shopping-rating-stars .shopping-rating-star.active {
        color: var(--golden); }
      .boredpanda-shopping-list-template .shopping-stats-component .shopping-rating-stars .shopping-rating-star .icon-star {
        width: 100%;
        height: 100%;
        vertical-align: top; }

.boredpanda-shopping-list-template .shopping-buy-it-now-button, .recommendation-cta-block .shopping-buy-it-now-button, .recommendation-cta-mobile-block .shopping-buy-it-now-button {
  color: var(--white);
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  border-radius: 3px;
  background: var(--orange-150);
  padding: 11px 15px;
  border: 1px solid var(--orange-150);
  box-sizing: border-box;
  display: inline-flex;
  margin-left: auto; }
  .boredpanda-shopping-list-template .shopping-buy-it-now-button:hover, .recommendation-cta-block .shopping-buy-it-now-button:hover, .recommendation-cta-mobile-block .shopping-buy-it-now-button:hover {
    background: var(--orange-100);
    border-color: var(--orange-150); }
  .boredpanda-shopping-list-template .shopping-buy-it-now-button img.cart, .recommendation-cta-block .shopping-buy-it-now-button img.cart, .recommendation-cta-mobile-block .shopping-buy-it-now-button img.cart {
    height: 25px;
    width: 25px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle; }
  .boredpanda-shopping-list-template .shopping-buy-it-now-button .text, .recommendation-cta-block .shopping-buy-it-now-button .text, .recommendation-cta-mobile-block .shopping-buy-it-now-button .text {
    line-height: 25px;
    vertical-align: middle;
    display: inline-block; }
  .boredpanda-shopping-list-template .shopping-buy-it-now-button.full-width, .recommendation-cta-block .shopping-buy-it-now-button.full-width, .recommendation-cta-mobile-block .shopping-buy-it-now-button.full-width {
    width: 100%;
    display: block;
    text-align: center; }

.boredpanda-shopping-recommendations-embed {
  background: var(--white);
  padding: 24px 28px 24px 27px; }
  .boredpanda-shopping-recommendations-embed .recommendation-block-title {
    color: var(--gray-800);
    font-family: Merriweather, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px; }
  .boredpanda-shopping-recommendations-embed .recommendation-post {
    display: flex;
    width: 100%;
    margin-top: 24px;
    gap: 20px; }
    .boredpanda-shopping-recommendations-embed .recommendation-post .recommendation-image {
      width: 300px; }
      .boredpanda-shopping-recommendations-embed .recommendation-post .recommendation-image img {
        width: 100%; }
    .boredpanda-shopping-recommendations-embed .recommendation-post .recommendation-info {
      font-family: Roboto, sans-serif;
      display: flex;
      flex: 1 0;
      gap: 10px;
      flex-direction: column;
      row-gap: 10px; }
      .boredpanda-shopping-recommendations-embed .recommendation-post .recommendation-info .recommendation-price-block {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        align-items: center; }
      .boredpanda-shopping-recommendations-embed .recommendation-post .recommendation-info .recommendation-cta-block {
        margin-top: 24px; }
      .boredpanda-shopping-recommendations-embed .recommendation-post .recommendation-info .recommendation-title {
        color: var(--gray-800);
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 26px; }
      .boredpanda-shopping-recommendations-embed .recommendation-post .recommendation-info .recommendation-price {
        color: var(--gray-800);
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        display: inline-block; }
      .boredpanda-shopping-recommendations-embed .recommendation-post .recommendation-info .recommendation-prime {
        display: inline-block; }
        .boredpanda-shopping-recommendations-embed .recommendation-post .recommendation-info .recommendation-prime img {
          width: 60px;
          height: 17px; }
      .boredpanda-shopping-recommendations-embed .recommendation-post .recommendation-info .recommendation-discount {
        border-radius: 3px;
        background: rgba(86, 184, 99, 0.08);
        padding: 10px 12px;
        color: #56b863;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        display: inline-block;
        text-wrap: nowrap; }
    .boredpanda-shopping-recommendations-embed .recommendation-post .shopping-buy-it-now-button {
      padding: 7px 12px;
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: 20px; }
  .boredpanda-shopping-recommendations-embed .recommendation-cta-mobile-block .shopping-buy-it-now-button {
    padding: 12px 20px;
    width: 100%;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    display: block;
    margin-top: 16px; }

.boredpanda-shopping-recommendations-lists-embed {
  background: var(--white);
  padding: 24px 28px 24px 27px; }
  .boredpanda-shopping-recommendations-lists-embed .recommendation-block-title {
    color: var(--gray-800);
    font-family: Merriweather, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 12px; }
  .boredpanda-shopping-recommendations-lists-embed .recommendation-post {
    margin-top: 8px;
    display: flex;
    flex-wrap: nowrap;
    font-family: Roboto, sans-serif;
    color: var(--gray-800);
    background: var(--gray-50);
    padding: 16px;
    align-items: center; }
    .boredpanda-shopping-recommendations-lists-embed .recommendation-post:before {
      content: "";
      display: inline-block;
      width: 6px;
      height: 6px;
      margin-right: 16px;
      background-color: var(--orange-150);
      vertical-align: middle;
      border-radius: 50%;
      flex: 0 0 auto; }
    .boredpanda-shopping-recommendations-lists-embed .recommendation-post .recommendation-title {
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 20px;
      text-decoration-line: underline;
      color: var(--gray-800);
      display: inline-block; }
      @supports (-webkit-line-clamp: 2) {
        .boredpanda-shopping-recommendations-lists-embed .recommendation-post .recommendation-title {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: initial;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical; } }
    .boredpanda-shopping-recommendations-lists-embed .recommendation-post .recommendation-dash {
      margin: 0 4px;
      display: inline-block; }
    .boredpanda-shopping-recommendations-lists-embed .recommendation-post .recommendation-price {
      color: var(--orange-150);
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 20px;
      display: inline-block; }
    .boredpanda-shopping-recommendations-lists-embed .recommendation-post .recommendation-discount {
      border-radius: 3px;
      background: rgba(86, 184, 99, 0.08);
      padding: 6px 12px;
      color: #56b863;
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      display: inline-block;
      margin-left: 16px;
      text-wrap: nowrap; }
    .boredpanda-shopping-recommendations-lists-embed .recommendation-post .recommendation-before-price {
      display: inline-block;
      color: var(--gray-350);
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      text-decoration: line-through;
      margin-left: 12px; }

body.narrow-post .boredpanda-shopping-recommendations-embed, body.narrow-post .boredpanda-shopping-recommendations-lists-embed {
  padding-left: 30px;
  padding-right: 30px; }

body.narrow-post:not(.single-open-list-post) .post-content .boredpanda-shopping-recommendations-embed, body.narrow-post:not(.single-open-list-post) .post-content .boredpanda-shopping-recommendations-lists-embed {
  padding-left: 0;
  padding-right: 0; }

body.narrow-post-700 .boredpanda-shopping-recommendations-embed, body.narrow-post-700 .boredpanda-shopping-recommendations-lists-embed {
  padding-left: 27px;
  padding-right: 28px; }

body.narrow-post-700:not(.single-open-list-post) .post-content .boredpanda-shopping-recommendations-embed, body.narrow-post-700:not(.single-open-list-post) .post-content .boredpanda-shopping-recommendations-lists-embed {
  padding-left: 0;
  padding-right: 0; }

body.wide-post .boredpanda-shopping-recommendations-embed, body.wide-post .boredpanda-shopping-recommendations-lists-embed {
  padding-left: 45px;
  padding-right: 45px; }

body.wide-post:not(.single-open-list-post) .post-content .boredpanda-shopping-recommendations-embed, body.wide-post:not(.single-open-list-post) .post-content .boredpanda-shopping-recommendations-lists-embed {
  padding-left: 0;
  padding-right: 0; }

@media (max-width: 768px) {
  body.narrow-post:not(.single-open-list-post) .post-content .boredpanda-shopping-recommendations-embed, body.narrow-post:not(.single-open-list-post) .post-content .boredpanda-shopping-recommendations-lists-embed, body.narrow-post-700:not(.single-open-list-post) .post-content .boredpanda-shopping-recommendations-embed, body.narrow-post-700:not(.single-open-list-post) .post-content .boredpanda-shopping-recommendations-lists-embed, body.wide-post:not(.single-open-list-post) .post-content .boredpanda-shopping-recommendations-embed, body.wide-post:not(.single-open-list-post) .post-content .boredpanda-shopping-recommendations-lists-embed {
    padding-left: 25px;
    padding-right: 25px; } }

@media (max-width: 480px) {
  body.narrow-post .boredpanda-shopping-recommendations-embed, body.narrow-post .boredpanda-shopping-recommendations-lists-embed, body.narrow-post-700 .boredpanda-shopping-recommendations-embed, body.narrow-post-700 .boredpanda-shopping-recommendations-lists-embed, body.wide-post .boredpanda-shopping-recommendations-embed, body.wide-post .boredpanda-shopping-recommendations-lists-embed {
    padding-left: 12px;
    padding-right: 12px; }
  body.narrow-post:not(.single-open-list-post) .post-content .boredpanda-shopping-recommendations-embed, body.narrow-post:not(.single-open-list-post) .post-content .boredpanda-shopping-recommendations-lists-embed, body.narrow-post-700:not(.single-open-list-post) .post-content .boredpanda-shopping-recommendations-embed, body.narrow-post-700:not(.single-open-list-post) .post-content .boredpanda-shopping-recommendations-lists-embed, body.wide-post:not(.single-open-list-post) .post-content .boredpanda-shopping-recommendations-embed, body.wide-post:not(.single-open-list-post) .post-content .boredpanda-shopping-recommendations-lists-embed {
    padding-left: 12px;
    padding-right: 12px; }
  .boredpanda-shopping-recommendations-embed .recommendation-block-title {
    font-size: 23px; }
  .boredpanda-shopping-recommendations-embed .recommendation-post {
    margin-top: 32px; }
    .boredpanda-shopping-recommendations-embed .recommendation-post .recommendation-image {
      width: 125px; }
    .boredpanda-shopping-recommendations-embed .recommendation-post .recommendation-info .recommendation-title {
      line-height: 24px; }
    .boredpanda-shopping-recommendations-embed .recommendation-post .recommendation-info .recommendation-discount {
      padding: 8px 10px; }
  .boredpanda-shopping-recommendations-lists-embed .recommendation-block-title {
    font-size: 23px; }
  .boredpanda-shopping-recommendations-lists-embed .recommendation-post {
    display: block;
    padding-left: 32px;
    position: relative; }
    .boredpanda-shopping-recommendations-lists-embed .recommendation-post:before {
      position: absolute;
      left: 13px;
      top: 23px;
      margin: 0; }
    .boredpanda-shopping-recommendations-lists-embed .recommendation-post .recommendation-title {
      margin-bottom: 16px; }
    .boredpanda-shopping-recommendations-lists-embed .recommendation-post .recommendation-dash {
      display: none; } }

.boredpanda-embed-settings {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--white);
  width: 400px;
  z-index: 99999;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-weight: 600; }
  .boredpanda-embed-settings.hidden {
    display: none; }
  .boredpanda-embed-settings .title {
    color: var(--gray-800);
    font-size: 20px;
    line-height: 30px;
    padding: 25px 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); }
  .boredpanda-embed-settings .input-group {
    padding: 25px 30px; }
    .boredpanda-embed-settings .input-group label {
      color: var(--gray-800);
      font-size: 16px;
      line-height: 30px;
      display: block; }
    .boredpanda-embed-settings .input-group input[type='text'], .boredpanda-embed-settings .input-group input[type='number'] {
      border-radius: 3px;
      border: 1px solid var(--gray-200);
      color: var(--gray-800);
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      padding: 10px 12px;
      width: 100%;
      box-sizing: border-box;
      outline: none; }
    .boredpanda-embed-settings .input-group .radio-label {
      font-size: 14px;
      font-weight: 400;
      line-height: 30px;
      align-items: center;
      display: flex;
      flex-wrap: wrap; }
      .boredpanda-embed-settings .input-group .radio-label input {
        margin-left: 20px; }
    .boredpanda-embed-settings .input-group input[type='radio'] {
      width: 15px;
      height: 15px;
      margin: 0;
      margin-right: 5px; }
  .boredpanda-embed-settings .body {
    overflow-y: scroll;
    height: calc(100vh - 186px); }
  .boredpanda-embed-settings .buttons {
    padding: 25px 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between; }
    .boredpanda-embed-settings .buttons button {
      text-align: center;
      font-size: 16px;
      font-weight: 600;
      line-height: 20px;
      border-radius: 6px;
      background: var(--white);
      width: 140px;
      height: 50px;
      cursor: pointer; }
      .boredpanda-embed-settings .buttons button.submit {
        color: #56b863;
        border: 2px solid #56b863; }
        .boredpanda-embed-settings .buttons button.submit:hover {
          background: #56b863;
          color: var(--white); }
      .boredpanda-embed-settings .buttons button.cancel {
        color: var(--gray-800);
        border: 2px solid var(--gray-200); }
        .boredpanda-embed-settings .buttons button.cancel:hover {
          background: var(--gray-200); }

.shopping-actions-wrapper .shopping-actions {
  margin-bottom: 15px;
  padding: 0;
  background: var(--post-background);
  display: flex;
  text-wrap: nowrap; }
  .shopping-actions-wrapper .shopping-actions .shopping-items {
    gap: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .shopping-actions-wrapper .shopping-actions .shopping-items button {
      padding: 9px 16px;
      border-radius: 5px;
      font-size: 16px;
      font-family: Roboto, sans-serif;
      line-height: 20px;
      font-weight: 500;
      cursor: pointer;
      box-sizing: border-box;
      height: 40px;
      display: block;
      background: var(--wishlist-similar-items);
      color: var(--wishlist-black);
      border: 1px solid var(--wishlist-similar-items-border); }
      .shopping-actions-wrapper .shopping-actions .shopping-items button i {
        background-repeat: no-repeat;
        background-size: 18px 18px;
        display: inline-block;
        height: 18px;
        width: 18px;
        vertical-align: middle;
        margin-right: 3px; }
      .shopping-actions-wrapper .shopping-actions .shopping-items button .wishlist-icon {
        background-image: var(--wishlist-image); }
      .shopping-actions-wrapper .shopping-actions .shopping-items button.wishlist-button.active {
        background: #D74B1F14;
        color: var(--orange-150);
        border-color: #D74B1F14; }
        .shopping-actions-wrapper .shopping-actions .shopping-items button.wishlist-button.active .wishlist-icon {
          background-image: url(images/icons/wishlist-full.svg); }
      .shopping-actions-wrapper .shopping-actions .shopping-items button .similar-items-icon {
        background-image: var(--similar-items-image); }
      .shopping-actions-wrapper .shopping-actions .shopping-items button .text {
        vertical-align: middle;
        display: inline-block; }
      .shopping-actions-wrapper .shopping-actions .shopping-items button:hover {
        opacity: 0.8; }
    .shopping-actions-wrapper .shopping-actions .shopping-items .similar-items-button .spinner {
      display: none;
      height: 20px;
      width: 20px;
      background-size: 20px;
      vertical-align: middle;
      margin-left: 5px; }
    .shopping-actions-wrapper .shopping-actions .shopping-items .similar-items-button.active {
      opacity: 0.8; }
      .shopping-actions-wrapper .shopping-actions .shopping-items .similar-items-button.active .spinner {
        display: inline-block; }
  .shopping-actions-wrapper .shopping-actions .buy-now-button {
    margin-left: auto; }
    .shopping-actions-wrapper .shopping-actions .buy-now-button .shopping-buy-now-button {
      color: var(--white);
      font-family: Roboto, sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 20px;
      border-radius: 3px;
      background: var(--orange-150);
      padding: 9px 16px;
      border: 1px solid var(--orange-150);
      box-sizing: border-box;
      height: 40px;
      display: block; }
      .shopping-actions-wrapper .shopping-actions .buy-now-button .shopping-buy-now-button:hover {
        opacity: 0.8; }
      .shopping-actions-wrapper .shopping-actions .buy-now-button .shopping-buy-now-button .shopping-cart-icon {
        background-image: url(images/icons/shopping-cart.svg);
        background-repeat: no-repeat;
        background-size: 24px 22px;
        display: inline-block;
        height: 22px;
        width: 24px;
        vertical-align: middle;
        margin-right: 3px; }
      .shopping-actions-wrapper .shopping-actions .buy-now-button .shopping-buy-now-button .text {
        vertical-align: middle;
        display: inline-block; }
  @media (max-width: 1023px) and (min-width: 481px) {
    .shopping-actions-wrapper .shopping-actions.variation-both {
      flex-direction: column;
      gap: 16px; }
      .shopping-actions-wrapper .shopping-actions.variation-both .buy-now-button {
        margin-left: 0;
        text-align: center; } }
  @media (max-width: 768px) {
    .shopping-actions-wrapper .shopping-actions {
      padding-left: 25px;
      padding-right: 25px; } }
  @media (max-width: 480px) {
    .shopping-actions-wrapper .shopping-actions {
      padding: 0 12px; } }
  @media (max-width: 620px) {
    .shopping-actions-wrapper .shopping-actions {
      flex-direction: column;
      gap: 12px; }
      .shopping-actions-wrapper .shopping-actions .shopping-items button {
        width: 100%; }
      .shopping-actions-wrapper .shopping-actions .buy-now-button {
        width: 100%;
        text-align: center;
        margin: 4px 0 12px; } }

.shopping-actions-wrapper .message {
  border-radius: 3px;
  padding: 12px 16px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  color: var(--wishlist-black);
  margin-bottom: 15px;
  width: 100%;
  box-sizing: border-box; }
  @media (max-width: 620px) {
    .shopping-actions-wrapper .message.message-desktop {
      display: none !important; }
    .shopping-actions-wrapper .message.message-mobile {
      margin-bottom: 0; } }
  @media (min-width: 621px) {
    .shopping-actions-wrapper .message.message-mobile {
      display: none !important; } }
  .shopping-actions-wrapper .message.success {
    background: #56B8631F; }
    .shopping-actions-wrapper .message.success i {
      vertical-align: middle;
      color: #56B863;
      display: inline-block;
      margin-right: 8px;
      width: 14px;
      height: 14px; }
      .shopping-actions-wrapper .message.success i .svg-icon {
        vertical-align: middle;
        width: 14px;
        height: 14px;
        display: block; }
  .shopping-actions-wrapper .message.alert {
    background: #F0AD1C1F; }
    .shopping-actions-wrapper .message.alert .lookup-icon {
      background-image: url(images/icons/lookup.svg);
      background-repeat: no-repeat;
      background-size: 16px 16px;
      display: inline-block;
      height: 16px;
      width: 16px;
      vertical-align: middle;
      margin-right: 8px; }
  .shopping-actions-wrapper .message.danger {
    background: #F6462914; }
    .shopping-actions-wrapper .message.danger .error-icon {
      background-image: url(images/icons/danger-icon.svg);
      background-repeat: no-repeat;
      background-size: 14px 14px;
      display: inline-block;
      height: 14px;
      width: 14px;
      vertical-align: middle;
      margin-right: 8px; }
  .shopping-actions-wrapper .message .text {
    display: inline;
    vertical-align: middle; }
    .shopping-actions-wrapper .message .text a {
      color: inherit;
      text-decoration: underline; }

.wishlist-page {
  background: var(--post-background);
  border-radius: 5px;
  padding: 32px 24px;
  position: relative;
  min-height: 50vh; }
  .wishlist-page h1 {
    font-family: Merriweather, sans-serif;
    font-size: 29px;
    font-weight: 700;
    line-height: 29px;
    padding-bottom: 32px;
    border-bottom: 1px solid var(--wishlist-similar-items-border);
    color: var(--wishlist-black); }
  .wishlist-page .wishlist-item {
    padding-top: 24px; }
    .wishlist-page .wishlist-item + .wishlist-item {
      padding-top: 32px; }
    .wishlist-page .wishlist-item .similar-items-block {
      margin-bottom: 0;
      margin-top: 24px; }
    .wishlist-page .wishlist-item .wishlist-item-container {
      display: flex;
      gap: 24px; }
    .wishlist-page .wishlist-item .image {
      width: 300px;
      height: 185px;
      background: var(--gray-200); }
      .wishlist-page .wishlist-item .image.image-mobile {
        display: none; }
      .wishlist-page .wishlist-item .image img {
        width: 100%;
        overflow: hidden;
        display: block; }
    .wishlist-page .wishlist-item .info {
      flex-direction: column;
      display: flex;
      flex: 1 0; }
      .wishlist-page .wishlist-item .info .title {
        font-family: Roboto, sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 26px;
        color: var(--wishlist-black); }
      .wishlist-page .wishlist-item .info .link {
        color: var(--wishlist-blue);
        font-size: 16px;
        line-height: 20px;
        text-decoration: underline;
        font-weight: 500;
        margin-top: 8px; }
        .wishlist-page .wishlist-item .info .link:hover {
          opacity: 0.8; }
      .wishlist-page .wishlist-item .info .price-info {
        margin-top: 16px; }
        .wishlist-page .wishlist-item .info .price-info span {
          vertical-align: middle;
          display: inline-block;
          font-size: 18px;
          line-height: 23px;
          color: var(--wishlist-black);
          font-weight: 700; }
          .wishlist-page .wishlist-item .info .price-info span.store {
            margin-left: 8px;
            font-weight: 600;
            color: var(--wishlist-store); }
    .wishlist-page .wishlist-item .shopping-actions-wrapper {
      margin-top: 24px; }
      .wishlist-page .wishlist-item .shopping-actions-wrapper .shopping-actions {
        margin: 0; }
        .wishlist-page .wishlist-item .shopping-actions-wrapper .shopping-actions .buy-now-button {
          margin-left: 0; }
          .wishlist-page .wishlist-item .shopping-actions-wrapper .shopping-actions .buy-now-button .shopping-buy-now-button {
            padding: 9px 24px; }
        .wishlist-page .wishlist-item .shopping-actions-wrapper .shopping-actions .shopping-items button.wishlist-button {
          margin-left: auto; }
        .wishlist-page .wishlist-item .shopping-actions-wrapper .shopping-actions .shopping-items button.similar-items-button {
          width: 100%; }
      .wishlist-page .wishlist-item .shopping-actions-wrapper.mobile {
        display: none; }
      @media (max-width: 1069px) {
        .wishlist-page .wishlist-item .shopping-actions-wrapper.desktop {
          display: none; }
        .wishlist-page .wishlist-item .shopping-actions-wrapper.mobile {
          display: block;
          margin-top: 16px; }
          .wishlist-page .wishlist-item .shopping-actions-wrapper.mobile .shopping-actions {
            padding: 0;
            gap: 16px;
            width: 100%;
            display: block; }
            .wishlist-page .wishlist-item .shopping-actions-wrapper.mobile .shopping-actions .shopping-items button {
              width: 100%; }
            .wishlist-page .wishlist-item .shopping-actions-wrapper.mobile .shopping-actions .buy-now-button {
              width: 100%;
              text-align: center;
              margin: 0; } }
  .wishlist-page .empty .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    margin: 100px 0; }
    .wishlist-page .empty .wrapper .image {
      background: var(--gray-150);
      border-radius: 50%;
      width: 176px;
      height: 176px;
      line-height: 176px; }
      .wishlist-page .empty .wrapper .image img {
        display: inline-block;
        vertical-align: middle;
        margin-left: 16px; }
    .wishlist-page .empty .wrapper .title {
      font-family: Roboto, sans-serif;
      font-size: 29px;
      font-weight: 600;
      line-height: 40px;
      text-align: left;
      color: var(--gray-800); }
      @media (max-width: 480px) {
        .wishlist-page .empty .wrapper .title {
          font-size: 23px; } }
    .wishlist-page .empty .wrapper .description {
      font-family: Roboto, sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      text-align: center;
      max-width: 360px;
      color: var(--gray-450); }
    .wishlist-page .empty .wrapper .button {
      color: var(--white);
      background: var(--orange-150);
      display: inline-block;
      padding: 10px 32px;
      border-radius: 3px;
      font-family: Roboto, sans-serif;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px; }
      .wishlist-page .empty .wrapper .button:hover {
        opacity: 0.8; }
  @media (max-width: 620px) {
    .wishlist-page {
      margin-top: 12px;
      padding: 24px 16px; }
      .wishlist-page h1 {
        font-size: 26px;
        padding-bottom: 24px; }
      .wishlist-page .wishlist-item .wishlist-item-container {
        margin-bottom: 0; }
      .wishlist-page .wishlist-item .image.image-desktop {
        display: none; }
      .wishlist-page .wishlist-item .image.image-mobile {
        display: block;
        min-width: 100px;
        width: 40%;
        height: 100%; }
      .wishlist-page .wishlist-item .info .price-info span {
        font-size: 16px; } }

.wishlist-section .shopping-link {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  margin: 24px;
  display: block; }
  .wishlist-section .shopping-link a {
    color: var(--orange-150);
    text-decoration: underline; }
    .wishlist-section .shopping-link a:hover {
      opacity: 0.8; }

.similar-items-block {
  border: 1px solid var(--wishlist-similar-items-border);
  border-radius: 5px;
  padding: 24px;
  margin-bottom: 35px;
  color: var(--wishlist-black); }
  .similar-items-block .similar-items-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
    .similar-items-block .similar-items-header .similar-items-title {
      display: inline-block;
      font-size: 20px;
      line-height: 25px;
      font-weight: 700;
      font-family: Merriweather, sans-serif; }
    .similar-items-block .similar-items-header .similar-items-controls {
      display: inline-block; }
      .similar-items-block .similar-items-header .similar-items-controls .similar-items-next, .similar-items-block .similar-items-header .similar-items-controls .similar-items-previous {
        background: var(--wishlist-similar-items);
        line-height: 48px;
        text-align: center;
        cursor: pointer;
        width: 48px;
        height: 48px;
        border-radius: 3px;
        color: var(--wishlist-black);
        display: inline-block;
        border: 1px solid var(--wishlist-similar-items-border);
        box-sizing: border-box; }
        .similar-items-block .similar-items-header .similar-items-controls .similar-items-next .svg-icon, .similar-items-block .similar-items-header .similar-items-controls .similar-items-previous .svg-icon {
          width: 17px;
          height: 18px;
          margin-left: 2px; }
        .similar-items-block .similar-items-header .similar-items-controls .similar-items-next:hover, .similar-items-block .similar-items-header .similar-items-controls .similar-items-previous:hover {
          color: var(--orange-150); }
        .similar-items-block .similar-items-header .similar-items-controls .similar-items-next.inactive, .similar-items-block .similar-items-header .similar-items-controls .similar-items-previous.inactive {
          cursor: not-allowed;
          opacity: 0.8; }
          .similar-items-block .similar-items-header .similar-items-controls .similar-items-next.inactive:hover, .similar-items-block .similar-items-header .similar-items-controls .similar-items-previous.inactive:hover {
            color: var(--wishlist-store); }
        @media (max-width: 480px) {
          .similar-items-block .similar-items-header .similar-items-controls .similar-items-next, .similar-items-block .similar-items-header .similar-items-controls .similar-items-previous {
            width: 38px;
            height: 38px;
            line-height: 34px; } }
      .similar-items-block .similar-items-header .similar-items-controls .similar-items-previous {
        margin-right: 14px; }
        .similar-items-block .similar-items-header .similar-items-controls .similar-items-previous .svg-icon {
          margin-right: 2px;
          margin-left: 0; }
  .similar-items-block .similar-items-container {
    overflow: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .similar-items-block .similar-items-container::-webkit-scrollbar {
      display: none; }
  .similar-items-block .similar-items {
    margin-top: 16px;
    display: flex;
    gap: 16px;
    align-items: stretch; }
    .similar-items-block .similar-items .similar-item {
      display: flex;
      flex-direction: column;
      flex: 1 0 auto;
      max-width: 250px;
      gap: 12px;
      justify-content: space-between; }
      .similar-items-block .similar-items .similar-item .similar-item-image {
        width: 250px;
        height: 204px;
        margin: 0;
        background-color: var(--bg-image-upload-area);
        border: 0; }
      .similar-items-block .similar-items .similar-item .similar-item-title {
        font-family: Merriweather, sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 26px;
        height: 78px;
        text-align: left; }
        @supports (-webkit-line-clamp: 3) {
          .similar-items-block .similar-items .similar-item .similar-item-title {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: initial;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical; } }
      .similar-items-block .similar-items .similar-item .price-block {
        display: flex;
        gap: 5px;
        font-family: Roboto, sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 19px;
        color: var(--orange-150); }
        .similar-items-block .similar-items .similar-item .price-block .price-before {
          font-weight: 400;
          color: var(--wishlist-black);
          text-decoration: line-through; }
      .similar-items-block .similar-items .similar-item .buy-now-button {
        margin-top: 4px; }
        .similar-items-block .similar-items .similar-item .buy-now-button .shopping-buy-now-button {
          color: var(--white);
          font-family: Roboto, sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: 20px;
          border-radius: 3px;
          background: var(--orange-150);
          padding: 9px 16px;
          border: 1px solid var(--orange-150);
          box-sizing: border-box;
          height: 40px;
          display: block;
          text-align: center; }
          .similar-items-block .similar-items .similar-item .buy-now-button .shopping-buy-now-button:hover {
            opacity: 0.8; }
          .similar-items-block .similar-items .similar-item .buy-now-button .shopping-buy-now-button .shopping-cart-icon {
            background-image: url(images/icons/shopping-cart.svg);
            background-repeat: no-repeat;
            background-size: 24px 22px;
            display: inline-block;
            height: 22px;
            width: 24px;
            vertical-align: middle;
            margin-right: 3px; }
          .similar-items-block .similar-items .similar-item .buy-now-button .shopping-buy-now-button .text {
            vertical-align: middle;
            display: inline-block; }
  @media (max-width: 768px) {
    .similar-items-block {
      border: 0;
      padding: 0 12px; }
      .similar-items-block .similar-items-container {
        overflow-x: scroll; }
      .similar-items-block .similar-items-header .similar-items-controls {
        display: none; } }

.wide-post-1080 .bp-container {
  max-width: 1080px; }

.single-staff-author {
  position: relative;
  border-radius: 5px;
  background: var(--bg-newsletter);
  display: grid;
  grid-template-columns: 252px auto;
  grid-template-rows: repeat(2, auto);
  grid-column-gap: 0px;
  grid-row-gap: 0px; }
  @media (max-width: 480px) {
    .single-staff-author {
      display: flex;
      flex-direction: column;
      margin-top: 12px; } }
  .single-staff-author .staff-author-container {
    display: flex;
    flex-direction: row;
    grid-area: 2 / 1 / 3 / 2; }
    .single-staff-author .staff-author-container-header {
      padding: 18px 24px;
      border-bottom: 1px solid var(--gray-100);
      grid-area: 1 / 1 / 2 / 3; }
      .single-staff-author .staff-author-container-header a {
        display: flex;
        flex-direction: row;
        column-gap: 12px;
        align-items: center;
        color: var(--on-bg-dark);
        font: 600 14px/20px 'Roboto', sans-serif; }
        .single-staff-author .staff-author-container-header a:before {
          content: '';
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14.8527 8L2.28125 8' stroke='%23D74B1F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.71094 4L1.71094 8L5.71094 12' stroke='%23D74B1F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
          height: 16px;
          width: 16px;
          position: relative;
          display: block; }
  .single-staff-author .staff-author-bio {
    max-width: 252px;
    width: 100%; }
    @media (max-width: 480px) {
      .single-staff-author .staff-author-bio {
        max-width: 100%; } }
  .single-staff-author .staff-author-card {
    padding: 32px 15px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--post-background); }
  .single-staff-author .staff-author-picture {
    position: relative; }
    .single-staff-author .staff-author-picture .verified-icon {
      position: absolute;
      top: 0;
      right: 0; }
      .single-staff-author .staff-author-picture .verified-icon .icon-verified-new {
        height: 32px;
        width: 32px; }
      .single-staff-author .staff-author-picture .verified-icon svg path:nth-of-type(1) {
        stroke: white;
        stroke-width: 2px;
        fill: #69A0FD; }
      .single-staff-author .staff-author-picture .verified-icon svg path:nth-of-type(2) {
        stroke: #69A0FD;
        fill: #69A0FD; }
      .single-staff-author .staff-author-picture .verified-icon svg path:nth-of-type(3) {
        stroke: white;
        fill: #69A0FD;
        stroke-width: 2px; }
  .single-staff-author .staff-author-image {
    border-radius: 50%;
    height: 120px;
    width: 120px;
    display: block;
    background: var(--post-background); }
    @media (max-width: 480px) {
      .single-staff-author .staff-author-image {
        height: 96px;
        width: 96px; } }
  .single-staff-author .staff-author-info {
    text-align: center;
    margin: 26px 0 20px 0;
    box-sizing: border-box;
    color: var(--on-bg-dark); }
    .single-staff-author .staff-author-info h2 {
      font: 700 18px 'Merriweather', sans-serif;
      padding-bottom: 6px; }
      @media (max-width: 480px) {
        .single-staff-author .staff-author-info h2 {
          font: 700 20px 'Merriweather', sans-serif;
          padding-bottom: 12px; } }
    .single-staff-author .staff-author-info-community-status {
      font: 600 14px/20px 'Roboto', sans-serif; }
    .single-staff-author .staff-author-info-community-status {
      padding-bottom: 12px;
      color: var(--on-bg-dark); }
      @media (max-width: 480px) {
        .single-staff-author .staff-author-info-community-status {
          font: 600 16px/24px 'Roboto', sans-serif;
          padding-bottom: 8px; } }
    .single-staff-author .staff-author-info-content {
      font: 400 14px/20px 'Roboto', sans-serif; }
      @media (max-width: 480px) {
        .single-staff-author .staff-author-info-content {
          font: 400 16px/24px 'Roboto', sans-serif; } }
    .single-staff-author .staff-author-info-socials {
      display: flex;
      flex-direction: row;
      column-gap: 20px;
      margin-top: 24px; }
      @media (max-width: 480px) {
        .single-staff-author .staff-author-info-socials {
          margin-top: 38px;
          column-gap: 24px; } }
      .single-staff-author .staff-author-info-socials a svg {
        height: 16px;
        width: 16px;
        fill: var(--gray-350); }
        @media (max-width: 480px) {
          .single-staff-author .staff-author-info-socials a svg {
            height: 24px;
            width: 24px; } }
        .single-staff-author .staff-author-info-socials a svg:hover.icon-facebook-new {
          fill: #316FF6; }
        .single-staff-author .staff-author-info-socials a svg:hover.icon-linkedin-new {
          fill: #0077b5; }
        .single-staff-author .staff-author-info-socials a svg:hover.icon-instagram-new path {
          fill: #F24279; }
        .single-staff-author .staff-author-info-socials a svg:hover.icon-instagram-new path:nth-child(3) {
          fill: #F24279; }
        .single-staff-author .staff-author-info-socials a svg:hover.icon-instagram-new rect {
          fill: #F24279; }
        .single-staff-author .staff-author-info-socials a svg:hover.icon-twitter-new {
          fill: var(--on-bg-dark); }
  .single-staff-author .staff-author-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    margin-bottom: 19px; }
    @media (max-width: 480px) {
      .single-staff-author .staff-author-stats {
        width: unset;
        row-gap: 24px;
        column-gap: 70px;
        margin-bottom: 23px; } }
    .single-staff-author .staff-author-stats-info {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      color: var(--on-bg-dark);
      text-align: center;
      font: 600 14px/21px Roboto, sans-serif; }
      @media (max-width: 480px) {
        .single-staff-author .staff-author-stats-info {
          font: 600 16px/20px Roboto, sans-serif; } }
      .single-staff-author .staff-author-stats-info span {
        font: 600 12px/20px Roboto, sans-serif;
        color: var(--gray-450); }
  .single-staff-author .staff-author-info-cta {
    display: flex;
    flex-direction: row;
    column-gap: 12px; }
    .single-staff-author .staff-author-info-cta a {
      border-radius: 3px;
      border: 1px solid var(--gray-100);
      background: var(--post-background);
      display: flex;
      padding: 6px 16px;
      justify-content: center;
      align-items: center;
      gap: 8px;
      font: 600 12px/20px 'Roboto', sans-serif;
      color: var(--on-bg-dark); }
      @media (max-width: 480px) {
        .single-staff-author .staff-author-info-cta a {
          padding: 11px 16px; } }
      .single-staff-author .staff-author-info-cta a.follow:hover {
        border: 1px solid var(--orange-150);
        color: var(--orange-150); }
      .single-staff-author .staff-author-info-cta a.unfollow {
        color: var(--orange-150);
        border: 1px solid var(--orange-150); }
      .single-staff-author .staff-author-info-cta a.contact {
        background: var(--post-background); }
        .single-staff-author .staff-author-info-cta a.contact:hover {
          border: 1px solid var(--orange-150);
          color: var(--orange-150); }
  .single-staff-author .staff-author-additional-information {
    background: var(--post-background);
    padding: 32px; }
    .single-staff-author .staff-author-additional-information h4 {
      font: 600 16px/22px 'Roboto', sans-serif;
      color: var(--orange-150); }
    .single-staff-author .staff-author-additional-information ul {
      margin: 0 0 32px 20px; }
      .single-staff-author .staff-author-additional-information ul li {
        font: 600 14px/21px 'Roboto', sans-serif;
        color: var(--on-bg-dark);
        padding-top: 16px; }
  .single-staff-author .staff-author-content {
    grid-area: 2 / 2 / 3 / 3;
    border-left: 1px solid var(--gray-100); }
  .single-staff-author .staff-author-overview {
    padding: 24px 32px 32px;
    border-bottom: 1px solid var(--gray-100); }
    .single-staff-author .staff-author-overview h3 {
      font: 600 16px/22px 'Roboto', sans-serif;
      color: var(--orange-150);
      padding-bottom: 16px; }
    .single-staff-author .staff-author-overview p {
      color: var(--post-content);
      font: 400 16px/23px 'Roboto', sans-serif; }
    .single-staff-author .staff-author-overview a {
      color: var(--orange-150); }
  .single-staff-author .staff-author-articles-tabs {
    padding-left: 32px;
    padding-right: 32px; }
    .single-staff-author .staff-author-articles-tabs nav {
      border: 0;
      margin-bottom: 8px; }
      .single-staff-author .staff-author-articles-tabs nav ul {
        list-style: none;
        display: flex;
        column-gap: 40px;
        justify-content: flex-start;
        border-bottom: 1px solid var(--gray-100); }
        .single-staff-author .staff-author-articles-tabs nav ul li {
          padding: 0;
          margin: 0 0 -1px 0; }
          .single-staff-author .staff-author-articles-tabs nav ul li.active {
            border-bottom: 2px solid var(--orange-150); }
            .single-staff-author .staff-author-articles-tabs nav ul li.active a {
              color: var(--orange-150); }
          .single-staff-author .staff-author-articles-tabs nav ul li:hover {
            border-bottom: 2px solid var(--orange-150); }
            .single-staff-author .staff-author-articles-tabs nav ul li:hover a {
              color: var(--orange-150); }
          .single-staff-author .staff-author-articles-tabs nav ul li a {
            font: 500 16px/22px 'Roboto', sans-serif;
            color: var(--gray-450);
            display: block; }
  .single-staff-author .staff-author-recent-articles {
    display: flex;
    flex-direction: column;
    padding: 24px 0 24px 0;
    box-sizing: border-box; }
    .single-staff-author .staff-author-recent-articles h3 {
      font: 600 16px/22px 'Roboto', sans-serif;
      color: var(--orange-150);
      padding-right: 32px;
      padding-left: 32px; }
    .single-staff-author .staff-author-recent-articles-load-more, .single-staff-author .staff-author-recent-articles-drafts-load-more, .single-staff-author .staff-author-recent-articles-moderated-load-more {
      padding: 16px 0 0 0;
      display: flex;
      justify-content: center;
      order: 1; }
      .single-staff-author .staff-author-recent-articles-load-more a, .single-staff-author .staff-author-recent-articles-drafts-load-more a, .single-staff-author .staff-author-recent-articles-moderated-load-more a {
        font: 600 14px/20px 'Roboto', sans-serif;
        color: var(--orange-150);
        text-decoration-line: underline; }
    .single-staff-author .staff-author-recent-articles-published-list, .single-staff-author .staff-author-recent-articles-draft-list, .single-staff-author .staff-author-recent-articles-moderated-list {
      display: none; }
      .single-staff-author .staff-author-recent-articles-published-list.active, .single-staff-author .staff-author-recent-articles-draft-list.active, .single-staff-author .staff-author-recent-articles-moderated-list.active {
        display: flex;
        flex-direction: column; }
    .single-staff-author .staff-author-recent-articles .no-posts {
      font-size: 20px;
      margin: 24px 0;
      color: var(--on-bg-dark); }
  .single-staff-author .staff-author-recent-article {
    border-bottom: 1px solid var(--gray-100);
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 16px;
    padding-top: 16px;
    display: flex;
    flex-direction: row;
    column-gap: 16px; }
    @media (max-width: 480px) {
      .single-staff-author .staff-author-recent-article {
        flex-direction: column; } }
    .single-staff-author .staff-author-recent-article-thumbnail {
      background: var(--gray-100);
      height: 123px;
      width: 200px;
      border: 0;
      display: block;
      object-fit: cover;
      aspect-ratio: unset; }
      @media (max-width: 480px) {
        .single-staff-author .staff-author-recent-article-thumbnail {
          width: 100%;
          height: 100%;
          aspect-ratio: 2/1;
          margin-bottom: 16px; } }
    @media (max-width: 480px) {
      .single-staff-author .staff-author-recent-article-meta {
        display: flex;
        flex-direction: column-reverse; } }
    .single-staff-author .staff-author-recent-article time {
      color: var(--on-bg-dark);
      font: 600 12px/18px 'Roboto', sans-serif;
      display: block; }
    .single-staff-author .staff-author-recent-article-heading {
      color: var(--on-bg-dark);
      font: 700 14px/22px 'Merriweather', sans-serif;
      padding-bottom: 12px; }
      @media (max-width: 480px) {
        .single-staff-author .staff-author-recent-article-heading {
          font: 700 16px/24px 'Merriweather', sans-serif; } }
    .single-staff-author .staff-author-recent-article-category {
      color: var(--orange-150);
      display: block;
      margin-bottom: 16px; }
      @media (max-width: 480px) {
        .single-staff-author .staff-author-recent-article-category {
          order: 1;
          padding-bottom: 12px; } }
      .single-staff-author .staff-author-recent-article-category a {
        color: var(--orange-150);
        font: 500 13px/18px 'Roboto', sans-serif;
        text-transform: uppercase; }
        .single-staff-author .staff-author-recent-article-category a:visited {
          color: var(--orange-150); }
        .single-staff-author .staff-author-recent-article-category a:hover {
          text-decoration: underline; }

#share-modal .share-dialog, #share-modal .delete-dialog, #delete-modal .share-dialog, #delete-modal .delete-dialog, .contact-author-form .share-dialog, .contact-author-form .delete-dialog, .author-followers-list .share-dialog, .author-followers-list .delete-dialog {
  width: 36.563em;
  margin: 3.15em auto 0 auto; }

#share-modal .modal-content, #delete-modal .modal-content, .contact-author-form .modal-content, .author-followers-list .modal-content {
  width: 36.563em;
  margin: 3.15em auto 0 auto; }
  #share-modal .modal-content .modal-body, #delete-modal .modal-content .modal-body, .contact-author-form .modal-content .modal-body, .author-followers-list .modal-content .modal-body {
    padding: 0; }
    #share-modal .modal-content .modal-body .question, #delete-modal .modal-content .modal-body .question, .contact-author-form .modal-content .modal-body .question, .author-followers-list .modal-content .modal-body .question {
      text-align: center; }
    #share-modal .modal-content .modal-body .selections, #delete-modal .modal-content .modal-body .selections, .contact-author-form .modal-content .modal-body .selections, .author-followers-list .modal-content .modal-body .selections {
      width: 300px;
      margin: 20px auto;
      height: 20px;
      text-align: center; }
      #share-modal .modal-content .modal-body .selections a, #delete-modal .modal-content .modal-body .selections a, .contact-author-form .modal-content .modal-body .selections a, .author-followers-list .modal-content .modal-body .selections a {
        display: block;
        float: left;
        width: 150px;
        color: #616161; }
    #share-modal .modal-content .modal-body .share-modal-head, #delete-modal .modal-content .modal-body .share-modal-head, .contact-author-form .modal-content .modal-body .share-modal-head, .author-followers-list .modal-content .modal-body .share-modal-head {
      background: url(images/share-modal-head-bg.png) no-repeat;
      display: block;
      width: 100%;
      max-width: 36.563em;
      height: 9.250em;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
      @media (max-width: 767px) {
        #share-modal .modal-content .modal-body .share-modal-head, #delete-modal .modal-content .modal-body .share-modal-head, .contact-author-form .modal-content .modal-body .share-modal-head, .author-followers-list .modal-content .modal-body .share-modal-head {
          height: 120px; } }
      #share-modal .modal-content .modal-body .share-modal-head .close, #delete-modal .modal-content .modal-body .share-modal-head .close, .contact-author-form .modal-content .modal-body .share-modal-head .close, .author-followers-list .modal-content .modal-body .share-modal-head .close {
        background-image: url(images/x.png);
        background-position: center;
        width: 15px; }
      #share-modal .modal-content .modal-body .share-modal-head .panda-img-transparent, #delete-modal .modal-content .modal-body .share-modal-head .panda-img-transparent, .contact-author-form .modal-content .modal-body .share-modal-head .panda-img-transparent, .author-followers-list .modal-content .modal-body .share-modal-head .panda-img-transparent {
        width: 6.125em;
        height: 6.125em;
        border-radius: 50%;
        background: var(--white);
        position: absolute;
        top: 3.125em;
        left: 15.188em;
        opacity: 0.5; }
        @media (max-width: 767px) {
          #share-modal .modal-content .modal-body .share-modal-head .panda-img-transparent, #delete-modal .modal-content .modal-body .share-modal-head .panda-img-transparent, .contact-author-form .modal-content .modal-body .share-modal-head .panda-img-transparent, .author-followers-list .modal-content .modal-body .share-modal-head .panda-img-transparent {
            right: 0;
            margin: auto;
            left: 0; } }
      #share-modal .modal-content .modal-body .share-modal-head .panda-img-white, #delete-modal .modal-content .modal-body .share-modal-head .panda-img-white, .contact-author-form .modal-content .modal-body .share-modal-head .panda-img-white, .author-followers-list .modal-content .modal-body .share-modal-head .panda-img-white {
        width: 6.125em;
        height: 3.125em;
        background: var(--white);
        position: absolute;
        top: 6.125em;
        left: 15.188em; }
        @media (max-width: 767px) {
          #share-modal .modal-content .modal-body .share-modal-head .panda-img-white, #delete-modal .modal-content .modal-body .share-modal-head .panda-img-white, .contact-author-form .modal-content .modal-body .share-modal-head .panda-img-white, .author-followers-list .modal-content .modal-body .share-modal-head .panda-img-white {
            display: none; } }
      #share-modal .modal-content .modal-body .share-modal-head .panda-img, #delete-modal .modal-content .modal-body .share-modal-head .panda-img, .contact-author-form .modal-content .modal-body .share-modal-head .panda-img, .author-followers-list .modal-content .modal-body .share-modal-head .panda-img {
        width: 5.125em;
        height: 5.125em;
        border-radius: 50%;
        background: var(--white);
        position: absolute;
        top: 3.625em;
        left: 15.688em; }
        @media (max-width: 767px) {
          #share-modal .modal-content .modal-body .share-modal-head .panda-img, #delete-modal .modal-content .modal-body .share-modal-head .panda-img, .contact-author-form .modal-content .modal-body .share-modal-head .panda-img, .author-followers-list .modal-content .modal-body .share-modal-head .panda-img {
            left: 0;
            right: 0;
            margin: auto; } }
        #share-modal .modal-content .modal-body .share-modal-head .panda-img .img, #delete-modal .modal-content .modal-body .share-modal-head .panda-img .img, .contact-author-form .modal-content .modal-body .share-modal-head .panda-img .img, .author-followers-list .modal-content .modal-body .share-modal-head .panda-img .img {
          background: url(images/modal-head-panda.png) no-repeat;
          background-size: 36px 44px;
          width: 2.500em;
          height: 3.125em;
          margin: 0.938em 1.438em; }
          @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
            #share-modal .modal-content .modal-body .share-modal-head .panda-img .img, #delete-modal .modal-content .modal-body .share-modal-head .panda-img .img, .contact-author-form .modal-content .modal-body .share-modal-head .panda-img .img, .author-followers-list .modal-content .modal-body .share-modal-head .panda-img .img {
              background: url(images/modal-head-panda@2x.png) no-repeat;
              background-size: 36px 44px; } }
          @media (max-width: 767px) {
            #share-modal .modal-content .modal-body .share-modal-head .panda-img .img, #delete-modal .modal-content .modal-body .share-modal-head .panda-img .img, .contact-author-form .modal-content .modal-body .share-modal-head .panda-img .img, .author-followers-list .modal-content .modal-body .share-modal-head .panda-img .img {
              width: 36px;
              height: 44px; } }
    #share-modal .modal-content .modal-body .head-title, #delete-modal .modal-content .modal-body .head-title, .contact-author-form .modal-content .modal-body .head-title, .author-followers-list .modal-content .modal-body .head-title {
      display: block;
      font-size: 26px;
      font-weight: bold;
      margin-bottom: 11px;
      text-align: center;
      font-family: merriweather; }
      @media (max-width: 767px) {
        #share-modal .modal-content .modal-body .head-title, #delete-modal .modal-content .modal-body .head-title, .contact-author-form .modal-content .modal-body .head-title, .author-followers-list .modal-content .modal-body .head-title {
          line-height: 36px; } }
    #share-modal .modal-content .modal-body .popup-description, #delete-modal .modal-content .modal-body .popup-description, .contact-author-form .modal-content .modal-body .popup-description, .author-followers-list .modal-content .modal-body .popup-description {
      display: block;
      font-size: 14px;
      text-align: center;
      color: #7d7d7d;
      padding-bottom: 10px; }
    #share-modal .modal-content .modal-body .share-buttons, #delete-modal .modal-content .modal-body .share-buttons, .contact-author-form .modal-content .modal-body .share-buttons, .author-followers-list .modal-content .modal-body .share-buttons {
      display: block;
      width: 402px;
      height: 120px;
      margin: 0 auto; }
      @media (max-width: 767px) {
        #share-modal .modal-content .modal-body .share-buttons, #delete-modal .modal-content .modal-body .share-buttons, .contact-author-form .modal-content .modal-body .share-buttons, .author-followers-list .modal-content .modal-body .share-buttons {
          width: 178px; } }
      #share-modal .modal-content .modal-body .share-buttons .button, #delete-modal .modal-content .modal-body .share-buttons .button, .contact-author-form .modal-content .modal-body .share-buttons .button, .author-followers-list .modal-content .modal-body .share-buttons .button {
        float: left;
        margin: 38px 0 12px 10px;
        height: 44px;
        border-radius: 5px; }
        #share-modal .modal-content .modal-body .share-buttons .button:hover, #delete-modal .modal-content .modal-body .share-buttons .button:hover, .contact-author-form .modal-content .modal-body .share-buttons .button:hover, .author-followers-list .modal-content .modal-body .share-buttons .button:hover {
          opacity: 0.75; }
        #share-modal .modal-content .modal-body .share-buttons .button .social-text, #delete-modal .modal-content .modal-body .share-buttons .button .social-text, .contact-author-form .modal-content .modal-body .share-buttons .button .social-text, .author-followers-list .modal-content .modal-body .share-buttons .button .social-text {
          color: var(--white);
          font-size: 14px;
          line-height: 44px; }
      #share-modal .modal-content .modal-body .share-buttons .social-icon, #delete-modal .modal-content .modal-body .share-buttons .social-icon, .contact-author-form .modal-content .modal-body .share-buttons .social-icon, .author-followers-list .modal-content .modal-body .share-buttons .social-icon {
        width: 25px;
        height: 25px;
        display: block;
        float: left;
        color: var(--white);
        margin: 9px 12px 9px 15px; }
        #share-modal .modal-content .modal-body .share-buttons .social-icon svg, #delete-modal .modal-content .modal-body .share-buttons .social-icon svg, .contact-author-form .modal-content .modal-body .share-buttons .social-icon svg, .author-followers-list .modal-content .modal-body .share-buttons .social-icon svg {
          width: 25px;
          height: 25px; }
      #share-modal .modal-content .modal-body .share-buttons .facebook, #delete-modal .modal-content .modal-body .share-buttons .facebook, .contact-author-form .modal-content .modal-body .share-buttons .facebook, .author-followers-list .modal-content .modal-body .share-buttons .facebook {
        width: 136px;
        background: #3b5998;
        margin-left: 0; }
      #share-modal .modal-content .modal-body .share-buttons .twitter, #delete-modal .modal-content .modal-body .share-buttons .twitter, .contact-author-form .modal-content .modal-body .share-buttons .twitter, .author-followers-list .modal-content .modal-body .share-buttons .twitter {
        width: 114px;
        background: #00aced; }
      #share-modal .modal-content .modal-body .share-buttons .pinterest, #delete-modal .modal-content .modal-body .share-buttons .pinterest, .contact-author-form .modal-content .modal-body .share-buttons .pinterest, .author-followers-list .modal-content .modal-body .share-buttons .pinterest {
        width: 132px;
        background: #cb2027; }
        #share-modal .modal-content .modal-body .share-buttons .pinterest .social-icon, #delete-modal .modal-content .modal-body .share-buttons .pinterest .social-icon, .contact-author-form .modal-content .modal-body .share-buttons .pinterest .social-icon, .author-followers-list .modal-content .modal-body .share-buttons .pinterest .social-icon {
          width: 23px;
          height: 27px;
          margin: 8px 12px 8px 15px; }
          @media (max-width: 767px) {
            #share-modal .modal-content .modal-body .share-buttons .pinterest .social-icon, #delete-modal .modal-content .modal-body .share-buttons .pinterest .social-icon, .contact-author-form .modal-content .modal-body .share-buttons .pinterest .social-icon, .author-followers-list .modal-content .modal-body .share-buttons .pinterest .social-icon {
              width: 24px; } }
          #share-modal .modal-content .modal-body .share-buttons .pinterest .social-icon svg, #delete-modal .modal-content .modal-body .share-buttons .pinterest .social-icon svg, .contact-author-form .modal-content .modal-body .share-buttons .pinterest .social-icon svg, .author-followers-list .modal-content .modal-body .share-buttons .pinterest .social-icon svg {
            width: 23px;
            height: 27px; }
            @media (max-width: 767px) {
              #share-modal .modal-content .modal-body .share-buttons .pinterest .social-icon svg, #delete-modal .modal-content .modal-body .share-buttons .pinterest .social-icon svg, .contact-author-form .modal-content .modal-body .share-buttons .pinterest .social-icon svg, .author-followers-list .modal-content .modal-body .share-buttons .pinterest .social-icon svg {
                width: 24px; } }
  #share-modal .modal-content .modal-footer, #delete-modal .modal-content .modal-footer, .contact-author-form .modal-content .modal-footer, .author-followers-list .modal-content .modal-footer {
    text-align: center;
    padding: 0; }
    #share-modal .modal-content .modal-footer .got-it-button, #delete-modal .modal-content .modal-footer .got-it-button, .contact-author-form .modal-content .modal-footer .got-it-button, .author-followers-list .modal-content .modal-footer .got-it-button {
      display: block;
      width: 116px;
      height: 44px;
      margin: 18px auto;
      line-height: 44px;
      text-align: center;
      font-size: 14px;
      background: var(--white);
      color: #7d7d7d;
      border-radius: 5px;
      padding: 0 20px;
      border: 1px solid var(--gray-450); }
      #share-modal .modal-content .modal-footer .got-it-button:hover, #delete-modal .modal-content .modal-footer .got-it-button:hover, .contact-author-form .modal-content .modal-footer .got-it-button:hover, .author-followers-list .modal-content .modal-footer .got-it-button:hover {
        background: var(--gray-450);
        color: var(--white); }

.contact-author-form .head-title, .author-followers-list .head-title {
  margin-bottom: 30px !important; }

.contact-author-form .modal-footer .btn, .author-followers-list .modal-footer .btn {
  margin: 18px auto; }

.contact-author-form .form-fields, .author-followers-list .form-fields {
  margin: 10px;
  line-height: 20px; }

.contact-author-form .no-posts.mobile, .author-followers-list .no-posts.mobile {
  margin-bottom: 20px; }

.contact-author-form textarea.form-control, .contact-author-form input[type=text].form-control, .author-followers-list textarea.form-control, .author-followers-list input[type=text].form-control {
  font-family: Roboto, sans-serif;
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  background: var(--white);
  padding: 10px;
  font-size: 15px;
  border: 1px solid #efefef;
  -webkit-appearance: none;
  box-sizing: border-box;
  margin-top: 5px;
  margin-bottom: 20px; }
  .contact-author-form textarea.form-control:focus, .contact-author-form input[type=text].form-control:focus, .author-followers-list textarea.form-control:focus, .author-followers-list input[type=text].form-control:focus {
    outline: 0; }

.contact-author-form textarea.form-control, .author-followers-list textarea.form-control {
  resize: none;
  background: var(--bg-text-input);
  color: var(--text-input);
  border-color: var(--border-text-input); }

.contact-author-form label, .author-followers-list label {
  font-weight: normal; }

.contact-author-form .success, .contact-author-form .error, .author-followers-list .success, .author-followers-list .error {
  text-align: center;
  padding: 5px;
  margin-bottom: 10px; }

.contact-author-form .success .text-success, .author-followers-list .success .text-success {
  margin-bottom: 30px; }

.contact-author-form .error, .author-followers-list .error {
  line-height: 20px; }

#main-author-contact, #author-followers-list-modal {
  color: var(--on-bg-dark); }
  #main-author-contact .body-content, #author-followers-list-modal .body-content {
    padding-left: 25px;
    padding-right: 15px;
    padding-bottom: 20px; }
  #main-author-contact .title, #author-followers-list-modal .title {
    font-size: 25px;
    padding-bottom: 12px; }
  #main-author-contact .head, #author-followers-list-modal .head {
    width: 450px;
    color: var(--post-description);
    font-size: 15px;
    line-height: 20px;
    font-weight: normal; }
  #main-author-contact .links, #author-followers-list-modal .links {
    margin-top: 15px; }
    #main-author-contact .links .link, #author-followers-list-modal .links .link {
      text-align: center;
      display: inline-block;
      margin-bottom: 15px;
      margin-right: 15px; }
      #main-author-contact .links .link a, #author-followers-list-modal .links .link a {
        color: var(--gray-800);
        border: 2px solid var(--gray-250);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        width: 160px;
        height: 45px;
        line-height: 45px;
        display: inline-block;
        font-size: 16px;
        font-family: Roboto, sans-serif;
        font-weight: 500; }
        #main-author-contact .links .link a:hover, #author-followers-list-modal .links .link a:hover {
          color: var(--white);
          background: var(--green-300);
          border-color: var(--green-300); }
  #main-author-contact .author-contact, #author-followers-list-modal .author-contact {
    padding-top: 15px; }
    #main-author-contact .author-contact label, #author-followers-list-modal .author-contact label {
      display: block;
      font-family: Roboto, sans-serif;
      font-weight: 500;
      font-size: 15px;
      padding: 5px 0; }
      #main-author-contact .author-contact label a, #author-followers-list-modal .author-contact label a {
        color: var(--orange-150); }
  @media (max-width: 588px) {
    #main-author-contact .modal-dialog, #author-followers-list-modal .modal-dialog {
      max-width: 100%; }
    #main-author-contact .modal-content, #main-author-contact .head, #author-followers-list-modal .modal-content, #author-followers-list-modal .head {
      width: unset; }
    #main-author-contact .links .link, #author-followers-list-modal .links .link {
      display: block; }
      #main-author-contact .links .link a, #author-followers-list-modal .links .link a {
        width: 100%; } }

#hide-feed-admin-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  background: var(--post-background);
  padding: 1rem 0px; }
  #hide-feed-admin-box .title {
    font-size: 0.75rem;
    padding: 0 1rem;
    color: var(--orange-150);
    cursor: pointer; }
  #hide-feed-admin-box .subtitle {
    padding: 0 1rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--on-bg-dark); }
  #hide-feed-admin-box label {
    font-size: 0.75rem;
    font-weight: normal;
    color: var(--on-bg-dark); }
  #hide-feed-admin-box input[type="text"],
  #hide-feed-admin-box input[type="number"],
  #hide-feed-admin-box select {
    width: 25rem;
    border: 1px solid var(--border-text-input);
    border-radius: 3px;
    padding: 0.125rem;
    font-size: 12px;
    background: var(--bg-text-input);
    color: var(--text-input); }
  #hide-feed-admin-box button {
    margin-left: 0.3125rem;
    font-size: 12px;
    height: 1.25rem;
    box-sizing: border-box;
    background: var(--post-background);
    color: var(--on-bg-dark);
    border: 1px solid var(--border-button);
    text-align: center;
    border-radius: 3px;
    vertical-align: middle;
    line-height: 1.125rem;
    cursor: pointer;
    outline: none;
    min-width: 4.6rem; }
  #hide-feed-admin-box .pinned-feed-position-form {
    display: flex;
    justify-content: space-between;
    padding: 0 1rem;
    margin-bottom: 0.1875rem; }
    @media (max-width: 580px) {
      #hide-feed-admin-box .pinned-feed-position-form {
        flex-direction: column;
        margin-bottom: 1rem; } }
    #hide-feed-admin-box .pinned-feed-position-form .input-wrapper {
      display: flex; }
    #hide-feed-admin-box .pinned-feed-position-form #custom_content-tmce {
      display: none; }
  #hide-feed-admin-box .carousel-options-form {
    padding: 0 1rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    #hide-feed-admin-box .carousel-options-form .left-side {
      flex-grow: 1; }
      #hide-feed-admin-box .carousel-options-form .left-side .title-wrapper,
      #hide-feed-admin-box .carousel-options-form .left-side .link-wrapper {
        margin-top: 1rem; }
  #hide-feed-admin-box .personalised-recs-options-form {
    padding: 0 1rem;
    margin-bottom: 0.25rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    #hide-feed-admin-box .personalised-recs-options-form .left-side {
      flex-grow: 1; }
    #hide-feed-admin-box .personalised-recs-options-form:last-of-type {
      margin-bottom: 0; }

#hide-navigation-settings-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  background: var(--post-background);
  padding: 1rem 0px; }
  #hide-navigation-settings-box .title {
    font-size: 0.75rem;
    padding: 0 1rem;
    color: var(--orange-150);
    cursor: pointer; }
  #hide-navigation-settings-box .subtitle {
    padding: 0 1rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--on-bg-dark); }
  #hide-navigation-settings-box label {
    font-size: 0.75rem;
    font-weight: normal;
    color: var(--on-bg-dark); }
  #hide-navigation-settings-box input[type="text"],
  #hide-navigation-settings-box input[type="number"],
  #hide-navigation-settings-box select {
    width: 25rem;
    border: 1px solid var(--border-text-input);
    border-radius: 3px;
    padding: 0.125rem;
    font-size: 12px;
    background: var(--bg-text-input);
    color: var(--text-input); }
  #hide-navigation-settings-box .categories-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px; }
    #hide-navigation-settings-box .categories-wrapper #custom_content-tmce {
      display: none; }
    #hide-navigation-settings-box .categories-wrapper .category {
      display: flex;
      gap: 12px;
      justify-content: start;
      padding: 0 16px; }
      #hide-navigation-settings-box .categories-wrapper .category input[type="text"] {
        width: 100%; }
      #hide-navigation-settings-box .categories-wrapper .category .category-link {
        width: 230px; }
      #hide-navigation-settings-box .categories-wrapper .category .category-order {
        display: flex; }
        #hide-navigation-settings-box .categories-wrapper .category .category-order svg {
          width: 20px;
          height: 20px;
          cursor: pointer; }
          #hide-navigation-settings-box .categories-wrapper .category .category-order svg path {
            fill: var(--on-bg-dark); }
  #hide-navigation-settings-box .blocks-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px; }
    #hide-navigation-settings-box .blocks-wrapper svg {
      width: 20px;
      height: 20px;
      cursor: pointer; }
      #hide-navigation-settings-box .blocks-wrapper svg path {
        fill: var(--on-bg-dark); }
    #hide-navigation-settings-box .blocks-wrapper .block {
      padding: 0 16px;
      display: flex;
      flex-direction: column;
      gap: 12px; }
      #hide-navigation-settings-box .blocks-wrapper .block .block-subtitle {
        font-size: 14px;
        font-weight: normal;
        color: var(--gray-450); }
      #hide-navigation-settings-box .blocks-wrapper .block .block-position-wrapper {
        display: flex;
        flex-direction: column;
        gap: 12px; }
        #hide-navigation-settings-box .blocks-wrapper .block .block-position-wrapper .block-header {
          display: flex;
          gap: 12px; }
          #hide-navigation-settings-box .blocks-wrapper .block .block-position-wrapper .block-header .block-title-wrapper {
            display: flex;
            flex-direction: column;
            justify-content: center;
            min-width: 130px; }
            #hide-navigation-settings-box .blocks-wrapper .block .block-position-wrapper .block-header .block-title-wrapper .block-title {
              color: var(--on-bg-dark); }
        #hide-navigation-settings-box .blocks-wrapper .block .block-position-wrapper .block-body {
          display: flex;
          flex-direction: column;
          gap: 4px; }
          #hide-navigation-settings-box .blocks-wrapper .block .block-position-wrapper .block-body .block-item {
            display: flex;
            gap: 12px;
            justify-content: start; }
            #hide-navigation-settings-box .blocks-wrapper .block .block-position-wrapper .block-body .block-item input[type="text"] {
              width: 100%; }
            #hide-navigation-settings-box .blocks-wrapper .block .block-position-wrapper .block-body .block-item .block-link {
              width: 230px; }
  #hide-navigation-settings-box .buttons-wrapper {
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    gap: 8px; }
    #hide-navigation-settings-box .buttons-wrapper .buttons {
      gap: 4px;
      display: flex; }
    #hide-navigation-settings-box .buttons-wrapper .error {
      font-size: 12px;
      line-height: 1;
      color: #c54c4c;
      padding: 0;
      margin: 0; }
    #hide-navigation-settings-box .buttons-wrapper button {
      font-size: 12px;
      height: 1.25rem;
      box-sizing: border-box;
      background: var(--post-background);
      color: var(--on-bg-dark);
      border: 1px solid var(--border-button);
      text-align: center;
      border-radius: 3px;
      vertical-align: middle;
      line-height: 1.125rem;
      cursor: pointer;
      outline: none;
      margin: 0; }

#top-page-settings-box {
  margin-bottom: 2rem;
  background: var(--post-background);
  padding: 1rem 0; }
  #top-page-settings-box .title {
    font-size: 0.75rem;
    color: var(--orange-150);
    cursor: pointer; }
  #top-page-settings-box .subtitle {
    padding: 0 1rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--on-bg-dark); }
  #top-page-settings-box label {
    font-size: 0.75rem;
    font-weight: normal;
    color: var(--on-bg-dark); }
  #top-page-settings-box input[type="text"],
  #top-page-settings-box input[type="number"],
  #top-page-settings-box select {
    width: 65px;
    border: 1px solid var(--border-text-input);
    border-radius: 3px;
    padding: 0.125rem;
    font-size: 12px;
    background: var(--bg-text-input);
    color: var(--text-input); }
  #top-page-settings-box button {
    margin-left: 0.3125rem;
    font-size: 12px;
    height: 1.25rem;
    box-sizing: border-box;
    background: var(--post-background);
    color: var(--on-bg-dark);
    border: 1px solid var(--border-button);
    text-align: center;
    border-radius: 3px;
    vertical-align: middle;
    line-height: 1.125rem;
    cursor: pointer;
    outline: none;
    min-width: 4.6rem; }
  #top-page-settings-box .top-settings-form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 1rem;
    margin-bottom: 0.1875rem;
    gap: 8px; }
    #top-page-settings-box .top-settings-form .items {
      margin-top: 12px;
      display: flex;
      flex-direction: column;
      gap: 4px; }
      #top-page-settings-box .top-settings-form .items .rows {
        display: flex;
        justify-content: space-between;
        gap: 8px; }
        #top-page-settings-box .top-settings-form .items .rows .row {
          display: flex;
          width: 100%;
          justify-content: space-between;
          font-size: 0.75rem;
          font-weight: bold; }
        #top-page-settings-box .top-settings-form .items .rows .label-wrapper {
          display: flex;
          flex-direction: column;
          justify-content: center; }
    #top-page-settings-box .top-settings-form .form-footer {
      display: flex;
      width: 100%;
      justify-content: space-between;
      gap: 12px; }
      #top-page-settings-box .top-settings-form .form-footer .error {
        font-size: 13px;
        color: #9b0000;
        padding: 8px 12px;
        background: #fff7f7;
        flex-shrink: 0;
        flex-grow: 1; }

.open-list-block-footer .post-content .poll-wrapper,
.post-content .poll-wrapper {
  padding-bottom: 1rem;
  background: var(--post-background); }
  .open-list-block-footer .post-content .poll-wrapper .poll-header,
  .post-content .poll-wrapper .poll-header {
    border: 1px solid var(--gray-100);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
    .open-list-block-footer .post-content .poll-wrapper .poll-header .poll-title,
    .post-content .poll-wrapper .poll-header .poll-title {
      padding: 1rem 1.5rem;
      display: flex; }
      @media (max-width: 768px) {
        .open-list-block-footer .post-content .poll-wrapper .poll-header .poll-title,
        .post-content .poll-wrapper .poll-header .poll-title {
          padding-left: 1rem; } }
      .open-list-block-footer .post-content .poll-wrapper .poll-header .poll-title h4,
      .post-content .poll-wrapper .poll-header .poll-title h4 {
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 1.32rem;
        color: var(--poll-header);
        font-family: 'Roboto', sans-serif;
        padding-left: 0; }
      .open-list-block-footer .post-content .poll-wrapper .poll-header .poll-title .icon,
      .post-content .poll-wrapper .poll-header .poll-title .icon {
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: var(--bg-icon);
        border-radius: 50%;
        margin-right: 0.75rem;
        width: 43px;
        height: 43px; }
        .open-list-block-footer .post-content .poll-wrapper .poll-header .poll-title .icon svg,
        .post-content .poll-wrapper .poll-header .poll-title .icon svg {
          color: var(--orange-150); }
  .open-list-block-footer .post-content .poll-wrapper .poll-content,
  .post-content .poll-wrapper .poll-content {
    border: 1px solid var(--gray-100);
    border-top: 0;
    background: var(--poll-background);
    padding: 2rem 1.5rem; }
    .open-list-block-footer .post-content .poll-wrapper .poll-content > h2.content-title,
    .post-content .poll-wrapper .poll-content > h2.content-title {
      font-size: 1.5rem;
      font-weight: 700;
      line-height: 2.125rem;
      font-family: 'Merriweather', 'Roboto', sans-serif;
      padding-top: 0;
      padding-bottom: 0;
      color: var(--on-bg-dark); }
      @media (max-width: 768px) {
        .open-list-block-footer .post-content .poll-wrapper .poll-content > h2.content-title,
        .post-content .poll-wrapper .poll-content > h2.content-title {
          padding-left: 0; } }
      @media (max-width: 365px) {
        .open-list-block-footer .post-content .poll-wrapper .poll-content > h2.content-title,
        .post-content .poll-wrapper .poll-content > h2.content-title {
          font-size: 1.25rem;
          line-height: 1.875rem; } }
    .open-list-block-footer .post-content .poll-wrapper .poll-content > h3.answered-content-title,
    .post-content .poll-wrapper .poll-content > h3.answered-content-title {
      color: var(--on-bg-dark);
      font-weight: 600;
      font-size: 1.375rem;
      line-height: 1.5rem;
      font-family: 'Roboto', sans-serif;
      padding: 0; }
    .open-list-block-footer .post-content .poll-wrapper .poll-content > h3.answered-content-question,
    .post-content .poll-wrapper .poll-content > h3.answered-content-question {
      color: var(--on-bg-dark);
      font-weight: 700;
      font-size: 1.375rem;
      line-height: 1.875rem;
      font-family: 'Merriweather', 'Roboto', sans-serif;
      margin-top: 2rem;
      padding: 0; }
    .open-list-block-footer .post-content .poll-wrapper .poll-content .answers,
    .post-content .poll-wrapper .poll-content .answers {
      margin-top: 2rem;
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: 600; }
      .open-list-block-footer .post-content .poll-wrapper .poll-content .answers .answer,
      .post-content .poll-wrapper .poll-content .answers .answer {
        display: flex;
        border: 1px solid var(--poll-answer-border);
        background: var(--bg-poll);
        border-radius: 3px;
        margin-bottom: 1rem;
        padding: 0.75rem 1rem; }
        .open-list-block-footer .post-content .poll-wrapper .poll-content .answers .answer h3,
        .post-content .poll-wrapper .poll-content .answers .answer h3 {
          padding: 0;
          font-weight: 600;
          font-size: 1rem !important;
          font-family: 'Roboto', sans-serif !important;
          margin-left: 0.75rem; }
        .open-list-block-footer .post-content .poll-wrapper .poll-content .answers .answer .outer-circle,
        .post-content .poll-wrapper .poll-content .answers .answer .outer-circle {
          width: 1rem;
          height: 1rem;
          border: 2px solid var(--green-200);
          border-radius: 50%; }
          .open-list-block-footer .post-content .poll-wrapper .poll-content .answers .answer .outer-circle .inner-circle.checked,
          .post-content .poll-wrapper .poll-content .answers .answer .outer-circle .inner-circle.checked {
            width: 0.625rem;
            height: 0.625rem;
            background: var(--green-200);
            border-radius: 50%; }
        .open-list-block-footer .post-content .poll-wrapper .poll-content .answers .answer:last-child,
        .post-content .poll-wrapper .poll-content .answers .answer:last-child {
          margin-bottom: 0; }
        .open-list-block-footer .post-content .poll-wrapper .poll-content .answers .answer p,
        .post-content .poll-wrapper .poll-content .answers .answer p {
          margin-left: 0.75rem; }
      .open-list-block-footer .post-content .poll-wrapper .poll-content .answers .answer:hover,
      .post-content .poll-wrapper .poll-content .answers .answer:hover {
        border-color: var(--poll-answer-hover); }
      .open-list-block-footer .post-content .poll-wrapper .poll-content .answers .answer .checked,
      .post-content .poll-wrapper .poll-content .answers .answer .checked {
        border-color: var(--green-200); }
    .open-list-block-footer .post-content .poll-wrapper .poll-content .results,
    .post-content .poll-wrapper .poll-content .results {
      margin-top: 2rem;
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: 600;
      position: relative; }
      .open-list-block-footer .post-content .poll-wrapper .poll-content .results .result,
      .post-content .poll-wrapper .poll-content .results .result {
        border: 1px solid var(--poll-answer-border);
        border-radius: 3px;
        margin-bottom: 1rem;
        padding: 0.75rem 1rem;
        display: flex;
        position: relative;
        background: var(--bg-poll); }
        .open-list-block-footer .post-content .poll-wrapper .poll-content .results .result:last-child,
        .post-content .poll-wrapper .poll-content .results .result:last-child {
          margin-bottom: 0; }
        .open-list-block-footer .post-content .poll-wrapper .poll-content .results .result .most-voted-answer,
        .post-content .poll-wrapper .poll-content .results .result .most-voted-answer {
          background: var(--bg-selected-answer);
          border-color: var(--bg-selected-answer); }
        .open-list-block-footer .post-content .poll-wrapper .poll-content .results .result .default-answer,
        .post-content .poll-wrapper .poll-content .results .result .default-answer {
          background: var(--gray-100);
          border-color: var(--gray-100); }
        .open-list-block-footer .post-content .poll-wrapper .poll-content .results .result .no-border,
        .post-content .poll-wrapper .poll-content .results .result .no-border {
          border-width: 0; }
        .open-list-block-footer .post-content .poll-wrapper .poll-content .results .result .border,
        .post-content .poll-wrapper .poll-content .results .result .border {
          border-width: 1px; }
        .open-list-block-footer .post-content .poll-wrapper .poll-content .results .result .answer,
        .post-content .poll-wrapper .poll-content .results .result .answer {
          color: var(--on-bg-primary);
          font-size: 1rem;
          font-weight: 600;
          display: flex;
          position: relative;
          z-index: 2;
          padding: 0;
          font-family: 'Roboto', sans-serif; }
          .open-list-block-footer .post-content .poll-wrapper .poll-content .results .result .answer span,
          .post-content .poll-wrapper .poll-content .results .result .answer span {
            line-height: 1.5rem;
            text-align: left; }
          .open-list-block-footer .post-content .poll-wrapper .poll-content .results .result .answer .votes,
          .post-content .poll-wrapper .poll-content .results .result .answer .votes {
            margin-right: 0.5rem;
            display: flex;
            flex-direction: column;
            justify-content: center; }
      .open-list-block-footer .post-content .poll-wrapper .poll-content .results .results-background-fill,
      .post-content .poll-wrapper .poll-content .results .results-background-fill {
        height: 100%;
        position: absolute;
        top: -1px;
        left: -1px;
        z-index: 1;
        border-radius: 3px;
        border-style: solid; }
  .open-list-block-footer .post-content .poll-wrapper .poll-content.loading,
  .post-content .poll-wrapper .poll-content.loading {
    padding-top: 8.31rem;
    padding-bottom: 8.31rem; }
    .open-list-block-footer .post-content .poll-wrapper .poll-content.loading .loader,
    .post-content .poll-wrapper .poll-content.loading .loader {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      display: block;
      margin: 15px auto;
      position: relative;
      color: var(--gray-250);
      box-sizing: border-box;
      animation: loaderAnimation 1s linear infinite; }
  .open-list-block-footer .post-content .poll-wrapper .poll-recommendations-wrapper,
  .post-content .poll-wrapper .poll-recommendations-wrapper {
    border-left: 1px solid var(--gray-100);
    border-right: 1px solid var(--gray-100);
    border-bottom: 1px solid var(--gray-100); }
    .open-list-block-footer .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations-title,
    .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations-title {
      padding: 1rem 1.5rem;
      border-bottom: 1px solid var(--gray-100); }
      .open-list-block-footer .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations-title h4,
      .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations-title h4 {
        font-weight: 700;
        line-height: 2.125rem;
        font-size: 1.125rem;
        color: var(--on-bg-dark);
        font-family: 'Merriweather', sans-serif;
        padding-left: 0; }
    .open-list-block-footer .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations,
    .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations {
      display: flex;
      flex-wrap: wrap; }
      .open-list-block-footer .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll,
      .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll {
        box-sizing: border-box;
        padding: 1.5rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 50%; }
        .open-list-block-footer .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll:nth-child(1), .open-list-block-footer .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll:nth-child(3),
        .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll:nth-child(1),
        .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll:nth-child(3) {
          border-right: 1px solid var(--gray-100); }
        .open-list-block-footer .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll:nth-child(3), .open-list-block-footer .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll:nth-child(4),
        .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll:nth-child(3),
        .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll:nth-child(4) {
          border-top: 1px solid var(--gray-100); }
        @media (max-width: 980px) {
          .open-list-block-footer .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll,
          .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll {
            width: 100%; }
            .open-list-block-footer .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll:nth-child(1),
            .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll:nth-child(1) {
              border-right: 0;
              border-bottom: 1px solid var(--gray-100); }
            .open-list-block-footer .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll:nth-child(3),
            .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll:nth-child(3) {
              border-right: 0; } }
        .open-list-block-footer .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll .poll-header,
        .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll .poll-header {
          border: 0; }
          .open-list-block-footer .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll .poll-header .poll-title,
          .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll .poll-header .poll-title {
            padding: 0;
            color: var(--gray-450);
            font-size: 1rem;
            font-weight: 600;
            font-family: 'Roboto', sans-serif;
            line-height: 18.75px; }
          .open-list-block-footer .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll .poll-header .poll-question,
          .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll .poll-header .poll-question {
            margin-top: 1rem;
            color: var(--on-bg-dark);
            font-size: 1.125rem;
            font-weight: 700;
            font-family: 'Merriweather', sans-serif;
            line-height: 1.5625rem;
            padding: 0; }
        .open-list-block-footer .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll .take-poll-button,
        .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll .take-poll-button {
          background: var(--orange-150);
          cursor: pointer;
          display: flex;
          justify-content: center;
          padding-top: 0.5rem;
          padding-bottom: 0.5rem;
          margin-top: 1.5rem;
          color: var(--white);
          border-radius: 3px;
          font-weight: 600;
          line-height: 1.5rem; }
          .open-list-block-footer .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll .take-poll-button:hover,
          .post-content .poll-wrapper .poll-recommendations-wrapper .recommendations .poll .take-poll-button:hover {
            background: var(--orange-100); }
  .open-list-block-footer .post-content .poll-wrapper .show-more-wrapper,
  .post-content .poll-wrapper .show-more-wrapper {
    display: flex;
    justify-content: center;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem; }
    .open-list-block-footer .post-content .poll-wrapper .show-more-wrapper a.show-more,
    .post-content .poll-wrapper .show-more-wrapper a.show-more {
      font-weight: 500;
      color: var(--orange-150);
      cursor: pointer;
      line-height: 18.75px; }

.poll-primis {
  margin-bottom: 20px; }

.wide-post .post-content .post-poll.open-list {
  padding: 1.25rem 2.8125rem 1rem 2.8125rem; }
  @media (max-width: 768px) {
    .wide-post .post-content .post-poll.open-list {
      padding-left: 1.5625rem;
      padding-right: 1.5625rem; } }
  @media (max-width: 480px) {
    .wide-post .post-content .post-poll.open-list {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }

.narrow-post-700 .post-content .post-poll.open-list,
.narrow-post .post-content .post-poll.open-list {
  padding: 1.25rem 1.6875rem 1rem 1.6875rem; }
  @media (max-width: 768px) {
    .narrow-post-700 .post-content .post-poll.open-list,
    .narrow-post .post-content .post-poll.open-list {
      padding-left: 1.5625rem;
      padding-right: 1.5625rem; } }
  @media (max-width: 480px) {
    .narrow-post-700 .post-content .post-poll.open-list,
    .narrow-post .post-content .post-poll.open-list {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }

@media (max-width: 768px) {
  .wide-post .post-content .post-poll.single-post {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem; } }

@media (max-width: 480px) {
  .wide-post .post-content .post-poll.single-post {
    padding-left: 0.75rem;
    padding-right: 0.75rem; } }

@media (max-width: 768px) {
  .narrow-post-700 .post-content .post-poll.single-post,
  .narrow-post .post-content .post-poll.single-post {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem; } }

@media (max-width: 480px) {
  .narrow-post-700 .post-content .post-poll.single-post,
  .narrow-post .post-content .post-poll.single-post {
    padding-left: 0.75rem;
    padding-right: 0.75rem; } }

@media (min-width: 769px) {
  .wide-post .post-content .inside-list-item .post-poll,
  .narrow-post-700 .post-content .inside-list-item .post-poll,
  .narrow-post .post-content .inside-list-item .post-poll {
    padding-left: 0;
    padding-right: 0; } }

.boredpanda-poll-embed-settings {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--white);
  width: 400px;
  z-index: 99999;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-weight: 600; }
  .boredpanda-poll-embed-settings.hidden {
    display: none; }
  .boredpanda-poll-embed-settings .title {
    color: var(--gray-800);
    font-size: 20px;
    line-height: 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 1.625rem 1.875rem; }
  .boredpanda-poll-embed-settings .input-group {
    padding: 1.5rem 1.875rem 0; }
    .boredpanda-poll-embed-settings .input-group select {
      border-radius: 3px;
      border: 1px solid var(--gray-200);
      color: var(--gray-800);
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      padding: 10px 12px;
      width: 100%;
      box-sizing: border-box;
      outline: none; }
    .boredpanda-poll-embed-settings .input-group p.poll-title, .boredpanda-poll-embed-settings .input-group p.poll-title * {
      font-size: 12px;
      padding: 0;
      font-family: inherit;
      line-height: 12px;
      font-weight: bold; }
    .boredpanda-poll-embed-settings .input-group label {
      color: var(--gray-800);
      font-size: 16px;
      line-height: 30px;
      display: block; }
    .boredpanda-poll-embed-settings .input-group textarea {
      border-radius: 3px;
      border: 1px solid var(--gray-200);
      color: var(--gray-800);
      font-size: 14px;
      font-weight: 400;
      line-height: 1rem;
      padding: 0.75rem;
      min-width: 100%;
      box-sizing: border-box;
      outline: none;
      font-family: 'Roboto', sans-serif; }
    .boredpanda-poll-embed-settings .input-group .radio-label {
      font-size: 14px;
      font-weight: 400;
      line-height: 30px;
      align-items: center;
      display: flex;
      flex-wrap: wrap; }
      .boredpanda-poll-embed-settings .input-group .radio-label input {
        margin-left: 20px; }
    .boredpanda-poll-embed-settings .input-group input[type='radio'] {
      width: 15px;
      height: 15px;
      margin: 0;
      margin-right: 5px; }
    .boredpanda-poll-embed-settings .input-group .answer-number {
      color: var(--gray-450); }
  .boredpanda-poll-embed-settings .body {
    overflow-y: auto;
    height: calc(100vh - 106px); }
    .boredpanda-poll-embed-settings .body .generateWithAI {
      width: 100%;
      border: 1px solid var(--orange-150);
      border-radius: 4px;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      text-align: center;
      font-size: 0.875rem;
      font-weight: 600;
      line-height: 16.41px;
      display: block; }
    .boredpanda-poll-embed-settings .body .suggestion {
      border: 1px solid var(--gray-200);
      border-radius: 3px;
      background: var(--gray-100);
      padding: 1rem; }
      .boredpanda-poll-embed-settings .body .suggestion.selected {
        border-color: var(--green-200);
        background: var(--green-50); }
      .boredpanda-poll-embed-settings .body .suggestion label {
        color: var(--gray-800);
        font-size: 0.875rem;
        font-style: italic;
        line-height: 16.41px;
        opacity: 0.5;
        margin-top: 0.75rem;
        font-weight: 400; }
        .boredpanda-poll-embed-settings .body .suggestion label:first-child {
          margin-top: 0; }
      .boredpanda-poll-embed-settings .body .suggestion .content {
        color: var(--gray-800);
        font-weight: 500;
        line-height: 20px;
        font-size: 0.875rem;
        margin-top: 0.75rem; }
  .boredpanda-poll-embed-settings .buttons {
    padding: 25px 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between; }
    .boredpanda-poll-embed-settings .buttons button {
      text-align: center;
      font-size: 16px;
      font-weight: 600;
      line-height: 20px;
      border-radius: 6px;
      background: var(--white);
      width: 140px;
      height: 50px;
      cursor: pointer; }
      .boredpanda-poll-embed-settings .buttons button.submit {
        color: var(--green-200);
        border: 2px solid var(--green-200); }
        .boredpanda-poll-embed-settings .buttons button.submit:hover {
          background: var(--green-200);
          color: var(--white); }
      .boredpanda-poll-embed-settings .buttons button.cancel {
        color: var(--gray-800);
        border: 2px solid var(--gray-200); }
        .boredpanda-poll-embed-settings .buttons button.cancel:hover {
          background: var(--gray-200); }

.polls-page {
  max-width: 660px;
  background: var(--white);
  border-radius: 4px; }
  @media (max-width: 1020px) {
    .polls-page {
      max-width: 640px; } }
  .polls-page h1 {
    font-size: 29px;
    font-weight: 700;
    line-height: 40px;
    font-family: 'Merriweather', sans-serif;
    color: var(--gray-800);
    padding: 24px; }
  .polls-page .title-wrapper {
    background: var(--bg-newsletter);
    border-bottom: 1px solid var(--gray-100); }
    .polls-page .title-wrapper h1 {
      color: var(--on-bg-dark); }
  .polls-page .filters {
    padding-top: 24px;
    padding-left: 24px;
    display: flex;
    flex-direction: row;
    background: var(--bg-newsletter); }
    .polls-page .filters .filter {
      margin-right: 1rem;
      border: 1px solid var(--gray-100);
      padding: 0.75rem 1.5rem;
      cursor: pointer;
      color: var(--on-bg-dark);
      border-radius: 3px;
      line-height: 1.125rem; }
      .polls-page .filters .filter.is-selected {
        background: var(--bg-primary);
        border-color: var(--bg-primary); }
      .polls-page .filters .filter:hover {
        background: var(--bg-primary);
        border-color: var(--bg-primary); }
  .polls-page .loading-indicator {
    background: var(--bg-newsletter); }
  .polls-page .polls-wrapper {
    padding: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    background: var(--bg-newsletter); }
    .polls-page .polls-wrapper .poll {
      box-sizing: border-box;
      padding: 24px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 50%; }
      @media (max-width: 630px) {
        .polls-page .polls-wrapper .poll {
          width: 100%;
          border: 1px solid var(--gray-100);
          margin-bottom: 1rem; }
          .polls-page .polls-wrapper .poll:last-child {
            margin-bottom: 0; } }
      @media (min-width: 631px) {
        .polls-page .polls-wrapper .poll:nth-child(1), .polls-page .polls-wrapper .poll:nth-child(2) {
          border-top: 1px solid var(--gray-100); }
        .polls-page .polls-wrapper .poll:nth-child(odd) {
          border-left: 1px solid var(--gray-100);
          border-right: 1px solid var(--gray-100);
          border-bottom: 1px solid var(--gray-100); }
        .polls-page .polls-wrapper .poll:nth-child(even) {
          border-right: 1px solid var(--gray-100);
          border-bottom: 1px solid var(--gray-100); } }
      .polls-page .polls-wrapper .poll .poll-header .poll-title, .polls-page .polls-wrapper .poll .poll-header .poll-title * {
        color: var(--gray-450) !important;
        font-size: 16px;
        font-weight: 600;
        line-height: 18.75px; }
      .polls-page .polls-wrapper .poll .poll-header .poll-question {
        margin-top: 1rem;
        color: var(--on-bg-dark);
        font-size: 18px;
        font-weight: 700;
        font-family: 'Merriweather', sans-serif;
        line-height: 25px; }
      .polls-page .polls-wrapper .poll .take-poll-button {
        background: var(--orange-150);
        cursor: pointer;
        display: flex;
        justify-content: center;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        margin-top: 1.5rem;
        color: var(--white);
        border-radius: 3px;
        line-height: 1.5rem;
        font-weight: 600; }
        .polls-page .polls-wrapper .poll .take-poll-button:hover {
          background: var(--orange-100); }
  .polls-page .show-more-wrapper {
    display: flex;
    justify-content: center;
    padding-bottom: 1.5rem;
    background: var(--bg-newsletter); }
    .polls-page .show-more-wrapper button.show-more {
      font-weight: 600;
      font-size: 0.875rem;
      color: var(--orange-150);
      text-decoration: underline;
      border: 0;
      background: transparent;
      cursor: pointer;
      line-height: 1.25rem; }
  .polls-page .loader {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: block;
    margin: 15px auto;
    position: relative;
    color: var(--gray-250);
    box-sizing: border-box;
    animation: loaderAnimation 1s linear infinite; }

@keyframes loaderAnimation {
  0% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px; }
  25% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 2px; }
  50% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 2px, -38px 0 0 -2px; }
  75% {
    box-shadow: 14px 0 0 2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px; }
  100% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 2px, -14px 0 0 -2px, -38px 0 0 -2px; } }

.post-poll .subscribe-to-newsletter-block-wrapper {
  background: var(--bg-newsletter-block); }
  .post-poll .subscribe-to-newsletter-block-wrapper .badge {
    display: inline-block;
    background: var(--white);
    border-radius: 100px;
    color: var(--bg-newsletter-block);
    padding: 3px 10px;
    font-weight: 600;
    font-size: 0.8125rem;
    line-height: 0.9375rem;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    margin-left: 2rem; }
    @media (max-width: 555px) {
      .post-poll .subscribe-to-newsletter-block-wrapper .badge {
        margin-left: 1rem;
        margin-right: 1rem; } }
  .post-poll .subscribe-to-newsletter-block-wrapper .subscribe-to-newsletter-block {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid var(--white); }
    .post-poll .subscribe-to-newsletter-block-wrapper .subscribe-to-newsletter-block .left {
      flex-grow: 1; }
      .post-poll .subscribe-to-newsletter-block-wrapper .subscribe-to-newsletter-block .left h3.title {
        font-weight: 700;
        font-size: 1.875rem;
        line-height: 2.375rem;
        font-family: 'Merriweather', sans-serif;
        color: var(--white);
        padding-top: 0;
        padding-bottom: 1.5rem;
        padding-left: 2rem; }
        @media (max-width: 581px) {
          .post-poll .subscribe-to-newsletter-block-wrapper .subscribe-to-newsletter-block .left h3.title {
            font-size: 1.775rem; } }
        @media (max-width: 555px) {
          .post-poll .subscribe-to-newsletter-block-wrapper .subscribe-to-newsletter-block .left h3.title {
            font-size: 1.25rem;
            line-height: 1.875rem;
            padding-left: 1rem;
            padding-right: 1rem; } }
    .post-poll .subscribe-to-newsletter-block-wrapper .subscribe-to-newsletter-block .right {
      position: relative; }
      @media (max-width: 386px) {
        .post-poll .subscribe-to-newsletter-block-wrapper .subscribe-to-newsletter-block .right img {
          display: none; } }
  .post-poll .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 1.5rem; }
    @media (max-width: 555px) {
      .post-poll .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form {
        flex-direction: column; } }
    .post-poll .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form .left {
      padding-left: 2rem;
      width: 100%;
      flex-grow: 1; }
      @media (max-width: 555px) {
        .post-poll .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form .left {
          padding-left: 0; } }
      .post-poll .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form .left .input-wrapper {
        box-sizing: border-box; }
        @media (max-width: 555px) {
          .post-poll .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form .left .input-wrapper {
            padding-left: 1rem;
            padding-right: 1rem; } }
        .post-poll .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form .left .input-wrapper input[type="email"] {
          box-sizing: border-box;
          width: 100%;
          font-size: 0.875rem;
          font-weight: 500;
          line-height: 1.3125rem;
          padding: 0.75rem 1rem;
          border: 1px solid var(--gray-200);
          border-radius: 4px;
          color: var(--black); }
    .post-poll .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form .right {
      margin-left: 1rem;
      padding-right: 2rem; }
      @media (max-width: 555px) {
        .post-poll .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form .right {
          margin-left: 0;
          padding-right: 0; } }
      @media (max-width: 555px) {
        .post-poll .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form .right .button-wrapper {
          margin-left: 1rem;
          margin-right: 1rem;
          margin-top: 1rem; } }
      .post-poll .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form .right .button-wrapper button {
        cursor: default;
        box-sizing: border-box;
        color: var(--gray-450);
        background: var(--gray-200);
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.3125rem;
        font-family: 'Roboto', sans-serif;
        padding: 0.75rem 2rem;
        border-radius: 3px;
        border: 1px solid var(--gray-200); }
        @media (max-width: 555px) {
          .post-poll .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form .right .button-wrapper button {
            width: 100%; } }
        .post-poll .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form .right .button-wrapper button.enabled {
          color: var(--white);
          background-color: var(--bg-enabled-button);
          border-color: var(--bg-enabled-button);
          cursor: pointer; }
          .post-poll .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form .right .button-wrapper button.enabled:hover {
            background-color: var(--bg-enabled-button-hover);
            border-color: var(--bg-enabled-button-hover); }

.post-poll .disclaimer {
  margin-top: 1rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem; }
  @media (max-width: 555px) {
    .post-poll .disclaimer {
      padding-left: 1rem;
      padding-right: 1rem; } }
  .post-poll .disclaimer p {
    color: var(--white) !important;
    font-size: 0.625rem;
    line-height: 0.75rem;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0; }
    .post-poll .disclaimer p a {
      text-decoration: underline;
      color: var(--white); }

.post-poll .thank-you {
  box-sizing: border-box;
  width: 100%;
  color: var(--white);
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 1.5rem; }
  @media (max-width: 555px) {
    .post-poll .thank-you {
      padding-left: 1rem;
      padding-right: 1rem; } }
  .post-poll .thank-you .wrapper {
    max-width: 100%;
    display: flex;
    background: var(--green-200);
    padding: 0.75rem 1rem;
    text-align: start; }
    .post-poll .thank-you .wrapper .left {
      margin-right: 0.75rem; }
    .post-poll .thank-you .wrapper p.right {
      padding-bottom: 0;
      color: var(--white);
      font-weight: 500;
      font-size: 1rem;
      line-height: 1.1875rem;
      display: flex;
      flex-direction: column;
      justify-content: center; }

#quizzes-page, #quizzes-footer {
  max-width: 660px;
  border-radius: 4px; }
  @media (max-width: 1020px) {
    #quizzes-page, #quizzes-footer {
      max-width: 640px; } }

#quizzes-footer h3.title {
  font-family: Merriweather, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  color: var(--on-bg-primary);
  margin-top: 48px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-text-input); }

#quizzes-footer .recommendations {
  padding-top: 30px;
  padding-bottom: 30px; }
  #quizzes-footer .recommendations #quizzesPageRecommendations {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #quizzes-footer .recommendations #quizzesPageRecommendations article.box {
      width: 31%;
      box-shadow: none;
      background: var(--post-background);
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px;
      margin-top: 16px; }
      @media (min-width: 571px) {
        #quizzes-footer .recommendations #quizzesPageRecommendations article.box:nth-child(1), #quizzes-footer .recommendations #quizzesPageRecommendations article.box:nth-child(2), #quizzes-footer .recommendations #quizzesPageRecommendations article.box:nth-child(3) {
          margin-top: 0; } }
      @media (max-width: 570px) {
        #quizzes-footer .recommendations #quizzesPageRecommendations article.box {
          width: 49%;
          margin-right: 0; }
          #quizzes-footer .recommendations #quizzesPageRecommendations article.box:nth-child(1), #quizzes-footer .recommendations #quizzesPageRecommendations article.box:nth-child(2) {
            margin-top: 0; } }
      @media (max-width: 350px) {
        #quizzes-footer .recommendations #quizzesPageRecommendations article.box {
          width: 100%;
          margin-right: 0; }
          #quizzes-footer .recommendations #quizzesPageRecommendations article.box:nth-child(2) {
            margin-top: 16px; } }
      #quizzes-footer .recommendations #quizzesPageRecommendations article.box img {
        width: 100%;
        height: auto;
        object-fit: cover;
        font-family: Merriweather, sans-serif;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px; }
      #quizzes-footer .recommendations #quizzesPageRecommendations article.box .title-link {
        padding: 8px 14px; }
        #quizzes-footer .recommendations #quizzesPageRecommendations article.box .title-link .box-title {
          vertical-align: top;
          padding: 0.7em 0 0 0;
          color: var(--on-bg-primary);
          font-family: Merriweather, sans-serif;
          font-size: 14.4px;
          font-weight: 700;
          line-height: 20.16px;
          text-align: left; }
          #quizzes-footer .recommendations #quizzesPageRecommendations article.box .title-link .box-title:hover {
            color: var(--orange-150); }

.boredpanda-quiz-embed-settings {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--white);
  width: 800px;
  z-index: 9998;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-weight: 600; }
  .boredpanda-quiz-embed-settings .generate-with-ai-wrapper {
    display: flex; }
    .boredpanda-quiz-embed-settings .generate-with-ai-wrapper #generateQuizWithAI {
      border: 1px solid var(--orange-150);
      border-radius: 4px;
      padding: 0.75rem;
      text-align: center;
      font-size: 0.875rem;
      font-weight: 600;
      line-height: 16.41px;
      display: inline-block; }
    .boredpanda-quiz-embed-settings .generate-with-ai-wrapper .prompt-settings-wrapper {
      margin-left: 12px;
      display: flex;
      flex-direction: column;
      justify-content: center; }
  .boredpanda-quiz-embed-settings .generate-settings {
    display: flex; }
    .boredpanda-quiz-embed-settings .generate-settings .questions-settings, .boredpanda-quiz-embed-settings .generate-settings .answers-settings, .boredpanda-quiz-embed-settings .generate-settings .quiz-type-settings {
      display: flex;
      margin-right: 12px; }
      .boredpanda-quiz-embed-settings .generate-settings .questions-settings span, .boredpanda-quiz-embed-settings .generate-settings .answers-settings span, .boredpanda-quiz-embed-settings .generate-settings .quiz-type-settings span {
        display: inline-block;
        margin-right: 4px; }
  .boredpanda-quiz-embed-settings.hidden {
    display: none; }
  .boredpanda-quiz-embed-settings .title {
    color: var(--gray-800);
    font-size: 20px;
    line-height: 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 1.625rem 1.875rem; }
  .boredpanda-quiz-embed-settings .boredpanda-quiz-embed-settings-form {
    position: relative; }
    .boredpanda-quiz-embed-settings .boredpanda-quiz-embed-settings-form .ql-tooltip.ql-editing {
      left: 0 !important; }
    .boredpanda-quiz-embed-settings .boredpanda-quiz-embed-settings-form .ql-editor {
      font-weight: normal; }
  .boredpanda-quiz-embed-settings .select-quiz-type-wrapper {
    margin-bottom: 10px; }
    .boredpanda-quiz-embed-settings .select-quiz-type-wrapper select {
      border-radius: 3px;
      border: 1px solid var(--gray-200);
      color: var(--gray-800);
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      padding: 10px 12px;
      width: 100%;
      box-sizing: border-box;
      outline: none; }
  .boredpanda-quiz-embed-settings .input-group {
    padding: 1.5rem 1.875rem 0; }
    .boredpanda-quiz-embed-settings .input-group label {
      color: var(--gray-800);
      font-size: 16px;
      line-height: 30px;
      display: block; }
    .boredpanda-quiz-embed-settings .input-group .subtitle {
      font-size: 12px;
      line-height: 12px;
      color: var(--gray-600);
      font-weight: normal;
      margin-bottom: 0; }
      .boredpanda-quiz-embed-settings .input-group .subtitle.with-bottom-margin {
        margin-bottom: 8px; }
    .boredpanda-quiz-embed-settings .input-group .quiz-textarea-inline .tox.tox-tinymce {
      height: 100px !important; }
    .boredpanda-quiz-embed-settings .input-group textarea {
      border-radius: 3px;
      border: 1px solid var(--gray-200);
      color: var(--gray-800);
      font-size: 14px;
      font-weight: 400;
      line-height: 1rem;
      padding: 0.75rem;
      min-width: 100%;
      box-sizing: border-box;
      outline: none;
      font-family: 'Roboto', sans-serif; }
    .boredpanda-quiz-embed-settings .input-group .radio-label {
      font-size: 14px;
      font-weight: 400;
      line-height: 30px;
      align-items: center;
      display: flex;
      flex-wrap: wrap; }
      .boredpanda-quiz-embed-settings .input-group .radio-label input {
        margin-left: 20px; }
    .boredpanda-quiz-embed-settings .input-group input[type='radio'] {
      width: 15px;
      height: 15px;
      margin: 0;
      margin-right: 5px; }
    .boredpanda-quiz-embed-settings .input-group select, .boredpanda-quiz-embed-settings .input-group input[type='text'] {
      border-radius: 3px;
      border: 1px solid var(--gray-200);
      color: var(--gray-800);
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      padding: 10px 12px;
      width: 100%;
      box-sizing: border-box;
      outline: none; }
    .boredpanda-quiz-embed-settings .input-group .quiz-button {
      font-weight: normal;
      padding: 10px 12px;
      display: inline-block;
      font-size: 12px;
      box-sizing: border-box;
      background: var(--post-background);
      color: var(--on-bg-dark);
      border: 1px solid var(--border-button);
      text-align: center;
      border-radius: 3px;
      vertical-align: middle;
      line-height: 18px;
      cursor: pointer;
      outline: none; }
      .boredpanda-quiz-embed-settings .input-group .quiz-button:hover {
        border: 1px solid var(--green-200);
        background-color: var(--green-200);
        color: var(--white); }
    .boredpanda-quiz-embed-settings .input-group .answer-number {
      color: var(--gray-450); }
    .boredpanda-quiz-embed-settings .input-group .quiz-table, .boredpanda-quiz-embed-settings .input-group .quiz-jobs-table {
      width: 100%;
      border-collapse: collapse; }
      .boredpanda-quiz-embed-settings .input-group .quiz-table th, .boredpanda-quiz-embed-settings .input-group .quiz-table td, .boredpanda-quiz-embed-settings .input-group .quiz-jobs-table th, .boredpanda-quiz-embed-settings .input-group .quiz-jobs-table td {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left; }
      .boredpanda-quiz-embed-settings .input-group .quiz-table th, .boredpanda-quiz-embed-settings .input-group .quiz-jobs-table th {
        background-color: #f2f2f2; }
      .boredpanda-quiz-embed-settings .input-group .quiz-table td, .boredpanda-quiz-embed-settings .input-group .quiz-jobs-table td {
        font-weight: normal; }
      .boredpanda-quiz-embed-settings .input-group .quiz-table tbody tr:nth-child(even), .boredpanda-quiz-embed-settings .input-group .quiz-jobs-table tbody tr:nth-child(even) {
        background-color: #f9f9f9; }
      .boredpanda-quiz-embed-settings .input-group .quiz-table tbody tr:hover, .boredpanda-quiz-embed-settings .input-group .quiz-jobs-table tbody tr:hover {
        background-color: #f2f2f2; }
      .boredpanda-quiz-embed-settings .input-group .quiz-table tbody .quiz-td-with-link:hover, .boredpanda-quiz-embed-settings .input-group .quiz-jobs-table tbody .quiz-td-with-link:hover {
        cursor: pointer;
        text-decoration: underline; }
      .boredpanda-quiz-embed-settings .input-group .quiz-table tbody .quiz-actions-td, .boredpanda-quiz-embed-settings .input-group .quiz-jobs-table tbody .quiz-actions-td {
        display: flex;
        gap: 4px; }
        .boredpanda-quiz-embed-settings .input-group .quiz-table tbody .quiz-actions-td svg, .boredpanda-quiz-embed-settings .input-group .quiz-jobs-table tbody .quiz-actions-td svg {
          cursor: pointer;
          width: 18px;
          height: 18px; }
          .boredpanda-quiz-embed-settings .input-group .quiz-table tbody .quiz-actions-td svg:hover, .boredpanda-quiz-embed-settings .input-group .quiz-jobs-table tbody .quiz-actions-td svg:hover {
            text-decoration: underline; }
      .boredpanda-quiz-embed-settings .input-group .quiz-table tbody .quiz-td-with-link p, .boredpanda-quiz-embed-settings .input-group .quiz-jobs-table tbody .quiz-td-with-link p {
        display: flex; }
        .boredpanda-quiz-embed-settings .input-group .quiz-table tbody .quiz-td-with-link p *, .boredpanda-quiz-embed-settings .input-group .quiz-jobs-table tbody .quiz-td-with-link p * {
          display: inline-block;
          margin-right: 3px;
          margin-left: 3px; }
    .boredpanda-quiz-embed-settings .input-group .quiz-table th:nth-child(2), .boredpanda-quiz-embed-settings .input-group .quiz-table td:nth-child(2) {
      width: 600px;
      max-width: 100%; }
    .boredpanda-quiz-embed-settings .input-group .quiz-table th:nth-child(4), .boredpanda-quiz-embed-settings .input-group .quiz-table td:nth-child(4) {
      width: 70px;
      max-width: 100%; }
    .boredpanda-quiz-embed-settings .input-group .quiz-jobs-table th:nth-child(1), .boredpanda-quiz-embed-settings .input-group .quiz-jobs-table td:nth-child(1) {
      width: 106px;
      max-width: 100%; }
    .boredpanda-quiz-embed-settings .input-group .quiz-jobs-table th:nth-child(2), .boredpanda-quiz-embed-settings .input-group .quiz-jobs-table td:nth-child(2) {
      width: 72px;
      max-width: 100%; }
    .boredpanda-quiz-embed-settings .input-group .quiz-jobs-table th:nth-child(4), .boredpanda-quiz-embed-settings .input-group .quiz-jobs-table td:nth-child(4) {
      width: 110px;
      max-width: 100%; }
  .boredpanda-quiz-embed-settings .checkbox-group {
    display: flex;
    gap: 4px; }
  .boredpanda-quiz-embed-settings .body {
    overflow-y: auto;
    height: calc(100vh - 186px); }
    .boredpanda-quiz-embed-settings .body.hidden {
      display: none; }
    .boredpanda-quiz-embed-settings .body.bottom-padding {
      padding-bottom: 2.5rem; }
    .boredpanda-quiz-embed-settings .body .quiz-image {
      max-width: 50%; }
  .boredpanda-quiz-embed-settings .table-data-link {
    color: var(--gray-800);
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    display: inline-block; }
    .boredpanda-quiz-embed-settings .table-data-link:hover {
      text-decoration: underline;
      color: var(--gray-800); }
  .boredpanda-quiz-embed-settings .backdrop {
    display: block;
    background: rgba(0, 0, 0, 0.65);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 186px);
    z-index: 100000; }
    .boredpanda-quiz-embed-settings .backdrop .modal {
      position: absolute;
      top: 50%;
      left: 50%;
      bottom: unset;
      right: unset;
      transform: translate(-50%, -50%);
      background: white;
      padding: 30px;
      border-radius: 5px;
      z-index: 100000;
      display: block; }
      .boredpanda-quiz-embed-settings .backdrop .modal .heading {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 10px; }
      .boredpanda-quiz-embed-settings .backdrop .modal button {
        font-weight: normal;
        padding: 10px 12px;
        display: inline-block;
        font-size: 12px;
        box-sizing: border-box;
        background: var(--post-background);
        color: var(--on-bg-dark);
        border: 1px solid var(--border-button);
        text-align: center;
        border-radius: 3px;
        vertical-align: middle;
        line-height: 18px;
        cursor: pointer;
        outline: none; }
        .boredpanda-quiz-embed-settings .backdrop .modal button.block {
          display: block;
          width: 100%; }
        .boredpanda-quiz-embed-settings .backdrop .modal button.default {
          margin-right: 10px; }
          .boredpanda-quiz-embed-settings .backdrop .modal button.default:hover {
            background-color: var(--gray-200); }
        .boredpanda-quiz-embed-settings .backdrop .modal button.confirm:hover {
          background-color: var(--red-200);
          color: var(--white); }
        .boredpanda-quiz-embed-settings .backdrop .modal button.confirm.green:hover {
          background-color: var(--green-300);
          color: var(--white); }
      .boredpanda-quiz-embed-settings .backdrop .modal .create-job-error {
        padding: 0;
        color: #e5181b;
        margin: 12px 0 0; }
  .boredpanda-quiz-embed-settings .breadcrumbs {
    padding-bottom: 10px; }
    .boredpanda-quiz-embed-settings .breadcrumbs a, .boredpanda-quiz-embed-settings .breadcrumbs span {
      display: inline-block; }
  .boredpanda-quiz-embed-settings .buttons {
    padding: 25px 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: end; }
    .boredpanda-quiz-embed-settings .buttons button {
      text-align: center;
      font-size: 16px;
      font-weight: 600;
      line-height: 20px;
      border-radius: 6px;
      background: var(--white);
      width: 140px;
      height: 50px;
      cursor: pointer; }
      .boredpanda-quiz-embed-settings .buttons button.submit {
        margin-right: 20px;
        color: var(--green-200);
        border: 2px solid var(--green-200); }
        .boredpanda-quiz-embed-settings .buttons button.submit:hover {
          background: var(--green-200);
          color: var(--white); }
      .boredpanda-quiz-embed-settings .buttons button.cancel {
        color: var(--gray-800);
        border: 2px solid var(--gray-200); }
        .boredpanda-quiz-embed-settings .buttons button.cancel:hover {
          background: var(--gray-200); }
  .boredpanda-quiz-embed-settings .ai-suggestions .suggestion {
    background: #F2F2F2;
    margin-bottom: 1rem;
    padding: 16px 18px; }
    .boredpanda-quiz-embed-settings .ai-suggestions .suggestion .suggestion-text {
      background: #FFF;
      border-radius: 4px;
      padding: 5px 10px;
      font-weight: normal;
      font-size: 14px;
      margin-bottom: 10px;
      line-height: 1.2; }
    .boredpanda-quiz-embed-settings .ai-suggestions .suggestion .explanation-text {
      background: #dddddd;
      font-style: italic;
      border-radius: 4px;
      padding: 5px 10px;
      font-weight: normal;
      font-size: 14px;
      margin-bottom: 10px;
      line-height: 1.2; }
    .boredpanda-quiz-embed-settings .ai-suggestions .suggestion .answers-wrapper, .boredpanda-quiz-embed-settings .ai-suggestions .suggestion .outcomes-wrapper, .boredpanda-quiz-embed-settings .ai-suggestions .suggestion .explanation-wrapper {
      padding-left: 1rem; }
  .boredpanda-quiz-embed-settings .image-alt-suggestion {
    margin-top: 12px;
    background: #f3f3f3;
    padding: 6px;
    cursor: pointer; }
  .boredpanda-quiz-embed-settings .quiz-debug {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 700px;
    background: white;
    overflow-y: auto;
    font-weight: normal; }
    .boredpanda-quiz-embed-settings .quiz-debug .quiz-title {
      font-weight: bold; }
    .boredpanda-quiz-embed-settings .quiz-debug .quiz-title, .boredpanda-quiz-embed-settings .quiz-debug .question-title, .boredpanda-quiz-embed-settings .quiz-debug .answer-title {
      display: flex;
      padding: 5px; }
      .boredpanda-quiz-embed-settings .quiz-debug .quiz-title p, .boredpanda-quiz-embed-settings .quiz-debug .question-title p, .boredpanda-quiz-embed-settings .quiz-debug .answer-title p {
        display: flex; }
        .boredpanda-quiz-embed-settings .quiz-debug .quiz-title p *, .boredpanda-quiz-embed-settings .quiz-debug .question-title p *, .boredpanda-quiz-embed-settings .quiz-debug .answer-title p * {
          display: inline-block;
          margin-right: 3px;
          margin-left: 3px; }
    .boredpanda-quiz-embed-settings .quiz-debug .question-title, .boredpanda-quiz-embed-settings .quiz-debug .outcome-title {
      margin-left: 16px; }
    .boredpanda-quiz-embed-settings .quiz-debug .answer-title {
      margin-left: 32px; }
    .boredpanda-quiz-embed-settings .quiz-debug .outcome-title p {
      display: flex; }
      .boredpanda-quiz-embed-settings .quiz-debug .outcome-title p * {
        display: inline-block;
        margin-right: 3px;
        margin-left: 3px;
        flex-grow: 1;
        flex-shrink: 0; }
  .boredpanda-quiz-embed-settings .list-view-wrapper .quiz-wrapper {
    padding: 16px 18px;
    margin-bottom: 1rem;
    background: #F2F2F2; }
    .boredpanda-quiz-embed-settings .list-view-wrapper .quiz-wrapper .quiz-title-wrapper {
      display: flex;
      justify-content: space-between;
      background: #FFF;
      padding: 5px 10px;
      border-radius: 5px; }
      .boredpanda-quiz-embed-settings .list-view-wrapper .quiz-wrapper .quiz-title-wrapper .quiz-title {
        display: flex; }
        .boredpanda-quiz-embed-settings .list-view-wrapper .quiz-wrapper .quiz-title-wrapper .quiz-title .quizId {
          margin-right: 4px;
          display: flex;
          flex-shrink: 0; }
        .boredpanda-quiz-embed-settings .list-view-wrapper .quiz-wrapper .quiz-title-wrapper .quiz-title .quizScore {
          display: flex;
          font-weight: normal;
          gap: 4px; }
      .boredpanda-quiz-embed-settings .list-view-wrapper .quiz-wrapper .quiz-title-wrapper .actions {
        flex-shrink: 0; }
    .boredpanda-quiz-embed-settings .list-view-wrapper .quiz-wrapper a.action-link {
      display: inline-block;
      margin-left: 4px;
      color: black;
      font-weight: normal; }
      .boredpanda-quiz-embed-settings .list-view-wrapper .quiz-wrapper a.action-link:hover {
        text-decoration: underline; }
    .boredpanda-quiz-embed-settings .list-view-wrapper .quiz-wrapper .list-index {
      display: flex;
      flex-shrink: 0; }
  .boredpanda-quiz-embed-settings .list-view-wrapper .quiz-question-wrapper .question-title-wrapper {
    display: flex;
    justify-content: space-between;
    background: #FFF;
    padding: 5px 10px;
    margin-top: 10px;
    margin-left: 10px;
    border-radius: 5px; }
    .boredpanda-quiz-embed-settings .list-view-wrapper .quiz-question-wrapper .question-title-wrapper .question-title {
      display: flex; }
      .boredpanda-quiz-embed-settings .list-view-wrapper .quiz-question-wrapper .question-title-wrapper .question-title .question-title-content {
        margin-left: 4px; }
    .boredpanda-quiz-embed-settings .list-view-wrapper .quiz-question-wrapper .question-title-wrapper .actions {
      display: flex;
      flex-shrink: 0; }
  .boredpanda-quiz-embed-settings .list-view-wrapper .quiz-answer-wrapper .quiz-answer-text-wrapper {
    display: flex;
    justify-content: space-between;
    background: #FFF;
    padding: 5px 10px;
    margin-top: 10px;
    margin-left: 20px;
    border-radius: 5px; }
    .boredpanda-quiz-embed-settings .list-view-wrapper .quiz-answer-wrapper .quiz-answer-text-wrapper .answer-text {
      display: flex; }
      .boredpanda-quiz-embed-settings .list-view-wrapper .quiz-answer-wrapper .quiz-answer-text-wrapper .answer-text .answer-text-content {
        margin-left: 4px; }
      .boredpanda-quiz-embed-settings .list-view-wrapper .quiz-answer-wrapper .quiz-answer-text-wrapper .answer-text .answer-outcome {
        margin-left: 4px; }
    .boredpanda-quiz-embed-settings .list-view-wrapper .quiz-answer-wrapper .quiz-answer-text-wrapper .actions {
      display: flex;
      flex-shrink: 0; }
  .boredpanda-quiz-embed-settings .list-view-wrapper .inline-html {
    display: flex;
    font-weight: normal; }
    .boredpanda-quiz-embed-settings .list-view-wrapper .inline-html a {
      display: inline-block;
      margin-left: 4px;
      margin-right: 4px; }
    .boredpanda-quiz-embed-settings .list-view-wrapper .inline-html * {
      display: flex; }

.post-content .quiz-wrapper, #quizzes-page .quiz-wrapper {
  padding-top: 1.25rem;
  padding-bottom: 1rem; }
  .post-content .quiz-wrapper .quiz-header-wrapper, #quizzes-page .quiz-wrapper .quiz-header-wrapper {
    border: 1px solid var(--gray-100);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: var(--bg-quiz); }
    .post-content .quiz-wrapper .quiz-header-wrapper .quiz-header, #quizzes-page .quiz-wrapper .quiz-header-wrapper .quiz-header {
      padding: 16px 24px;
      display: flex;
      gap: 12px; }
      @media (max-width: 768px) {
        .post-content .quiz-wrapper .quiz-header-wrapper .quiz-header, #quizzes-page .quiz-wrapper .quiz-header-wrapper .quiz-header {
          padding-left: 16px; } }
      .post-content .quiz-wrapper .quiz-header-wrapper .quiz-header .icon, #quizzes-page .quiz-wrapper .quiz-header-wrapper .quiz-header .icon {
        display: flex;
        background: var(--quiz-icon-bg);
        border-radius: 50%;
        width: 43px;
        height: 43px;
        line-height: 43px;
        justify-content: center; }
        .post-content .quiz-wrapper .quiz-header-wrapper .quiz-header .icon.type-it, #quizzes-page .quiz-wrapper .quiz-header-wrapper .quiz-header .icon.type-it {
          background: var(--quiz-type-it-icon-bg); }
        .post-content .quiz-wrapper .quiz-header-wrapper .quiz-header .icon svg, #quizzes-page .quiz-wrapper .quiz-header-wrapper .quiz-header .icon svg {
          color: var(--green-200); }
      .post-content .quiz-wrapper .quiz-header-wrapper .quiz-header .quiz-title-wrapper, #quizzes-page .quiz-wrapper .quiz-header-wrapper .quiz-header .quiz-title-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .post-content .quiz-wrapper .quiz-header-wrapper .quiz-header .quiz-title-wrapper h4, #quizzes-page .quiz-wrapper .quiz-header-wrapper .quiz-header .quiz-title-wrapper h4 {
          font-family: 'Roboto', sans-serif;
          font-size: 18px;
          font-weight: 600;
          line-height: 28px;
          text-align: left;
          padding-left: 0;
          display: inline;
          color: var(--on-bg-dark); }
          .post-content .quiz-wrapper .quiz-header-wrapper .quiz-header .quiz-title-wrapper h4 .separator, .post-content .quiz-wrapper .quiz-header-wrapper .quiz-header .quiz-title-wrapper h4 .quiz-title, #quizzes-page .quiz-wrapper .quiz-header-wrapper .quiz-header .quiz-title-wrapper h4 .separator, #quizzes-page .quiz-wrapper .quiz-header-wrapper .quiz-header .quiz-title-wrapper h4 .quiz-title {
            color: var(--color-quiz-title); }
          .post-content .quiz-wrapper .quiz-header-wrapper .quiz-header .quiz-title-wrapper h4 .quiz-title *, #quizzes-page .quiz-wrapper .quiz-header-wrapper .quiz-header .quiz-title-wrapper h4 .quiz-title * {
            color: var(--color-quiz-title);
            font-family: 'Roboto', sans-serif;
            font-size: 18px;
            font-weight: 600;
            line-height: 28px;
            text-align: left;
            display: inline;
            padding: 0;
            margin: 0; }
  .post-content .quiz-wrapper .quiz-content, #quizzes-page .quiz-wrapper .quiz-content {
    border: 1px solid var(--gray-100);
    border-top: 0;
    background: var(--bg-quiz); }
    .post-content .quiz-wrapper .quiz-content.not-expanded.without-progress-bar, #quizzes-page .quiz-wrapper .quiz-content.not-expanded.without-progress-bar {
      padding-top: 32px; }
    .post-content .quiz-wrapper .quiz-content.not-expanded, #quizzes-page .quiz-wrapper .quiz-content.not-expanded {
      padding-bottom: 32px; }
    .post-content .quiz-wrapper .quiz-content.with-progress-bar .quiz-progress-wrapper, #quizzes-page .quiz-wrapper .quiz-content.with-progress-bar .quiz-progress-wrapper {
      gap: 16px;
      display: flex;
      padding: 16px 24px;
      border-bottom: 1px solid var(--gray-100);
      margin-bottom: 24px; }
      @media (max-width: 590px) {
        .post-content .quiz-wrapper .quiz-content.with-progress-bar .quiz-progress-wrapper, #quizzes-page .quiz-wrapper .quiz-content.with-progress-bar .quiz-progress-wrapper {
          padding-left: 16px;
          padding-right: 16px; } }
      .post-content .quiz-wrapper .quiz-content.with-progress-bar .quiz-progress-wrapper .progress-bar-wrapper, #quizzes-page .quiz-wrapper .quiz-content.with-progress-bar .quiz-progress-wrapper .progress-bar-wrapper {
        width: 100%;
        height: 16px;
        background: var(--quiz-score-progress-bar-wrapper-error);
        border-radius: 3px; }
        .post-content .quiz-wrapper .quiz-content.with-progress-bar .quiz-progress-wrapper .progress-bar-wrapper .progress, #quizzes-page .quiz-wrapper .quiz-content.with-progress-bar .quiz-progress-wrapper .progress-bar-wrapper .progress {
          border-radius: 2px;
          background: var(--orange-150);
          height: 8px;
          transition: width 0.5s ease;
          margin: 4px; }
      .post-content .quiz-wrapper .quiz-content.with-progress-bar .quiz-progress-wrapper h4.progress-label, #quizzes-page .quiz-wrapper .quiz-content.with-progress-bar .quiz-progress-wrapper h4.progress-label {
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        text-align: left;
        color: var(--on-bg-primary);
        padding-left: 0;
        flex-shrink: 0; }
    .post-content .quiz-wrapper .quiz-content.loading, #quizzes-page .quiz-wrapper .quiz-content.loading {
      display: flex;
      justify-content: center;
      flex-direction: column;
      padding-top: 50px;
      padding-bottom: 50px; }
      .post-content .quiz-wrapper .quiz-content.loading .loading-text, #quizzes-page .quiz-wrapper .quiz-content.loading .loading-text {
        text-align: center;
        margin-top: 4px; }
      .post-content .quiz-wrapper .quiz-content.loading .loading-text span, #quizzes-page .quiz-wrapper .quiz-content.loading .loading-text span {
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 18.75px; }
    .post-content .quiz-wrapper .quiz-content > h4.quiz-title, .post-content .quiz-wrapper .quiz-content > h4.quiz-title *, #quizzes-page .quiz-wrapper .quiz-content > h4.quiz-title, #quizzes-page .quiz-wrapper .quiz-content > h4.quiz-title * {
      font-size: 1.25rem;
      line-height: 1.4375rem;
      font-weight: 700;
      font-family: 'Roboto', sans-serif;
      color: var(--gray-450);
      text-align: left; }
      @media (max-width: 590px) {
        .post-content .quiz-wrapper .quiz-content > h4.quiz-title, .post-content .quiz-wrapper .quiz-content > h4.quiz-title *, #quizzes-page .quiz-wrapper .quiz-content > h4.quiz-title, #quizzes-page .quiz-wrapper .quiz-content > h4.quiz-title * {
          font-size: 1.125rem;
          font-weight: 600;
          line-height: 1.75rem;
          text-align: left; } }
    .post-content .quiz-wrapper .quiz-content > h4.quiz-title, #quizzes-page .quiz-wrapper .quiz-content > h4.quiz-title {
      padding: 0 24px 16px;
      margin-bottom: 0; }
      @media (max-width: 590px) {
        .post-content .quiz-wrapper .quiz-content > h4.quiz-title, #quizzes-page .quiz-wrapper .quiz-content > h4.quiz-title {
          padding-left: 16px;
          padding-right: 16px; } }
    .post-content .quiz-wrapper .quiz-content > h4.quiz-title a, #quizzes-page .quiz-wrapper .quiz-content > h4.quiz-title a {
      text-decoration: underline; }
    .post-content .quiz-wrapper .quiz-content > h4.quiz-title p, #quizzes-page .quiz-wrapper .quiz-content > h4.quiz-title p {
      padding-bottom: 0;
      margin-bottom: 0;
      padding-left: 0 !important;
      padding-right: 0 !important; }
    .post-content .quiz-wrapper .quiz-content .content-title-wrapper, #quizzes-page .quiz-wrapper .quiz-content .content-title-wrapper {
      padding-left: 24px;
      padding-right: 24px; }
      @media (max-width: 590px) {
        .post-content .quiz-wrapper .quiz-content .content-title-wrapper, #quizzes-page .quiz-wrapper .quiz-content .content-title-wrapper {
          padding-left: 16px;
          padding-right: 16px; } }
    .post-content .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title,
    .post-content .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title, #quizzes-page .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title,
    #quizzes-page .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title {
      display: flex; }
      .post-content .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title *,
      .post-content .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title *, #quizzes-page .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title *,
      #quizzes-page .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title * {
        flex-shrink: 0;
        display: inline-block;
        margin-right: 3px;
        max-width: 100%; }
      .post-content .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title p,
      .post-content .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title p, #quizzes-page .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title p,
      #quizzes-page .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title p {
        flex-shrink: 1; }
    .post-content .quiz-wrapper .quiz-content .content-title-and-image-wrapper .divider,
    .post-content .quiz-wrapper .quiz-content .content-title-and-image-wrapper .divider, #quizzes-page .quiz-wrapper .quiz-content .content-title-and-image-wrapper .divider,
    #quizzes-page .quiz-wrapper .quiz-content .content-title-and-image-wrapper .divider {
      height: 24px;
      line-height: 24px; }
      .post-content .quiz-wrapper .quiz-content .content-title-and-image-wrapper .divider.small,
      .post-content .quiz-wrapper .quiz-content .content-title-and-image-wrapper .divider.small, #quizzes-page .quiz-wrapper .quiz-content .content-title-and-image-wrapper .divider.small,
      #quizzes-page .quiz-wrapper .quiz-content .content-title-and-image-wrapper .divider.small {
        height: 12px;
        line-height: 12px; }
    .post-content .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title,
    .post-content .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title *,
    .post-content .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title,
    .post-content .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title *, #quizzes-page .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title,
    #quizzes-page .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title *,
    #quizzes-page .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title,
    #quizzes-page .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title * {
      font-size: 1.5rem;
      font-weight: 700;
      line-height: 2.125rem;
      font-family: 'Merriweather', 'Roboto', sans-serif;
      padding-top: 0;
      padding-bottom: 0;
      padding-right: 0;
      color: var(--on-bg-dark);
      text-align: left;
      background: unset !important;
      display: inline; }
      .post-content .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title.outcome,
      .post-content .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title *.outcome,
      .post-content .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title.outcome,
      .post-content .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title *.outcome, #quizzes-page .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title.outcome,
      #quizzes-page .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title *.outcome,
      #quizzes-page .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title.outcome,
      #quizzes-page .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title *.outcome {
        padding-bottom: 0;
        margin-bottom: 16px; }
      .post-content .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title a,
      .post-content .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title * a,
      .post-content .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title a,
      .post-content .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title * a, #quizzes-page .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title a,
      #quizzes-page .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title * a,
      #quizzes-page .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title a,
      #quizzes-page .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title * a {
        text-decoration: underline; }
      @media (max-width: 768px) {
        .post-content .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title,
        .post-content .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title *,
        .post-content .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title,
        .post-content .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title *, #quizzes-page .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title,
        #quizzes-page .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title *,
        #quizzes-page .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title,
        #quizzes-page .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title * {
          padding-left: 0; } }
      @media (max-width: 590px) {
        .post-content .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title,
        .post-content .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title *,
        .post-content .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title,
        .post-content .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title *, #quizzes-page .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title,
        #quizzes-page .quiz-wrapper .quiz-content .question > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title *,
        #quizzes-page .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title,
        #quizzes-page .quiz-wrapper .quiz-content > .content-title-and-image-wrapper .content-title-wrapper > h2.content-title * {
          font-size: 1.25rem;
          font-weight: 700;
          line-height: 1.875rem;
          text-align: left; } }
    .post-content .quiz-wrapper .quiz-content > h3.answered-content-title, #quizzes-page .quiz-wrapper .quiz-content > h3.answered-content-title {
      color: var(--on-bg-dark);
      font-weight: 600;
      font-size: 1.375rem;
      line-height: 1.5rem;
      font-family: 'Roboto', sans-serif;
      padding: 0; }
    .post-content .quiz-wrapper .quiz-content > h3.answered-content-question, #quizzes-page .quiz-wrapper .quiz-content > h3.answered-content-question {
      color: var(--on-bg-dark);
      font-weight: 700;
      font-size: 1.375rem;
      line-height: 1.875rem;
      font-family: 'Merriweather', 'Roboto', sans-serif;
      margin-top: 2rem;
      padding: 0; }
    .post-content .quiz-wrapper .quiz-content .current-question-image-wrapper, #quizzes-page .quiz-wrapper .quiz-content .current-question-image-wrapper {
      padding-left: 24px;
      padding-right: 24px; }
      @media (max-width: 590px) {
        .post-content .quiz-wrapper .quiz-content .current-question-image-wrapper, #quizzes-page .quiz-wrapper .quiz-content .current-question-image-wrapper {
          padding-left: 16px;
          padding-right: 16px; } }
    .post-content .quiz-wrapper .quiz-content .expanding-quiz-question-image-wrapper, #quizzes-page .quiz-wrapper .quiz-content .expanding-quiz-question-image-wrapper {
      padding-left: 24px;
      padding-right: 24px; }
      @media (max-width: 590px) {
        .post-content .quiz-wrapper .quiz-content .expanding-quiz-question-image-wrapper, #quizzes-page .quiz-wrapper .quiz-content .expanding-quiz-question-image-wrapper {
          padding-left: 16px;
          padding-right: 16px; } }
    .post-content .quiz-wrapper .quiz-content .question-image, #quizzes-page .quiz-wrapper .quiz-content .question-image {
      max-width: 100%;
      height: 360px;
      object-fit: cover; }
      @media (max-width: 590px) {
        .post-content .quiz-wrapper .quiz-content .question-image, #quizzes-page .quiz-wrapper .quiz-content .question-image {
          height: auto;
          aspect-ratio: 650 / 360; } }
      @media (max-width: 390px) {
        .post-content .quiz-wrapper .quiz-content .question-image, #quizzes-page .quiz-wrapper .quiz-content .question-image {
          height: auto;
          aspect-ratio: 650 / 360; } }
    .post-content .quiz-wrapper .quiz-content .question-image-credits, .post-content .quiz-wrapper .quiz-content .question-image-credits *, #quizzes-page .quiz-wrapper .quiz-content .question-image-credits, #quizzes-page .quiz-wrapper .quiz-content .question-image-credits * {
      font-family: 'Roboto', sans-serif;
      font-size: 11px;
      font-weight: 400;
      line-height: 12.89px;
      text-align: left;
      color: var(--gray-300);
      padding: 0 !important; }
    .post-content .quiz-wrapper .quiz-content .question-image-credits, #quizzes-page .quiz-wrapper .quiz-content .question-image-credits {
      margin-top: 8px; }
    .post-content .quiz-wrapper .quiz-content .answers, #quizzes-page .quiz-wrapper .quiz-content .answers {
      margin-top: 24px;
      font-size: 1rem;
      line-height: 1.6rem;
      font-weight: 600;
      padding-left: 24px;
      padding-right: 24px; }
      @media (max-width: 590px) {
        .post-content .quiz-wrapper .quiz-content .answers, #quizzes-page .quiz-wrapper .quiz-content .answers {
          margin-top: 24px;
          padding-left: 16px;
          padding-right: 16px; } }
      .post-content .quiz-wrapper .quiz-content .answers .answer, #quizzes-page .quiz-wrapper .quiz-content .answers .answer {
        display: flex;
        border: 1px solid var(--quiz-border);
        background: var(--quiz-answer-bg);
        border-radius: 3px;
        padding: 0.75rem 1rem;
        margin-bottom: 1rem; }
        .post-content .quiz-wrapper .quiz-content .answers .answer.last-answer, #quizzes-page .quiz-wrapper .quiz-content .answers .answer.last-answer {
          margin-bottom: 0; }
        @media (max-width: 700px) {
          .post-content .quiz-wrapper .quiz-content .answers .answer.contains-link, #quizzes-page .quiz-wrapper .quiz-content .answers .answer.contains-link {
            margin-bottom: 0;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0; } }
        .post-content .quiz-wrapper .quiz-content .answers .answer:hover, #quizzes-page .quiz-wrapper .quiz-content .answers .answer:hover {
          border-color: initial; }
        @media (max-width: 700px) {
          .post-content .quiz-wrapper .quiz-content .answers .answer.contains-link.checked, #quizzes-page .quiz-wrapper .quiz-content .answers .answer.contains-link.checked {
            border-bottom: 0; } }
        .post-content .quiz-wrapper .quiz-content .answers .answer span, #quizzes-page .quiz-wrapper .quiz-content .answers .answer span {
          display: inline-block; }
        .post-content .quiz-wrapper .quiz-content .answers .answer span, .post-content .quiz-wrapper .quiz-content .answers .answer p, #quizzes-page .quiz-wrapper .quiz-content .answers .answer span, #quizzes-page .quiz-wrapper .quiz-content .answers .answer p {
          color: var(--on-bg-primary);
          padding: 0;
          font-weight: 600;
          margin-left: 0.75rem;
          font-size: 18px; }
        .post-content .quiz-wrapper .quiz-content .answers .answer .outer-circle, #quizzes-page .quiz-wrapper .quiz-content .answers .answer .outer-circle {
          width: 1rem;
          height: 1rem;
          border: 2px solid var(--gray-450);
          border-radius: 50%; }
          .post-content .quiz-wrapper .quiz-content .answers .answer .outer-circle .inner-circle.checked, #quizzes-page .quiz-wrapper .quiz-content .answers .answer .outer-circle .inner-circle.checked {
            width: 0.625rem;
            height: 0.625rem;
            background: var(--green-200);
            border-radius: 50%; }
        .post-content .quiz-wrapper .quiz-content .answers .answer:last-child, #quizzes-page .quiz-wrapper .quiz-content .answers .answer:last-child {
          margin-bottom: 0; }
        .post-content .quiz-wrapper .quiz-content .answers .answer .answer-content, #quizzes-page .quiz-wrapper .quiz-content .answers .answer .answer-content {
          display: flex;
          justify-content: space-between;
          width: 100%; }
          .post-content .quiz-wrapper .quiz-content .answers .answer .answer-content p, .post-content .quiz-wrapper .quiz-content .answers .answer .answer-content span, .post-content .quiz-wrapper .quiz-content .answers .answer .answer-content li, .post-content .quiz-wrapper .quiz-content .answers .answer .answer-content a, #quizzes-page .quiz-wrapper .quiz-content .answers .answer .answer-content p, #quizzes-page .quiz-wrapper .quiz-content .answers .answer .answer-content span, #quizzes-page .quiz-wrapper .quiz-content .answers .answer .answer-content li, #quizzes-page .quiz-wrapper .quiz-content .answers .answer .answer-content a {
            background: var(--quiz-answer-bg) !important; }
          .post-content .quiz-wrapper .quiz-content .answers .answer .answer-content h3, #quizzes-page .quiz-wrapper .quiz-content .answers .answer .answer-content h3 {
            font-family: 'Roboto', sans-serif;
            font-size: 16px;
            font-weight: 600;
            line-height: 25px;
            padding: 0; }
          .post-content .quiz-wrapper .quiz-content .answers .answer .answer-content .answer-link, #quizzes-page .quiz-wrapper .quiz-content .answers .answer .answer-content .answer-link {
            text-align: right; }
            @media (max-width: 700px) {
              .post-content .quiz-wrapper .quiz-content .answers .answer .answer-content .answer-link, #quizzes-page .quiz-wrapper .quiz-content .answers .answer .answer-content .answer-link {
                display: none; } }
            .post-content .quiz-wrapper .quiz-content .answers .answer .answer-content .answer-link a, #quizzes-page .quiz-wrapper .quiz-content .answers .answer .answer-content .answer-link a {
              font-family: 'Roboto', sans-serif;
              font-size: 14px;
              font-weight: 500;
              line-height: 20px;
              text-align: center;
              text-decoration: underline;
              color: var(--gray-450); }
              .post-content .quiz-wrapper .quiz-content .answers .answer .answer-content .answer-link a:hover, #quizzes-page .quiz-wrapper .quiz-content .answers .answer .answer-content .answer-link a:hover {
                color: var(--on-bg-primary); }
        .post-content .quiz-wrapper .quiz-content .answers .answer .answer-icon i, #quizzes-page .quiz-wrapper .quiz-content .answers .answer .answer-icon i {
          display: flex;
          flex-direction: column;
          justify-content: center; }
          .post-content .quiz-wrapper .quiz-content .answers .answer .answer-icon i.correct svg, #quizzes-page .quiz-wrapper .quiz-content .answers .answer .answer-icon i.correct svg {
            color: var(--green-200); }
          .post-content .quiz-wrapper .quiz-content .answers .answer .answer-icon i.incorrect.selected svg, #quizzes-page .quiz-wrapper .quiz-content .answers .answer .answer-icon i.incorrect.selected svg {
            color: #F74728; }
          .post-content .quiz-wrapper .quiz-content .answers .answer .answer-icon i svg, #quizzes-page .quiz-wrapper .quiz-content .answers .answer .answer-icon i svg {
            color: var(--gray-450); }
        .post-content .quiz-wrapper .quiz-content .answers .answer .answer-icon .hidden, #quizzes-page .quiz-wrapper .quiz-content .answers .answer .answer-icon .hidden {
          display: none; }
      .post-content .quiz-wrapper .quiz-content .answers .answer:hover, #quizzes-page .quiz-wrapper .quiz-content .answers .answer:hover {
        border-color: var(--poll-answer-hover); }
      .post-content .quiz-wrapper .quiz-content .answers .answer .checked, #quizzes-page .quiz-wrapper .quiz-content .answers .answer .checked {
        border-color: var(--green-200); }
      .post-content .quiz-wrapper .quiz-content .answers .answer-link-mobile, #quizzes-page .quiz-wrapper .quiz-content .answers .answer-link-mobile {
        border: 1px solid var(--quiz-border);
        border-top: none;
        background: var(--bg-poll);
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        padding: 0.75rem 1rem;
        margin-bottom: 1rem;
        display: none; }
        @media (max-width: 700px) {
          .post-content .quiz-wrapper .quiz-content .answers .answer-link-mobile, #quizzes-page .quiz-wrapper .quiz-content .answers .answer-link-mobile {
            display: flex;
            justify-content: center; } }
        .post-content .quiz-wrapper .quiz-content .answers .answer-link-mobile.checked, #quizzes-page .quiz-wrapper .quiz-content .answers .answer-link-mobile.checked {
          border-color: var(--green-200);
          border-top: 1px solid var(--quiz-border); }
        .post-content .quiz-wrapper .quiz-content .answers .answer-link-mobile p, #quizzes-page .quiz-wrapper .quiz-content .answers .answer-link-mobile p {
          padding: 0;
          width: auto;
          display: inline-block; }
        .post-content .quiz-wrapper .quiz-content .answers .answer-link-mobile a, #quizzes-page .quiz-wrapper .quiz-content .answers .answer-link-mobile a {
          font-family: 'Roboto', sans-serif;
          font-size: 14px;
          font-weight: 500;
          line-height: 20px;
          text-align: center;
          text-decoration: underline;
          color: var(--gray-450); }
          .post-content .quiz-wrapper .quiz-content .answers .answer-link-mobile a:hover, #quizzes-page .quiz-wrapper .quiz-content .answers .answer-link-mobile a:hover {
            color: var(--on-bg-primary); }
    .post-content .quiz-wrapper .quiz-content .controls-wrapper, #quizzes-page .quiz-wrapper .quiz-content .controls-wrapper {
      padding-top: 24px;
      padding-left: 24px;
      padding-right: 24px; }
      @media (max-width: 590px) {
        .post-content .quiz-wrapper .quiz-content .controls-wrapper, #quizzes-page .quiz-wrapper .quiz-content .controls-wrapper {
          padding-left: 16px;
          padding-right: 16px; } }
      .post-content .quiz-wrapper .quiz-content .controls-wrapper .quiz-button, #quizzes-page .quiz-wrapper .quiz-content .controls-wrapper .quiz-button {
        color: var(--on-bg-primary);
        background: var(--post-background);
        cursor: pointer;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        border-radius: 3px;
        border: 1px solid var(--quiz-border);
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.5rem;
        width: 100%;
        box-sizing: border-box; }
        .post-content .quiz-wrapper .quiz-content .controls-wrapper .quiz-button.next, #quizzes-page .quiz-wrapper .quiz-content .controls-wrapper .quiz-button.next {
          background: var(--orange-150);
          color: var(--white);
          border-color: var(--orange-150); }
          .post-content .quiz-wrapper .quiz-content .controls-wrapper .quiz-button.next:hover, #quizzes-page .quiz-wrapper .quiz-content .controls-wrapper .quiz-button.next:hover {
            background: var(--orange-100);
            border-color: var(--orange-100); }
        .post-content .quiz-wrapper .quiz-content .controls-wrapper .quiz-button.back, #quizzes-page .quiz-wrapper .quiz-content .controls-wrapper .quiz-button.back {
          margin-top: 16px; }
        .post-content .quiz-wrapper .quiz-content .controls-wrapper .quiz-button.disabled, #quizzes-page .quiz-wrapper .quiz-content .controls-wrapper .quiz-button.disabled {
          background: var(--quiz-disabled-btn-bg);
          color: #949494;
          cursor: default; }
        @media (max-width: 590px) {
          .post-content .quiz-wrapper .quiz-content .controls-wrapper .quiz-button.next, .post-content .quiz-wrapper .quiz-content .controls-wrapper .quiz-button.disabled, #quizzes-page .quiz-wrapper .quiz-content .controls-wrapper .quiz-button.next, #quizzes-page .quiz-wrapper .quiz-content .controls-wrapper .quiz-button.disabled {
            margin-top: 8px; } }
        @media (max-width: 590px) {
          .post-content .quiz-wrapper .quiz-content .controls-wrapper .quiz-button.back, #quizzes-page .quiz-wrapper .quiz-content .controls-wrapper .quiz-button.back {
            margin-top: 24px; } }
    .post-content .quiz-wrapper .quiz-content .quiz-image, #quizzes-page .quiz-wrapper .quiz-content .quiz-image {
      margin-top: 1.5rem;
      max-width: 100%; }
    .post-content .quiz-wrapper .quiz-content .explanation-wrapper, #quizzes-page .quiz-wrapper .quiz-content .explanation-wrapper {
      border-bottom: 1px solid var(--border-dark-mode-toggle);
      padding: 40px 24px 24px; }
      @media (max-width: 590px) {
        .post-content .quiz-wrapper .quiz-content .explanation-wrapper, #quizzes-page .quiz-wrapper .quiz-content .explanation-wrapper {
          padding-left: 16px;
          padding-right: 16px; } }
      .post-content .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content, #quizzes-page .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content {
        background: var(--bg-quiz-explanation);
        border-radius: 3px;
        padding: 24px;
        display: flex;
        gap: 16px; }
        @media (max-width: 600px) {
          .post-content .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content, #quizzes-page .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content {
            flex-direction: column; } }
        .post-content .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .text, #quizzes-page .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .text {
          flex-grow: 1;
          display: flex;
          flex-direction: column;
          gap: 16px; }
          .post-content .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .text .explanation-title, #quizzes-page .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .text .explanation-title {
            display: flex;
            gap: 8px; }
            .post-content .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .text .explanation-title h3, #quizzes-page .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .text .explanation-title h3 {
              padding: 0;
              font-family: 'Roboto', sans-serif;
              font-size: 20px;
              font-weight: 600;
              line-height: 28px;
              text-align: left;
              color: var(--on-bg-primary);
              margin-bottom: 0; }
            .post-content .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .text .explanation-title i, #quizzes-page .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .text .explanation-title i {
              display: flex;
              height: 24px;
              width: 24px; }
            .post-content .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .text .explanation-title .smile, #quizzes-page .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .text .explanation-title .smile {
              color: var(--green-200); }
            .post-content .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .text .explanation-title .meh, #quizzes-page .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .text .explanation-title .meh {
              color: #F74728; }
          .post-content .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .text .explanation, .post-content .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .text .explanation *, #quizzes-page .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .text .explanation, #quizzes-page .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .text .explanation * {
            font-family: 'Roboto', sans-serif;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            text-align: left;
            color: var(--on-bg-primary);
            padding: 0 !important;
            background: unset !important; }
          .post-content .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .text .explanation a, #quizzes-page .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .text .explanation a {
            text-decoration: underline;
            color: var(--orange-150); }
        .post-content .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .explanation-image-wrapper .explanation-image, #quizzes-page .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .explanation-image-wrapper .explanation-image {
          object-fit: cover;
          aspect-ratio: 3/2;
          max-width: 240px; }
          @media (max-width: 600px) {
            .post-content .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .explanation-image-wrapper .explanation-image, #quizzes-page .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .explanation-image-wrapper .explanation-image {
              max-width: 100%;
              width: 100%; } }
        .post-content .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .explanation-image-wrapper .explanation-image-credits, .post-content .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .explanation-image-wrapper .explanation-image-credits *, #quizzes-page .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .explanation-image-wrapper .explanation-image-credits, #quizzes-page .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .explanation-image-wrapper .explanation-image-credits * {
          font-family: 'Roboto', sans-serif;
          font-size: 11px;
          font-weight: 400;
          line-height: 12.89px;
          text-align: left;
          color: var(--gray-300);
          padding: 0 !important; }
        .post-content .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .explanation-image-wrapper .explanation-image-credits, #quizzes-page .quiz-wrapper .quiz-content .explanation-wrapper .explanation-content .explanation-image-wrapper .explanation-image-credits {
          margin-top: 8px; }
  .post-content .quiz-wrapper .quiz-outcome-content, #quizzes-page .quiz-wrapper .quiz-outcome-content {
    border: 1px solid var(--gray-100);
    border-top: 0;
    background: var(--bg-quiz);
    padding-top: 2rem; }
    .post-content .quiz-wrapper .quiz-outcome-content > h4.quiz-title, #quizzes-page .quiz-wrapper .quiz-outcome-content > h4.quiz-title {
      font-size: 1.375rem;
      line-height: 1.5rem;
      font-weight: 600;
      font-family: 'Roboto', sans-serif;
      color: var(--gray-450);
      margin-bottom: 1rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem; }
      @media (max-width: 590px) {
        .post-content .quiz-wrapper .quiz-outcome-content > h4.quiz-title, #quizzes-page .quiz-wrapper .quiz-outcome-content > h4.quiz-title {
          font-size: 1.125rem;
          line-height: 1.75rem; } }
    .post-content .quiz-wrapper .quiz-outcome-content > h2.content-title,
    .post-content .quiz-wrapper .quiz-outcome-content > h3.content-title, #quizzes-page .quiz-wrapper .quiz-outcome-content > h2.content-title,
    #quizzes-page .quiz-wrapper .quiz-outcome-content > h3.content-title {
      font-size: 1.5rem;
      font-weight: 700;
      line-height: 2.125rem;
      font-family: 'Merriweather', 'Roboto', sans-serif;
      color: var(--quiz-text);
      padding-left: 1.5rem;
      padding-right: 1.5rem; }
      @media (max-width: 590px) {
        .post-content .quiz-wrapper .quiz-outcome-content > h2.content-title,
        .post-content .quiz-wrapper .quiz-outcome-content > h3.content-title, #quizzes-page .quiz-wrapper .quiz-outcome-content > h2.content-title,
        #quizzes-page .quiz-wrapper .quiz-outcome-content > h3.content-title {
          font-size: 1.25rem;
          line-height: 1.875rem; } }
      .post-content .quiz-wrapper .quiz-outcome-content > h2.content-title *,
      .post-content .quiz-wrapper .quiz-outcome-content > h3.content-title *, #quizzes-page .quiz-wrapper .quiz-outcome-content > h2.content-title *,
      #quizzes-page .quiz-wrapper .quiz-outcome-content > h3.content-title * {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 2.125rem;
        font-family: 'Merriweather', 'Roboto', sans-serif;
        color: var(--quiz-text); }
        @media (max-width: 590px) {
          .post-content .quiz-wrapper .quiz-outcome-content > h2.content-title *,
          .post-content .quiz-wrapper .quiz-outcome-content > h3.content-title *, #quizzes-page .quiz-wrapper .quiz-outcome-content > h2.content-title *,
          #quizzes-page .quiz-wrapper .quiz-outcome-content > h3.content-title * {
            font-size: 1.25rem;
            line-height: 1.875rem; } }
      .post-content .quiz-wrapper .quiz-outcome-content > h2.content-title.outcome,
      .post-content .quiz-wrapper .quiz-outcome-content > h3.content-title.outcome, #quizzes-page .quiz-wrapper .quiz-outcome-content > h2.content-title.outcome,
      #quizzes-page .quiz-wrapper .quiz-outcome-content > h3.content-title.outcome {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 16px; }
        .post-content .quiz-wrapper .quiz-outcome-content > h2.content-title.outcome a,
        .post-content .quiz-wrapper .quiz-outcome-content > h3.content-title.outcome a, #quizzes-page .quiz-wrapper .quiz-outcome-content > h2.content-title.outcome a,
        #quizzes-page .quiz-wrapper .quiz-outcome-content > h3.content-title.outcome a {
          text-decoration: underline; }
        .post-content .quiz-wrapper .quiz-outcome-content > h2.content-title.outcome p,
        .post-content .quiz-wrapper .quiz-outcome-content > h3.content-title.outcome p, #quizzes-page .quiz-wrapper .quiz-outcome-content > h2.content-title.outcome p,
        #quizzes-page .quiz-wrapper .quiz-outcome-content > h3.content-title.outcome p {
          padding: 0 !important;
          margin-bottom: 0; }
    .post-content .quiz-wrapper .quiz-outcome-content .outcome-box, #quizzes-page .quiz-wrapper .quiz-outcome-content .outcome-box {
      border: 2px solid var(--green-200);
      background: var(--quiz-icon-bg);
      border-radius: 3px;
      overflow: hidden;
      margin-left: 1.5rem;
      margin-right: 1.5rem; }
      .post-content .quiz-wrapper .quiz-outcome-content .outcome-box.with-bottom-margin, #quizzes-page .quiz-wrapper .quiz-outcome-content .outcome-box.with-bottom-margin {
        margin-bottom: 1.5rem; }
      .post-content .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-image-wrapper, #quizzes-page .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-image-wrapper {
        position: relative; }
        .post-content .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-image-wrapper .outcome-image-credits, #quizzes-page .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-image-wrapper .outcome-image-credits {
          position: absolute;
          bottom: 0;
          right: 0;
          background: var(--post-background-60);
          padding: 4px 6px; }
          .post-content .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-image-wrapper .outcome-image-credits p, #quizzes-page .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-image-wrapper .outcome-image-credits p {
            padding: 0; }
          .post-content .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-image-wrapper .outcome-image-credits *, #quizzes-page .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-image-wrapper .outcome-image-credits * {
            font-family: 'Roboto', sans-serif;
            color: var(--on-bg-primary);
            font-size: 12px;
            font-weight: 400;
            line-height: 12px;
            margin: 0;
            padding: 0; }
      .post-content .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper, #quizzes-page .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper {
        display: flex;
        flex-direction: row;
        padding: 1.5rem 1rem; }
        @media (max-width: 590px) {
          .post-content .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper, #quizzes-page .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper {
            flex-direction: column; } }
        .post-content .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .left, #quizzes-page .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .left {
          margin-right: 1rem; }
          @media (max-width: 590px) {
            .post-content .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .left, #quizzes-page .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .left {
              display: flex;
              justify-content: start;
              margin-right: 0; } }
          .post-content .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .left img.quiz-icon, #quizzes-page .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .left img.quiz-icon {
            min-width: 1.5rem;
            min-height: 1.5rem;
            width: 1.5rem;
            height: 1.5rem;
            margin-left: 0;
            margin-right: 0; }
        @media (max-width: 590px) {
          .post-content .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .right, #quizzes-page .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .right {
            margin-top: 1rem; } }
        .post-content .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .right > h3.outcome-title, .post-content .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .right > h3.outcome-title *, #quizzes-page .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .right > h3.outcome-title, #quizzes-page .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .right > h3.outcome-title * {
          font-family: 'Roboto', sans-serif;
          font-weight: 600;
          font-size: 1.25rem;
          line-height: 1.75rem;
          color: var(--quiz-outcome-text);
          padding: 0; }
          @media (max-width: 590px) {
            .post-content .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .right > h3.outcome-title, .post-content .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .right > h3.outcome-title *, #quizzes-page .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .right > h3.outcome-title, #quizzes-page .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .right > h3.outcome-title * {
              line-height: 1.5rem; } }
          .post-content .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .right > h3.outcome-title a, .post-content .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .right > h3.outcome-title * a, #quizzes-page .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .right > h3.outcome-title a, #quizzes-page .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .right > h3.outcome-title * a {
            text-decoration: underline; }
        .post-content .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .right .outcome-description, #quizzes-page .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .right .outcome-description {
          margin-top: 1rem; }
        .post-content .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .right .outcome-description, .post-content .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .right .outcome-description *, #quizzes-page .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .right .outcome-description, #quizzes-page .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .right .outcome-description * {
          font-size: 1rem;
          font-weight: 400;
          line-height: 1.5rem;
          color: var(--quiz-outcome-text);
          padding: 0;
          background: unset !important; }
          .post-content .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .right .outcome-description a, .post-content .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .right .outcome-description * a, #quizzes-page .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .right .outcome-description a, #quizzes-page .quiz-wrapper .quiz-outcome-content .outcome-box .outcome-wrapper .right .outcome-description * a {
            text-decoration: underline; }
    .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper {
      margin-top: 2.5rem; }
      @media (max-width: 590px) {
        .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper {
          margin-top: 1.5rem; } }
      .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper > h4.alternative-outcomes-title, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper > h4.alternative-outcomes-title {
        font-size: 1.375rem;
        line-height: 1.5rem;
        font-weight: 600;
        color: var(--gray-450);
        font-family: 'Roboto', sans-serif;
        padding-left: 1.5rem;
        padding-right: 1.5rem; }
        @media (max-width: 590px) {
          .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper > h4.alternative-outcomes-title, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper > h4.alternative-outcomes-title {
            font-size: 1.125rem;
            line-height: 1.75rem; } }
      .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes {
        display: flex;
        flex-direction: column;
        margin: 24px; }
        @media (max-width: 768px) {
          .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes {
            flex-direction: row;
            overflow-x: auto; } }
        @media (max-width: 590px) {
          .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes {
            margin-top: 1rem; } }
        .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome {
          display: flex;
          flex-direction: row;
          margin-bottom: 1.5rem; }
          .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome:last-of-type, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome:last-of-type {
            margin-bottom: 0; }
          @media (max-width: 768px) {
            .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome {
              flex-direction: column;
              min-width: 268px;
              margin-right: 1.5rem; }
              .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome:last-of-type, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome:last-of-type {
                margin-right: 0; } }
          .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .left, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .left {
            margin-right: 1rem; }
            @media (max-width: 768px) {
              .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .left, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .left {
                margin-right: 0; } }
            .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .left .image-wrapper, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .left .image-wrapper {
              min-width: 298px;
              min-height: 183px;
              max-width: 298px;
              max-height: 183px;
              overflow: hidden;
              position: relative; }
              @media (max-width: 768px) {
                .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .left .image-wrapper, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .left .image-wrapper {
                  min-width: 100%;
                  height: 175px; } }
              .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .left .image-wrapper img, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .left .image-wrapper img {
                width: 100%;
                height: 100%;
                min-height: 183px;
                object-fit: cover;
                margin-left: 0;
                margin-right: 0; }
              .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .left .image-wrapper .outcome-image-credits, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .left .image-wrapper .outcome-image-credits {
                position: absolute;
                bottom: 0;
                right: 0;
                background: var(--post-background-60);
                padding: 4px 6px;
                box-sizing: border-box; }
                .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .left .image-wrapper .outcome-image-credits p, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .left .image-wrapper .outcome-image-credits p {
                  padding: 0; }
                .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .left .image-wrapper .outcome-image-credits *, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .left .image-wrapper .outcome-image-credits * {
                  font-family: 'Roboto', sans-serif;
                  color: var(--on-bg-primary);
                  font-size: 12px;
                  font-weight: 400;
                  line-height: 12px;
                  margin: 0;
                  padding: 0; }
          .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right {
            display: flex;
            flex-direction: row; }
            @media (max-width: 768px) {
              .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right {
                flex-direction: column; } }
            .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right .icon-wrapper, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right .icon-wrapper {
              margin-right: 0.75rem; }
              .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right .icon-wrapper img.quiz-icon, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right .icon-wrapper img.quiz-icon {
                min-width: 1.25rem;
                min-height: 1.25rem;
                width: 1.25rem;
                height: 1.25rem;
                margin-left: 0;
                margin-right: 0; }
              @media (max-width: 768px) {
                .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right .icon-wrapper, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right .icon-wrapper {
                  margin-right: 0;
                  margin-top: 1rem;
                  margin-bottom: 0.75rem; } }
            .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right h4.alternative-outcome-title, .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right h4.alternative-outcome-title *, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right h4.alternative-outcome-title, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right h4.alternative-outcome-title * {
              font-family: 'Roboto', sans-serif;
              color: var(--quiz-text);
              font-size: 1.125rem;
              line-height: 1.5rem;
              font-weight: 600;
              text-align: left;
              padding-left: 0; }
              .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right h4.alternative-outcome-title a, .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right h4.alternative-outcome-title * a, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right h4.alternative-outcome-title a, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right h4.alternative-outcome-title * a {
                text-decoration: underline; }
              .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right h4.alternative-outcome-title p, .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right h4.alternative-outcome-title * p, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right h4.alternative-outcome-title p, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right h4.alternative-outcome-title * p {
                padding: 0; }
            .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right .alternative-outcome-description, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right .alternative-outcome-description {
              margin-top: 0.75rem; }
            .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right .alternative-outcome-description, .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right .alternative-outcome-description *, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right .alternative-outcome-description, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right .alternative-outcome-description * {
              color: var(--quiz-text);
              font-size: 0.875rem;
              font-weight: 400;
              line-height: 1.375rem;
              text-align: left;
              margin-bottom: 0;
              padding-left: 0;
              padding-bottom: 0;
              background: unset !important; }
              .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right .alternative-outcome-description a, .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right .alternative-outcome-description * a, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right .alternative-outcome-description a, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcomes-wrapper .alternative-outcomes .alternative-outcome .right .alternative-outcome-description * a {
                text-decoration: underline; }
    .post-content .quiz-wrapper .quiz-outcome-content .main-outcome-cta a, .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcome-cta a, #quizzes-page .quiz-wrapper .quiz-outcome-content .main-outcome-cta a, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcome-cta a {
      margin-top: 1rem;
      border: 1px solid var(--quiz-border);
      display: block;
      text-align: center;
      border-radius: 3px;
      color: var(--on-bg-primary);
      font-family: 'Roboto', sans-serif;
      font-size: 1rem;
      font-weight: 500;
      line-height: 1.5rem;
      padding-top: 0.625rem;
      padding-bottom: 0.625rem; }
      .post-content .quiz-wrapper .quiz-outcome-content .main-outcome-cta a:hover, .post-content .quiz-wrapper .quiz-outcome-content .alternative-outcome-cta a:hover, #quizzes-page .quiz-wrapper .quiz-outcome-content .main-outcome-cta a:hover, #quizzes-page .quiz-wrapper .quiz-outcome-content .alternative-outcome-cta a:hover {
        color: var(--orange-150);
        border-color: var(--orange-150); }
    .post-content .quiz-wrapper .quiz-outcome-content .main-outcome-cta a, #quizzes-page .quiz-wrapper .quiz-outcome-content .main-outcome-cta a {
      margin-left: 1.5rem;
      margin-right: 1.5rem; }
    .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper {
      margin-left: 24px;
      margin-right: 24px;
      margin-bottom: 24px;
      border: 1px solid var(--color-quiz-leaderboards-border);
      border-radius: 3px;
      background: var(--bg-quiz);
      display: flex;
      justify-content: space-between; }
      @media (min-width: 426px) {
        .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper {
          padding: 13.5px 20px; }
          .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper .reward, .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper .login-wrapper, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper .reward, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper .login-wrapper {
            width: 50%; }
          .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper .login-wrapper, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper .login-wrapper {
            padding-left: 20px;
            border-left: 2px solid #EBEBEB; }
            .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper .login-wrapper .block-title, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper .login-wrapper .block-title {
              font-weight: 600;
              font-size: 14px;
              line-height: 20px; }
            .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper .login-wrapper .login-btn, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper .login-wrapper .login-btn {
              font-weight: 600;
              font-size: 14px;
              line-height: 20px; } }
      @media (max-width: 425px) {
        .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper {
          padding: 12px;
          flex-direction: column; }
          .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper .reward, .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper .login-wrapper, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper .reward, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper .login-wrapper {
            width: 100%; }
          .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper .reward, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper .reward {
            padding-bottom: 8px; }
          .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper .login-wrapper, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper .login-wrapper {
            padding-top: 8px;
            border-left: none !important;
            border-top: 2px solid #EBEBEB; }
            .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper .login-wrapper .block-title, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper .login-wrapper .block-title {
              font-size: 16px;
              font-weight: 700;
              line-height: 24px; }
            .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper .login-wrapper .login-btn, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper .login-wrapper .login-btn {
              font-size: 16px;
              line-height: 24px; } }
      .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper .reward, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper .reward {
        display: flex;
        flex-direction: column; }
        .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper .reward .block-title, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper .reward .block-title {
          font-family: 'Roboto', sans-serif;
          font-weight: 700;
          font-size: 12px;
          line-height: 20px;
          color: var(--gray-450); }
        .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper .reward .points-wrapper, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper .reward .points-wrapper {
          display: flex;
          gap: 8px;
          justify-content: center; }
          .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper .reward .points-wrapper .points, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper .reward .points-wrapper .points {
            font-family: 'Merriweather', sans-serif;
            font-weight: 700;
            font-size: 28px;
            line-height: 35.2px;
            color: var(--gray-450); }
      .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper .login-wrapper, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper .login-wrapper {
        display: flex;
        flex-direction: column;
        gap: 8px; }
        .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper .login-wrapper .block-title, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper .login-wrapper .block-title {
          font-family: 'Roboto', sans-serif;
          text-align: center;
          color: var(--on-bg-primary); }
        .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper .login-wrapper .login-btn, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper .login-wrapper .login-btn {
          cursor: pointer;
          padding-top: 8px;
          padding-bottom: 8px;
          background: #D74B1F;
          border-radius: 3px;
          border: 1px solid #D74B1F;
          color: #FFF;
          font-family: 'Roboto', sans-serif;
          text-align: center; }
          .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper .login-wrapper .login-btn:hover, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper .login-wrapper .login-btn:hover {
            background: #C13F1A;
            border-color: #C13F1A; }
      .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper .points-wrapper-loggedin, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper .points-wrapper-loggedin {
        display: flex;
        justify-content: center;
        width: 100%; }
        .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper .points-wrapper-loggedin .block-title, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper .points-wrapper-loggedin .block-title {
          font-family: 'Roboto', sans-serif;
          font-weight: 700;
          font-size: 12px;
          line-height: 20px;
          color: var(--gray-450);
          text-align: center; }
        .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper .points-wrapper-loggedin .points-wrapper, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper .points-wrapper-loggedin .points-wrapper {
          display: flex;
          gap: 8px;
          justify-content: center; }
          .post-content .quiz-wrapper .quiz-outcome-content .rewards-wrapper .points-wrapper-loggedin .points-wrapper .points, #quizzes-page .quiz-wrapper .quiz-outcome-content .rewards-wrapper .points-wrapper-loggedin .points-wrapper .points {
            font-family: 'Merriweather', sans-serif;
            font-weight: 700;
            font-size: 28px;
            line-height: 35.2px;
            color: var(--on-bg-primary); }
  .post-content .quiz-wrapper .quiz-stats-wrapper, #quizzes-page .quiz-wrapper .quiz-stats-wrapper {
    padding: 24px;
    background: var(--bg-quiz);
    border-left: 1px solid var(--gray-100);
    border-right: 1px solid var(--gray-100); }
    @media (max-width: 590px) {
      .post-content .quiz-wrapper .quiz-stats-wrapper.is-expanded-quiz, #quizzes-page .quiz-wrapper .quiz-stats-wrapper.is-expanded-quiz {
        padding-left: 16px;
        padding-right: 16px; } }
    .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats {
      border-width: 1px;
      border-style: solid;
      border-radius: 3px;
      padding: 24px 16px; }
      .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats.perfect, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats.perfect {
        border-color: rgba(86, 184, 99, 0.5);
        background-color: rgba(86, 184, 99, 0.06); }
        .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats.perfect .score, .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats.perfect .reward, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats.perfect .score, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats.perfect .reward {
          border-color: rgba(86, 184, 99, 0.5); }
      .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats.good, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats.good {
        border-color: rgba(172, 199, 57, 0.5);
        background-color: rgba(172, 199, 57, 0.06); }
        .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats.good .score, .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats.good .reward, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats.good .score, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats.good .reward {
          border-color: rgba(172, 199, 57, 0.5); }
      .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats.average, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats.average {
        border-color: rgba(240, 173, 28, 0.5);
        background-color: rgba(240, 173, 28, 0.06); }
        .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats.average .score, .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats.average .reward, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats.average .score, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats.average .reward {
          border-color: rgba(240, 173, 28, 0.5); }
      .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats.bad, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats.bad {
        border-color: rgba(246, 70, 41, 0.5);
        background-color: rgba(246, 70, 41, 0.06); }
        .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats.bad .score, .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats.bad .reward, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats.bad .score, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats.bad .reward {
          border-color: rgba(246, 70, 41, 0.5); }
      .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats .stats-title, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats .stats-title {
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        color: var(--on-bg-primary); }
      .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats .score-and-reward, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats .score-and-reward {
        display: flex;
        margin-top: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid var(--quiz-border); }
        .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats .score-and-reward .score, .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats .score-and-reward .reward-wrapper, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats .score-and-reward .score, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats .score-and-reward .reward-wrapper {
          width: 50%; }
        .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats .score-and-reward .score, .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats .score-and-reward .reward, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats .score-and-reward .score, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats .score-and-reward .reward {
          border-left-style: solid;
          border-left-width: 2px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          gap: 2px;
          padding-left: 16px; }
          .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats .score-and-reward .score .block-label, .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats .score-and-reward .reward .block-label, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats .score-and-reward .score .block-label, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats .score-and-reward .reward .block-label {
            font-weight: 700;
            font-size: 12px;
            line-height: 12px;
            color: var(--gray-450); }
        .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats .score-and-reward .score .score-block, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats .score-and-reward .score .score-block {
          display: flex;
          gap: 4px; }
        .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats .score-and-reward .score-text, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats .score-and-reward .score-text {
          font-family: Merriweather, sans-serif;
          font-weight: 700;
          font-size: 28px;
          line-height: 28px;
          color: var(--on-bg-primary); }
          .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats .score-and-reward .score-text.max-score, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats .score-and-reward .score-text.max-score {
            color: var(--gray-450); }
        .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats .score-and-reward .panda-points, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats .score-and-reward .panda-points {
          display: flex;
          gap: 8px; }
      .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats .stats-text, .post-content .quiz-wrapper .quiz-stats-wrapper .quiz-stats .stats-text *, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats .stats-text, #quizzes-page .quiz-wrapper .quiz-stats-wrapper .quiz-stats .stats-text * {
        margin-top: 16px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: var(--on-bg-primary);
        padding: 0 !important;
        background: unset !important; }
  .post-content .quiz-wrapper .retake-quiz-button-wrapper, #quizzes-page .quiz-wrapper .retake-quiz-button-wrapper {
    background: var(--bg-quiz);
    display: flex;
    justify-content: center;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    border-left: 1px solid var(--gray-100);
    border-right: 1px solid var(--gray-100); }
    .post-content .quiz-wrapper .retake-quiz-button-wrapper .retake-quiz-button, #quizzes-page .quiz-wrapper .retake-quiz-button-wrapper .retake-quiz-button {
      width: 100%;
      display: flex;
      justify-content: center;
      padding: 9px 12px;
      background: var(--post-background);
      border: 1px solid var(--quiz-border);
      border-radius: 3px;
      cursor: pointer; }
      .post-content .quiz-wrapper .retake-quiz-button-wrapper .retake-quiz-button:hover, #quizzes-page .quiz-wrapper .retake-quiz-button-wrapper .retake-quiz-button:hover {
        border: 1px solid var(--gray-450); }
      @media (max-width: 525px) {
        .post-content .quiz-wrapper .retake-quiz-button-wrapper .retake-quiz-button, #quizzes-page .quiz-wrapper .retake-quiz-button-wrapper .retake-quiz-button {
          width: 100%;
          text-align: center;
          box-sizing: border-box;
          justify-content: center;
          padding-top: 13px;
          padding-bottom: 13px; } }
      .post-content .quiz-wrapper .retake-quiz-button-wrapper .retake-quiz-button .left, #quizzes-page .quiz-wrapper .retake-quiz-button-wrapper .retake-quiz-button .left {
        margin-right: 8px; }
      .post-content .quiz-wrapper .retake-quiz-button-wrapper .retake-quiz-button svg, #quizzes-page .quiz-wrapper .retake-quiz-button-wrapper .retake-quiz-button svg {
        color: var(--gray-450); }
      .post-content .quiz-wrapper .retake-quiz-button-wrapper .retake-quiz-button span, #quizzes-page .quiz-wrapper .retake-quiz-button-wrapper .retake-quiz-button span {
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
        text-align: left;
        color: var(--on-bg-primary); }
  .post-content .quiz-wrapper .compare-with-others-wrapper, #quizzes-page .quiz-wrapper .compare-with-others-wrapper {
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    margin-bottom: 16px;
    background: var(--bg-quiz);
    border-left: 1px solid var(--gray-100);
    border-right: 1px solid var(--gray-100);
    border-bottom: 1px solid var(--gray-100);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
    @media (max-width: 590px) {
      .post-content .quiz-wrapper .compare-with-others-wrapper.is-expanded-quiz, #quizzes-page .quiz-wrapper .compare-with-others-wrapper.is-expanded-quiz {
        padding-left: 16px;
        padding-right: 16px; } }
    .post-content .quiz-wrapper .compare-with-others-wrapper.empty-chart, #quizzes-page .quiz-wrapper .compare-with-others-wrapper.empty-chart {
      padding-bottom: 0; }
    .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content {
      background-image: url("images/compare-results-blurred-chart.jpg");
      background-size: cover;
      background-position: center;
      border: 1px solid var(--gray-100);
      border-radius: 3px;
      padding: 24px 16px 58px 16px; }
      @media (max-width: 500px) {
        .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content {
          background-image: url("images/compare-results-blurred-chart-mobile.jpg"); } }
      .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content .compare-with-others-header, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content .compare-with-others-header {
        display: flex;
        justify-content: space-between;
        padding-bottom: 58px;
        gap: 16px; }
        @media (max-width: 500px) {
          .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content .compare-with-others-header, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content .compare-with-others-header {
            padding-bottom: 79px; } }
        .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content .compare-with-others-header .block-title, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content .compare-with-others-header .block-title {
          font-weight: 500;
          font-size: 18px;
          line-height: 24px;
          font-family: 'Roboto', sans-serif;
          color: var(--on-bg-primary);
          padding: 0; }
          @media (max-width: 345px) {
            .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content .compare-with-others-header .block-title, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content .compare-with-others-header .block-title {
              font-size: 16px; } }
      .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content .icon-wrapper, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content .icon-wrapper {
        display: flex;
        justify-content: center;
        margin-bottom: 16px; }
      .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content .cta-wrapper, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content .cta-wrapper {
        display: flex;
        justify-content: center;
        margin-top: 16px; }
        .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content .cta-wrapper .get-premium-button, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content .cta-wrapper .get-premium-button {
          background: #EBEBEB;
          padding: 12px 16px;
          border-radius: 3px;
          display: flex;
          gap: 8px;
          cursor: pointer; }
          .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content .cta-wrapper .get-premium-button:hover, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content .cta-wrapper .get-premium-button:hover {
            background: #FFFFFF; }
          .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content .cta-wrapper .get-premium-button span, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content .cta-wrapper .get-premium-button span {
            font-weight: 700;
            font-size: 16px;
            line-height: 24px;
            color: var(--on-bg-primary); }
      .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content h4, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content h4 {
        text-align: center;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 18px;
        line-height: 26px;
        color: var(--on-bg-primary);
        padding: 0 !important; }
      .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content p, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .content p {
        padding: 0 !important;
        text-align: center !important;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: var(--on-bg-primary); }
    .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper {
      background: var(--quiz-chart-bg);
      border: 1px solid var(--gray-100);
      border-radius: 3px;
      padding: 24px 16px 24px 16px; }
      @media (max-width: 380px) {
        .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper {
          padding-left: 0;
          padding-right: 0; } }
      .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .compare-with-others-header, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .compare-with-others-header {
        display: flex;
        justify-content: space-between;
        margin-bottom: 16px;
        gap: 16px; }
        @media (max-width: 380px) {
          .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .compare-with-others-header, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .compare-with-others-header {
            padding-left: 16px;
            padding-right: 16px; } }
        .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .compare-with-others-header .block-title, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .compare-with-others-header .block-title {
          font-weight: 500;
          font-size: 18px;
          line-height: 24px;
          font-family: 'Roboto', sans-serif;
          color: var(--on-bg-primary);
          padding: 0; }
          @media (max-width: 345px) {
            .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .compare-with-others-header .block-title, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .compare-with-others-header .block-title {
              font-size: 16px; } }
      .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .icon-wrapper, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .icon-wrapper {
        display: flex;
        justify-content: center;
        margin-bottom: 16px; }
      .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper {
        margin-top: 16px;
        display: flex;
        justify-content: space-between;
        gap: 16px; }
        @media (max-width: 565px) {
          .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper {
            flex-direction: column-reverse;
            justify-content: start; } }
        @media (max-width: 380px) {
          .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper {
            padding-left: 16px;
            padding-right: 16px; } }
        .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper .chart-message, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper .chart-message {
          display: flex;
          gap: 8px; }
          .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper .chart-message span, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper .chart-message span {
            font-family: 'Roboto', sans-serif;
            font-weight: 500;
            font-size: 12px;
            line-height: 16px;
            color: var(--color-quiz-chart-message); }
        .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper .legends, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper .legends {
          display: flex;
          justify-content: end;
          gap: 24px; }
          @media (max-width: 565px) {
            .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper .legends, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper .legends {
              justify-content: start; } }
          .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper .legends .legend-people-wrapper, .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper .legends .legend-answers-wrapper, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper .legends .legend-people-wrapper, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper .legends .legend-answers-wrapper {
            display: flex;
            gap: 8px; }
            .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper .legends .legend-people-wrapper span, .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper .legends .legend-answers-wrapper span, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper .legends .legend-people-wrapper span, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper .legends .legend-answers-wrapper span {
              font-family: 'Roboto', sans-serif;
              font-weight: 500;
              font-size: 12px;
              line-height: 16px;
              text-align: right;
              color: var(--color-quiz-chart-message); }
          .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper .legends .outer-circle, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper .legends .outer-circle {
            width: 18px;
            height: 18px;
            border-radius: 50%;
            border: 1px solid var(--bg-quiz-chart-legend);
            background: var(--bg-quiz-chart-legend);
            display: flex;
            justify-content: center; }
            .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper .legends .outer-circle .inner-circle, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper .legends .outer-circle .inner-circle {
              width: 2px;
              height: 2px;
              border-radius: 50%; }
              .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper .legends .outer-circle .inner-circle.yellow, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper .legends .outer-circle .inner-circle.yellow {
                border: 1px solid #FFC300;
                background: #FFC300; }
              .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper .legends .outer-circle .inner-circle.pink, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .chart-wrapper .chart-legend-wrapper .legends .outer-circle .inner-circle.pink {
                border: 1px solid #F72585;
                background: #F72585; }
    .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .more-premium-features-wrapper, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .more-premium-features-wrapper {
      text-align: center;
      margin-top: 24px; }
      .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .more-premium-features-wrapper h3, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .more-premium-features-wrapper h3 {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 18px;
        line-height: 26px;
        text-align: center !important;
        color: var(--on-bg-primary);
        padding: 0;
        margin-bottom: 12px; }
      .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .more-premium-features-wrapper span, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .more-premium-features-wrapper span {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #949494; }
      .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .more-premium-features-wrapper .premium-features, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .more-premium-features-wrapper .premium-features {
        display: flex;
        justify-content: center;
        gap: 6px 16px;
        flex-wrap: wrap; }
        .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .more-premium-features-wrapper .premium-features .feature, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .more-premium-features-wrapper .premium-features .feature {
          display: flex;
          gap: 16px; }
          .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .more-premium-features-wrapper .premium-features .feature .square, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .more-premium-features-wrapper .premium-features .feature .square {
            width: 6px;
            height: 6px;
            background: #56B863; }
    .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .login-wrapper, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .login-wrapper {
      margin-top: 16px;
      background: #FFF;
      border: 1px solid #EBEBEB;
      border-radius: 3px;
      padding-top: 12px;
      padding-bottom: 12px;
      cursor: pointer;
      display: flex;
      gap: 4px;
      justify-content: center;
      font-weight: 700;
      font-size: 16px;
      line-height: 24px;
      color: var(--on-bg-primary); }
      .post-content .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .login-wrapper .orange, #quizzes-page .quiz-wrapper .compare-with-others-wrapper .premium-promo-wrapper .login-wrapper .orange {
        color: var(--orange-150); }
  .post-content .quiz-wrapper .general-stats-wrapper, #quizzes-page .quiz-wrapper .general-stats-wrapper {
    padding: 24px 16px;
    margin-bottom: 16px;
    background: var(--bg-quiz);
    border: 1px solid var(--bg-quiz-general-stat-border);
    border-radius: 3px; }
    .post-content .quiz-wrapper .general-stats-wrapper.quiz-outcome, #quizzes-page .quiz-wrapper .general-stats-wrapper.quiz-outcome {
      margin-bottom: 0;
      background: unset;
      border: unset; }
    .post-content .quiz-wrapper .general-stats-wrapper.gray-stats span.stat, #quizzes-page .quiz-wrapper .general-stats-wrapper.gray-stats span.stat {
      color: #949494 !important; }
    .post-content .quiz-wrapper .general-stats-wrapper h3.block-title, #quizzes-page .quiz-wrapper .general-stats-wrapper h3.block-title {
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 18px;
      line-height: 24px;
      color: var(--on-bg-primary);
      padding: 0; }
    .post-content .quiz-wrapper .general-stats-wrapper .general-stats, #quizzes-page .quiz-wrapper .general-stats-wrapper .general-stats {
      margin-top: 16px;
      display: flex;
      gap: 16px;
      flex-wrap: wrap; }
      .post-content .quiz-wrapper .general-stats-wrapper .general-stats .general-stat, #quizzes-page .quiz-wrapper .general-stats-wrapper .general-stats .general-stat {
        border-left: 2px solid var(--bg-quiz-general-stat-border);
        padding-left: 16px;
        display: flex;
        flex-direction: column;
        width: calc(100% / 4 - 36px); }
        @media (max-width: 600px) {
          .post-content .quiz-wrapper .general-stats-wrapper .general-stats .general-stat, #quizzes-page .quiz-wrapper .general-stats-wrapper .general-stats .general-stat {
            width: calc(50% - 26px); } }
        .post-content .quiz-wrapper .general-stats-wrapper .general-stats .general-stat .stat-title, #quizzes-page .quiz-wrapper .general-stats-wrapper .general-stats .general-stat .stat-title {
          font-family: 'Roboto', sans-serif;
          font-weight: 700;
          font-size: 12px;
          line-height: 20px;
          color: var(--gray-450);
          text-align: left; }
        .post-content .quiz-wrapper .general-stats-wrapper .general-stats .general-stat .stat, #quizzes-page .quiz-wrapper .general-stats-wrapper .general-stats .general-stat .stat {
          font-family: 'Merriweather', sans-serif;
          font-weight: 700;
          font-size: 28px;
          line-height: 40px;
          color: var(--on-bg-primary); }
        .post-content .quiz-wrapper .general-stats-wrapper .general-stats .general-stat .total-points-wrapper, #quizzes-page .quiz-wrapper .general-stats-wrapper .general-stats .general-stat .total-points-wrapper {
          display: flex;
          gap: 8px; }
  .post-content .quiz-wrapper .see-rankings-login-wrapper, #quizzes-page .quiz-wrapper .see-rankings-login-wrapper {
    padding: 14px 16px;
    margin-bottom: 16px;
    background: var(--post-background);
    border: 1px solid var(--gray-100);
    border-radius: 3px; }
    .post-content .quiz-wrapper .see-rankings-login-wrapper .login-button, #quizzes-page .quiz-wrapper .see-rankings-login-wrapper .login-button {
      text-align: center;
      border-radius: 3px;
      background: var(--bg-newsletter-block);
      font-weight: 700;
      font-size: 16px;
      line-height: 24px;
      color: #FFF;
      padding-top: 12px;
      padding-bottom: 12px;
      cursor: pointer; }
  .post-content .quiz-wrapper .user-leaderboard-stats, #quizzes-page .quiz-wrapper .user-leaderboard-stats {
    margin-top: 12px;
    overflow: visible; }
    .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-header, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-header {
      background: var(--bg-quiz);
      border: 1px solid var(--color-quiz-leaderboards-border);
      padding-top: 12px;
      padding-bottom: 12px;
      text-align: center;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      gap: 8px; }
      .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-header span, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-header span {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: var(--quiz-text); }
      .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-header .info-icon-wrapper, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-header .info-icon-wrapper {
        border: 1px solid var(--quiz-info-icon-border-color);
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        position: relative; }
        .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-header .info-icon-wrapper svg path, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-header .info-icon-wrapper svg path {
          fill: var(--on-bg-primary); }
        .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-header .info-icon-wrapper .quiz-leaderboard-tooltip, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-header .info-icon-wrapper .quiz-leaderboard-tooltip {
          position: absolute;
          bottom: 40px;
          left: 50%;
          transform: translateX(-50%);
          background: var(--bg-quiz-leaderboard-tooltip);
          width: 205px;
          padding: 6px 8px;
          border-radius: 3px; }
          .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-header .info-icon-wrapper .quiz-leaderboard-tooltip:before, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-header .info-icon-wrapper .quiz-leaderboard-tooltip:before {
            content: '';
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            border: 10px solid transparent;
            border-top-color: var(--bg-quiz-leaderboard-tooltip); }
          @media (max-width: 395px) {
            .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-header .info-icon-wrapper .quiz-leaderboard-tooltip, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-header .info-icon-wrapper .quiz-leaderboard-tooltip {
              left: -30px; }
              .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-header .info-icon-wrapper .quiz-leaderboard-tooltip:before, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-header .info-icon-wrapper .quiz-leaderboard-tooltip:before {
                left: 151px; } }
          .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-header .info-icon-wrapper .quiz-leaderboard-tooltip span, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-header .info-icon-wrapper .quiz-leaderboard-tooltip span {
            color: #FFF;
            font-family: 'Roboto', sans-serif;
            font-weight: 500;
            font-size: 14px;
            line-height: 18px;
            text-align: center;
            box-sizing: border-box;
            display: inline-block; }
    .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper {
      overflow-x: auto; }
      .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table {
        width: 100%;
        box-sizing: border-box;
        border-left: 1px solid var(--color-quiz-leaderboards-border);
        border-right: 1px solid var(--color-quiz-leaderboards-border);
        min-width: 500px; }
        .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table thead, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table thead {
          border-bottom: 1px solid var(--color-quiz-leaderboards-border); }
          .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table thead th, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table thead th {
            font-family: 'Roboto', sans-serif;
            font-weight: 500;
            font-size: 14px;
            line-height: 22px;
            color: #949494;
            padding: 12px 16px; }
            .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table thead th .reward, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table thead th .reward {
              text-align: end; }
        .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody {
          box-sizing: border-box; }
          .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr:nth-child(odd), #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr:nth-child(odd) {
            background: var(--quiz-leaderboard-table-stripe); }
          .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr {
            border-bottom: 1px solid var(--color-quiz-leaderboards-border); }
            .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr.current-user, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr.current-user {
              background: rgba(86, 184, 99, 0.08); }
              .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr.current-user .col-1, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr.current-user .col-1 {
                border-top: 1px solid #56B863;
                border-bottom: 1px solid #56B863;
                border-left: 1px solid #56B863; }
              .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr.current-user .col-2, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr.current-user .col-2 {
                border-top: 1px solid #56B863;
                border-bottom: 1px solid #56B863; }
              .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr.current-user .col-3, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr.current-user .col-3 {
                border-top: 1px solid #56B863;
                border-bottom: 1px solid #56B863;
                border-right: 1px solid #56B863; }
            .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr:last-of-type, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr:last-of-type {
              border-bottom: none; }
            .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr td, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr td {
              padding: 12px 16px; }
            .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr.is-premium td, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr.is-premium td {
              padding: 7px 16px; }
            .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .ellipse-wrapper, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .ellipse-wrapper {
              text-align: center; }
            .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .user-avatar, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .user-avatar {
              display: flex;
              gap: 12px; }
              .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .user-avatar .avatar-wrapper, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .user-avatar .avatar-wrapper {
                display: flex;
                flex-direction: column;
                justify-content: center; }
                .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .user-avatar .avatar-wrapper .is-premium-wrapper, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .user-avatar .avatar-wrapper .is-premium-wrapper {
                  position: relative;
                  width: 50px;
                  height: 50px; }
                  .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .user-avatar .avatar-wrapper .is-premium-wrapper .premium-avatar-border, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .user-avatar .avatar-wrapper .is-premium-wrapper .premium-avatar-border {
                    border-radius: 0;
                    position: absolute;
                    width: 50px;
                    height: 50px; }
                  .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .user-avatar .avatar-wrapper .is-premium-wrapper .avatar, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .user-avatar .avatar-wrapper .is-premium-wrapper .avatar {
                    border: none;
                    padding: 0;
                    top: 5px; }
                .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .user-avatar .avatar-wrapper .avatar, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .user-avatar .avatar-wrapper .avatar {
                  border-radius: 50%;
                  padding: 2px;
                  border: 2px solid var(--bg-quiz-leaderboards-avatar-border);
                  width: 42px;
                  height: 42px;
                  background-size: cover;
                  position: relative; }
            .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .table-result-wrapper, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .table-result-wrapper {
              display: flex;
              gap: 16px; }
              .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .table-result-wrapper .score-progress, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .table-result-wrapper .score-progress {
                height: 6px;
                width: 60px;
                border-radius: 100px;
                background: var(--bg-quiz-score-progress); }
                .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .table-result-wrapper .score-progress .score-progress-inner, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .table-result-wrapper .score-progress .score-progress-inner {
                  height: 6px;
                  border-radius: 100px;
                  background: #EBEBEB; }
                  .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .table-result-wrapper .score-progress .score-progress-inner.perfect, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .table-result-wrapper .score-progress .score-progress-inner.perfect {
                    background: #56B863; }
                  .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .table-result-wrapper .score-progress .score-progress-inner.average, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .table-result-wrapper .score-progress .score-progress-inner.average {
                    background: #F0AD1C; }
                  .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .table-result-wrapper .score-progress .score-progress-inner.bad, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .table-result-wrapper .score-progress .score-progress-inner.bad {
                    background: #F64629; }
            .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .table-points-wrapper, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .table-points-wrapper {
              display: flex;
              gap: 8px; }
              .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .table-points-wrapper svg, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody tr .table-points-wrapper svg {
                width: 24px;
                height: 24px; }
          .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody .table-username-wrapper, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody .table-username-wrapper {
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 4px; }
          .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody .row-number-wrapper, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody .row-number-wrapper {
            display: flex;
            flex-direction: column;
            justify-content: center;
            min-width: 20px; }
          .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody .table-text, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody .table-text {
            font-family: 'Roboto', sans-serif;
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            color: var(--color-leaderboard-table-text); }
            .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody .table-text.subdued, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody .table-text.subdued {
              color: #949494; }
          .post-content .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody .user-name, #quizzes-page .quiz-wrapper .user-leaderboard-stats .user-leaderboards-table-wrapper .user-leaderboards-table tbody .user-name {
            text-transform: capitalize; }
  .post-content .quiz-wrapper .guest-leaderboards-table, #quizzes-page .quiz-wrapper .guest-leaderboards-table {
    display: flex;
    flex-direction: column; }
    .post-content .quiz-wrapper .guest-leaderboards-table span.table-text, #quizzes-page .quiz-wrapper .guest-leaderboards-table span.table-text {
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      color: #353535; }
      .post-content .quiz-wrapper .guest-leaderboards-table span.table-text.subdued, #quizzes-page .quiz-wrapper .guest-leaderboards-table span.table-text.subdued {
        color: #949494; }
      .post-content .quiz-wrapper .guest-leaderboards-table span.table-text.score, #quizzes-page .quiz-wrapper .guest-leaderboards-table span.table-text.score {
        font-weight: 700; }
    .post-content .quiz-wrapper .guest-leaderboards-table .blurred-image-wrapper, #quizzes-page .quiz-wrapper .guest-leaderboards-table .blurred-image-wrapper {
      border-left: 1px solid #EBEBEB;
      border-right: 1px solid #EBEBEB; }
      .post-content .quiz-wrapper .guest-leaderboards-table .blurred-image-wrapper img.blurred-image, #quizzes-page .quiz-wrapper .guest-leaderboards-table .blurred-image-wrapper img.blurred-image {
        width: 100%;
        height: auto; }
    .post-content .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper, #quizzes-page .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper {
      border: 1px solid #56B863;
      background: rgba(86, 184, 99, 0.08);
      padding: 12px 16px;
      overflow-x: auto; }
      .post-content .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .overflow-container, #quizzes-page .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .overflow-container {
        min-width: 500px;
        display: flex;
        justify-content: space-between; }
      .post-content .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .user-avatar, #quizzes-page .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .user-avatar {
        display: flex;
        gap: 12px; }
        .post-content .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .user-avatar .avatar-wrapper, #quizzes-page .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .user-avatar .avatar-wrapper {
          display: flex;
          flex-direction: column;
          justify-content: center; }
          .post-content .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .user-avatar .avatar-wrapper .is-premium-wrapper, #quizzes-page .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .user-avatar .avatar-wrapper .is-premium-wrapper {
            position: relative;
            width: 50px;
            height: 50px; }
            .post-content .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .user-avatar .avatar-wrapper .is-premium-wrapper .premium-avatar-border, #quizzes-page .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .user-avatar .avatar-wrapper .is-premium-wrapper .premium-avatar-border {
              border-radius: 0;
              position: absolute;
              width: 50px;
              height: 50px; }
            .post-content .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .user-avatar .avatar-wrapper .is-premium-wrapper .avatar, #quizzes-page .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .user-avatar .avatar-wrapper .is-premium-wrapper .avatar {
              border: none;
              padding: 0;
              top: 5px; }
          .post-content .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .user-avatar .avatar-wrapper .avatar, #quizzes-page .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .user-avatar .avatar-wrapper .avatar {
            border-radius: 50%;
            padding: 2px;
            border: 2px solid var(--bg-quiz-leaderboards-avatar-border);
            width: 42px;
            height: 42px;
            background-size: cover;
            position: relative; }
      .post-content .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .guest-panda-avatar, #quizzes-page .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .guest-panda-avatar {
        border-radius: 50%;
        padding: 2px;
        border: 2px solid var(--bg-quiz-leaderboards-avatar-border);
        width: 42px;
        height: 42px;
        background-size: cover;
        position: relative; }
      .post-content .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .score-wrapper, #quizzes-page .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .score-wrapper {
        display: flex;
        gap: 16px; }
        .post-content .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .score-wrapper .score-progress, #quizzes-page .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .score-wrapper .score-progress {
          height: 6px;
          width: 60px;
          border-radius: 100px;
          background: #EBEBEB; }
          .post-content .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .score-wrapper .score-progress .score-progress-inner, #quizzes-page .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .score-wrapper .score-progress .score-progress-inner {
            height: 6px;
            border-radius: 100px;
            background: #EBEBEB; }
            .post-content .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .score-wrapper .score-progress .score-progress-inner.perfect, #quizzes-page .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .score-wrapper .score-progress .score-progress-inner.perfect {
              background: #56B863; }
            .post-content .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .score-wrapper .score-progress .score-progress-inner.average, #quizzes-page .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .score-wrapper .score-progress .score-progress-inner.average {
              background: #F0AD1C; }
            .post-content .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .score-wrapper .score-progress .score-progress-inner.bad, #quizzes-page .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .score-wrapper .score-progress .score-progress-inner.bad {
              background: #F64629; }
      .post-content .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .points-wrapper, #quizzes-page .quiz-wrapper .guest-leaderboards-table .guest-score-wrapper .points-wrapper {
        display: flex;
        gap: 8px; }
  .post-content .quiz-wrapper .quiz-footer-wrapper, #quizzes-page .quiz-wrapper .quiz-footer-wrapper {
    padding: 16px 24px;
    width: 100%;
    text-align: center;
    border: 1px solid var(--gray-100);
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    background: var(--bg-quiz);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
    @media (max-width: 525px) {
      .post-content .quiz-wrapper .quiz-footer-wrapper, #quizzes-page .quiz-wrapper .quiz-footer-wrapper {
        flex-direction: column; } }
    .post-content .quiz-wrapper .quiz-footer-wrapper .left .retake-quiz-button, #quizzes-page .quiz-wrapper .quiz-footer-wrapper .left .retake-quiz-button {
      display: flex;
      padding: 9px 12px;
      background: var(--post-background);
      border: 1px solid var(--quiz-border);
      border-radius: 3px;
      cursor: pointer; }
      .post-content .quiz-wrapper .quiz-footer-wrapper .left .retake-quiz-button:hover, #quizzes-page .quiz-wrapper .quiz-footer-wrapper .left .retake-quiz-button:hover {
        border: 1px solid var(--gray-450); }
      @media (max-width: 525px) {
        .post-content .quiz-wrapper .quiz-footer-wrapper .left .retake-quiz-button, #quizzes-page .quiz-wrapper .quiz-footer-wrapper .left .retake-quiz-button {
          width: 100%;
          text-align: center;
          box-sizing: border-box;
          justify-content: center;
          margin: 0 0 16px 0;
          padding-top: 13px;
          padding-bottom: 13px; } }
      .post-content .quiz-wrapper .quiz-footer-wrapper .left .retake-quiz-button .left, #quizzes-page .quiz-wrapper .quiz-footer-wrapper .left .retake-quiz-button .left {
        margin-right: 8px; }
      .post-content .quiz-wrapper .quiz-footer-wrapper .left .retake-quiz-button svg, #quizzes-page .quiz-wrapper .quiz-footer-wrapper .left .retake-quiz-button svg {
        color: var(--gray-450); }
      .post-content .quiz-wrapper .quiz-footer-wrapper .left .retake-quiz-button span, #quizzes-page .quiz-wrapper .quiz-footer-wrapper .left .retake-quiz-button span {
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
        text-align: left;
        color: var(--on-bg-primary); }
    .post-content .quiz-wrapper .quiz-footer-wrapper .right, #quizzes-page .quiz-wrapper .quiz-footer-wrapper .right {
      display: flex; }
      .post-content .quiz-wrapper .quiz-footer-wrapper .right .social-icon-wrapper, #quizzes-page .quiz-wrapper .quiz-footer-wrapper .right .social-icon-wrapper {
        position: relative;
        border-radius: 50%;
        background: var(--bg-social-icon);
        height: 34px;
        width: 34px;
        margin-right: 8px;
        cursor: pointer; }
        @media (max-width: 525px) {
          .post-content .quiz-wrapper .quiz-footer-wrapper .right .social-icon-wrapper, #quizzes-page .quiz-wrapper .quiz-footer-wrapper .right .social-icon-wrapper {
            display: none; } }
        .post-content .quiz-wrapper .quiz-footer-wrapper .right .social-icon-wrapper .social-icon, #quizzes-page .quiz-wrapper .quiz-footer-wrapper .right .social-icon-wrapper .social-icon {
          width: 34px;
          height: 34px;
          display: flex;
          justify-content: center; }
          .post-content .quiz-wrapper .quiz-footer-wrapper .right .social-icon-wrapper .social-icon svg, #quizzes-page .quiz-wrapper .quiz-footer-wrapper .right .social-icon-wrapper .social-icon svg {
            height: 18px;
            width: 18px;
            line-height: 18px; }
          .post-content .quiz-wrapper .quiz-footer-wrapper .right .social-icon-wrapper .social-icon.pinterest, #quizzes-page .quiz-wrapper .quiz-footer-wrapper .right .social-icon-wrapper .social-icon.pinterest {
            color: #FFF; }
          .post-content .quiz-wrapper .quiz-footer-wrapper .right .social-icon-wrapper .social-icon.x, .post-content .quiz-wrapper .quiz-footer-wrapper .right .social-icon-wrapper .social-icon.mail, .post-content .quiz-wrapper .quiz-footer-wrapper .right .social-icon-wrapper .social-icon.clipboard, #quizzes-page .quiz-wrapper .quiz-footer-wrapper .right .social-icon-wrapper .social-icon.x, #quizzes-page .quiz-wrapper .quiz-footer-wrapper .right .social-icon-wrapper .social-icon.mail, #quizzes-page .quiz-wrapper .quiz-footer-wrapper .right .social-icon-wrapper .social-icon.clipboard {
            color: var(--icon-x-color); }
      .post-content .quiz-wrapper .quiz-footer-wrapper .right .share-button, #quizzes-page .quiz-wrapper .quiz-footer-wrapper .right .share-button {
        display: flex;
        flex-direction: row;
        justify-content: center;
        border-radius: 4px;
        border: 1px solid var(--gray-250);
        background: var(--post-background);
        padding: 0 12px;
        height: 34px;
        margin-left: 4px;
        cursor: pointer; }
        .post-content .quiz-wrapper .quiz-footer-wrapper .right .share-button:hover, #quizzes-page .quiz-wrapper .quiz-footer-wrapper .right .share-button:hover {
          border: 1px solid var(--gray-450); }
        @media (max-width: 525px) {
          .post-content .quiz-wrapper .quiz-footer-wrapper .right .share-button, #quizzes-page .quiz-wrapper .quiz-footer-wrapper .right .share-button {
            margin-left: 0;
            width: 100%;
            height: 42px; } }
        .post-content .quiz-wrapper .quiz-footer-wrapper .right .share-button .share-button-icon, #quizzes-page .quiz-wrapper .quiz-footer-wrapper .right .share-button .share-button-icon {
          color: var(--gray-500);
          margin-right: 0.5rem; }
        .post-content .quiz-wrapper .quiz-footer-wrapper .right .share-button .share-button-text, #quizzes-page .quiz-wrapper .quiz-footer-wrapper .right .share-button .share-button-text {
          color: var(--gray-800);
          font-size: 0.875rem;
          font-weight: 600;
          padding: 0; }
  .post-content .quiz-wrapper.quiz-type-outcome .answers .answer.checked, #quizzes-page .quiz-wrapper.quiz-type-outcome .answers .answer.checked {
    border-color: var(--green-200); }
    .post-content .quiz-wrapper.quiz-type-outcome .answers .answer.checked .outer-circle, #quizzes-page .quiz-wrapper.quiz-type-outcome .answers .answer.checked .outer-circle {
      border-color: var(--green-200); }
  .post-content .quiz-wrapper.quiz-type-pick_correct .answers .answer.unfocused, #quizzes-page .quiz-wrapper.quiz-type-pick_correct .answers .answer.unfocused {
    border-color: var(--quiz-border);
    background-color: var(--quiz-unfocused-bg); }
    .post-content .quiz-wrapper.quiz-type-pick_correct .answers .answer.unfocused p, .post-content .quiz-wrapper.quiz-type-pick_correct .answers .answer.unfocused span, .post-content .quiz-wrapper.quiz-type-pick_correct .answers .answer.unfocused a, .post-content .quiz-wrapper.quiz-type-pick_correct .answers .answer.unfocused li, #quizzes-page .quiz-wrapper.quiz-type-pick_correct .answers .answer.unfocused p, #quizzes-page .quiz-wrapper.quiz-type-pick_correct .answers .answer.unfocused span, #quizzes-page .quiz-wrapper.quiz-type-pick_correct .answers .answer.unfocused a, #quizzes-page .quiz-wrapper.quiz-type-pick_correct .answers .answer.unfocused li {
      background: var(--quiz-unfocused-bg) !important;
      color: var(--gray-450) !important; }
    .post-content .quiz-wrapper.quiz-type-pick_correct .answers .answer.unfocused .outer-circle, #quizzes-page .quiz-wrapper.quiz-type-pick_correct .answers .answer.unfocused .outer-circle {
      border-color: var(--gray-450); }
  .post-content .quiz-wrapper.quiz-type-pick_correct .answers .answer.correct, #quizzes-page .quiz-wrapper.quiz-type-pick_correct .answers .answer.correct {
    border-color: var(--green-200);
    background: var(--quiz-correct-bg); }
    .post-content .quiz-wrapper.quiz-type-pick_correct .answers .answer.correct p, .post-content .quiz-wrapper.quiz-type-pick_correct .answers .answer.correct span, .post-content .quiz-wrapper.quiz-type-pick_correct .answers .answer.correct a, .post-content .quiz-wrapper.quiz-type-pick_correct .answers .answer.correct li, #quizzes-page .quiz-wrapper.quiz-type-pick_correct .answers .answer.correct p, #quizzes-page .quiz-wrapper.quiz-type-pick_correct .answers .answer.correct span, #quizzes-page .quiz-wrapper.quiz-type-pick_correct .answers .answer.correct a, #quizzes-page .quiz-wrapper.quiz-type-pick_correct .answers .answer.correct li {
      color: var(--on-bg-primary) !important;
      background: var(--quiz-correct-bg) !important; }
    .post-content .quiz-wrapper.quiz-type-pick_correct .answers .answer.correct .outer-circle, #quizzes-page .quiz-wrapper.quiz-type-pick_correct .answers .answer.correct .outer-circle {
      border-color: var(--green-200); }
  .post-content .quiz-wrapper.quiz-type-pick_correct .answers .answer.checked .outer-circle, #quizzes-page .quiz-wrapper.quiz-type-pick_correct .answers .answer.checked .outer-circle {
    border-color: var(--green-200); }
  .post-content .quiz-wrapper.quiz-type-pick_correct .answers .answer.checked.incorrect, #quizzes-page .quiz-wrapper.quiz-type-pick_correct .answers .answer.checked.incorrect {
    border-color: #F74728;
    background: var(--quiz-incorrect-bg); }
    .post-content .quiz-wrapper.quiz-type-pick_correct .answers .answer.checked.incorrect p, .post-content .quiz-wrapper.quiz-type-pick_correct .answers .answer.checked.incorrect span, .post-content .quiz-wrapper.quiz-type-pick_correct .answers .answer.checked.incorrect a, .post-content .quiz-wrapper.quiz-type-pick_correct .answers .answer.checked.incorrect li, #quizzes-page .quiz-wrapper.quiz-type-pick_correct .answers .answer.checked.incorrect p, #quizzes-page .quiz-wrapper.quiz-type-pick_correct .answers .answer.checked.incorrect span, #quizzes-page .quiz-wrapper.quiz-type-pick_correct .answers .answer.checked.incorrect a, #quizzes-page .quiz-wrapper.quiz-type-pick_correct .answers .answer.checked.incorrect li {
      background: var(--quiz-incorrect-bg) !important; }
    .post-content .quiz-wrapper.quiz-type-pick_correct .answers .answer.checked.incorrect .outer-circle, #quizzes-page .quiz-wrapper.quiz-type-pick_correct .answers .answer.checked.incorrect .outer-circle {
      border-color: #F64629 !important; }
      .post-content .quiz-wrapper.quiz-type-pick_correct .answers .answer.checked.incorrect .outer-circle .inner-circle.checked, #quizzes-page .quiz-wrapper.quiz-type-pick_correct .answers .answer.checked.incorrect .outer-circle .inner-circle.checked {
        background: #F64629; }
  .post-content .quiz-wrapper .tooltip-box, #quizzes-page .quiz-wrapper .tooltip-box {
    display: none;
    position: absolute;
    background: var(--bg-tooltip);
    color: var(--text-on-dark);
    border-radius: 3px;
    bottom: 3rem;
    transform: translateX(-31%);
    text-align: center;
    padding: 0.5625rem 0.5rem;
    left: -0.375rem;
    white-space: nowrap; }
    .post-content .quiz-wrapper .tooltip-box ::after, #quizzes-page .quiz-wrapper .tooltip-box ::after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      position: absolute;
      left: 50%;
      bottom: 0%;
      transform: translate(-50%, 96%);
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid var(--bg-tooltip); }
    .post-content .quiz-wrapper .tooltip-box .tooltip-content, #quizzes-page .quiz-wrapper .tooltip-box .tooltip-content {
      display: flex; }
      .post-content .quiz-wrapper .tooltip-box .tooltip-content .tooltip-icon, #quizzes-page .quiz-wrapper .tooltip-box .tooltip-content .tooltip-icon {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-right: 0.625rem; }
        .post-content .quiz-wrapper .tooltip-box .tooltip-content .tooltip-icon svg, #quizzes-page .quiz-wrapper .tooltip-box .tooltip-content .tooltip-icon svg {
          width: 1.375rem;
          height: 1.375rem; }
      .post-content .quiz-wrapper .tooltip-box .tooltip-content .tooltip-text, #quizzes-page .quiz-wrapper .tooltip-box .tooltip-content .tooltip-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 0.875rem; }
        .post-content .quiz-wrapper .tooltip-box .tooltip-content .tooltip-text p, #quizzes-page .quiz-wrapper .tooltip-box .tooltip-content .tooltip-text p {
          color: #FFFF;
          padding: 0;
          font-size: 14px;
          line-height: 14px;
          font-weight: 500;
          font-family: 'Roboto', sans-serif; }
  .post-content .quiz-wrapper .hidden-images-wrapper, #quizzes-page .quiz-wrapper .hidden-images-wrapper {
    display: flex;
    flex-wrap: wrap; }
    .post-content .quiz-wrapper .hidden-images-wrapper img.invisible-image, #quizzes-page .quiz-wrapper .hidden-images-wrapper img.invisible-image {
      width: 1px;
      height: 1px;
      opacity: 0; }
  .post-content .quiz-wrapper .quiz-outcome-content .quiz-footer-wrapper, #quizzes-page .quiz-wrapper .quiz-outcome-content .quiz-footer-wrapper {
    border-left: 0;
    border-right: 0; }

.post-content .quiz-wrapper.shopping-template {
  padding-bottom: 2rem; }

.quiz-content .answers {
  flex-wrap: wrap;
  gap: 16px; }
  .quiz-content .answers .answer-and-link-wrapper {
    width: calc(50% - 11px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid var(--quiz-border); }
    .quiz-content .answers .answer-and-link-wrapper.checked {
      border-color: var(--green-200); }
      .quiz-content .answers .answer-and-link-wrapper.checked .image-answer-wrapper .answer-footer .outer-circle {
        border-color: var(--green-200); }
    .quiz-content .answers .answer-and-link-wrapper.unfocused {
      opacity: 0.75; }
    .quiz-content .answers .answer-and-link-wrapper.correct {
      opacity: 1;
      border-color: var(--green-200);
      background: var(--quiz-correct-bg) !important; }
      .quiz-content .answers .answer-and-link-wrapper.correct .image-answer-wrapper .answer-footer {
        background: var(--quiz-correct-bg) !important; }
        .quiz-content .answers .answer-and-link-wrapper.correct .image-answer-wrapper .answer-footer .content * {
          color: var(--on-bg-primary); }
        .quiz-content .answers .answer-and-link-wrapper.correct .image-answer-wrapper .answer-footer .outer-circle {
          border-color: var(--green-200); }
          .quiz-content .answers .answer-and-link-wrapper.correct .image-answer-wrapper .answer-footer .outer-circle .inner-circle, .quiz-content .answers .answer-and-link-wrapper.correct .image-answer-wrapper .answer-footer .outer-circle .inner-circle.checked {
            background: var(--green-200); }
    .quiz-content .answers .answer-and-link-wrapper.incorrect {
      opacity: 1;
      border-color: #F74728;
      background: var(--quiz-incorrect-bg) !important; }
      .quiz-content .answers .answer-and-link-wrapper.incorrect .image-answer-wrapper .answer-footer {
        background: var(--quiz-incorrect-bg) !important; }
        .quiz-content .answers .answer-and-link-wrapper.incorrect .image-answer-wrapper .answer-footer .content * {
          color: var(--on-bg-primary); }
        .quiz-content .answers .answer-and-link-wrapper.incorrect .image-answer-wrapper .answer-footer .outer-circle {
          border-color: #F64629 !important; }
          .quiz-content .answers .answer-and-link-wrapper.incorrect .image-answer-wrapper .answer-footer .outer-circle .inner-circle, .quiz-content .answers .answer-and-link-wrapper.incorrect .image-answer-wrapper .answer-footer .outer-circle .inner-circle.checked {
            background: #F64629; }
    .quiz-content .answers .answer-and-link-wrapper .image-answer-wrapper {
      display: flex;
      flex-direction: column; }
      .quiz-content .answers .answer-and-link-wrapper .image-answer-wrapper .answer-footer {
        background: var(--bg-quiz);
        padding: 1rem;
        cursor: pointer;
        display: flex; }
        @media (max-width: 400px) {
          .quiz-content .answers .answer-and-link-wrapper .image-answer-wrapper .answer-footer {
            padding: 0.75rem; } }
        .quiz-content .answers .answer-and-link-wrapper .image-answer-wrapper .answer-footer .outer-circle {
          width: 1rem;
          height: 1rem;
          border: 2px solid var(--gray-450);
          border-radius: 50%;
          display: flex;
          flex-direction: row;
          justify-content: center; }
          @media (max-width: 400px) {
            .quiz-content .answers .answer-and-link-wrapper .image-answer-wrapper .answer-footer .outer-circle {
              display: none; } }
          .quiz-content .answers .answer-and-link-wrapper .image-answer-wrapper .answer-footer .outer-circle .inner-circle.checked {
            width: 0.625rem;
            height: 0.625rem;
            background: var(--green-200);
            border-radius: 50%; }
        .quiz-content .answers .answer-and-link-wrapper .image-answer-wrapper .answer-footer .content {
          margin-left: 0.75rem;
          font-family: 'Roboto', sans-serif; }
          @media (max-width: 400px) {
            .quiz-content .answers .answer-and-link-wrapper .image-answer-wrapper .answer-footer .content {
              margin-left: 0; } }
          .quiz-content .answers .answer-and-link-wrapper .image-answer-wrapper .answer-footer .content p {
            padding: 0; }
        .quiz-content .answers .answer-and-link-wrapper .image-answer-wrapper .answer-footer .content, .quiz-content .answers .answer-and-link-wrapper .image-answer-wrapper .answer-footer .content * {
          font-size: 1rem;
          line-height: 1.5rem;
          font-weight: 600;
          color: var(--on-bg-primary);
          padding: 0;
          font-family: 'Roboto', sans-serif; }
          @media (max-width: 400px) {
            .quiz-content .answers .answer-and-link-wrapper .image-answer-wrapper .answer-footer .content, .quiz-content .answers .answer-and-link-wrapper .image-answer-wrapper .answer-footer .content * {
              font-family: 'Roboto', sans-serif;
              font-size: 0.875rem;
              font-weight: 600;
              line-height: 1.25rem;
              text-align: center !important; } }
      .quiz-content .answers .answer-and-link-wrapper .image-answer-wrapper .image-answer {
        position: relative; }
        .quiz-content .answers .answer-and-link-wrapper .image-answer-wrapper .image-answer img.answer-image {
          object-fit: cover;
          aspect-ratio: 3/2;
          max-width: 100%; }
        .quiz-content .answers .answer-and-link-wrapper .image-answer-wrapper .image-answer .answer-image-credits {
          position: absolute;
          bottom: 0;
          right: 0;
          background: var(--post-background-60);
          padding: 4px 6px; }
          .quiz-content .answers .answer-and-link-wrapper .image-answer-wrapper .image-answer .answer-image-credits p {
            padding: 0; }
          .quiz-content .answers .answer-and-link-wrapper .image-answer-wrapper .image-answer .answer-image-credits * {
            font-family: 'Roboto', sans-serif;
            color: var(--on-bg-primary);
            font-size: 10px;
            font-weight: 400;
            line-height: 12px;
            margin: 0;
            padding: 0; }
    .quiz-content .answers .answer-and-link-wrapper .image-answer-link-wrapper {
      border-top: 1px solid var(--quiz-border);
      background: var(--bg-quiz);
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem; }
      .quiz-content .answers .answer-and-link-wrapper .image-answer-link-wrapper.correct {
        border-top-color: var(--green-200);
        background: var(--quiz-correct-bg); }
        .quiz-content .answers .answer-and-link-wrapper .image-answer-link-wrapper.correct .answer-link *, .quiz-content .answers .answer-and-link-wrapper .image-answer-link-wrapper.correct .answer-link a:hover {
          color: #353535; }
      .quiz-content .answers .answer-and-link-wrapper .image-answer-link-wrapper.incorrect {
        border-top-color: #F74728;
        background: var(--quiz-incorrect-bg); }
        .quiz-content .answers .answer-and-link-wrapper .image-answer-link-wrapper.incorrect .answer-link *, .quiz-content .answers .answer-and-link-wrapper .image-answer-link-wrapper.incorrect .answer-link a:hover {
          color: var(--on-bg-primary); }
      .quiz-content .answers .answer-and-link-wrapper .image-answer-link-wrapper .answer-link {
        display: flex;
        justify-content: center; }
        .quiz-content .answers .answer-and-link-wrapper .image-answer-link-wrapper .answer-link p {
          padding: 0;
          width: auto;
          display: inline-block; }
        .quiz-content .answers .answer-and-link-wrapper .image-answer-link-wrapper .answer-link a {
          font-family: 'Roboto', sans-serif;
          font-size: 14px;
          font-weight: 500;
          line-height: 20px;
          text-align: center;
          text-decoration: underline;
          color: var(--gray-450); }
          .quiz-content .answers .answer-and-link-wrapper .image-answer-link-wrapper .answer-link a:hover {
            color: var(--on-bg-primary); }

.quiz-content .type-it-answer-wrapper {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px; }
  @media (max-width: 590px) {
    .quiz-content .type-it-answer-wrapper {
      padding-top: 24px;
      padding-left: 16px;
      padding-right: 16px; } }
  .quiz-content .type-it-answer-wrapper .answer-input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid var(--border-type-it-answer-input);
    border-radius: 3px;
    background: var(--bg-type-it-answer-input);
    color: var(--color-type-it-answer-input); }
    .quiz-content .type-it-answer-wrapper .answer-input.correct {
      border: 1px solid #56B863; }
    .quiz-content .type-it-answer-wrapper .answer-input.incorrect {
      border: 1px solid #F64629; }
    .quiz-content .type-it-answer-wrapper .answer-input.give_up {
      border: 1px solid #F0AD1C; }
  .quiz-content .type-it-answer-wrapper .button-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px; }
    .quiz-content .type-it-answer-wrapper .button-wrapper .guess-answer {
      display: flex;
      justify-content: center;
      width: 100%;
      box-sizing: border-box;
      background: #3058DD;
      border: 1px solid #3058DD;
      border-radius: 3px;
      padding-top: 10px;
      padding-bottom: 10px;
      gap: 8px;
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 16px;
      line-height: 24px;
      text-align: center;
      color: #FFF;
      cursor: pointer; }
      .quiz-content .type-it-answer-wrapper .button-wrapper .guess-answer:hover {
        opacity: 0.9; }
      .quiz-content .type-it-answer-wrapper .button-wrapper .guess-answer.correct {
        border: 1px solid #56B863;
        background: #56B863;
        pointer-events: none; }
      .quiz-content .type-it-answer-wrapper .button-wrapper .guess-answer.incorrect {
        border: 1px solid #F64629;
        background: #F64629; }
      .quiz-content .type-it-answer-wrapper .button-wrapper .guess-answer.give_up {
        border: 1px solid #F0AD1C;
        background: #F0AD1C;
        pointer-events: none; }
      .quiz-content .type-it-answer-wrapper .button-wrapper .guess-answer.shake {
        -webkit-animation-name: invalid-answer-shaker;
        -webkit-animation-duration: 0.1s;
        -webkit-transform-origin: 75% 75%;
        -webkit-animation-timing-function: linear; }
      .quiz-content .type-it-answer-wrapper .button-wrapper .guess-answer svg path {
        stroke: #FFF; }
    .quiz-content .type-it-answer-wrapper .button-wrapper .below-guess-button {
      display: flex;
      flex-direction: column;
      gap: 12px; }
      .quiz-content .type-it-answer-wrapper .button-wrapper .below-guess-button span.message {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: var(--on-bg-primary); }
      .quiz-content .type-it-answer-wrapper .button-wrapper .below-guess-button .give-up-wrapper {
        display: flex;
        justify-content: center;
        gap: 8px;
        color: #D74B1F; }
        .quiz-content .type-it-answer-wrapper .button-wrapper .below-guess-button .give-up-wrapper span {
          font-family: 'Roboto', sans-serif;
          font-weight: 700;
          font-size: 16px;
          line-height: 24px;
          text-align: center; }
        .quiz-content .type-it-answer-wrapper .button-wrapper .below-guess-button .give-up-wrapper .column {
          cursor: pointer; }
          .quiz-content .type-it-answer-wrapper .button-wrapper .below-guess-button .give-up-wrapper .column:hover {
            opacity: 0.9; }

.quiz-content .type-it-explanation-wrapper {
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px; }
  @media (max-width: 590px) {
    .quiz-content .type-it-explanation-wrapper {
      padding-left: 16px;
      padding-right: 16px; } }
  .quiz-content .type-it-explanation-wrapper .explanation-content {
    background: var(--bg-quiz-explanation);
    border-radius: 3px;
    padding: 24px;
    display: flex;
    gap: 16px; }
    @media (max-width: 600px) {
      .quiz-content .type-it-explanation-wrapper .explanation-content {
        flex-direction: column; } }
    .quiz-content .type-it-explanation-wrapper .explanation-content .text {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      gap: 16px; }
      .quiz-content .type-it-explanation-wrapper .explanation-content .text .explanation-title {
        display: flex;
        gap: 8px; }
        .quiz-content .type-it-explanation-wrapper .explanation-content .text .explanation-title h3 {
          padding: 0;
          font-family: 'Roboto', sans-serif;
          font-size: 20px;
          font-weight: 600;
          line-height: 28px;
          text-align: left;
          color: var(--on-bg-primary);
          margin-bottom: 0; }
        .quiz-content .type-it-explanation-wrapper .explanation-content .text .explanation-title i {
          display: flex;
          height: 24px;
          width: 24px; }
        .quiz-content .type-it-explanation-wrapper .explanation-content .text .explanation-title .smile {
          color: var(--green-200); }
        .quiz-content .type-it-explanation-wrapper .explanation-content .text .explanation-title .meh {
          color: #F74728; }
      .quiz-content .type-it-explanation-wrapper .explanation-content .text .explanation, .quiz-content .type-it-explanation-wrapper .explanation-content .text .explanation * {
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        color: var(--on-bg-primary);
        padding: 0 !important;
        background: unset !important; }
      .quiz-content .type-it-explanation-wrapper .explanation-content .text .explanation a {
        text-decoration: underline;
        color: var(--orange-150); }
    .quiz-content .type-it-explanation-wrapper .explanation-content .explanation-image-wrapper .explanation-image {
      object-fit: cover;
      aspect-ratio: 3/2;
      max-width: 240px; }
      @media (max-width: 600px) {
        .quiz-content .type-it-explanation-wrapper .explanation-content .explanation-image-wrapper .explanation-image {
          max-width: 100%;
          width: 100%; } }
    .quiz-content .type-it-explanation-wrapper .explanation-content .explanation-image-wrapper .explanation-image-credits, .quiz-content .type-it-explanation-wrapper .explanation-content .explanation-image-wrapper .explanation-image-credits * {
      font-family: 'Roboto', sans-serif;
      font-size: 11px;
      font-weight: 400;
      line-height: 12.89px;
      text-align: left;
      color: var(--gray-300);
      padding: 0 !important; }
    .quiz-content .type-it-explanation-wrapper .explanation-content .explanation-image-wrapper .explanation-image-credits {
      margin-top: 8px; }

@-webkit-keyframes invalid-answer-shaker {
  0% {
    -webkit-transform: translate(2px, 0); }
  50% {
    -webkit-transform: translate(-2px, 0); }
  100% {
    -webkit-transform: translate(2px, 0); } }

#post-quiz .quiz-content.expanded {
  background: unset;
  border-left: none;
  border-right: none;
  border-bottom: none; }
  #post-quiz .quiz-content.expanded .questions .question {
    background: var(--bg-quiz);
    margin-bottom: 32px;
    padding-top: 24px;
    padding-bottom: 24px;
    border: 1px solid var(--gray-100); }
    #post-quiz .quiz-content.expanded .questions .question:first-of-type {
      border-top: none; }
    #post-quiz .quiz-content.expanded .questions .question .explanation-wrapper {
      border-bottom: none;
      padding-bottom: 0; }
  #post-quiz .quiz-content.expanded .questions .question:last-of-type {
    margin-bottom: 0; }

#post-quiz .slot-wrapper {
  margin-top: 32px;
  margin-bottom: 32px;
  text-align: center;
  display: flex;
  justify-content: space-between; }
  #post-quiz .slot-wrapper.dblock-wider {
    display: block;
    margin-left: -14px;
    margin-right: -14px;
    padding: 0px; }
  @media (max-width: 501px) {
    #post-quiz .slot-wrapper {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 501px) {
    #post-quiz .slot-wrapper {
      padding-left: 24px;
      padding-right: 24px; } }

#post-quiz .mobile-slot-wrapper {
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  justify-content: center; }

.tox-tinymce-aux {
  z-index: 9999 !important; }

#quizzes-feed-page {
  max-width: 660px;
  background: var(--white);
  border-radius: 4px; }
  @media (max-width: 1020px) {
    #quizzes-feed-page {
      max-width: 640px; } }
  #quizzes-feed-page h1 {
    font-size: 29px;
    font-weight: 700;
    line-height: 40px;
    font-family: 'Merriweather', sans-serif;
    color: var(--gray-800);
    padding: 24px; }
  #quizzes-feed-page .title-wrapper {
    background: var(--bg-newsletter);
    border-bottom: 1px solid var(--gray-100); }
    #quizzes-feed-page .title-wrapper h1 {
      color: var(--on-bg-dark); }
  #quizzes-feed-page .loading-indicator {
    background: var(--bg-newsletter); }
  #quizzes-feed-page .quizzes-wrapper {
    padding: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    background: var(--bg-newsletter); }
    #quizzes-feed-page .quizzes-wrapper .quiz {
      box-sizing: border-box;
      padding: 24px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 50%; }
      @media (max-width: 630px) {
        #quizzes-feed-page .quizzes-wrapper .quiz {
          width: 100%;
          border: 1px solid var(--gray-100);
          margin-bottom: 1rem; }
          #quizzes-feed-page .quizzes-wrapper .quiz:last-child {
            margin-bottom: 0; } }
      @media (min-width: 631px) {
        #quizzes-feed-page .quizzes-wrapper .quiz:nth-child(1), #quizzes-feed-page .quizzes-wrapper .quiz:nth-child(2) {
          border-top: 1px solid var(--gray-100); }
        #quizzes-feed-page .quizzes-wrapper .quiz:nth-child(odd) {
          border-left: 1px solid var(--gray-100);
          border-right: 1px solid var(--gray-100);
          border-bottom: 1px solid var(--gray-100); }
        #quizzes-feed-page .quizzes-wrapper .quiz:nth-child(even) {
          border-right: 1px solid var(--gray-100);
          border-bottom: 1px solid var(--gray-100); } }
      #quizzes-feed-page .quizzes-wrapper .quiz .quiz-header .quiz-title, #quizzes-feed-page .quizzes-wrapper .quiz .quiz-header .quiz-title * {
        color: var(--gray-450);
        font-size: 16px;
        font-weight: 600;
        line-height: 18.75px; }
      #quizzes-feed-page .quizzes-wrapper .quiz .quiz-header .quiz-question {
        margin-top: 1rem;
        color: var(--on-bg-dark);
        font-size: 18px;
        font-weight: 700;
        font-family: 'Merriweather', sans-serif;
        line-height: 25px; }
      #quizzes-feed-page .quizzes-wrapper .quiz .take-quiz-button {
        background: var(--orange-150);
        cursor: pointer;
        display: flex;
        justify-content: center;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        margin-top: 1.5rem;
        color: var(--white);
        border-radius: 3px;
        line-height: 1.5rem;
        font-weight: 600; }
        #quizzes-feed-page .quizzes-wrapper .quiz .take-quiz-button:hover {
          background: var(--orange-100); }
  #quizzes-feed-page .show-more-wrapper {
    display: flex;
    justify-content: center;
    padding-bottom: 1.5rem;
    background: var(--bg-newsletter); }
    #quizzes-feed-page .show-more-wrapper button.show-more {
      font-weight: 600;
      font-size: 0.875rem;
      color: var(--orange-150);
      text-decoration: underline;
      border: 0;
      background: transparent;
      cursor: pointer;
      line-height: 1.25rem; }
  #quizzes-feed-page .loader {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: block;
    margin: 15px auto;
    position: relative;
    color: var(--gray-250);
    box-sizing: border-box;
    animation: loaderAnimation 1s linear infinite; }

@keyframes loaderAnimation {
  0% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px; }
  25% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 2px; }
  50% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 2px, -38px 0 0 -2px; }
  75% {
    box-shadow: 14px 0 0 2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px; }
  100% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 2px, -14px 0 0 -2px, -38px 0 0 -2px; } }

.quiz-nl-subscribe-wrapper {
  padding-top: 15px;
  padding-bottom: 24px; }
  @media (max-width: 768px) {
    .quiz-nl-subscribe-wrapper {
      padding: 24px; } }
  @media (max-width: 480px) {
    .quiz-nl-subscribe-wrapper {
      padding: 12px; } }

.quiz-nl-subscribe-block {
  border-radius: 3px;
  border: 1px solid var(--quiz-subscribe-block-border);
  background: var(--quiz-subscribe-block-bg);
  display: flex;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px; }
  .quiz-nl-subscribe-block .block-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch; }
    .quiz-nl-subscribe-block .block-header .title {
      color: var(--quiz-subscribe-block-title);
      font-family: Merriweather;
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: 26px;
      /* 144.444% */ }
    .quiz-nl-subscribe-block .block-header .description {
      color: var(--quiz-subscribe-block-description);
      font-family: Roboto;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 19.6px; }
  .quiz-nl-subscribe-block .block-body {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch; }
    .quiz-nl-subscribe-block .block-body .email-input {
      outline: 0;
      display: flex;
      padding: 9px 16px;
      align-items: center;
      gap: 8px;
      flex: 1 0 0;
      border-radius: 3px;
      border: 1px solid var(--quiz-subscribe-block-input-border);
      background: var(--quiz-subscribe-block-input-bg);
      color: var(--quiz-subscribe-block-info);
      font-family: Roboto;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 20px; }
      .quiz-nl-subscribe-block .block-body .email-input.invalid-email {
        border: 1px solid var(--orange-150) !important; }
    .quiz-nl-subscribe-block .block-body .subscribe-btn {
      display: flex;
      padding: 10px 32px;
      justify-content: center;
      cursor: pointer;
      align-items: center;
      gap: 12px;
      border-radius: 3px;
      border: none;
      background: var(--quiz-subscribe-block-button);
      color: var(--quiz-subscribe-block-button-text);
      font-family: Roboto;
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: 20px; }
  .quiz-nl-subscribe-block .success-message {
    font-size: 15px;
    margin-top: 10px;
    background-color: #56B863;
    padding: 12px 30px;
    line-height: 25px;
    width: 100%;
    color: white;
    box-sizing: border-box;
    border-radius: 3px;
    display: flex;
    gap: 10px; }
    .quiz-nl-subscribe-block .success-message.hidden {
      display: none; }
    .quiz-nl-subscribe-block .success-message .checkmark {
      width: 24px;
      height: 24px;
      flex-shrink: 0;
      content: "";
      outline: none;
      margin: 0;
      -webkit-appearance: none;
      background-image: url("images/icons/checkmark-applied-white.svg"); }
  .quiz-nl-subscribe-block .ps-info {
    color: var(--quiz-subscribe-block-info);
    font-family: Roboto;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 180% */ }
  @media (max-width: 480px) {
    .quiz-nl-subscribe-block .block-header .title {
      font-size: 20px; }
    .quiz-nl-subscribe-block .block-header .description {
      font-size: 16px; }
    .quiz-nl-subscribe-block .block-body {
      flex-direction: column;
      gap: 16px; }
      .quiz-nl-subscribe-block .block-body .email-input {
        padding: 12px 32px;
        font-size: 16px;
        width: 100%;
        box-sizing: border-box; }
      .quiz-nl-subscribe-block .block-body .subscribe-btn {
        padding: 12px 32px;
        font-size: 16px;
        width: 100%;
        box-sizing: border-box; }
    .quiz-nl-subscribe-block .ps-info {
      font-size: 12px; } }

.warning-container {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  grid-template-rows: auto auto;
  background-color: rgba(240, 173, 28, 0.06);
  border: 1px solid rgba(240, 173, 28, 0.5);
  border-radius: 3px;
  padding: 12px 24px;
  min-height: 53px;
  margin-bottom: 24px;
  margin-top: 24px; }
  .warning-container.is-hidden {
    display: none; }
  .warning-container .item1 {
    grid-column: 1 / 3;
    grid-row: 1;
    width: 100%;
    height: 25px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    line-height: 100%;
    color: #353535;
    flex: none;
    order: 0;
    flex-grow: 0; }
    .warning-container .item1 > p {
      font-weight: 600 !important;
      font-size: 18px !important; }
  .warning-container .item2 {
    grid-column: 1 / 3;
    grid-row: 2;
    width: 100%;
    min-height: 25px;
    height: auto;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    line-height: 100%;
    color: #949494;
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0; }
    .warning-container .item2 .text-questions {
      color: var(--quiz-score-progress-bar-bg-warning) !important; }
    .warning-container .item2 > p {
      color: var(--quiz-subscribe-block-description) !important;
      font-size: 16px !important;
      font-weight: 500 !important;
      padding: 0px !important; }
  .warning-container .item3 {
    grid-column: 3;
    grid-row: 1 / 3;
    align-self: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    gap: 8px;
    width: 144px;
    height: 23px;
    background: #d74b1f;
    border-radius: 3px;
    flex: none;
    order: 1;
    flex-grow: 0; }
    .warning-container .item3 > span {
      width: 100%;
      height: 22px;
      font-family: 'Roboto', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 22px;
      text-align: center;
      color: #ffffff !important;
      flex: none;
      order: 0;
      flex-grow: 0;
      cursor: pointer;
      user-select: none; }
  @media (max-width: 600px) {
    .warning-container {
      grid-template-columns: 1fr;
      grid-template-rows: auto auto auto;
      padding: 20px 16px;
      margin-left: 12px;
      margin-right: 12px; }
      .warning-container .item1 {
        grid-column: 1;
        grid-row: 1;
        margin-bottom: 4px; }
        .warning-container .item1 > p {
          font-size: 20px !important;
          font-weight: 600 !important;
          padding-left: 0px !important; }
      .warning-container .item2 {
        grid-column: 1;
        grid-row: 2;
        margin-bottom: 12px; }
      .warning-container .item3 {
        grid-column: 1;
        grid-row: 3;
        width: 100%;
        height: auto;
        padding: 12px 0;
        justify-content: center; } }

.bp-container.game-center {
  max-width: 1248px !important; }

main.bp-container.game-center {
  margin: 0 !important;
  padding: 0 !important;
  max-width: unset !important;
  width: 100%; }

#game-center-page {
  position: relative;
  overflow: hidden; }
  #game-center-page .game-center-hero {
    background-image: url("images/game-center/bg-game-center.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-width: 100%;
    height: 520px;
    z-index: 1;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center; }
    @media (max-width: 768px) {
      #game-center-page .game-center-hero {
        background-image: url("images/game-center/bg-game-center-mobile.jpg"); } }
    @media (max-width: 480px) {
      #game-center-page .game-center-hero {
        height: 458px; } }
    #game-center-page .game-center-hero .page-title-block {
      display: flex;
      flex-direction: column;
      margin-top: 40px;
      text-align: center;
      position: relative; }
      #game-center-page .game-center-hero .page-title-block .floating-panda {
        position: absolute;
        top: 144px;
        left: 50%;
        transform: translateX(-50%);
        animation: floatingPanda 7s ease-in-out infinite; }
        @media (max-width: 790px) {
          #game-center-page .game-center-hero .page-title-block .floating-panda svg {
            width: 210px; } }
        @media (max-width: 480px) {
          #game-center-page .game-center-hero .page-title-block .floating-panda {
            top: 80px; } }
      #game-center-page .game-center-hero .page-title-block .floating-island-right {
        position: absolute;
        top: 50px;
        left: 160%;
        animation: floatingIslandRight 10s ease-in-out infinite; }
        @media (max-width: 790px) {
          #game-center-page .game-center-hero .page-title-block .floating-island-right {
            display: none; } }
      #game-center-page .game-center-hero .page-title-block .floating-island-left {
        position: absolute;
        top: 70px;
        right: 160%;
        animation: floatingIslandLeft 10s ease-in-out infinite; }
        @media (max-width: 790px) {
          #game-center-page .game-center-hero .page-title-block .floating-island-left {
            display: none; } }

@keyframes floatingPanda {
  0%, 100% {
    top: 84px; }
  50% {
    top: 114px; } }

@keyframes floatingIslandRight {
  0%, 100% {
    top: 50px; }
  50% {
    top: 25px; } }

@keyframes floatingIslandLeft {
  0%, 100% {
    top: 70px; }
  50% {
    top: 45px; } }
      #game-center-page .game-center-hero .page-title-block h1 {
        font-family: 'Roboto', sans-serif;
        font-weight: 800;
        font-size: 44px;
        line-height: 100%;
        text-align: center;
        text-transform: capitalize;
        color: #F85D63; }
      #game-center-page .game-center-hero .page-title-block h2 {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 36px;
        line-height: 100%;
        text-transform: capitalize;
        color: #FFF; }
    #game-center-page .game-center-hero .oval-background {
      width: 110%;
      height: 200px;
      display: block;
      background: var(--bg-game-center-oval);
      border-radius: 50%;
      position: absolute;
      bottom: -141px; }
  #game-center-page .game-center-content-wrapper {
    max-width: 1248px;
    z-index: 2;
    position: relative;
    display: flex;
    flex-direction: column;
    top: -130px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
    overflow: hidden; }
    @media (max-width: 480px) {
      #game-center-page .game-center-content-wrapper {
        padding-left: 0;
        padding-right: 0; } }
    #game-center-page .game-center-content-wrapper .pagination-wrapper {
      margin-top: 24px;
      display: flex;
      justify-content: center; }
      #game-center-page .game-center-content-wrapper .pagination-wrapper button {
        display: flex;
        gap: 16px;
        padding: 16px 24px;
        background: #D74B1F;
        border: 1px solid #B33D19;
        cursor: pointer;
        box-sizing: border-box;
        border-radius: 3px; }
        #game-center-page .game-center-content-wrapper .pagination-wrapper button:hover {
          background: rgba(215, 75, 31, 0.8); }
        #game-center-page .game-center-content-wrapper .pagination-wrapper button span {
          font-family: 'Roboto', sans-serif;
          font-weight: 600;
          font-size: 16px;
          line-height: 20px;
          color: #FFF; }
        #game-center-page .game-center-content-wrapper .pagination-wrapper button svg path {
          stroke: #FFF; }
      #game-center-page .game-center-content-wrapper .pagination-wrapper .loader {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        display: block;
        margin: 15px auto;
        position: relative;
        color: var(--gray-250);
        box-sizing: border-box;
        animation: loaderAnimation 1s linear infinite; }

@keyframes loaderAnimation {
  0% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px; }
  25% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 2px; }
  50% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 2px, -38px 0 0 -2px; }
  75% {
    box-shadow: 14px 0 0 2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px; }
  100% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 2px, -14px 0 0 -2px, -38px 0 0 -2px; } }
    #game-center-page .game-center-content-wrapper .content-block {
      margin-top: 48px;
      padding: 24px;
      border-radius: 0 0 5px 5px;
      background: var(--bg-content-block-game-center); }
      #game-center-page .game-center-content-wrapper .content-block.rounded {
        border-radius: 5px; }
      #game-center-page .game-center-content-wrapper .content-block.top-zero-margin {
        margin-top: 0; }
      @media (max-width: 480px) {
        #game-center-page .game-center-content-wrapper .content-block {
          padding: 0 !important; } }
      #game-center-page .game-center-content-wrapper .content-block.navbar {
        border-radius: 16px 16px 0 0;
        border-bottom: 1px solid var(--border-dark-mode-toggle);
        padding: 0px; }
        @media (max-width: 480px) {
          #game-center-page .game-center-content-wrapper .content-block.navbar {
            border-radius: 12px 12px 0 0; } }
      #game-center-page .game-center-content-wrapper .content-block.transparent-block {
        background: unset;
        padding: 0;
        display: flex;
        flex-direction: row;
        justify-content: center; }
        @media (min-width: 481px) {
          #game-center-page .game-center-content-wrapper .content-block.transparent-block .desktop {
            display: block; } }
        @media (max-width: 480px) {
          #game-center-page .game-center-content-wrapper .content-block.transparent-block .desktop {
            display: none; } }
        @media (min-width: 481px) {
          #game-center-page .game-center-content-wrapper .content-block.transparent-block .mobile {
            display: none; } }
        @media (max-width: 480px) {
          #game-center-page .game-center-content-wrapper .content-block.transparent-block .mobile {
            display: block; } }
      @media (max-width: 863px) {
        #game-center-page .game-center-content-wrapper .content-block {
          padding: 24px 16px; } }
      #game-center-page .game-center-content-wrapper .content-block .content-title {
        display: flex;
        gap: 16px; }
        @media (max-width: 480px) {
          #game-center-page .game-center-content-wrapper .content-block .content-title {
            padding-top: 20px;
            padding-left: 16px; } }
        #game-center-page .game-center-content-wrapper .content-block .content-title .bar {
          background: var(--orange-150);
          flex-direction: column;
          width: 4px;
          border-radius: 100px; }
        #game-center-page .game-center-content-wrapper .content-block .content-title h3 {
          font-family: 'Merriweather', sans-serif;
          font-weight: 700;
          font-size: 28px;
          line-height: 40px;
          color: var(--on-bg-primary); }
          @media (max-width: 863px) {
            #game-center-page .game-center-content-wrapper .content-block .content-title h3 {
              font-size: 20px;
              line-height: 30px; } }
      #game-center-page .game-center-content-wrapper .content-block p.content-subtitle {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        padding: 0;
        margin: 8px 0 0 20px;
        color: var(--on-bg-primary); }
      #game-center-page .game-center-content-wrapper .content-block.daily-discover-block .item-boxes {
        display: flex;
        gap: 24px;
        margin-top: 24px;
        flex-wrap: wrap;
        justify-content: center; }
        @media (max-width: 863px) {
          #game-center-page .game-center-content-wrapper .content-block.daily-discover-block .item-boxes {
            flex-direction: column; }
            #game-center-page .game-center-content-wrapper .content-block.daily-discover-block .item-boxes .item-box {
              max-width: 100%; } }
        @media (min-width: 864px) {
          #game-center-page .game-center-content-wrapper .content-block.daily-discover-block .item-boxes .item-box {
            max-width: 352px; } }
        #game-center-page .game-center-content-wrapper .content-block.daily-discover-block .item-boxes .item-box {
          display: flex;
          flex-direction: column;
          border-radius: 7px;
          padding: 24px 16px;
          gap: 24px;
          flex-shrink: 0;
          flex-grow: 1; }
          #game-center-page .game-center-content-wrapper .content-block.daily-discover-block .item-boxes .item-box.trivia {
            background: #ED6CC6; }
          #game-center-page .game-center-content-wrapper .content-block.daily-discover-block .item-boxes .item-box.quiz {
            background: #EC5424; }
          #game-center-page .game-center-content-wrapper .content-block.daily-discover-block .item-boxes .item-box.poll {
            background: #3058DD; }
          #game-center-page .game-center-content-wrapper .content-block.daily-discover-block .item-boxes .item-box .text {
            display: flex;
            flex-direction: column;
            gap: 16px; }
            #game-center-page .game-center-content-wrapper .content-block.daily-discover-block .item-boxes .item-box .text h4 {
              color: #FFF;
              font-family: 'Merriweather', sans-serif;
              font-weight: 700;
              font-size: 20px;
              line-height: 30px;
              margin: 0;
              padding: 0; }
            #game-center-page .game-center-content-wrapper .content-block.daily-discover-block .item-boxes .item-box .text p {
              color: #FFF;
              font-family: 'Roboto', sans-serif;
              font-weight: 500;
              font-size: 14px;
              line-height: 20px;
              margin: 0;
              padding: 0; }
          #game-center-page .game-center-content-wrapper .content-block.daily-discover-block .item-boxes .item-box .item-footer {
            position: relative;
            padding-bottom: 34px; }
            #game-center-page .game-center-content-wrapper .content-block.daily-discover-block .item-boxes .item-box .item-footer a[role="button"] {
              display: inline-block;
              padding: 8px 24px;
              font-family: 'Roboto', sans-serif;
              font-weight: 800;
              font-size: 14px;
              line-height: 22px;
              color: #FFF;
              background: #D74B1F;
              border-radius: 4px;
              box-shadow: 0 3px 0 0 #b33d19; }
              #game-center-page .game-center-content-wrapper .content-block.daily-discover-block .item-boxes .item-box .item-footer a[role="button"]:hover {
                background: rgba(215, 75, 31, 0.8); }
            #game-center-page .game-center-content-wrapper .content-block.daily-discover-block .item-boxes .item-box .item-footer svg {
              position: absolute;
              right: -16px;
              bottom: -24px; }
      #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
        margin-top: 24px;
        justify-content: center; }
        @media (max-width: 480px) {
          #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper {
            gap: 12px; } }
        #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz {
          max-width: 384px;
          width: 100%;
          background: var(--bg-game-center-quiz);
          border: 1px solid var(--border-game-center-quiz);
          border-radius: 5px;
          display: flex;
          flex-direction: column;
          gap: 16px;
          overflow: hidden;
          box-sizing: border-box; }
          @media (max-width: 480px) {
            #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz {
              max-width: 172px;
              gap: 12px; } }
          @media (max-width: 390px) {
            #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz {
              max-width: 153px; } }
          #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz .quiz-header img {
            width: 100%; }
            @media (min-width: 848px) {
              #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz .quiz-header img {
                height: 202px;
                object-fit: cover; } }
            @media (max-width: 480px) {
              #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz .quiz-header img {
                width: 100%;
                aspect-ratio: 650 / 360;
                height: auto;
                object-fit: cover;
                display: block; } }
          #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz .badge-wrapper {
            padding-left: 16px;
            display: flex; }
            @media (max-width: 480px) {
              #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz .badge-wrapper {
                padding-left: 12px; } }
            #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz .badge-wrapper .badge {
              display: flex;
              gap: 8px;
              padding: 4px 12px;
              border-radius: 100px; }
              #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz .badge-wrapper .badge span {
                font-family: 'Roboto', sans-serif;
                font-weight: 700;
                font-size: 16px;
                line-height: 24px;
                vertical-align: middle; }
              #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz .badge-wrapper .badge.pick_correct {
                background: var(--bg-game-center-trivia-badge); }
                #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz .badge-wrapper .badge.pick_correct span {
                  color: #ED6CC6; }
              #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz .badge-wrapper .badge.outcome {
                background: var(--bg-game-center-quiz-badge); }
                #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz .badge-wrapper .badge.outcome span {
                  color: #EC5424; }
              #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz .badge-wrapper .badge.poll {
                background: var(--bg-game-center-poll-badge); }
                #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz .badge-wrapper .badge.poll span {
                  color: #3058DD; }
              #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz .badge-wrapper .badge.type_it {
                background: var(--bg-game-center-type-it-badge); }
                #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz .badge-wrapper .badge.type_it span {
                  color: var(--color-game-center-type-it-badge); }
                #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz .badge-wrapper .badge.type_it svg path {
                  stroke: var(--color-game-center-type-it-badge); }
          #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz .title-wrapper {
            padding: 0 20px 16px 20px; }
            @media (max-width: 480px) {
              #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz .title-wrapper {
                padding: 0 12px 12px 12px; } }
            #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz .title-wrapper .quiz-title {
              color: var(--on-bg-primary); }
              #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz .title-wrapper .quiz-title:hover {
                color: #d74b1f; }
              #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz .title-wrapper .quiz-title h3 {
                font-family: 'Merriweather', sans-serif;
                font-weight: 700;
                font-size: 22px;
                line-height: 34px; }
                @media (max-width: 863px) {
                  #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz .title-wrapper .quiz-title h3 {
                    font-size: 18px;
                    line-height: 26px; } }
                @media (max-width: 480px) {
                  #game-center-page .game-center-content-wrapper .content-block .quizzes-wrapper .quiz .title-wrapper .quiz-title h3 {
                    font-size: 14px;
                    line-height: 140%; } }
      #game-center-page .game-center-content-wrapper .content-block .games-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
        margin-top: 24px; }
        #game-center-page .game-center-content-wrapper .content-block .games-wrapper .game {
          box-sizing: border-box;
          background: var(--bg-game-center-quiz);
          border: 1px solid var(--border-game-center-quiz);
          display: flex;
          justify-content: center;
          flex-grow: 1;
          padding-top: 24px;
          padding-bottom: 24px; }
          @media (max-width: 768px) {
            #game-center-page .game-center-content-wrapper .content-block .games-wrapper .game {
              width: calc(50% - 12px); } }
          @media (max-width: 400px) {
            #game-center-page .game-center-content-wrapper .content-block .games-wrapper .game {
              padding-top: 12px;
              padding-bottom: 12px; } }
          #game-center-page .game-center-content-wrapper .content-block .games-wrapper .game:hover {
            background: var(--bg-game-center-game-hover);
            border: 1px solid var(--bg-game-center-game-hover); }
          #game-center-page .game-center-content-wrapper .content-block .games-wrapper .game .content {
            display: flex;
            flex-direction: column;
            justify-content: center; }
            #game-center-page .game-center-content-wrapper .content-block .games-wrapper .game .content .game-title {
              margin-top: 16px;
              text-align: center;
              font-family: Roboto, sans-serif;
              font-size: 20px;
              font-weight: 700;
              line-height: 23.44px;
              color: var(--on-bg-primary); }
              @media (max-width: 390px) {
                #game-center-page .game-center-content-wrapper .content-block .games-wrapper .game .content .game-title {
                  font-size: 16px;
                  line-height: 18.75px; } }
            #game-center-page .game-center-content-wrapper .content-block .games-wrapper .game .content .icon-wrapper {
              display: flex;
              justify-content: center; }
              #game-center-page .game-center-content-wrapper .content-block .games-wrapper .game .content .icon-wrapper .icon {
                fill: var(--post-background);
                display: inline-block;
                height: 112px;
                width: 112px;
                background-size: contain;
                background-repeat: no-repeat; }
                @media (max-width: 595px) {
                  #game-center-page .game-center-content-wrapper .content-block .games-wrapper .game .content .icon-wrapper .icon {
                    height: 100px;
                    width: 100px; } }
                @media (max-width: 505px) {
                  #game-center-page .game-center-content-wrapper .content-block .games-wrapper .game .content .icon-wrapper .icon {
                    height: 80px;
                    width: 80px; } }
                @media (max-width: 483px) {
                  #game-center-page .game-center-content-wrapper .content-block .games-wrapper .game .content .icon-wrapper .icon {
                    height: 100px;
                    width: 100px; } }
                @media (max-width: 350px) {
                  #game-center-page .game-center-content-wrapper .content-block .games-wrapper .game .content .icon-wrapper .icon {
                    height: 75px;
                    width: 75px; } }
                #game-center-page .game-center-content-wrapper .content-block .games-wrapper .game .content .icon-wrapper .icon.ic_word_search {
                  background-image: url("images/icons/ic_word_search.svg"); }
                #game-center-page .game-center-content-wrapper .content-block .games-wrapper .game .content .icon-wrapper .icon.ic_sudoku {
                  background-image: url("images/icons/ic_sudoku.svg"); }
                #game-center-page .game-center-content-wrapper .content-block .games-wrapper .game .content .icon-wrapper .icon.ic_codeword {
                  background-image: url("images/icons/ic_codeword.svg"); }
                #game-center-page .game-center-content-wrapper .content-block .games-wrapper .game .content .icon-wrapper .icon.ic_word_flower {
                  background-image: url("images/icons/ic_word_flower.svg"); }
                #game-center-page .game-center-content-wrapper .content-block .games-wrapper .game .content .icon-wrapper .icon.ic_wordrow {
                  background-image: url("images/icons/ic_wordrow.svg"); }
                #game-center-page .game-center-content-wrapper .content-block .games-wrapper .game .content .icon-wrapper .icon.ic_jigsaw {
                  background-image: url("images/icons/ic_jigsaw.svg"); }
                #game-center-page .game-center-content-wrapper .content-block .games-wrapper .game .content .icon-wrapper .icon.ic_picdoku {
                  background-image: url("images/icons/ic_picdoku.svg"); }
                #game-center-page .game-center-content-wrapper .content-block .games-wrapper .game .content .icon-wrapper .icon.ic_killer_sudoku {
                  background-image: url("images/icons/ic_killer_sudoku.svg"); }
                #game-center-page .game-center-content-wrapper .content-block .games-wrapper .game .content .icon-wrapper .icon.ic_kris_kross {
                  background-image: url("images/icons/ic_kris_kross.svg"); }
    #game-center-page .game-center-content-wrapper .newsletter-block {
      margin-top: 48px;
      background-image: url("images/game-center/newsletter-banner.jpg");
      background-size: cover;
      background-position: center;
      padding: 56px 48px 71px 48px;
      border-radius: 3px;
      overflow: hidden; }
      @media (max-width: 565px) {
        #game-center-page .game-center-content-wrapper .newsletter-block {
          background-image: url("images/game-center/newsletter-banner-mobile.jpg");
          padding: 40px 24px 300px 24px; } }
      #game-center-page .game-center-content-wrapper .newsletter-block .badge {
        padding: 3px 10px;
        border-radius: 100px;
        background: rgba(255, 255, 255, 0.25);
        display: inline-block; }
        #game-center-page .game-center-content-wrapper .newsletter-block .badge span {
          font-family: 'Roboto', sans-serif;
          font-weight: 600;
          font-size: 13px;
          line-height: 100%;
          vertical-align: middle;
          color: #FFF; }
      #game-center-page .game-center-content-wrapper .newsletter-block h3 {
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        font-size: 48px;
        line-height: 62px;
        color: #FFF;
        margin-top: 8px; }
        @media (max-width: 565px) {
          #game-center-page .game-center-content-wrapper .newsletter-block h3 {
            font-size: 28px;
            line-height: 40px; } }
        @media (max-width: 747px) {
          #game-center-page .game-center-content-wrapper .newsletter-block h3 br {
            display: none; } }
      #game-center-page .game-center-content-wrapper .newsletter-block .newsletter-form {
        display: flex;
        gap: 16px;
        background: unset;
        margin-top: 32px;
        padding: 0; }
        @media (max-width: 565px) {
          #game-center-page .game-center-content-wrapper .newsletter-block .newsletter-form {
            margin-top: 24px;
            flex-direction: column; } }
        #game-center-page .game-center-content-wrapper .newsletter-block .newsletter-form input[type="email"] {
          font-family: 'Roboto', sans-serif;
          font-weight: 500;
          font-size: 16px;
          line-height: 24px;
          vertical-align: middle;
          padding: 12px 16px;
          border-radius: 4px;
          border: 1px solid #FFF;
          flex-grow: 1;
          max-width: 476px; }
        #game-center-page .game-center-content-wrapper .newsletter-block .newsletter-form button {
          font-family: 'Roboto', sans-serif;
          font-weight: 500;
          font-size: 16px;
          line-height: 24px;
          padding: 12px 16px;
          border-radius: 4px; }
          #game-center-page .game-center-content-wrapper .newsletter-block .newsletter-form button:disabled {
            cursor: not-allowed;
            border: 1px solid #DDDDDD !important;
            background: #DDDDDD !important;
            color: #949494 !important; }
          #game-center-page .game-center-content-wrapper .newsletter-block .newsletter-form button:not(:disabled) {
            cursor: pointer;
            border: 1px solid #D74B1F;
            background: #D74B1F;
            color: #FFF; }
            #game-center-page .game-center-content-wrapper .newsletter-block .newsletter-form button:not(:disabled):hover {
              border: 1px solid rgba(215, 75, 31, 0.8);
              background: rgba(215, 75, 31, 0.8); }
          #game-center-page .game-center-content-wrapper .newsletter-block .newsletter-form button.loading:hover {
            cursor: default;
            border: 1px solid #D74B1F;
            background: #D74B1F; }
      #game-center-page .game-center-content-wrapper .newsletter-block .disclaimer {
        margin-top: 16px;
        padding: 0;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 10px;
        line-height: 100%;
        color: #FFF; }
        @media (max-width: 705px) {
          #game-center-page .game-center-content-wrapper .newsletter-block .disclaimer br {
            display: none; } }
        #game-center-page .game-center-content-wrapper .newsletter-block .disclaimer a {
          color: #FFF;
          text-decoration: underline; }
  #game-center-page .background-circle-wrapper {
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
    #game-center-page .background-circle-wrapper .background-circle-1, #game-center-page .background-circle-wrapper .background-circle-2 {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      opacity: 0.5;
      border-radius: 50%;
      z-index: -1; }
      @media (min-width: 523px) {
        #game-center-page .background-circle-wrapper .background-circle-1, #game-center-page .background-circle-wrapper .background-circle-2 {
          height: 523px;
          width: 523px;
          filter: blur(400px); } }
      @media (max-width: 522px) {
        #game-center-page .background-circle-wrapper .background-circle-1, #game-center-page .background-circle-wrapper .background-circle-2 {
          height: 320px;
          width: 320px;
          filter: blur(120px); } }
    #game-center-page .background-circle-wrapper .background-circle-1 {
      background-color: #4E19A5; }
    #game-center-page .background-circle-wrapper .background-circle-2 {
      background-color: #F93751; }
  #game-center-page .game-center-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999; }
    #game-center-page .game-center-modal .mobile-close-modal {
      position: absolute;
      top: 32px;
      right: 24px; }
      @media (min-width: 601px) {
        #game-center-page .game-center-modal .mobile-close-modal {
          display: none; } }
      @media (max-width: 600px) {
        #game-center-page .game-center-modal .mobile-close-modal {
          display: block; } }
    #game-center-page .game-center-modal .modal-content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      background-color: var(--bg-game-center-modal);
      border-radius: 10px;
      padding: 24px;
      width: 600px;
      z-index: 10000;
      box-sizing: border-box; }
      @media (max-width: 600px) {
        #game-center-page .game-center-modal .modal-content {
          width: 100%;
          height: 100%;
          border-radius: 0;
          display: flex;
          flex-direction: column;
          justify-content: center; } }
      #game-center-page .game-center-modal .modal-content .modal-wrapper .modal-header {
        padding: 0;
        border-bottom: none;
        display: flex;
        justify-content: space-between; }
        @media (max-width: 600px) {
          #game-center-page .game-center-modal .modal-content .modal-wrapper .modal-header {
            justify-content: center; } }
        #game-center-page .game-center-modal .modal-content .modal-wrapper .modal-header h3 {
          color: var(--on-bg-primary);
          font-family: Roboto;
          font-size: 22px;
          font-style: normal;
          font-weight: 700;
          line-height: 34px; }
          @media (max-width: 600px) {
            #game-center-page .game-center-modal .modal-content .modal-wrapper .modal-header h3 {
              font-size: 26px;
              line-height: normal; } }
        #game-center-page .game-center-modal .modal-content .modal-wrapper .modal-header .close-modal {
          display: flex;
          justify-content: center;
          flex-direction: column;
          cursor: pointer; }
          @media (max-width: 600px) {
            #game-center-page .game-center-modal .modal-content .modal-wrapper .modal-header .close-modal {
              display: none; } }
          #game-center-page .game-center-modal .modal-content .modal-wrapper .modal-header .close-modal svg path {
            stroke: var(--on-bg-primary); }
      #game-center-page .game-center-modal .modal-content .modal-wrapper .modal-body {
        padding: 0;
        margin-top: 24px;
        display: flex;
        flex-direction: column;
        gap: 8px; }
        #game-center-page .game-center-modal .modal-content .modal-wrapper .modal-body .clickable-item {
          cursor: pointer;
          padding: 16px 24px;
          border-radius: 3px;
          border: 1px solid var(--border-dark-mode-toggle);
          background: var(--bg-game-center-modal-clickable-item); }
          #game-center-page .game-center-modal .modal-content .modal-wrapper .modal-body .clickable-item.active {
            border: 1px solid #56B863; }
          #game-center-page .game-center-modal .modal-content .modal-wrapper .modal-body .clickable-item span {
            color: var(--on-bg-primary);
            font-family: 'Merriweather', sans-serif;
            font-size: 18px;
            font-weight: 700;
            line-height: 26px; }
            @media (max-width: 600px) {
              #game-center-page .game-center-modal .modal-content .modal-wrapper .modal-body .clickable-item span {
                font-size: 16px; } }
      #game-center-page .game-center-modal .modal-content .modal-wrapper .modal-footer {
        display: flex;
        flex-direction: column;
        margin-top: 24px;
        gap: 16px;
        padding: 0;
        border: none; }
        #game-center-page .game-center-modal .modal-content .modal-wrapper .modal-footer button {
          box-sizing: border-box;
          width: 100%;
          padding: 12px 32px;
          border-radius: 3px;
          cursor: pointer;
          color: var(--White, #FFF);
          font-family: 'Roboto', sans-serif;
          font-size: 16px;
          font-weight: 700;
          line-height: 24px; }
          #game-center-page .game-center-modal .modal-content .modal-wrapper .modal-footer button.start-button {
            color: #FFF;
            background: #D74B1F;
            border: 1px solid #D74B1F; }
            #game-center-page .game-center-modal .modal-content .modal-wrapper .modal-footer button.start-button:hover {
              background: rgba(215, 75, 31, 0.8);
              border: 1px solid rgba(215, 75, 31, 0.8); }
          #game-center-page .game-center-modal .modal-content .modal-wrapper .modal-footer button.cancel-button {
            color: var(--on-bg-primary);
            background: var(--bg-game-center-modal-cancel-button);
            border: 1px solid var(--border-dark-mode-toggle); }
            #game-center-page .game-center-modal .modal-content .modal-wrapper .modal-footer button.cancel-button:hover {
              background: var(--bg-game-center-modal-cancel-button-hover); }

.boredpanda-showdown-embed-settings {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--white);
  width: 800px;
  z-index: 9998;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-weight: 600; }
  .boredpanda-showdown-embed-settings.hidden {
    display: none; }
  .boredpanda-showdown-embed-settings .buttons {
    padding: 25px 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: end; }
    .boredpanda-showdown-embed-settings .buttons button {
      text-align: center;
      font-size: 16px;
      font-weight: 600;
      line-height: 20px;
      border-radius: 6px;
      background: var(--white);
      width: 140px;
      height: 50px;
      cursor: pointer; }
      .boredpanda-showdown-embed-settings .buttons button.submit {
        margin-right: 20px;
        color: var(--green-200);
        border: 2px solid var(--green-200); }
        .boredpanda-showdown-embed-settings .buttons button.submit:hover {
          background: var(--green-200);
          color: var(--white); }
      .boredpanda-showdown-embed-settings .buttons button.cancel {
        color: var(--gray-800);
        border: 2px solid var(--gray-200); }
        .boredpanda-showdown-embed-settings .buttons button.cancel:hover {
          background: var(--gray-200); }
  .boredpanda-showdown-embed-settings .title {
    color: var(--gray-800);
    font-size: 20px;
    line-height: 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 1.625rem 1.875rem; }
  .boredpanda-showdown-embed-settings .select-wrapper {
    margin-bottom: 10px; }
    .boredpanda-showdown-embed-settings .select-wrapper select {
      border-radius: 3px;
      border: 1px solid var(--gray-200);
      color: var(--gray-800);
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      padding: 10px 12px;
      width: 100%;
      box-sizing: border-box;
      outline: none; }
  .boredpanda-showdown-embed-settings .boredpanda-showdown-embed-settings-form {
    position: relative; }
    .boredpanda-showdown-embed-settings .boredpanda-showdown-embed-settings-form .ql-tooltip.ql-editing {
      left: 0 !important; }
    .boredpanda-showdown-embed-settings .boredpanda-showdown-embed-settings-form .ql-editor {
      font-weight: normal; }
      .boredpanda-showdown-embed-settings .boredpanda-showdown-embed-settings-form .ql-editor p {
        display: flex; }
  .boredpanda-showdown-embed-settings .input-group {
    padding: 1.5rem 1.875rem 0; }
    .boredpanda-showdown-embed-settings .input-group label {
      color: var(--gray-800);
      font-size: 16px;
      line-height: 30px;
      display: block; }
    .boredpanda-showdown-embed-settings .input-group .showdown-textarea-inline .tox.tox-tinymce {
      height: 100px !important; }
    .boredpanda-showdown-embed-settings .input-group textarea {
      border-radius: 3px;
      border: 1px solid var(--gray-200);
      color: var(--gray-800);
      font-size: 14px;
      font-weight: 400;
      line-height: 1rem;
      padding: 0.75rem;
      min-width: 100%;
      box-sizing: border-box;
      outline: none;
      font-family: 'Roboto', sans-serif; }
    .boredpanda-showdown-embed-settings .input-group .radio-label {
      font-size: 14px;
      font-weight: 400;
      line-height: 30px;
      align-items: center;
      display: flex;
      flex-wrap: wrap; }
      .boredpanda-showdown-embed-settings .input-group .radio-label input {
        margin-left: 20px; }
    .boredpanda-showdown-embed-settings .input-group input[type='radio'] {
      width: 15px;
      height: 15px;
      margin: 0;
      margin-right: 5px; }
    .boredpanda-showdown-embed-settings .input-group select, .boredpanda-showdown-embed-settings .input-group input[type='text'] {
      border-radius: 3px;
      border: 1px solid var(--gray-200);
      color: var(--gray-800);
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      padding: 10px 12px;
      width: 100%;
      box-sizing: border-box;
      outline: none; }
    .boredpanda-showdown-embed-settings .input-group .showdown-button {
      font-weight: normal;
      padding: 10px 12px;
      display: inline-block;
      font-size: 12px;
      box-sizing: border-box;
      background: var(--post-background);
      color: var(--on-bg-dark);
      border: 1px solid var(--border-button);
      text-align: center;
      border-radius: 3px;
      vertical-align: middle;
      line-height: 18px;
      cursor: pointer;
      outline: none; }
      .boredpanda-showdown-embed-settings .input-group .showdown-button:hover {
        border: 1px solid var(--green-200);
        background-color: var(--green-200);
        color: var(--white); }
    .boredpanda-showdown-embed-settings .input-group .showdown-table {
      width: 100%;
      border-collapse: collapse; }
      .boredpanda-showdown-embed-settings .input-group .showdown-table th, .boredpanda-showdown-embed-settings .input-group .showdown-table td {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left; }
      .boredpanda-showdown-embed-settings .input-group .showdown-table th {
        background-color: #f2f2f2; }
      .boredpanda-showdown-embed-settings .input-group .showdown-table td {
        font-weight: normal; }
      .boredpanda-showdown-embed-settings .input-group .showdown-table tbody tr:nth-child(even) {
        background-color: #f9f9f9; }
      .boredpanda-showdown-embed-settings .input-group .showdown-table tbody tr:hover {
        background-color: #f2f2f2; }
      .boredpanda-showdown-embed-settings .input-group .showdown-table tbody .showdown-td-with-link:hover {
        cursor: pointer;
        text-decoration: underline; }
      .boredpanda-showdown-embed-settings .input-group .showdown-table tbody .showdown-td-with-link p {
        display: flex; }
        .boredpanda-showdown-embed-settings .input-group .showdown-table tbody .showdown-td-with-link p * {
          display: inline-block;
          margin-right: 3px;
          margin-left: 3px; }
      .boredpanda-showdown-embed-settings .input-group .showdown-table th:nth-child(2), .boredpanda-showdown-embed-settings .input-group .showdown-table td:nth-child(2) {
        width: 600px;
        max-width: 100%; }
  .boredpanda-showdown-embed-settings .checkbox-group {
    display: flex;
    gap: 4px; }
  .boredpanda-showdown-embed-settings .table-data-link {
    color: var(--gray-800);
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    display: inline-block; }
    .boredpanda-showdown-embed-settings .table-data-link:hover {
      text-decoration: underline;
      color: var(--gray-800); }
  .boredpanda-showdown-embed-settings .body {
    overflow-y: auto;
    height: calc(100vh - 186px); }
    .boredpanda-showdown-embed-settings .body.hidden {
      display: none; }
    .boredpanda-showdown-embed-settings .body.bottom-padding {
      padding-bottom: 2.5rem; }
    .boredpanda-showdown-embed-settings .body .showdown-image {
      max-width: 50%; }
  .boredpanda-showdown-embed-settings .breadcrumbs {
    padding-bottom: 10px; }
    .boredpanda-showdown-embed-settings .breadcrumbs a, .boredpanda-showdown-embed-settings .breadcrumbs span {
      display: inline-block; }
  .boredpanda-showdown-embed-settings .backdrop {
    display: block;
    background: rgba(0, 0, 0, 0.65);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 186px);
    z-index: 100000; }
    .boredpanda-showdown-embed-settings .backdrop .modal {
      position: absolute;
      top: 50%;
      left: 50%;
      bottom: unset;
      right: unset;
      transform: translate(-50%, -50%);
      background: white;
      padding: 30px;
      border-radius: 5px;
      z-index: 100000;
      display: block; }
      .boredpanda-showdown-embed-settings .backdrop .modal .heading {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 10px; }
      .boredpanda-showdown-embed-settings .backdrop .modal button {
        font-weight: normal;
        padding: 10px 12px;
        display: inline-block;
        font-size: 12px;
        box-sizing: border-box;
        background: var(--post-background);
        color: var(--on-bg-dark);
        border: 1px solid var(--border-button);
        text-align: center;
        border-radius: 3px;
        vertical-align: middle;
        line-height: 18px;
        cursor: pointer;
        outline: none; }
        .boredpanda-showdown-embed-settings .backdrop .modal button.default {
          margin-right: 10px; }
          .boredpanda-showdown-embed-settings .backdrop .modal button.default:hover {
            background-color: var(--gray-200); }
        .boredpanda-showdown-embed-settings .backdrop .modal button.confirm:hover {
          background-color: var(--red-200);
          color: var(--white); }
        .boredpanda-showdown-embed-settings .backdrop .modal button.confirm.green:hover {
          background-color: var(--green-300);
          color: var(--white); }

.post-content .showdown-wrapper {
  padding-top: 1.25rem;
  padding-bottom: 1rem; }
  .post-content .showdown-wrapper.post-type-quiz {
    margin-top: 20px; }
  .post-content .showdown-wrapper .showdown-header-wrapper {
    border: 1px solid var(--border-showdown);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: var(--post-background); }
    .post-content .showdown-wrapper .showdown-header-wrapper .showdown-header {
      padding: 16px 24px;
      display: flex;
      gap: 12px; }
      @media (max-width: 768px) {
        .post-content .showdown-wrapper .showdown-header-wrapper .showdown-header {
          padding-left: 16px; } }
      .post-content .showdown-wrapper .showdown-header-wrapper .showdown-header .icon {
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: var(--bg-icon);
        border-radius: 50%;
        width: 43px;
        height: 43px;
        flex-shrink: 0; }
        .post-content .showdown-wrapper .showdown-header-wrapper .showdown-header .icon svg {
          color: var(--orange-150); }
      .post-content .showdown-wrapper .showdown-header-wrapper .showdown-header .showdown-title-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .post-content .showdown-wrapper .showdown-header-wrapper .showdown-header .showdown-title-wrapper h4 {
          font-family: 'Roboto', sans-serif;
          font-size: 18px;
          font-weight: 600;
          line-height: 28px;
          text-align: left;
          padding-left: 0;
          display: inline;
          color: var(--on-bg-dark); }
          .post-content .showdown-wrapper .showdown-header-wrapper .showdown-header .showdown-title-wrapper h4 .separator, .post-content .showdown-wrapper .showdown-header-wrapper .showdown-header .showdown-title-wrapper h4 .showdown-title {
            color: var(--color-showdown-title); }
  .post-content .showdown-wrapper .image-credits-wrapper {
    display: flex;
    justify-content: end;
    margin-top: 4px; }
    .post-content .showdown-wrapper .image-credits-wrapper * {
      font-family: 'Roboto', sans-serif;
      font-size: 10px !important;
      line-height: 14px !important;
      font-weight: 400;
      text-align: left;
      color: var(--gray-450);
      padding: 0 !important; }
      @media (max-width: 420px) {
        .post-content .showdown-wrapper .image-credits-wrapper * {
          font-size: 8px !important;
          line-height: 12px !important; } }
  .post-content .showdown-wrapper .showdown-progress-wrapper {
    border: 1px solid var(--border-showdown);
    border-top: none;
    padding: 16px 24px;
    display: flex;
    gap: 16px;
    background: var(--bg-showdown); }
    @media (max-width: 768px) {
      .post-content .showdown-wrapper .showdown-progress-wrapper {
        padding-left: 16px;
        padding-right: 16px; } }
    .post-content .showdown-wrapper .showdown-progress-wrapper h4.progress-label {
      font-family: 'Roboto', sans-serif;
      font-size: 16px;
      font-weight: 600;
      line-height: 24px;
      text-align: left;
      color: var(--on-bg-primary);
      padding-left: 0;
      flex-shrink: 0; }
    .post-content .showdown-wrapper .showdown-progress-wrapper .progress-bar-wrapper {
      width: 100%;
      height: 16px;
      background: var(--quiz-score-progress-bar-wrapper-error);
      border-radius: 3px; }
      .post-content .showdown-wrapper .showdown-progress-wrapper .progress-bar-wrapper .progress {
        border-radius: 2px;
        background: var(--orange-150);
        height: 8px;
        transition: width 0.5s ease;
        margin: 4px; }
  .post-content .showdown-wrapper .showdown-content {
    border: 1px solid var(--border-showdown);
    border-top: none;
    padding: 24px;
    position: relative; }
    @media (max-width: 768px) {
      .post-content .showdown-wrapper .showdown-content {
        padding-left: 16px;
        padding-right: 16px; } }
    .post-content .showdown-wrapper .showdown-content.result {
      overflow: hidden;
      border-bottom: none; }
      .post-content .showdown-wrapper .showdown-content.result #showdown-canvas {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden; }
      .post-content .showdown-wrapper .showdown-content.result .showdown-winner-wrapper {
        display: flex;
        justify-content: center;
        position: relative; }
        .post-content .showdown-wrapper .showdown-content.result .showdown-winner-wrapper .showdown-winner {
          border: 1px solid var(--border-showdown);
          border-radius: 3px;
          max-width: 318px;
          width: 318px;
          overflow: hidden; }
          .post-content .showdown-wrapper .showdown-content.result .showdown-winner-wrapper .showdown-winner .content {
            background: var(--post-background);
            padding: 16px; }
            .post-content .showdown-wrapper .showdown-content.result .showdown-winner-wrapper .showdown-winner .content .image-wrapper {
              margin-bottom: 16px; }
              .post-content .showdown-wrapper .showdown-content.result .showdown-winner-wrapper .showdown-winner .content .image-wrapper img {
                object-fit: cover;
                border-radius: 3px;
                aspect-ratio: 3/2; }
            .post-content .showdown-wrapper .showdown-content.result .showdown-winner-wrapper .showdown-winner .content .showdown-item-title {
              margin-bottom: 16px;
              font-family: Merriweather, sans-serif;
              font-size: 22px;
              font-weight: 700;
              line-height: 32px;
              text-align: center !important;
              color: var(--on-bg-primary);
              padding: 0; }
            .post-content .showdown-wrapper .showdown-content.result .showdown-winner-wrapper .showdown-winner .content .badge.winner {
              display: inline-block;
              font-family: 'Roboto', sans-serif;
              font-size: 12px;
              font-weight: 600;
              line-height: 20px;
              padding: 2px 12px;
              border-radius: 100px;
              background: var(--bg-showdown-winner);
              color: var(--color-showdown-winner); }
            .post-content .showdown-wrapper .showdown-content.result .showdown-winner-wrapper .showdown-winner .content .statistics-wrapper {
              border: 1px solid var(--border-showdown);
              border-radius: 100px;
              padding: 6px 12px;
              margin-top: 16px; }
              .post-content .showdown-wrapper .showdown-content.result .showdown-winner-wrapper .showdown-winner .content .statistics-wrapper .statistics {
                font-family: 'Roboto', sans-serif;
                font-size: 12px;
                font-weight: 600;
                line-height: 18px;
                text-align: center;
                color: var(--on-bg-primary);
                padding: 0; }
                .post-content .showdown-wrapper .showdown-content.result .showdown-winner-wrapper .showdown-winner .content .statistics-wrapper .statistics .title {
                  color: var(--gray-450); }
    .post-content .showdown-wrapper .showdown-content .showdown-items-wrapper {
      display: flex;
      justify-content: space-between;
      gap: 16px;
      position: relative; }
      .post-content .showdown-wrapper .showdown-content .showdown-items-wrapper .showdown-item {
        width: 100%;
        border: 1px solid var(--border-showdown);
        background: var(--bg-showdown);
        border-radius: 3px;
        overflow: hidden; }
        .post-content .showdown-wrapper .showdown-content .showdown-items-wrapper .showdown-item.selected {
          transition: all 0.35s ease;
          transform: scale(1.2);
          z-index: 100; }
        .post-content .showdown-wrapper .showdown-content .showdown-items-wrapper .showdown-item.invisible {
          transition: all 0.35s ease;
          transform: scale(0.5);
          opacity: 0;
          z-index: 100; }
        .post-content .showdown-wrapper .showdown-content .showdown-items-wrapper .showdown-item.not-selected {
          transition: all 0.7s ease;
          opacity: 0; }
        .post-content .showdown-wrapper .showdown-content .showdown-items-wrapper .showdown-item .showdown-item-title {
          font-family: Merriweather, sans-serif;
          font-size: 18px;
          font-weight: 700;
          line-height: 34px;
          text-align: center !important;
          color: var(--on-bg-primary);
          padding-bottom: 0;
          padding-left: 0;
          padding-right: 0; }
          @media (max-width: 420px) {
            .post-content .showdown-wrapper .showdown-content .showdown-items-wrapper .showdown-item .showdown-item-title {
              font-size: 16px;
              line-height: 26px; } }
        .post-content .showdown-wrapper .showdown-content .showdown-items-wrapper .showdown-item .showdown-image {
          padding: 16px; }
          @media (max-width: 420px) {
            .post-content .showdown-wrapper .showdown-content .showdown-items-wrapper .showdown-item .showdown-image {
              padding: 12px; } }
          .post-content .showdown-wrapper .showdown-content .showdown-items-wrapper .showdown-item .showdown-image img {
            object-fit: cover;
            width: 100%;
            aspect-ratio: 3 / 2;
            border-radius: 3px; }
      .post-content .showdown-wrapper .showdown-content .showdown-items-wrapper .showdown-footer {
        margin-top: 16px;
        border-top: 1px solid var(--gray-100); }
        .post-content .showdown-wrapper .showdown-content .showdown-items-wrapper .showdown-footer .showdown-select-wrapper {
          padding: 16px;
          background: var(--post-background); }
          @media (max-width: 420px) {
            .post-content .showdown-wrapper .showdown-content .showdown-items-wrapper .showdown-footer .showdown-select-wrapper {
              padding: 12px; } }
          .post-content .showdown-wrapper .showdown-content .showdown-items-wrapper .showdown-footer .showdown-select-wrapper a.showdown-select {
            background: var(--showdown-button-bg);
            display: block;
            box-sizing: border-box;
            text-align: center;
            padding-top: 8px;
            padding-bottom: 8px;
            font-family: 'Roboto', sans-serif;
            font-size: 16px;
            font-weight: 600;
            line-height: 24px;
            color: var(--orange-150);
            border-radius: 3px; }
            .post-content .showdown-wrapper .showdown-content .showdown-items-wrapper .showdown-footer .showdown-select-wrapper a.showdown-select:hover {
              background: var(--orange-150);
              color: #FFF !important; }
  .post-content .showdown-wrapper .leaderboard-wrapper {
    border-top: 1px solid var(--border-showdown); }
    .post-content .showdown-wrapper .leaderboard-wrapper .leaderboard-header {
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      margin-top: 32px;
      border: 1px solid var(--border-showdown);
      display: flex;
      justify-content: center;
      background: var(--showdown-background); }
      .post-content .showdown-wrapper .leaderboard-wrapper .leaderboard-header .leaderboard-title {
        padding-top: 12px;
        padding-bottom: 12px;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        text-align: left;
        color: var(--on-bg-primary); }
    .post-content .showdown-wrapper .leaderboard-wrapper .leaderboard-items {
      border-left: 1px solid var(--border-showdown);
      border-right: 1px solid var(--border-showdown); }
      .post-content .showdown-wrapper .leaderboard-wrapper .leaderboard-items .leaderboard-item {
        display: flex;
        justify-content: space-between;
        padding: 16px;
        border-bottom: 1px solid var(--border-showdown);
        width: 100%;
        box-sizing: border-box; }
        .post-content .showdown-wrapper .leaderboard-wrapper .leaderboard-items .leaderboard-item:last-of-type {
          border-bottom: none; }
        .post-content .showdown-wrapper .leaderboard-wrapper .leaderboard-items .leaderboard-item.expand {
          border-top: 1px solid var(--border-showdown);
          display: flex;
          justify-content: center;
          gap: 12px;
          cursor: pointer; }
          .post-content .showdown-wrapper .leaderboard-wrapper .leaderboard-items .leaderboard-item.expand:hover {
            background: var(--showdown-background); }
          .post-content .showdown-wrapper .leaderboard-wrapper .leaderboard-items .leaderboard-item.expand span {
            font-family: 'Roboto', sans-serif;
            font-size: 14px;
            font-weight: 500;
            line-height: 22px;
            text-align: left;
            color: var(--on-bg-primary); }
        .post-content .showdown-wrapper .leaderboard-wrapper .leaderboard-items .leaderboard-item .left {
          display: flex;
          gap: 16px; }
          .post-content .showdown-wrapper .leaderboard-wrapper .leaderboard-items .leaderboard-item .left .thumbnail {
            aspect-ratio: 3/2;
            width: 72px;
            flex-shrink: 0; }
            .post-content .showdown-wrapper .leaderboard-wrapper .leaderboard-items .leaderboard-item .left .thumbnail img {
              width: 100%;
              aspect-ratio: 3/2;
              object-fit: cover;
              border-radius: 3px; }
          .post-content .showdown-wrapper .leaderboard-wrapper .leaderboard-items .leaderboard-item .left .title-wrapper {
            display: flex; }
            .post-content .showdown-wrapper .leaderboard-wrapper .leaderboard-items .leaderboard-item .left .title-wrapper svg {
              display: inline-block;
              margin-right: 12px; }
            .post-content .showdown-wrapper .leaderboard-wrapper .leaderboard-items .leaderboard-item .left .title-wrapper .title {
              font-family: 'Roboto', sans-serif;
              font-size: 16px;
              font-weight: 700;
              line-height: 24px;
              text-align: left;
              color: var(--on-bg-primary);
              word-break: break-word; }
        .post-content .showdown-wrapper .leaderboard-wrapper .leaderboard-items .leaderboard-item .right {
          display: flex;
          gap: 16px; }
          .post-content .showdown-wrapper .leaderboard-wrapper .leaderboard-items .leaderboard-item .right .votes {
            display: flex;
            gap: 12px; }
            .post-content .showdown-wrapper .leaderboard-wrapper .leaderboard-items .leaderboard-item .right .votes .votesPercentage {
              font-family: 'Roboto', sans-serif;
              font-size: 16px;
              font-weight: 700;
              line-height: 24px;
              text-align: left;
              color: var(--on-bg-primary); }
  .post-content .showdown-wrapper .retake-poll-wrapper {
    padding-top: 16px;
    padding-bottom: 16px;
    background: var(--showdown-background);
    display: flex;
    justify-content: center;
    border: 1px solid var(--border-showdown);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
    .post-content .showdown-wrapper .retake-poll-wrapper .retake-poll-button {
      font-family: 'Roboto', sans-serif;
      font-size: 14px;
      font-weight: 600;
      line-height: 16.41px;
      text-align: left;
      padding: 9px 16px;
      color: var(--on-bg-primary);
      background: var(--bg-modal);
      border: 1px solid var(--border-showdown);
      border-radius: 3px;
      display: flex;
      gap: 8px; }
      .post-content .showdown-wrapper .retake-poll-wrapper .retake-poll-button:hover {
        opacity: 0.8; }
      .post-content .showdown-wrapper .retake-poll-wrapper .retake-poll-button svg {
        color: var(--color-showdown-title); }
  .post-content .showdown-wrapper .showdown-history::-webkit-scrollbar {
    display: none; }
  .post-content .showdown-wrapper .showdown-history {
    padding: 16px 24px;
    border: 1px solid var(--border-showdown);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: none;
    max-height: 260px;
    overflow-y: auto;
    position: relative;
    z-index: 10; }
    @media (max-width: 768px) {
      .post-content .showdown-wrapper .showdown-history {
        padding-left: 16px;
        padding-right: 16px; } }
    .post-content .showdown-wrapper .showdown-history .finals-wrapper {
      margin-bottom: 16px;
      display: flex;
      gap: 12px; }
      .post-content .showdown-wrapper .showdown-history .finals-wrapper h3 {
        padding: 0;
        font-family: Merriweather, sans-serif;
        font-size: 22px;
        font-weight: 700;
        line-height: 32px;
        text-align: left;
        color: var(--on-bg-primary); }
    .post-content .showdown-wrapper .showdown-history .previous-battle {
      display: flex;
      justify-content: space-between;
      background: var(--bg-showdown);
      border: 1px solid var(--border-showdown);
      border-radius: 3px;
      padding: 16px;
      margin-top: 16px;
      transition: all 0.35s ease;
      gap: 16px; }
      @media (max-width: 420px) {
        .post-content .showdown-wrapper .showdown-history .previous-battle {
          padding: 8px; } }
      .post-content .showdown-wrapper .showdown-history .previous-battle.placeholder {
        margin-top: 0; }
      .post-content .showdown-wrapper .showdown-history .previous-battle .option {
        width: 100%; }
        @media (min-width: 661px) {
          .post-content .showdown-wrapper .showdown-history .previous-battle .option {
            display: flex; }
            .post-content .showdown-wrapper .showdown-history .previous-battle .option .left {
              flex-grow: 1; }
            .post-content .showdown-wrapper .showdown-history .previous-battle .option .right {
              min-width: 110px; } }
        .post-content .showdown-wrapper .showdown-history .previous-battle .option.first .left, .post-content .showdown-wrapper .showdown-history .previous-battle .option.second .left {
          position: relative; }
        .post-content .showdown-wrapper .showdown-history .previous-battle .option.first .badge-wrapper, .post-content .showdown-wrapper .showdown-history .previous-battle .option.second .badge-wrapper {
          display: inline-block;
          position: absolute;
          top: 16px;
          right: 16px;
          z-index: 100; }
          .post-content .showdown-wrapper .showdown-history .previous-battle .option.first .badge-wrapper .badge, .post-content .showdown-wrapper .showdown-history .previous-battle .option.second .badge-wrapper .badge {
            display: inline-block;
            font-family: 'Roboto', sans-serif;
            font-size: 12px;
            font-weight: 600;
            line-height: 20px;
            padding: 2px 12px;
            border-radius: 100px;
            background: var(--post-background); }
            .post-content .showdown-wrapper .showdown-history .previous-battle .option.first .badge-wrapper .badge.winner, .post-content .showdown-wrapper .showdown-history .previous-battle .option.second .badge-wrapper .badge.winner {
              color: var(--color-showdown-winner); }
            .post-content .showdown-wrapper .showdown-history .previous-battle .option.first .badge-wrapper .badge.loser, .post-content .showdown-wrapper .showdown-history .previous-battle .option.second .badge-wrapper .badge.loser {
              color: var(--color-showdown-loser); }
        .post-content .showdown-wrapper .showdown-history .previous-battle .option.first .title-wrapper, .post-content .showdown-wrapper .showdown-history .previous-battle .option.second .title-wrapper {
          display: none; }
        @media (max-width: 660px) {
          .post-content .showdown-wrapper .showdown-history .previous-battle .option.first .right, .post-content .showdown-wrapper .showdown-history .previous-battle .option.second .right {
            display: none; }
          .post-content .showdown-wrapper .showdown-history .previous-battle .option.first .title-wrapper, .post-content .showdown-wrapper .showdown-history .previous-battle .option.second .title-wrapper {
            margin-top: 12px;
            display: flex;
            justify-content: center; }
            .post-content .showdown-wrapper .showdown-history .previous-battle .option.first .title-wrapper .option-title, .post-content .showdown-wrapper .showdown-history .previous-battle .option.second .title-wrapper .option-title {
              font-family: Merriweather, sans-serif;
              font-size: 16px;
              font-weight: 700;
              line-height: 24px;
              text-align: center;
              color: var(--on-bg-primary); }
              .post-content .showdown-wrapper .showdown-history .previous-battle .option.first .title-wrapper .option-title.placeholder, .post-content .showdown-wrapper .showdown-history .previous-battle .option.second .title-wrapper .option-title.placeholder {
                color: var(--gray-450); } }
        .post-content .showdown-wrapper .showdown-history .previous-battle .option.first {
          justify-content: start; }
          .post-content .showdown-wrapper .showdown-history .previous-battle .option.first .left {
            margin-right: 16px; }
          .post-content .showdown-wrapper .showdown-history .previous-battle .option.first .right .option-title {
            text-align: left; }
          @media (max-width: 660px) {
            .post-content .showdown-wrapper .showdown-history .previous-battle .option.first .left {
              margin-right: 0; } }
        .post-content .showdown-wrapper .showdown-history .previous-battle .option.second {
          justify-content: end; }
          .post-content .showdown-wrapper .showdown-history .previous-battle .option.second .left {
            margin-left: 16px; }
          .post-content .showdown-wrapper .showdown-history .previous-battle .option.second .right .option-title {
            text-align: right; }
          @media (max-width: 660px) {
            .post-content .showdown-wrapper .showdown-history .previous-battle .option.second .left {
              margin-left: 0; } }
        .post-content .showdown-wrapper .showdown-history .previous-battle .option .left {
          background: var(--post-background);
          border: 1px solid var(--border-showdown);
          border-radius: 2px;
          padding: 12px; }
          @media (max-width: 420px) {
            .post-content .showdown-wrapper .showdown-history .previous-battle .option .left {
              padding: 8px; } }
          .post-content .showdown-wrapper .showdown-history .previous-battle .option .left .img-wrapper {
            position: relative; }
          .post-content .showdown-wrapper .showdown-history .previous-battle .option .left img, .post-content .showdown-wrapper .showdown-history .previous-battle .option .left .image-placeholder {
            border-radius: 3px;
            width: 100%;
            aspect-ratio: 3/2; }
          .post-content .showdown-wrapper .showdown-history .previous-battle .option .left img {
            object-fit: cover; }
          .post-content .showdown-wrapper .showdown-history .previous-battle .option .left .image-placeholder {
            background: var(--quiz-unfocused-bg); }
          .post-content .showdown-wrapper .showdown-history .previous-battle .option .left .votes-wrapper {
            margin-top: 12px;
            display: flex;
            justify-content: center; }
            .post-content .showdown-wrapper .showdown-history .previous-battle .option .left .votes-wrapper .votes {
              border: 1px solid var(--border-showdown);
              border-radius: 100px;
              line-height: 20px;
              padding: 1px 12px;
              display: flex;
              gap: 6px; }
              .post-content .showdown-wrapper .showdown-history .previous-battle .option .left .votes-wrapper .votes .icon-wrapper {
                display: flex;
                flex-direction: column;
                justify-content: center;
                line-height: 20px; }
              .post-content .showdown-wrapper .showdown-history .previous-battle .option .left .votes-wrapper .votes span {
                line-height: 20px;
                display: inline-block;
                font-family: 'Roboto', sans-serif;
                font-size: 12px;
                font-weight: 600;
                text-align: left;
                color: var(--on-bg-primary); }
        .post-content .showdown-wrapper .showdown-history .previous-battle .option .right {
          display: flex;
          flex-direction: column;
          justify-content: center; }
          .post-content .showdown-wrapper .showdown-history .previous-battle .option .right .option-title {
            font-family: Merriweather, sans-serif;
            font-size: 16px;
            font-weight: 700;
            line-height: 24px;
            text-align: left;
            color: var(--on-bg-primary); }
            .post-content .showdown-wrapper .showdown-history .previous-battle .option .right .option-title.placeholder {
              color: var(--gray-450); }
    .post-content .showdown-wrapper .showdown-history .previous-battle:first-of-type {
      margin-top: 0; }

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
  .post-content .showdown-wrapper .previous-battle.animate-in {
    animation: fadeIn 0.35s ease; }
  .post-content .showdown-wrapper .slot-wrapper {
    margin-top: 32px;
    margin-bottom: 32px;
    display: flex;
    justify-content: space-between; }
    @media (max-width: 501px) {
      .post-content .showdown-wrapper .slot-wrapper {
        padding-left: 15px;
        padding-right: 15px; } }
    @media (min-width: 501px) {
      .post-content .showdown-wrapper .slot-wrapper {
        padding-left: 24px;
        padding-right: 24px; } }
  .post-content .showdown-wrapper .mobile-slot-wrapper {
    margin-top: 30px;
    display: flex;
    justify-content: center; }

#showdowns-feed-page {
  max-width: 660px;
  background: var(--white);
  border-radius: 4px; }
  @media (max-width: 1020px) {
    #showdowns-feed-page {
      max-width: 640px; } }
  #showdowns-feed-page h1 {
    font-size: 29px;
    font-weight: 700;
    line-height: 40px;
    font-family: 'Merriweather', sans-serif;
    color: var(--gray-800);
    padding: 24px; }
  #showdowns-feed-page .title-wrapper {
    background: var(--bg-newsletter);
    border-bottom: 1px solid var(--gray-100); }
    #showdowns-feed-page .title-wrapper h1 {
      color: var(--on-bg-dark); }
  #showdowns-feed-page .loading-indicator {
    background: var(--bg-newsletter); }
  #showdowns-feed-page .showdowns-wrapper {
    padding: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    background: var(--bg-newsletter); }
    #showdowns-feed-page .showdowns-wrapper .showdown {
      box-sizing: border-box;
      padding: 24px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 50%; }
      @media (max-width: 630px) {
        #showdowns-feed-page .showdowns-wrapper .showdown {
          width: 100%;
          border: 1px solid var(--gray-100);
          margin-bottom: 1rem; }
          #showdowns-feed-page .showdowns-wrapper .showdown:last-child {
            margin-bottom: 0; } }
      @media (min-width: 631px) {
        #showdowns-feed-page .showdowns-wrapper .showdown:nth-child(1), #showdowns-feed-page .showdowns-wrapper .showdown:nth-child(2) {
          border-top: 1px solid var(--gray-100); }
        #showdowns-feed-page .showdowns-wrapper .showdown:nth-child(odd) {
          border-left: 1px solid var(--gray-100);
          border-right: 1px solid var(--gray-100);
          border-bottom: 1px solid var(--gray-100); }
        #showdowns-feed-page .showdowns-wrapper .showdown:nth-child(even) {
          border-right: 1px solid var(--gray-100);
          border-bottom: 1px solid var(--gray-100); } }
      #showdowns-feed-page .showdowns-wrapper .showdown .showdown-header .post-title, #showdowns-feed-page .showdowns-wrapper .showdown .showdown-header .post-title * {
        color: var(--gray-450);
        font-size: 16px;
        font-weight: 600;
        line-height: 18.75px; }
      #showdowns-feed-page .showdowns-wrapper .showdown .showdown-header .showdown-title, #showdowns-feed-page .showdowns-wrapper .showdown .showdown-header .showdown-title * {
        margin-top: 1rem;
        color: var(--on-bg-dark);
        font-size: 18px;
        font-weight: 700;
        font-family: 'Merriweather', sans-serif;
        line-height: 25px; }
      #showdowns-feed-page .showdowns-wrapper .showdown .take-showdown-button {
        background: var(--orange-150);
        cursor: pointer;
        display: flex;
        justify-content: center;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        margin-top: 1.5rem;
        color: var(--white);
        border-radius: 3px;
        line-height: 1.5rem;
        font-weight: 600; }
        #showdowns-feed-page .showdowns-wrapper .showdown .take-showdown-button:hover {
          background: var(--orange-100); }
  #showdowns-feed-page .show-more-wrapper {
    display: flex;
    justify-content: center;
    padding-bottom: 1.5rem;
    background: var(--bg-newsletter); }
    #showdowns-feed-page .show-more-wrapper button.show-more {
      font-weight: 600;
      font-size: 0.875rem;
      color: var(--orange-150);
      text-decoration: underline;
      border: 0;
      background: transparent;
      cursor: pointer;
      line-height: 1.25rem; }
  #showdowns-feed-page .loader {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: block;
    margin: 15px auto;
    position: relative;
    color: var(--gray-250);
    box-sizing: border-box;
    animation: loaderAnimation 1s linear infinite; }

@keyframes loaderAnimation {
  0% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px; }
  25% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 2px; }
  50% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 2px, -38px 0 0 -2px; }
  75% {
    box-shadow: 14px 0 0 2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px; }
  100% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 2px, -14px 0 0 -2px, -38px 0 0 -2px; } }

.games-page {
  max-width: 660px;
  border-radius: 4px; }
  @media (max-width: 1020px) {
    .games-page {
      max-width: 640px; } }
  .games-page h1 {
    font-size: 29px;
    font-weight: 700;
    line-height: 40px;
    font-family: 'Merriweather', sans-serif;
    color: var(--on-bg-primary); }
  .games-page a.back-to-list {
    display: block;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 16.41px;
    color: var(--on-bg-primary);
    padding-top: 9px;
    padding-bottom: 9px;
    border: 1px solid var(--quiz-border);
    margin-top: 32px;
    margin-bottom: 32px; }
    @media (max-width: 500px) {
      .games-page a.back-to-list {
        margin-top: 24px;
        margin-bottom: 24px; } }
  .games-page .title-wrapper h1 {
    color: var(--on-bg-dark);
    font-family: 'Merriweather', sans-serif;
    font-size: 29px;
    font-weight: 700;
    line-height: 40px; }
    @media (max-width: 500px) {
      .games-page .title-wrapper h1 {
        font-size: 26px;
        line-height: 36px; } }
  .games-page p.subtitle {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: var(--on-bg-primary);
    margin-top: 16px; }
  .games-page .slot-wrapper {
    margin-top: 30px;
    display: flex;
    justify-content: space-between; }
    @media (max-width: 501px) {
      .games-page .slot-wrapper {
        padding-left: 15px;
        padding-right: 15px; } }
    @media (min-width: 501px) {
      .games-page .slot-wrapper {
        padding-left: 24px;
        padding-right: 24px; } }
  .games-page .mobile-slot-wrapper {
    margin-top: 30px;
    display: flex;
    justify-content: center; }
  .games-page .games-iframe-wrapper {
    margin-top: 32px;
    padding-top: 32px;
    padding-bottom: 24px;
    background: var(--post-background);
    border-radius: 5px; }
    @media (max-width: 501px) {
      .games-page .games-iframe-wrapper {
        padding-left: 15px;
        padding-right: 15px; } }
    @media (min-width: 501px) {
      .games-page .games-iframe-wrapper {
        padding-left: 24px;
        padding-right: 24px; } }
    .games-page .games-iframe-wrapper .primis {
      margin-top: 32px; }
    .games-page .games-iframe-wrapper .games-list iframe {
      border: none;
      position: static;
      width: 100%;
      display: block;
      margin: 0;
      min-height: 700px; }
      @media (max-width: 500px) {
        .games-page .games-iframe-wrapper .games-list iframe {
          min-height: 100dvh; } }
    .games-page .games-iframe-wrapper .games-list.word-flower iframe {
      min-height: 710px; }
    .games-page .games-iframe-wrapper .games-list.sudoku iframe, .games-page .games-iframe-wrapper .games-list.word-search iframe, .games-page .games-iframe-wrapper .games-list.crossword iframe, .games-page .games-iframe-wrapper .games-list.picdoku iframe, .games-page .games-iframe-wrapper .games-list.killer-sudoku iframe, .games-page .games-iframe-wrapper .games-list.kriss-kross iframe {
      min-height: 540px; }
    .games-page .games-iframe-wrapper .games-list.wordrow iframe {
      min-height: 640px; }
  .games-page .game-types-wrapper {
    margin-top: 32px;
    padding-top: 32px;
    padding-bottom: 24px;
    background: var(--post-background);
    border-radius: 5px; }
    @media (max-width: 501px) {
      .games-page .game-types-wrapper {
        padding-left: 15px;
        padding-right: 15px; } }
    @media (min-width: 501px) {
      .games-page .game-types-wrapper {
        padding-left: 24px;
        padding-right: 24px; } }
    .games-page .game-types-wrapper .types {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-top: 24px;
      gap: 16px; }
      .games-page .game-types-wrapper .types .type {
        box-sizing: border-box;
        border: 1px solid var(--border-dark-mode-toggle);
        display: flex;
        justify-content: center;
        width: calc(50% - 8px);
        padding-top: 24px;
        padding-bottom: 24px; }
        @media (max-width: 400px) {
          .games-page .game-types-wrapper .types .type {
            padding-top: 12px;
            padding-bottom: 12px; } }
        .games-page .game-types-wrapper .types .type:hover {
          background: var(--border-dark-mode-toggle); }
        .games-page .game-types-wrapper .types .type .content {
          display: flex;
          flex-direction: column;
          justify-content: center; }
          .games-page .game-types-wrapper .types .type .content .game-title {
            margin-top: 16px;
            text-align: center;
            font-family: Roboto, sans-serif;
            font-size: 20px;
            font-weight: 700;
            line-height: 23.44px;
            color: var(--on-bg-primary); }
            @media (max-width: 390px) {
              .games-page .game-types-wrapper .types .type .content .game-title {
                font-size: 16px;
                line-height: 18.75px; } }
          .games-page .game-types-wrapper .types .type .content .icon-wrapper {
            display: flex;
            justify-content: center; }
            .games-page .game-types-wrapper .types .type .content .icon-wrapper .icon {
              fill: var(--post-background);
              display: inline-block;
              height: 112px;
              width: 112px;
              background-size: contain;
              background-repeat: no-repeat; }
              @media (max-width: 595px) {
                .games-page .game-types-wrapper .types .type .content .icon-wrapper .icon {
                  height: 100px;
                  width: 100px; } }
              @media (max-width: 505px) {
                .games-page .game-types-wrapper .types .type .content .icon-wrapper .icon {
                  height: 80px;
                  width: 80px; } }
              @media (max-width: 483px) {
                .games-page .game-types-wrapper .types .type .content .icon-wrapper .icon {
                  height: 100px;
                  width: 100px; } }
              @media (max-width: 350px) {
                .games-page .game-types-wrapper .types .type .content .icon-wrapper .icon {
                  height: 75px;
                  width: 75px; } }
              .games-page .game-types-wrapper .types .type .content .icon-wrapper .icon.ic_word_search {
                background-image: url("images/icons/ic_word_search.svg"); }
              .games-page .game-types-wrapper .types .type .content .icon-wrapper .icon.ic_sudoku {
                background-image: url("images/icons/ic_sudoku.svg"); }
              .games-page .game-types-wrapper .types .type .content .icon-wrapper .icon.ic_codeword {
                background-image: url("images/icons/ic_codeword.svg"); }
              .games-page .game-types-wrapper .types .type .content .icon-wrapper .icon.ic_word_flower {
                background-image: url("images/icons/ic_word_flower.svg"); }
              .games-page .game-types-wrapper .types .type .content .icon-wrapper .icon.ic_wordrow {
                background-image: url("images/icons/ic_wordrow.svg"); }
              .games-page .game-types-wrapper .types .type .content .icon-wrapper .icon.ic_jigsaw {
                background-image: url("images/icons/ic_jigsaw.svg"); }
              .games-page .game-types-wrapper .types .type .content .icon-wrapper .icon.ic_picdoku {
                background-image: url("images/icons/ic_picdoku.svg"); }
              .games-page .game-types-wrapper .types .type .content .icon-wrapper .icon.ic_killer_sudoku {
                background-image: url("images/icons/ic_killer_sudoku.svg"); }
              .games-page .game-types-wrapper .types .type .content .icon-wrapper .icon.ic_kris_kross {
                background-image: url("images/icons/ic_kris_kross.svg"); }
  .games-page .newsletter-wrapper {
    margin-top: 32px;
    padding-top: 24px;
    padding-bottom: 24px;
    background: var(--post-background); }
    @media (max-width: 501px) {
      .games-page .newsletter-wrapper {
        padding-left: 15px;
        padding-right: 15px; } }
    @media (min-width: 501px) {
      .games-page .newsletter-wrapper {
        padding-left: 24px;
        padding-right: 24px; } }
    .games-page .newsletter-wrapper .subscribe-to-newsletter-block-wrapper {
      background: var(--orange-150); }
      .games-page .newsletter-wrapper .subscribe-to-newsletter-block-wrapper .badge {
        display: inline-block;
        background: var(--white);
        border-radius: 100px;
        color: var(--orange-150);
        padding: 3px 10px;
        font-weight: 600;
        font-size: 0.8125rem;
        line-height: 0.9375rem;
        margin-top: 1.5rem;
        margin-bottom: 0.5rem;
        margin-left: 2rem; }
        @media (max-width: 555px) {
          .games-page .newsletter-wrapper .subscribe-to-newsletter-block-wrapper .badge {
            margin-left: 1rem;
            margin-right: 1rem; } }
      .games-page .newsletter-wrapper .subscribe-to-newsletter-block-wrapper .subscribe-to-newsletter-block {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        border-bottom: 1px solid var(--white); }
        .games-page .newsletter-wrapper .subscribe-to-newsletter-block-wrapper .subscribe-to-newsletter-block .left {
          flex-grow: 1; }
          .games-page .newsletter-wrapper .subscribe-to-newsletter-block-wrapper .subscribe-to-newsletter-block .left h3.title {
            font-weight: 700;
            font-size: 1.875rem;
            line-height: 2.375rem;
            font-family: 'Merriweather', sans-serif;
            color: var(--white);
            padding-top: 0;
            padding-bottom: 1.5rem;
            padding-left: 2rem; }
            @media (max-width: 581px) {
              .games-page .newsletter-wrapper .subscribe-to-newsletter-block-wrapper .subscribe-to-newsletter-block .left h3.title {
                font-size: 1.775rem; } }
            @media (max-width: 555px) {
              .games-page .newsletter-wrapper .subscribe-to-newsletter-block-wrapper .subscribe-to-newsletter-block .left h3.title {
                font-size: 1.25rem;
                line-height: 1.875rem;
                padding-left: 1rem;
                padding-right: 1rem; } }
        .games-page .newsletter-wrapper .subscribe-to-newsletter-block-wrapper .subscribe-to-newsletter-block .right {
          position: relative;
          display: flex;
          flex-direction: column;
          justify-content: end; }
          @media (max-width: 386px) {
            .games-page .newsletter-wrapper .subscribe-to-newsletter-block-wrapper .subscribe-to-newsletter-block .right img {
              display: none; } }
      .games-page .newsletter-wrapper .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding-top: 1.5rem; }
        @media (max-width: 555px) {
          .games-page .newsletter-wrapper .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form {
            flex-direction: column; } }
        .games-page .newsletter-wrapper .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form .left {
          padding-left: 2rem;
          width: 100%;
          flex-grow: 1; }
          @media (max-width: 555px) {
            .games-page .newsletter-wrapper .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form .left {
              padding-left: 0; } }
          .games-page .newsletter-wrapper .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form .left .input-wrapper {
            box-sizing: border-box; }
            @media (max-width: 555px) {
              .games-page .newsletter-wrapper .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form .left .input-wrapper {
                padding-left: 1rem;
                padding-right: 1rem; } }
            .games-page .newsletter-wrapper .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form .left .input-wrapper input[type="email"] {
              box-sizing: border-box;
              width: 100%;
              font-size: 0.875rem;
              font-weight: 500;
              line-height: 1.3125rem;
              padding: 0.75rem 1rem;
              border: 1px solid var(--gray-200);
              border-radius: 4px;
              color: var(--black); }
        .games-page .newsletter-wrapper .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form .right {
          margin-left: 1rem;
          padding-right: 2rem; }
          @media (max-width: 555px) {
            .games-page .newsletter-wrapper .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form .right {
              margin-left: 0;
              padding-right: 0; } }
          @media (max-width: 555px) {
            .games-page .newsletter-wrapper .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form .right .button-wrapper {
              margin-left: 1rem;
              margin-right: 1rem;
              margin-top: 1rem; } }
          .games-page .newsletter-wrapper .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form .right .button-wrapper button {
            cursor: default;
            box-sizing: border-box;
            color: var(--gray-450);
            background: var(--gray-200);
            font-size: 1rem;
            font-weight: 500;
            line-height: 1.3125rem;
            font-family: 'Roboto', sans-serif;
            padding: 0.75rem 2rem;
            border-radius: 3px;
            border: 1px solid var(--gray-200); }
            @media (max-width: 555px) {
              .games-page .newsletter-wrapper .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form .right .button-wrapper button {
                width: 100%; } }
            .games-page .newsletter-wrapper .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form .right .button-wrapper button.enabled {
              color: var(--white);
              background-color: var(--bg-enabled-button);
              border-color: var(--bg-enabled-button);
              cursor: pointer; }
              .games-page .newsletter-wrapper .subscribe-to-newsletter-block-wrapper .newsletter-subscribe-form .right .button-wrapper button.enabled:hover {
                background-color: var(--bg-enabled-button-hover);
                border-color: var(--bg-enabled-button-hover); }
    .games-page .newsletter-wrapper .thank-you {
      box-sizing: border-box;
      width: 100%;
      color: var(--white);
      padding-left: 2rem;
      padding-right: 2rem;
      padding-bottom: 1.5rem; }
      @media (max-width: 555px) {
        .games-page .newsletter-wrapper .thank-you {
          padding-left: 1rem;
          padding-right: 1rem; } }
      .games-page .newsletter-wrapper .thank-you .wrapper {
        max-width: 100%;
        display: flex;
        background: var(--orange-150);
        padding: 0.75rem 1rem;
        text-align: start; }
        .games-page .newsletter-wrapper .thank-you .wrapper .left {
          margin-right: 0.75rem; }
        .games-page .newsletter-wrapper .thank-you .wrapper p.right {
          padding-bottom: 0;
          color: var(--white);
          font-weight: 500;
          font-size: 1rem;
          line-height: 1.1875rem;
          display: flex;
          flex-direction: column;
          justify-content: center; }
    .games-page .newsletter-wrapper .disclaimer {
      margin-top: 1rem;
      padding-bottom: 1.5rem;
      padding-left: 2rem;
      padding-right: 2rem; }
      @media (max-width: 555px) {
        .games-page .newsletter-wrapper .disclaimer {
          padding-left: 1rem;
          padding-right: 1rem; } }
      .games-page .newsletter-wrapper .disclaimer p {
        color: var(--white);
        font-size: 0.625rem;
        line-height: 0.75rem;
        font-weight: 500;
        font-family: 'Roboto', sans-serif;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0; }
        .games-page .newsletter-wrapper .disclaimer p a {
          text-decoration: underline;
          color: var(--white); }
  .games-page .games-wrapper {
    background: var(--white);
    margin-top: 32px;
    padding-top: 32px;
    padding-bottom: 24px;
    background: var(--post-background); }
    @media (min-width: 501px) {
      .games-page .games-wrapper {
        padding-left: 24px;
        padding-right: 24px; } }
    .games-page .games-wrapper .games-header {
      background: var(--post-background); }
  .games-page .games-footer h3.title {
    font-family: Merriweather, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    text-align: left;
    color: var(--on-bg-primary);
    margin-top: 48px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border-text-input); }
  .games-page .games-footer .recommendations {
    padding-top: 30px;
    padding-bottom: 30px; }
    .games-page .games-footer .recommendations #gamesRecommendations,
    .games-page .games-footer .recommendations #gamesRecommendationsMobile {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .games-page .games-footer .recommendations #gamesRecommendations article.box,
      .games-page .games-footer .recommendations #gamesRecommendationsMobile article.box {
        width: 31%;
        box-shadow: none;
        background: var(--post-background);
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        margin-top: 16px; }
        @media (min-width: 571px) {
          .games-page .games-footer .recommendations #gamesRecommendations article.box:nth-child(1), .games-page .games-footer .recommendations #gamesRecommendations article.box:nth-child(2), .games-page .games-footer .recommendations #gamesRecommendations article.box:nth-child(3),
          .games-page .games-footer .recommendations #gamesRecommendationsMobile article.box:nth-child(1),
          .games-page .games-footer .recommendations #gamesRecommendationsMobile article.box:nth-child(2),
          .games-page .games-footer .recommendations #gamesRecommendationsMobile article.box:nth-child(3) {
            margin-top: 0; } }
        @media (max-width: 570px) {
          .games-page .games-footer .recommendations #gamesRecommendations article.box,
          .games-page .games-footer .recommendations #gamesRecommendationsMobile article.box {
            width: 49%;
            margin-right: 0; }
            .games-page .games-footer .recommendations #gamesRecommendations article.box:nth-child(1), .games-page .games-footer .recommendations #gamesRecommendations article.box:nth-child(2),
            .games-page .games-footer .recommendations #gamesRecommendationsMobile article.box:nth-child(1),
            .games-page .games-footer .recommendations #gamesRecommendationsMobile article.box:nth-child(2) {
              margin-top: 0; } }
        @media (max-width: 350px) {
          .games-page .games-footer .recommendations #gamesRecommendations article.box,
          .games-page .games-footer .recommendations #gamesRecommendationsMobile article.box {
            width: 100%;
            margin-right: 0; }
            .games-page .games-footer .recommendations #gamesRecommendations article.box:nth-child(2),
            .games-page .games-footer .recommendations #gamesRecommendationsMobile article.box:nth-child(2) {
              margin-top: 16px; } }
        .games-page .games-footer .recommendations #gamesRecommendations article.box img,
        .games-page .games-footer .recommendations #gamesRecommendationsMobile article.box img {
          width: 100%;
          height: auto;
          object-fit: cover;
          font-family: Merriweather, sans-serif;
          border-top-left-radius: 3px;
          border-top-right-radius: 3px; }
        .games-page .games-footer .recommendations #gamesRecommendations article.box .title-link,
        .games-page .games-footer .recommendations #gamesRecommendationsMobile article.box .title-link {
          padding: 8px 14px; }
          .games-page .games-footer .recommendations #gamesRecommendations article.box .title-link .box-title,
          .games-page .games-footer .recommendations #gamesRecommendationsMobile article.box .title-link .box-title {
            vertical-align: top;
            padding: 0.7em 0 0 0;
            color: var(--on-bg-primary);
            font-family: Merriweather, sans-serif;
            font-size: 14.4px;
            font-weight: 700;
            line-height: 20.16px;
            text-align: left; }
            .games-page .games-footer .recommendations #gamesRecommendations article.box .title-link .box-title:hover,
            .games-page .games-footer .recommendations #gamesRecommendationsMobile article.box .title-link .box-title:hover {
              color: var(--orange-150); }

.boredpanda-game-embed-settings {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--white);
  width: 400px;
  z-index: 99999;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-weight: 600; }
  .boredpanda-game-embed-settings.hidden {
    display: none; }
  .boredpanda-game-embed-settings .boredpanda-game-embed-settings-form {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; }
    .boredpanda-game-embed-settings .boredpanda-game-embed-settings-form .ql-tooltip.ql-editing {
      left: 0 !important; }
    .boredpanda-game-embed-settings .boredpanda-game-embed-settings-form .ql-editor {
      font-weight: normal; }
    .boredpanda-game-embed-settings .boredpanda-game-embed-settings-form .input-group {
      padding: 1.5rem 1.875rem 0; }
      .boredpanda-game-embed-settings .boredpanda-game-embed-settings-form .input-group label {
        color: var(--gray-800);
        font-size: 16px;
        line-height: 30px;
        display: block; }
      .boredpanda-game-embed-settings .boredpanda-game-embed-settings-form .input-group .quiz-textarea-inline .tox.tox-tinymce {
        height: 100px !important; }
      .boredpanda-game-embed-settings .boredpanda-game-embed-settings-form .input-group textarea {
        border-radius: 3px;
        border: 1px solid var(--gray-200);
        color: var(--gray-800);
        font-size: 14px;
        font-weight: 400;
        line-height: 1rem;
        padding: 0.75rem;
        min-width: 100%;
        box-sizing: border-box;
        outline: none;
        font-family: 'Roboto', sans-serif; }
      .boredpanda-game-embed-settings .boredpanda-game-embed-settings-form .input-group .radio-label {
        font-size: 14px;
        font-weight: 400;
        line-height: 30px;
        align-items: center;
        display: flex;
        flex-wrap: wrap; }
        .boredpanda-game-embed-settings .boredpanda-game-embed-settings-form .input-group .radio-label input {
          margin-left: 20px; }
      .boredpanda-game-embed-settings .boredpanda-game-embed-settings-form .input-group input[type='radio'] {
        width: 15px;
        height: 15px;
        margin: 0;
        margin-right: 5px; }
      .boredpanda-game-embed-settings .boredpanda-game-embed-settings-form .input-group select, .boredpanda-game-embed-settings .boredpanda-game-embed-settings-form .input-group input[type='text'] {
        border-radius: 3px;
        border: 1px solid var(--gray-200);
        color: var(--gray-800);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        padding: 10px 12px;
        width: 100%;
        box-sizing: border-box;
        outline: none; }
    .boredpanda-game-embed-settings .boredpanda-game-embed-settings-form .body {
      overflow-y: auto; }
      .boredpanda-game-embed-settings .boredpanda-game-embed-settings-form .body.hidden {
        display: none; }
      .boredpanda-game-embed-settings .boredpanda-game-embed-settings-form .body.bottom-padding {
        padding-bottom: 2.5rem; }
    .boredpanda-game-embed-settings .boredpanda-game-embed-settings-form .buttons {
      padding: 25px 30px;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
      width: 100%;
      box-sizing: border-box;
      display: flex;
      justify-content: end; }
      .boredpanda-game-embed-settings .boredpanda-game-embed-settings-form .buttons button {
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        border-radius: 6px;
        background: var(--white);
        width: 140px;
        height: 50px;
        cursor: pointer; }
        .boredpanda-game-embed-settings .boredpanda-game-embed-settings-form .buttons button.submit {
          margin-right: 20px;
          color: var(--green-200);
          border: 2px solid var(--green-200); }
          .boredpanda-game-embed-settings .boredpanda-game-embed-settings-form .buttons button.submit:hover {
            background: var(--green-200);
            color: var(--white); }
        .boredpanda-game-embed-settings .boredpanda-game-embed-settings-form .buttons button.cancel {
          color: var(--gray-800);
          border: 2px solid var(--gray-200); }
          .boredpanda-game-embed-settings .boredpanda-game-embed-settings-form .buttons button.cancel:hover {
            background: var(--gray-200); }

.single-post .left-content-column article.post .post-content .game-banner-wrapper {
  margin-top: 0;
  margin-bottom: 0; }
  .single-post .left-content-column article.post .post-content .game-banner-wrapper.single-post {
    margin-top: 32px;
    margin-bottom: 32px; }
  .single-post .left-content-column article.post .post-content .game-banner-wrapper .banner-header {
    padding: 16px 24px;
    background: var(--bg-quiz);
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--login-input-border);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
    .single-post .left-content-column article.post .post-content .game-banner-wrapper .banner-header .left {
      display: flex; }
      .single-post .left-content-column article.post .post-content .game-banner-wrapper .banner-header .left .games-icon-wrapper {
        border-radius: 50%;
        background: var(--bg-icon);
        width: 43px;
        height: 43px;
        line-height: 43px;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-right: 12px; }
        .single-post .left-content-column article.post .post-content .game-banner-wrapper .banner-header .left .games-icon-wrapper svg {
          color: var(--orange-150); }
      .single-post .left-content-column article.post .post-content .game-banner-wrapper .banner-header .left h3 {
        font-family: Roboto, sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 21.09px;
        text-align: left;
        color: var(--on-bg-primary);
        padding: 0; }
    .single-post .left-content-column article.post .post-content .game-banner-wrapper .banner-header .all-games-button {
      border: 1px solid var(--quiz-border);
      border-radius: 3px;
      background: var(--post-background);
      padding: 9px 16px;
      line-height: 16.41px; }
      .single-post .left-content-column article.post .post-content .game-banner-wrapper .banner-header .all-games-button a {
        font-family: Roboto, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 16.41px;
        text-align: left;
        color: var(--on-bg-primary); }
  .single-post .left-content-column article.post .post-content .game-banner-wrapper img.game-banner {
    border: 1px solid var(--login-input-border);
    border-top: none;
    box-sizing: border-box; }
    @media (max-width: 600px) {
      .single-post .left-content-column article.post .post-content .game-banner-wrapper img.game-banner {
        display: none; } }
  .single-post .left-content-column article.post .post-content .game-banner-wrapper .mobile-game-banner {
    border: 1px solid var(--login-input-border);
    border-top: none;
    box-sizing: border-box; }
    @media (min-width: 601px) {
      .single-post .left-content-column article.post .post-content .game-banner-wrapper .mobile-game-banner {
        display: none; } }

.wide-post .post-content .game-banner-wrapper.open-list {
  padding-left: 45px;
  padding-right: 45px; }
  @media (max-width: 768px) {
    .wide-post .post-content .game-banner-wrapper.open-list {
      padding-left: 1.5625rem;
      padding-right: 1.5625rem; } }
  @media (max-width: 480px) {
    .wide-post .post-content .game-banner-wrapper.open-list {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }

.narrow-post-700 .post-content .game-banner-wrapper.open-list,
.narrow-post .post-content .game-banner-wrapper.open-list {
  padding-left: 27px;
  padding-right: 27px; }
  @media (max-width: 768px) {
    .narrow-post-700 .post-content .game-banner-wrapper.open-list,
    .narrow-post .post-content .game-banner-wrapper.open-list {
      padding-left: 1.5625rem;
      padding-right: 1.5625rem; } }
  @media (max-width: 480px) {
    .narrow-post-700 .post-content .game-banner-wrapper.open-list,
    .narrow-post .post-content .game-banner-wrapper.open-list {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }

@media (max-width: 768px) {
  .wide-post .post-content .game-banner-wrapper.single-post {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem; } }

@media (max-width: 480px) {
  .wide-post .post-content .game-banner-wrapper.single-post {
    padding-left: 0.75rem;
    padding-right: 0.75rem; } }

@media (max-width: 768px) {
  .narrow-post-700 .post-content .game-banner-wrapper.single-post,
  .narrow-post .post-content .game-banner-wrapper.single-post {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem; } }

@media (max-width: 480px) {
  .narrow-post-700 .post-content .game-banner-wrapper.single-post,
  .narrow-post .post-content .game-banner-wrapper.single-post {
    padding-left: 0.75rem;
    padding-right: 0.75rem; } }

.boredpanda-embedded-game-settings {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--white);
  width: 400px;
  z-index: 99999;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-weight: 600; }
  .boredpanda-embedded-game-settings.hidden {
    display: none; }
  .boredpanda-embedded-game-settings .boredpanda-embedded-game-settings-form {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; }
    .boredpanda-embedded-game-settings .boredpanda-embedded-game-settings-form img {
      max-width: 100%; }
    .boredpanda-embedded-game-settings .boredpanda-embedded-game-settings-form .ql-tooltip.ql-editing {
      left: 0 !important; }
    .boredpanda-embedded-game-settings .boredpanda-embedded-game-settings-form .ql-editor {
      font-weight: normal; }
    .boredpanda-embedded-game-settings .boredpanda-embedded-game-settings-form .input-group {
      padding: 1.5rem 1.875rem 0; }
      .boredpanda-embedded-game-settings .boredpanda-embedded-game-settings-form .input-group label {
        color: var(--gray-800);
        font-size: 16px;
        line-height: 30px;
        display: block; }
      .boredpanda-embedded-game-settings .boredpanda-embedded-game-settings-form .input-group .quiz-textarea-inline .tox.tox-tinymce {
        height: 100px !important; }
      .boredpanda-embedded-game-settings .boredpanda-embedded-game-settings-form .input-group textarea {
        border-radius: 3px;
        border: 1px solid var(--gray-200);
        color: var(--gray-800);
        font-size: 14px;
        font-weight: 400;
        line-height: 1rem;
        padding: 0.75rem;
        min-width: 100%;
        box-sizing: border-box;
        outline: none;
        font-family: 'Roboto', sans-serif; }
      .boredpanda-embedded-game-settings .boredpanda-embedded-game-settings-form .input-group .radio-label {
        font-size: 14px;
        font-weight: 400;
        line-height: 30px;
        align-items: center;
        display: flex;
        flex-wrap: wrap; }
        .boredpanda-embedded-game-settings .boredpanda-embedded-game-settings-form .input-group .radio-label input {
          margin-left: 20px; }
      .boredpanda-embedded-game-settings .boredpanda-embedded-game-settings-form .input-group input[type='radio'] {
        width: 15px;
        height: 15px;
        margin: 0;
        margin-right: 5px; }
      .boredpanda-embedded-game-settings .boredpanda-embedded-game-settings-form .input-group select, .boredpanda-embedded-game-settings .boredpanda-embedded-game-settings-form .input-group input[type='text'] {
        border-radius: 3px;
        border: 1px solid var(--gray-200);
        color: var(--gray-800);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        padding: 10px 12px;
        width: 100%;
        box-sizing: border-box;
        outline: none; }
    .boredpanda-embedded-game-settings .boredpanda-embedded-game-settings-form .body {
      overflow-y: auto; }
      .boredpanda-embedded-game-settings .boredpanda-embedded-game-settings-form .body.hidden {
        display: none; }
      .boredpanda-embedded-game-settings .boredpanda-embedded-game-settings-form .body.bottom-padding {
        padding-bottom: 2.5rem; }
    .boredpanda-embedded-game-settings .boredpanda-embedded-game-settings-form .buttons {
      padding: 25px 30px;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
      width: 100%;
      box-sizing: border-box;
      display: flex;
      justify-content: end; }
      .boredpanda-embedded-game-settings .boredpanda-embedded-game-settings-form .buttons button {
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        border-radius: 6px;
        background: var(--white);
        width: 140px;
        height: 50px;
        cursor: pointer; }
        .boredpanda-embedded-game-settings .boredpanda-embedded-game-settings-form .buttons button.submit {
          margin-right: 20px;
          color: var(--green-200);
          border: 2px solid var(--green-200); }
          .boredpanda-embedded-game-settings .boredpanda-embedded-game-settings-form .buttons button.submit:hover {
            background: var(--green-200);
            color: var(--white); }
        .boredpanda-embedded-game-settings .boredpanda-embedded-game-settings-form .buttons button.cancel {
          color: var(--gray-800);
          border: 2px solid var(--gray-200); }
          .boredpanda-embedded-game-settings .boredpanda-embedded-game-settings-form .buttons button.cancel:hover {
            background: var(--gray-200); }

.game-banner-wrapper .game-screenshot-wrapper {
  position: relative; }
  .game-banner-wrapper .game-screenshot-wrapper img.game-thumbnail, .game-banner-wrapper .game-screenshot-wrapper img.mobile-game-thumbnail {
    width: 100%;
    max-width: 100%;
    filter: brightness(0.4) blur(0.5px); }
  .game-banner-wrapper .game-screenshot-wrapper img.game-thumbnail {
    display: block; }
    @media (max-width: 600px) {
      .game-banner-wrapper .game-screenshot-wrapper img.game-thumbnail {
        display: none; } }
  .game-banner-wrapper .game-screenshot-wrapper img.mobile-game-thumbnail {
    display: none; }
    @media (max-width: 600px) {
      .game-banner-wrapper .game-screenshot-wrapper img.mobile-game-thumbnail {
        display: block; } }
  .game-banner-wrapper .game-screenshot-wrapper .game-card {
    box-sizing: border-box;
    position: absolute;
    left: 16px;
    bottom: 24px;
    background: var(--post-background);
    border-radius: 6px;
    z-index: 2;
    width: calc(100% - 32px);
    padding: 20px 24px;
    display: flex;
    justify-content: space-between;
    gap: 20px; }
    @media (max-width: 600px) {
      .game-banner-wrapper .game-screenshot-wrapper .game-card {
        bottom: 50%;
        transform: translateY(50%);
        flex-direction: column; } }
    .game-banner-wrapper .game-screenshot-wrapper .game-card .left {
      flex-grow: 1; }
      .game-banner-wrapper .game-screenshot-wrapper .game-card .left .game-title {
        font-family: 'Roboto', sans-serif;
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
        text-align: left !important;
        color: var(--on-bg-primary);
        padding: 0;
        margin-bottom: 8px; }
        @media (max-width: 600px) {
          .game-banner-wrapper .game-screenshot-wrapper .game-card .left .game-title {
            text-align: center !important; } }
      .game-banner-wrapper .game-screenshot-wrapper .game-card .left .game-subtitle {
        color: #949494;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left !important;
        padding: 0;
        margin: 0; }
        @media (max-width: 600px) {
          .game-banner-wrapper .game-screenshot-wrapper .game-card .left .game-subtitle {
            text-align: center !important; } }
    .game-banner-wrapper .game-screenshot-wrapper .game-card .right {
      display: flex;
      flex-direction: column;
      justify-content: center;
      flex-shrink: 0; }
      .game-banner-wrapper .game-screenshot-wrapper .game-card .right .play-game-button {
        box-sizing: border-box;
        padding: 12px 32px;
        background: #488dbe;
        box-shadow: 0 3px 0 0 #176094;
        border-radius: 4px;
        border: none;
        cursor: pointer;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        text-align: left;
        color: #fff; }
        .game-banner-wrapper .game-screenshot-wrapper .game-card .right .play-game-button .play {
          color: #a3c6df; }
        .game-banner-wrapper .game-screenshot-wrapper .game-card .right .play-game-button:hover {
          background: rgba(72, 141, 190, 0.9); }
        .game-banner-wrapper .game-screenshot-wrapper .game-card .right .play-game-button:active {
          box-shadow: none;
          transform: translateY(3px); }

.game-banner-wrapper .game-wrapper iframe {
  border: none;
  position: static;
  width: 100%;
  display: block;
  margin: 0;
  min-height: 700px; }
  @media (max-width: 500px) {
    .game-banner-wrapper .game-wrapper iframe {
      min-height: 100dvh; } }

.game-banner-wrapper .game-wrapper.word-flower iframe {
  min-height: 710px; }

.game-banner-wrapper .game-wrapper.sudoku iframe, .game-banner-wrapper .game-wrapper.word-search iframe, .game-banner-wrapper .game-wrapper.crossword iframe, .game-banner-wrapper .game-wrapper.picdoku iframe, .game-banner-wrapper .game-wrapper.killer-sudoku iframe, .game-banner-wrapper .game-wrapper.kriss-kross iframe {
  min-height: 540px; }

.game-banner-wrapper .game-wrapper.wordrow iframe {
  min-height: 640px; }

.boredpanda-post-highlight-embed-settings {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--white);
  width: 400px;
  z-index: 99999;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-weight: 600; }
  .boredpanda-post-highlight-embed-settings.hidden {
    display: none; }
  .boredpanda-post-highlight-embed-settings .title {
    color: var(--gray-800);
    font-size: 20px;
    line-height: 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 1.625rem 1.875rem; }
  .boredpanda-post-highlight-embed-settings .input-group {
    padding: 1.5rem 1.875rem 0; }
    .boredpanda-post-highlight-embed-settings .input-group label {
      color: var(--gray-800);
      font-size: 16px;
      line-height: 30px;
      display: block; }
    .boredpanda-post-highlight-embed-settings .input-group textarea {
      border-radius: 3px;
      border: 1px solid var(--gray-200);
      color: var(--gray-800);
      font-size: 14px;
      font-weight: 400;
      line-height: 1rem;
      padding: 0.75rem;
      min-width: 100%;
      box-sizing: border-box;
      outline: none;
      font-family: 'Roboto', sans-serif; }
    .boredpanda-post-highlight-embed-settings .input-group input[type='text'] {
      display: block;
      margin-bottom: 10px; }
    .boredpanda-post-highlight-embed-settings .input-group .radio-label {
      font-size: 14px;
      font-weight: 400;
      line-height: 30px;
      align-items: center;
      display: flex;
      flex-wrap: wrap; }
      .boredpanda-post-highlight-embed-settings .input-group .radio-label input {
        margin-left: 20px; }
    .boredpanda-post-highlight-embed-settings .input-group input[type='radio'] {
      width: 15px;
      height: 15px;
      margin: 0;
      margin-right: 5px; }
    .boredpanda-post-highlight-embed-settings .input-group .highlight-number {
      color: var(--gray-450); }
  .boredpanda-post-highlight-embed-settings .body {
    overflow-y: auto;
    height: calc(100vh - 186px); }
    .boredpanda-post-highlight-embed-settings .body #generateWithAI {
      width: 100%;
      border: 1px solid var(--orange-150);
      border-radius: 4px;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      text-align: center;
      font-size: 0.875rem;
      font-weight: 600;
      line-height: 16.41px; }
    .boredpanda-post-highlight-embed-settings .body .suggestion {
      border: 1px solid var(--gray-100);
      border-radius: 3px;
      background: var(--gray-50);
      padding: 1rem; }
      .boredpanda-post-highlight-embed-settings .body .suggestion.selected {
        border-color: #56b863;
        background: var(--green-50); }
      .boredpanda-post-highlight-embed-settings .body .suggestion label {
        color: var(--gray-800);
        font-size: 0.875rem;
        font-style: italic;
        line-height: 16.41px;
        opacity: 0.5;
        margin-top: 0.75rem;
        font-weight: 400; }
        .boredpanda-post-highlight-embed-settings .body .suggestion label:first-child {
          margin-top: 0; }
      .boredpanda-post-highlight-embed-settings .body .suggestion .content {
        color: var(--gray-800);
        font-weight: 500;
        line-height: 20px;
        font-size: 0.875rem;
        margin-top: 0.75rem; }
  .boredpanda-post-highlight-embed-settings .buttons {
    padding: 25px 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between; }
    .boredpanda-post-highlight-embed-settings .buttons button {
      text-align: center;
      font-size: 16px;
      font-weight: 600;
      line-height: 20px;
      border-radius: 6px;
      background: var(--white);
      width: 140px;
      height: 50px;
      cursor: pointer; }
      .boredpanda-post-highlight-embed-settings .buttons button.submit {
        color: #56b863;
        border: 2px solid #56b863; }
        .boredpanda-post-highlight-embed-settings .buttons button.submit:hover {
          background: #56b863;
          color: var(--white); }
      .boredpanda-post-highlight-embed-settings .buttons button.cancel {
        color: var(--gray-800);
        border: 2px solid var(--gray-200); }
        .boredpanda-post-highlight-embed-settings .buttons button.cancel:hover {
          background: var(--gray-200); }

.simple-loading-indicator {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: block;
  margin: 15px auto;
  color: var(--gray-250);
  box-sizing: border-box;
  animation: simpleLoaderAnimation 1s linear infinite; }

@keyframes simpleLoaderAnimation {
  0% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px; }
  25% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 2px; }
  50% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 2px, -38px 0 0 -2px; }
  75% {
    box-shadow: 14px 0 0 2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px; }
  100% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 2px, -14px 0 0 -2px, -38px 0 0 -2px; } }

.spin-loading-indicator {
  width: 20px;
  height: 20px;
  border: 3px solid #FFF;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite; }

@keyframes rotation {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.text-base {
  font-size: 1rem !important; }

.font-normal {
  font-weight: 400 !important; }

.font-semibold {
  font-weight: 600 !important; }

.text-dark-gray {
  color: var(--gray-800) !important; }

.text-light-gray {
  color: #A0A0A0 !important; }

.m-0 {
  margin: 0px !important; }

.ml-2 {
  margin-left: 0.5rem !important; }

.p-0 {
  padding: 0px !important; }

.flex {
  display: flex !important; }

.flex-row {
  flex-direction: row !important; }

.relative {
  position: relative !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-col {
  flex-direction: column !important; }

.justify-start {
  justify-content: flex-start !important; }

.justify-center {
  justify-content: center !important; }

.shrink-0 {
  flex-shrink: 0 !important; }

.grow-1 {
  flex-grow: 1 !important; }

.gap-1 {
  gap: 0.25rem !important; }

.gap-2 {
  gap: 0.5rem !important; }

.gap-3 {
  gap: 0.75rem !important; }

.gap-4 {
  gap: 1rem !important; }

.justify-end {
  justify-content: end !important; }

.justify-between {
  justify-content: space-between !important; }

.justify-around {
  justify-content: space-around !important; }

.cursor-pointer {
  cursor: pointer !important; }

.w-full {
  width: 100% !important; }

.h-full {
  height: 100% !important; }

.overflow-y-hidden {
  overflow-y: hidden !important; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.wide-post-1080 .bp-container {
  max-width: 1080px; }

.wide-post-1080 #hide-feed-admin-box input[type="text"] {
  width: 100%;
  display: block;
  height: 40px;
  margin: 1rem 0;
  padding: 0 1rem;
  box-sizing: border-box; }

.wide-post-1080 #hide-feed-admin-box .input {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px; }
  .wide-post-1080 #hide-feed-admin-box .input .title-combined,
  .wide-post-1080 #hide-feed-admin-box .input .post-admin-menu-block {
    width: 100%; }
    .wide-post-1080 #hide-feed-admin-box .input .title-combined .tox.tox-tinymce,
    .wide-post-1080 #hide-feed-admin-box .input .post-admin-menu-block .tox.tox-tinymce {
      width: 100% !important; }

.wide-post-1080 #hide-feed-admin-box #wp-custom_content-wrap {
  width: 100%;
  margin: 1rem 0; }

.wide-post-1080 #hide-feed-admin-box .pinned-feed-position-form {
  flex-direction: column; }

.wide-post-1080 #hide-feed-admin-box .admin-button {
  padding: 10px 20px;
  height: 50px;
  width: 100%;
  margin-left: 0;
  border: 1px solid var(--gray-100);
  border-radius: 5px;
  max-width: 50px;
  height: auto;
  color: black;
  font: 400 14px/20px Roboto, sans-serif;
  display: flex;
  align-items: center;
  justify-content: center; }
  .wide-post-1080 #hide-feed-admin-box .admin-button:hover {
    color: var(--white);
    background: var(--green-300);
    border-color: var(--green-300); }

.wide-post-1080 .posts .authors-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 757px;
  background: var(--post-background);
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 32px 24px 24px; }
  @media (max-width: 480px) {
    .wide-post-1080 .posts .authors-content {
      margin-top: 12px;
      padding: 24px; } }
  .wide-post-1080 .posts .authors-content h1 {
    font: 700 29px/40px Merriweather, serif;
    color: var(--on-bg-dark);
    padding-bottom: 24px; }
    @media (max-width: 480px) {
      .wide-post-1080 .posts .authors-content h1 {
        font: 700 26px/36px Merriweather, serif; } }
  .wide-post-1080 .posts .authors-content p {
    line-height: 25px;
    color: var(--gray-800);
    font-weight: 400;
    font-size: 16px; }
  .wide-post-1080 .posts .authors-content blockquote {
    position: relative; }
    .wide-post-1080 .posts .authors-content blockquote p {
      font: 400 14px/20px Roboto, sans-serif;
      color: var(--gray-800);
      padding-left: 16px; }
      @media (max-width: 480px) {
        .wide-post-1080 .posts .authors-content blockquote p {
          font: 400 16px/24px Roboto, sans-serif; } }
    .wide-post-1080 .posts .authors-content blockquote:before {
      content: '';
      position: absolute;
      border: 2px solid var(--gray-100);
      border-radius: 3px;
      height: 100%; }

.wide-post-1080 .posts .authors-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 757px;
  background: var(--post-background);
  border-radius: 4px;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%; }

.wide-post-1080 .posts .authors-inner-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  place-items: center;
  flex: 0 0 253px;
  max-width: 253px;
  box-sizing: border-box;
  padding: 32px 24px 24px;
  border: 1px solid var(--gray-100);
  margin: -1px 0 0 -1px;
  row-gap: 24px; }
  @media (max-width: 768px) {
    .wide-post-1080 .posts .authors-inner-block {
      flex: 1 0 40%;
      max-width: 100%; } }
  @media (max-width: 480px) {
    .wide-post-1080 .posts .authors-inner-block {
      flex: 1 0 100%;
      max-width: 100%;
      border-right: 0;
      border-left: 0;
      padding: 24px 24px 32px;
      row-gap: 30px; } }

.wide-post-1080 .posts .authors-inner-general {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%; }

.wide-post-1080 .posts .authors-inner-image {
  position: relative;
  width: 120px;
  height: 120px;
  object-fit: contain;
  margin-bottom: 24px;
  display: flex;
  place-items: center; }
  @media (max-width: 480px) {
    .wide-post-1080 .posts .authors-inner-image {
      width: 96px;
      height: 96px; } }
  .wide-post-1080 .posts .authors-inner-image img {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    background: var(--green-50); }
    @media (max-width: 480px) {
      .wide-post-1080 .posts .authors-inner-image img {
        width: 96px;
        height: 96px; } }
  .wide-post-1080 .posts .authors-inner-image .verified-icon {
    position: absolute;
    top: 0;
    right: 0; }
    .wide-post-1080 .posts .authors-inner-image .verified-icon .icon-verified-new {
      height: 32px;
      width: 32px; }
    .wide-post-1080 .posts .authors-inner-image .verified-icon svg path:nth-of-type(1) {
      stroke: white;
      stroke-width: 2px;
      fill: #69A0FD; }
    .wide-post-1080 .posts .authors-inner-image .verified-icon svg path:nth-of-type(2) {
      stroke: #69A0FD;
      fill: #69A0FD; }
    .wide-post-1080 .posts .authors-inner-image .verified-icon svg path:nth-of-type(3) {
      stroke: white;
      fill: #69A0FD;
      stroke-width: 2px; }

.wide-post-1080 .posts .authors-inner-contacts {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: space-between;
  width: 100%; }
  @media (max-width: 480px) {
    .wide-post-1080 .posts .authors-inner-contacts {
      align-items: center; } }
  .wide-post-1080 .posts .authors-inner-contacts h3 {
    display: flex;
    justify-content: center;
    column-gap: 6px;
    font: 700 18px/1.4 Merriweather, serif;
    color: var(--gray-800);
    text-align: center;
    padding-bottom: 8px; }
    @media (max-width: 480px) {
      .wide-post-1080 .posts .authors-inner-contacts h3 {
        font: 700 20px/1.4 Merriweather, serif;
        padding-bottom: 12px; } }
  .wide-post-1080 .posts .authors-inner-contacts h5 {
    font: 600 14px/24px Roboto, sans-serif;
    color: var(--orange-150);
    padding-bottom: 8px; }
    @media (max-width: 480px) {
      .wide-post-1080 .posts .authors-inner-contacts h5 {
        font: 600 16px/20px Roboto, sans-serif;
        color: var(--gray-800); } }
  .wide-post-1080 .posts .authors-inner-contacts p {
    font: 400 14px/20px Roboto, sans-serif;
    color: var(--gray-800);
    text-align: center;
    word-break: break-word;
    padding-bottom: 20px; }
    @media (max-width: 480px) {
      .wide-post-1080 .posts .authors-inner-contacts p {
        font: 400 16px/24px Roboto, sans-serif; } }

.wide-post-1080 .posts .authors-inner-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  justify-content: space-between;
  gap: 10px; }
  @media (max-width: 480px) {
    .wide-post-1080 .posts .authors-inner-stats {
      column-gap: 70px;
      row-gap: 30px; } }
  .wide-post-1080 .posts .authors-inner-stats-info {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    color: var(--gray-800);
    text-align: center;
    font: 600 14px/21px Roboto, sans-serif; }
    @media (max-width: 480px) {
      .wide-post-1080 .posts .authors-inner-stats-info {
        font: 600 16px/20px Roboto, sans-serif; } }
    .wide-post-1080 .posts .authors-inner-stats-info span {
      font: 600 12px/20px Roboto, sans-serif;
      color: var(--gray-450); }

.wide-post-1080 .posts .authors-inner-cta {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 24px; }
  @media (max-width: 480px) {
    .wide-post-1080 .posts .authors-inner-cta {
      margin-top: 20px; } }

.wide-post-1080 .posts .authors-inner-follow, .wide-post-1080 .posts .authors-inner-contact, .wide-post-1080 .posts .authors-inner-unfollow {
  font: 600 12px/20px Roboto, sans-serif;
  color: var(--gray-800);
  line-height: 20px;
  border-radius: 3px;
  border: 1px solid var(--gray-100);
  background: var(--white);
  display: block;
  padding: 6px 16px; }
  @media (max-width: 480px) {
    .wide-post-1080 .posts .authors-inner-follow, .wide-post-1080 .posts .authors-inner-contact, .wide-post-1080 .posts .authors-inner-unfollow {
      font: 600 14px/20px Roboto, sans-serif;
      padding: 11px 16px; } }
  .wide-post-1080 .posts .authors-inner-follow:hover, .wide-post-1080 .posts .authors-inner-contact:hover, .wide-post-1080 .posts .authors-inner-unfollow:hover {
    color: var(--white);
    background: var(--green-300);
    border-color: var(--green-300); }

.wide-post-1080 .posts .authors-inner-single {
  font: 600 16px/20px Roboto, sans-serif;
  color: var(--orange-150);
  text-decoration-line: underline; }
  .wide-post-1080 .posts .authors-inner-single:hover {
    color: var(--text-input); }
  @media (max-width: 480px) {
    .wide-post-1080 .posts .authors-inner-single {
      font: 600 16px/20px Roboto, sans-serif; } }

.wide-post-1080 .bp-container {
  max-width: 1080px; }

.single-staff-author {
  position: relative;
  border-radius: 5px;
  background: var(--bg-newsletter);
  display: grid;
  grid-template-columns: 252px auto;
  grid-template-rows: repeat(2, auto);
  grid-column-gap: 0px;
  grid-row-gap: 0px; }
  @media (max-width: 480px) {
    .single-staff-author {
      display: flex;
      flex-direction: column;
      margin-top: 12px; } }
  .single-staff-author .staff-author-container {
    display: flex;
    flex-direction: row;
    grid-area: 2 / 1 / 3 / 2; }
    .single-staff-author .staff-author-container-header {
      padding: 18px 24px;
      border-bottom: 1px solid var(--gray-100);
      grid-area: 1 / 1 / 2 / 3; }
      .single-staff-author .staff-author-container-header a {
        display: flex;
        flex-direction: row;
        column-gap: 12px;
        align-items: center;
        color: var(--on-bg-dark);
        font: 600 14px/20px 'Roboto', sans-serif; }
        .single-staff-author .staff-author-container-header a:before {
          content: '';
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14.8527 8L2.28125 8' stroke='%23D74B1F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.71094 4L1.71094 8L5.71094 12' stroke='%23D74B1F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
          height: 16px;
          width: 16px;
          position: relative;
          display: block; }
  .single-staff-author .staff-author-bio {
    max-width: 252px;
    width: 100%; }
    @media (max-width: 480px) {
      .single-staff-author .staff-author-bio {
        max-width: 100%; } }
  .single-staff-author .staff-author-card {
    padding: 32px 15px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--post-background); }
  .single-staff-author .staff-author-picture {
    position: relative; }
    .single-staff-author .staff-author-picture .verified-icon {
      position: absolute;
      top: 0;
      right: 0; }
      .single-staff-author .staff-author-picture .verified-icon .icon-verified-new {
        height: 32px;
        width: 32px; }
      .single-staff-author .staff-author-picture .verified-icon svg path:nth-of-type(1) {
        stroke: white;
        stroke-width: 2px;
        fill: #69A0FD; }
      .single-staff-author .staff-author-picture .verified-icon svg path:nth-of-type(2) {
        stroke: #69A0FD;
        fill: #69A0FD; }
      .single-staff-author .staff-author-picture .verified-icon svg path:nth-of-type(3) {
        stroke: white;
        fill: #69A0FD;
        stroke-width: 2px; }
  .single-staff-author .staff-author-image {
    border-radius: 50%;
    height: 120px;
    width: 120px;
    display: block;
    background: var(--post-background); }
    @media (max-width: 480px) {
      .single-staff-author .staff-author-image {
        height: 96px;
        width: 96px; } }
  .single-staff-author .staff-author-info {
    text-align: center;
    margin: 26px 0 20px 0;
    box-sizing: border-box;
    color: var(--on-bg-dark); }
    .single-staff-author .staff-author-info h2 {
      font: 700 18px 'Merriweather', sans-serif;
      padding-bottom: 6px; }
      @media (max-width: 480px) {
        .single-staff-author .staff-author-info h2 {
          font: 700 20px 'Merriweather', sans-serif;
          padding-bottom: 12px; } }
    .single-staff-author .staff-author-info-community-status {
      font: 600 14px/20px 'Roboto', sans-serif; }
    .single-staff-author .staff-author-info-community-status {
      padding-bottom: 12px;
      color: var(--on-bg-dark); }
      @media (max-width: 480px) {
        .single-staff-author .staff-author-info-community-status {
          font: 600 16px/24px 'Roboto', sans-serif;
          padding-bottom: 8px; } }
    .single-staff-author .staff-author-info-content {
      font: 400 14px/20px 'Roboto', sans-serif; }
      @media (max-width: 480px) {
        .single-staff-author .staff-author-info-content {
          font: 400 16px/24px 'Roboto', sans-serif; } }
    .single-staff-author .staff-author-info-socials {
      display: flex;
      flex-direction: row;
      column-gap: 20px;
      margin-top: 24px; }
      @media (max-width: 480px) {
        .single-staff-author .staff-author-info-socials {
          margin-top: 38px;
          column-gap: 24px; } }
      .single-staff-author .staff-author-info-socials a svg {
        height: 16px;
        width: 16px;
        fill: var(--gray-350); }
        @media (max-width: 480px) {
          .single-staff-author .staff-author-info-socials a svg {
            height: 24px;
            width: 24px; } }
        .single-staff-author .staff-author-info-socials a svg:hover.icon-facebook-new {
          fill: #316FF6; }
        .single-staff-author .staff-author-info-socials a svg:hover.icon-linkedin-new {
          fill: #0077b5; }
        .single-staff-author .staff-author-info-socials a svg:hover.icon-instagram-new path {
          fill: #F24279; }
        .single-staff-author .staff-author-info-socials a svg:hover.icon-instagram-new path:nth-child(3) {
          fill: #F24279; }
        .single-staff-author .staff-author-info-socials a svg:hover.icon-instagram-new rect {
          fill: #F24279; }
        .single-staff-author .staff-author-info-socials a svg:hover.icon-twitter-new {
          fill: var(--on-bg-dark); }
  .single-staff-author .staff-author-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    margin-bottom: 19px; }
    @media (max-width: 480px) {
      .single-staff-author .staff-author-stats {
        width: unset;
        row-gap: 24px;
        column-gap: 70px;
        margin-bottom: 23px; } }
    .single-staff-author .staff-author-stats-info {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      color: var(--on-bg-dark);
      text-align: center;
      font: 600 14px/21px Roboto, sans-serif; }
      @media (max-width: 480px) {
        .single-staff-author .staff-author-stats-info {
          font: 600 16px/20px Roboto, sans-serif; } }
      .single-staff-author .staff-author-stats-info span {
        font: 600 12px/20px Roboto, sans-serif;
        color: var(--gray-450); }
  .single-staff-author .staff-author-info-cta {
    display: flex;
    flex-direction: row;
    column-gap: 12px; }
    .single-staff-author .staff-author-info-cta a {
      border-radius: 3px;
      border: 1px solid var(--gray-100);
      background: var(--post-background);
      display: flex;
      padding: 6px 16px;
      justify-content: center;
      align-items: center;
      gap: 8px;
      font: 600 12px/20px 'Roboto', sans-serif;
      color: var(--on-bg-dark); }
      @media (max-width: 480px) {
        .single-staff-author .staff-author-info-cta a {
          padding: 11px 16px; } }
      .single-staff-author .staff-author-info-cta a.follow:hover {
        border: 1px solid var(--orange-150);
        color: var(--orange-150); }
      .single-staff-author .staff-author-info-cta a.unfollow {
        color: var(--orange-150);
        border: 1px solid var(--orange-150); }
      .single-staff-author .staff-author-info-cta a.contact {
        background: var(--post-background); }
        .single-staff-author .staff-author-info-cta a.contact:hover {
          border: 1px solid var(--orange-150);
          color: var(--orange-150); }
  .single-staff-author .staff-author-additional-information {
    background: var(--post-background);
    padding: 32px; }
    .single-staff-author .staff-author-additional-information h4 {
      font: 600 16px/22px 'Roboto', sans-serif;
      color: var(--orange-150); }
    .single-staff-author .staff-author-additional-information ul {
      margin: 0 0 32px 20px; }
      .single-staff-author .staff-author-additional-information ul li {
        font: 600 14px/21px 'Roboto', sans-serif;
        color: var(--on-bg-dark);
        padding-top: 16px; }
  .single-staff-author .staff-author-content {
    grid-area: 2 / 2 / 3 / 3;
    border-left: 1px solid var(--gray-100); }
  .single-staff-author .staff-author-overview {
    padding: 24px 32px 32px;
    border-bottom: 1px solid var(--gray-100); }
    .single-staff-author .staff-author-overview h3 {
      font: 600 16px/22px 'Roboto', sans-serif;
      color: var(--orange-150);
      padding-bottom: 16px; }
    .single-staff-author .staff-author-overview p {
      color: var(--post-content);
      font: 400 16px/23px 'Roboto', sans-serif; }
    .single-staff-author .staff-author-overview a {
      color: var(--orange-150); }
  .single-staff-author .staff-author-articles-tabs {
    padding-left: 32px;
    padding-right: 32px; }
    .single-staff-author .staff-author-articles-tabs nav {
      border: 0;
      margin-bottom: 8px; }
      .single-staff-author .staff-author-articles-tabs nav ul {
        list-style: none;
        display: flex;
        column-gap: 40px;
        justify-content: flex-start;
        border-bottom: 1px solid var(--gray-100); }
        .single-staff-author .staff-author-articles-tabs nav ul li {
          padding: 0;
          margin: 0 0 -1px 0; }
          .single-staff-author .staff-author-articles-tabs nav ul li.active {
            border-bottom: 2px solid var(--orange-150); }
            .single-staff-author .staff-author-articles-tabs nav ul li.active a {
              color: var(--orange-150); }
          .single-staff-author .staff-author-articles-tabs nav ul li:hover {
            border-bottom: 2px solid var(--orange-150); }
            .single-staff-author .staff-author-articles-tabs nav ul li:hover a {
              color: var(--orange-150); }
          .single-staff-author .staff-author-articles-tabs nav ul li a {
            font: 500 16px/22px 'Roboto', sans-serif;
            color: var(--gray-450);
            display: block; }
  .single-staff-author .staff-author-recent-articles {
    display: flex;
    flex-direction: column;
    padding: 24px 0 24px 0;
    box-sizing: border-box; }
    .single-staff-author .staff-author-recent-articles h3 {
      font: 600 16px/22px 'Roboto', sans-serif;
      color: var(--orange-150);
      padding-right: 32px;
      padding-left: 32px; }
    .single-staff-author .staff-author-recent-articles-load-more, .single-staff-author .staff-author-recent-articles-drafts-load-more, .single-staff-author .staff-author-recent-articles-moderated-load-more {
      padding: 16px 0 0 0;
      display: flex;
      justify-content: center;
      order: 1; }
      .single-staff-author .staff-author-recent-articles-load-more a, .single-staff-author .staff-author-recent-articles-drafts-load-more a, .single-staff-author .staff-author-recent-articles-moderated-load-more a {
        font: 600 14px/20px 'Roboto', sans-serif;
        color: var(--orange-150);
        text-decoration-line: underline; }
    .single-staff-author .staff-author-recent-articles-published-list, .single-staff-author .staff-author-recent-articles-draft-list, .single-staff-author .staff-author-recent-articles-moderated-list {
      display: none; }
      .single-staff-author .staff-author-recent-articles-published-list.active, .single-staff-author .staff-author-recent-articles-draft-list.active, .single-staff-author .staff-author-recent-articles-moderated-list.active {
        display: flex;
        flex-direction: column; }
    .single-staff-author .staff-author-recent-articles .no-posts {
      font-size: 20px;
      margin: 24px 0;
      color: var(--on-bg-dark); }
  .single-staff-author .staff-author-recent-article {
    border-bottom: 1px solid var(--gray-100);
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 16px;
    padding-top: 16px;
    display: flex;
    flex-direction: row;
    column-gap: 16px; }
    @media (max-width: 480px) {
      .single-staff-author .staff-author-recent-article {
        flex-direction: column; } }
    .single-staff-author .staff-author-recent-article-thumbnail {
      background: var(--gray-100);
      height: 123px;
      width: 200px;
      border: 0;
      display: block;
      object-fit: cover;
      aspect-ratio: unset; }
      @media (max-width: 480px) {
        .single-staff-author .staff-author-recent-article-thumbnail {
          width: 100%;
          height: 100%;
          aspect-ratio: 2/1;
          margin-bottom: 16px; } }
    @media (max-width: 480px) {
      .single-staff-author .staff-author-recent-article-meta {
        display: flex;
        flex-direction: column-reverse; } }
    .single-staff-author .staff-author-recent-article time {
      color: var(--on-bg-dark);
      font: 600 12px/18px 'Roboto', sans-serif;
      display: block; }
    .single-staff-author .staff-author-recent-article-heading {
      color: var(--on-bg-dark);
      font: 700 14px/22px 'Merriweather', sans-serif;
      padding-bottom: 12px; }
      @media (max-width: 480px) {
        .single-staff-author .staff-author-recent-article-heading {
          font: 700 16px/24px 'Merriweather', sans-serif; } }
    .single-staff-author .staff-author-recent-article-category {
      color: var(--orange-150);
      display: block;
      margin-bottom: 16px; }
      @media (max-width: 480px) {
        .single-staff-author .staff-author-recent-article-category {
          order: 1;
          padding-bottom: 12px; } }
      .single-staff-author .staff-author-recent-article-category a {
        color: var(--orange-150);
        font: 500 13px/18px 'Roboto', sans-serif;
        text-transform: uppercase; }
        .single-staff-author .staff-author-recent-article-category a:visited {
          color: var(--orange-150); }
        .single-staff-author .staff-author-recent-article-category a:hover {
          text-decoration: underline; }

body {
  background: var(--bg-primary); }
  body img.image-size-full {
    filter: brightness(var(--imageBrightness)); }
  body aside.sidebar .sidebar-top img {
    filter: brightness(var(--imageBrightness)); }

.page-template-premium {
  background: #100523; }
  .page-template-premium .header, .page-template-premium .cover {
    display: none; }
  .page-template-premium .main {
    max-width: 100% !important;
    padding: 0;
    margin: 0;
    width: 100% !important; }
  .page-template-premium #premium-landing-page {
    position: relative;
    background: #100523; }
  .page-template-premium .overlay {
    background: #00000066;
    z-index: 3; }
  .page-template-premium .background-circle {
    width: 523px;
    height: 523px;
    max-width: 100%;
    border-radius: 523px;
    opacity: 0.5;
    background: var(--orange-150);
    filter: blur(400px);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%); }
    .page-template-premium .background-circle.green {
      background: #56B863; }
    .page-template-premium .background-circle.centered {
      top: 50%; }
    .page-template-premium .background-circle.bottom {
      top: 80%; }
  .page-template-premium .container {
    max-width: 1290px;
    padding: 0 20px;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    position: relative; }
  .page-template-premium .top-banner {
    background: var(--orange-150);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 12px;
    flex-wrap: wrap; }
    .page-template-premium .top-banner .banner-timer {
      display: flex;
      gap: 8px;
      align-items: center; }
      .page-template-premium .top-banner .banner-timer .timer-block {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
        color: #fff;
        border: 1px solid var(--border-showdown);
        border-radius: 3px;
        box-sizing: border-box;
        width: 38px;
        height: 38px;
        display: flex;
        align-items: center;
        justify-content: center; }
      .page-template-premium .top-banner .banner-timer .separator {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
        color: #fff; }
    .page-template-premium .top-banner .banner-text {
      font-size: 16px;
      font-weight: 400;
      line-height: 22px;
      color: #fff; }
      .page-template-premium .top-banner .banner-text strong {
        font-weight: 600; }
    .page-template-premium .top-banner .premium-btn {
      padding: 7px 15px; }
  .page-template-premium .premium-header {
    background: #FFFFFF05;
    border-bottom: 1px solid #EBEBEB33;
    position: sticky;
    top: 0;
    height: 74px;
    z-index: 9999;
    box-sizing: border-box;
    margin-bottom: -74px; }
    .page-template-premium .premium-header.scrolled, .page-template-premium .premium-header.open {
      background: #100523;
      opacity: 1; }
    .page-template-premium .premium-header .container {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      width: 100%;
      padding: 12px 20px; }
      .page-template-premium .premium-header .container .mobile-menu {
        width: 24px;
        height: 24px;
        margin: auto 0;
        display: none; }
      .page-template-premium .premium-header .container .logo a {
        text-indent: -9999px;
        background: url("images/boredpanda_logo_invert_horizontal.svg") no-repeat;
        background-size: contain;
        height: 50px;
        width: 162px;
        display: block; }
      .page-template-premium .premium-header .container .contact-button {
        display: flex;
        gap: 16px;
        text-align: right; }
        .page-template-premium .premium-header .container .contact-button .premium-btn {
          line-height: 24px; }
        .page-template-premium .premium-header .container .contact-button .top-login-btn {
          line-height: 26px;
          background: var(--orange-150);
          border: none;
          color: white; }
          .page-template-premium .premium-header .container .contact-button .top-login-btn:hover {
            opacity: 0.8; }
      .page-template-premium .premium-header .container .top-menu ul {
        display: flex;
        flex-direction: row;
        gap: 12px;
        background: #FFFFFF1F;
        border-radius: 100px;
        padding: 6px;
        list-style: none; }
        .page-template-premium .premium-header .container .top-menu ul li a {
          font-size: 16px;
          font-weight: 400;
          line-height: 22px;
          text-align: left;
          color: #fff;
          padding: 8px 16px;
          border-radius: 100px;
          display: block; }
          .page-template-premium .premium-header .container .top-menu ul li a:hover, .page-template-premium .premium-header .container .top-menu ul li a.active {
            background: #FFFFFF1F; }
  .page-template-premium .premium-footer {
    padding: 48px 0;
    background: #120A25;
    border-top: 1px solid #FFFFFF29; }
    .page-template-premium .premium-footer .container {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      width: 100%;
      align-items: center; }
      .page-template-premium .premium-footer .container .logo a {
        text-indent: -9999px;
        background: url("images/boredpanda_logo_invert_horizontal.svg") no-repeat;
        background-size: contain;
        height: 50px;
        width: 162px;
        display: block; }
      .page-template-premium .premium-footer .container .links {
        display: flex;
        gap: 32px; }
        .page-template-premium .premium-footer .container .links a, .page-template-premium .premium-footer .container .links .copyright {
          font-size: 16px;
          font-weight: 500;
          line-height: 20px;
          text-align: right;
          color: #CBD5E1;
          text-decoration: underline; }
        .page-template-premium .premium-footer .container .links a:hover {
          opacity: 0.8; }
  .page-template-premium .premium-btn {
    padding: 12px 24px;
    border: 1px solid #EBEBEB;
    background: #FFFFFF14;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    box-sizing: border-box;
    text-wrap: nowrap;
    display: inline-block;
    font-family: Roboto, sans-serif; }
    .page-template-premium .premium-btn.copy-button, .page-template-premium .premium-btn.copied-button {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      background: var(--orange-150);
      border: none; }
      .page-template-premium .premium-btn.copy-button:hover, .page-template-premium .premium-btn.copied-button:hover {
        opacity: 0.8;
        background: var(--orange-150); }
    .page-template-premium .premium-btn:hover {
      background: #FFFFFF1F; }
  .page-template-premium .premium-main-banner {
    display: block;
    background: url("images/premium/bp-premium-cover.webp") no-repeat right;
    background-size: cover;
    overflow: hidden;
    position: relative; }
    .page-template-premium .premium-main-banner .content {
      display: flex;
      flex-direction: column;
      gap: 32px;
      max-width: 720px;
      padding: 150px 0; }
      .page-template-premium .premium-main-banner .content .text-block {
        display: flex;
        flex-direction: column;
        gap: 32px; }
      .page-template-premium .premium-main-banner .content .button-block {
        display: flex;
        flex-direction: column;
        gap: 32px; }
        .page-template-premium .premium-main-banner .content .button-block.webview-block {
          gap: 12px; }
          @media (max-width: 580px) {
            .page-template-premium .premium-main-banner .content .button-block.webview-block .small-text {
              justify-content: center; } }
          .page-template-premium .premium-main-banner .content .button-block.webview-block .premium-button.link-button {
            cursor: auto; }
          .page-template-premium .premium-main-banner .content .button-block.webview-block .premium-button.copy-button, .page-template-premium .premium-main-banner .content .button-block.webview-block .premium-button.copied-button {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px; }
      .page-template-premium .premium-main-banner .content h2 {
        font-size: 52px;
        font-weight: 600;
        line-height: 66px;
        text-align: left;
        color: #FFFFFF; }
      .page-template-premium .premium-main-banner .content p {
        font-size: 24px;
        font-weight: 400;
        line-height: 32px;
        text-align: left;
        color: #FFFFFF; }
        .page-template-premium .premium-main-banner .content p.small-text {
          font-size: 16px;
          line-height: 19px;
          display: flex;
          align-items: center;
          gap: 8px; }
          .page-template-premium .premium-main-banner .content p.small-text img {
            width: 16px;
            height: 16px;
            display: block; }
    .page-template-premium .premium-main-banner .oval-background {
      width: 110%;
      height: 200px;
      display: block;
      background: #100523;
      border-radius: 50%;
      position: absolute;
      bottom: -100px;
      left: -2%; }
  .page-template-premium .premium-bottom-banner {
    display: block;
    background: url("images/premium/bp-premium-bottom-cover.webp") no-repeat right;
    background-size: cover;
    overflow: hidden;
    position: relative; }
    .page-template-premium .premium-bottom-banner .button-block {
      display: flex;
      align-items: flex-start;
      gap: 24px;
      flex-direction: column; }
      .page-template-premium .premium-bottom-banner .button-block .premium-button.copy-button, .page-template-premium .premium-bottom-banner .button-block .premium-button.copied-button {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px; }
      .page-template-premium .premium-bottom-banner .button-block.discounted {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 32px; }
    .page-template-premium .premium-bottom-banner .timer-title {
      font-size: 18px;
      font-weight: 600;
      line-height: 21px;
      text-align: left;
      color: #fff;
      margin-bottom: -16px; }
    .page-template-premium .premium-bottom-banner .timer {
      display: flex;
      gap: 8px;
      align-items: center; }
      .page-template-premium .premium-bottom-banner .timer .timer-block {
        font-size: 18px;
        font-weight: 600;
        line-height: 21px;
        color: #fff;
        border: 1px solid #EBEBEB80;
        background: #42345C;
        border-radius: 3px;
        box-sizing: border-box;
        width: 53px;
        height: 53px;
        display: flex;
        align-items: center;
        justify-content: center; }
      .page-template-premium .premium-bottom-banner .timer .separator {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
        color: #fff; }
    .page-template-premium .premium-bottom-banner .content {
      display: flex;
      flex-direction: column;
      gap: 32px;
      max-width: 720px;
      padding: 150px 0;
      box-sizing: border-box; }
      .page-template-premium .premium-bottom-banner .content .title {
        font-size: 52px;
        font-weight: 600;
        line-height: 66px;
        text-align: left;
        color: #FFFFFF; }
      .page-template-premium .premium-bottom-banner .content p {
        font-size: 24px;
        font-weight: 400;
        line-height: 32px;
        text-align: left;
        color: #FFFFFF80; }
        .page-template-premium .premium-bottom-banner .content p.small-text {
          font-size: 16px;
          line-height: 19px;
          display: flex;
          align-items: center;
          gap: 8px;
          color: #fff; }
          .page-template-premium .premium-bottom-banner .content p.small-text img {
            width: 16px;
            height: 16px;
            display: block; }
  .page-template-premium .premium-block {
    background: #100523;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 90px; }
    .page-template-premium .premium-block .title {
      font-size: 48px;
      font-weight: 600;
      line-height: 64px;
      text-align: center;
      color: #fff; }
    .page-template-premium .premium-block .description {
      font-size: 20px;
      font-weight: 400;
      line-height: 32px;
      padding-top: 24px;
      color: #FFFFFF80;
      text-align: center; }
    .page-template-premium .premium-block .block-menu {
      background: #100523;
      margin-top: 32px;
      display: none;
      justify-content: center; }
      .page-template-premium .premium-block .block-menu ul {
        display: flex;
        flex-direction: row;
        gap: 12px;
        background: #FFFFFF1F;
        border-radius: 100px;
        padding: 6px;
        list-style: none;
        width: auto;
        justify-content: center; }
        .page-template-premium .premium-block .block-menu ul li {
          z-index: 9; }
          .page-template-premium .premium-block .block-menu ul li a {
            font-size: 16px;
            font-weight: 400;
            line-height: 22px;
            text-align: left;
            color: #fff;
            padding: 8px 16px;
            border-radius: 100px;
            display: block; }
            .page-template-premium .premium-block .block-menu ul li a.active {
              background: #FFFFFF1F; }
    .page-template-premium .premium-block .content {
      background: #FFFFFF14;
      padding: 16px;
      border-radius: 5px;
      margin-top: 40px;
      display: flex;
      align-items: stretch;
      gap: 24px;
      box-sizing: border-box; }
      .page-template-premium .premium-block .content .plan-block {
        padding: 32px 24px;
        border: 1px solid #EBEBEB33;
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        flex: 1;
        position: relative;
        z-index: 2; }
        .page-template-premium .premium-block .content .plan-block .title {
          font-size: 20px;
          font-weight: 600;
          line-height: 24px;
          color: #fff;
          text-align: left; }
        .page-template-premium .premium-block .content .plan-block .badge {
          background: #56B863;
          padding: 4px 8px;
          border-radius: 3px;
          font-size: 14px;
          font-weight: 700;
          line-height: 17px;
          color: #fff;
          display: block;
          position: absolute;
          right: 24px; }
        .page-template-premium .premium-block .content .plan-block .price {
          font-size: 32px;
          font-weight: 600;
          line-height: 38px;
          text-align: left;
          color: #FFFFFF;
          padding-top: 16px; }
          .page-template-premium .premium-block .content .plan-block .price .old-price {
            color: #FFFFFF80;
            margin-right: 8px;
            text-decoration: line-through; }
          .page-template-premium .premium-block .content .plan-block .price .small-text {
            color: #FFFFFF80;
            font-size: 16px;
            font-weight: 400;
            line-height: 22px;
            text-align: left;
            margin-left: 8px; }
        .page-template-premium .premium-block .content .plan-block .discount {
          font-size: 16px;
          font-weight: 600;
          line-height: 22px;
          text-align: left;
          color: #56B863;
          padding-top: 16px; }
        .page-template-premium .premium-block .content .plan-block .info {
          padding-top: 6px;
          font-size: 16px;
          font-weight: 400;
          line-height: 22px;
          color: #fff; }
        .page-template-premium .premium-block .content .plan-block .premium-btn {
          margin-top: 24px;
          width: 100%;
          padding: 16px;
          font-size: 18px; }
        .page-template-premium .premium-block .content .plan-block .benefits-block {
          border-top: 0.5px solid #949494;
          padding-top: 24px;
          margin-top: 24px;
          display: flex;
          flex-direction: column;
          gap: 17px; }
          .page-template-premium .premium-block .content .plan-block .benefits-block .benefit {
            font-size: 16px;
            font-weight: 400;
            line-height: 22px;
            text-align: left;
            color: #fff;
            display: flex;
            align-items: center;
            gap: 16px; }
            .page-template-premium .premium-block .content .plan-block .benefits-block .benefit .green, .page-template-premium .premium-block .content .plan-block .benefits-block .benefit .remove {
              display: none; }
            .page-template-premium .premium-block .content .plan-block .benefits-block .benefit.underline {
              text-decoration: underline; }
          .page-template-premium .premium-block .content .plan-block .benefits-block .star {
            margin-left: -10px; }
        .page-template-premium .premium-block .content .plan-block.top-pick {
          border: 3px solid #42BE77;
          background: #FFFFFF1A; }
          .page-template-premium .premium-block .content .plan-block.top-pick .premium-btn {
            background: var(--orange-150);
            border: none; }
            .page-template-premium .premium-block .content .plan-block.top-pick .premium-btn:hover {
              opacity: 0.8; }
      .page-template-premium .premium-block .content .benefit-block {
        padding: 32px 24px;
        display: flex;
        flex-direction: column;
        justify-content: left;
        border: 1px solid #EBEBEB33;
        border-radius: 5px;
        background: #FFFFFF14; }
        .page-template-premium .premium-block .content .benefit-block img {
          display: block;
          width: 56px;
          height: 56px; }
        .page-template-premium .premium-block .content .benefit-block .title {
          font-size: 22px;
          font-weight: 600;
          line-height: 26px;
          text-align: left;
          padding-top: 24px; }
        .page-template-premium .premium-block .content .benefit-block .description {
          font-size: 16px;
          font-weight: 400;
          line-height: 24px;
          text-align: left;
          color: #FFFFFFBF;
          padding-top: 16px; }
      .page-template-premium .premium-block .content .testimonials {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        gap: 24px; }
        .page-template-premium .premium-block .content .testimonials .testimonials-col {
          display: flex;
          flex-direction: column;
          flex: 1;
          gap: 24px;
          height: auto; }
          @media (min-width: 901px) {
            .page-template-premium .premium-block .content .testimonials .testimonials-col {
              margin: 0 !important; } }
          .page-template-premium .premium-block .content .testimonials .testimonials-col .testimonial {
            border: 1px solid #56B86333;
            background: #56B86314;
            padding: 32px 24px;
            border-radius: 5px;
            display: flex;
            flex-direction: column;
            gap: 24px;
            flex-grow: 1;
            justify-content: space-between; }
            .page-template-premium .premium-block .content .testimonials .testimonials-col .testimonial.flex-0 {
              flex-grow: 0; }
            .page-template-premium .premium-block .content .testimonials .testimonials-col .testimonial .description {
              font-size: 16px;
              font-weight: 400;
              line-height: 24px;
              text-align: left;
              padding: 0;
              color: #fff; }
            .page-template-premium .premium-block .content .testimonials .testimonials-col .testimonial .user {
              display: flex;
              align-items: center;
              gap: 16px; }
              .page-template-premium .premium-block .content .testimonials .testimonials-col .testimonial .user .name {
                font-size: 18px;
                font-weight: 600;
                line-height: 21px;
                text-align: left;
                color: #fff; }
    .page-template-premium .premium-block .featured-content {
      padding-top: 40px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap; }
      .page-template-premium .premium-block .featured-content img {
        max-height: 48px;
        margin-bottom: 24px;
        box-sizing: border-box; }
        @media (max-width: 1250px) {
          .page-template-premium .premium-block .featured-content img {
            width: 33%; } }
        @media (max-width: 580px) {
          .page-template-premium .premium-block .featured-content img {
            width: 50%; } }
    .page-template-premium .premium-block#faq {
      padding-top: 90px; }
      .page-template-premium .premium-block#faq .questions {
        max-width: 825px;
        margin: 40px auto 0;
        display: flex;
        flex-direction: column;
        overflow: hidden; }
        .page-template-premium .premium-block#faq .questions .question-block {
          padding: 37px 0;
          position: relative;
          border-bottom: 1px solid #FFFFFF14;
          display: flex;
          align-items: center; }
          .page-template-premium .premium-block#faq .questions .question-block .question-wrapper {
            max-width: 700px;
            display: flex;
            flex-direction: column; }
          .page-template-premium .premium-block#faq .questions .question-block .question {
            font-size: 20px;
            font-weight: 600;
            line-height: 30px;
            text-align: left;
            color: #fff;
            max-width: calc(100% - 130px);
            min-height: 56px;
            display: flex;
            align-items: center; }
          .page-template-premium .premium-block#faq .questions .question-block .answer {
            font-size: 16px;
            font-weight: 400;
            line-height: 30px;
            text-align: left;
            color: #FFFFFFCC;
            visibility: hidden;
            opacity: 0;
            height: 0;
            transition: visibility 0s, opacity 0.5s linear; }
            .page-template-premium .premium-block#faq .questions .question-block .answer.visible {
              visibility: visible;
              opacity: 1;
              height: auto;
              margin-top: 20px; }
          .page-template-premium .premium-block#faq .questions .question-block .toggler {
            position: absolute;
            right: 40px;
            top: 40px;
            cursor: pointer;
            z-index: 2;
            outline: none; }
            .page-template-premium .premium-block#faq .questions .question-block .toggler:hover {
              opacity: 0.8; }
  .page-template-premium .buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px; }
  .page-template-premium .premium-button {
    font-family: Roboto, sans-serif;
    background: var(--orange-150);
    border: 1px solid var(--orange-150);
    color: #fff;
    padding: 15px 31px;
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    border-radius: 3px;
    width: fit-content;
    display: block;
    z-index: 2; }
    .page-template-premium .premium-button.transparent {
      background: rgba(255, 255, 255, 0.3);
      border: 1px solid #EBEBEB;
      backdrop-filter: blur(4px); }
      .page-template-premium .premium-button.transparent:hover {
        background: rgba(255, 255, 255, 0.42); }
      .page-template-premium .premium-button.transparent .old-price {
        color: rgba(255, 255, 255, 0.5);
        text-decoration-line: line-through;
        margin-right: 5px; }
    .page-template-premium .premium-button:hover {
      background: linear-gradient(0deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 100%), var(--orange-150); }
  @media (max-width: 900px) {
    .page-template-premium .premium-block .content.swiper {
      width: auto; }
    .page-template-premium .premium-block .content .testimonials {
      gap: 0; }
      .page-template-premium .premium-block .content .testimonials .testimonials-col {
        width: 90%;
        max-width: 390px;
        gap: 16px;
        flex: 1 0 auto; } }
  @media (max-width: 820px) {
    .page-template-premium .premium-header .contact-button .premium-btn {
      padding: 12px 16px; } }
  @media (max-width: 765px) {
    .page-template-premium .premium-block .content {
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin: 32px 0 0; }
      .page-template-premium .premium-block .content .benefit-block {
        padding: 24px; }
    .page-template-premium .top-banner .banner-timer {
      flex-basis: 100%;
      justify-content: center; }
    .page-template-premium .premium-header .container {
      position: relative; }
      .page-template-premium .premium-header .container .mobile-menu {
        display: block; }
      .page-template-premium .premium-header .container .contact-button {
        display: none; }
      .page-template-premium .premium-header .container .top-menu {
        position: absolute;
        top: 74px;
        left: 0;
        right: 0;
        background: #100523;
        opacity: 0;
        visibility: hidden;
        max-height: 0;
        transition: max-height .1s linear, opacity .2s ease; }
        .page-template-premium .premium-header .container .top-menu.show {
          opacity: 1;
          visibility: visible;
          max-height: 370px; }
        .page-template-premium .premium-header .container .top-menu ul {
          flex-direction: column;
          width: 100%;
          background: no-repeat;
          border-radius: 0;
          box-sizing: border-box;
          padding: 0;
          gap: 0; }
          .page-template-premium .premium-header .container .top-menu ul li a {
            padding: 16px;
            border-radius: 0;
            border-bottom: 1px solid #EBEBEB33; }
          .page-template-premium .premium-header .container .top-menu ul li.login-block {
            padding: 16px 20px 24px 20px; }
            .page-template-premium .premium-header .container .top-menu ul li.login-block .top-login-btn {
              color: #FFF;
              font-family: Roboto;
              font-size: 16px;
              font-style: normal;
              font-weight: 600;
              text-align: center;
              line-height: 22px;
              padding: 12px 24px;
              border-radius: 3px;
              background: var(--orange-150); } }
  @media (max-width: 580px) {
    .page-template-premium .buttons {
      flex-direction: column;
      gap: 16px; }
    .page-template-premium .top-banner .banner-text {
      font-size: 14px;
      line-height: 20px;
      flex: 50%; }
    .page-template-premium .top-banner .premium-btn {
      font-size: 14px;
      padding: 7px 11px; }
    .page-template-premium .premium-footer .container {
      flex-direction: column;
      gap: 48px; }
      .page-template-premium .premium-footer .container .links {
        flex-direction: column;
        align-items: center;
        gap: 24px; }
    .page-template-premium .premium-main-banner {
      background: url("images/premium/bp-premium-cover-mobile.webp") no-repeat right;
      background-size: cover;
      height: 716px; } }
  @media (max-width: 580px) and (max-height: 735px) {
    .page-template-premium .premium-main-banner.is-discounted {
      background: url("images/premium/bp-premium-cover-mobile-xs.webp") no-repeat right;
      background-size: cover; }
      .page-template-premium .premium-main-banner.is-discounted .container .content {
        justify-content: unset; } }
  @media (max-width: 580px) {
      .page-template-premium .premium-main-banner .oval-background {
        display: none; }
      .page-template-premium .premium-main-banner .container {
        height: 100%; }
        .page-template-premium .premium-main-banner .container .content {
          max-width: 100%;
          padding: 122px 0 60px;
          height: 100%;
          justify-content: space-between;
          box-sizing: border-box; }
          .page-template-premium .premium-main-banner .container .content .button-block {
            display: flex;
            flex-direction: column;
            gap: 16px; }
          .page-template-premium .premium-main-banner .container .content h2 {
            font-size: 32px;
            line-height: 42px; }
          .page-template-premium .premium-main-banner .container .content p {
            font-size: 18px;
            line-height: 28px; }
          .page-template-premium .premium-main-banner .container .content .premium-button {
            width: 100%;
            box-sizing: border-box;
            text-align: center; }
    .page-template-premium .premium-bottom-banner {
      background: url("images/premium/bp-premium-bottom-cover-mobile.webp") no-repeat right;
      background-size: cover;
      z-index: 2; }
      .page-template-premium .premium-bottom-banner .button-block {
        gap: 24px; }
        .page-template-premium .premium-bottom-banner .button-block.discounted {
          align-items: flex-start;
          flex-direction: column;
          gap: 24px; }
      .page-template-premium .premium-bottom-banner .timer-title {
        margin-bottom: -8px; }
      .page-template-premium .premium-bottom-banner .content {
        padding: 56px 0;
        max-width: 100%;
        min-height: 617px;
        gap: 24px; }
        .page-template-premium .premium-bottom-banner .content .title {
          font-size: 32px;
          line-height: 42px; }
        .page-template-premium .premium-bottom-banner .content p {
          font-size: 18px;
          line-height: 28px; }
      .page-template-premium .premium-bottom-banner .premium-button {
        width: 100%;
        box-sizing: border-box;
        text-align: center; }
    .page-template-premium .premium-block {
      padding: 48px 0; }
      .page-template-premium .premium-block .title {
        font-size: 28px;
        line-height: 36px; }
      .page-template-premium .premium-block .description {
        font-size: 18px;
        line-height: 28px; }
      .page-template-premium .premium-block .block-menu {
        display: flex; }
      .page-template-premium .premium-block#faq .questions {
        margin: 32px 0 80px;
        width: 100%; }
        .page-template-premium .premium-block#faq .questions .question-block {
          padding: 20px 0; }
          .page-template-premium .premium-block#faq .questions .question-block .question-wrapper {
            max-width: 100%; }
            .page-template-premium .premium-block#faq .questions .question-block .question-wrapper .question {
              font-size: 18px;
              line-height: 28px;
              max-width: calc(100% - 70px); }
            .page-template-premium .premium-block#faq .questions .question-block .question-wrapper .answer.visible {
              margin: 20px 0 0; }
          .page-template-premium .premium-block#faq .questions .question-block .toggler {
            right: 0;
            top: 20px; } }
  .page-template-premium .message {
    max-width: 560px;
    background: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    height: 0;
    padding: 0;
    box-sizing: border-box;
    transition: max-height .1s linear, opacity .2s ease; }
    .page-template-premium .message.show {
      visibility: visible;
      opacity: 1;
      height: auto;
      position: fixed;
      padding: 48px; }
    .page-template-premium .message img {
      width: 48px;
      height: 48px; }
    .page-template-premium .message .title {
      font-size: 26px;
      font-weight: 700;
      line-height: 30px;
      margin-top: 24px;
      text-align: center; }
    .page-template-premium .message .description {
      font-size: 14px;
      font-weight: 500;
      line-height: 22px;
      color: #949494;
      max-width: 400px;
      text-align: center;
      margin-top: 16px; }
    .page-template-premium .message button {
      font-family: Roboto, sans-serif;
      font-size: 14px;
      font-weight: 700;
      line-height: 20px;
      padding: 12px 40px;
      background: var(--orange-150);
      color: #fff;
      border-radius: 3px;
      max-width: 100%;
      width: 400px;
      border: 0;
      text-align: center;
      cursor: pointer;
      margin-top: 24px;
      box-sizing: border-box; }
      .page-template-premium .message button:hover {
        opacity: 0.8; }
    @media (max-width: 600px) {
      .page-template-premium .message {
        max-width: calc(100% - 40px); }
        .page-template-premium .message.show {
          padding: 40px 24px; } }

.premium-popup {
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  font-family: Roboto, sans-serif; }
  .premium-popup.show {
    display: flex; }
  .premium-popup .modal-content {
    display: flex;
    width: 600px;
    flex-direction: column;
    align-items: flex-start;
    box-shadow: none;
    border: 0;
    border-radius: 3px; }
    .premium-popup .modal-content .modal-close {
      position: absolute;
      right: 16px;
      top: 16px;
      width: 16px;
      height: 16px; }
      .premium-popup .modal-content .modal-close .close-icon {
        background: var(--premium-ic-close);
        width: 24px;
        height: 24px;
        display: block; }
    .premium-popup .modal-content .modal-head {
      height: 128px;
      width: 100%;
      display: block;
      background: url("images/premium/bp-dark-mode-popup-cover.webp") no-repeat right;
      background-size: cover;
      overflow: hidden;
      position: relative; }
    .premium-popup .modal-content .modal-body {
      padding: 32px 24px 0;
      display: flex;
      flex-direction: column;
      gap: 24px; }
      .premium-popup .modal-content .modal-body .body-text {
        display: flex;
        flex-direction: column;
        gap: 12px; }
        .premium-popup .modal-content .modal-body .body-text .title {
          color: var(--on-bg-primary);
          font-family: Roboto, sans-serif;
          font-size: 24px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
        .premium-popup .modal-content .modal-body .body-text .text {
          color: #353535;
          font-family: Roboto, sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 24px; }
          .premium-popup .modal-content .modal-body .body-text .text .additional-text {
            color: #949494;
            display: inline; }
      .premium-popup .modal-content .modal-body .benefits {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch; }
        .premium-popup .modal-content .modal-body .benefits .benefit {
          color: #353535;
          font-family: Roboto, sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: 22px;
          display: flex;
          align-items: center;
          gap: 16px; }
    .premium-popup .modal-content .modal-footer {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 16px;
      align-self: stretch;
      padding: 24px 24px 32px;
      border: 0;
      text-align: center; }
    .premium-popup .modal-content .modal-button, .premium-popup .modal-content .login-btn {
      display: flex;
      padding: 12px 23px;
      justify-content: center;
      align-items: center;
      gap: 12px;
      align-self: stretch;
      border-radius: 3px;
      background: var(--orange-150);
      border: 1px solid var(--orange-150);
      color: #FFF;
      font-family: Roboto, sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px;
      box-sizing: border-box; }
      .premium-popup .modal-content .modal-button:hover, .premium-popup .modal-content .login-btn:hover {
        opacity: 0.8; }
      .premium-popup .modal-content .modal-button.disabled, .premium-popup .modal-content .login-btn.disabled {
        background: var(--border-showdown);
        color: #949494; }
    .premium-popup .modal-content .login-btn {
      border: 1px solid var(--border-dark-mode-toggle);
      background: none;
      color: var(--on-bg-primary);
      gap: 5px; }
      .premium-popup .modal-content .login-btn strong {
        color: var(--orange-150); }
    .premium-popup .modal-content .modal-button-white {
      background: var(--bg-modal);
      color: var(--on-bg-primary);
      border-radius: 3px;
      border: 1px solid var(--quiz-border); }
    .premium-popup .modal-content .modal-button-additional-text {
      color: var(--on-bg-primary);
      font-family: Roboto, sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      text-decoration-line: underline;
      display: flex;
      gap: 8px;
      align-items: center; }
  @media (max-width: 580px) {
    .premium-popup .modal-dialog {
      margin: 0;
      height: 100%; }
    .premium-popup .modal-content {
      border-radius: 0;
      width: 100%;
      height: 100%; }
      .premium-popup .modal-content .modal-close {
        right: 24px;
        top: 40px; }
      .premium-popup .modal-content .modal-head {
        background: url("images/premium/bp-dark-mode-popup-cover-mobile.webp") no-repeat right;
        background-size: cover;
        height: 289px; }
      .premium-popup .modal-content .modal-body {
        padding: 32px 32px 0; }
        .premium-popup .modal-content .modal-body .body-text {
          gap: 16px; }
          .premium-popup .modal-content .modal-body .body-text .title {
            font-size: 28px;
            line-height: 42px; }
        .premium-popup .modal-content .modal-body .benefits {
          gap: 18px; }
      .premium-popup .modal-content .modal-footer {
        padding: 24px 32px 56px;
        margin-top: auto; } }
  .premium-popup#manage-premium-popup .modal-content {
    width: 600px; }
    .premium-popup#manage-premium-popup .modal-content .modal-close {
      width: 24px;
      height: 24px;
      top: 29px;
      right: 24px; }
    .premium-popup#manage-premium-popup .modal-content .modal-body {
      padding: 24px;
      width: 100%;
      box-sizing: border-box; }
      .premium-popup#manage-premium-popup .modal-content .modal-body .body-text {
        gap: 24px; }
        .premium-popup#manage-premium-popup .modal-content .modal-body .body-text .title {
          font-size: 22px;
          line-height: 34px; }
        .premium-popup#manage-premium-popup .modal-content .modal-body .body-text .alert {
          border-radius: 5px;
          border: 1px solid var(--border-showdown);
          color: var(--on-bg-primary);
          background: var(--bg-modal);
          display: flex;
          padding: 24px;
          gap: 16px;
          align-items: flex-start;
          line-height: 24px;
          font-size: 16px;
          font-weight: 700; }
        .premium-popup#manage-premium-popup .modal-content .modal-body .body-text .plan-block {
          padding: 32px 24px;
          border-radius: 5px;
          display: flex;
          flex-direction: column;
          flex-grow: 1;
          position: relative;
          z-index: 2;
          border: 1px solid var(--border-showdown);
          background: var(--poll-background); }
          .premium-popup#manage-premium-popup .modal-content .modal-body .body-text .plan-block .title {
            font-size: 20px;
            font-weight: 600;
            line-height: 24px;
            color: var(--on-bg-primary);
            text-align: left; }
          .premium-popup#manage-premium-popup .modal-content .modal-body .body-text .plan-block .badge {
            display: none; }
          .premium-popup#manage-premium-popup .modal-content .modal-body .body-text .plan-block .price {
            font-weight: 600;
            text-align: left;
            padding-top: 16px;
            color: var(--on-bg-primary);
            font-size: 16px;
            line-height: 24px; }
            .premium-popup#manage-premium-popup .modal-content .modal-body .body-text .plan-block .price .old-price {
              display: none; }
            .premium-popup#manage-premium-popup .modal-content .modal-body .body-text .plan-block .price .small-text {
              color: var(--premium-small-text);
              font-size: 16px;
              font-weight: 400;
              line-height: 22px;
              text-align: left;
              margin-left: 8px; }
          .premium-popup#manage-premium-popup .modal-content .modal-body .body-text .plan-block .discount {
            display: none; }
          .premium-popup#manage-premium-popup .modal-content .modal-body .body-text .plan-block .info {
            padding-top: 6px;
            font-size: 16px;
            font-weight: 400;
            line-height: 22px;
            color: var(--on-bg-primary); }
          .premium-popup#manage-premium-popup .modal-content .modal-body .body-text .plan-block .premium-btn {
            display: none; }
          .premium-popup#manage-premium-popup .modal-content .modal-body .body-text .plan-block .benefits-block {
            border-top: 1px solid var(--border-showdown);
            padding-top: 24px;
            margin-top: 24px;
            display: flex;
            flex-direction: column;
            gap: 17px; }
            .premium-popup#manage-premium-popup .modal-content .modal-body .body-text .plan-block .benefits-block .benefit {
              font-size: 16px;
              font-weight: 400;
              line-height: 22px;
              text-align: left;
              color: var(--on-bg-primary);
              display: flex;
              align-items: center;
              gap: 16px; }
              .premium-popup#manage-premium-popup .modal-content .modal-body .body-text .plan-block .benefits-block .benefit .transparent, .premium-popup#manage-premium-popup .modal-content .modal-body .body-text .plan-block .benefits-block .benefit .remove {
                display: none; }
              .premium-popup#manage-premium-popup .modal-content .modal-body .body-text .plan-block .benefits-block .benefit.underline {
                text-decoration: underline; }
            .premium-popup#manage-premium-popup .modal-content .modal-body .body-text .plan-block .benefits-block .star {
              margin-left: -10px; }
    .premium-popup#manage-premium-popup .modal-content .modal-footer {
      padding: 0 24px 24px; }
    .premium-popup#manage-premium-popup .modal-content.cancel-content .modal-body .body-text .plan-block {
      border-radius: 5px;
      border: 1px solid #F64629;
      background: rgba(246, 70, 41, 0.08); }
      .premium-popup#manage-premium-popup .modal-content.cancel-content .modal-body .body-text .plan-block .title, .premium-popup#manage-premium-popup .modal-content.cancel-content .modal-body .body-text .plan-block .price, .premium-popup#manage-premium-popup .modal-content.cancel-content .modal-body .body-text .plan-block .discount, .premium-popup#manage-premium-popup .modal-content.cancel-content .modal-body .body-text .plan-block .info {
        display: none; }
      .premium-popup#manage-premium-popup .modal-content.cancel-content .modal-body .body-text .plan-block .benefits-block {
        margin: 0;
        padding: 0;
        border: 0; }
        .premium-popup#manage-premium-popup .modal-content.cancel-content .modal-body .body-text .plan-block .benefits-block .benefit {
          font-weight: 500; }
          .premium-popup#manage-premium-popup .modal-content.cancel-content .modal-body .body-text .plan-block .benefits-block .benefit .transparent, .premium-popup#manage-premium-popup .modal-content.cancel-content .modal-body .body-text .plan-block .benefits-block .benefit .green {
            display: none; }
          .premium-popup#manage-premium-popup .modal-content.cancel-content .modal-body .body-text .plan-block .benefits-block .benefit .remove {
            display: flex; }
    .premium-popup#manage-premium-popup .modal-content.question-content .modal-body .body-text .leave-question-block {
      border-radius: 5px;
      border: 1px solid var(--border-showdown);
      background: var(--bg-modal);
      padding: 24px; }
      .premium-popup#manage-premium-popup .modal-content.question-content .modal-body .body-text .leave-question-block .description {
        color: var(--on-bg-primary);
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px; }
      .premium-popup#manage-premium-popup .modal-content.question-content .modal-body .body-text .leave-question-block .questions {
        margin: 24px 0;
        padding: 24px 0;
        border-top: 1px solid var(--border-showdown);
        border-bottom: 1px solid var(--border-showdown);
        display: flex;
        flex-direction: column;
        gap: 16px; }
        .premium-popup#manage-premium-popup .modal-content.question-content .modal-body .body-text .leave-question-block .questions .question {
          cursor: pointer;
          display: flex;
          align-items: flex-start;
          gap: 12px; }
          .premium-popup#manage-premium-popup .modal-content.question-content .modal-body .body-text .leave-question-block .questions .question .text {
            color: var(--on-bg-primary);
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px; }
          .premium-popup#manage-premium-popup .modal-content.question-content .modal-body .body-text .leave-question-block .questions .question input[type="radio"] {
            appearance: none;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background-clip: content-box;
            border: 2px solid #56B863;
            background-color: transparent;
            margin: 2px 0 0;
            box-sizing: border-box;
            flex: 0 0 20px; }
            .premium-popup#manage-premium-popup .modal-content.question-content .modal-body .body-text .leave-question-block .questions .question input[type="radio"]:checked {
              background-color: #56B863;
              border: 2px solid #56B863;
              padding: 4px; }
      .premium-popup#manage-premium-popup .modal-content.question-content .modal-body .body-text .leave-question-block .comment {
        font-family: Roboto, sans-serif;
        width: 100%;
        height: 96px;
        padding: 16px;
        box-sizing: border-box;
        resize: none;
        border-radius: 3px;
        border: 1px solid var(--border-showdown);
        background: var(--post-background);
        color: var(--on-bg-primary);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        outline: none; }
  @media (max-width: 580px) {
    .premium-popup#manage-premium-popup .modal-dialog {
      width: 100%; }
    .premium-popup#manage-premium-popup .modal-content {
      width: 100%;
      max-height: 100%;
      overflow-y: scroll; }
      .premium-popup#manage-premium-popup .modal-content .modal-close {
        top: 40px; }
      .premium-popup#manage-premium-popup .modal-content .modal-body .body-text > .title {
        margin-top: 80px;
        font-size: 26px; }
      .premium-popup#manage-premium-popup .modal-content .modal-footer {
        margin-top: 0; } }
  .premium-popup#primis-premium-popup {
    left: unset;
    top: unset;
    bottom: 17px;
    position: fixed;
    background: none;
    box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.08); }
    .premium-popup#primis-premium-popup .modal-dialog {
      margin: 0; }
    .premium-popup#primis-premium-popup .modal-content {
      width: 316px; }
      .premium-popup#primis-premium-popup .modal-content .modal-close {
        width: 32px;
        height: 32px;
        right: 24px;
        top: 24px; }
      .premium-popup#primis-premium-popup .modal-content .modal-body {
        padding: 24px 24px 16px; }
        .premium-popup#primis-premium-popup .modal-content .modal-body .body-text {
          gap: 0; }
          .premium-popup#primis-premium-popup .modal-content .modal-body .body-text .image img {
            width: 100%; }
          .premium-popup#primis-premium-popup .modal-content .modal-body .body-text .image .mobile {
            display: none; }
          .premium-popup#primis-premium-popup .modal-content .modal-body .body-text .image .desktop {
            display: block; }
          .premium-popup#primis-premium-popup .modal-content .modal-body .body-text .title {
            text-align: left;
            max-width: 80%;
            line-height: 32px; }
      .premium-popup#primis-premium-popup .modal-content .modal-footer {
        padding: 0 24px 24px;
        gap: 16px;
        width: 100%;
        box-sizing: border-box;
        flex-direction: column;
        align-items: baseline; }
      .premium-popup#primis-premium-popup .modal-content .modal-button {
        width: 100%;
        padding: 12px 16px;
        font-size: 14px;
        line-height: 22px; }
      .premium-popup#primis-premium-popup .modal-content .modal-button-additional-text {
        color: #949494;
        margin-bottom: 8px; }
    .premium-popup#primis-premium-popup.mobile-popup {
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      background: rgba(0, 0, 0, 0.4); }
      .premium-popup#primis-premium-popup.mobile-popup .modal-dialog {
        margin: 12px;
        width: 100%; }
      .premium-popup#primis-premium-popup.mobile-popup .modal-content {
        margin-top: 12px;
        width: 100%;
        border-radius: 3px;
        height: auto; }
        .premium-popup#primis-premium-popup.mobile-popup .modal-content .modal-body {
          width: 100%;
          box-sizing: border-box; }
          .premium-popup#primis-premium-popup.mobile-popup .modal-content .modal-body .body-text {
            flex-direction: row; }
            .premium-popup#primis-premium-popup.mobile-popup .modal-content .modal-body .body-text .image {
              width: 80px; }
              .premium-popup#primis-premium-popup.mobile-popup .modal-content .modal-body .body-text .image .mobile {
                display: block; }
              .premium-popup#primis-premium-popup.mobile-popup .modal-content .modal-body .body-text .image .desktop {
                display: none; }
            .premium-popup#primis-premium-popup.mobile-popup .modal-content .modal-body .body-text .title {
              text-align: left;
              font-size: 22px;
              line-height: 30px;
              max-width: 150px;
              padding: 10px 0 0 24px; }
          .premium-popup#primis-premium-popup.mobile-popup .modal-content .modal-body .benefits {
            flex-wrap: wrap;
            flex-direction: column;
            gap: 12px; }
        .premium-popup#primis-premium-popup.mobile-popup .modal-content .modal-button {
          font-size: 16px; }
        .premium-popup#primis-premium-popup.mobile-popup .modal-content .modal-footer {
          padding-top: 0; }
        .premium-popup#primis-premium-popup.mobile-popup .modal-content .modal-button-additional-text {
          margin: 0; }

.comment .comment-author-image .premium-user-border {
  background: url("images/premium/user-border.svg") no-repeat;
  background-size: 100%;
  height: 32px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .comment .comment-author-image .premium-user-border img {
    margin: 0;
    width: 26px;
    height: 26px; }

.author-info-header .premium-user-border {
  margin: 25px 0 25px 25px;
  background: url("images/premium/user-profile-border.svg") no-repeat;
  background-size: 100%;
  height: 106px;
  width: 106px;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left; }
  .author-info-header .premium-user-border img {
    width: 92px;
    height: 92px;
    margin: 0; }
  @media (max-width: 768px) {
    .author-info-header .premium-user-border {
      width: 60px;
      height: 60px;
      margin: 25px 12px; }
      .author-info-header .premium-user-border img {
        width: 52px;
        height: 52px; } }

.post-authors-content .premium-user-border {
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  height: 35px;
  width: 35px;
  background: url(images/premium/user-profile-border.svg) no-repeat;
  background-size: 100%;
  margin-right: 5px; }
  .post-authors-content .premium-user-border img {
    width: 33px !important;
    height: 33px !important;
    margin: 0 !important;
    float: none !important; }

.author-info-container {
  position: relative; }
  .author-info-container .premium-icon {
    font-size: 14px;
    padding: 4px 6px; }

.premium-icon {
  color: var(--premium-badge-color);
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 2px 4px;
  border-radius: 3px;
  background: var(--premium-badge-background);
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  outline: none;
  user-select: none;
  font-family: Roboto, sans-serif; }

.premium-icon-tooltip {
  position: absolute;
  display: flex;
  padding: 6px 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 3px;
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  background: #353535;
  top: -36px;
  z-index: 2;
  text-wrap: nowrap;
  font-family: Roboto, sans-serif; }
  .premium-icon-tooltip:after {
    content: "";
    background: #353535;
    bottom: -12px;
    width: 14px;
    height: 14px;
    transform: rotate(45deg) translateX(-50%);
    position: absolute; }
  .premium-icon-tooltip a {
    color: #FFF !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration: underline;
    cursor: pointer;
    font-family: Roboto, sans-serif; }
  .premium-icon-tooltip span, .premium-icon-tooltip a {
    z-index: 2; }
  .premium-icon-tooltip img {
    margin: 0 !important; }

.top-categories .premium-link .premium-text, .responsive-sub-menu .premium-link .premium-text {
  background: linear-gradient(to right, #9f9f9f 0, #ff9371 20%, #c890ff 30%, var(--gray-300) 40%);
  background-size: 200% auto;
  background-position: 0 0;
  background-clip: text !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine-quizzes 5s linear infinite;
  display: flex;
  gap: 8px;
  align-items: center; }
  .top-categories .premium-link .premium-text .icon-ic-premium, .responsive-sub-menu .premium-link .premium-text .icon-ic-premium {
    font-size: 16px; }
    .top-categories .premium-link .premium-text .icon-ic-premium:before, .responsive-sub-menu .premium-link .premium-text .icon-ic-premium:before {
      content: "\e900"; }
  .top-categories .premium-link .premium-text .text, .responsive-sub-menu .premium-link .premium-text .text {
    font-size: 14px; }

.top-categories .quizzes-link .quizzes-text, .responsive-sub-menu .quizzes-link .quizzes-text {
  position: relative;
  background: linear-gradient(to right, var(--gray-300) 0, #fff 10%, var(--gray-300) 20%, var(--gray-300) 30%);
  background-size: 200% auto;
  background-position: 0 0;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine-quizzes 5s linear infinite;
  display: flex;
  gap: 8px;
  align-items: center; }
  .top-categories .quizzes-link .quizzes-text .quizzes-icon, .responsive-sub-menu .quizzes-link .quizzes-text .quizzes-icon {
    position: absolute; }
    @media (max-width: 768px) {
      .top-categories .quizzes-link .quizzes-text .quizzes-icon, .responsive-sub-menu .quizzes-link .quizzes-text .quizzes-icon {
        bottom: 6px; } }
    @media (max-width: 480px) {
      .top-categories .quizzes-link .quizzes-text .quizzes-icon, .responsive-sub-menu .quizzes-link .quizzes-text .quizzes-icon {
        bottom: 6px; } }
  .top-categories .quizzes-link .quizzes-text .icon-ic-quizzes, .responsive-sub-menu .quizzes-link .quizzes-text .icon-ic-quizzes {
    stroke: var(--gray-300);
    fill: transparent;
    margin-top: 1px; }

.top-categories .quizzes-link .text, .responsive-sub-menu .quizzes-link .text {
  font-size: 14px;
  margin-left: 24px; }

.responsive-sub-menu .premium-link {
  gap: 8px;
  align-items: center;
  padding-right: 0 !important; }
  .responsive-sub-menu .premium-link .link-icon-wrapper {
    line-height: 16px;
    height: 16px; }
    .responsive-sub-menu .premium-link .link-icon-wrapper img {
      display: block; }
  .responsive-sub-menu .premium-link .premium-text {
    border-right: 1px solid #3C3E42;
    padding-right: 14px;
    line-height: 16px; }

#show-all-images-block-premium {
  margin-top: 2px;
  margin-bottom: 30px;
  border-radius: 0 0 3px 3px;
  padding: 24px;
  text-align: center;
  position: relative; }
  #show-all-images-block-premium.in-content-bordered {
    border-top: 2px solid #EBEBEB; }
  #show-all-images-block-premium .premium-continue-block {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #show-all-images-block-premium .heading {
    color: var(--on-bg-primary);
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px; }
  #show-all-images-block-premium .benefits {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 12px;
    margin-top: 4px;
    flex-wrap: wrap; }
    #show-all-images-block-premium .benefits .benefit {
      color: #949494;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 16px;
      display: flex;
      align-items: center;
      gap: 12px;
      text-wrap: nowrap; }
      #show-all-images-block-premium .benefits .benefit:before {
        width: 6px;
        height: 6px;
        content: "";
        background: #56B863;
        display: inline-block; }
  #show-all-images-block-premium .buttons {
    display: flex;
    flex-direction: column;
    padding-top: 24px;
    width: 100%;
    gap: 16px; }
    #show-all-images-block-premium .buttons a {
      height: auto;
      padding: 11px 32px;
      border-radius: 3px;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px;
      box-sizing: border-box; }
      #show-all-images-block-premium .buttons a.subscribe-now-btn, #show-all-images-block-premium .buttons a.watch-ad-btn, #show-all-images-block-premium .buttons a.subscribe-popup-btn {
        background: var(--orange-150);
        color: var(--premium-subscribe-button-text-color); }
      #show-all-images-block-premium .buttons a.login-btn {
        border: 1px solid var(--border-dark-mode-toggle);
        background: var();
        color: var(--on-bg-primary); }
      #show-all-images-block-premium .buttons a:hover {
        opacity: 0.8; }
      #show-all-images-block-premium .buttons a strong {
        color: var(--orange-150); }
  @media (max-width: 480px) {
    #show-all-images-block-premium .heading {
      font-size: 24px; }
    #show-all-images-block-premium .benefits {
      margin-top: 16px; } }
  #show-all-images-block-premium:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 100%;
    top: -101%;
    background: var(--image-fade);
    z-index: 99999;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg); }
  #show-all-images-block-premium.variation-1, #show-all-images-block-premium.variation-2 {
    margin-top: 0;
    padding: 0; }
    #show-all-images-block-premium.variation-1 .heading, #show-all-images-block-premium.variation-2 .heading {
      padding: 20px 0;
      border-bottom: 1px solid #EBEBEB;
      width: 100%; }
    #show-all-images-block-premium.variation-1 .benefits-split, #show-all-images-block-premium.variation-2 .benefits-split {
      display: flex;
      width: 100%; }
      #show-all-images-block-premium.variation-1 .benefits-split .benefits-block-divider, #show-all-images-block-premium.variation-2 .benefits-split .benefits-block-divider {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 20px 0; }
        #show-all-images-block-premium.variation-1 .benefits-split .benefits-block-divider .divider-border, #show-all-images-block-premium.variation-2 .benefits-split .benefits-block-divider .divider-border {
          width: 1px;
          height: 50%;
          background: #EBEBEB; }
        #show-all-images-block-premium.variation-1 .benefits-split .benefits-block-divider .divider, #show-all-images-block-premium.variation-2 .benefits-split .benefits-block-divider .divider {
          color: #949494;
          text-align: center;
          font-family: Roboto, sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: 24px;
          padding: 8px; }
    #show-all-images-block-premium.variation-1 .benefits-block, #show-all-images-block-premium.variation-2 .benefits-block {
      padding: 20px 24px;
      display: flex;
      flex-direction: column;
      gap: 16px;
      width: 50%; }
      #show-all-images-block-premium.variation-1 .benefits-block .benefits-block-badge img, #show-all-images-block-premium.variation-2 .benefits-block .benefits-block-badge img {
        height: 28px;
        margin: 0;
        width: auto; }
      #show-all-images-block-premium.variation-1 .benefits-block .benefits-block-title, #show-all-images-block-premium.variation-2 .benefits-block .benefits-block-title {
        color: #353535;
        font-family: Roboto, sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        text-align: left; }
      #show-all-images-block-premium.variation-1 .benefits-block .benefits, #show-all-images-block-premium.variation-2 .benefits-block .benefits {
        flex-direction: column;
        align-items: flex-start;
        align-content: baseline;
        margin: 0;
        gap: 8px; }
        #show-all-images-block-premium.variation-1 .benefits-block .benefits .benefit, #show-all-images-block-premium.variation-2 .benefits-block .benefits .benefit {
          color: #353535;
          font-family: Roboto, sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: 24px; }
          #show-all-images-block-premium.variation-1 .benefits-block .benefits .benefit img, #show-all-images-block-premium.variation-2 .benefits-block .benefits .benefit img {
            width: 20px;
            height: 20px; }
          #show-all-images-block-premium.variation-1 .benefits-block .benefits .benefit:before, #show-all-images-block-premium.variation-2 .benefits-block .benefits .benefit:before {
            display: none; }
      #show-all-images-block-premium.variation-1 .benefits-block .buttons, #show-all-images-block-premium.variation-2 .benefits-block .buttons {
        padding: 0; }
    @media (max-width: 580px) {
      #show-all-images-block-premium.variation-1:before, #show-all-images-block-premium.variation-2:before {
        top: -100%; }
      #show-all-images-block-premium.variation-1 .benefits-split, #show-all-images-block-premium.variation-2 .benefits-split {
        flex-direction: column; }
        #show-all-images-block-premium.variation-1 .benefits-split .benefits-block-divider, #show-all-images-block-premium.variation-2 .benefits-split .benefits-block-divider {
          flex-direction: row;
          padding: 0 20px; }
          #show-all-images-block-premium.variation-1 .benefits-split .benefits-block-divider .divider-border, #show-all-images-block-premium.variation-2 .benefits-split .benefits-block-divider .divider-border {
            width: 50%;
            height: 1px; }
        #show-all-images-block-premium.variation-1 .benefits-split .benefits-block, #show-all-images-block-premium.variation-2 .benefits-split .benefits-block {
          width: 100%;
          box-sizing: border-box; } }
  #show-all-images-block-premium.variation-2 .benefits-block .benefits-block-title {
    display: flex;
    align-items: center;
    gap: 12px; }
    #show-all-images-block-premium.variation-2 .benefits-block .benefits-block-title img {
      height: 28px;
      width: auto;
      margin: 0; }
  #show-all-images-block-premium.variation-3 {
    margin-top: 0;
    padding: 0; }
    #show-all-images-block-premium.variation-3 .heading {
      padding: 20px 0;
      border-bottom: 1px solid #EBEBEB;
      width: 100%; }
    #show-all-images-block-premium.variation-3 .buttons {
      padding: 24px;
      box-sizing: border-box; }
    @media (max-width: 580px) {
      #show-all-images-block-premium.variation-3:before {
        top: -100%; } }
  #show-all-images-block-premium.variation-5 {
    padding-top: 0; }

@keyframes shine {
  0% {
    background-position: 200% 0%; }
  70% {
    background-position: -200% 0%; } }

@keyframes shine-quizzes {
  0% {
    background-position: 200% 0; }
  100% {
    background-position: -200% 0; } }

#premium-paywall-video-popup {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  display: flex;
  align-items: center;
  justify-content: center; }
  #premium-paywall-video-popup .content {
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    border-radius: 3px;
    background: #FFF; }
    #premium-paywall-video-popup .content .popup-header, #premium-paywall-video-popup .content .popup-header .close, #premium-paywall-video-popup .content .popup-header .read {
      color: #949494;
      font-family: Roboto, sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%; }
    #premium-paywall-video-popup .content .close-icon {
      background: var(--premium-ic-close);
      width: 24px;
      height: 24px;
      display: block; }
    #premium-paywall-video-popup .content .popup-body {
      width: 500px;
      height: 281px;
      aspect-ratio: 500 / 281;
      background: #D9D9D9;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 580px) {
        #premium-paywall-video-popup .content .popup-body {
          width: 300px;
          height: 250px; }
          #premium-paywall-video-popup .content .popup-body.primis {
            width: 318px;
            height: 179px; } }
      #premium-paywall-video-popup .content .popup-body #skipBtn {
        display: none !important; }

#premium-paywall-popup {
  display: none;
  z-index: 99999; }
  #premium-paywall-popup.show {
    display: block; }
  #premium-paywall-popup .modal-dialog {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
  #premium-paywall-popup .modal-content .modal-body {
    padding: 24px 24px 0;
    width: 100%;
    box-sizing: border-box; }
    #premium-paywall-popup .modal-content .modal-body .benefits .benefit {
      width: 100%; }
      #premium-paywall-popup .modal-content .modal-body .benefits .benefit img {
        width: 24px;
        height: 24px;
        margin: 0; }
  @media (max-width: 580px) {
    #premium-paywall-popup .modal-content .modal-footer {
      margin-top: 8px; } }

.top-categories ul li.christmas-marketplace {
  display: flex;
  align-items: center; }
  .top-categories ul li.christmas-marketplace svg {
    flex: 0 0 auto; }

.header .responsive-sub-menu .christmas-marketplace {
  align-items: center;
  gap: 8px; }
  .header .responsive-sub-menu .christmas-marketplace svg {
    flex: 0 0 auto; }
  .header .responsive-sub-menu .christmas-marketplace a {
    border-right: 1px solid #3c3e42;
    padding-right: 14px;
    line-height: 16px;
    display: inline; }

.christmas-marketplace .christmas-hunt-event-label {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 3px;
  background: #56B863;
  padding: 3px 6px;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  display: inline-flex;
  margin-right: 8px; }

.christmas-present-panda-tooltip {
  border-radius: 3px;
  border: 1px solid #EBEBEB;
  background: #FFF;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999999;
  opacity: 0;
  height: 0;
  visibility: hidden;
  transition: opacity .2s ease; }
  .christmas-present-panda-tooltip.show {
    visibility: visible;
    opacity: 1;
    height: auto; }
  .christmas-present-panda-tooltip a {
    color: #353535;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    padding: 6px 8px;
    white-space: nowrap;
    display: block;
    position: relative; }
    .christmas-present-panda-tooltip a:after {
      display: block;
      content: "";
      width: 8px;
      height: 8px;
      transform: rotate(-45deg);
      flex-shrink: 0;
      border-bottom: 1px solid #EBEBEB;
      border-left: 1px solid #EBEBEB;
      background: #FFF;
      position: absolute;
      bottom: -5px;
      right: 11px; }

.christmas-present-container {
  position: absolute;
  cursor: pointer; }
  .christmas-present-container.top {
    position: absolute;
    transform: translateY(-100%);
    right: 0;
    top: 0;
    width: 92px;
    height: 92px;
    z-index: 9999;
    overflow: hidden; }
    .christmas-present-container.top img.panda {
      position: absolute !important;
      bottom: 0;
      left: 0;
      max-width: 120px !important;
      z-index: 1; }
    .christmas-present-container.top img.present {
      position: absolute !important;
      bottom: -2px;
      left: 8px;
      max-width: 45px !important;
      z-index: 3;
      animation: shake 1s infinite alternate; }
    .christmas-present-container.top img.arm {
      position: absolute !important;
      bottom: 19px;
      right: 52px;
      max-height: 25px !important;
      width: 30px !important;
      z-index: 2;
      animation: handWave2 3s infinite ease-in-out; }
  .christmas-present-container.bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 92px;
    height: 100px;
    z-index: 4; }
    .christmas-present-container.bottom img.panda {
      position: absolute !important;
      bottom: 0;
      left: 0;
      max-width: 120px !important;
      z-index: 4; }
    .christmas-present-container.bottom img.present {
      position: absolute !important;
      bottom: 1px;
      left: 8px;
      max-width: 45px !important;
      z-index: 6;
      animation: presentPulsate 2s infinite alternate; }
    .christmas-present-container.bottom img.arm {
      position: absolute !important;
      bottom: 22px;
      right: 60px;
      max-height: 25px !important;
      width: 30px !important;
      z-index: 2;
      animation: handWave2 3s infinite ease-in-out; }
    .christmas-present-container.bottom img.right-arm {
      position: absolute !important;
      bottom: 14px;
      right: 0px;
      max-height: 25px !important;
      width: 30px !important;
      z-index: 2;
      animation: bottomRightArmWave 3s infinite ease-in-out; }
  .christmas-present-container.left {
    position: absolute;
    left: 0;
    bottom: 50px;
    height: 122px;
    width: auto !important;
    min-width: 70px;
    transform: translateX(-100%); }
    @media (max-width: 480px) {
      .christmas-present-container.left {
        left: unset;
        right: 0;
        transform: translateX(0);
        z-index: 9999; } }
    .christmas-present-container.left img.panda {
      position: absolute !important;
      bottom: 0;
      right: 0;
      max-height: 105px !important;
      width: auto !important;
      z-index: 4; }
    .christmas-present-container.left img.present {
      position: absolute !important;
      bottom: 3px;
      right: -1px;
      z-index: 5;
      max-height: 59px;
      width: auto !important;
      animation: shake3 1.3s infinite alternate; }
    .christmas-present-container.left img.arm {
      position: absolute !important;
      bottom: 42px;
      right: 10px;
      max-height: 90px !important;
      width: auto !important;
      z-index: 4;
      animation: handWave 3s infinite ease-in-out; }

@keyframes shake {
  0% {
    transform: rotate(0); }
  10% {
    transform: rotate(-6deg); }
  20% {
    transform: rotate(5deg); }
  30% {
    transform: rotate(0); }
  50% {
    transform: rotate(1deg); }
  70% {
    transform: rotate(-1deg); }
  100% {
    transform: rotate(0); } }

@keyframes shake2 {
  0% {
    transform: rotate(-10deg); }
  100% {
    transform: rotate(5deg); } }

@keyframes shake3 {
  0% {
    transform: rotate(0); }
  10% {
    transform: rotate(-6deg) translateX(1px); }
  20% {
    transform: rotate(5deg) translateX(0px); }
  30% {
    transform: rotate(0); }
  50% {
    transform: rotate(1deg); }
  70% {
    transform: rotate(-1deg); }
  100% {
    transform: rotate(0); } }

@keyframes presentPulsate {
  0% {
    transform: scale(1) translateY(0); }
  50% {
    transform: scale(1.1) translateY(-1px); }
  100% {
    transform: scale(1) translateY(0); } }

@keyframes presentPulsate2 {
  0% {
    transform: scale(1) translateY(0px); }
  50% {
    transform: scale(1.1) translateY(-1.4px); }
  100% {
    transform: scale(1) translateY(0px); } }

@keyframes handWave {
  0% {
    transform: rotate(0deg) translateY(0); }
  25% {
    transform: rotate(25deg) translateY(-5px); }
  50% {
    transform: rotate(0deg) translateY(0); }
  100% {
    transform: rotate(0deg) translateY(0); } }

@keyframes handWave2 {
  0% {
    transform: rotate(0deg) translateY(0); }
  25% {
    transform: rotate(40deg) translateY(-10px) translateX(0px); }
  50% {
    transform: rotate(0deg) translateY(0); }
  100% {
    transform: rotate(0deg) translateY(0); } }

@keyframes bottomRightArmWave {
  0% {
    transform: rotate(0deg) translateY(0); }
  25% {
    transform: rotate(-13deg) translateY(-5px) translateX(-5px); }
  50% {
    transform: rotate(0deg) translateY(0); }
  100% {
    transform: rotate(0deg) translateY(0); } }

@media (max-width: 978px) {
  #christmas-marketplace-page {
    padding-top: 4px; } }

@media (max-width: 480px) {
  #christmas-marketplace-page {
    padding-top: 16px; } }

#christmas-marketplace-page .christmas-marketplace-cover img {
  width: 100%; }

#christmas-marketplace-page .christmas-marketplace-header {
  display: flex;
  margin-top: 16px;
  justify-content: center;
  align-items: center;
  border-radius: 3px 3px 0px 0px;
  border-bottom: 1px solid var(--login-input-border);
  background: var(--marketplace-background);
  flex-direction: column;
  padding: 0;
  gap: 0; }
  #christmas-marketplace-page .christmas-marketplace-header .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
    padding: 20px 24px; }
    #christmas-marketplace-page .christmas-marketplace-header .info .handle-description {
      color: var(--orange-150);
      font-family: Roboto, sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 16px;
      display: flex;
      align-items: center;
      gap: 8px; }
      #christmas-marketplace-page .christmas-marketplace-header .info .handle-description:hover {
        opacity: 0.8; }
    #christmas-marketplace-page .christmas-marketplace-header .info .title {
      color: var(--color-top-page-apply-changes);
      font-family: Merriweather, sans-serif;
      font-size: 22px;
      font-style: normal;
      font-weight: 700;
      line-height: 34px; }
      @media (max-width: 480px) {
        #christmas-marketplace-page .christmas-marketplace-header .info .title {
          font-size: 18px;
          line-height: 26px; } }
    #christmas-marketplace-page .christmas-marketplace-header .info .description {
      color: var(--color-top-page-apply-changes);
      font-family: Roboto, sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 22px;
      /* 157.143% */ }
      #christmas-marketplace-page .christmas-marketplace-header .info .description ul {
        padding: 0 6px 8px 6px;
        margin-left: 16px; }
        #christmas-marketplace-page .christmas-marketplace-header .info .description ul li {
          padding: 5px 0px; }
      #christmas-marketplace-page .christmas-marketplace-header .info .description a {
        margin-top: 12px; }
      #christmas-marketplace-page .christmas-marketplace-header .info .description p {
        margin-bottom: 8px; }
  #christmas-marketplace-page .christmas-marketplace-header .timer-block {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid var(--login-input-border);
    width: 100%;
    padding: 20px 24px;
    box-sizing: border-box; }
    #christmas-marketplace-page .christmas-marketplace-header .timer-block .digit-block {
      display: flex;
      padding: 20px 19px;
      justify-content: center;
      align-items: center;
      gap: 12px;
      border-radius: 3px;
      border: 1px solid var(--login-input-border);
      background: var(--marketplace-collected-background);
      color: var(--color-top-page-apply-changes); }
    #christmas-marketplace-page .christmas-marketplace-header .timer-block .separator {
      color: var(--color-quiz-title);
      font-family: Roboto, sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 20px;
      /* 142.857% */
      text-transform: capitalize; }

#christmas-marketplace-page .collected-presents-block {
  display: flex;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid var(--login-input-border);
  background: var(--marketplace-collected-background); }
  #christmas-marketplace-page .collected-presents-block .text {
    color: var(--color-quiz-title);
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */ }
  #christmas-marketplace-page .collected-presents-block .count {
    display: flex;
    align-items: center;
    gap: 8px; }
    #christmas-marketplace-page .collected-presents-block .count span {
      color: var(--gray-800);
      font-family: Roboto, sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: 26px; }
    #christmas-marketplace-page .collected-presents-block .count .present-1 {
      background-image: url("images/bp-christmas/present-1.webp");
      background-size: cover;
      background-position: center;
      height: 24px;
      width: 23px; }

#christmas-marketplace-page .christmas-marketplace-body .products {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  background: var(--marketplace-background); }
  #christmas-marketplace-page .christmas-marketplace-body .products > .title {
    color: var(--color-quiz-title);
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 166.667% */
    text-transform: uppercase; }
  #christmas-marketplace-page .christmas-marketplace-body .products .card {
    display: flex;
    padding: 12px 16px;
    gap: 24px;
    align-self: stretch;
    border-radius: 3px;
    border: 1px solid var(--login-input-border);
    background: var(--nav-background-desktop);
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0; }
    @media (max-width: 768px) {
      #christmas-marketplace-page .christmas-marketplace-body .products .card {
        align-items: flex-start;
        gap: 0; } }
    #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details {
      display: flex;
      gap: 16px; }
      #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details .profile-image-block {
        border-radius: 6px;
        border: 1px solid var(--marketplace-avatar-border);
        background: var(--marketplace-avatar-background); }
      #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details .image {
        flex: 0 0 auto;
        background-size: cover;
        background-position: center;
        height: 80px;
        width: 80px;
        border-radius: 3px; }
        #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details .image.premium-offers-logo {
          background-image: url("images/easter-egg-hunt/premium-offer.webp"); }
          #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details .image.premium-offers-logo label {
            display: inline-flex;
            padding: 3px 4px;
            margin-top: 3px;
            margin-left: 3px;
            justify-content: center;
            align-items: center;
            gap: 8px;
            border-radius: 3px;
            background: var(--orange-150);
            color: var(--white);
            font-family: Roboto, sans-serif;
            font-size: 10px;
            font-style: normal;
            font-weight: 700;
            line-height: normal; }
        #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details .image.evergreen-frost-avatar {
          background-image: url("images/bp-christmas/evergreen-frost-avatar.webp"); }
        #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details .image.christmas-eve-avatar {
          background-image: url("images/bp-christmas/christmas-eve-avatar.webp"); }
        #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details .image.silver-spark-avatar {
          background-image: url("images/easter-egg-hunt/silver-spark-avatar.webp"); }
        #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details .image.blush-bloom-avatar {
          background-image: url("images/easter-egg-hunt/blush-bloom-avatar.webp"); }
        #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details .image.mint-meadow-avatar {
          background-image: url("images/easter-egg-hunt/mint-meadow-avatar.webp"); }
        #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details .image.sunny-zest-avatar {
          background-image: url("images/easter-egg-hunt/sunny-zest-avatar.webp"); }
        #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details .image.all-avatars {
          background-image: url("images/bp-christmas/all-avatars.webp"); }
        #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details .image.img-1-points {
          background-image: url("images/bp-christmas/points-1.webp"); }
        #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details .image.img-2-points {
          background-image: url("images/bp-christmas/points-2.webp"); }
        #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details .image.img-3-points {
          background-image: url("images/bp-christmas/points-3.webp"); }
        #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details .image.img-4-points {
          background-image: url("images/bp-christmas/points-4.webp"); }
      #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details .info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-evenly;
        gap: 6px; }
        #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details .info .title {
          color: var(--color-top-page-apply-changes);
          font-family: Roboto, sans-serif;
          font-size: 22px;
          font-style: normal;
          font-weight: 700;
          line-height: 24px; }
          #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details .info .title .grey-title {
            color: var(--color-quiz-title); }
        @media (max-width: 768px) {
          #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details .info .title {
            font-size: 18px; }
          #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details .info .grey-title {
            font-size: 16px;
            display: block;
            text-wrap: wrap; }
          #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details .info .dot {
            display: none; } }
        #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details .info .presents-needed {
          display: flex;
          align-items: center;
          gap: 4px;
          color: var(--color-quiz-title);
          font-family: Roboto, sans-serif;
          font-size: 14px;
          font-style: normal;
          font-weight: 600;
          line-height: 20px;
          /* 142.857% */ }
          #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details .info .presents-needed .count {
            color: var(--color-top-page-apply-changes); }
          #christmas-marketplace-page .christmas-marketplace-body .products .card .card-details .info .presents-needed .present-1 {
            background-image: url("images/bp-christmas/present-1.webp");
            background-size: cover;
            background-position: center;
            height: 16px;
            width: 12px; }
    #christmas-marketplace-page .christmas-marketplace-body .products .card .locked {
      display: flex;
      align-items: center; }
      #christmas-marketplace-page .christmas-marketplace-body .products .card .locked i {
        background-image: var(--marketplace-ic-locked);
        background-size: cover;
        background-position: center;
        height: 48px;
        width: 60px; }
      @media (max-width: 768px) {
        #christmas-marketplace-page .christmas-marketplace-body .products .card .locked i {
          height: 26px;
          width: 32px; } }
    #christmas-marketplace-page .christmas-marketplace-body .products .card .market-btn {
      display: flex;
      padding: 12px 16px;
      justify-content: center;
      align-items: center;
      gap: 8px;
      border-radius: 100px;
      background: var(--color-showdown-winner);
      box-shadow: 0px 2px 0px 0px #3C9B48;
      cursor: pointer;
      white-space: nowrap; }
      #christmas-marketplace-page .christmas-marketplace-body .products .card .market-btn span {
        color: var(--white);
        font-family: Roboto, sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; }
      #christmas-marketplace-page .christmas-marketplace-body .products .card .market-btn:hover {
        opacity: 0.8; }
      #christmas-marketplace-page .christmas-marketplace-body .products .card .market-btn.show-code-btn {
        background: var(--quiz-score-box-title-color-warning);
        box-shadow: 0px 2px 0px 0px #C88F15; }
      #christmas-marketplace-page .christmas-marketplace-body .products .card .market-btn.redeemed-btn {
        background: var(--login-input-border-hover);
        box-shadow: 0px 2px 0px 0px var(--gray-button-shadow); }
  #christmas-marketplace-page .christmas-marketplace-body .products .mobile-market-btn {
    display: flex;
    padding: 8px 0;
    justify-content: center;
    width: 100%;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    background: var(--color-showdown-winner);
    box-shadow: 0px 2px 0px 0px #3C9B48;
    color: var(--white);
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    white-space: nowrap; }
    #christmas-marketplace-page .christmas-marketplace-body .products .mobile-market-btn:hover {
      opacity: 0.8; }
    #christmas-marketplace-page .christmas-marketplace-body .products .mobile-market-btn.show-code-btn {
      background: var(--quiz-score-box-title-color-warning);
      box-shadow: 0px 2px 0px 0px #C88F15; }
    #christmas-marketplace-page .christmas-marketplace-body .products .mobile-market-btn.redeemed-btn {
      background: var(--login-input-border-hover);
      box-shadow: 0px 2px 0px 0px var(--gray-button-shadow); }

.christmas-present-popup {
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  font-family: Roboto, sans-serif;
  display: none;
  z-index: 2147483647; }
  .christmas-present-popup.show {
    display: flex; }
  .christmas-present-popup .modal-close {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 29px;
    right: 24px;
    z-index: 1; }
  .christmas-present-popup .close-icon {
    background: var(--premium-ic-close);
    width: 24px;
    height: 24px;
    display: block; }
  .christmas-present-popup .modal-content {
    display: flex;
    width: 600px;
    flex-direction: column;
    align-items: flex-start;
    box-shadow: none;
    border: 0;
    border-radius: 3px;
    overflow: hidden; }
  .christmas-present-popup .modal-body {
    padding: 24px 24px 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    box-sizing: border-box; }
    .christmas-present-popup .modal-body .body-text {
      display: flex;
      flex-direction: column;
      gap: 12px; }
      .christmas-present-popup .modal-body .body-text .title {
        color: var(--on-bg-primary);
        font-family: Roboto, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 34px; }
      .christmas-present-popup .modal-body .body-text .text {
        color: var(--gray-800);
        font-family: Roboto, sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; }
        .christmas-present-popup .modal-body .body-text .text .additional-text {
          color: var(--color-quiz-title);
          display: inline; }
    .christmas-present-popup .modal-body .presents-collected-block {
      border-radius: 3px;
      border: 1px solid var(--login-input-border);
      background: var(--bg-append-list);
      padding: 24px;
      display: flex;
      flex-direction: column;
      gap: 16px;
      align-items: center;
      text-align: center; }
      .christmas-present-popup .modal-body .presents-collected-block.left {
        text-align: left;
        align-items: flex-start; }
      .christmas-present-popup .modal-body .presents-collected-block .presents {
        width: 80px;
        height: 80px; }
      .christmas-present-popup .modal-body .presents-collected-block .title {
        color: var(--color-top-page-apply-changes);
        text-align: center;
        font-family: Roboto, sans-serif;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize; }
      .christmas-present-popup .modal-body .presents-collected-block .description {
        color: var(--color-top-page-apply-changes);
        text-align: center;
        font-family: Roboto, sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; }
  .christmas-present-popup .modal-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    padding: 24px 24px 32px;
    border: 0;
    text-align: center; }
  .christmas-present-popup .modal-button, .christmas-present-popup .login-btn {
    display: flex;
    padding: 12px 23px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 3px;
    background: var(--orange-150);
    border: 1px solid var(--orange-150);
    color: var(--white);
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    box-sizing: border-box; }
    .christmas-present-popup .modal-button:hover, .christmas-present-popup .login-btn:hover {
      opacity: 0.8; }
  .christmas-present-popup .login-btn {
    border: 1px solid var(--border-dark-mode-toggle);
    background: none;
    color: var(--on-bg-primary);
    gap: 5px; }
    .christmas-present-popup .login-btn strong {
      color: var(--orange-150); }
  .christmas-present-popup .modal-button-white {
    background: var(--bg-modal);
    color: var(--on-bg-primary);
    border-radius: 3px;
    border: 1px solid var(--quiz-border); }
  .christmas-present-popup .modal-button-additional-text {
    color: var(--on-bg-primary);
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    display: flex;
    gap: 8px;
    align-items: center; }
  @media (max-width: 580px) {
    .christmas-present-popup .modal-dialog {
      margin: 0;
      height: 100%;
      width: 100%; }
    .christmas-present-popup .modal-content {
      border-radius: 0;
      width: 100%;
      height: 100%;
      align-items: center;
      justify-content: center;
      overflow-y: scroll; }
      .christmas-present-popup .modal-content .modal-close {
        right: 24px;
        top: 40px; }
      .christmas-present-popup .modal-content .modal-body {
        padding: 24px 24px 0; }
        .christmas-present-popup .modal-content .modal-body .body-text {
          gap: 24px;
          text-align: center; }
          .christmas-present-popup .modal-content .modal-body .body-text .title {
            font-size: 26px;
            line-height: normal; }
      .christmas-present-popup .modal-content .modal-footer {
        padding: 24px; } }
  .christmas-present-popup#christmas-present-popup-empty .modal-header {
    padding: 0;
    border: unset; }
    .christmas-present-popup#christmas-present-popup-empty .modal-header img {
      width: 100%;
      display: block; }
  .christmas-present-popup#christmas-present-popup-empty .modal-body .presents-empty-block {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: 12px; }
    .christmas-present-popup#christmas-present-popup-empty .modal-body .presents-empty-block .title {
      font-size: 26px;
      font-style: normal;
      font-weight: 700;
      line-height: normal; }
    .christmas-present-popup#christmas-present-popup-empty .modal-body .presents-empty-block .description {
      color: var(--gray-450);
      text-align: center;
      font-family: Roboto, sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 24px; }
  @media (max-width: 580px) {
    .christmas-present-popup#christmas-present-popup-empty .modal-content {
      align-items: flex-start;
      justify-content: flex-start; }
    .christmas-present-popup#christmas-present-popup-empty .modal-body {
      padding: 32px 24px 0; } }
  .christmas-present-popup#christmas-present-premium-popup .modal-body .presents-collected-block .title {
    color: var(--gray-850); }
    .christmas-present-popup#christmas-present-premium-popup .modal-body .presents-collected-block .title span {
      color: var(--color-top-page-apply-changes); }
  .christmas-present-popup#christmas-present-premium-popup .modal-body .presents-collected-block .premium-discount-block {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%; }
    .christmas-present-popup#christmas-present-premium-popup .modal-body .presents-collected-block .premium-discount-block .subtitle {
      color: var(--color-top-page-apply-changes);
      font-family: Roboto, sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px; }
    .christmas-present-popup#christmas-present-premium-popup .modal-body .presents-collected-block .premium-discount-block .discount {
      border-radius: 3px;
      border: 1px solid var(--login-input-border);
      background: var(--nav-background-desktop);
      width: 100%;
      display: flex;
      padding: 16px 24px;
      justify-content: space-between;
      align-items: center;
      box-sizing: border-box; }
      .christmas-present-popup#christmas-present-premium-popup .modal-body .presents-collected-block .premium-discount-block .discount .text {
        color: var(--color-top-page-apply-changes);
        font-family: Roboto, sans-serif;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px; }
      .christmas-present-popup#christmas-present-premium-popup .modal-body .presents-collected-block .premium-discount-block .discount .copy-icon {
        cursor: pointer;
        display: flex;
        align-items: center; }
        .christmas-present-popup#christmas-present-premium-popup .modal-body .presents-collected-block .premium-discount-block .discount .copy-icon i {
          background-image: var(--marketplace-ic-copy);
          background-size: cover;
          background-position: center;
          height: 24px;
          width: 24px; }
    .christmas-present-popup#christmas-present-premium-popup .modal-body .presents-collected-block .premium-discount-block .note {
      text-align: center;
      color: var(--color-top-page-apply-changes);
      font-family: Roboto, sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 24px; }
      .christmas-present-popup#christmas-present-premium-popup .modal-body .presents-collected-block .premium-discount-block .note strong {
        color: var(--orange-150);
        font-weight: 500; }
  @media (max-width: 580px) {
    .christmas-present-popup#christmas-present-premium-popup .presents-collected-block {
      padding: 16px; } }
  .christmas-present-popup#christmas-present-points-popup .presents-to-points-block .title, .christmas-present-popup#christmas-present-avatar-popup .presents-to-points-block .title {
    text-transform: none; }
    .christmas-present-popup#christmas-present-points-popup .presents-to-points-block .title .grey-title, .christmas-present-popup#christmas-present-avatar-popup .presents-to-points-block .title .grey-title {
      color: var(--gray-800); }
  .christmas-present-popup#christmas-present-points-popup .presents-to-points-block .image, .christmas-present-popup#christmas-present-avatar-popup .presents-to-points-block .image {
    flex: 0 0 auto;
    background-size: cover;
    background-position: center;
    height: 80px;
    width: 80px;
    border-radius: 3px; }
    .christmas-present-popup#christmas-present-points-popup .presents-to-points-block .image.img-1-points, .christmas-present-popup#christmas-present-avatar-popup .presents-to-points-block .image.img-1-points {
      background-image: url("images/bp-christmas/points-1.webp"); }
    .christmas-present-popup#christmas-present-points-popup .presents-to-points-block .image.img-2-points, .christmas-present-popup#christmas-present-avatar-popup .presents-to-points-block .image.img-2-points {
      background-image: url("images/bp-christmas/points-2.webp"); }
    .christmas-present-popup#christmas-present-points-popup .presents-to-points-block .image.img-3-points, .christmas-present-popup#christmas-present-avatar-popup .presents-to-points-block .image.img-3-points {
      background-image: url("images/bp-christmas/points-3.webp"); }
    .christmas-present-popup#christmas-present-points-popup .presents-to-points-block .image.img-4-points, .christmas-present-popup#christmas-present-avatar-popup .presents-to-points-block .image.img-4-points {
      background-image: url("images/bp-christmas/points-4.webp"); }
    .christmas-present-popup#christmas-present-points-popup .presents-to-points-block .image.silver-spark-avatar, .christmas-present-popup#christmas-present-avatar-popup .presents-to-points-block .image.silver-spark-avatar {
      background-image: url("images/easter-egg-hunt/silver-spark-avatar.webp");
      width: 96px;
      height: 96px; }
    .christmas-present-popup#christmas-present-points-popup .presents-to-points-block .image.evergreen-frost-avatar, .christmas-present-popup#christmas-present-avatar-popup .presents-to-points-block .image.evergreen-frost-avatar {
      background-image: url("images/bp-christmas/evergreen-frost-avatar.webp");
      width: 96px;
      height: 96px; }
    .christmas-present-popup#christmas-present-points-popup .presents-to-points-block .image.christmas-eve-avatar, .christmas-present-popup#christmas-present-avatar-popup .presents-to-points-block .image.christmas-eve-avatar {
      background-image: url("images/bp-christmas/christmas-eve-avatar.webp");
      width: 96px;
      height: 96px; }
    .christmas-present-popup#christmas-present-points-popup .presents-to-points-block .image.blush-bloom-avatar, .christmas-present-popup#christmas-present-avatar-popup .presents-to-points-block .image.blush-bloom-avatar {
      background-image: url("images/easter-egg-hunt/blush-bloom-avatar.webp");
      width: 96px;
      height: 96px; }
    .christmas-present-popup#christmas-present-points-popup .presents-to-points-block .image.mint-meadow-avatar, .christmas-present-popup#christmas-present-avatar-popup .presents-to-points-block .image.mint-meadow-avatar {
      background-image: url("images/easter-egg-hunt/mint-meadow-avatar.webp");
      width: 96px;
      height: 96px; }
    .christmas-present-popup#christmas-present-points-popup .presents-to-points-block .image.sunny-zest-avatar, .christmas-present-popup#christmas-present-avatar-popup .presents-to-points-block .image.sunny-zest-avatar {
      background-image: url("images/easter-egg-hunt/sunny-zest-avatar.webp");
      width: 96px;
      height: 96px; }
    .christmas-present-popup#christmas-present-points-popup .presents-to-points-block .image.all-avatars, .christmas-present-popup#christmas-present-avatar-popup .presents-to-points-block .image.all-avatars {
      background-image: url("images/easter-egg-hunt/all-avatars.webp");
      width: 96px;
      height: 96px; }
  .christmas-present-popup#christmas-present-points-popup .presents-to-points-block .presents-needed, .christmas-present-popup#christmas-present-avatar-popup .presents-to-points-block .presents-needed {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--color-quiz-title);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 142.857% */ }
    .christmas-present-popup#christmas-present-points-popup .presents-to-points-block .presents-needed .count, .christmas-present-popup#christmas-present-avatar-popup .presents-to-points-block .presents-needed .count {
      color: var(--color-top-page-apply-changes); }
    .christmas-present-popup#christmas-present-points-popup .presents-to-points-block .presents-needed .present-1, .christmas-present-popup#christmas-present-avatar-popup .presents-to-points-block .presents-needed .present-1 {
      background-image: url("images/bp-christmas/present-1.webp");
      background-size: cover;
      background-position: center;
      height: 16px;
      width: 12px; }
  @media (max-width: 580px) {
    .christmas-present-popup#christmas-present-points-popup .presents-to-points-block, .christmas-present-popup#christmas-present-avatar-popup .presents-to-points-block {
      padding: 16px; } }
  .christmas-present-popup#christmas-present-success-popup .modal-content {
    width: 448px; }
  .christmas-present-popup#christmas-present-success-popup .modal-body {
    text-align: center;
    gap: 16px; }
    .christmas-present-popup#christmas-present-success-popup .modal-body img {
      width: 56px;
      margin: 0 auto 8px; }
    .christmas-present-popup#christmas-present-success-popup .modal-body .title {
      color: var(--color-top-page-apply-changes);
      text-align: center;
      font-family: Roboto, sans-serif;
      font-size: 32px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      text-transform: capitalize; }
    .christmas-present-popup#christmas-present-success-popup .modal-body .description {
      color: var(--color-quiz-title);
      text-align: center;
      font-family: Roboto, sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 24px; }
  @media (max-width: 580px) {
    .christmas-present-popup#christmas-present-success-popup .modal-content {
      width: 100%; }
    .christmas-present-popup#christmas-present-success-popup .modal-dialog {
      height: auto;
      width: calc(100% - 32px); } }
  .christmas-present-popup#christmas-present-logged-in .modal-body {
    padding: 24px; }
    .christmas-present-popup#christmas-present-logged-in .modal-body .title {
      color: var(--on-bg-primary);
      font-family: Roboto, sans-serif;
      font-size: 22px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      padding-top: 32px;
      text-align: left; }
      @media (max-width: 480px) {
        .christmas-present-popup#christmas-present-logged-in .modal-body .title {
          font-size: 26px;
          text-align: center; } }
    .christmas-present-popup#christmas-present-logged-in .modal-body hr {
      border-top: 1px solid #EBEBEB;
      margin: 0; }

.presents-market-tooltip {
  z-index: 999999;
  padding: 8px;
  width: fit-content;
  color: var(--color-top-page-apply-changes);
  background: var(--nav-background-desktop);
  border: 1px solid var(--login-input-border);
  border-radius: 3px;
  font-size: 14px;
  font-family: 'Roboto', sans-serif; }

.ui-helper-hidden-accessible {
  display: none; }

.top-christmas-posts {
  display: flex;
  flex-direction: column;
  gap: 16px; }
  .top-christmas-posts .top-christmas-posts-title {
    color: var(--on-bg-primary);
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-align: left; }
  .top-christmas-posts .top-christmas-post {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 16px; }
    .top-christmas-posts .top-christmas-post img {
      width: 185px; }
    .top-christmas-posts .top-christmas-post .top-christmas-post-title {
      color: var(--on-bg-primary);
      font-family: Merriweather, sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 150%;
      text-align: left; }
  .top-christmas-posts a:hover {
    opacity: 0.8; }
  @media (max-width: 480px) {
    .top-christmas-posts {
      gap: 20px; }
      .top-christmas-posts .top-christmas-posts-title {
        font-size: 22px; }
      .top-christmas-posts .top-christmas-post {
        flex-direction: column; }
        .top-christmas-posts .top-christmas-post img {
          width: 100%; }
        .top-christmas-posts .top-christmas-post .top-christmas-post-title {
          font-size: 20px;
          line-height: 30px; } }

@media (min-width: 481px) {
  .christmas-present-container {
    scale: 1.2; }
    .christmas-present-container.bottom {
      bottom: 10px; }
    .christmas-present-container.top {
      top: 9px; }
    .christmas-present-container.left {
      left: 7px; } }