{{:~registerFont(textFontFamily)}}
{{:~registerFont(titleFontFamily)}}
{{:~registerFont(titleFontFamilyH2)}}
{{:~registerFont(titleFontFamilyH3)}}
{{:~registerFont(titleFontFamilyH4)}}

<style>
  .module-{{:~moduleId}} .wsc_content_manager_module_slide[data-id="{{:itemId}}"] h1 {
    {{wscCSSStyleFontFamily: titleFontFamily}}
    {{wscCSSStyle: 'font-size' titleFontSize}}
    {{wscCSSStyle: 'line-height' titleLineHeight}}
    {{wscCSSStyle: 'letter-spacing' titleLetterSpacing}}
    {{wscCSSStyle: 'font-weight' titleFontWeight}}
    {{wscCSSStyleColor: titleColorTypeH1 titleCustomColorH1}}
    {{wscCSSStyleTextShadow: titleShadowStyle titleHShadow titleVShadow titleBlurRadius titleShadowColor}}
  }
</style>

<style>
  .module-{{:~moduleId}} .wsc_content_manager_module_slide[data-id="{{:itemId}}"] h2 {
    {{wscCSSStyleFontFamily: titleFontFamilyH2}}
    {{wscCSSStyle: 'font-size' titleFontSizeH2}}
    {{wscCSSStyle: 'line-height' titleLineHeightH2}}
    {{wscCSSStyle: 'letter-spacing' titleLetterSpacingH2}}
    {{wscCSSStyle: 'font-weight' titleFontWeightH2}}
    {{wscCSSStyleColor: titleColorTypeH2 titleCustomColorH2}}
    {{wscCSSStyleTextShadow: titleShadowStyleH2 titleHShadowH2 titleVShadowH2 titleBlurRadiusH2 titleShadowColorH2}}
  }
</style>

<style>
  .module-{{:~moduleId}} .wsc_content_manager_module_slide[data-id="{{:itemId}}"] h3 {
    {{wscCSSStyleFontFamily: titleFontFamilyH3}}
    {{wscCSSStyle: 'font-size' titleFontSizeH3}}
    {{wscCSSStyle: 'line-height' titleLineHeightH3}}
    {{wscCSSStyle: 'letter-spacing' titleLetterSpacingH3}}
    {{wscCSSStyle: 'font-weight' titleFontWeightH3}}
    {{wscCSSStyleColor: titleColorTypeH3 titleCustomColorH3}}
    {{wscCSSStyleTextShadow: titleShadowStyleH3 titleHShadowH3 titleVShadowH3 titleBlurRadiusH3 titleShadowColorH3}}
  }
</style>

<style>
  .module-{{:~moduleId}} .wsc_content_manager_module_slide[data-id="{{:itemId}}"] h4,
  .module-{{:~moduleId}} .wsc_content_manager_module_slide[data-id="{{:itemId}}"] h5,
  .module-{{:~moduleId}} .wsc_content_manager_module_slide[data-id="{{:itemId}}"] h6 {
    {{wscCSSStyleFontFamily: titleFontFamilyH4}}
    {{wscCSSStyle: 'font-size' titleFontSizeH4}}
    {{wscCSSStyle: 'line-height' titleLineHeightH4}}
    {{wscCSSStyle: 'letter-spacing' titleLetterSpacingH4}}
    {{wscCSSStyle: 'font-weight' titleFontWeightH4}}
    {{wscCSSStyleColor: titleColorTypeH4 titleCustomColorH4}}
    {{wscCSSStyleTextShadow: titleShadowStyleH4 titleHShadowH4 titleVShadowH4 titleBlurRadiusH4 titleShadowColorH4}}
  }
</style>

<style>
  .module-{{:~moduleId}} .call-to-action-content, .module-{{:~moduleId}} .call-to-action-content *{
    {{wscCSSStyleFontFamily: textFontFamily}}
    {{wscCSSStyle: 'letter-spacing' textLetterSpacing}}
    {{wscCSSStyle: 'font-size' textFontSize}}
    {{wscCSSStyle: 'line-height' textLineHeight}}
    {{wscCSSStyle: 'font-weight' textFontWeight}}
    {{wscCSSStyleTextShadow: textShadowStyle textHShadow textVShadow textBlurRadius textShadowColor}}
  }
</style>

<div class="call-box {{:ctaStyle}} {{:ctaAlign}} {{if ctaType == 'horizontal'}}row{{/if}}"
  style="
    {{if ctaStyle == 'call-to-action background-image call-to-action-dark'}}background-image:url({{:~utils.getModuleImageUrl(image.resized)}}){{/if}}
  ">

    <div {{if ctaType == 'horizontal'}}class="col-md-10"{{/if}}>
      <div class="call-to-action-title">
        <{{:headingLevel}}>
            {{:title}}
        </{{:headingLevel}}>
      </div>

      {{if description}}
        <div class="call-to-action-content">
          {{:description}}
        </div>
      {{/if}}
    </div>

    <div {{if ctaType == 'horizontal'}}class="col-md-2"{{/if}}>
      <a href="{{if url}}{{:url}}{{else}}#_{{/if}}"
          {{if urlType == 'new_window_link_type'}} target="_blank" {{/if}}
          {{if urlType == 'lightbox_link_type'}} data-lightbox="iframe" {{/if}}
          class="btn {{:btnSize}} {{:btnRounded}} {{:btnOutline}} {{:buttonStyle}}"
          {{if btnCustomColor == 'custom_color'}}style="background-color: {{:color}} !important; color: #fff!important; border-width: 0;"{{/if}}>
          {{:buttonTitle}}
      </a>
    </div>

    <div class="clear_float"></div>
</div>

{{if ~isEditMode }}
  {{include tmpl="wscMCMSlideActionPanel" ~noDrag=true /}}
{{/if}}