<?php
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
?>
<style type="text/css">
.wfp-main-wrapper .wfp-collapsible {
  border-color: <?php esc_html_e( $wfp_title_border_color ); ?>;
  margin-top: <?php echo ( 'yes' === $wfp_item_margin ) ? 5 : 0; ?>px;
  border-bottom: <?php echo ( 'yes' === $wfp_item_margin ) ? 1 : 0; ?>px solid <?php esc_html_e( $wfp_title_border_color ); ?>;
  transition: all 0.5s linear;
  text-align: <?php esc_html_e( $wfp_item_alignment ); ?>;
  border-radius: <?php esc_html_e( $wfp_title_border_radius ); ?>px;
}
.wfp-main-wrapper .wfp-collapsible:hover,
.wfp-main-wrapper .wfp-collapsible.active:hover {
  background-color: <?php esc_html_e( $wfp_title_bg_color_hover ); ?> !important;
  border-color: <?php esc_html_e( $wfp_title_border_color_hover ); ?>;
}
.wfp-main-wrapper .wfp-collapsible.active {
  background-color: <?php esc_html_e( $wfp_title_bg_color_active ); ?>;
}
.wfp-main-wrapper .wfp-collapsible .wfp_title_class,
.wfp-main-wrapper .wfp-collapsible .wfp_open_cl_icon {
  font-size: <?php esc_html_e( $wfp_title_font_size ); ?>px;
  line-height: <?php esc_html_e( $wfp_title_font_size + 10 ); ?>px;
  <?php echo ( '' !== $wfp_item_font_family ) ? 'font-family:' . esc_attr( $wfp_item_font_family ) : ''; ?>;
}
.wfp-main-wrapper .wfp-collapsible .wfp_title_class {
  font-weight: <?php esc_html_e( $wfp_title_font_weight ); ?>;
  text-transform: <?php esc_html_e( $wfp_title_font_transform ); ?>;
  font-style: <?php esc_html_e( $wfp_title_font_style ); ?>;
}
.wfp-main-wrapper .wfp-collapsible.active .wfp_title_class {
  color: <?php esc_html_e( $wfp_title_font_color_active ); ?>;
}
.wfp-main-wrapper .wfp-collapsible.active .wfp_open_cl_icon {
  color: <?php esc_html_e( $wfp_open_close_icon_active_color ); ?>;
}
.wfp-main-wrapper .wfp-collapsible .wfp_open_cl_icon {
  float: <?php echo ( 'left' === $wfp_op_cl_item_alignment ) ? 'left' : 'right'; ?>;
  margin-right: <?php esc_html_e( $wfp_open_close_icon_spacing ); ?>px;
}
.wfp-main-wrapper .wfp-content,
.wfp-main-wrapper .wfp-content p,
.wfp-main-wrapper .wfp-content p span {
  color: <?php esc_html_e( $wfp_desc_font_color ); ?>;
  font-size: <?php esc_html_e( $wfp_desc_font_size ); ?>px;
  line-height: <?php esc_html_e( $wfp_desc_font_size + 10 ); ?>px;
  background-color: <?php esc_html_e( $wfp_desc_bg_color ); ?>;
  text-align: <?php esc_html_e( $wfp_item_alignment ); ?>;
}
.wfp-main-wrapper .wfp-content {
  border-color: <?php esc_html_e( $wfp_title_border_color ); ?>;
}
</style>