/******************************************************************************************************************

    ███████╗    ████████╗    ██████╗     ██╗   ██╗     ██████╗    ████████╗    ██╗   ██╗    ██████╗     ███████╗    
    ██╔════╝    ╚══██╔══╝    ██╔══██╗    ██║   ██║    ██╔════╝    ╚══██╔══╝    ██║   ██║    ██╔══██╗    ██╔════╝    
    ███████╗       ██║       ██████╔╝    ██║   ██║    ██║            ██║       ██║   ██║    ██████╔╝    █████╗      
    ╚════██║       ██║       ██╔══██╗    ██║   ██║    ██║            ██║       ██║   ██║    ██╔══██╗    ██╔══╝      
    ███████║       ██║       ██║  ██║    ╚██████╔╝    ╚██████╗       ██║       ╚██████╔╝    ██║  ██║    ███████╗    
    ╚══════╝       ╚═╝       ╚═╝  ╚═╝     ╚═════╝      ╚═════╝       ╚═╝        ╚═════╝     ╚═╝  ╚═╝    ╚══════╝    
                                                                                                                    
 ******************************************************************************************************************/

    .small #main-navigation {
        display: none;
    }

    .small .responsiville-mobimenu-open-body .responsiville-mobimenu-wrapper.responsiville-mobimenu-enabled #main-navigation {
        display: block;
    }
    
    .laptop #main-navigation {
        display:block;
    }

    .text a {
        border-bottom-width: 0;
        border-bottom-style: dotted;
    }

    .page-template-default .text a {
        color: var(--color-blue);
    }


    .wrapper header {
        padding: 2.5rem 0 !important;
    }

        .home-content {
            margin-bottom: var(--vertical-rhythm);
        }

    .wrapper footer {
        padding: 4rem 0rem 0rem 0rem;
        border-top-width: 0.1rem;
    }

    button,
    .button,
    input[type="button"],
    input[type="submit"] {
        background: var(--color-blue);
        color: white;
    }

        button:hover,
        .button:hover,
        input[type="button"]:hover,
        input[type="submit"]:hover {
            color: rgb(245, 245, 245);
            background: var(--color-dark-blue);
        }

    .responsiville-mobimenu-open {
        background: var(--color-dark-blue);
    }

    .responsiville-mobimenu-wrapper-clone:not( .responsiville-mobimenu-unstyled ) a {
        font-size: 2.3rem;
    }

        .responsiville-mobimenu-wrapper-clone:not( .responsiville-mobimenu-unstyled ) a:hover {
            color: var(--color-blue);
        }

    .responsiville-mobimenu-open .responsiville-mobimenu {
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .tablet .responsiville-mobimenu-burger span {
        font-family: var(--font-condensed);
        font-weight: bold;
    }

    p.nocomments {
        display: none;
    }

    .rounded {
        border-radius: 50%;
    }


/**************************************************************************

    ██╗  ██╗    ███████╗     █████╗     ██████╗     ███████╗    ██████╗ 
    ██║  ██║    ██╔════╝    ██╔══██╗    ██╔══██╗    ██╔════╝    ██╔══██╗
    ███████║    █████╗      ███████║    ██║  ██║    █████╗      ██████╔╝
    ██╔══██║    ██╔══╝      ██╔══██║    ██║  ██║    ██╔══╝      ██╔══██╗
    ██║  ██║    ███████╗    ██║  ██║    ██████╔╝    ███████╗    ██║  ██║
    ╚═╝  ╚═╝    ╚══════╝    ╚═╝  ╚═╝    ╚═════╝     ╚══════╝    ╚═╝  ╚═╝
                                                                        
 **************************************************************************/

    header {
        background: var(--color-blue);
    }

    .logo a,
    .logo h1 {
        line-height: 1;
        font-size: 5rem;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Main header navigation menus. */

    .laptop header .navigation {
        margin-top: 2rem;
    }

    .main-navigation li {
        position: relative;
    }

        .main-navigation a {
            white-space: nowrap;
            font-weight: bold;
        }

            .main-navigation a:hover {
                color: var(--color-dark-blue);
            }

            .laptop .main-navigation a {
                font-size: 1.4rem;
                padding: 0.1rem 0.3rem;
                margin: 0 0.1rem;
            }

            .desktop .main-navigation a {
                font-size: 1.5rem;
                padding: 0.3rem 1rem;
                margin: 0 0.2rem;
            }

            .large .main-navigation a {
                font-size: 1.6rem;
            }

        .main-navigation ul {
            background: rgb(255, 255, 255);
            display: none;
        }

            /* Third level submenu. */

            .main-navigation ul ul {
                top: 0;
                left: 90%;
            }

            .main-navigation ul {
                padding: 1rem;
                box-shadow: 0 0px 5px #1e1e1e2e;     
            }

                .main-navigation ul li a {
                    color: var(--color-blue);
                }

            ul#main-navigation {
                float: right;
            }

            .main-navigation ul li {
                display: block;
                float: none;
            }

            .navigation a {
                color: var(--color-quinary);
            }

            header .current-menu-item a {
                border: 1px solid white;
                color: var(--color-blue);
                background: white;
                border-radius: 0em;
                font-weight: bold;
            }

    .footer-social {
        margin-top: 1.2rem;
    }

    /* Fixed menu on scroll.*/

    .responsiville-scrollmenu-enabled nav {
        max-width: var(--panel-width);
        float: none;
        margin: auto
    }

    .responsiville-scrollmenu-enabled nav a {
        margin: 0 0.5rem;
        padding: 0;
    }

    .responsiville-scrollmenu-enabled {
        padding: 1rem 0;
        background: white;
        border-bottom-width: 1px;
    }

    /* Mobile burger menu.*/

    .responsiville-mobimenu-enabled ul {
        border-width: inherit;
        background: none;
    }

        .responsiville-mobimenu-enabled .vanilla-language-switcher {
            left: 0;
            padding: 0;
        }

    .responsiville-mobimenu-open {
        padding-top: 5rem;
    }

        .responsiville-mobimenu-open ul {
            box-shadow: none;
        }

        .responsiville-mobimenu-open ul ul {
            left: 0;
        }

    .responsiville-mobimenu-enabled .responsiville-mobimenu-burger {
        color: white;
        float: right;
        padding-right: 2rem;
    }

    /* Language switcher. */


    .responsiville-mobimenu-enabled .language-switcher-wrapper {
        display: none;
    }

    .responsiville-mobimenu-open .language-switcher-wrapper {
        display: block;
    }

    .vanilla-language-switcher {
        text-align: right;
    }
    
        .vanilla-language-switcher a {
            margin: 0 0.5rem;
        }

    .responsiville-mobimenu-open .vanilla-language-switcher {
        padding: 5rem 0;
    }

    span.facebook:before {
        font-family: var(--font-icon);
        content: "\e903";
        font-size: 3rem;
    }

    span.twitter:before {
        font-family: var(--font-icon);
        content: "\e914";
        font-size: 3rem;
    }

    span.linkedin:before {
        font-family: var(--font-icon);
        content: "\e906";
        font-size: 3rem;
    }

    span.instagram:before {
        font-family: var(--font-icon);
        content: "\e907";
        font-size: 3rem;
    }

    span.meetup:before {
        font-family: var(--font-icon);
        content: "\e908";
        font-size: 3rem;
    }

    span.speakerdeck:before {
        font-family: var(--font-icon);
        content: "\e915";
        font-size: 3rem;
    }

    span.youtube:before {
        font-family: var(--font-icon);
        content: "\e916";
        font-size: 3rem;
    }

    span.flickr2:before {
        font-family: var(--font-icon);
        content: "\eaa4";
        font-size: 3rem;
    }

    .sub-menu {
        top: 3.5rem;
        border-radius: 0rem;
        margin: 0 0.2rem;
    }

    .responsiville-mobimenu-open .sub-menu {
        top: initial;
    }

    .responsiville-mobimenu-burger span {
        text-transform: uppercase;
    }
/***********************************************************************************************************

    ██╗  ██╗     ██████╗     ███╗   ███╗    ███████╗        ██████╗      █████╗      ██████╗     ███████╗
    ██║  ██║    ██╔═══██╗    ████╗ ████║    ██╔════╝        ██╔══██╗    ██╔══██╗    ██╔════╝     ██╔════╝
    ███████║    ██║   ██║    ██╔████╔██║    █████╗          ██████╔╝    ███████║    ██║  ███╗    █████╗  
    ██╔══██║    ██║   ██║    ██║╚██╔╝██║    ██╔══╝          ██╔═══╝     ██╔══██║    ██║   ██║    ██╔══╝  
    ██║  ██║    ╚██████╔╝    ██║ ╚═╝ ██║    ███████╗        ██║         ██║  ██║    ╚██████╔╝    ███████╗
    ╚═╝  ╚═╝     ╚═════╝     ╚═╝     ╚═╝    ╚══════╝        ╚═╝         ╚═╝  ╚═╝     ╚═════╝     ╚══════╝
                                                                                                         
 ***********************************************************************************************************/

    /* MAIN MENU SIDEBAR */

    .sidebar-menu {
        background: #f2f2f2;
        padding-top: var(--vertical-rhythm);
    }

        .small .sidebar-menu {
            padding-left: var(--grid-gutter);
            padding-right: var(--grid-gutter);
        }

        .laptop .sidebar-menu {
            padding-left: 1rem;
            padding-right: 1rem;
        }

        .desktop .sidebar-menu {
            padding-left: var(--grid-gutter);
            padding-right: var(--grid-gutter);
        }

    /** MENU ICON HAS ALL THE STYLESHEET NEEDED FOR THE HOMEPAGE MENU **/
    .menu-icon {
        position: relative;
    }

    .menu-icon:before {
        font-family: var(--font-icon);
        color: var(--color-blue);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
    }
        .small .menu-icon:before {
              font-size: 4rem;
        }

        .laptop .menu-icon:before {
            font-size: 2.8rem;
        }

        .large .menu-icon:before {
              font-size: 4rem;
        }

    .main-sidebar-menu li {
        position: relative;
        margin-bottom: 3rem; 
    }

        .small .main-sidebar-menu li {
            padding-left: 5rem;
        }

        .laptop .main-sidebar-menu li {
            padding-left: 3rem;
        }

        .desktop .main-sidebar-menu li {
            padding-left: 5rem;
        }


    .main-sidebar-menu li a {
        font-family: var(--font-condensed);
        font-weight: bold;
        text-transform: uppercase;
        word-break: break-word;
    }   

        .small .main-sidebar-menu li a {
            font-size: 2rem;
        }

        .laptop .main-sidebar-menu li a {
            font-size: 1.6rem;
        }

        .desktop .main-sidebar-menu li a {
            font-size: 1.6rem;
        }

        .large .main-sidebar-menu li a {
            font-size: 2rem;
        }

    .sidebar-menu .themes:before {
        content: "\e911";
    }

    .sidebar-menu .plugins:before {
        content: "\e90d";
    }

    .sidebar-menu .tips:before {
       content: "\e913";
    }

    .sidebar-menu .development:before {
        content: "\e902";
    }

    .sidebar-menu .security:before {
        content: "\e90f";
    }

    .sidebar-menu .resources:before {
        content: "\e904";
    }

    .sidebar-menu .community:before {
       content: "\e910";
    }

    .sidebar-menu .meetups:before {
       content: "\e90a";
    }

    .sidebar-menu .news:before {
        content: "\e90b";
    }

    /* FEATURED POSTS */

    .featured-news  {
        padding-top: var(--vertical-rhythm);
    }

        .laptop .featured-news {
            padding-left: 0;
            padding-right: 0;
        }

        .large .featured-news {
            padding-left: 10rem;
            padding-right: 10rem;
        }

    .small .featured-article-big {
        position: relative;
        margin-bottom: 0;
    }

    .laptop .featured-article-big {
        margin-bottom: 5rem;
    }

        .single .featured-article-big {
            margin-bottom: 0;
        }

    article.featured-article-big > img {
        width: 100%;
    }

    .featured-article-big-container {
        top: 65%;
        background: #fff;
        left: 50%;
        transform: translateX(-50%);
        padding-bottom: 3rem;
        border-bottom: 1px solid #eaeaea;
    }

        .small .featured-article-big-container {
            position: relative;
            width: 100%;
        }

        .laptop .featured-article-big-container {
            width: 85%;
            margin-top: -8rem;
        }

    .single .featured-article-big-container {
        position: relative;
    }

    @media (min-height: 1023px) {
    	.small .single .featured-article-big-container {
        position: relative;
        top: 0rem;
    	}
    }

    .featured-article-big-container h3.featured-article-title {
        font-family: var(--font-regular);
        font-size: 3.5rem;
        text-align: center;
        font-weight: normal;
   }

    .single .featured-article-big-container h3 {
        margin-bottom: 5rem;
    }

    .featured-article-big-container.homepage-enabled p {
        font-size: 1.6rem;
        padding-top: 5rem;
        text-align: center;
    }

        .small .featured-article-big-container.homepage-enabled p {
            padding-left: 0;
            padding-right: 0;
        }

        .laptop .featured-article-big-container.homepage-enabled p {
            padding-left: 3rem;
            padding-right: 3rem;
        }

    .featured-article-big-container .post-meta {
        background: var(--color-blue);
        padding-bottom: .8rem;
        padding-top: .8rem;
    }

    .featured-article-big-container .post-cat a {
        color: #fff;
        font-size: 1.5rem;
        font-weight: bold;
        text-transform: uppercase;
        padding-left: 6rem;
    }

    .featured-article-big-container .post-cat.cat-12 a {
        padding-left: 0rem;
    }

    .featured-article-big-container .post-cat,
    .featured-article-big-container .post-date {
        display: inline-block;
    }

    .featured-article-big-container .post-date {
        float: right;
        font-size: 1.5rem;
        font-weight: bold;
        text-transform: uppercase;
        padding-right: 6rem;
        color: #fff;
        padding-top: 0.5rem;
    }

    .author-image {
        background: #fff;
        padding-top: 1rem;
        padding-bottom: 1rem;
        border-radius: 6rem;
        max-width: 100%;
        width: 110px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

        .small .author-image{
            top: 0rem;
        }

        .tablet .author-image{
            top: -1.5rem;
        }
    .page-container .author-name-link a,
    .author-name-link a{
        font-weight: bold;
        color: var(--color-blue);
    }

        .page-container .author-name-link a:hover,
        .author-name-link a:hover {
            color: var(--color-dark-blue);
        }

    .featured-article-big-container img.avatar {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 50%;
    }

    .featured-article-big-container h6 {
        font-family: var(--font-condensed);
        font-size: 1.7rem;
        font-weight: bold;
        text-align: center;
        color: var(--color-blue);
        padding-bottom: 3.5rem;
    }

    .featured-article-small {
        margin-bottom: 8rem;
    }

    .featured-article-small:nth-of-type(even) {
        clear: left;
    }

    .featured-article-small-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        border-bottom: 1px solid #eaeaea;
    }

    .featured-article-small-container h3 {
        margin-top: 2rem;
        font-size: 2.5rem;
    }

    .featured-article-small-container .post-meta {
        margin-top: 5rem;
        padding-bottom: 1rem;
    }

    /*.featured-article-small-container*/ .post-author,
    /*.featured-article-small-container */.post-date {
        display: inline;
    }

    /*.featured-article-small-container*/ .post-author {
        font-family: var(--font-condensed);
        font-size: 1.7rem;
        font-weight: bold;
        color: var(--color-blue);
    }

    .post-author a {
        font-weight: bold;
        color: var(--color-blue) !important;
    }

    /*.featured-article-small-container*/ .post-date {
        float: right;
        font-family: var(--font-regular);
        font-size: 1.4rem;
        font-weight: bold;
        line-height: 2.5rem;
    }

    .featured-article-small .featured-article-image {
        position: relative;
    }

    .featured-article-image img:hover {
        opacity: 0.7;
    }

    .featured-article-small .featured-article-image .post-cat {
        position: absolute;
        bottom: 2rem;
        background:  var(--color-blue);
        left: -1rem;
        width: auto;
        padding-left: 6rem;
        padding-right: 1rem;
        color: white;
    }

    .featured-article-small .featured-article-image .post-cat a {
        font-family: var(--font-condensed);
        font-size: 1.5rem;
        font-weight: bold;
        color: white;
        text-transform: uppercase;
    }

    .featured-article-small .featured-article-image h5.post-cat {
        font-size: 1.5rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .three-columns h5.post-cat {
        font-size: 1.5rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        background: var(--color-blue);
        color: white;
        text-align: right;
        padding-right: 1rem;
    }

        .three-columns h5.post-cat a {
            font-family: var(--font-condensed);
            font-size: 1.5rem;
            font-weight: bold;
            color: white;
            text-transform: uppercase;
        }

            .three-columns h5.post-cat a:hover {
                color: var(--color-dark-blue);
            }

    .three-columns .post-meta {
        margin-top: 2rem;
    }

    .three-columns a img {
        width: 100%;
    }

        .three-columns a img:hover {
            opacity: 0.6;
        }

    .more-news-container {
        padding-top: 2rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid #f2f2f2;
    }

    .more-news-container h4.defined-title {
        font-family: var(--font-regular);
        font-size: 2rem;
    }

        .more-news-container h4:hover {
            color: var(--color-blue);
        }

    .more-news {
        margin-top: 8rem;
        margin-bottom: 8rem;
        text-align: center;
    }
    
    .more-news h2 {
        font-family: var(--font-condensed);
        position: relative;
        text-transform: uppercase;
        font-weight: bold;
    }

        .small .more-news h2 {
            font-size: 3rem;
        }

        .tablet .more-news h2 {
            font-size: 4rem;
        }

    .more-news h2:after {
        content: '';
        width: 5%;
        position: absolute;
        right: 2rem;
        top: 6rem;
        height: 5px;
        left: 50%;
        transform: translateX(-50%);
        background: var(--color-blue);
    }

    .button.read-more {
        margin-top: 8rem;
        margin-bottom: 8rem;
        font-family: var(--font-regular);
        font-size: 1.7rem;
        font-weight: bold;
        letter-spacing: 1px;
        text-transform: uppercase;
        background: #98d99e;
        color: #fff;
        padding-left: 2rem;
        padding-right: 2rem;
        border-bottom: .7rem solid #7cc783;
    }

        .button.read-more:hover {
            border-bottom: .7rem solid #98d99e;
            background: #7cc783;
        }


    .home-slideshow {
        height: 500px;
    }

    .tablet .home-slideshow {
        height: auto;
    }

        .laptop .home-slideshow article {
            opacity: 0;
        }

        .tablet .home-slideshow article {
            opacity: 1;
        }

        .home-slideshow a {
            position: relative;
            display: block;
        }

        .slide-text {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            background: rgba(255, 255, 255, 0.7);
            padding: 3rem;
        }
    
    .single .post-categories li {
        display: inline;
    }

    .single .featured-article-big-container .post-cat li:not(:first-child) a {
        padding-left: 1rem;
    }

    .post-categories li a:hover,
    .featured-article-small .featured-article-image .post-cat a:hover {
        color: var(--color-dark-blue);
    }

    .featured-article-big-container a h3:hover,
    #main-sidebar-menu a:hover,
    .featured-article-small-container a h3:hover {
        color: var(--color-blue);
    }


/*********************************************************************************************

     ██████╗     ██████╗     ███╗   ██╗    ████████╗    ███████╗    ███╗   ██╗    ████████╗    
    ██╔════╝    ██╔═══██╗    ████╗  ██║    ╚══██╔══╝    ██╔════╝    ████╗  ██║    ╚══██╔══╝    
    ██║         ██║   ██║    ██╔██╗ ██║       ██║       █████╗      ██╔██╗ ██║       ██║       
    ██║         ██║   ██║    ██║╚██╗██║       ██║       ██╔══╝      ██║╚██╗██║       ██║       
    ╚██████╗    ╚██████╔╝    ██║ ╚████║       ██║       ███████╗    ██║ ╚████║       ██║       
     ╚═════╝     ╚═════╝     ╚═╝  ╚═══╝       ╚═╝       ╚══════╝    ╚═╝  ╚═══╝       ╚═╝       
                                                                                           
 *********************************************************************************************/



    pre {
        background: rgb(245, 245, 245);
        padding: 0.5rem 1rem;
        border: 1px dotted rgb(165, 165, 165);
    }

    code {
        background: rgb(245, 245, 245);
        padding: 0 0.5rem;
        border: 1px solid rgb(165, 165, 165);
        border-radius: 3px;
    }

    h2.widgettitle {
        font-family: var(--font-condensed);
        font-weight: bold;
        font-size: 2.8rem;
        text-transform: uppercase;
        margin-bottom: 1.5rem;
    }

    .widget {
        margin-bottom: 3rem;
        margin-top: 3rem;
    }

    table {
        text-align: center;
    }

    tr th {
        font-family: var(--font-condensed);
        text-transform: uppercase;
        color: white;
        background: var(--color-blue);
        text-align: center;
    }

    table, td, th {
        border: 1px solid white;
        background: #f9f9f9;
    }

    tbody tr:nth-child(2n+1) td, tbody tr:nth-child(2n+1) th {
        background: #f0f0f0;
    }

    tfoot {
        font-family: var(--font-condensed);
        text-transform: uppercase;
        color: var(--color-primary);
        text-align: center;
    }

    .featured-article-big-container .text a {
        color: var(--color-blue);
    }

    .text blockquote p:only-child, .text blockquote p:last-child {
        margin-bottom: 0;
        font-style: italic;
        font-size: var(--base-font-size);
    }


/***********************************************************************************************************************

    ██████╗      █████╗      ██████╗     ██╗    ███╗   ██╗     █████╗     ████████╗    ██╗     ██████╗     ███╗   ██╗
    ██╔══██╗    ██╔══██╗    ██╔════╝     ██║    ████╗  ██║    ██╔══██╗    ╚══██╔══╝    ██║    ██╔═══██╗    ████╗  ██║
    ██████╔╝    ███████║    ██║  ███╗    ██║    ██╔██╗ ██║    ███████║       ██║       ██║    ██║   ██║    ██╔██╗ ██║
    ██╔═══╝     ██╔══██║    ██║   ██║    ██║    ██║╚██╗██║    ██╔══██║       ██║       ██║    ██║   ██║    ██║╚██╗██║
    ██║         ██║  ██║    ╚██████╔╝    ██║    ██║ ╚████║    ██║  ██║       ██║       ██║    ╚██████╔╝    ██║ ╚████║
    ╚═╝         ╚═╝  ╚═╝     ╚═════╝     ╚═╝    ╚═╝  ╚═══╝    ╚═╝  ╚═╝       ╚═╝       ╚═╝     ╚═════╝     ╚═╝  ╚═══╝
                                                                                                                      
 ***********************************************************************************************************************/



    .pages {
        width: auto;
        text-align: center;
    }

        .pages a, 
        .pages a:hover, 
        .pages span {
            display: inline-block;
            padding: 0.2rem 1rem;
            margin: 3rem 0;
            border: none;
            color: var(--color-dark-blue);
        }

        .pages .current {
            font-weight: bold;
            border: 1px solid var(--color-blue);
            background: var(--color-blue);
            color: white;
        }

    .archive article,
    .search article {
        margin-bottom: 3rem;
    }



/*****************************************************************************

    ███████╗     ██████╗      ██████╗     ████████╗    ███████╗    ██████╗ 
    ██╔════╝    ██╔═══██╗    ██╔═══██╗    ╚══██╔══╝    ██╔════╝    ██╔══██╗
    █████╗      ██║   ██║    ██║   ██║       ██║       █████╗      ██████╔╝
    ██╔══╝      ██║   ██║    ██║   ██║       ██║       ██╔══╝      ██╔══██╗
    ██║         ╚██████╔╝    ╚██████╔╝       ██║       ███████╗    ██║  ██║
    ╚═╝          ╚═════╝      ╚═════╝        ╚═╝       ╚══════╝    ╚═╝  ╚═╝

 *****************************************************************************/
    .wrapper footer {
        background: var(--color-dark-blue);
    }

    .wrapper footer h4 {
        font-family: var(--font-condensed) !important;
        color: white;
        font-size: 1.8rem;
        font-weight: bold;
        text-transform: uppercase;
        padding: 0rem 0rem 3rem 0rem;
    }

    .footer-navigation {
        text-transform: uppercase;
        font-size: 1.4rem;
        line-height: 2.3rem;
    }

        .footer-navigation a:hover {
            color: var(--color-blue);
        }

    .footer-social {
        font-family: "Responsiville Icons";
        font-size: 150%;
    }
    
    .footer-social a {
        color: white;
        font-size: 3rem;
    }

        .footer-social a:hover {
            color: var(--color-dark-blue);
        }

        footer .footer-social a:hover {
            color: var(--color-blue);
        }

    .credits {
        background: var(--color-darker-blue);
        font-size: 1.4rem;
        margin-top: 4rem;
        padding: 2rem 0rem 2rem 0rem;
    }
    
        .credits p, 
        .credits p a {
            color: #606889;
        }



/****************************************************************

    ██████╗      ██████╗     ██████╗     ██╗   ██╗    ██████╗ 
    ██╔══██╗    ██╔═══██╗    ██╔══██╗    ██║   ██║    ██╔══██╗
    ██████╔╝    ██║   ██║    ██████╔╝    ██║   ██║    ██████╔╝
    ██╔═══╝     ██║   ██║    ██╔═══╝     ██║   ██║    ██╔═══╝ 
    ██║         ╚██████╔╝    ██║         ╚██████╔╝    ██║     
    ╚═╝          ╚═════╝     ╚═╝          ╚═════╝     ╚═╝     
                                                              
 ****************************************************************/



    .popup {
        box-sizing: content-box;
    }


/**************************************************************************

███████╗    ██╗    ██████╗     ███████╗    ██████╗      █████╗     ██████╗
██╔════╝    ██║    ██╔══██╗    ██╔════╝    ██╔══██╗    ██╔══██╗    ██╔══██╗
███████╗    ██║    ██║  ██║    █████╗      ██████╔╝    ███████║    ██████╔╝
╚════██║    ██║    ██║  ██║    ██╔══╝      ██╔══██╗    ██╔══██║    ██╔══██╗
███████║    ██║    ██████╔╝    ███████╗    ██████╔╝    ██║  ██║    ██║  ██║
╚══════╝    ╚═╝    ╚═════╝     ╚══════╝    ╚═════╝     ╚═╝  ╚═╝    ╚═╝  ╚═╝

***************************************************************************/

    .home-sidebar {
        background: #f2f2f2;
    }

    span.screen-reader-text {
        display: none;
    }

    form.search-form {
        position: relative;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .widget_search .search-submit {
        font-family: var(--font-icon);
        font-size: 3rem;
        position:absolute;
        top:0;
        right: 0;
        border: none;
        background: var(--color-blue);
        width: 16%!important;
        color: white;
        padding: 0;
    }

    input, textarea, select, button, .button {
        border-color: #f2f2f2;
        border-radius: 0px;
    }

    .bbpress .row.join-forum {
        display: none;
    }

    .row.join-forum {
        position: relative;
        margin-bottom: 3rem;
    }

    .join-forum h6,
    .join-forum p {
        text-align: center;
        color: white;
    }

    .join-forum-container {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

        .small .join-forum-container h6 strong {
            font-family: var(--font-regular);
            display: block;
            font-size: 2.5rem;
            font-weight: bold;
        }

        .laptop .join-forum-container h6 strong {
            display: none;
        }

        .desktop .join-forum-container h6 strong {
            display: block;
            font-size: 1.3rem;
            font-weight: bold;
        }

        .large .join-forum-container h6 strong {
            font-size: 1.6rem;
        }

        .small .join-forum-container p {
            display: block;
            font-size: 1.4rem;
        }

        .laptop .join-forum-container p {
            display: none;
        }
        
        .desktop .join-forum-container p {
            display: block;
            font-size: 1.4rem;
        }

        .large .join-forum-container p {
            font-size: 1.6rem;
        }

        .xlarge .join-forum-container p {
            font-size: 2rem;
        }

    .join-forum .button.read-more {
        font-size: 1.4rem;
        position: relative;
        background: #3383f3;
        border-bottom: .7rem solid #0f63d8;
        border-radius: 4px;
        margin-bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }   

        .small .join-forum .button.read-more {
            margin-top: 0;
        }

        .desktop .join-forum .button.read-more {
            padding-top: 0.2rem;
            padding-bottom: 0.2rem;
        }

        .xlarge .join-forum .button.read-more {
            padding-top: 1.1rem;
            padding-bottom: 1.1rem;
        }

    p.next-meetup {
        font-family: var(--font-condensed);
        font-size: 1.8rem;
        font-weight: bold;
        padding-top: 3rem;
        padding-bottom: 3rem;
        text-align: center;
        text-transform: uppercase;
        color: var(--color-blue);
        position: relative;
    }

    p.next-meetup:before {
        position: absolute;
        content: " ";
        bottom: 25%;
        width: 15%;
        height: 0.5rem;
        background: var(--color-blue);
        left: 50%;
        transform: translateX(-50%);
    }

    .city-meetup {
        position: relative;
    }

    .city-meetup-container {
        background: #fff;
        margin-bottom: 3rem;
        padding-bottom: 1rem;
    }

    .city-meetup-container h5 {
        text-align: center;
        font-family: var(--font-regular);
        font-size: 2rem;
        font-weight: bolder;
        padding-bottom: 3rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .place,
    .meetup-date,
    .book-ticket {
        position: relative;
        background: #f2f2f2;
        margin-left: 1rem;
        margin-right: 1rem;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
        margin-bottom: 0.5rem;
    }

    .inside-article.meetup-date,
    .inside-article.place,
    .inside-article.book-ticket {
        margin-left: auto;
        margin-right: auto; 
    }

    .place:before {
        font-family: var(--font-icon);
        font-size: 3.5rem;
        position: absolute;
        content: "\e90c";
        left: 0;
        top: 0;
        width: 35px;
        height: 100%;
        background: var(--color-blue);
        color: white;
        text-align: center;
    }

    .meetup-date:before {
        font-family: var(--font-icon);
        font-size: 3rem;
        position: absolute;
        content: "\e912";
        left: 0;
        top: 0;
        width: 35px;
        height: 100%;
        background: var(--color-blue);
        color: white;
        text-align: center;
    }

    .inside-article.meetup-date:before {
        padding-top: 0.3rem;
    }

    .book-ticket:before {
        font-family: var(--font-icon);
        font-size: 2.5rem;
        padding-top: 0.6rem;
        position: absolute;
        content: "\e939";
        left: 0;
        top: 0;
        width: 35px;
        height: 100%;
        background: var(--color-blue);
        color: white;
        text-align: center;
    }


    .place p,
    .meetup-date p,
    .book-ticket a {
        padding-left: 4.5rem;
    }

    .place p:nth-of-type(1) {
        font-family: var(--font-regular);
        font-size: 1.7rem;
        font-weight: bold;
    }

    .place p:nth-of-type(2) {
        font-family: var(--font-regular);
        font-size: 1.4rem;
        font-weight: normal;
    }

    .meetup-date p,
    .book-ticket a {
        font-family: var(--font-regular);
        font-size: 1.7rem;
        font-weight: bold;
        padding-top: 1rem;
        padding-bottom: 1rem;
        display: block;
    }

    .meetup-info-container {
        margin-bottom: 3rem;
    }

    .sponsors {
        margin-bottom: calc(2*var(--grid-gutter));
    }

    .small .home-sidebar .sponsors:nth-of-type(even) {
        padding-left: inherit;
        padding-right: 0;
    }

    .laptop .home-sidebar .sponsors:nth-of-type(even) {
        padding-left: 0;
        padding-right: 0;
    }

    .xlarge .home-sidebar .sponsors:nth-of-type(even) {
        padding-left: inherit;
        padding-right: 0;
    }

    .small .home-sidebar .sponsors:nth-of-type(odd) {
        padding-right: inherit;
        padding-left: 0;
    }

    .laptop .home-sidebar .sponsors:nth-of-type(odd) {
        padding-right: 0;
        padding-left: 0;
    }

    .xlarge .home-sidebar .sponsors:nth-of-type(odd) {
        padding-right: inherit;
        padding-left: 0;
    }


    .newsletter {
        background: #ff8161;
        margin-bottom: 3rem;
    }

    .newsletter .gform_heading h3 {
        text-align: center;
        font-family: var(--font-condensed);
        font-weight: bold;
        font-size: 2.4rem!important;
        color: white;
        text-transform: uppercase;
        position: relative;
        margin: 2rem 0;
    }

        .newsletter .gform_heading h3:before {
            content: " ";
            max-width: 100px;
            height: 1px;
            background: white;
            position: absolute;
            left: -1rem;
            top: 1.3rem;
        }
            .desktop .newsletter .gform_heading h3:before {
                width: 18%;
            }

            .large .newsletter .gform_heading h3:before {
                width: 25%;
            }

        .newsletter .gform_heading h3:after {
            content: " ";
            max-width: 100px;
            height: 1px;
            background: white;
            position: absolute;
            right: -1rem;
            top: 1.3rem;
        }

            .desktop .newsletter .gform_heading h3:after {
                width: 18%;
            }

            .large .newsletter .gform_heading h3:after {
                width: 25%;
            }

    .newsletter label.gfield_label {
        display: none!important;
    }

    .newsletter input#input_2_1 {
        width: 100%;
        padding-top: 1rem;
        padding-bottom: 1rem;
        margin-top: 1rem;
    }

    .newsletter .gform_wrapper .gform_footer {
        padding: 0;
        margin: 0;
        clear: both;
        width: 100%;
    }

    .small .newsletter input#gform_submit_button_2 {
        border: 2px solid white;
        background: transparent;
        max-width: 415px;
        width: 100%;
        font-family: var(--font-condensed);
        font-weight: bold;
        text-transform: uppercase;
    }

    .laptop .newsletter input#gform_submit_button_2 {
        max-width: 300px;
    }

        .newsletter input#gform_submit_button_2:hover {
            background: white;
            color: #ff8161;
        }

    .newsletter .gform_confirmation_message {
        font-family: var(--font-condensed);
        font-size: 2rem;
        font-weight: bold;
        margin-top: calc(1.25 * var(--text-rhythm));
        margin-bottom: calc(1.25 * var(--text-rhythm));
        color: white;
        line-height: 1.2;
    }

    .the-contact-form .name-field input,
    .the-contact-form .email-field input,
    .the-contact-form textarea {
        border: 2px solid #f2f2f2;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .gfield_captcha_input_container.simple_captcha_large input {
        border: 2px solid #f2f2f2;
    }



/***********************************************************************************************************************************************************************


██████╗      ██████╗     ███████╗    ████████╗         ██████╗     █████╗     ████████╗    ███████╗     ██████╗      ██████╗     ██████╗     ██╗    ███████╗    ███████╗
██╔══██╗    ██╔═══██╗    ██╔════╝    ╚══██╔══╝        ██╔════╝    ██╔══██╗    ╚══██╔══╝    ██╔════╝    ██╔════╝     ██╔═══██╗    ██╔══██╗    ██║    ██╔════╝    ██╔════╝
██████╔╝    ██║   ██║    ███████╗       ██║           ██║         ███████║       ██║       █████╗      ██║  ███╗    ██║   ██║    ██████╔╝    ██║    █████╗      ███████╗
██╔═══╝     ██║   ██║    ╚════██║       ██║           ██║         ██╔══██║       ██║       ██╔══╝      ██║   ██║    ██║   ██║    ██╔══██╗    ██║    ██╔══╝      ╚════██║
██║         ╚██████╔╝    ███████║       ██║           ╚██████╗    ██║  ██║       ██║       ███████╗    ╚██████╔╝    ╚██████╔╝    ██║  ██║    ██║    ███████╗    ███████║
╚═╝          ╚═════╝     ╚══════╝       ╚═╝            ╚═════╝    ╚═╝  ╚═╝       ╚═╝       ╚══════╝     ╚═════╝      ╚═════╝     ╚═╝  ╚═╝    ╚═╝    ╚══════╝    ╚══════╝

***********************************************************************************************************************************************************************/

    /***** AΝΑΚΟΙΝΩΣΕΙΣ ID = 2, ΓΕΝΙΚΑ ID = 1, WORDPRESS ID = 3, FRAMEWORK ID = 104, ΤΗΕΜΕS ID = 5 *****/

    .cat-2,
    .cat-12,
    .cat-3,
    .cat-104,
    .cat-1,
    .cat-5 {
        position: relative;
    }

    .cat-2:before {
        position: absolute;
        left: 2rem;
        top: 50%;
        transform: translateY(-50%);
        font-family: var(--font-icon);
        font-weight: normal;
        content: "\e90b";
        font-size: 3rem;
        color: white;
    }

    .cat-12:before {
        position: absolute;
        left: 2rem;
        top: 50%;
        transform: translateY(-50%);
        font-family: var(--font-icon);
        font-weight: normal;
        content: "\e913";
        font-size: 3rem;
        color: white;
    }

    .cat-3:before {
        position: absolute;
        left: 2rem;
        top: 50%;
        transform: translateY(-50%);
        font-family: var(--font-icon);
        font-weight: normal;
        content: "\e917";
        font-size: 2rem;
        color: white;
    }

    .cat-104:before {
        position: absolute;
        left: 2rem;
        top: 50%;
        transform: translateY(-50%);
        font-family: var(--font-icon);
        font-weight: normal;
        content: "\e902";
        font-size: 3rem;
        color: white;
    }

    .cat-1:before {
        position: absolute;
        left: 2rem;
        top: 50%;
        transform: translateY(-50%);
        font-family: var(--font-icon);
        font-weight: normal;
        content: "\e904";
        font-size: 3rem;
        color: white;
    }

    .cat-5:before {
        position: absolute;
        left: 2rem;
        top: 50%;
        transform: translateY(-50%);
        font-family: var(--font-icon);
        font-weight: normal;
        content: "\e911";
        font-size: 3rem;
        color: white;
    }


    /***** ΕΚΔΗΛΩΣΕΙΣ ID = 348, MEETUP ID = 740 *****/

    .cat-348,
    .cat-740 {
        position: relative;
    }

    .cat-348:before,
    .cat-740:before {
        position: absolute;
        left: 2rem;
        top: 50%;
        transform: translateY(-50%);
        font-family: var(--font-icon);
        font-weight: normal;
        content: "\e90a";
        font-size: 3rem;
        color: white;
    }


/**************************************************

    ██████╗     ██╗          ██████╗      ██████╗
    ██╔══██╗    ██║         ██╔═══██╗    ██╔════╝
    ██████╔╝    ██║         ██║   ██║    ██║  ███╗
    ██╔══██╗    ██║         ██║   ██║    ██║   ██║
    ██████╔╝    ███████╗    ╚██████╔╝    ╚██████╔╝
    ╚═════╝     ╚══════╝     ╚═════╝      ╚═════╝


**************************************************/

    h1.blog-title {
        font-family: var(--font-condensed);
        font-weight: bold;
        font-size: 5rem;
        margin-bottom: 5rem;
        margin-top: 5rem;
        text-transform: uppercase;
    }

    .blog-container {
        background: #fff;
    }


/************************************************

    ██████╗      █████╗      ██████╗     ███████╗
    ██╔══██╗    ██╔══██╗    ██╔════╝     ██╔════╝
    ██████╔╝    ███████║    ██║  ███╗    █████╗
    ██╔═══╝     ██╔══██║    ██║   ██║    ██╔══╝
    ██║         ██║  ██║    ╚██████╔╝    ███████╗
    ╚═╝         ╚═╝  ╚═╝     ╚═════╝     ╚══════╝

************************************************/

    .page-container h1 {
        font-family: var(--font-condensed);
        font-weight: bold;
        font-size: 5rem;
        margin-bottom: 5rem;
        margin-top: 5rem;
        text-transform: uppercase;
    }

    .page-container h2,
    .page-container h2 a,
    .page-container h3,
    .page-container h3 a,
    .page-container h4,
    .page-container h4 a,
    .page-container h5,
    .page-container h5 a,
    .page-container h6,
    .page-container h6 a {
        font-family: var(--font-condensed);
        font-weight: bold;
    }
    
    .page-container h2,
    .page-container h2 a {
        color: #3c3c3c;
        font-size: 2.8rem;
    }

    .page-container h3,
    .page-container h3 a {
        font-size: 2.5rem;
    }

    .page-container h4,
    .page-container h4 a {
        font-size: 2rem;
    }
    
    .page-container h5,
    .page-container h5 a {
        font-size: 2rem;
    }

    .page-container h6,
    .page-container h6 a {
        font-size: 1.8rem;
    }

    .page-container h1 a,
    .page-container h2 a,
    .page-container h3 a,
    .page-container h4 a,
    .page-container h5 a,
    .page-container h6 a {
        color: #909090;
    }


    .desktop .page .page-container article {
        padding-left: 3rem;
        padding-right: 3rem;
        padding-bottom: 0;
    }

    .large .page .page-container article {
        padding-left: 10rem;
        padding-right: 10rem;
        padding-bottom: 10rem;
    }

    .small .social-sharing {
        position: relative;
        left: auto;
    }

        .small .social-sharing li {
            display: inline;
        }

        .small .social-sharing li a img {
            height: 40px;
            width: 40px;
        }

    .desktop .social-sharing {
        position: absolute;
        left: -9rem;
    }

        .desktop .social-sharing li {
            display: block;
        }

        .desktop .social-sharing li a img {
            height: auto;
            width: auto;
        }

    .small .social-sharing {
        margin-bottom: 3rem;
    }

    .tablet .social-sharing {
        margin-bottom: auto;
    }

    .social-sharing li {
        margin-bottom: 0.5rem;
    }

    .single .featured-article-big-container h3.author-name {
        font-family: var(--font-condensed);
        font-size: 2.5rem;
        font-weight: bold;
        color: var(--color-blue);
        text-align: left;
        margin-bottom: 0.5rem;
    }

    .featured-article-big-container .related-posts .post-cat {
        display: block;
    }

    .related-posts article {
        margin-bottom: 6rem;
    }

    .related-posts .post-meta {
        display: none;
    }

   .author-location {
        position: relative;
        color: #d1d1d1;
        padding-left: 3rem;
    }

    .author-location:before {
        font-family: var(--font-icon);
        font-size: 3rem;
        content: "\e90c";
        position: absolute;
        top: -1rem;
        left: -0.5rem;
        color: #d1d1d1;
    }

    .author-name-details h3,
    .author-name-details a {
        display: inline;
    }

    .author-name-details a:hover {
        border-bottom-width: 0;
    }

    .author-name-details a img {
        height: 28px;
        width: 28px;
        top: -0.5rem;
        position: relative;
     }

     .author-box {
        margin-top: 8rem;
        background: #f9f9f9;
        clear: both;
    }

    .author-box img.avatar {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
    
    div#disqus_thread {
        margin-top: 8rem;
    }

    .author-name-details {
        padding-top: 4rem;
    }

    .related-posts a:hover,
    .archive .three-columns a:hover,
    .three-columns a {
        border-bottom-width: 0!important;
        border-bottom-style: initial;
    }

    .error404 h1,
    .error404 h2 {
        text-align: center;
    }

    div#gform_confirmation_message_5 {
        font-size: 2.5rem;
        font-family: var(--font-condensed);
        font-weight: bold;
        color: var(--color-blue);
    }

    .laptop .rc-anchor-normal {
        width: 100%!important;
        max-width: 130px!important;
    }

    .xlarge .rc-anchor-normal {
        width: 100%!important;
        max-width: 300px!important;
    }

/************************************************************************************

 ██████╗     ██████╗         ██████╗     ██████╗     ███████╗    ███████╗    ███████╗
 ██╔══██╗    ██╔══██╗        ██╔══██╗    ██╔══██╗    ██╔════╝    ██╔════╝    ██╔════╝
 ██████╔╝    ██████╔╝        ██████╔╝    ██████╔╝    █████╗      ███████╗    ███████╗
 ██╔══██╗    ██╔══██╗        ██╔═══╝     ██╔══██╗    ██╔══╝      ╚════██║    ╚════██║
 ██████╔╝    ██████╔╝        ██║         ██║  ██║    ███████╗    ███████║    ███████║
 ╚═════╝     ╚═════╝         ╚═╝         ╚═╝  ╚═╝    ╚══════╝    ╚══════╝    ╚══════╝

************************************************************************************/

    li.bbp-forum-info,
    li.bbp-forum-topic-count,
    li.bbp-forum-reply-count,
    li.bbp-forum-freshness,
    li.bbp-topic-title,
    li.bbp-topic-voice-count,
    li.bbp-topic-reply-count,
    li.bbp-topic-freshness,
    #bbpress-forums li.bbp-header .bbp-reply-content,
    #bbpress-forums li.bbp-header .bbp-reply-author,
    #bbpress-forums li.bbp-footer .bbp-reply-author,
    #bbpress-forums li.bbp-footer .bbp-reply-content
     {
        font-family: var(--font-condensed);
        font-weight: bold;
        font-size: 1.8rem;
        text-transform: uppercase;
    }

    li.bbp-forum-freshness a,
    li.bbp-topic-freshness a {
        text-transform: initial;
        font-family: var(--font-regular);
        font-size: 14px;
    }

    li.bbp-forum-info a,
    .bbp-topic-permalink {
        font-family: var(--font-regular);
        font-size: 1.6rem;
        text-transform: none;

    }

    div.bbp-template-notice.info {
       border: none;
        border-width: 0px !important;
        border-left: #3383f3 5px solid !important;
        background-color: #6daaff !important;
        border-radius: 0 !important;
        padding-top: 1px !important;
        padding-bottom: 1px !important;
        
    }

    div.bbp-template-notice p {
        color: black;
        font-size: 1.4rem;
    }

    div.bbp-template-notice.info a {
        color: var(--color-dark-blue);
    }

    div.bbp-template-notice.info p {
        color: white;
    }

    .bbp-breadcrumb p a {
        font-family: var(--font-condensed);
        font-weight: bold;
        font-size: 1.4rem;
        text-transform: uppercase;
    }

    .bbp-pagination-count {
        font-family: var(--font-condensed);
        font-weight: bold;
        font-size: 1.4rem;
        text-transform: uppercase;
    }

    input#bbp_search_submit {
        width: auto;
        background: var(--color-blue);
        color: white;
    }

    #bbpress-forums #bbp-search-form #bbp_search {
        width: 250px;
        border: 1px solid #d3d3d3;
    }

    form#bbp-search-form {
        margin-bottom: 1rem;
    }
    
    #bbpress-forums li.bbp-body {
        clear: both;
        padding: 0px;
    }

    #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta {
        font-size: 13.5px;
        margin: 5px 0 5px;
        padding: 0;
        word-wrap: break-word;
        text-transform: initial;
        font-family: var(--font-regular);
    }

    #bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar {
        float: none;
        margin-bottom: 0px;
        border: none;
        width: 3rem;
        border-radius: 5rem;
    }

    #bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
        border-radius: 10rem;
    }

    #bbpress-forums {
        font-size: 1.4rem;
    }

    #bbpress-forums .bbp-forums-list a {
        font-size: 1.3rem;
    }

    #bbpress-forums .bbp-forums-list li {
        padding: 0px;
    }

    #bbpress-forums div.bbp-reply-author img.avatar {
        border: none;
        max-width: 80px;
        padding: 0;
        margin: 12px auto 0 auto;
        float: none;
        border-radius: 50%;
    }

    #bbpress-forums div.bbp-template-notice img.avatar,
    ul.bbp-reply-revision-log img.avatar{
        display: none;
    }

    .bbp-reply-content p {
        font-size: 1.4rem;
    }

    .bbp-template-notice {
        border: none;
        border-width: 0px !important;
        border-left: #e6db55 5px solid !important;
        background-color: #ffffe0 !important;
        border-radius: 0 !important;
        padding-top: 1px !important;
        padding-bottom: 1px !important;
        color: white !important;
    }

    .subscription-toggle {
        margin-left: 15px;
    }

    .bbp-topic-started-by {
        font-size: 1.2rem;
    }
    
    .bbp-topic-started-in {
    font-size: 1.2rem;
    }
    
    a.button.logout-link,
    button#user-submit {
        margin-bottom: 2rem;
        font-family: var(--font-regular);
        font-size: 1.4rem;
        font-weight: bold;
        letter-spacing: 1px;
        text-transform: uppercase;
        background: #4f5a82;
        color: #fff;
        padding-left: 2rem;
        padding-right: 2rem;
        border-bottom: .7rem solid #394263;
    }

    .bbp-logged-in {
        background: white;
    }

        .bbp_widget_login img.avatar {
            padding-top: 0.5rem;
            margin-left: 1rem;
        }

        button#user-submit {
            float: right;
        }

        a.button.logout-link:hover,
        button#user-submit:hover {
            background: #394263;
            color: #fff;
            border-bottom: .7rem solid #4f5a82;
        }

    #sidebar .bbp-login-form label {
        width: 200px;
        font-weight: bold;
    }

    a.bbp-register-link,
    a.bbp-lostpass-link {
        margin-top: 1rem;
        font-size: 1.3rem;
        font-weight: bold;
    }

    .bbp-logged-in a {
        font-size: 1.6rem;
        font-weight: bold;
        color: var(--color-blue);
    }

        .bbp-logged-in a:hover {
            color: var(--color-dark-blue);
        }

    .bbp-breadcrumb-current {
        font-family: var(--font-condensed);
        color: var(--color-blue);
        font-weight: bold;
        font-size: 1.4rem;
        text-transform: uppercase;
    }

    .bbp-forum-header a.bbp-forum-permalink,
    .bbp-topic-header a.bbp-topic-permalink,
    .bbp-reply-header a.bbp-reply-permalink {
        float: right;
        margin-left: 10px;
        color: #8b8b8b;
    }

    #bbpress-forums div.bbp-topic-content a,
    #bbpress-forums div.bbp-reply-content a {
        color: var(--color-blue);
    }

    #bbpress-forums div.bbp-topic-content a:hover,
    #bbpress-forums div.bbp-reply-content a:hover {
        color: #4f5a82;
    }

    #bbpress-forums div.bbp-forum-author a.bbp-author-name,
    #bbpress-forums div.bbp-topic-author a.bbp-author-name,
    #bbpress-forums div.bbp-reply-author a.bbp-author-name {
        margin: 0;
    }

    .bbp-login-form .bbp-login-links a:hover {
        color: var(--color-blue);
    }

    .laptop .bbp-login-form .bbp-login-links a {
        float: initial;
        clear: initial;   
    }

    .xlarge .bbp-login-form .bbp-login-links a {
        float: left;
        clear: left;   
    }

    li.bbp-forum-info a:hover {
        color: var(--color-blue);
    }

    .bbp_widget_login {
        display: none;
    }

    .bbpress .bbp_widget_login {
        display: block;
    }

    .bbp-logged-in img.avatar {
        border-radius: 50%;
    }

    .bbp-logged-in h4 {
        padding-top: 1rem;
    }

    div#bbp-user-profile p {
        margin-bottom: 1rem;
    }

    .vcard a:hover {
        border-bottom-width: 0px;
    }

    .bbp-topic-freshness-author a:hover {
        border-bottom-width: 0;
    }

    .bbp-author-avatar {
       border-bottom-width: 0; 
    }

    .widget_display_topics ul li,
    .widget_display_replies ul li,
    .widget_display_forums ul li {
        list-style-type: square;
        margin-bottom: 1rem;
        margin-left: 2rem;
    }

    .widget_display_topics ul li a:hover,
    .widget_display_replies ul li a:hover,
    .widget_display_forums ul li a:hover {
        color: var(--color-blue);
    }

    #bbpress-forums div.bbp-the-content-wrapper input {
        display: inline-block;
        width: auto;
    }