/*
Theme Name:     Bimber Child Theme
Theme URI:      http://bimber.bringthepixel.com
Description:    Got questions? Visit our <a href="http://bringthepixel.com/support/">support forum</a>.
Author:         bring the pixel
Author URI:     http://www.bringthepixel.com/
Template:       bimber
Version:        1.0
Tags:           fluid-layout, custom-colors, custom-menu, featured-images, post-formats, theme-options, threaded-comments, translation-ready
*/

/* Place all your CSS modifications below */

.g1-featured-row.g1-row-bg-alt {display:none !important}
.my-gallery { /* column-count: 2;column-gap: 8px; */  padding: 20px 15px 30px 15px; display: table;
    width: 100%;}
.my-gallery .mx-2 {break-inside: avoid;padding: 0px 0px;float: left;
    width: 33%; }

.my-gallery a { position: relative; display: inline-block; cursor: pointer; margin: 0px;color:#ccc;padding: 5px; }
.my-gallery .mx-2 figcaption{color:#999 !important}

 
@media  (min-width: 801px){
body .g1-column-2of3 {
    width: 85%;
}
}
.albumgrid ,
.albumgrid-main{padding:0px 15px}

.albumgrid a ,
.albumgrid-main a{ position: relative; display: inline-block; cursor: pointer; 
            margin: 0px; }

.albumgrid a[data-video-icon="true"]:after,
.albumgrid-main a[data-video-icon="true"]:after
 {
       position: absolute;
             top: 50%;
             left: 50%;
             transform: translate(-50%, -50%);
             -webkit-transform: translate(-50%, -50%);
             content:             '';height:60px;width:60px;border:2px solid #f20c77        ;
             border-radius:100%;box-shadow:0px 0px 15px rgb(17 17 17 / 61%); 
 }
.albumgrid a[data-video-icon="true"]:before ,
.albumgrid-main a[data-video-icon="true"]:before{
             position: absolute;
             top: 50%;
             left: 50%;
             transform: translate(-50%, -50%);
             -webkit-transform: translate(-50%, -50%);
             content:             '';
             opacity: 0.8;
             border: 0;
             background: transparent;
             box-sizing: border-box;
             width: 0;
             height: 30px;margin-left:4px;
             border-color: transparent transparent transparent #f20c77;
             transition: 100ms all ease;
             cursor: pointer;
             border-style: solid;
             border-width: 15px 0 15px 25px;
             }
.albumgrid a[data-video-icon="true"]:hover:before ,
.albumgrid-main a[data-video-icon="true"]:hover:before{opacity:1;border-left-color:#000}


 

.performer-cat {padding:0px 20px}
.field-type-taxonomy-term-reference .field-label, .field-type-taxonomy-term-reference ul.links {font-size: 16px;display: table;padding: 1px 0.3em 0;margin: 5px 1px 2px 2px;}
.field-type-taxonomy-term-reference ul.links { padding: 0; margin: 0; list-style: none; }
.field-type-taxonomy-term-reference ul.links li { display: inline-block; vertical-align: top; padding: 0 0.3em; white-space: nowrap;    background: linear-gradient(to bottom,#333 20%,#353535 80%);
 margin: 2px; border-radius: 3px; padding: 3px 7px; }
.field-type-taxonomy-term-reference ul.links li a { padding: 5px 0 20px; font-weight: 600; color: #fff; }
.field-type-taxonomy-term-reference ul.links li:hover {background:#000}

.performer-cat h3 {font-size:18px !important;}




.image-container {/* width: 100%; */border-radius: 4px;position: relative;height: 100%;object-fit: cover;z-index: 20;}.video-counter, .images-counter, .date-counter { position: absolute; border-radius: 2px; font-weight: 400; font-size: 12px; padding: 1px 5px 1px 5px; color: #fff; text-shadow: 0 0 14px rgb(0 0 0 / 20%); background: rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px); }.video-counter { left: 5px; top: 5px; /* display: none; */ }.images-counter { right: 5px; top: 5px; /* display: none; */ }




.albumgrid-main {
     column-count:3;

     column-gap: 10px;
}

.btscc-post-items {
     break-inside: avoid;
	    padding: 3px 1px;
}
  


.albumgrid,.albumgrid-main {
    padding: 0 15px;
 
}







.has-thumb.has-html5video:after  {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    content: '';
    height: 30px;
    width: 30px;
    border: 2px solid #f20c77;
    border-radius: 100%;
    box-shadow: 0 0 15px rgb(17 17 17/61%);
    opacity:0.5
}

.has-thumb.has-html5video:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    content: '';
    opacity: .5;
    border: 0;
    background: 0 0;
    box-sizing: border-box;
    width: 0;
    height: 20px;
    margin-left: 3px;
    border-color: transparent transparent transparent #f20c77;
    transition: 100ms all ease;
    cursor: pointer;
    border-style: solid;
    border-width: 10px 0 10px 15px;
    z-index: 8;
}

.has-thumb.has-html5video:hover:before{
    opacity: 1;
    border-left-color: #000
}

.has-thumb.has-html5video {}
.has-thumb.has-html5video.is-selected.is-nav-selected:before ,
.has-thumb.has-html5video.is-selected.is-nav-selected:after {display:none}






@media (max-width:800px){
    .my-gallery .mx-2 {
    break-inside: avoid;
    padding: 0px 0px;
    float: left;
    width: 100%;
}
}