<link href="{$template_path}/visual/modules/type/type-banner/css/style.css" rel="stylesheet">
{loop plugins::typeinfo($_typeid) $type}
<div class="type-banner type-banner-$_id">
    <img src="{$type['banner']}" alt="{$type['typename']}" cmseasy-id="$_typeid" cmseasy-table="type" cmseasy-field="banner" class="img-responsive cmseasyeditimg" />
</div>
<div class="type-banner-title type-banner-title-$_id">
    <div class="container $_text-align">

            <h1 cmseasy-id="{$type['typeid']}" cmseasy-table="type" cmseasy-field="typename" class="cmseasyedit ">
                {$type['typename']}
            </h1>
            <div class="clearfix"></div>
            {if $type['subtitle']}
            <p cmseasy-id="{$type['typeid']}" cmseasy-table="type" cmseasy-field="subtitle" class="cmseasyedit ">
                {$type['subtitle']}
            </p>
            {/if}

    </div>
</div>
{/loop}


<style type="text/css">
    .type-banner {
        height: $_height;
        background:$_background-color;
    }
    .type-banner-$_id {
        height: $_height;
    }
    .type-banner-title-$_id h1 {
        font-size:$_title-size;
        color:$_title-color;

    }

    .type-banner-title-$_id h1:hover {
        color:$_title-hover-color;

    }

    .type-banner-title-$_id p {
        font-size:$_subtitle-size;
        color:$_subtitle-color;
    }

    .type-banner-title-$_id p:hover {
        color:$_subtitle-hover-color;
    }


</style>