/*For Desktop*/
/*@media only screen and (min-width: 768px) {
	.show_mobile_toogle_icon .sec_title_container .btn-container span.toogle_icon{display: none;}
	.hide_desktop_toogle_icon .sec_title_container .btn-container span.toogle_icon{display: none;}
	.cx_shortcode.cx_cx_heading.hide_desktop_toogle_icon{pointer-events: none;}
	
}
*/
/*For Mobile*/
/*@media only screen and (max-width: 767px) {

	.hide_mobile_toogle_icon .sec_title_container .btn-container span.toogle_icon{display: none;}
	.show_desktop_toogle_icon .sec_title_container .btn-container span.toogle_icon {display: none;}
	.cx_shortcode.cx_cx_heading.hide_mobile_toogle_icon{pointer-events: none;}
}*/

/*
.btn-container a.cx-link.cx_btn.cx_btn_plain {
    padding: 0 !important;
    border-bottom: 1px solid var(--e-primary ) !important;
    border-radius: 0 !important;
}*/

/* veiw all button  */

.cx_shortcode.cx_cx_heading .sec_title_container {
  position: relative;
}

.cx_shortcode.cx_cx_cx_heading
  .sec_title_container
  .btn-container {
  position: absolute;
  top: 0;
  right: calc(0% + 30px);
  bottom: 0;
}

.cx_shortcode.cx_cx_heading
  .sec_title_container
  .btn-toogle {
  display: flex;
  align-items: center;
}

/* if toogle is enabled then we have to change right position of view all btn  */

/*for post collection in blog page */
.post-collection-column
  .cx_shortcode.cx_cx_heading
  .sec_title_container
  .btn-container {
  right: 0 !important;
}
/*toggle icon rotate*/
.cx_shortcode.cx_cx_heading.click_toogle_init[data-targetstate="visible"]
  .toogle_icon
  > i {
  rotate: 180deg;
}
.cx_shortcode.cx_cx_heading.click_toogle_init .toogle_icon > i {
  transition: 0.3s ease-in;
}
.cx_shortcode.cx_cx_heading[data-targetstate="visible"] .cx-title .title{display:block !important;}