/*----------------- default for all folders -------------------*/
.folder-view                       { margin:0; clear:both; overflow:hidden }
.folder-view a                     { border:none; text-decoration:none }
.folder-view > li                  { float:left; margin:0; box-sizing:border-box; display:inline-block }
.folder-view li .img-wrapper       { position:relative; float:none }
.folder-view li.no-img .img-wrapper{ display:none }
.folder-view li.no-img .folder-details
                                   { margin:0 }
.folder-view li .img-block         { position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box }
/* .folder-view li.is-hidden .img-block .img-main::after
                                   { content:''; background:url(/modules/folder/media/hidden.gif); position:absolute; width:100%; height:100%; background-size:contain; background-position:center center; background-repeat:no-repeat } */
.folder-view li .img               { position:absolute; width:100%; height:100%; background-size: cover; background-position:center center; background-repeat:no-repeat; -webkit-transition:opacity .5s ease-in-out; -moz-transition:opacity .5s ease-in-out; -o-transition:opacity .5s ease-in-out; transition:opacity .5s ease-in-out }
.folder-view li.img-contain .img   { background-size:contain }
.folder-view li.img-cover .img     { background-size:cover }
.folder-view li.img-alt-contain .img-alt
                                   { background-size:contain }
.folder-view li.img-alt-cover .img-alt
                                   { background-size:cover }
.folder-view li .img-block:hover div.img-main.alt-exists
                                   { opacity:0 }
.folder-view li .img-block img     { display:block; opacity:0 }
.folder-view li .caption           { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; left:0; right:0 }
.folder-view li .caption.none      { display:none }
.folder-view li .caption.over      { position:absolute; overflow:hidden }
.folder-view li .caption.over.slide{ min-height:0; height:0 }
.folder-view li:hover .caption.over.slide
                                   { transition-property:height; transition-duration:.3s }
.folder-view li .caption h3        { margin-bottom:0 }
.folder-view li .caption-text-wrapper
                                   { padding:5px }
.folder-view li .folder-edit       { position:absolute; z-index:3; top:0; right:0; padding:4px 4px 4px 10px; background:rgba(255,255,255,0.6); opacity:0; -webkit-transition:opacity .3s ease-in-out; -moz-transition:opacity .3s ease-in-out; -o-transition:opacity .3s ease-in-out; transition:opacity .3s ease-in-out }
.folder-view li:hover .folder-edit { opacity:1 }
.folder-view li .folder-edit .alias{ display:none }
.folder-view li.is-alias .folder-edit .alias
                                   { display:inline }
.folder-view li .read-more:after   { content:'...read more'; white-space:nowrap; padding-left:5px }
.folder-view li .read-more         { text-decoration:none; font-style:italic; }
.folder-view li:last-child::after  { border:none }
.folder-view li .pg-date::before   { content:'on '; text-transform:none }
.folder-view li .pg-author::before { content:'by '; text-transform:none }


/*----------------- When item hidden -------------------*/

/* .folder-view li.is-hidden .img-block .img-main::after
                                   { content:''; background:url(/modules/folder/media/hidden.gif); position:absolute; width:100%; height:100%; background-size:contain; background-position:center center; background-repeat:no-repeat } */


.folder-view li.item.is-hidden .img-block a:not(.icn-action), .folder-view li.item.is-hidden .stock-trigger-img, .folder-view li.item.is-hidden .caption, .folder-view li.item.is-hidden .product-action-form, .folder-view li.item.is-hidden .folder-details { opacity: 0.15;}

.folder-view li.item.is-hidden .img-block:before {content: 'Hidden item'; position: absolute; top: 45%; color: #292929; display: block;z-index: 11;width: 100%;display: block;text-align: center;font-size: 1.25em;font-family: inherit;}

/*----------------- ajax-more-content -------------------*/
ul.folder-view li.ajax-more-content  { clear:both; width:100%; margin-top:20px }
ul.folder-view li.ajax-more-content div
                                   { cursor:pointer; color:#666; padding:10px; margin:0 auto; width:250px; background:#f2f2f2; text-align:center; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; font-size:1.1em }
ul.folder-view li.ajax-more-content div:hover
                                   { background:#dedede }
ul.folder-view li.ajax-more-content div::after
                                   { content:'Load More' }
ul.folder-view li.ajax-more-content.autoscroll
                                   { position:relative; height:100px; top:-20px; opacity:0; }

/*---------------- folder-list ----------------*/
.folder-list li.item               { position:relative; clear:both; width:100% }
.folder-list li::after             { content:""; display:block; width:1000%; clear:both }
.folder-list li .caption           { display:none }
.folder-list li.img-contain.no-h .img
                                   { background-size:contain }
.folder-list li.img-use-original .img
                                   { background-size:auto }

.folder-list li.img-inline.no-h div.img-block
                                   { height:auto }
.folder-list li.img-inline .img-wrapper
                                   { float:none }
.folder-wrapper .folder-list li.img-inline .folder-details
                                   { margin:0 }
.folder-list li.no-img .img-block  { display:none }
.folder-list li .img-block img     { pointer-events:none; max-width: 100% }

/*----------------- folder-tile -------------------*/
.folder-tile                       { overflow:hidden }
.folder-tile li                    { float:left }
.folder-tile li .folder-details    { display:none }
.folder-tile li .img-block img     { visibility:hidden; width:100%; }
.folder-tile li .caption-text-wrapper
                                   { text-align:center }
.folder-tile li .action-block .vat-status
                                   { display:none }

/*---------------- carousel ----------------*/
.folder-carousel				   { box-sizing:border-box; padding:0 23px }
.folder-carousel .linkable:hover   { cursor:pointer }
.folder-carousel ul                { list-style:none outside none; padding:0 }
.folder-carousel .slick-list ul li             { position:relative; margin-left:0!important; float:left }
.folder-carousel .box              { float:left; overflow:hidden; position:relative;width:100% }
.folder-carousel .box div.img  	   { margin-left:auto; margin-right:auto; background-position:center center;}
.folder-carousel .img img		   { opacity:0; visibility:hidden; width:100% }
.folder-carousel .caption		   { text-align: center}
.template-admin .folder-carousel   { max-width: 800px}

/*---------------- folder-col ----------------*/
.folder-col .row1                   { overflow:hidden; width:100%; margin-top:4px }
.folder-col .rowfooter             { clear:both; border-bottom:1px solid #888; padding:4px 0; margin-bottom:8px }
.folder-col .row2footer            { clear:left }
.folder-col .col                   { float:left }
.folder-col .colInner .thumb img   { float:left; margin-right:10px }
.folder-col .pg-title              { font-weight:700; margin-bottom:4px }
.folder-col .txt                   { font-size:11px; margin-bottom:2px }
.folder-col .row2                  { overflow:hidden }
.folder-col .row2 ul               { padding-left:4px }
.folder-col .col2-block            { float:left }
.folder-col .col2 a                { font-size:11px; text-decoration:none }
.folder-col .folder-edit           { clear:both; overflow:visible; float:right; margin:2px 24px 2px 0 }

/*----------------- folder-options -------------------*/
.folder-options                    { overflow:hidden }
.folder-options.has-options        { border-bottom:1px solid #bbb; margin-bottom:10px; padding:5px 0 }
.folder-options .row-view-options  { float:right }

.folder-options .row-view-options .radio-swatch
                                   { position:absolute; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; left:-100px; }
.folder-options .row-view-options label
                                   { cursor:pointer; display:inline-block; width:24px; height:20px; margin-right:5px; position:relative; background:url(/media/icons/view_icon.png) no-repeat; background-position:0 0; width:50px; border: 0px }
.folder-options .row-view-options .radio-swatch:checked + label::before
                                   { background:none; }
.folder-options .row-view-options .radio-swatch + label {opacity:.5}
.folder-options .row-view-options .radio-swatch:checked + label {opacity:1}
.folder-options .row-view-options #id_label_row_view_option_tile
                                   { background-position:0 -21px }
.folder-options .row-view-options #id_label_row_view_option_list::after
                                   { content:"List"; display:block; margin-left:30px }
.folder-options .row-view-options #id_label_row_view_option_tile::after
                                   { content:"Tile"; display:block; margin-left:25px }
.folder-options .row-sort-options  { float:left }
.folder-options input.radio-swatch:checked + label div 
								   { background: none }
