/* Fonts */

/* sans-serif headings */

body #root > header nav ul li a, #sidebar div h2, div#main .box > h3, .uploadsmodule h3, .pointsform h3, .badgeform h3, h1, h2, h3, h4, h5, h6, div.widget-poll p.poll-owner, div.widget-poll p.poll-points, .shopitem h1, .shopprice, ul.shopcategories li a, .userprofiles li.profile h3, section.community h3, .box h1, #archive h3, #sidebar ul.activity li h4, .cntrl_forum .topiclist dd, #header_wrapper aside, .submissions ul li h3, #sidebar ul.posts li h3, table.stats tbody td {
   font-family: var(--font-family), sans-serif;
}

body #root > header h1 a {
    background: no-repeat scroll left center;
    background-image: var(--image-logo);
    background-size: contain;
    height: 110px;
    width:240px;   
    display: var(--logo-display-header);
}
/* sans serif texts */

body {
   font-size: 1.2rem;
   }

/* we are bootstrap overrides */
.dropdown-menu li > a.delete:hover, .dropdown-menu .active > a.delete, .dropdown-menu .active > a.delete:hover {
   background-color: #DA4F49 !important
   }

::-moz-selection {
   background: var(--color-primary);
   }

::selection {
   background: var(--color-primary);
   }

/* backgrounds */

#root, body.clean, body {
    background: var(--image-background);
    background-repeat: var(--image-background-repeat);
}

body.clean {
    background: top left transparent;
    background-repeat: var(--image-login-background-repeat);
    background-image: var(--image-login-background);
}

body.clean #wrapper {
   box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.25);
   background: #fff;
   background: rgba(255,255,255,1);
   }

    body.clean header .logo h1 {
        margin-bottom: 0;
        padding: 20px;
    }

body.clean header .logo h1 a {
    background: no-repeat center center;
    background-image: var(--image-logo);
    background-size: contain;
    height: 107px;
    margin: 0;
    width: 100%;
    display: var(--logo-display-header);
}

body.clean #innerbody #innerbodyback #wrapper > header {
    background: no-repeat center center transparent;
    background-image: var(--image-header);
    background-size: cover;
    margin: 0 -10px 25px;
}

body.clean #innerbody #innerbodyback #wrapper > .language_override {
  margin-bottom: 0;
}

   body.clean .authentication > h3,
   body.clean .unsubscribe > h3 {
       font-size: 2.4rem !important;
       text-align: center;
       text-transform: none !important;
       text-shadow: none;
       }

div#innerbody, div#innerbodyback {
   background: none;
   }

div#innerbody {
   padding-bottom: 0;
}

#main.no-sidebar {
   width: 95.9184% !important;
}

#header_inside {
float: left;
}

body #root > header {
   background: none;
   border-top: 0;
   margin-bottom: 30px;
   }

#header_wrapper {
   border-bottom: 5px solid var(--color-primary);
   }


body #root > header h1 {
  margin-left: 40px;
  margin-top: 13px;
   }

       #header_wrapper aside {
        margin-top: 31px;
       }

#nav_container {
float: right;
margin-bottom: 10px;
margin-top: 100px;
width: 100%;
   }

body #root > header nav ul {
width: 90%;
background: #fff;
background: rgba(255,255,255,.75);
padding-left: 10%;
margin-top:10px;
}

body #root > header nav ul li {
}

body #root > header nav ul li a {
-moz-transition: all 0.2s linear 0s;
  border-radius: 1px 1px 1px 1px;
  color: #444;
  font-size: 1.4rem;
  font-weight: 100;
  margin: 0;
  padding: 6px 25px;
  text-shadow: none;
  text-transform: inherit;

   }

body #root > header nav ul li.current a {
   font-weight: 600;
   }

body #root > header nav ul li a:hover {
   background: #fff;
   background: rgba(255,255,255,.8);
   color: var(--color-primary);
   }

#header_wrapper aside > ul {
   background: #fff;
   border-radius: 0;
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
   }

   #header_wrapper aside > ul > li a {
       color: #405965;
       font-size: 0.8em;
       line-height: 2rem;
       text-shadow: none;
       text-transform: uppercase;
width: 101%;
       }

#wrapper {
   border-radius: 0;
   box-shadow: none;
   background: none;
   padding: 0 0 20px 0;
   }

   #main {
    background: #fff;
    width: 660px;
    padding: 20px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
   }

   body.clean div#main {
    background: none;
    padding: 0;
    box-shadow: none;
   }

   #sidebar {
       float: right;
       position: relative;
       width: 20.8333%;
       z-index: 1;
       padding: 20px;
       background: #fff;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);

   }

.ui-tooltip {
box-shadow: none;
}
#spacer {
   height: 0
   }

/* content styling */

div#main .box > h3, .pointsform h3, .badgeform h3 {
   color: var(--color-primary);
   font-size: 2.42857142857143em;
   text-shadow: none;
   border-bottom: none;
   letter-spacing: 1px;
   font-weight: normal;
   }

#sidebar > div {
   margin: 0 0 30px;
   }


#sidebar div h2:not(.ignore-legacy), #main .box.journal-comman #sidebar.participants h3, #main .box.journal-comman #sidebar.widget-filters h3, .user-profile .box_content > section h2, #sidebar .widget__title {
   border-bottom: medium none;
   color: #58585A;
   font-size: 1.23077em;
   padding: 6px 0;
   text-shadow: none;
   text-transform: none;
   width: 100%;
   word-wrap: break-word;
   border-bottom: 1px solid #dadada;
   text-transform: uppercase;
   font-weight: 500;
   }

.box article section.comments h3, .author {
   color: var(--color-primary);
   }

#sidebar ul.activity li h4 {
   /* edit gabriella color: #58585A */
   }

#sidebar ul.activity li div {
   width: 70%
   }

.nav .dropdown-toggle .caret {
   border-bottom-color: #777;
   border-top-color: #777;
   }

.nav .dropdown-toggle:hover .caret {
    border-bottom-color: var(--color-primary);
    border-top-color: var(--color-primary);
}

h4.dc-description, .sl-title {
   
}

.widget-user-ranking .username {
   color: #58585A;
   text-transform: capitalize;
   }

/* Challenges */

.yellowgradientdl, .pinkgradientld {
filter: none;
background: white !important;
}

.challenges > ul li.challenge {
   background: none repeat scroll 0 0 #FFFFFF;
   border: 1px solid #BEBEBE;
   color: #405965;
   margin: 10px 0;
   padding: 1em 1%;
   position: relative;
   }

.challenges > ul li.challenge:nth-child(odd) {
   background: #fff
   }

.sidebar.sbtoppers ul.activity li h4 {
    color: var(--color-primary);
}

li.challenge h1 {
   font-weight: 600;
   text-transform: none;
   font-size: 2.2rem;
   color: var(--color-primary);
   }

li.challenge a:hover h1, .submissions > ul li.ch-idea.ch-idea-list a .author, .challengeinfo h2 a:hover {
   /* edit gabriella color: #2b6cb2; darkgreen */
   }

h2.chalinfo, li.challenge h2 {
   background: #fff;
   box-shadow: none;
   font-size: 1.2rem;
   font-weight: 300;
   text-shadow: none;
   color: #bebebe;
       }

.sidebar.sbtoppers ul.activity li h4 {
   color: var(--color-primary); /*darkgreen*/
   }

.submissions > ul li.ch-idea.ch-idea-list a:hover h3 {
   text-decoration: underline
   }

li.challenge h2 {
   display: none
   }

.widget-user-ranking .rv-user-rank {
   background: #b11116;
   padding: 4px;
   }

#sidebar .sidebar.sbother ul li a:before {
   border-color: transparent transparent transparent var(--color-primary); /*darkgreen*/
   }



   .challengebody header h1, .ideabody header h1 {
       color: var(--color-primary);
       font-size: 3em;
       font-weight: 600;
       line-height: 1.2em;
       text-shadow: none;
       }


.box_content figure {
    background: transparent;
    border: 0;
    box-shadow: none;
}

       .visualsplaceholder {
           width: 70.875%;
           }

.box h1 {
   color: #535353;
   font-size: 2.6em;
   font-weight: 600;
   line-height: 1.2em;
   text-transform: none;
   }

/* edit gabriella */
.box a:hover h1 {
   color: #444;
}

   .box.webshop h1 {
    color: var(--color-primary);
       font-size: 2em;
       font-weight: 600;
       line-height: 1em;
       text-transform: none;
   }

#archive h3 {
   color: var(--color-primary);
   text-transform: capitalize;
   font-size: 1.5em;
   }
/* edit gabriella */
#archive a:hover h3 {
   color: #444;
}

.box_content > h2, li.challenge > h2, .box_content h2.commentsheader {
   background: none repeat scroll 0 0 transparent;
   box-shadow: none;
   color: var(--color-primary);
   font-size: 1.6em;
   margin-bottom: 10px;
   margin-top: 40px;
   padding: 0;
   text-shadow: none;
z-index: 1;
   }

.submissions ul li h3 {
   color: var(--color-primary); /*darkgreen*/
   font-size: 1.3em;
   }

#archive li {
   position: relative
   }

   #archive li .read-more {
       background: var(--color-primary);
       color: #FFFFFF;
       padding: 4px 8px;
       border-radius: var(--button-border-radius);
       font-size: .8em;
       float: right;
       }

   #archive li .read-more:hover {
       background: var(--color-primary); /*darkgreen*/
       }

/* forum */

ul.topiclist dt a:hover h4, ul.topiclist dt a.topictitle:hover {
   color: var(--color-primary); /*darkgreen*/
   }

ul.topics li.row:nth-child(2n) {
   background-color: #fff
   }

.forum-container .forum-title > a h4, .topic-container .topic-title a h4 {
   color: var(--color-primary)
   }

.lastpost .author, .topicmeta .author {
   color: #405965
   }

.topicmeta .author:HOVER {
   text-decoration: underline
   }

li.header dl.icon dt h3 {
   font-family: sans-serif;
   color: var(--color-primary); /*darkgreen*/
   font-size: 1.5em;
   text-transform: capitalize;
   }

.forum .commentbody > p, .forum .postbody > p {
   font-size: 1.1em;
   line-height: 1.6em;
   }

#sidebar ul.widget-category-list li.active a, #sidebar ul.widget-category-list li a:hover {
   background: none repeat scroll 0 0 var(--color-primary);
   color: #fff;
   }

.carousel-control {
   background: var(--color-primary);
   border: 1px solid #FFFFFF;
   border-radius: 30px 30px 30px 30px;
   color: #FFFFFF;
   height: 28px;
   line-height: 2rem;
   opacity: 0.8;
   text-align: center;
   width: 28px;
   font-size: 4.5rem;
   }



.sidebar.sbtoppers ul.activity li h4 {
   color: #2E91D0
   }

/*community*/

section.community > h3 {
   border-bottom: medium none;
   box-shadow: 0 1px 1px #FFFFFF;
   color: var(--color-primary);
   font-size: 1.7em;
   margin: 1em 0 0.5em;
   }

.userprofiles li.profile {
   box-shadow: none;
   width: 29.4285855769228%;
   }

.userprofiles li.profile:hover {
   background: #fafafa;
   }

   .userprofiles li.profile figure {
    height: 100%;
   }

.userprofiles li.profile h3.username {
   border-bottom: 2px solid #58585A;
   color: #58585A;
   font-size: 1.6rem;
   margin-bottom: 5px;
   }

/*weblog*/

.weblog span.author a {
   color: #405965
   }

#sidebar ul.posts li h3 {
   color: var(--color-primary); /*darkgreen*/
   text-transform: Cap;
   }

#sidebar ul.posts li a.archive-link {
   border: 1px solid #DADADA;
   font-size: 0.9em;
   margin: 20px 0 4px;
   padding: 3px;
   }

.weblog article {
   position: relative
   }

.weblog .postbody a.read-more {
   background: var(--color-primary);
   bottom: 11px;
   color: #FFFFFF;
   padding: 4px 8px;
   position: absolute;
   right: 0;
   border-radius: 4px;
   font-size: .8em;
   text-decoration: none;
   }

.notification_center section.notification-group h2 {
color: var(--color-primary);
border-bottom: 1px solid var(--color-primary);
}

.label {
background: var(--color-primary);
}

.notification_center li a div em {
color: #405965;
}


/*profile*/
.profile-main,
.profile-fields,
.profile-stats,
.profile-badges,
.profile-activity {
border: 1px solid #BEBEBE;
   /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
   }

   ul.user-activities li h4 {
    color: var(--color-primary);
   }

   .pager li {
    /* edit gabriella background: #2b6cb2 !important; */
   }

   section.siteactivity header ul.filters li.active a, ul.srch-filters li.active a, .profile-activity ul.profile-activity-nav li.active a {
       background: #eee !important;
       color: #333;
    }

       .profile-activity-nav li a {
           color: #405965;
  }

  .profile-stats .profile-stats-stat {
      background: none repeat scroll 0 0 #F4F4F4;
      border-radius: 4px 4px 4px 4px;
      box-shadow: none;
      }

/* questionnaire */

li.qs-questionnaire.no-image h1
{
color: var(--color-primary);
}

/*site-activity*/

.widget-site-activity-overview.widget ul.activities li a {
    box-sizing: border-box;
}

.widget-site-activity-overview.widget ul.activities li a, .srch-resultslist ul li a{
padding: 10px 0 10px 10px;
}

ul.activities li h4,
li.srch-result h4,
ul.user-activities li h4 {
   text-shadow: none;
   margin-top: 10px;
   line-height: 1.6rem;
   color: #535353;
}

section.siteactivity header ul.filters li.active a, ul.srch-filters li.active a, .profile-activity ul.profile-activity-nav li.active a {
   background: var(--color-primary);
}

section.siteactivity header ul.filters li a, ul.srch-filters li a {
color: #333
}

section.siteactivity header ul.filters li a:hover, ul.srch-filters li a:hover {
/* edit gabriella color: #2b6cb2; */

}

ul.activities li figure, li.srch-result figure {
   float: left;
   }


div#main .welcome.box {
   min-height: 0;
   }

.journal .journal-posts > h3 {
   border-bottom: 1px solid var(--color-primary);
   color: var(--color-primary);
   font-size: 1.5em;
   font-weight: normal;
   margin: 0 0 5px;
   text-shadow: 1px 1px 0 #FFFFFF;
   text-transform: uppercase;
}


.journal-comman #sidebar.journal-sidebar {
background: transparent;
box-shadow: none;
}

.widget-todo-item h4 {
color: var(--color-primary); /*darkgreen*/
}

div#main .box.custom_page {
   min-height: 0
   }

#main .widget-user-ranking {
   width: 32%
   }

   #main .widget-user-ranking .username {
       color: var(--color-primary)
       }

span.isnew {
   border: none;
   border-radius: var(--main-border-radius);
   position: absolute;
   top: 5px;
   }

#sidebar span.isnew {
   top: -5px
   }

section.siteactivity header h3 {
   color: #58585A
   }


/* responsiveness */
@media only screen and (max-width: 1024px) {

 #wrapper, #header_wrapper {
     margin: 0 10px;
     width: auto;
 }

     .resp div#main {
         width: 67.34693877551%; /* 660px / 960 */
         right: auto;
     }

}

@media only screen and (max-width: 800px) {

.resp div#main {
 width: 94.7643979057592%;
}

.resp #header_inside {
 width: 100%;
}

      .resp #header_wrapper aside {
margin-top: 0;
}

.resp aside#sidebar {
 /*display: none;*/
}

.resp body #root > header nav ul li a {
 margin-right: 10px;
}

#nav_container {
margin-top: 45px;
}

}
@media only screen and (max-width: 480px) {

.resp #header_wrapper aside {
 margin-top: 0;
}
}

.login.regular-form a.forgot_password {
float: left !important;
    height: 20px;
}

.box.forgot_password.authentication form, .box.reset_password.authentication form {
margin-left:25% !important;
}

#main .box > h3 {
font-size:1.5em!important;
}

body.clean #wrapper {
   position: relative !important;
   margin-top: 10% !important;
}


/* ------------------------- */
/* START NEW GO.CMNTY DESIGN */

/* ----------------------- */
/* Layout ---------------- */

#nav_container {
    margin-bottom: 65px;
    margin-top: 65px;
}

#innerbody {
    margin-top: -104px;
}

    #innerbodyback #wrapper {
        padding-top: 15px;
    }

        #innerbody #wrapper #main {
            width: calc(74% - 60px);
        }

        #innerbody #wrapper #sidebar {
            width: 26%;
            padding: 0;
        }

            #innerbody #wrapper #sidebar .widget {
                padding: 20px;
                width: auto;
            }

@media (max-width: 480px) {
    #innerbody {
        padding: 0 5px;
    }
}

.box_content:after {
    content: ' ';
    display: table;
    clear: both;
}

.weblog .box_content {
    margin-top: 20px;
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.comment-field:focus {
    box-shadow: none !important;
    border: 1px solid var(--color-primary) !important;
}

select, textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    height: 30px;
    border-radius: 0;
}

h1, h2, h3, h4, h5, h6 {
    text-shadow: none !important;
}

.dropdown-toggle {
    z-index: auto;
}
#wrapper .widget-forum-list li a:hover {
    background-color: transparent;
    border-radius: 0;
    transition: none;
}

#wrapper .widget-forum-list > ul > li,
#sidebar .widget-blog-categories li,
#sidebar .widget-shop-points li,
#sidebar .widget-category-list li {
    margin: 0 -10px 2px !important;
    padding: 0 !important;
    width: calc(100% + 20px);
}

#wrapper .widget-forum-list > ul > li > ul {
    display: flex;
    flex-direction: column;
    padding-left: 10px;
}

#wrapper .widget-forum-list ul > li > a,
#sidebar .widget-blog-categories li > a,
#sidebar .widget-shop-points li > a,
#sidebar .widget-category-list li > a {
    box-sizing: border-box;
    margin: 0 !important;
    padding: 2px 10px !important;
}

#wrapper .widget-forum-list > ul > li > a {
    margin-bottom: 6px !important;
}

#wrapper .widget-forum-list li > ul > li:hover,
#wrapper .widget-forum-list li > ul > li.active,
#wrapper .widget-forum-list > ul > li > a:hover,
#wrapper .widget-forum-list li.active a,
#sidebar .widget-blog-categories li:hover,
#sidebar .widget-blog-categories li.active,
#sidebar .widget-shop-points li:hover,
#sidebar .widget-shop-points li.active,
#sidebar .widget-category-list li:hover,
#sidebar .widget-category-list li.active {
    background: var(--color-primary);
    border-radius: 0;
    box-sizing: border-box;
    color: #fff;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 4px;
}

#wrapper .widget-forum-list li > ul > li:hover a,
#wrapper .widget-forum-list li > ul > li.active a,
#wrapper .widget-forum-list > ul > li > a:hover a,
#wrapper .widget-forum-list li.active a,
#sidebar .widget-blog-categories li:hover a,
#sidebar .widget-blog-categories li.active a,
#sidebar .widget-shop-points li:hover a,
#sidebar .widget-shop-points li.active a,
#sidebar .widget-category-list li:hover a,
#sidebar .widget-category-list li.active a {
    border-left-color: transparent;
}

.overview-available > a,
.overview-latest-available > a,
.overview-unavailable > a {
    font-size: 1.1em;
    margin-bottom: 6px;
}

#wrapper .widget-forum-list li > ul > li:hover,
#wrapper .widget-forum-list li > ul > li.active {
    width: 100% !important;
}

#wrapper .widget-forum-list li > ul > li:hover,
#wrapper .widget-forum-list li > ul > li.active {
    border-left: 0;
}

#sidebar .widget-category-list li a,
#wrapper .widget-forum-list li a,
#sidebar .widget-blog-categories li a,
#sidebar .widget-shop-points li a:not(.btn) {
    border-radius: 0;
    margin-bottom: 0;
    padding: 2px 4px;
    width: 100%;
}

#wrapper .widget-forum-list li > ul > li:hover a,
#wrapper .widget-forum-list li > ul > li.active a {
    color: #fff;
}

#sidebar .widget-category-list li ul li,
#wrapper .widget-forum-list li ul li,
#sidebar .widget-blog-categories li ul li,
#sidebar .widget-shop-points li ul li {
    border-left: 0;
    box-sizing: border-box;
    display: flex;
    margin-left: 0;
    padding-left: 10px;
    width: 100% !important;
}

#sidebar .widget-category-list li ul li > a,
#wrapper .widget-forum-list li ul li > a,
#sidebar .widget-blog-categories li ul li > a,
#sidebar .widget-shop-points li ul li > a {
    border-left: 3px solid #bcbcbc;
    border-radius: 0;
    box-sizing: border-box;
    padding-left: 10px;
}

#wrapper-bottom {
    margin-top: 32px;
}

#wrapper-bottom,
#wrapper-top {
    background: #fff;
    border-radius: var(--main-border-radius);
    margin-bottom: 15px;
}

body.clean #wrapper-top {
    margin-bottom: 0;
}

body.clean #wrapper-top > div:not(.clearfix) {
  margin: 15px -10px;
}

body.clean #main-top > .widget > h2 {
  margin-left: -10px;
}

#main > .vue-app > .box {
    position: relative;
}

.alert,
.alert .close {
    border-radius: 0;
    text-shadow: none;
}


/* ----------------------- */
/* Header ---------------- */

body #root > header {
    background: no-repeat center center var(--color-header);
    background-image: var(--image-header);
    background-size: cover;
}

body #root > header nav > ul {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

    body #root > header nav > ul > li {
        padding: 0;
        min-width: 90px;
        text-align: center;
    }

        body #root > header nav > ul > li > a {
            width: calc(100% - 20px);
            padding: 16px 10px 13px 10px;
            color: var(--color-primary);
            font-weight: bold;
            text-transform: capitalize;
        }

            body #root > header nav > ul > li > a:hover {
                background-color: var(--color-primary);
                color: #fff;
                font-weight: bold;
            }

        body #root > header nav > ul > li.current > a {
            background-color: var(--color-primary);
            color: #fff;
            font-weight: bold;
        }

@media (min-width: 1024px) {
    body #root > header nav > ul > li {
        min-width: calc(980px / 8);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    body #root > header nav > ul > li {
        min-width: 100px;
    }
}

@media (max-width: 767px) {
    body #root > header nav > ul > li {
        min-width: 120px;
    }

    #header_wrapper {
        padding-right: 30px;
    }
}

#header_wrapper {
    background: none;
    border: 0;
    min-height: 250px;
    z-index: 0 !important;
}

    #header_wrapper aside {
        margin-top: 0;
    }

        #header_wrapper aside .headersocial {
            display: none;
        }

        #header_wrapper aside .headernav li a {
            color: var(--color-primary);
        }

        #header_wrapper aside .headernav li:hover {
            background: var(--color-primary);
        }

        #header_wrapper aside .headernav li:hover a {
            color: #fff;
        }

        #header_wrapper aside .usernav li {
            padding: 0;
        }

        #header_wrapper aside .usernav .user a {
            padding-right: 24px;
        }

            #header_wrapper aside .usernav li > a {
                padding: 6px 12px 6px 12px;
                width: auto;
                color: var(--color-primary);
            }

                html.no-touch #header_wrapper aside > ul li a:hover,
                html.no-touch ul.usernav li ul#notification-list li a:hover,
                html.no-touch ul.usernav li ul#notification-list li a:hover > div > .timeago {
                    background-color: var(--color-primary);
                    color: #fff !important;
                }

#nav_inside .header_menu {
    margin-top: 0;
    background: #fff;
    padding-left: 0;
    width: 100%;
}

ul.usernav li ul#notification-list,
.chrome ul.usernav li ul#notification-list {
    top: 32px;
    box-shadow: none;
    background: #fff;
    border-top: 1px solid #999;
}

ul.usernav li ul#notification-list > li {
    border: 0;
}

ul.usernav li ul#notification-list > li:not(:first-child) {
    border-top: 1px solid #999;
}

ul.usernav li ul#notification-list > li.readmore a {
    background: #fff;
}

ul.usernav li ul#notification-list > li.readmore > a > div {
    width: 100%;
    margin-top: 3px;
}

ul.usernav li ul#notification-list > li:hover a {
    background: var(--color-primary);
}

#header_wrapper aside ul.usernav li.user:not(:hover) [class^="icon-"],
#header_wrapper aside ul.usernav li.user:not(:hover) [class*=" icon-"] {
    background-image: url('/front-end/pf4/images/glyphicons-halflings.png');
}

#header_wrapper aside ul.usernav li.user [class^="icon-"],
#header_wrapper aside ul.usernav li.user [class*=" icon-"] {
    position: absolute;
    right: 2px;
    top: 10px;
}

#root header #header_wrapper aside ul.usernav li.user #usercontrols,
#root header #header_wrapper aside ul.usernav li.lswitch #langcontrols {
    top: 32px;
    background: #fff;
    box-shadow: none;
    border-top: 1px solid #999;
    background-color: transparent;
    min-width: 100%;
}

    #root header #header_wrapper aside ul.usernav li.user #usercontrols li,
    #root header #header_wrapper aside ul.usernav li.lswitch #langcontrols li {
        background-color: #fff;
    }

        #root header #header_wrapper aside ul.usernav li.user #usercontrols li:hover,
        #root header #header_wrapper aside ul.usernav li.lswitch #langcontrols li:hover {
            background-color: var(--color-primary);
        }

            #root header #header_wrapper aside ul.usernav li.user #usercontrols li:hover a,
            #root header #header_wrapper aside ul.usernav li.lswitch #langcontrols li:hover a {
                color: #fff;
            }

            #header_wrapper aside ul.usernav li.user #usercontrols a,
            #header_wrapper aside ul.usernav li.lswitch #langcontrols a {
                color: var(--color-primary);
                text-shadow: none;
                text-align: center;
            }

                html.no-touch #header_wrapper aside ul.usernav li.user #usercontrols a:hover,
                html.no-touch #header_wrapper aside ul.usernav li.lswitch #langcontrols a:hover {
                    background: var(--color-primary);
                    color: #fff;
                }

.main-footer {
    background-color: var(--color-footer-background);
    color: var(--color-footer-text);
    font-size: calc(1rem + 3px);
}

.footer-navigation .footer-navigation__item,
.footer-navigation .footer-navigation__link,
.footer-navigation .footer-navigation__link:hover {
    color: var(--color-footer-text);
}

.footer-navigation .footer-navigation__item:before {
    background-color: var(--color-footer-text);
}

.main-footer .credits .credits__link {
    color: var(--color-footer-text);
    fill: var(--color-footer-text);
}

.main-footer .credits .credits__link:hover {
    border-bottom-color: var(--color-footer-text);
    color: var(--color-footer-text);
}

.main-footer .credits .credits__logo {
    fill: var(--color-footer-text);
}

.clean .credits-container .credits {
    background: var(--color-footer-background);
    border-radius: var(--main-border-radius);
    box-sizing: border-box;
    margin: 0 auto;
    padding: 10px 15px;
    width: auto;
}

.clean .credits-container .credits a {
    color: var(--color-footer-text)
}

.clean .credits-container .credits svg {
    fill: var(--color-footer-text)
}

.clean .credits-container .credits a:hover {
    border-bottom: 1px solid var(--color-footer-text);
}


/* ----------------------- */
/* Main content ---------- */


/* ----------------------- */
/* Default stylings ------ */

div#main .box > h3,
section.siteactivity header h3,
#sidebar div h2:not(.ignore-legacy),
.uploadsmodule h3,
#wrapper-bottom .widget h2:not(.ignore-legacy),
#wrapper-top .widget h2:not(.ignore-legacy),
#main-top .widget h2:not(.ignore-legacy),
#main-bottom .widget h2:not(.ignore-legacy),
#main-top .widget__title,
#main-bottom .widget__title,
#sidebar .widget__title {
    border: 0;
    border-radius: 0 var(--main-border-radius) var(--main-border-radius) 0;
    color: #000;
    display: inline-block;
    font-weight: 300;
    font-size: calc(1rem + 8px);
    padding-top: 6px;
    padding-bottom: 2px;
    margin-bottom: 20px;
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    width: auto;
    letter-spacing: 1px;
}

div#main .box > h1,
#main-bottom .widget > h2,
section.siteactivity header h3,
#main-top .widget__title,
#main-bottom .widget__title,
#sidebar div h2:not(.ignore-legacy), 
#sidebar .widget__title {
    color: #333;
    font-size: calc(1rem + 10px);
    font-weight: 300;
    line-height: 1.2em;
    text-transform: none;
    letter-spacing: 1px;
    width: auto;
    margin-bottom: 20px;
}

#main-top .widget__title,
#main-bottom .widget__title {
    font-size: 1.5em;
}

#wrapper-bottom > div,
#wrapper-top > div {
    box-sizing: border-box;
    width: 100%;
}

#wrapper-bottom .widget,
#wrapper-top .widget {
    padding: 20px;
}

#sidebar div h2:not(.ignore-legacy),
#sidebar .widget__title {
    background-color: transparent;
    color: #333;
    border: 0;
    margin-bottom: 16px;
}

#wrapper #main {
    box-shadow: none;
}

#wrapper #sidebar {
    box-shadow: none;
    width: 23%;
}

div#main .welcome.box {
    /* margin-bottom: 80px; */
}

section.box > .admincontrols {
    right: 0;
    top: 0;
}

    section.box > .admincontrols.btn-group a.btn {
        border: 0;
        background: none;
        border-radius: 0;
        box-shadow: none;
    }

    section.box > .admincontrols.btn-group ul > li > a:not(:hover) i,
    section.box > .admincontrols.btn-group > a i {
        background-image: url('/front-end/pf4/images/glyphicons-halflings.png');
    }





/* ----------------------- */
/* What's New ------------ */

section.siteactivity {
    box-shadow: none;
    border-radius: 0;
}

    section.siteactivity header {
        margin-bottom: 15px;
    }

        section.siteactivity header ul.filters {
            margin-top: 10px;
            text-align: right;
        }

        section.siteactivity header ul.filters li:last-child {
            margin-right: 5px;
        }

            section.siteactivity header ul.filters li a,
            section.srch-results header ul.srch-filters li a {
                border-radius: 0;
                margin-right: 0;
            }

            section.siteactivity header ul.filters li.active a {
                background: var(--color-primary);
            }

        .siteactivity .activities li:nth-child(even),
        .user-siteactivity .user-activities li:nth-child(even) {
            background: transparent;
        }

        .siteactivity .activities li:not(:first-child),
        .siteactivity .activities li:not(:first-child) a,
        .user-siteactivity .user-activities li:not(:first-child),
        .user-siteactivity .user-activities li:not(:first-child) a{
            border-top: 1px solid var(--color-primary);
        }

        .siteactivity .activities li:not(:first-child) a,
        .user-siteactivity .user-activities li:not(:first-child) a{
            margin-top: -1px;
        }

        .siteactivity .activities li:not(:first-child):hover,
        .user-siteactivity .user-activities li:not(:first-child):hover
        {
            border-top: 1px solid var(--color-primary);
        }

        .siteactivity .activities li:hover,
        .user-siteactivity .user-activities li:hover {
            margin-left: -10px;
            margin-right: -10px;
            width: 100%;
            padding-left: 10px;
            padding-right: 10px;
            background: var(--color-primary);
            color: #fff;
        }

        .siteactivity .activities li:hover + li a,
        .user-siteactivity .user-activities li:hover + li a{
            border-top-color: #fff;
        }

            .siteactivity .activities li:hover .postdate,
            .user-siteactivity .user-activities li:hover .postdate
            {
                margin-right: 10px;
                color: #fff;
            }

            .siteactivity .activities li:hover .isnew {
                left: 5px;
            }

            .siteactivity .activities li a,
            .siteactivity .activities li a .author,
            .siteactivity .activities li a h4,
            .siteactivity .activities li a .excerpt p,
            .user-siteactivity .user-activities li a,
            .user-siteactivity .user-activities li a .author,
            .user-siteactivity .user-activities li a h4,
            .user-siteactivity .user-activities li a .excerpt p {
                text-shadow: none;
            }

            .siteactivity .activities li:hover a,
            .siteactivity .activities li:hover a .author,
            .siteactivity .activities li:hover a h4,
            .siteactivity .activities li:hover a .excerpt p,
            .user-siteactivity .user-activities li:hover a,
            .user-siteactivity .user-activities li:hover a .author,
            .user-siteactivity .user-activities li:hover a h4,
            .user-siteactivity .user-activities li:hover a .excerpt p {
                color: #fff;
            }

            .siteactivity .activities li a figure,
            .user-siteactivity .user-activities li a figure {
                height: 60px;
                margin-right: 10px;
                width: 60px;
            }

            .siteactivity .activities li a h4,
            .user-siteactivity .user-activities li a h4,
            .siteactivity .activities li a .excerpt,
            .user-siteactivity .user-activities li a .excerpt {
                margin-left: 70px;
                color: #333;
            }


            .siteactivity .activities li a h4,
            .user-siteactivity .user-activities li a h4 {
                padding-right: 20px;
            }

        .siteactivity .activities li a figure,
        .user-siteactivity .user-activities li a figure {
            border: 0;
            box-shadow: none;
            margin-bottom: 0;
            background: transparent;
        }

.widget ul li a {
    transition: none;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
}

.widget ul.activities li a:hover, li.srch-result a:hover {
    background: var(--color-primary);
    color: #fff !important;
}


/* ----------------------- */
/* Sidebar & Widgets------ */

#sidebar {
    background: transparent;
}

#sidebar > div {
    margin-bottom: 0;
}

    #sidebar > div:not(:last-child) {
        /*border-bottom: 1px solid var(--color-primary);*/
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

#sidebar .widget {
    background: #fff;
}

.widget-poll .poll-button {
    margin-top: 10px;
}

/* Newest members */

#sidebar .widget-community-newest-members ul li h4.username {
    background: var(--color-primary);
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: -3px;
    font-size: 0.9em;
}

#sidebar .widget-community-newest-members ul li figure.avatar {
    border: 0;
    height: auto;
    width: 100%;
    box-shadow: none;
}

#sidebar .widget-community-newest-members > p:first-of-type {
    display: none;
}

#sidebar .widget-community-newest-members ul:after {
    content: ' ';
    clear: both;
    display: table;
}

#sidebar .widget-community-newest-members ul {
    margin-bottom: -12px;
}

/* ----------------------- */
/* Breadcrumbs ----------- */

.breadcrumb {
    background: var(--color-primary);
    border-radius: var(--main-border-radius);
}

.breadcrumb > li,
.breadcrumb > li > a,
.breadcrumb > li > span.divider,
.breadcrumb > li.active {
    text-shadow: none;
    color: #fff;
}


/* ----------------------- */
/* PROFILE --------------- */

.user-profile .profile-user div {
    display: none;
}

.user-profile .profile-user .username {
    margin-top: -12px;
    background: var(--color-primary);
    text-align: center;
    text-shadow: none;
    color: #fff;
    font-size: 2.2em;
    padding: 8px 10px 5px 10px;
    width: calc(100% - 20px);
}

.user-profile .profile-main {
    box-shadow: none;
}

.user-profile .profile-main .profile-actions .margin-top {
    position: relative;
}

.user-profile .profile-main .profile-actions .margin-top .dropdown-menu {
    top: 18px;
    border-radius: 0;
    width: calc(100% - 2px);
}





.box_content .nav-tabs li {
    background: transparent;
}

.box_content .nav-tabs li a {
    border: 0;
    border-radius: 0;
    margin-bottom: 1px;
    color: #333;
}

.journal .box_content .nav-tabs > li > a {
    border: 0;
}

.box_content .nav-tabs li.active:not(.dropdown) a {
    color: var(--color-primary);
    border-bottom: 2px solid var(--color-primary);
}

form dl.inline dt {
    width: 15%;
    text-align: left;
}

.user .box_content form section .inline dt {
    width: 20px;
    margin-right: 10px;
}

.user .box_content form section .inline input {
    max-width: calc(100% - 8px);
    margin: 8px;
}

.user .box_content form section .inline input[type='radio'] {
    height: 14px;
    max-width: none;
    width: 14px;
    margin: 8px;
}

.user .inline .icon-envelope {
    background-image: url('/front-end/pf2/images/icons/glyphicons-halflings.png');
    margin-right: 8px;
    margin-top: 3px;
}

.editprofile .upload_avatar figure {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.editprofile .upload_avatar figure p {
    background: var(--color-primary);
    color: #fff;
    padding-bottom: 5px;
    padding-top: 5px;
}

.editprofile .box_content form section {
    float: left;
    width: calc(100% - 170px);
    margin-left: 30px;
}

.editprofile .box_content form section .inline dt {
    margin-right: 0;
    width: 30%;
}

.email-settings .box_content form section .inline .setting-label {
    width: 150px;
}

.email-settings .box_content form section .inline .setting-label label {
    line-height: 1.2;
}

.editprofile .box_content form section .inline dd,
.email-settings .box_content form section .inline .setting-input {
    width: 69%;
}

.user-profile .box_content form section .inline dt {
    width: 30%;
    margin-right: 0;
}

/* User statistics + user statistics widget */

.profile-stats .profile-stats-stat {
    border-radius: var(--main-border-radius);
}

.profile-stats ul:after {
    content: ' ';
    display: table;
    clear: both;
}

.profile-stats ul {
    padding: 10px 0 0 0;
}

.profile-stats ul li {
    margin-bottom: 0;
}

.profile-stats ul li:not(:last-child):not(:nth-last-child(2)) {
    margin-bottom: 10px;
}

.profile-stats ul .profile-stats-stat {
    background: var(--color-primary);
    color: #fff;
    width: calc(50% - 5px);
    padding: 10px 0 15px 0;
}

.profile-stats ul li:nth-child(even) {
    margin-left: 10px;
}

.profile-stats ul li .profile-stats-param p {
    margin: 0;
    color: #fff;
}

.profile-stats .profile-stats-stat {
    min-height: 0;
}

.widget-user-statistics {
    width: 100%;
}

.widget-user-statistics > p {
    border-bottom: 1px solid #dadada;
    color: #58585A;
    font-size: 1.23077em;
    font-weight: 500;
    margin-left: 10px;
    margin-top: 10px;
    padding: 6px 0;
    text-transform: uppercase;
    width: calc(100% - 20px);
    word-wrap: break-word;
}

.widget-user-statistics ul#user-statistics {
    border: 1px solid #bebebe;
    border-radius: 0;
    margin-top: -40px;
    padding: 50px 10px 10px;

    display: block;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.widget-user-statistics ul#user-statistics:after {
    clear: both;
    content: ' ';
    display: table;
}

.widget-user-statistics #user-statistics li {
    background: var(--color-primary);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #fff;
    margin: 0;
    min-height: 0;
    padding: 0;

    display: inline-block;
    width: calc(100% / 3 - 12.33333px);

    -webkit-flex-basis: calc(100% / 3 - 13.33333px);
    -ms-flex-preferred-size: calc(100% / 3 - 13.33333px);
    flex-basis: calc(100% / 3 - 13.33333px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 501px) {
    .widget-user-statistics #user-statistics li:not(:nth-child(3n)) {
        margin-right: 18px;
    }

    .widget-user-statistics #user-statistics li:nth-child(3n + 1) {
        clear: left;
    }
}

@media (min-width: 301px) and (max-width: 500px) {
    .widget-user-statistics #user-statistics li:not(:nth-child(even)) {
        margin-right: 20px;
    }

    .widget-user-statistics #user-statistics li:nth-child(odd) {
        clear: left;
    }
}


@media (max-width: 500px) {
    .widget-user-statistics #user-statistics li {
        width: calc(100% / 2 - 10px);

        -webkit-flex-basis: calc(100% / 2 - 10px);
        -ms-flex-preferred-size: calc(100% / 2 - 10px);
        flex-basis: calc(100% / 2 - 10px);
    }

    .widget-user-statistics #user-statistics li:not(:nth-child(1)):not(:nth-child(2)) {
        margin-top: 20px;
    }
}

@media (max-width: 300px) {
    .widget-user-statistics #user-statistics li {
        width: 100%;

        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .widget-user-statistics #user-statistics li:not(:first-child) {
        margin-top: 20px;
    }
}

@media (min-width: 501px) {
    .widget-user-statistics #user-statistics li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
        margin-top: 20px;
    }
}

#sidebar .widget-user-statistics #user-statistics li {
    margin-right: 0;
    width: 100%;

    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

#sidebar .widget-user-statistics #user-statistics li:not(:first-child) {
    margin-top: 20px;
}

.widget-user-statistics #user-statistics .user-stat-param p,
.widget-user-statistics #user-statistics .user-stat-value h4,
.widget-user-statistics #user-statistics .user-stat-value strong {
    color: #fff;
    line-height: normal;
    margin: 0;
}

.widget-user-statistics #user-statistics .user-stat-param,
.widget-user-statistics #user-statistics .user-stat-value {
    box-sizing: border-box;
    line-height: normal;
    margin: 0;
    width: 100%;
}

.widget-user-statistics #user-statistics .user-stat-value h4,
.widget-user-statistics #user-statistics .user-stat-value strong {
    font-size: 2rem;
}

.widget-user-statistics #user-statistics .user-stat-value h4 br {
    display: none;
}

.widget-user-statistics #user-statistics .user-stat-param {
    padding: 20px 20px 0;
}

.widget-user-statistics #user-statistics .user-stat-value {
    margin-top: 5px;
    padding: 0 20px 20px;

    display: inline-block;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* END User statistics + User statistics widget */

.profile-activity-nav li a {
    border-radius: 0;
    width: calc(100% - 8px);
}

.profile-activity ul.profile-activity-nav {
    margin-right: 10px !important;
    width: 13% !important;
}

.profile-activity .user-siteactivity {
    padding-left: 5px;
    border-left: 1px solid var(--color-primary);
    width: calc(87% - 20px) !important;
}

.profile-activity .user-activities {
    padding: 0;
}

.user-siteactivity ul.user-activities li a {
    padding-top: 10px;
}

.user-siteactivity ul.user-activities li a:hover {
    background: none;
}

.user-siteactivity ul.user-activities li .excerpt {
    padding-left: 56px;
    margin-left: 0;
}

.profile-activity .user-siteactivity ul.user-activities li .excerpt {
    padding-left: 70px;
}

/* ----------------------- */
/* Login ----------------- */

.clean div#main .box.login > h3 {
    margin-left: -10px;
    padding: 6px 20px 2px;
}

input[type="text"], input[type="password"] {
    border-radius: 0;
}

body.clean > #innerbody > #innerbodyback > #wrapper header .logo h1 a {
    border-radius: 0;
}

body.clean > #innerbody > #innerbodyback > #wrapper {
    border-radius: var(--main-border-radius);
}

/* ----------------------- */
/* ----------------------- */

/* ----------------------- */
/* Blog ------------------ */

.weblog .box_content article.no-image {
    padding-top: 10px;
    padding-bottom: 0;
    margin-top: -1px;
}

.weblog .box_content article a {
    display: block;
}

.weblog .box_content article .redactor-content a {
    display: inline-block;
}

.weblog .blog-categories li a,
.weblog .blog-comment-count {
    background: var(--color-primary);
    border-radius: var(--main-border-radius);
    color: #fff;
    padding: 0 8px;
    line-height: 2.1rem;
}

.weblog .blog-categories li a > i,
.blog-comment-count > i {
    opacity: 1;
    margin-top: -1px;
    margin-right: 5px;
}

.weblog .blog-categories-box p {
    margin-right: 10px;
    line-height: 2.1rem;
}

.weblog .box_content article .blog-categories li a,
.weblog .box_content article .blog-comment-count {
    border: 1px solid var(--color-primary);
}

.comments .postcomment {
    margin-top: 15px;
    background: transparent;
    border-bottom: 1px solid var(--color-primary);
    padding-bottom: 10px;
    margin-bottom: 0;
}

.comments .postcomment textarea,
.comments .postcomment .comment-field {
    min-height: 110px !important;
    resize: vertical !important;
    border: 1px solid #dadada;
    padding-left: 5px;
    padding-right: 5px;
}

.comments .postcomment.edit-comment textarea,
.comments .postcomment.edit-comment .comment-field {
    margin-left: 0;
    width: 100%;
}

.comments .postcomment:not(.edit-comment) textarea,
.comments .postcomment:not(.edit-comment) .comment-field {
    margin-left: 70px;
    width: calc(100% - 70px);
}

.comments .commentbody {
    padding-left: 70px;
    padding-right: 10px;
    margin-top: 10px;
}

.comments .commentbody .quote {
    margin-left: 10px;
    border: 0;
    background: #f5f5f5;
    color: #000;
    border-left: 5px solid var(--color-primary);
    padding: 10px;
    margin-bottom: 0;
}

.comments .comment:nth-child(even) .commentbody .quote {
    background: #fff;
}

.comments .commentbody .quote .quote_user a {
    font-weight: bold;
}

.comments .commentbody .quote .quote_user a:hover {
    color: var(--color-primary);
}

.comments .commentbody .quote > br:first-of-type,
.comments .commentbody .quote > br:last-of-type {
    display: none;
}

.comments .postcomment.focused {
    box-shadow: none;
}

.box_content .comments .postcomment .miniavatar {
    width: 60px;
    background: transparent;
    border-radius: 0;
}

.comments .postcomment .postcomment-options,
.comments .postcomment .postcomment-extras,
.comments > form .postcomment > .error {
    margin-left: 70px;
}

.weblog .avatar,
.forum .avatar,
.challenge .avatar,
.idea .avatar {
    border: 0;
    box-shadow: none;
    width: 60px;
    height: 60px;
}

.weblog .box_content article header br {
    display: none;
}

.weblog .box_content article > header > .author > a {
    display: inline-block;
    margin-top: 5px;
}

.weblog .box_content article .postbody {
    margin-top: 10px;
    margin-bottom: 10px;
}

.comments > ul > li .author.dropdown-toggle ul.user-dropdown.dropdown-menu {
    z-index: 10500;
}

div.author.dropdown-toggle ul.user-dropdown.dropdown-menu {
    top: 60px;
    left: 0;
}

/* ----------------------- */
/* Blog Widget ----------- */

#sidebar .widget-category-list li:not(:hover):not(.active) a > i,
#wrapper .widget-forum-list li:not(:hover):not(.active) a > i,
#sidebar .widget-blog-categories li:not(:hover):not(.active) a > i,
aside .sidebar-show-box > li:not(:hover) > a > i {
    background-image: url('/front-end/pf4/images/glyphicons-halflings.png');
}

#sidebar .widget-category-list li a > i,
#wrapper .widget-forum-list li a > i,
#sidebar .widget-blog-categories li a > i,
#sidebar .widget-shop-points li a > i {
    opacity: .8;
    margin-right: 6px;
    margin-top: 0;
}

.widget-blog-recent-articles > ul > li:not(:last-child) {
    border-bottom: 1px solid var(--color-primary);
}

.widget-blog-recent-articles > ul > li {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0;
    margin-top: -1px;
}

.widget-blog-recent-articles > ul > li:hover {
    background: var(--color-primary);
    color: #fff;
    margin-left: -10px;
    padding-left: 10px;
    padding-right: 10px;
}

.widget.widget-blog-recent-articles ul > li:hover a h3,
#sidebar .widget.widget-blog-recent-articles ul > li:hover a span,
.widget-blog-recent-articles ul > li:hover > a {
    color: #fff;
    text-decoration: none;
}

.widget-blog-recent-articles ul > li:hover .isended {
    opacity: 1;
}

/* ----------------------- */
/* ----------------------- */

.btn:focus {
    outline: 2px auto -webkit-focus-ring-color !important;
}

.btn.btn-primary:focus {
    outline: 2px auto -webkit-focus-ring-color !important;
}

.btn,
.btn-group > .btn,
.btn-group > .btn:first-child,
.btn-group > .btn:last-child {
    border: 0;
    border-radius: var(--button-border-radius);
    box-shadow: none;
    color: #fff;
    text-shadow: none;
}

.btn:hover,
.btn-group > .btn:hover,
.btn-group > .btn:first-child:hover,
.btn-group > .btn:last-child:hover,
.btn:focus,
.btn-group > .btn:focus,
.btn-group > .btn:first-child:focus,
.btn-group > .btn:last-child:focus,
.btn:visited,
.btn-group > .btn:visited,
.btn-group > .btn:first-child:visited,
.btn-group > .btn:last-child:visited {
    color: #fff;
    box-shadow: none;
    outline: none;
}

.js-private-message-action-button {
    margin: 0px 8px;
}

[class^="icon-"],
[class*=" icon-"] {
    background-image: url('/front-end/pf4/images/glyphicons-halflings-white.png');
}

.visual-attachments [class^="icon-"],
.visual-attachments [class*=" icon-"] {
    background-image: url('/front-end/pf4/images/glyphicons-halflings.png');
}

.icon-external-link {
    background-image: url('/front-end/pf2/images/icons/external-link.png');
}

.uploads_container figure a i {
    background-image: url('/front-end/pf4/images/glyphicons-halflings.png');
}

.dropdown-menu li:not(:hover) i:not(.flag):not(.fa) {
    background-image: url('/front-end/pf4/images/glyphicons-halflings.png');
}

section.box > .admincontrols.btn-group ul > li > a:not(:hover) i,
section.box > .admincontrols.btn-group > a i {
    background-image: url('/front-end/pf4/images/glyphicons-halflings.png');
}

.btn .caret {
    border-top-color: #fff;
    margin-left: 5px;
    margin-top: 10px;
}

.dropdown-menu {
    border-radius: 0 !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover> a,
.dropdown-submenu:focus > a {
    background: var(--color-primary);
}

.btn-primary {
   background-color: var(--color-button-primary);
   background-image: none;
   border-radius: var(--button-border-radius);
   border: 0;
}

/* ----------------------- */
/* ----------------------- */

/* ----------------------- */
/* Whats new widget ------ */

.widget-site-activity-overview ul.activity li:hover {
    background: var(--color-primary);
    margin-left: -10px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
}

#sidebar .widget-site-activity-overview ul.activity li a:hover {
    background: var(--color-primary);
    color: #fff;
}

#sidebar .widget-site-activity-overview ul.activity li a:hover div p,
#sidebar .widget-site-activity-overview ul.activity li a:hover div h4,
#sidebar .widget-site-activity-overview ul.activity li a:hover div .username {
    color: #fff;
}

#sidebar .activity > li {
    padding-top: 5px;
    padding-bottom: 5px;
}

#sidebar .activity > li .isnew {
    top: 0;
}

#root figure.avatar {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

#sidebar .activity > li > a {
    border-radius: 0;

}

/* ----------------------- */
/* ----------------------- */


/* Notifications --------------------- */

.notification_center .notification-group > ul > ul:after {
    clear: both;
    content: ' ';
    display: table;
}

.notification_center .notification-group > ul > ul + h2 {
    margin-top: 20px;
}

.notification_center .notification-group > ul > h2 + ul {
    margin-bottom: 0;
}

.notification_center .notification-group > ul > ul > li > a {
    padding: 10px 0 10px 10px;
    width: calc(100% - 10px);
}

.notification_center .notification-group > ul > ul > li.unread > a {
    width: calc(100% - 13px);
}

.notification_center .notification-group > ul > ul > li > a figure {
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    margin-right:10px;
    display: inline-block;
}

.notification_center .notification-group > ul > ul > li > a > div {
    display: inline-block;
    width: calc(100% - 122px);
    position: relative;
    padding-right: 80px;
}

.notification_center .notification-group > ul > ul > li > a > div > .label {
    border-radius: 0;
}

.notification_center .notification-group > ul > ul > li > a > div > .timeago {
    position: absolute;
    right: 10px;
    top: 0;
}

/* Messages --------------------- */

.inbox .box_content {
    border-radius: 0;
}

.inbox .box_content > header {
    margin-bottom: 16px;
}

.send_message textarea {
  min-height: 100px;
  resize: vertical;
}

.view_message figure.avatar {
    border: 0;
    box-shadow: none;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.view_message dl > dt {
    margin-left: 0;
}

 .view_message .box_content > article {
     padding-left: 0;
     padding-right: 0;
 }

.view_message .box_content > article > header,
.view_message .box_content > article > section {
    border-radius: 0;
}

.inbox .messages span {
    left: 0;
    position: relative;
    top: 0;
}


/* ----------------------- */
/* Challenge ------------- */

.challenges > ul li.challenge {
    padding: 10px;
    width: calc(100% - 22px);
}

.challenges li.challenge > a {
    padding: 0;
}

.challenges li.challenge figure {
    position: absolute;
    left: 0;
    top: 0;
    height: 190px;
    width: 190px;
}

.challenges li.challenge .isended {
    border-radius: var(--main-border-radius);
}

.challenges li.challenge figure img {
    height: 100%;
    width: auto;
}

.challenges li.challenge h1,
.challenges li.challenge .redactor-content,
.challenges li.challenge .stats {
    display: inline-block;
    width: auto;
}

.challenges li.challenge [class*="-image"] + h1,
.challenges li.challenge [class*="-image"] + h1 + .redactor-content,
.challenges li.challenge [class*="-image"] + h1 + .redactor-content + .stats {
    margin-left: 190px;
}

.challenges li.challenge .redactor-content {
    max-height: 105px;
    overflow: hidden;
}

.challenges li.challenge .stats + .group-visibility {
    float: none;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .challenges li.challenge .group-visibility {
        margin-right: -10px;
        max-height: 50px;
        overflow-y: auto;
        width: auto;
    }

    .challenges li.challenge [class*="-image"] + h1 + .redactor-content + .group-visibility,
    .challenges li.challenge [class*="-image"] + h1 + .redactor-content + .ch-stats .group-visibility,
    .challenges li.challenge [class*="-image"] + h1 + .redactor-content + .stats + .group-visibility,
    .challenges li.challenge [class*="-image"] + h1 + .redactor-content + .ch-stats + .stats + .group-visibility {
        margin-left: 190px;
    }
}

.challenges li.challenge .group-visibility:after {
    clear: both;
    content: ' ';
    display: table;
}

.challenges li.challenge h1 {
    display: block;
}

.challenges li.challenge .stats {
    background: var(--color-primary);
    bottom: 0;
    float: right;
    position: absolute;
    right: 0;
}

.challenges li.challenge .stats td {
    color: #fff;
    font-style: normal;
}

.challenges li.challenge .stats thead td {
    padding-top: 5px;
}

.challenges li.challenge:hover h1 {
    color: var(--color-primary);
    text-decoration: none;
}

.challenges > ul li.challenge:hover {
    background: #f5f5f5;
}

/* ----------------------- */

.challenge .challenge-header,
.challenge .submissions,
.addidea .add-idea-header,
.idea .idea-header {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.challenge .challenge-header h1,
.addidea .add-idea-header h1,
.idea .idea-header h1 {
    background: var(--color-primary);
    color: #fff;
    border: 1px solid var(--color-primary);
    border-radius: 0;
    margin-bottom: 0;
}

.challenge .submissions header {
    color: var(--color-primary);
}

.idea .idea-header > h1 {
    padding-right: 145px;
}

.challenge .challenge-sub-header,
.addidea .idea-sub-header,
.idea .idea-sub-header {
    background: #fff;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #dadada;
    border-top: 0;
    padding: 10px;
}

.addidea .idea-sub-header {
    padding-bottom: 50px;
}

.addidea .idea-sub-header .collapse-challengeinfo {
    padding-left: 0;
}

.challenge .challenge-sub-header .challengeauthor,
.idea .idea-sub-header .ideaauthor {
    width: 250px;
}

.challenge .challenge-sub-header .challengeauthor a,
.challenge .challenge-sub-header .challengeauthor p {
    display: inline-block;
    width: 150px;
}

.challenge .challenge-sub-header figure,
.idea .idea-sub-header .ideaauthor figure {
    border-radius: 0;
    height: 90px;
    margin-right: 10px;
    width: 90px;
}

.challenge .challenge-sub-header .inline-stats,
.addidea .idea-sub-header .inline-stats,
.idea .idea-sub-header .inline-stats {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-top: 0;
}

.challenge .challenge-sub-header .inline-stats li,
.addidea .idea-sub-header .inline-stats li,
.idea .idea-sub-header .inline-stats li {
    padding: 5px;
    color: #fff;
    background-color: var(--color-primary);
    margin-right: 0;
    min-width: 100px;
    width: auto;
}

.challenge .challenge-sub-header .inline-stats li div,
.addidea .idea-sub-header .inline-stats li div,
.idea .idea-sub-header .inline-stats li div {
    color: #fff;
}

.challenge .challenge-sub-header .inline-stats li:not(:last-child),
.addidea .idea-sub-header .inline-stats li:not(:last-child),
.idea .idea-sub-header .inline-stats li:not(:last-child) {
    margin-right: 1px;
}

.idea .idea-sub-header .inline-stats li {
    padding: 5px 15px;
    min-width: 35px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .idea .idea-sub-header .idea-chal-info {
        max-width: 57%;
    }

    .idea .idea-sub-header .idea-chal-info a {
        font-size: 1.4rem;
    }
}

.challenge .visualsplaceholder {
    width: 72%;
    margin-left: 0;
    margin-right: 10px;
}

.challenge .visual-attachments {
    width: calc(28% - 10px);
    margin-left: 0 !important;
}

.challenge .challengebody .visual-attachments li.image figure,
.challenge .ideabody .visual-attachments li.image figure{
    border-radius: 0;
    box-shadow: none;
    border: 0;
    width: 100%;
}

.challenge .challengebody #challengecontent {
    margin-left: 0;
    width: calc(72% - 20px);
    padding: 0 10px;
}


.challenge .challengemeta {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #dadada;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    padding: 10px 0;
    width: 100%;
}

.challenge .challengemeta .social-native-links li {
    width: calc(50% - 15px);
    margin-bottom: 5px;
}

.challenge .challengemeta .stats {
    text-align: left;
    width: auto;
}

.challenge .challengemeta .calltoaction {
    margin-left: auto;
    width: auto;
}

.challenge .challengemeta .likes-container + .calltoaction {
    margin-left: 0;
}

.challenge .submissions {
    border-radius: 0;
    box-shadow: none;
}

.challenge .submissions h2 {
    text-transform: capitalize;
}

.challenge .submissions ul {
    width: 100%;
    padding: 0;
    border: 1px solid #dadada;
}

.challenge .submissions .words-submissions-list {
    border-top: 1px solid #dadada;
}

/*.challenge .submissions p {
    border: 1px solid #dadada;
    border-top: 0;
}*/

.challenge section.comments,
.idea section.comments {
    margin-top: 20px;
}

.challenge .comments .comments-count,
.idea .comments .comments-count {
    background: transparent;
    color: var(--color-primary);
    padding: 5px 0;
    width: 100%;
}

/* Add Idea */

.addidea .add-idea-header .idea-chal-info a {
    color: var(--color-primary);
}

.addidea .add-idea-form {
    border-radius: var(--main-border-radius);
}

.submissions > ul li.ch-idea.ch-idea-list a .author {
    color: var(--color-primary);
}

.challenge ul#submissions_list > .ch-idea-visual {
    padding: 10px;
    margin-bottom: 0;
    margin-left: 0;
    float: left;
    width: calc(25% - 20px);
}

.challenge ul#submissions_list > .ch-idea-visual:hover {
    box-shadow: none;
    background: #f5f5f5;
}

.challenge ul#submissions_list .ch-idea-visual a h3 {
    padding: 5px;
    padding-top: 10px;
    width: calc(100% - 12px);
    background: var(--color-primary);
    color: #fff;
    margin-top: 0;
    border: 1px solid var(--color-primary);
    font-size: 1em;
    text-transform: capitalize;
}

.challenge ul#submissions_list .ch-idea-visual > .author,
.challenge ul#submissions_list .ch-idea-visual > a > .author {
    margin-top: 0;
    width: calc(100% - 12px);
    float: left;
    background: var(--color-primary);
    color: #fff;
    padding: 5px;
    border: 1px solid var(--color-primary);
}

.challenge ul#submissions_list .ch-idea-visual > .author > a {
    color: #fff;
}




.challenge .submissions > ul > li.ch-idea-list {
    border: 1px solid #dadada;
    box-shadow: none;
    margin-left: 10px;
    margin-top: 10px;
    padding: 0;
    width: calc(100% - 22px);
}

.challenge .ch-idea-list a {
    display: block;
}

.challenge .ch-idea-list a:after {
    content: ' ';
    display: table;
    clear: both;
}

.challenge .submissions > ul li.ch-idea.ch-idea-list a section {
    float: right;
    margin-bottom: 24px;
    padding: 10px;
    width: calc(100% - 210px);
}

.challenge .submissions > ul li.ch-idea.ch-idea-list a section ul {
    position: absolute;
    border: 0;
    bottom: 0;
    right: 0;
    width: auto;
}

.challenge .submissions > ul li.ch-idea.ch-idea-list a section ul li {
    padding: 5px 20px 5px 15px;
    background: var(--color-primary);
    color: #fff;
    margin-right: 0;
}
.challenge .submissions > ul li.ch-idea.ch-idea-list a section ul li:not(:last-child) {
    margin-right: 1px;
}

.challenge .submissions > ul li.ch-idea.ch-idea-list a figure {
    float: left;
    height: 100%;
    margin-left: 0;
    width: 190px;
}

.challenge .submissions > ul li.ch-idea.ch-idea-list a figure img {
    height: 100%;
}

.challenge .submissions > ul li.ch-idea-list.no-image a section {
    width: calc(100% - 20px) !important;
}







.overlay li:not(:hover) i[class*="icon-"] {
    background-image: url('/front-end/pf4/images/glyphicons-halflings.png');
}

.submissions li.ch-idea-visual ul li {
    float: left;
    width: calc(100% - 10px);
    padding-left: 10px;
}

.submissions li.ch-idea-visual ul li:hover {
    background: var(--color-primary);
    color: #fff;
}

.submissions li.ch-idea-visual ul li:hover .rating-star {
    color: #fff;
}

.idea .ideameta {
    border-radius: var(--main-border-radius);
    box-shadow: none;
    box-sizing: border-box;
    display: flex;
    width: 100%;
}

.idea .ideameta table.stats {
    text-align: left;
    width: auto;
}

.idea .ideameta .likes-container {
    margin-right: 0;
}

.idea .ideameta .stats thead td:not(:first-child) {
    padding-left: 10px;
}

.idea .ideameta .stats tbody td .social-native-links {
    float: left;
}

.idea .idea-chal-info {
    width: auto;
    max-width: 350px;
    text-align: left;
    clear: left;
}

.idea .idea-chal-info p,
.idea .idea-chal-info a {
    text-align: left;
}

.idea .idea-sub-header .ideaauthor a,
.idea .idea-sub-header .ideaauthor p {
    max-width: 150px;
    width: auto;
    display: inline-block;
}

.idea .box_content .ideabody .visualsplaceholder {
    width: 72%;
    margin-right: 10px;
    margin-left: 0;
}

.idea .box_content .ideabody .visual-attachments {
    width: calc(28% - 10px);
    margin-left: 0 !important;
}

.idea .box_content .ideabody .visual-attachments li figure {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
}

.idea .box_content .ideabody .contentplaceholder {
    width: 72%;
}

/* ----------------------- */

.widget-challenge-best-ideas #submissions_list .idea figure {
    border-radius: var(--main-border-radius);
    box-shadow: none;
    border: 0;
    width: 100%;
}

.widget ul li a .overlay {
    padding: 3px;
    width: calc(100% - 6px);
}

.widget ul li a:hover .overlay {
    background: var(--color-primary);
}

.widget-challenge-show-challenges ul li {
    position: relative;
    padding-left: 15px;
    width: calc(100% - 15px);
}

.widget-challenge-show-challenges ul li i {
    background-image: url('/front-end/pf4/images/glyphicons-halflings.png');
    position: absolute;
    left: -4px;
    top: -2px;
}

.widget-challenge-show-ideas > ul > li figure {
    box-shadow: none;
    border: 0;
    border-radius: var(--main-border-radius);
    width: 100%;
}

.widget-challenge-show-ideas > ul > li {
    width: calc(50% - 5px);
}

.widget-challenge-show-ideas > ul > li.even {
    margin-left: 10px;
}

#innerbody #wrapper #sidebar .widget {
    word-break: break-word;
}

@media (min-width: 992px) {
    #innerbody #wrapper #sidebar .widget {
        width: calc(100% - 40px);
    }
}

#wrapper-bottom:after,
#wrapper-top:after {
    content: ' ';
    display: table;
    clear: both;
}

/* ----------------------- */
/* ----------------------- */

.weblog:not(.archive) .box_content article header {
    min-height: 175px;
    border: 1px solid #dadada;
    position: relative;
}

.weblog:not(.archive) .box_content article header div.author {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.weblog:not(.archive) .box_content article header div.author .avatar {
    margin: 0;
    width: 90px;
    height: 90px;
}

.weblog:not(.archive) .box_content article header h1 {
    background: var(--color-primary);
    color: #fff;
    border: 1px solid var(--color-primary);
    margin-bottom: 0;
    font-size: 3em;
    margin-left: -1px;
    margin-top: -1px;
    width: calc(100% - 20px);
    padding: 10px;
}

.weblog:not(.archive) .box_content article header .postdate {
    margin-top: 10px;
    margin-left: 110px;
    display: block;
}

.weblog:not(.archive) .box_content article header span.author {
    margin-left: 110px;
    height: 88px;
    display: block;
}

.weblog:not(.archive) .box_content article .postbody figure {
    border: 0;
    box-shadow: none;
}

.weblog:not(.archive) .box_content article .postbody .main-image {
    margin-left: 0;
    width: calc(28% - 10px);
}

.weblog:not(.archive) .box_content article .postbody .visual-attachments {
    width: calc(28% - 10px) !important;
    margin-left: 0 !important;
}

.weblog:not(.archive) .box_content article .postbody .visual-attachments li {
    width: calc(50% - 5px);
}

.weblog:not(.archive) .box_content article .postbody .visual-attachments li:nth-child(even) {
    margin-left: 10px;
}

.weblog:not(.archive) .box_content article .postbody .visual-attachments li figure {
    width: 100%;
    border: 0;
}

.weblog:not(.archive) .box_content article .postbody .redactor-content {
    padding: 0 10px;
    width: calc(73% - 20px);
}

.weblog:not(.archive) .box_content article .postmeta .social-native-links {
    margin-top: 20px;
}

.weblog:not(.archive) .box_content article .postmeta .social-native-links li {
    min-width: 100px;
}

.weblog article > span {
    top: 5px;
}




/* ----------------------- */
/* Journal --------------- */

.journal.journal-comman section.journal-posts .journal-article header div.chapter {
    background: var(--color-primary);
    border-radius: 0;
}

.journal .box_content .avatar {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.journal .journal-article header:after,
.journal .comments > form:after,
.journal .comments > ul:after {
    content: ' ';
    display: table;
    clear: both;
}

.journal .journal-article header .author .avatar {
    width: 60px;
    height: 60px;
    margin-bottom: 0;
}

.journal .journal-article header .post-author {
    border-bottom: 1px solid var(--color-primary);
    width: calc(80% - 72px);
}

.journal .journal-article .journal-content {
    width: calc(100% - 85px);
    margin-left: 70px;
    margin-top: -40px;
    min-height: 30px;
    margin-bottom: 0;
}

.journal .journal-article .article-comments {
    border-left: 0;
    margin-top: 10px;
    padding-left: 0;
    width: calc(100% - 70px);
}

.journal .journal-article .article-comments .comments-count {
    background: var(--color-primary);
    color: #fff;
    padding: 5px 7px 3px 7px;
}

.journal .comments .postcomment {
    border-bottom: 0;
}

.journal .comments > ul > li:first-child {
    border-top: 1px solid var(--color-primary);
}

#innerbody #wrapper #sidebar.journal-sidebar {
    padding: 0;
    width: 26%;
}

.tags {
    border: 1px solid var(--color-primary);
    border-radius: 0;
    background: #fff;
}

.tags .tagslist .tag {
    background: var(--color-primary);
    border-radius: 0;
    box-shadow: none;
    padding: 3px;
    margin-top: 0;
    color: #fff;
}

.journal .journal-posts .nice-date {
    border: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
}

.journal .journal-posts .nice-date .date-day {
    border: 1px solid #dadada;
    border-bottom: 0;
    border-radius: var(--main-border-radius) var(--main-border-radius) 0 0;
    height: 50px;
    text-shadow: none;
    padding-top: 3px;
}

.journal .journal-posts .nice-date .date-sub {
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: 0 0 var(--main-border-radius) var(--main-border-radius);
}

.journal .journal-posts #new .postbody textarea {
    resize: vertical !important;
    border: 1px solid #dadada;
    box-shadow: none;
    padding: 5px !important;
    width: calc(100% - 5px);
}

.postcomment-extras > .btn-group > a.btn {
    margin-right: 2px;
    margin-left: 0;
}

.journal-posts #new {
    background: #fff;
    padding-top: 20px;
    border-top: 1px solid var(--color-primary);
}

.journal .comments > ul > li > header {
    float: left;
    width: calc(80% - 66px);
}

.journal .comments > ul > li > .commentbody {
    float: left;
    padding-left: 0;
    width: calc(100% - 80px);
}

.journal .journal-article section > header > .chapter {
    position: absolute;
    right: 91px;
    top: 14px;
}

.journal .journal-article section > header > br {
    display: none;
}

#new.focused {
    box-shadow: none;
}

.journal .comments > ul header > .comment-info {
    margin-bottom: 0;
}

.journal .comments > ul .commentbody {
    margin-top: 0;
}



/* ----------------------- */
/* Community ------------- */

.box-community .userprofiles {
    margin-top: 0;
}

.box-community .userprofiles .profile:not(.profile-picture-view) {
    padding: 0;
    width: calc(50% - 10px);
}

.box-community .userprofiles .profile:not(.profile-picture-view) a figure {
    margin-right: 0;
    width: 20%;
}

.box-community .userprofiles .profile:not(.profile-picture-view) a div {
    float: left;
    width: 80%;
}

.box-community .userprofiles .profile:not(.profile-picture-view) a div h3,
.box-community .userprofiles .profile:not(.profile-picture-view) a div p {
    background: var(--color-primary);
    border-bottom: 0;
    color: #fff;
    margin: 0;
    padding: 7px 5px 3px 5px;
    text-align: center;
    text-transform: capitalize;
    font-size: 1.6rem;
    font-weight: bold;
}

.box-community .userprofiles .profile:not(.profile-picture-view) a div dl {
    border: 1px solid var(--color-primary);
    padding: 7px 10px 5px 10px;
}

.box-community .userprofiles .profile:not(.profile-picture-view) a .profile-login-as {
    background: #ffe0e0;
    border: 0;
    bottom: 1px;
    height: 25px;
    position: absolute;
    right: 1px;
    width: 25px;
}

.box-community .userprofiles .profile:not(.profile-picture-view) a .profile-login-as i {
    bottom: calc(50% - 7px);
    margin: 0;
    right: calc(50% - 7px);
}

.box-community .userprofiles .profile:not(.profile-picture-view) a:hover .profile-login-as {
    background: #cc0000;
    border: 0;
}

.box-community .userprofiles .profile:not(.profile-picture-view):first-child,
.box-community .userprofiles .profile.first-in-row:not(.profile-picture-view) {
    clear: none;
}

.box-community .userprofiles .profile:not(.profile-picture-view),
.box-community .userprofiles .profile.first-in-row:not(.profile-picture-view) {
    margin-left: 20px;
}

.box-community .userprofiles .profile:not(.profile-picture-view):nth-child(odd),
.box-community .userprofiles .profile.first-in-row:not(.profile-picture-view):nth-child(odd) {
    clear: left;
    margin-left: 0;
}

.box-community .community header {
    border: 0;
    margin: 0;
}

.box-community .community > header > h3,
.box-community .community > header > p,
.box-community .community > h3,
.box-community .community > p {
    background: var(--color-primary);
    display: block;
    width: calc(100% - 14px);
    margin-top: 40px;
    margin-bottom: 20px;
    padding: 5px 7px 3px 7px;
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
}

.box-community .userprofiles .profile.profile-picture-view {
    box-shadow: none;
    margin-left: 20px;
    padding: 0;
    width: calc(25% - 15px);
}

.box-community .userprofiles .profile.profile-picture-view figure {
    margin-right: 0;
}

.box-community .userprofiles .profile.profile-picture-view:nth-child(4n + 1) {
    clear: left;
    margin-left: 0;
}

.box-community .userprofiles .profile.profile-picture-view .username {
    background: var(--color-primary);
    border-bottom: 0;
    color: #fff;
    margin: 0;
    padding: 5px 5px 3px 5px;
    width: calc(100% - 10px);
}

.box-community .userprofiles .profile.first-in-row.profile-picture-view {
    clear: none;
}

.box-community .userprofiles .profile.profile-picture-view a:hover .username {
    color: #fff;
}

.widget-participants .nav-tabs > li,
#sidebar .widget-participants ul#participant-tab li > a {
    margin-bottom: 0;
}

#sidebar .widget-participants ul#participant-tab li > a {
    border-radius: var(--main-border-radius) var(--main-border-radius) 0 0;
}

/* ----------------------- */
/* Questionnaire --------- */

.qs-overview .box_content .qs-list > li {
    border: 1px solid #dadada;
    padding: 10px;
    width: calc(100% - 20px);
}

.qs-overview .box_content .qs-list > li > a {
    height: auto;
    min-height: 170px;
    display: block;
}

.qs-overview .box_content .qs-list > .no-image > a {
    min-height: 80px;
}

.qs-overview .box_content .qs-list > .no-image > a > h1 {
    margin-left: 0;
}

.qs-overview .box_content .qs-list > .no-image > a > .redactor-content {
    margin-left: 0;
}

.qs-overview .box_content .qs-list > li > a > h2 {
    display: none;
}

.qs-overview .box_content .qs-list > li > a > .qs-status {
    top: 5px;
    z-index: 2;
    border-radius: var(--main-border-radius);
    text-transform: uppercase;
    padding: 2px 5px;
}

.qs-overview .box_content .qs-list > li > a > figure {
    width: 190px;
    position: absolute;
    left: 0;
    top: 0;
    height: 190px;
}

.qs-overview .box_content .qs-list > li > a > figure > img {
    width: auto;
    height: 100%;
}

.qs-overview .box_content .qs-list > li > a > h1 {
    margin-left: 190px;
    width: auto;
    font-size: 2.2rem;
    color: var(--color-primary);
    text-transform: none;
    font-weight: 600;
}

.qs-overview .box_content .qs-list > li > a:hover > h1 {
    text-decoration: none;
}

.qs-overview .box_content .qs-list > li > a > .redactor-content {
    margin-left: 190px;
    width: auto;
    padding-top: 6px;
    padding-bottom: 6px;
}

@media (max-width: 480px) {
    .qs-overview .box_content .qs-list > li > a > figure {
        height: 100px;
        width: 100px;
    }

    .qs-overview .box_content .qs-list > li > a > h1 {
        margin-left: 100px;
        margin-top: 5px;
    }

    .qs-overview .box_content .qs-list > li > a > .redactor-content {
        margin-left: 100px;
        width: auto !important;
    }

    .qs-overview .box_content .qs-list > li > a > .qs-status,
    .qs-overview .box_content .qs-list > li .absolute {
        top: 0;
    }
}

/* ------------------ */

.qs-questionnaire .box_content header > a > .main-image {
    margin-left: 0;
    width: calc(28% - 10px);
    border: 0;
    box-shadow: none;
    margin: 0;
    margin-bottom: 10px;
}

.qs-questionnaire .box_content header > .visual-attachments {
    width: calc(28% - 10px);
    margin-left: 0 !important;
}

.qs-questionnaire .box_content .qs-question > header > .visual-attachments {
    margin-bottom: 15px !important;
    margin-left: 15px !important;
}

.qs-questionnaire .box_content header > .visual-attachments li {
    box-sizing: border-box;
    margin-left: 0;
    clear: left;
}

.qs-questionnaire .box_content header > .visual-attachments .image {
    width: calc(50% - 5px);
}

.qs-questionnaire .box_content header > .visual-attachments .file {
    clear: none;
}

.qs-questionnaire .box_content header > .visual-attachments .file.even {
    margin-left: 10px;
}

.qs-questionnaire .box_content header > .visual-attachments li:nth-child(even):not(.file) {
    margin-left: 10px;
    clear: none;
}

.qs-questionnaire .box_content header > .visual-attachments li > a > figure {
    width: 100%;
    border: 0;
    box-shadow: none;
    margin: 0;
}

.qs-questionnaire .box_content .qs-page-content .qs-question {
    padding: 20px;
}

.qs-questionnaire .box_content .qs-page-content .qs-question > header > .qs-number {
    display: inline-block;
    position: relative;
    background: var(--color-primary);
    color: #fff;
    padding: 5px 7px;
    font-weight: bold;
    margin-left: -20px;
    margin-bottom: 15px;
    margin-top: -10px;
}

.qs-questionnaire .box_content .qs-page-content .qs-question > header > .header-title > .qs-number {
    display: inline-block;
    position: relative;
    background: var(--color-primary);
    color: #fff;
    padding: 5px 7px;
    font-weight: bold;
    margin-left: -20px;
    margin-bottom: 15px;
    margin-top: -10px;
}

.qs-questionnaire .qs-comment-field {
    margin-left: 0;
}

.qs-questionnaire .box_content .qs-page-content .qs-question .redactor-content ul > li {
    margin-bottom: 5px;
}

.qs-questionnaire .slider_container {
    margin: 0;
    padding: 0;
    padding-left: 30px;
    width: calc(100% - 200px);
    position: relative;
}

.qs-questionnaire .slider_container li:first-child,
.qs-questionnaire .slider_container li + li + li:not(:last-child) {
    width: calc(24% - 30px);
    background: var(--color-primary);
    color: #fff;
    padding: 5px 7px;
    text-align: center;
}

.qs-questionnaire .slider_container li {
    margin-right: 1%;
}

.qs-questionnaire .slider_container li + li + li {
    margin-left: 1%;
}

.qs-questionnaire .slider_container li + li {
    margin-left: 25px;
    width: calc(50% - 35px);
}

.qs-questionnaire .slider_container li:last-child {
    width: auto;
    position: absolute;
    margin: 0;
    left: calc(25% + 10px);
    top: calc(50% - 18px);
}

.qs-questionnaire .slider_container li:last-child .qs-slider-option-value {
    background: #dadada;
    border: 0;
    border-radius: 15px;
    color: #777;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    height: 30px;
    line-height: 3rem;
    padding: 0;
    text-align: center;
    width: 30px;
}

.qs-finished .qs-page-content {
    margin-top: 20px;
}

.qs-finished .qs-page-content .qs-question {
    padding: 20px;
}

.qs-questionnaire .qs-question-content textarea {
    background-clip: border-box;
    display: block;
    min-height: 60px;
    padding: 0 6px;
    resize: vertical !important;
    width: calc(100% - 14px) !important;
}

.qs-questionnaire .qs-question-content img {
    max-width: 100%;
}











/* ----------------------- */
/* Forum ----------------- */

.forum-overview .box_content .forum-category-header {
    background: var(--color-primary);
    border-color: var(--color-primary);
    font-size: 1.6rem;
    padding: 5px 10px;
}

.forum-overview .box_content .forum-category-header + .forum-container {
    border-top: 0;
}

.forum-overview .box_content .forum-category-header a {
    color: #fff;
    display: flex;
}

.forum-overview .box_content .forum-category-header a b {
    max-width: calc(100% - 260px);
}

.forum .box_content .forum-container {
    border: 1px solid #dadada;
    width: 100%;
}

.forum .box_content .forum-container .forum-header {
    margin-top: -32px;
    width: calc(42% - 10px);
    float: right;
}

.forum .box_content .forum-container .forum-header li {
    color: #fff;
    font-weight: 600;
}

.forum .box_content .forum-container .forum-header .forum-title {
    display: none;
}

.forum .box_content .forum-container .forum-header .forum-topic-count,
.forum .box_content .forum-container .forum-header .forum-posts-count {
    width: 24%;
}

.forum .box_content .forum-container .forum-header .forum-topic-count {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.forum .box_content .forum-container .forum-header .forum-last-activity {
    margin-left: 11%;
    max-width: 41%;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 41%;
}

.forum .box_content .topic-container .forum-header .topic-last-activity {
    text-align: left;
}

.forum .box_content .forum-container .forum-last-activity,
.forum .box_content .topic-container .topic-last-activity {
    margin-left: 5%;
    text-align: left;
    width: 17%;
}

.forum .box_content .forum-container .isended,
.forum .box_content .topic-container .isended {
    border-radius: var(--main-border-radius);
    margin-top: 0 !important;
    opacity: 1;
    right: 0;
    top: calc(50% - 9px);
}

.forum-list .forum-list-item > ul:after {
    clear: both;
    content: ' ';
    display: table;
}

.forum-container .forum-list-item.even,
.topic-container .topic-list-item.even {
    background: #f5f5f5;
}

.forum-container .forum-list-item.odd,
.topic-container .topic-list-item.odd {
    background: none;
}

.topics-overview > h1 {
    display: none;
}

.topics-overview .box_content > .header > h1 {
    background: var(--color-primary);
    color: #fff;
    font-size: 1.6rem;
    line-height: 2rem;
    padding: 7px 10px 5px 10px;
}

.topics-overview .box_content > .forum-container {
    width: calc(100% - 2px);
}

.topics-overview .box_content > .forum-container .forum-header {
    margin-top: -36px;
}

.topics-overview .box_content > .topic-container:after,
.topics-overview .box_content > .topic-container .topic-list:after {
    clear: both;
    content: ' ';
    display: table;
}

.topics-overview .box_content > .topic-container > .forum-header {
    background: var(--color-primary);
}

.topics-overview .box_content > .topic-container > .forum-header li {
    color: #fff;
}

.topics-overview .box_content > .topic-container .topic-list {
    border: 1px solid #dadada;
    border-top: 0;
}

.forum.posts .box_content > .header,
.topics-overview .box_content > .header {
    margin-bottom: 0;
}

.forum.posts .box_content > .header > h1 {
    background: var(--color-primary);
    color: #fff;
    font-size: 2em;
    margin-bottom: 0;
    padding: 10px;
    width: calc(100% - 20px);
}

.forum.posts .box_content > .forum-start-post {
    margin-bottom: 0;
    width: 100%;
}

.forum.posts .box_content > .forum-start-post > header {
    padding: 10px;
    border: 1px solid #dadada;
}

.forum.posts .box_content > .forum-start-post > header:after {
    clear: both;
    content: ' ';
    display: table;
}

.forum.posts .box_content > .forum-start-post > header > .author {
    margin-right: 10px;
}

.forum.posts .box_content > .forum-start-post > header .avatar {
    margin: 0;
    border: 0;
    box-shadow: none;
    width: 90px;
    height: 90px;
}

.forum.posts .box_content > .forum-start-post > header > .author .user-dropdown {
    top: 90px;
    margin-top: 0;
}

.forum.posts .box_content > .forum-start-post > .forum-post-content .forum-post-content {
    padding: 0 10px 0 0;
    width: calc(73% - 10px);
}

.forum.posts .box_content > .forum-start-post > .forum-post-content .main-image {
    margin-left: 0;
    width: calc(28% - 10px);
    border: 0;
    box-shadow: none;
}

.forum.posts .box_content > .forum-start-post > .forum-post-content .visual-attachments {
    width: calc(28% - 10px) !important;
}

.forum.posts .box_content > .forum-start-post > .forum-post-content .visual-attachments li {
    width: calc(50% - 5px);
}

.forum.posts .box_content > .forum-start-post > .forum-post-content .visual-attachments .even {
    margin-left: 10px;
}

.forum.posts .box_content > .forum-start-post > .forum-post-content .visual-attachments li figure {
    width: 100%;
    border: 0;
    box-shadow: none;
}

.forum.posts .box_content > .forum-start-post > .postmeta a:not(:first-child) {
    margin-left: 2px;
}

.icon-quote {
    background: url('/front-end/pf4/images/icon-quote-white.png');
}

.forum .postcomment .postcomment-extras {
    margin-left: 70px;
}

.forum .box_content > .header > h2 {
    background: var(--color-primary);
    color: #fff;
    font-size: 1.6rem;
    line-height: 2rem;
    padding: 7px 10px 5px 10px;
}

.forum .postbody textarea {
    box-sizing: border-box;
}

.widget-forum-stats dl {
    background: var(--color-primary);
}

@media (min-width: 481px) and (max-width: 767px) {
    .forum.posts .visual-attachments {
        margin: 0 !important;
    }

    .forum.posts .comment .visual-attachments {
        width: 27% !important;
    }
}

#new .postcomment-options > dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.forum .viewtype {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 5px;
}

@media (max-width: 480px) {
    .forum .viewtype {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* ----------------------- */

/* ----------------------- */
/* Webshop --------------- */

.webshop .shopcategories {
    margin-bottom: 20px;
}

.webshop .shopcategories li {
    border-radius: var(--main-border-radius);
    margin-right: 3px;
    padding: 0;
}

.webshop .shopcategories li a {
    color: var(--color-primary);
    display: inline-block;
    font-size: 1.2rem;
    font-weight: normal;
    padding: 4px 9px;
}

.webshop .shopcategories li:hover {
    background: #eee;
}

.webshop .shopcategories li:hover a {
    color: #000;
    font-weight: normal;
}

.webshop .shopcategories .current {
    background: var(--color-primary);
}

.webshop .shopcategories .current a {
    color: #fff;
    font-weight: normal;
}

.webshop .shop_items .shopitem {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 20px;
    margin-left: 20px;
    width: calc(25% - 15px);
}

.webshop .shop_items .shopitem:nth-child(4n + 1) {
    margin-left: 0;
}

.webshop .shop_items .shopitem figure {
    border: 1px solid var(--color-primary);
    height: 140px;
    width: calc(100% - 2px);
    overflow: hidden;
    padding: 0;
}

.webshop .shop_items .shopitem .regular-image img {
    width: 100%;
}

.webshop .shop_items .shopitem .featured-image img {
    width: auto;
    height: 100%;
}

.webshop .shop_items .shopitem .featured-image img,
.webshop .shop_items .shopitem .regular-image img {
    font-family: 'object-fit: cover; object-position: center center;';
    height: 100%;
    object-fit: cover;
    object-position: center center;
    width: 100%;
}

.webshop .shop_items .shopitem h1 {
    background: var(--color-primary);
    color: #fff;
    font-size: 1.5em;
    margin: 0;
    padding: 10px;
    width: calc(100% - 20px);
}

.webshop .shop_items .shopitem:hover h1 {
    text-decoration: underline;
}

.webshop .shop_items .shopitem .shopprice {
    background: var(--color-primary);
    color: #fff;
    display:inline-block;
    float: none;
    padding-right: 10px;
    padding-top: 2px;
    text-align: right;
    width: calc(100% - 10px);
}

.webshop-item article .shopitembody {
    width: 72%;
}

.webshop-item article .shopvisual {
    width: calc(28% - 10px);
    margin-left: 0;
    border: 0;
    box-shadow: none;
}

.webshop-item article .shopvisual .visual-attachments {
    margin: 10px 0 0 0 !important;
    width: 100%;
}

.webshop-item article .shopvisual .visual-attachments li {
    width: calc(50% - 5px);
    margin-left: 0;
}

.webshop-item article .shopvisual .visual-attachments li:nth-child(even) {
    margin-left: 10px;
}

.webshop-item article .shopvisual .visual-attachments li figure {
    border: 0;
    box-shadow: none;
    width: 100%;
}

.webshop-item article .main-image {
    margin-left: 0;
    width: 100%;
    border: 0;
    box-shadow: none;
}

.webshop-item article .shopitembody > h1 {
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    color: #fff;
    font-size: 3em;
    font-weight: 600;
    line-height: 1.2em;
    padding: 10px;
    margin-bottom: 0;
}

.webshop-item article .shopitembody > .redactor-content {
    border: 1px solid #dadada;
    border-top: 0;
    padding: 10px;
}

.webshop-item article .shopitembody .shopaction {
    margin-top: 20px;
}

.webshop-item article .shopitembody .shopaction .quantity {
    text-align: right;
}

.webshop-item article .shopitembody .shopaction .quantity {
    text-align: right;
}

.webshop-item article .shopitembody .shopaction .quantity input[type="number"] {
    border: 1px solid #dadada;
    display: inline-block;
    min-width: 30px;
    padding-left: 12px;
    text-align: center;
}

.webshop-item article .shopitembody .shopaction .quantity label {
    display: inline-block;
    line-height: 3.6rem;
    margin-bottom: 0;
    margin-right: 10px;
    vertical-align: top;
}

.webshop-item article .shopitembody .shopaction .shopprice {
    background: var(--color-primary);
    clear: none;
    color: #fff;
    font-weight: bold;
    padding: 10px 10px 6px 10px;
}

.webshop-item article .shopitembody .shopaction .buybutton {
    clear: both;
}

.webshop .shop-cart .shop-cart-message:after {
    clear: both;
    content: ' ';
    display: table;
}

.webshop .shop-cart .shop-cart-overview {
    border: 1px solid #dadada;
    padding: 0 10px 10px 10px;
}

.webshop .shop-cart .shop-cart-overview h3 {
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    color: #fff;
    margin: -1px 0 10px -11px;
    padding: 10px 10px 7px 10px;
    width: 100%;
}

.webshop .shop-cart .shop-cart-overview table {
    margin-bottom: 30px;
}

.webshop .shop-cart .shop-cart-overview table th {
    line-height: 2.4rem;
}

.webshop .shop-cart .shop-cart-overview table td:nth-child(2) {
    padding-left: 10px;
}

.webshop .shop-cart .shop-cart-overview table figure {
    border: 0;
    box-shadow: none;
    margin-bottom: 10px;
    width: 100%;
}

.webshop .shop-cart .shop-cart-overview table .close {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    line-height: 2rem;
    margin: 0;
    opacity: 1;
    padding-top: 0;
    text-shadow: none;
}

.webshop .shop-cart .shop-cart-overview table .close:hover {
    background: #CC0000;
}

.webshop .shop-cart .shop-cart-overview table input[type="text"] {
    text-align: center;
    height: 26px;
}

.webshop .shop-cart .shop-cart-overview table tfoot .shop-total {
    background: var(--color-primary);
}

.webshop .shop-cart .shop-cart-overview table tfoot .shop-total td {
    background: var(--color-primary);
    color: #fff;
    opacity: 1;
}

.webshop .shop-cart .shop-cart-overview table tfoot tr:not(.shop-total) td {
    padding-top: 10px;
}

.webshop .shop-cart .shop-cart-overview .cart-remarks {
    text-align: left;
}

.webshop .shop-cart .shop-cart-overview .cart-remarks:after {
    clear: both;
    content: ' ';
    display: table;
}

.webshop .shop-cart .shop-cart-overview .cart-remarks .label {
    border-radius: 0;
}

.webshop .shop-cart .shop-cart-overview .cart-remarks .btn {
    float: right;
}

.webshop .shop-cart .shop-cart-overview .cart-points-error {
    margin-bottom: 0;
    margin-top: 20px;
}

.webshop .shop-cart .shop-cart-overview .cart-points-error:after {
    clear: both;
    content: ' ';
    display: table;
}

.webshop .shop-cart .shop-cart-overview .cart-points-error p {
    background: #cc0000;
    color: #fff;
    margin-bottom: -11px;
    margin-right: -11px;
    padding: 7px;
}

.webshop .shopvisual .visual-attachments > .video {
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    padding: 0;
    width: calc(50% - 5px);
}

.webshop .shopvisual .visual-attachments > .video > a {
    color: #fff;
    padding: 5px 8px 3px;
}

.webshop .shopvisual .visual-attachments > .video > a:not(.video-download-link) {
    line-height: 1.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
}

.webshop .shopvisual .visual-attachments > .video > a:not(.video-download-link) i {
    margin-top: -2px;
}

.webshop .shopvisual .visual-attachments > .video > small {
    padding-bottom: 5px;
    padding-left: 8px;
    width: 55%;
}

.webshop .shopvisual .visual-attachments > .video i {
    opacity: 1;
}

.webshop .shopvisual .visual-attachments > .video > a:hover {
    color: #000;
    text-decoration: none;
}

.webshop .shopvisual .visual-attachments > .video > a:hover i {
    background-image: url('/front-end/pf4/images/glyphicons-halflings.png');
}

.webshop tr.shop-total {
    border: 0;
}









.widget-shop-cart .shop-categories .widget-category-list li {
    float: left;
    width: 100%;
}

#sidebar .widget-shop-points > ul > li {
    padding: 0;
    line-height: 2.4rem;
    padding-right: 10px;
    margin-bottom: 0;
}

#sidebar .widget-shop-points > ul > li:hover {
    background: var(--color-primary);
    color: #fff;
}

#sidebar .widget-shop-points > ul > .shoppingcart-total,
#sidebar .widget-shop-points > ul > .shoppingcart-left {
    padding-right: 10px;
    width: calc(100% - 10px);
}

#sidebar .widget-shop-points > ul > .shoppingcart-total:hover,
#sidebar .widget-shop-points > ul > .shoppingcart-left:hover {
    background: none;
    color: #000;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 10px;
    width: calc(100% - 10px);
}

#sidebar .widget-shop-points > ul > li:hover a:not(.btn) {
    background: none;
    color: #fff;
}

#sidebar .widget-shop-points > ul > .shoppingcart-total {
    margin-bottom: 5px;
    margin-top: 5px;
}

#sidebar .widget-shop-points > ul > li > a {
    padding: 0;
    margin: 0;
}

#sidebar .widget-shop-points > ul > li:nth-last-child(2) {
    margin-top: 20px;
}

#sidebar .widget-shop-points > ul > li:nth-last-child(2),
#sidebar .widget-shop-points > ul > li:last-child {
    margin-bottom: 4px;
    padding-right: 0;
}

#sidebar .widget-shop-points > ul > li:nth-last-child(2):hover,
#sidebar .widget-shop-points > ul > li:last-child:hover {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

#sidebar .widget-shop-points > ul > li:nth-last-child(2) a,
#sidebar .widget-shop-points > ul > li:last-child a {
    margin-bottom: 0;
    width: 100%;
}

#sidebar .widget-shop-points > ul > li:nth-last-child(2):hover a:not(.btn),
#sidebar .widget-shop-points > ul > li:last-child:hover a:not(.btn) {
    background: var(--color-primary);
    color: #fff;
    border-radius: var(--button-border-radius);
}

.comments li.comment.moderator-reply {
    border-color: var(--color-primary);
    margin-bottom: 5px;
    margin-top: 5px;
}

.journal-posts .comments li.comment.moderator-reply:last-child {
    border-bottom: 1px solid var(--color-primary);
}

/* ----------------------- */




.srch-bar input.searchbox {
    border-radius: 0;
    height: 24px;
}

.widget-search #searchbox {
    border-radius: var(--main-border-radius);
    width: calc(100% - 10px);
    border: 1px solid #cacaca;
    background: #fff;
}

.widget-search #searchbox .btn {
    border-radius: 0 var(--main-border-radius) var(--main-border-radius) 0;
}

.widget-searchbox .input-append .btn {
    height: 40px;
}

.widget-search #searchbox input:focus {
    border: unset !important;
}

#wrapper-bottom .widget-search,
#wrapper-top .widget-search {
  width: calc(100% - 40px);
}

.progress {
    border-radius: 0;
}

ul.usernav li.notification_center a span.badge {
    width: 20px;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    display: inline-block;
    border-radius: 10px;
    right: -12px;
    top: 4px;
}

.uploadsmodule .btn.ajax-cancel-upload {
    background: #aaa;
}

/* #11867 */

#sidebar .widget-category-list li a:hover,
#sidebar .widget-category-list li.active a,
#wrapper .widget-forum-list li a:hover,
#wrapper .widget-forum-list li.active a,
#sidebar .widget-blog-categories li a:hover,
#sidebar .widget-blog-categories li.active a,
#sidebar .widget-shop-points li.active a {
    background: var(--color-primary);
}

#sidebar .widget-blog-categories ul li:hover a,
#sidebar .widget-blog-categories ul li:hover i {
  color: #fff;
  opacity: 1;
}

/* END #11867 */

/* #11868 */

#sidebar ul.activity li h4,
#sidebar .widget-journal-my-journals li h4,
#sidebar ul.activity li div p .username {
    color: var(--color-primary);
}

/* END #11868 */

/* #12025 */

body #root > header nav > ul > li {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
}

body #root > header nav > ul > li > a {
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    height: auto;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
}

.clean div#main .box.register > h3,
.clean div#main .box.authentication > h3,
.clean div#main .box.unsubscribe > h3 {
    margin-left: -10px;
    padding: 6px 20px 2px;
}

.clean div#main .box.authentication > h3 > a {
    background: #fff;
    display: inline-block;
    font-size: 1.2rem;
    height: 100%;
    line-height: 3.2rem;
    margin: -6px -20px -2px 10px;
    padding-left: 10px;
}

.clean div#main .box.agreement > h3 {
    margin-left: 0;
    padding: 6px 20px 2px;
}

/* END #12025 */

/* #12143 */

#sidebar .custom-element {
    background: #fff;
    padding: 20px;
    width: calc(100% - 40px);
}

/* END #12143 */

/* #13173 */

.custom-element {
     word-break: break-word;
}

#main-top > div {
     margin-bottom: 20px;
}

/* END #13173 */


/* #12038 */
#root header #header_wrapper aside ul.usernav li.user #usercontrols {
    min-width: 120px;
}

#header_wrapper aside ul.usernav li.user #usercontrols,
#header_wrapper aside ul.usernav li.lswitch #langcontrols {
    width: auto;
}

table.stats tbody td {
    font-size: 1.4em;
}

@media (min-width: 768px) {
    table.stats td {
        min-width: 100px;
        padding: 0 5px;
        width: auto;
    }
}

/* END #12038 */

/* #12040 */

div.confirmbox h1 {
    background: var(--color-primary);
    font-size: 1.6rem;
    padding: 10px 0;
}

/* END #12040 */

/* #12467 */

/* Carousel */

.widget-carousel #carousel #texts-visible ul#texts-container li.text-holder {
    background: #fff;
}

.widget-carousel #carousel #texts-visible ul#texts-container li.text-holder h2 {
    background: transparent;
    color: var(--color-primary);
}

.widget-carousel #carousel #texts-visible ul#texts-container li.text-holder p {
    color: var(--color-primary);
}

.widget-carousel #carousel #texts-visible ul#texts-container li.text-holder a {
    color: var(--color-primary);
}

.widget-carousel #carousel #carousel-controls li a {
    color: var(--color-primary);
    padding: 0;
    width: 22px;
}

.widget-carousel #carousel #carousel-controls li.current a {
    background: var(--color-primary);
    color: #fff;
}

.widget-carousel #carousel #texts-visible ul#texts-container li.text-holder a i.icon-chevron-right {
    background-size: contain;
    height: 30px;
    margin-left: 8px;
    margin-right: auto;
    width: 30px;
}

.widget-carousel #carousel > p {
    margin-bottom: 15px;
}

/* END #12467 */

/* #12665 */

body #root:before,
body #root:after {
    clear: both;
    content: ' ';
    display: table;
}

/* END #12665 */

/* #12878 */

body #main.no-sidebar {
    box-sizing: border-box;
    width: 100% !important;
}

section.box.login.authentication .social ul {
    padding-left: 0;
}

.login .social.login > ul > li > a,
.register .social.register > ul > li > a {
    border-radius: var(--button-border-radius);
}

@media (max-width: 767px) {
    .login .social.login > ul > li {
        width: 100%;
    }

    .login .social.login > ul > li:nth-child(even) {
        margin-left: 0;
    }
}

/* END #12878 */

/* #12991 */

#main-top .widget,
#main-bottom .widget,
#main-top .custom-element,
#main-bottom .custom-element {
    width: 100%;
}

#wrapper-bottom .custom-element,
#wrapper-top .custom-element {
    padding: 20px;
}

/* END #12991 */

/* #13112 */

.forum #new .uploaded_attachments {
    margin-top: 10px;
    padding-left: 0;
}

.forum #new .uploaded_attachments li {
    padding-left: 0;
}

.forum .uploaded_attachments .icon-file {
    background-image: url('/front-end/pf4/images/glyphicons-halflings.png');
}

.postcomment .postcomment-extras .uploaded_attachments,
#new .postcomment-extras .uploaded_attachments {
    margin-top: 10px;
    padding: 0;
}

.postcomment .postcomment-extras .uploaded_attachments > li,
#new .postcomment-extras .uploaded_attachments > li {
    font-size: 1rem;
    margin: 0;
    padding: 0;
}

.postcomment .postcomment-extras .uploaded_attachments > li:not(:first-child),
#new .postcomment-extras .uploaded_attachments > li:not(:first-child) {
    margin-top: 5px;
}

.postcomment .postcomment-extras .uploaded_attachments > li [class^='icon-'],
#new .postcomment-extras .uploaded_attachments > li [class^='icon-'] {
    background-image: url('/front-end/pf4/images/glyphicons-halflings.png');
}

.custom-prev-btn,
.custom-next-btn {
    color: #fff;
}

.custom-prev-btn i,
.custom-next-btn i {
    -webkit-filter: brightness(3);
    filter: brightness(3);
}

/* END #13112 */

/* #13119 */

#wrapper-top .widget-download-center-overview,
#wrapper-bottom .widget-download-center-overview {
    box-sizing: border-box;
    width: 100%;
}

[id^='main-'] .widget-download-center-overview > p,
#wrapper-top .widget-download-center-overview > p,
#sidebar .widget-download-center-overview > p,
#wrapper-bottom .widget-download-center-overview > p {
    display: none;
}

[id^='main-'] #download-center,
#wrapper-top #download-center,
#wrapper-bottom #download-center,
#sidebar #download-center {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

[id^='main-'] #download-center li,
#wrapper-top #download-center li,
#wrapper-bottom #download-center li,
#sidebar #download-center li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    margin-right: 15px;
    min-width: 125px;
    width: calc(25% - 15px);
}

[id^='main-'] #download-center li a,
#wrapper-top #download-center li a,
#wrapper-bottom #download-center li a,
#sidebar #download-center li a {
    border: 1px solid #bebebe;
    border-radius: var(--main-border-radius);
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
    text-align: center;
}

[id^='main-'] #download-center li a:hover,
#wrapper-top #download-center li a:hover,
#wrapper-bottom #download-center li a:hover,
#sidebar #download-center li a:hover {
    border-color: var(--color-primary);
}

[id^='main-'] #download-center li a .avatar,
#wrapper #download-center li a .avatar,
#wrapper-bottom #download-center li a .avatar,
#sidebar #download-center li a .avatar {
    height: auto;
    margin-bottom: 15px;
    margin-left: 20%;
    width: 60%;
}

[id^='main-'] #download-center li a section,
#wrapper-top #download-center li a section,
#wrapper-bottom #download-center li a section,
#sidebar #download-center li a section {
    width: 100%;
}

#sidebar #download-center li {
    margin-right: 0;
    width: 100%;
}

#sidebar #download-center li a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

#sidebar #download-center li a .avatar {
    margin-bottom: 0;
    margin-left: 0;
    min-width: 0;
    width: 25%;
}

#sidebar #download-center li a section {
    margin-left: 5%;
    text-align: left;
    width: 70%;
}

/* END #13119 */

/* #13263 */

.widget-news-latest-article h1 {
    color: var(--color-primary);
    font-size: 1.4em;
}

/* END #13263 */

/* #13307 */

#sidebar .widget-user-online ul li figure.avatar,
#wrapper-bottom .widget-user-online ul li figure.avatar,
#wrapper-top .widget-user-online ul li figure.avatar,
#main-top .widget-user-online ul li figure.avatar {
    display: flex;
    height: 50px;
    width: 50px;
}

#sidebar .widget-user-online ul.user-dropdown.dropdown-menu,
#wrapper-bottom .widget-user-online ul.user-dropdown.dropdown-menu,
#wrapper-top .widget-user-online ul.user-dropdown.dropdown-menu,
#main-top .widget-user-online ul.user-dropdown.dropdown-menu {
    flex-direction: column;
    margin-top: 0;
    top: 50px;
}

.widget-user-online .user-dropdown li:first-child {
    color: var(--color-primary);
    margin-bottom: 10px;
    width: auto;
}

.widget-user-online .user-dropdown li {
    margin: 0;
    width: 100%;
}

.widget-user-online .user-dropdown li:not(:first-child) a {
    align-items: center;
    display: flex;
    padding: 6px 20px;
}

.widget-user-online .user-dropdown li:not(:first-child) a .icon-user {
    margin-right: 5px;
    margin-top: 0;
}

.widget-user-online .user-dropdown > li:not(:first-child):not(.user-dropdown-usergroups):hover {
    background: var(--color-primary);
}

#sidebar .widget-user-online ul li figure:hover + .user-dropdown {
    display: flex;
}

/* END #13307 */

.profile-actions .dropdown-menu > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    white-space: normal;
    padding: 8px 10px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 1;
}

.profile-actions .dropdown-menu > li > a > i {
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 5px;
}

.weblog .box_content article > .postmeta > .blog-categories-box {
    display: flex;
    width: 100%;
}

.weblog .box_content article > .postmeta > .blog-categories-box > p {
    flex-shrink: 0;
}

.weblog .box_content article > .postmeta > .blog-categories-box > .blog-categories li {
    margin-bottom: 10px;
}

.forum-container .forum-list-item,
.topic-container .topic-list-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.forum .box_content .forum-container > li > ul > li > [data-toggle="tooltip"],
.forum .box_content .topic-container > li > ul > li > [data-toggle="tooltip"] {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: 0 0 10px -10px;
    position: relative;
}

.forum-container .forum-list-item > ul,
.topic-container .topic-list-item > ul {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.forum .box_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.forum .box_content > .header {
    /*margin-bottom: 25px;*/
}

.topics-overview .box_content > .header > .description {
    margin-bottom: 0;
}

.forum-container .forum-title li,
.topic-container .topic-title li {
    float: none;
    text-align: left;
}

.topics-overview .box_content .header {
    display: flex;
    flex-direction: column;
}

.topics-overview .box_content .header .breadcrumb {
    order: 0;
}

/* Challenge: */

.challenges li.challenge > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 190px;
    /*min-height: 170px;*/ /* FIX FOR IE11 */
}

.challenges li.challenge > a > span {
    position: absolute;
    left: 0;
    right: auto;
    margin-left: 0;
    opacity: 1 !important;
}

.challenges li.challenge [class*="-image"] + h1,
.challenges li.challenge [class*="-image"] + h1 + .redactor-content,
.challenges li.challenge [class*="-image"] + h1 + .redactor-content + .stats {
    margin-left: 0;
}

.challenges li.challenge .stats {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-bottom: -10px;
    margin-right: -10px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    position: relative;
    margin-top: auto;
}

.challenges li.challenge [class*="-image"] + h1 + .redactor-content + .group-visibility,
.challenges li.challenge [class*="-image"] + h1 + .redactor-content + .ch-stats .group-visibility,
.challenges li.challenge [class*="-image"] + h1 + .redactor-content + .stats + .group-visibility,
.challenges li.challenge [class*="-image"] + h1 + .redactor-content + .ch-stats + .stats + .group-visibility {
    margin-left: 0;
}

.challenges li.challenge .group-visibility {
    margin-left: 0;
    max-height: none;
}

.challenges li.challenge h1 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.challenges li.challenge figure {
    height: 100%;
}

@media (max-width: 991px) {
    .challenge table.stats td {
        min-width: 70px;
    }
}

/* END #12868 */


/* START #13656 */

li.srch-result .type {
    background-color: var(--color-primary);
    border-radius: var(--main-border-radius);
    padding: 3px 5px;
    text-shadow: none;
}

.srch-resultslist ul li a:hover .type {
    background-color: #fff;
    color: var(--color-primary) !important;
}

.srch-resultslist ul li a figure {
    border: 0;
    box-shadow: none;
}

.srch-resultslist ul li a:hover h4,
.srch-resultslist ul li a:hover .postdate,
.srch-resultslist ul li a:hover .author {
    color: #fff;
}

li.srch-result div.excerpt {
    margin-left: 50px;
}

li.srch-result:nth-child(2n) {
    background-color: #f5f5f5;
}

.srch-resultslist .pages li a {
    padding: 0;
}

span.isdraft {
    border-radius: var(--main-border-radius);
    opacity: 1 !important;
}

.search-results .srch-bar > form {
    display: flex;
}

/* END #13656 */

/* #13635 */

.register.regular-form ul {
    padding-left: 15px;
    padding-right: 10px;
}

/* END #13635 */

.user-dropdown.dropdown-menu li:first-child {
    color: var(--color-primary);
}

/* #13997 */

.cookie-modal-accept-btn {
    height: auto;
    padding: 4px 12px;
}

/* END #13997 */

/* #14336 - Search results user hover */

.results .srch-result.user > a {
    display: flex;
}

/* END #14336 */

/* -------------------------------------- */
/* -------------------------------------- */
/* -------------------------------------- */
/* -------------------------------------- */
/*  -------|| RESPONSIVENESS ||---------  */
/* -------------------------------------- */
/* -------------------------------------- */
/* -------------------------------------- */
/* -------------------------------------- */

@media only screen and (max-width: 768px) {

    #innerbody #wrapper #main {
        box-sizing: border-box;
        width: 100%;
    }

    #nav_container {
        margin-top: 26px;
    }

    #header_wrapper aside > .sidebar-show-box > li {
        padding: 0;
    }

    #header_wrapper aside > .sidebar-show-box > li > a {
        padding-left: 5px;
        padding-right: 15px;
    }

    #sidebar > .sidebar-hide-box {
        margin-bottom: 0;
        font-size: 1.4rem;
        line-height: 2rem;
    }

    #sidebar > .sidebar-hide-box > a {
        border: 0;
        border-radius: 0;
        background: var(--color-primary);
    }

    #innerbody #wrapper #sidebar {
        box-shadow: -10px 0 38px rgba(0, 0, 0, .3);
        width: 60%;
    }

    .visual-attachments {
        width: 100% !important;
    }

    .redactor-content:not(.qs-content),
    #challengecontent {
        width: calc(100% - 20px) !important;
    }

    .forum-post-content {
        width: calc(100% - 10px) !important;
    }

    .comments .postcomment textarea,
    .comments .postcomment .comment-field {
        width: calc(100% - 80px) !important;
    }

    .webshop-item article .shopitembody {
        width: 100%;
    }

    .webshop-item article .shopitembody > .redactor-content {
        width: calc(100% - 22px) !important;
    }

    .webshop .shop_items .shopitem {
        width: calc(50% - 10px);
    }

    .webshop .shop_items .shopitem:not(:nth-child(2n)) {
        clear: left;
        margin-left: 0;
    }

    .journal.journal-comman .journal-posts {
        border-right: 0;
        padding-right: 0;
        width: 100%;
    }

    .journal .journal-article .journal-content {
        margin-top: -24px;
    }

    .challenges li.challenge > a {
        height: 190px;
    }

    .challenge .challenge-sub-header .challengeauthor,
    .idea .idea-sub-header .ideaauthor {
        padding-bottom: 34px;
    }

    .challenge .challenge-sub-header .inline-stats li,
    .addidea .idea-sub-header .inline-stats li,
    .idea .idea-sub-header .inline-stats li {
        min-width: 80px;
        width: auto;
    }

    .idea .idea-sub-header .inline-stats li {
        min-width: 35px;
    }

    .inline-stats strong,
    .idea-chal-info > a {
        font-size: 1rem;
    }

    .challenge .challengemeta .stats {
        width: auto;
    }

    .challenge .challengemeta .calltoaction {
     margin-top: 15px;
     width: auto;
    }

    .challenge .challengemeta .calltoaction a {
      font-size: 1.4rem;
      padding: 5px 10px;
    }

    .challenge .filter {
      margin-top: 20px;
    }

    .challenge .filter a:last-child {
      margin-right: 0;
    }

    .challenge ul#submissions_list > .ch-idea-visual {
      width: calc(100% - 20px);
    }

    .challenges li.challenge > a {
        height: auto;
        padding-left: 160px;
    }

    .challenges li.challenge figure {
        width: 160px;
        height: 100%;
    }

    .challenges li.challenge .stats,
    .challenges li.challenge table.stats tbody td {
      font-size: 1.2rem;
    }

    .challenges li.challenge h1 {
        display:block;
    }

    .resp .user.user-profile .box_content > section:not(.profile-activity) {
        margin-bottom: 10px;
        margin-left: 0;
        padding: 5px;
        width: calc(50% - 17px);
    }

    .resp .user.user-profile .box_content > section.profile-fields,
    .resp .user.user-profile .box_content > section.profile-stats {
        margin-left: 10px;
    }

    .resp .user .profile-user {
        position: relative;
        margin-left: 0;
        margin-top: 0;
        display: inline-block;
        width: 100%;
    }

    .qs-questionnaire .slider_container {
        padding-left: 0;
    }

    .qs-questionnaire .qs-question-content {
        width: 100% !important;
    }

    .qs-questionnaire .qs-question-content .slider_container {
        padding-left: 0;
        width: 100%;
    }

    .qs-questionnaire .qs-question-content .slider_container > li:first-child,
    .qs-questionnaire .qs-question-content .slider_container > li:nth-child(3) {
        width: calc(24% - 18px);
        margin-left: 0;
        margin-right: 0;
        word-break: break-all;
    }

    .qs-questionnaire .slider_container li + li {
        margin-left: 0;
    }
    .qs-questionnaire .qs-question-content .slider_container > li:nth-child(2) {
        width: 52%;
        margin-right: 0;
    }

    .qs-question table th.qs-scale-option {
        width: 60px;
        word-break: break-all;
    }

    .resp body #root > header nav ul {
        padding: 0;
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px);
    }
    ul.slider_container li div.qs-slider {
        margin-left: 50px;
    }
    .qs-questionnaire .slider_container li:last-child {
        left: calc(25% + 4px);
    }
    
    

}

@media only screen and (max-width: 480px) {
    #nav_container {
        margin-bottom: 30px;
        margin-top: 20px;
    }

    body {
        overflow-x: hidden;
    }

    body #root > header {
        margin-bottom: 0;
    }

    #nav_container #nav_inside .header_menu {
        padding: 0;
    }

    #nav_container #nav_inside .header_menu li {
        width: 100%;
    }

    #nav_container #nav_inside .header_menu li:not(:first-child) {
        border-top: 1px solid #dadada;
    }

    #nav_container #nav_inside .header_menu li.current a {
        margin-right: 0;
    }

    #nav_container #nav_inside .header_menu li.current + li {
        border-top: 0;
    }

    #nav_container #nav_inside .header_menu li a {
        border-radius: 0;
        line-height: 2.5rem;
        margin-bottom: 0;
        width: calc(100% - 10px);
    }

    #innerbody #wrapper #sidebar,
    #innerbody #wrapper #sidebar.journal-sidebar {
        box-shadow: -10px 0 38px rgba(0, 0, 0, .3);
        width: 80%;
    }

    #innerbody #wrapper #sidebar > [class*="widget-"],
    #innerbody #wrapper #sidebar > .widget {
        border-top: 1px solid #dadada;
        padding: 20px;
    }

    .challenges li.challenge > a {
        height: 190px;
        padding-left: 0;
    }

    .challenge .challenge-sub-header .challengeauthor,
    .idea .idea-sub-header .ideaauthor {
        padding-bottom: 34px;
    }

    .challenge .challenge-sub-header .inline-stats li,
    .addidea .idea-sub-header .inline-stats li,
    .idea .idea-sub-header .inline-stats li {
        min-width: 80px;
        width: auto;
    }

    .idea .idea-sub-header .inline-stats li {
        min-width: 35px;
    }

    .inline-stats strong,
    .idea-chal-info > a {
        font-size: 1rem;
    }

    .challenge .challengemeta .stats {
        width: auto;
    }

    .challenge .challengemeta .calltoaction {
     margin-top: 15px;
     width: 60%;
    }

    .challenge .challengemeta .calltoaction a {
      font-size: 1.4rem;
      padding: 5px 10px;
    }

    .challenge .filter {
      margin-top: 20px;
    }

    .challenge .filter a:last-child {
      margin-right: 0;
    }

    .challenge ul#submissions_list > .ch-idea-visual {
      width: calc(100% - 20px);
    }

    .challenges li.challenge > a {
        height: auto;
        padding-bottom: 10px;
    }

    .challenges li.challenge figure {
        position: relative;
        width: 100%;
        display: block;
    }

     .challenges li.challenge figure img {
         width: 100%;
         height: auto;
     }

      .challenges li.challenge .stats,
      .challenges li.challenge table.stats tbody td {
          font-size: 1.2rem;
          margin-right: 0;
      }

    .challenges li.challenge .regular-image + h1,
    .challenges li.challenge .regular-image + h1 + .redactor-content,
    .challenges li.challenge .regular-image + h1 + .redactor-content + .stats,
    .challenges li.challenge .featured-image + h1,
    .challenges li.challenge .featured-image + h1 + .redactor-content,
    .challenges li.challenge .featured-image + h1 + .redactor-content + .stats {
        margin-left: 0;
        width: 100% !important;
    }

    .challenges li.challenge h1 {
        display:block;
        margin-top: 10px;
    }

    .challenges li.challenge .redactor-content {
        display: block;
        margin-right: 0;
        width: 100% !important;
    }

    .submissions > ul li.ch-idea-visual figure {
      border: 1px solid var(--color-primary);
      border-bottom: 0;
      width: calc(100% - 2px);
    }

    .submissions > ul li.ch-idea-visual figure > p:first-letter {
        font-size: 1em;
    }

    .weblog:not(.archive) .box_content article .postbody .main-image {
        width: 100%;
    }

    .weblog .blog-categories-box {
        clear: both;
        padding-top: 0;
    }

     .weblog .blog-categories-box .blog-categories {
        margin-left: 0;
     }


    .weblog .blog-categories-box .blog-categories li {
        clear: both;
        margin-top: 5px;
    }

    .weblog .blog-categories-box .blog-categories li:first-child {
        margin-top: 0;
    }

    .weblog .blog-categories-box .blog-categories li:last-child {
        margin-bottom: 10px;
    }

    .weblog .blog-comment-count {
        float: right;
    }

    .box-community .userprofiles .profile:not(.profile-picture-view) {
        border: 1px solid var(--color-primary);
        margin-left: 0;
        width: calc(100% - 2px);
    }

    .box-community .userprofiles .profile:not(.profile-picture-view) a figure {
        margin-right: 0;
        width: 120px;
    }

    .box-community .userprofiles .profile:not(.profile-picture-view) a:first-of-type div {
        border: 0;
        border-left: 1px solid var(--color-primary);
        min-height: 120px;
        width: calc(100% - 121px);
    }

    .box-community .userprofiles .profile:not(.profile-picture-view) a div dl {
        border: 0;
    }

    .box-community .userprofiles .profile.profile-picture-view {
        clear: none !important;
        width: calc(100% / 3 - 14px);
        margin-bottom: 10px;
        margin-left: 0;
        margin-right: 0;
    }

    .box-community .userprofiles .profile.profile-picture-view:nth-child(3n + 2) {
        margin-left: 20px;
        margin-right: 20px;
    }

    .box-community .userprofiles .profile.profile-picture-view:nth-child(3n + 1) {
        clear: left !important;
    }

    .resp .userprofiles li.profile.profile-picture-view h3.username {
        width: calc(100% - 10px);
    }

    .resp .user .nav-tabs > li > a,
    .resp .user .nav-tabs > li.active > a{
        border: 0;
        border-radius: 0;
        margin: 0;
        padding: 4px 6px;
    }

    .resp .user .profile-main {
        width: calc(100% - 10px);
        padding: 5px;
    }

    .resp .user .profile-user {
        position: relative;
        margin-left: 0;
        margin-top: 0;
        display: inline-block;
        width: 100%;
    }

    .resp .user .profile-main .profile-user figure {
        display: inline-block;
        width: 100px;
        padding-right: 5px;
    }

    .resp .user .profile-main .profile-user h1 {
        display: inline-block;
        float: left;
        margin-top: 0;
        min-height: 90px;
        padding: 5px;
        width: calc(100% - 115px);
    }

    .resp .user.user-profile .box_content > section,
    .resp .user.user-profile .box_content > section:not(.profile-activity){
        margin-bottom: 10px;
        margin-left: 0;
        width: calc(100% - 10px);
    }

    .profile-activity ul.profile-activity-nav {
        border-bottom: 3px solid var(--color-primary);
        width: 100% !important;
    }

    .profile-activity .user-siteactivity {
        border-left: 0;
        padding-left: 0;
        width: 100% !important;
    }

    .usernav > li:nth-child(2) {
        clear: right;
    }

    .usernav > li:nth-child(3) {
        border-left: 0;
        clear: left;
    }

    .usernav > li:first-child,
    .usernav > li:nth-child(2) {
        border-bottom: 1px solid #999;
    }

    ul.activities li .postdate,
    li.srch-result .postdate {
        right: -10px;
        top: 1px;
    }

    .comments .commentbody {
        display: flex;
        flex-direction: column;
        padding-left: 0;
    }

    .comments .commentbody > .fancybox-picture {
        display: flex;
    }

    .comments .commentbody .main-image {
        margin: 0 0 10px;
        padding: 0;
        width: 100%;
    }

    .comments .commentbody .visual-attachments {
        margin: 0 !important;
    }

    .comments .commentbody .quote {
        margin-left: 0;
        width: auto !important;
    }

    .box-community .userprofiles .profile:not(.profile-picture-view),
    .box-community .userprofiles .profile.first-in-row:not(.profile-picture-view) {
        margin-left: 0;
    }
}


/* New menu fixes */

#sidebar ul.activity li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#sidebar ul.activity li a .avatar {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px;
}

#sidebar .widget > h2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.forum .box_content .forum-container .forum-header {
    padding: 9px 16px;
}

.forum-container .forum-list-item,
.forum-container .forum-header,
.topic-container .topic-list-item,
.topic-container .forum-header {
    padding: 10px;
    width: calc(100% - 20px);
}

.widget-participants ul.sb_participantlist li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.widget-participants ul.sb_participantlist li div.author {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: auto;
}

.widget-participants ul.sb_participantlist li a {
    width: auto;
}

.widget-user-online ul li {
    width: 50px;
}

.widget-community-ranking .username,
.widget-community-ranking-badges .username {
    color: var(--color-primary);
}

.widget-community-ranking-badges .author {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#root .widget-community-ranking figure.avatar,
#root .widget-community-ranking-badges figure.avatar {
    align-self: flex-start;
    display: inline-flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 50px;
    margin-right: 10px;
    width: 50px;
}

.widget-community-ranking-badges .badge-holder.remainder .link-holder span {
    background: var(--color-primary);
}

.userprofiles li.profile a {
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.box-community .userprofiles .profile:not(.profile-picture-view) a div {
    align-self: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.box-community .userprofiles .profile:not(.profile-picture-view) a div dl {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

#root .widget-community-ranking .author {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.challenges li.challenge figure img {
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 480px) {
    .inbox .box_content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .inbox .box_content > header {
        margin: 0;
        padding: 0;
    }

    .inbox ul.tabs {
        margin: 0 -10px 10px;
    }

    .inbox ul.tabs + ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -10px;
        padding: 0;
    }

    .inbox ul.tabs + ul li {
        margin: 0 10px;
    }

    .inbox .messages section .btn-group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .inbox .messages section .btn-group > .btn {
        font-size: 1.2rem;
    }

    .inbox .messages section .btn-group > .btn:not(:first-child) {
        margin-top: 5px;
    }

    .resp body #root > header h1 {
        margin: 65px 0 0 calc(50% - 120px);
        padding: 0;
        width: 240px;
    }

    .resp body #root > header h1 a {
        margin: 0;
    }
}

/* #14286 - Stretch + Align 'deadline has been reached' for Challenge */

.challenge .challenge-sub-header .inline-stats {
    display: flex;
}

.challenge .challenge-sub-header .inline-stats .ch-deadline-reached {
    align-items: center;
    display: flex;
}

/* END #14286 */

/* #14281 - Make alertbox for empty carousel full width */

.widget-carousel #carousel .alert {
    width: 100%;
}

/* END #14286 */

/* #14287 - Corrects challenge idea design with added location */

.ideaauthor {
    display: flex;
}

.idea .idea-sub-header .ideaauthor {
    width: auto;
}

.ideaathor > .author {
    flex-shrink: 0;
}

.ideaauthor > .idea-info {
    display: flex;
    flex-direction: column;
}

.location .icon-map-marker {
    background-image: url('/front-end/pf4/images/glyphicons-halflings.png');
}

/* END #14287 */

/* #14367 - Login form 'remember me' is aligned incorrectly */

.login > form > dl {
    display: flex;
    flex-direction: column;
}

.login.regular-form > form > dl > dd .forgot_password{
    height: auto;
}

/* END #14367 */

/* #14450 - Place subscription envelope on right places */

.weblog .toggle-subscription {
    margin-right: 10px;
    margin-top: -14px;
}

.journal .journal-mainscreen { /* required, else scrollbar will appear */
    overflow: visible;
}

.idea .idea-sub-header {
    position: relative;
}

.idea .toggle-subscription {
    position: absolute;
    right: 10px;
    top: 10px;
}

/* END #14450 */

/* #14431 #14332 #14333 - Several PT fixes */

#sidebar ul.activity li a:hover div .username {
    color: var(--color-primary);
}

.widget-community-recent-badges ul li a {
    color: var(--color-primary);
}

.widget-community-recent-badges ul li a {
    color: var(--color-primary);
}

/* END #14431 #14332 #14333 */

/* #14617 #14627 - Remove box from avatar @ challenge/idea, correct cookie modal corners */

.challenge .comments li.comment .avatar,
.idea .comments li.comment .avatar {
    border: 0;
    box-shadow: none;
    box-sizing: border-box;
    margin-right: 15px;
}

.cookie-modal-header {
    border-radius: 6px 6px 0 0;
}

/* END #14617 */

body .switch-container input:checked ~ .switch {
    background: var(--color-primary);
    opacity: .95;
}

body .switch-container input:checked ~ .switch:before {
    background: var(--color-primary);
}

body .switch-container input:checked ~ .switch:before:active {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.28);
}

/* #14786 - Permalink forum color */

.comment .permalink:not(:hover) {
    color: var(--color-primary);
}

/* END #14786 */

.widget span.username {
    color: #333;
}

.widget-spotlight-overview p.sl-posttype {
    color: #333;
}

.inbox .admincontrols > a > i,
.inbox .messages .icon-share-alt,
.qs-deadline .icon-time,
.add-idea-header .idea-chal-info > a > i,
.profile-badges .profile-badge .icon-remove {
    background-image: url('/front-end/pf4/images/glyphicons-halflings.png');
}

.profile-badges .profile-badge .icon-remove {
    background-color: transparent;
}

.topics-overview .header .status-label {
    align-self: flex-start;
}

.user-siteactivity .user-activities li .isnew {
    position: relative;
    top: 0;
}

.journal .journal-posts header h1 {
    font-size: 2em;
}

.challenge-ideas-hidden .alert {
    box-sizing: border-box;
    margin: 0;
    width: calc(100% + 2px);
}

.alert-info h4 {
    color: var(--color-primary);
}


.realtime-notification .rt-notifications-list .rt-notification-item {
    background: #fff;
    border-left: 6px solid var(--color-primary);
}

.likes-container .likes-total-interactive:hover {
    color: var(--color-primary);
}

.widget-challenge-latest-ideas .latest-idea,
.widget-challenge-related-ideas .related-idea {
    border: 1px solid #dadada;
    border-radius: var(--main-border-radius);
    box-shadow: none;
}

.challenge .inline-stats .ch-stats-rating.interactive:hover,
.idea .inline-stats .ch-stats-rating.interactive:hover,
.challenge .inline-stats .ch-stats-rating.interactive:hover > div,
.idea .inline-stats .ch-stats-rating.interactive:hover > div {
    background: #999;
    color: #fff;
    cursor: pointer;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .journal-comman .journal-posts header {
        align-items: flex-start;
        display: flex;
    }

    .journal .journal-posts header > .author {
        order: 0;
    }

    .journal .journal-posts header > .btn-group {
        margin-left: 5px;
        order: 3;
    }

    .journal .journal-article section > header > .chapter {
        flex-shrink: 0;
        order: 2;
        position: relative;
        right: auto;
        top: auto;
    }

    .journal .journal-posts header > .post-author {
        line-height: 1.1;
        min-height: 18px;
        order: 1;
        flex-grow: 1;
        width: auto;
    }
}

@media (max-width: 991px) {
    .journal.journal-comman .journal-posts {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .journal.journal-comman .journal-posts {
        border-right: 1px solid var(--color-primary);
        padding-right: 35px;
        width: calc(70% - 50px);
    }
}

#innerbody #wrapper #sidebar .widget,
#innerbody #wrapper #sidebar .custom-element,
.siteactivity .activities li:hover,
.user-siteactivity .user-activities li:hover,
.weblog:not(.archive) .box_content article header,
.comments .postcomment:not(.edit-comment) textarea,
.comments .postcomment:not(.edit-comment) .comment-field,
#sidebar .widget-community-newest-members ul li h4.username,
.widget-spotlight-overview ul.sl-listview li figure,
.widget-spotlight-overview ul.sl-listview li figure img,
.challenges > ul li.challenge,
.challenges li.challenge .stats,
.challenge .challenge-sub-header .inline-stats, .addidea .idea-sub-header .inline-stats, .idea .idea-sub-header .inline-stats,
.challenge .submissions > ul > li.ch-idea-list,
.challenge .submissions > ul li.ch-idea.ch-idea-list a section ul,
.challenge .submissions ul,
.widget-forum-stats dl,
.forum-new-topic,
.forum .box_content > .header > h2,
.journal .journal-article .article-comments .comments-count,
.qs-overview .box_content .qs-list > li,
.qs-questionnaire .box_content .qs-page-content .qs-question,
.user-profile .profile-user .username,
.user-profile .box_content > [class*='profile-'],
.box-community .community > header > h3, .box-community .community > h3,
.box-community .community > header > h3, .box-community .community > p,
.box-community .userprofiles .profile.profile-picture-view .username,
#sidebar .widget-user-statistics #user-statistics li,
.journal .journal-posts #new .postbody textarea,
.webshop .shop-cart .shop-cart-overview,
#innerbody #wrapper #main,
.webshop .shop-cart .shop-cart-overview,
.realtime-notification,
section.siteactivity header ul.filters li a,
section.srch-results header ul.srch-filters li a,
.profile-activity-nav li a,
.status-label,
.status-label.top-right-corner,
.widget-site-activity-overview .activities figure,
#download-center li .fancybox img,
.qs-finished .qs-page-content .qs-question,
.srch-resultslist ul li a figure ,
.user-siteactivity .user-activities li a figure,
.fancybox-new .fancybox-skin,
.modal-new,
.blog-item__link {
    border-radius: var(--main-border-radius);
}

#carousel #images-visible,
.webshop .shop-cart .shop-cart-overview table tfoot .shop-total td:first-child,
.qs-overview .box_content .qs-list > li > a > figure {
    border-radius: var(--main-border-radius) 0 0 var(--main-border-radius);
}

#carousel #texts-visible,
.qs-questionnaire .box_content .qs-page-content .qs-question > header > .header-title .qs-number,
.webshop .shop-cart .shop-cart-overview table tfoot .shop-total td:last-child {
    border-radius: 0 var(--main-border-radius) var(--main-border-radius) 0;
}

.challenge .challenge-header h1, .addidea .add-idea-header h1, .idea .idea-header h1,
.forum-overview .box_content .forum-category-header,
.topics-overview .box_content .header h1,
.topics-overview .box_content > .topic-container > .forum-header,
.forum.posts .box_content > .header > h1,
.webshop .shop_items .shopitem figure,
.webshop-item article .shopitembody > h1,
.inbox .box_content > header .tabs > li,
.box-community .userprofiles .profile:not(.profile-picture-view) a div h3,
.box-community .userprofiles .profile:not(.profile-picture-view) a div p,
.journal .box_content .nav-tabs > li > a,
.webshop .shop-cart .shop-cart-overview h3,
.box_content .nav-tabs > li:not(.dropdown) > a,
.fancybox-new .fancybox-inner .confirmbox > h1,
.modal-new .modal-header,
.weblog:not(.archive) .box_content article header h1 {
    border-radius: var(--main-border-radius) var(--main-border-radius) 0 0;
}

.challenge .challenge-sub-header, .addidea .idea-sub-header, .idea .idea-sub-header,
.forum .box_content .forum-container,
.topics-overview .box_content > .topic-container .topic-list,
.forum.posts .box_content > .forum-start-post > header,
.webshop .shop_items .shopitem .shopprice,
.webshop-item article .shopitembody > .redactor-content,
.box-community .userprofiles .profile:not(.profile-picture-view) a div dl,
.forum .box_content .forum-container .forum-list-item:last-child,
.fancybox-new .fancybox-inner .confirmbox > .buttons,
.modal-new .modal-footer {
    border-radius: 0 0 var(--main-border-radius) var(--main-border-radius);
}

.box-community .userprofiles .profile:not(.profile-picture-view) a .profile-login-as {
    border-bottom-right-radius: var(--main-border-radius);
}

.challenges > ul li.challenge,
.challenge .challenge-sub-header .inline-stats, .addidea .idea-sub-header .inline-stats, .idea .idea-sub-header .inline-stats,
.challenge .submissions > ul > li.ch-idea-list,
.challenge .submissions > ul li.ch-idea.ch-idea-list a section ul,
.topics-overview .box_content > .topic-container .topic-list,
.box-community .userprofiles .profile:not(.profile-picture-view) a div dl {
    overflow: hidden;
}

#pagination {
    margin-top: 3px;
}

#pagination li,
#pagination li, a {
    color: #333;
}

.pages .pager li,
#pagination li,
#pagination li a,

#sidebar .widget-shop-points > ul > li:nth-last-child(2):hover,
#sidebar .widget-shop-points > ul > li:last-child:hover,
.sociallinks .social-item [class^="social-"] {
    border-radius: var(--button-border-radius);
}

.button-size .placeholder span {
    font-size: 12px !important;
}

.button-size:not(.btn-mini),
.btn-primary:not(.btn-mini) {
    align-items: center;
    display: inline-flex;
    font-size: var(--button-font-size);
    justify-content: center;
    line-height: 2rem;
    padding: var(--button-padding);
}

.button-size.btn-mini,
.button-size.btn-small,
.button-size.btn-quote,
.button-size.btn-comment,
.btn-primary.btn-mini,
.pages .pager li a,
#sidebar .widget-shop-points li > a,
#pagination li a,
#pagination .active {
    font-size: var(--button-small-font-size);
    line-height: 2rem;
    padding: var(--button-small-padding);
}

.button-size i,
.btn-primary i {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.pages .pager li {
    padding: 0;
}

.pages .pager li a {
    box-sizing: border-box
}

.atwho-view {
    border-radius: var(--main-border-radius);
}

.atwho-view strong {
    color: var(--color-primary);
}

.mention__url,
.mention__url:hover {
    color: var(--color-primary)
}

.mention-edit:before {
    background-color: var(--color-primary);
}

.referral-link__copy:hover {
    color: var(--color-primary);
}

.topic-title .topic-icon.unread .bubble,
.forum-title .forum-icon.unread .bubble {
    fill: var(--color-primary);
}

@keyframes highlightColor {
    0% {
        background: var(--color-primary);
    }

    100% {
        background: transparent;
    }
}

/* Unsubscribe page */

.unsubscribe .email-list__checkbox:checked ~ .email-list__checkbox-indicator {
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.unsubscribe .email-list__checkbox-indicator:hover {
    border-color: var(--color-primary);
}

.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.selected:active,
.flatpickr-day.selected:focus,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected.prevMonthDay:hover,
.flatpickr-day.selected.prevMonthDay:active,
.flatpickr-day.selected.prevMonthDay:focus,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.nextMonthDay:hover,
.flatpickr-day.selected.nextMonthDay:active,
.flatpickr-day.selected.nextMonthDay:focus{
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

body .flatpickr-input.active {
    border-color: var(--color-primary);
}

.weblog header div.author.dropdown-toggle ul.user-dropdown.dropdown-menu {
    top: 88px;
}

#root .input-field:focus {
    border-color: var(--color-primary);
}

.bullets__bullet:hover,
.bullets__bullet--active {
    background-color: var(--color-primary);
}

.navigation-container .admin {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    width: 100%;
}

.navigation-container .admin .pulse-link {
    align-items: center;
    color: var(--color-menu-text);
    display: flex;
    margin-bottom: 5px;
    transition: all .2s ease-in-out;
}

.navigation-container .admin .pulse-link:not(:first-child) {
    margin-left: 16px;
}

.navigation-container .admin .pulse-link:hover,
.navigation-container .admin .pulse-link:focus,
.navigation-container .admin .pulse-link:active {
    color: var(--color-primary);
    outline: none;
    text-decoration: none;
}

.navigation-container .admin .pulse-icon {
     fill: var(--color-primary);
     font-size: 14px;
     height: 14px;
     width: 17px;
 }

.navigation-container .admin .pulse-label {
     font-size: calc(1rem + 3px);
     margin-left: 4px;
}

.platform-structure--explore {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.platform-structure--explore:before {
    background-color: var(--color-menu-background);
    content: ' ';
    display: inline-block;
    flex-shrink: 0;
    height: 54px;
    width: 100%;
}

@media (min-width: 900px) {
    .platform-structure--explore:before {
        height: 60px;
    }
}

@media (max-width: 899px) {
    body #root > header #header_main {
        align-items: center;
        display: flex;
        justify-content: var(--image-logo-position);
    }

    body #root > header,
    body #root #header_wrapper,
    body #root > header h1 {
        height: 100px !important;
    }

    body #root > header #header_wrapper h1 a {
        background-position: 50%;
        height: 60px;
        width: 150px;
    }

    .platform-structure--explore #root > header {
        margin-bottom: 0 !important;
    }

    .platform-structure--explore #root > header #header_wrapper {
        margin: 0 20px;
        min-height: 0;
    }

    .platform-structure--explore #root > header #header_wrapper h1 {
        align-items: center;
        display: inline-flex;
        margin: 0;
        justify-content: var(--image-logo-position);
    }

    .platform-structure--explore #root > header #header_wrapper a {
        margin: 0;
    }

    .platform-structure--explore #root > #innerbody {
        margin-top: 0 !important;
    }
}