.page {
    /* this is the new page colour - eventually update in the main css file. */
    /* background-color: #161819; */
    } 
@media only screen and (max-width: 640px) {
    .hidden_mobile_content {
        display:none !important;
    }
    .gal H2 {
        text-align:center !important; 
        margin-left:0px !important;        
    }
}
.follow_avatar_section{
    display:block;
    clear:both;
}

    
.item_card {
/*    background-color:#292e33;*/
    background-color:#eff4f9; /* e5f0f9; e3ecf3; */
    position: relative;
    display:inline-block;
    width:220px;
    margin:3px !important;
    margin-bottom:30px;
    padding:0px;
    padding-bottom:3px;
    border-radius: 6px;
    text-align:left;
    /*border:1px solid #ccc;*/
    border:0;
}
.item_card P {
    padding:8px;
    padding-top:2px;
    padding-bottom:2px;
    margin:0px;
    margin-bottom:0px;
}
.r_title {
    height:32px; /* allow for two lines */
    font-size:14px;
    color:#fff;
}
.follow_avatar {
    color:#fff;
    display:block;                
    height:42px !important; /* allow for two lines */
    padding-bottom:0px;
}
.follow_avatar SPAN {
    vertical-align: top;
    font-size:12px;
}
.follow_avatar img {
    width:40px;
    border-radius:100px;
    float:left;
    margin:0px 10px 10px 0px;
    position:relative;
    top:2px;
    left:2px;
}
.item_card A {
    padding:0px;
    margin:0px;
    margin-bottom:20px;
    font-size:12px;
}
.item_card SPAN {
    color:#999;
}
.r_item {
    background-color:#ccc;
    position: relative;
    display:inline-block;
    /*min-width:220px;*/
    width:22%;
    /*width:220px;*/
    /*min-height:200px;*/
    height:200px;
/*    margin:0px !important;*/
    padding:0px;
    border-radius: 6px 6px 0px 0px;
}
.r_item_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px 6px 0px 0px;
}
.section {                
/*    width:1280px;*/
    /*width: 1200px;*/
    max-width:1280px;
    margin:auto;
}
.gal {
/*    width: 1280px;*/
    width: 1200px;
    margin: auto;
    flex: none;
    max-width: 1280px !important;
}
.gal H2 {
    display:block;
    text-align:left;
    font-size:32px;
    /* color:#ccc; */
    color:#000;
    opacity: 0.5;
    margin-left:45px;
}
.gal H2 IMG {
    opacity: 0.7;
}
.gal H2 SPAN {
    font-size:14px;
    color:#292e33;
    width:100%;
    text-align:center;
    position:relative;
    top:-0px;
    margin:0px;
    padding-left:0px;
    display:block;
    opacity: 1;
}
.gal H2 A {
    opacity: 1;
}
.icon_load_more {width:40px;}
.piped_followed_images {
    margin-top:0px;
    background-color:#fff;
}
.piped_albums {
    border:0px solid red !important;
    padding:0px !important;
    margin:0px !important;
    background-color:#fff;
}
.no_album_msg {
    font-size:18px;
}
.msg_not_following {
    margin-top:100px;
    margin-bottom:160px;
    font-size:16px;
}
.loadmorebutton {
    background-color:#eff4f9; /* #A6AAB1; */
    cursor:pointer; 
    clear:both; 
    width:320px; 
/*    margin:30px 25px 30px auto; */
    margin:6px 62px 0px auto; 
    border:1px solid #ccc !important; 
/*    padding:0px!important; */
    padding:6px 0px 6px 0px!important;
    border-radius:4px;
    text-align:center;
    float:right;
}
.card_v2 {text-align:left; border-radius:4px; margin:3px !important; padding:0px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.card_v2 SPAN {position:relative; top:160px; background-color:rgba(0, 0, 0, 0.35); padding:6px; border-radius:0px 4px 4px 0px;}               
.barStyleMain {margin-left:0px !important; top:0px !important; padding:10px !important; padding-left:30px !important; color:#fff !important; background-color:#548bb8;}

.group_upload_button {
    padding:6px;
    font-weight:normal;
    position:relative;
    
    font-size:14px;
}
.group_upload_button:HOVER {
    font-weight:normal;
}

@media only screen and (max-width: 640px) {
    .loadmorebutton {
        width:80%; 
        margin:30px auto 30px auto; 
/*margin:0px auto 0px auto; */
        float:none;
    }
    
    .r_item {
        min-width:300px;
    }
}

