.header-content-container h2
{
    font-size:50px;
    color:#fff;
}

/*nav.thecommunity-nav
{
    margin: 9px 50px 0 0;
}*/

.thecommunity-logo
{
    font-family: 'Lato', sans-serif;
    color:#fff;
    font-size: 1.25rem;
}

.hero-image
{
    box-shadow:0 0 50px rgba(0,0,0,0.5);
}

.profile-link ul li
{
    padding:0 3px;
}

section#login-section
{
    background: url("../thecommunity/backgrounds/thecommunity.jpg") 52% 20% no-repeat fixed #333;
    position:fixed;
    width:100%;
    height:100%;
    overflow: hidden;
    /*padding: 3% 0 17% 0;*/
    box-shadow:0 0 300px rgba(0,0,0,1) inset;
    background-size: cover;
    background-position: center;
    overflow-y: scroll;
}

section#join-section
{
    background: url("../thecommunity/backgrounds/join.jpg") 52% 20% no-repeat fixed #333;
    position:fixed;
    width:100%;
    height:100%;
    overflow: hidden;
    /*padding: 3% 0 17% 0;*/
    box-shadow:0 0 300px rgba(0,0,0,1) inset;
    background-size: cover;
    background-position: center;
    overflow-y: scroll;
}

section#forgotten-password-section
{
    background: url("../thecommunity/backgrounds/forgottenpassword.jpg") 52% 20% no-repeat fixed #333;
    position:fixed;
    width:100%;
    height:100%;
    overflow: hidden;
    /*padding: 3% 0 29% 0;*/
    box-shadow:0 0 300px rgba(0,0,0,1) inset;
    background-size: cover;
    background-position: center;
}

.thecommunity-profile-container
{
    margin-top:200px;
}

.article-edit-button
{
    font-size: 1.75rem;
    margin-top:25px; 
}

.image-container
{
    padding:5px 5px 1px 5px;
    border:2px solid #ccc;
}

.image-move
{
    -webkit-animation:slide-animation 5s ease-in-out infinite;
    animation: slide-animation 5s linear infinite;
}

@-webkit-keyframes slide-animation {
    0% 
    {
        margin: 0 0 0 -200px; 
    }
    100% 
    {
        margin:0;
	}
  }
  
  /* Standard syntax */
  @keyframes slide-animation 
  {
    0% { transform: rotate(-5deg); } 
    25% { transform: rotate(0deg); } 
    50% { transform: rotate(5deg); }
    75% { transform: rotate(0deg); } 
    100% { transform: rotate(-5deg); } 
}

/*.profile-container
{
    background: #f5f5f5;
    position: fixed;
    left:0;
    width: 385px;
    height:100%;
    padding:20px;
    top:0;
    z-index:1;
    overflow-y:auto;
    
}*/

.profile-padding
{
    padding:60px 20px;
}

.thecommunity-usermenu-container
{
    background:rgba(51,0,34,.9);
}

button .far:hover
{
    color:#007987;
    background:#f5f5f5;
    cursor: pointer;

    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a.icon-font
{
    font-size: 2.5rem;
}

.thecommunity-feature-container
{
    background:#333;
}

.article-item-container .featured-block-caption-container.featured-bg
{
    background:transparent;
    padding:10px 0;
}

.article-item-container h2
{
    font-size:1.125rem;
}

.view-container
{
    margin-top:-5px;
}

.view-container p
{
    margin-top:10px;
    font-size: 0.875rem;
}

.category-time-container .user-menu-outer-circle-border, .category-time-container p
{
    display:inline-block;
    vertical-align: middle;
}

.thecommunity-profile-image-bg-container
{
    padding: 20px;
}

.thecommunity-profile-image-bg-container label
{
    font-size: 0.875rem ;
}

.thecommunity-profile-subheader 
{
    text-transform: uppercase;
    font-weight: 500;
    margin-top:20px;
}

.thecommunity-profile-header-third-level
{
    margin-bottom: 15px;
}

.thecommunity-profile-header-third-level a
{
    color:#fff;
    text-decoration:underline;

    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.thecommunity-profile-header-third-level a:hover
{
    text-decoration:none;
}

.thecommunity-profile-social-media-block 
{
    display:inline-block;
}

.thecommunity-form-padding
{
    padding:0 2px !important;
}

.thecommunity-column-one-half
{
    width:50% !important;
}

.column.one-fourth.adjust 
{
    width: 17.26%;
}

.column.one-third.adjust 
{
    width: 32.5%;
}

.member-container
{
    background: #f9f9f9;
    padding:10px 10px 0 10px;

    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.member-container:hover
{
    background: #efefef;
    cursor: pointer;
}


.post-sidemenu
{
    background: rgba(1,25,25,.95) !important;
    box-shadow: 0 0 30px rgba(1,25,25,.3) !important;
}

button#post
{
    color:#fff;
    float:right;
    margin-top:10px;
    width:100px;
}

button#likes
{
    font-size:1.25rem;
}

.thecommunity-date-text
{
    position:relative; 
    font-size:0.875rem;
}

.thecommunity-post-divider
{
    width:250px; 
    margin: 20px auto;
}

.count-post
{
    padding: 5px;
    margin: -50px 1px -4px 15px;
    width: 28px;
    height: 28px;

    background: #FFA07A;
    border-radius: 50px;
    color: #fff;
    font-family: 'Lato', sans-serif;
}

button#post-sidemenu-button.active
{
    background:#f5f5f5;
    color:#236a44;
    
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.post-count-limit
{
    font-family: 'Lato', sans-serif;
    font-size:1rem;
}

button > span 
{
    pointer-events: none;
}

.textarea.post-textarea
{
    background:#fff;
    color:#333;
}

.green.outline
{
    background:transparent;
    border:1px solid #fff;
}

.article-item-container
{
    position:relative;
    border-radius:8px;
}

.follow
{
    width: 49.36%;
    font-weight: 200;
    display:inline-block;
}

.profile-container
{
    width: 98%;
}

.profile-user-container
{
    padding: 0 9px;
    display:inline-block;
    position: relative;
}

.profile-content-container
{
    padding:0 10px;
    display:inline-block;
    vertical-align: top;
}

.side-dropshadow
{
    box-shadow: 2px 10px 20px rgba(0,34.9,34.9,0.1);
}

.friend-circle-border
{
    border:4px solid #005959;
    margin-bottom:10px;
}


.friend-grid-item
{
    display:inline-block;
    padding:3px;
}

.friend-grid-item:hover .friend-circle-border
{
    border:5px solid #4682B4;

    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/***************************************************************************************************************************************************************************/
/*********************************************************************Media Queries | Mobile First Approach*****************************************************************/
/***************************************************************************************************************************************************************************/
@media screen and (min-width : 320px) 
{
    /* #wrapper
    {
        border:2px solid darkorange;
    } */

    .thecommunity-menu-container.menu-icon-container 
    {
        margin-right: 10%;
    }

    .profile-container
    {
        margin:20px auto;
        /*border:1px solid red;*/
    }

    .profile-user-container
    {
        width: 100%;
    }

    .profile-content-container
    {
        width:100%;
    }

    .purple-button
    {
        width: 145px;
    }

    .label
    {
        font-size:1rem;
    }

    .image-position
    {
        margin-top: 42px;
    }

    .article-edit-button
    {
        margin-top:-10px; 
    }

    .image-container
    {
        width: 133px;
    }

    .friend-grid-item
    {
        width:15%;
    }

    .friend-circle-border
    {
        width:86px;
        height:86px;
    }

    .thecommunity-profile-social-media-block 
    {
        padding: 0 3.7%;
    }
}

@media screen and (min-width : 375px) 
{
    /* #wrapper
    {
        border:2px solid aquamarine;
    } */
}

@media screen and (min-width : 414px) 
{
    /* #wrapper
    {
        border:2px solid darkcyan;
    } */
}

@media screen and (min-width : 568px) 
{
    /* #wrapper
    {
        border:2px solid salmon;
    } */


    .profile-user-container 
    {
        width: 26%;
    }

    .profile-content-container 
    {
        width: 60%;
    }

    .purple-button
    {
        width: 153px;
    }

    .article-edit-button
    {
        margin-top:10px; 
    }

    .image-container
    {
        width:200px;
    }

    .friend-grid-item 
    {
        width: 25%;
    }
}

@media screen and (min-width : 667px) 
{
    /* #wrapper
    {
        border:2px solid saddlebrown;
    } */

    .image-position 
    {
        margin-top: initial;
    }
}

@media screen and (min-width : 736px) 
{
    .image-container
    {
        width:200px; 
    }

    .friend-grid-item 
    {
        width: 24.3%;
    }
}

@media screen and (min-width : 768px) 
{
    /* #wrapper
    {
        border:2px solid teal;
    } */

    .member-grid-item
    {
        width: 49.1%;

    }

    .profile-user-container
    {
        border-right: 2px solid #e2e2e2;
    }
}

@media screen and (min-width : 812px) 
{
    /* #wrapper
    {
        border:2px solid yellow;
    } */

    .image-container
    {
        width:300px; 
    }
}

@media screen and (min-width : 992px) 
{
    /* #wrapper
    {
        border:2px solid pink;
    } */

}

@media screen and (min-width : 1024px) 
{
    /* #wrapper
    {
        border:2px solid orange;
    } */

    .member-grid-item
    {
        width: 32.75%;

    }

    .thecommunity-author-text
    {
        top:-6px;
    }

    .thecommunity-date-text
    {
        top:8px; 
    }

}

/* Large Devices, Wide Screens */
@media screen and (min-width : 1200px) 
{
    /* #wrapper
    {
        border:2px solid blue;
    } */

    .member-grid-item
    {
        width: 32.85%;

    }
}

/* Large Devices, Wide Screens */
@media screen and (min-width : 1366px) 
{ 
    /* #wrapper
    {
        border:2px solid green;
    } */

    .page-article
    {
        margin-top: -80px;
    }

    a.profile-grid-item
    {
        width: 25.01%;
    }

    .member-grid-item
    {
        width:19.832%;
    }

    .thecommunity-profile-social-media-block
    {
        padding: 0 4.2%;
    }

    /*.column.one-third 
    {
        width: 32.54% !important;
    }*/

    .profile-user-container
    {
        width: 24.4%;
    }

    .profile-content-container
    {
        width:75%;
    }

    .friend-grid-item
    {
        width:16.6%;
    }

    .friend-circle-border
    {
        width:85px;
        height:85px;
    }
    
}

@media screen and (min-width : 1367px) 
{ 
    /*#wrapper
    {
        border:2px solid red;
    }*/

    .thecommunity-menu-container.menu-icon-container 
    {
        margin-right: initial;
    }    

    .friend-grid-item
    {
        width: 24%;
    }

    .thecommunity-profile-social-media-block 
    {
        padding: 0 3.7%;
    }

    .profile-user-container
    {
        width: 14.1%;
    }

    .profile-content-container
    {
        width:85%;
    }
}