
/*Cover Photo*/
.content_cover_photo{
  border-radius:var(--theme-widget-radius) var(--theme-widget-radius) 0 0;
	background-position:center center;
	background-size:cover;
	position:relative;
	height:300px;
}
.content_cover_photo_img{
  border-radius:var(--theme-widget-radius) var(--theme-widget-radius) 0 0;
  background-color:var(--theme-button-background-color);
  background:var(--theme-button-background-color);
  background:linear-gradient(103deg, rgba(196, 227, 252, 1) 0, var(--theme-button-background-color) 46%);
  background-position:center center;
  background-size:cover !important;
  display:inline-block;
  height:100%;
  position:relative;
  width:100%;
  overflow:hidden;
}
.content_cover_photo_img img{
  min-height:100%;
  min-width:100%;
  position:absolute;
  width:100%;
}
.cover_icon.dropdown{
  position:absolute;
  bottom:15px;
  right:15px;
}
.cover_icon.dropdown > button{
  background-color:#fff;
  color:#111;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:20px;
  height:35px;
  width:35px;
  border-radius:8px;
}
.cover_icon.dropdown > a:hover{
  color:var(--theme-font-color);
}
.content_cover_reposition_btns{
	position:absolute;
  right:1.25rem;
  bottom:1.25rem;
  display:flex;
  gap:0.9375rem;
}
[dir="rtl"] .content_cover_reposition_btns{
	left:1.25rem;
	right:auto;
}
.content_cover_fade,
.content_cover_overlay{
	border-radius:var(--theme-widget-radius) var(--theme-widget-radius) 0 0;
  background:rgba(0,0,0,0.1);
  bottom:0;
	left:0;
  position:absolute;
  top:0;
	right:0;
	display:flex;
	justify-content:center;
	align-items:center;
}
.content_cover_overlay .content_cover_loader{
  color:#fff;
  width:0.25rem;
  aspect-ratio:1;
  border-radius:50%;
  box-shadow:1.1875rem 0 0 0.4375rem, 2.375rem 0 0 0.1875rem, 3.5625rem 0 0 0;
  transform:translateX(-2.375rem);
  animation:l21 .5s infinite alternate linear;
}
@keyframes l21{
  50% {box-shadow:1.1875rem 0 0 0.1875rem, 2.375rem 0 0 0.4375rem, 3.5625rem 0 0 0.1875rem}
  100%{box-shadow:1.1875rem 0 0 0  , 2.375rem 0 0 0.1875rem, 3.5625rem 0 0 0.4375rem}
}

/*Cover Information*/
.content_cover_information{
  position:relative;
  padding:20px 40px;
}
.content_cover_information_main{
  display:flex;
  align-items:flex-start;
  gap:20px;
}
.content_cover_main_photo{
  border-width:1px;
  background-color:var(--theme-list-background-color);
  border-radius:15px;
  position:relative;
  padding:8px;
  width:200px;
  margin-top:-80px;
  display:flex;
}
.content_cover_main_photo_img{
  aspect-ratio:1 / 1;
  border-radius:7px;
  overflow:hidden;
}
.content_cover_main_photo_img img{
  object-fit:cover;
  height:100%;
  width:100%;
  max-width:100% !important;
  max-height:100% !important;
}
.content_cover_content{
  flex:1;
}
.content_cover_title{
  font-size:22px;
  font-weight:600;
  margin-bottom:0px;
  word-break:break-all;
  margin-bottom:10px;
  padding-right:25px;
}
[dir="rtl"] .content_cover_title{
  padding-left:25px;
  padding-right:0;
}
.content_cover_content_stat{
	font-size:var(--theme-font-size-small);
  margin-block:5px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
}
.content_cover_content_stat a{
  color:var(--theme-font-color);
}
.content_cover_content_stat > span + span::before{
  content:"•";
  opacity:0.8;
  margin:0px 0.3125rem;
}
.content_cover_rating i{
  color:#FFC43C;
  margin-inline:5px;
}
.content_cover_content_des a{
  color:var(--theme-color);
}
.content_cover_options{
  position:absolute;
  top:20px;
  right:20px;
}
[dir="rtl"] .content_cover_options{
  left:20px;
  right:auto;
}
.content_cover_options .btn{
  height:40px;
  width:40px;
}
.content_cover_footer{
  border-top-width:1px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:15px;
  padding-inline-start:40px;
}
.content_cover_footer_main_btn{
  min-width:200px;
}
.content_cover_footer_main_btn a{
  border-radius:.25rem;
  display:flex;
  height:40px;
  line-height:1;
}
.content_cover_footer_btn > a,
.content_cover_footer .savecollection_item_icon .savecollection_icon{
  border-radius:.25rem;
  height:40px;
  width:40px;
}
.content_cover_footer_btn > a i,
.content_cover_footer_btn > a:before,
.content_cover_footer_btn > a i:before{
	color:var(--theme-font-color);
  font-size:var(--theme-font-size);
  margin:0 !important;
  line-height:1;
}
.content_cover_option{
  position:absolute;
  bottom:20px;
  right:20px;
}
[dir="rtl"] .content_cover_option{
  left:20px;
  right:auto;
}
.content_cover_option > a{
  border-radius:8px;
  background:var(--theme-list-background-color);
  color:var(--theme-font-color-light);
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:20px;
  height:35px;
  width:35px;
}
.content_cover_option > a:hover{
  color:var(--theme-font-color);
}
/*Without Cover*/
.content_cover_wrapper.nocover .content_cover_main_photo{
  margin-top:0px;
}
.content_cover_wrapper.nocover .content_cover_information_main{
  align-items:flex-end;
}
/*Floating Strip*/
.content_cover_strip{
  background:var(--theme-list-background-color);
  z-index:8;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  padding:0;
  transition:all 0.3s ease;
  /* height:0; */
  opacity:0;
  visibility:hidden;
}
.content_cover_strip.fixed {
  box-shadow:0 2px 10px rgba(0,0,0,0.15);
  /* height:auto; */
  opacity:1;
  visibility:visible;
}
.content_cover_strip_inner{
  display:flex;
  justify-content:space-between;
  max-width:var(--theme-content-width);
  align-items:center;
  gap:15px;
  width:100%;
  margin:10px auto;
  padding:0 10px;
}
.content_cover_strip_left{
  display:flex;
  align-items:center;
  gap:15px;
  flex:1;
  min-width:1px;
}
.content_cover_strip_left ._img{
  height:55px;
  width:55px;
}
.content_cover_strip_left ._img .bg_item_photo,
.content_cover_strip_left ._img img{
  border-radius:3px;
  object-fit:cover;
  height:100%;
  width:100%;
}
.content_cover_strip_left ._title{
  font-size:var(--theme-title-size);
  font-weight:var(--theme-font-weight-bold);
  flex:1;
  min-width:1px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.content_cover_strip_right .btn{
  display:flex;
  align-items:center;
  gap:10px;
}
.content_cover_strip_right .btn:before,
.content_cover_strip_right .btn i{
  margin:0 !important;
  line-height:1;
}

@media(max-width:767px){
  .content_cover_photo_img img{
    top:0 !important;
  }
  .content_cover_information{
    padding:1.25rem 0.9375rem;
  }
  .content_cover_information_main{
    flex-direction:column;
    align-items:center !important;
  }
  .content_cover_content{
    width:100%;
  }
  .content_cover_content *{
    text-align:center !important;
    justify-content:center;
  }

  .content_cover_footer{
    padding:15px !important;
    justify-content:center;
  }
}
@media(max-width:600px){
  .content_cover_footer_main_btn{
    min-width:auto;
  }
  .content_cover_footer_main_btn{
    height:40px;
    width:40px;
  }
  .content_cover_footer_main_btn a span{
    display:none !important;
  }
  .content_cover_footer_main_btn a i{
    margin:0 !important;
  }
  .content_cover_footer_main_btn a i,
  .content_cover_footer_btn > a i,
  .content_cover_footer_btn > a:before,
  .content_cover_footer_btn > a i:before{
    font-size:1.25rem;
  }
}
@media(max-width:540px){
  .content_cover_main_photo{
    width:9.375rem;
    padding:0.25rem;
  }
  .content_cover_main_photo .content_cover_option{
    bottom:10px;
    right:10px;
  }
  [dir="rtl"] .content_cover_main_photo .content_cover_option{
    left:10px;
  }
  .content_cover_title,
  [dir=rtl] .content_cover_title{
    font-size:1.125rem;
    padding:0;
  }
  .content_cover_options{
    top:10px;
    right:10px;
  }
  [dir="rtl"] .content_cover_options{
    left:10px;
    right:auto;
  }
}