/* Gate.css */

[data-cross-id]{cursor:pointer;}
[data-cross-id] *{pointer-events:none;}

.cross-text a{text-decoration:underline!important;}
.cross-box{display:block;position:relative;border-radius:5px;margin:10px auto;padding:35px 25px;box-shadow:0 0 5px rgb(0 0 0 / 30%);background:#fff;text-align:center;overflow: hidden;}
.cross-box .title{font-size: 14px;position: absolute;left: 0px;top: 0px;line-height: 18px;background: #dfe7ed;font-weight: bold;padding: 0 5px;}
.cross-box a{font-size:20px;text-decoration:none!important;}

.cross-sites,.cross-posts{min-height:320px;margin:20px 30px;}
.cross-sites .swiper-pagination{display:none;}
.cross-sites .swiper-slide{min-width:420px;}
.cross-sites .swiper-slide .img{width:100%;height: 0;padding-top:56%;position:relative;display: block;}
.cross-sites .text,
.cross-sites .text b{display: block;}
.cross-sites .title{line-height: 32px;background: #fff;padding: 0 10px;font-weight: bold;margin-bottom: 10px;}

.rtl .cross-sites .swiper-slide .text{direction:rtl;}

.cross-posts{}


/*
.cross-posts .list{display:inline-flex;flex-wrap: wrap;}
.cross-posts .list .card{display:block;flex-grow: 1; width: 18%;margin:10px;}
*/

/*
.cross-posts .list{display:block;}
.cross-posts .list:after{content:' ';display:block;clear:both;}
.cross-posts .list .card{display:block;float:left;width: 18%;margin:10px;min-height: 450px;}

*/
.cross-posts .list{display: grid;gap: 10px;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
.cross-posts .list:after{content:' ';display:block;clear:both;}

.cross-posts .list .card{display:block;margin:10px;}
.cross-posts .list .card-body{display:block;padding:5px;}
.cross-posts .list .card-title{display:block;font-weight:bold;}
.cross-posts .list .card-img{display:block;height:0;padding-top:56.25%;}