<style>
    body {
        font-family: sans-serif;
        margin: 0;
        padding: 0;
    }

    ul {
        padding: 0;
        display: inline-block;
        margin: 0;
        margin-right: -65px;
    }

    li {
        width: 46%;
        float: left;
        padding-right: 4%;
    }

    .container {
        width: 100%;
        margin: auto;
        border: 1px solid #5f6284;
    }

    .header {
        background-color: #3d494f;
        color: #fff;
        text-align: center;
        padding: 27px 0 10px;
    }

    .header h2 {
        font-size: 2.7rem;
        margin: 0;
        padding: 0;
        font-weight: normal;
        line-height: 1rem;
        text-transform: uppercase;
    }

    .header small {
        display: block;
        text-transform: lowercase;
        font-size: 1.5rem;
        letter-spacing: 2.7px;
    }

    .header a {
        color: #ffffff;
        text-decoration: none;
    }

    .content {
        display: flex;
        padding-left: 35px;
        border-right: 1px solid #f17821;
        border-top: 1px solid #f17821;
        border-radius: 0 30px 0 0;
        margin-top: 13px;
        padding-top: 20px;
        margin-right: 60px;
        background: url('/images/flyer/non-impact-flyer-top.jpg') right top no-repeat;
        background-size: contain;
    }

    .content .logo {
        margin-right: 45px;
    }

    .content .editor-info {
        align-content: center;
    }

    .editor-info h4 {
        font-size: 24px;
        font-weight: normal;
    }
    .issn{
        font-weight: normal;
        font-size: 1rem;
        color: #f17821;
    }
    .year{
        margin-left: 35px;
    }

    h1{
        font-family: 'AlternateGothic';
        font-size: 35px;
        letter-spacing: -1;
        font-weight:600;
        padding: 5px 0 0px 45px;
        color: #f17821;
        border-right: 1px solid #f17821;
        margin: 0px 60px 0px 0;
        text-transform:uppercase;
    }
.aims-scope-heading {
        font-weight: bold;
        font-size: 1.5rem;
        background-color: #3d494f;
        border-right: 60px solid #f17821;
        margin: 0;
        padding: 10px 0 7px 45px;
        color: #ffffff;
    }
    .aims-scope {
        border-right: 1px solid #f17821;
        padding: 10px 45px 10px 45px;
        margin-right: 60px;
        font-weight: normal;
        font-size: 0.9rem;
        color: #231f20;
        background-color: #ddf0f7;
        text-align: justify;
        line-height: 1.4em;
        height: 320px;
        display: block;
        overflow: hidden;
    }
    .aims-scope h3, .aims-scope h4, .aims-scope h5,{
        display:none;
    }
    .aims-scope p{
        margin-top: 0;
    }
    

    .editorial-contact {
        padding-top: 17px;
        margin-left: 88px;
        font-weight: normal;
        border-right: 1px solid #f17821;
        margin-right: 60px;
        padding-bottom: 20px;
    }

    .editorial-contact p.a {
        margin-bottom: 0;
        border-bottom: 2px solid #333;
        width: 180px;
        display: inline-block;
        padding-bottom: 6px;
    }

    .editorial-contact p.b {
        margin-top: 7px;
        margin-bottom: 0;
    }
    .editorial-contact p.b a{
        text-decoration: none; 
        color:inherit;
    }

    .footer {
        background: url('/images/flyer/non-impact-flyer-footer.jpg') left top no-repeat;
        height: 125px;
        background-color: #3e494f;
        background-size: cover;
    }
</style>

<div class="container" >
    <div class="header">
        <h2>Call for Papers<br><small><a href="mailto:{{$journal_flyer->subtitle}}@benthamscience.net">{{$journal_flyer->subtitle}}@benthamscience.net</a></small></h2>
    </div>

    <div class="content">
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
            <tr>
                <td width="265" class="logo">
                    
                    <img src="/images/flyer/journalimages/{{$journal_flyer->image_file_name}}" width="240">
                 
                </td>
                <td class="editor-info" valign="top">
                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                        <tr>
                            <td height="90" colspan="2">
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" height="90" valign="top">
                                @if(!empty($journal_eic->full_name_with_country))
                                <h4>
                                    <strong>Editor-in-Chief:</strong><br>
                                    {!!$journal_eic->full_name_with_country!!}
                                </h4>
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <td height="25" colspan="2">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p class="issn">
                                    ISSN: {{$journal_flyer->issn}}(Online)<br>
                                    ISSN: {{$journal_flyer->eissn}} (Print)
                                </p>
                            </td>
                            <td>
							@if(!empty($new_journal->year))
                                <img src="/images/flyer/{{$new_journal->year}}.png" class="year">
							@endif
                            </td>
                        </tr>
                    </table>

                </td>
            </tr>
        </table>       
        
    </div>

    <h1>{{$journal_flyer->title}}</h1>

		@php
			$aims_and_scope = str_replace("Aims and Scope:","",$journal_flyer->aims_and_scope);
			$aims_and_scope = str_replace("Aims &amp; Scope:","",$aims_and_scope);
			$aims_and_scope = str_replace("Aims &amp; Scope","",$aims_and_scope);
			$aims_and_scope = str_replace("Aims and Scope","",$aims_and_scope);
			
			$words = explode(' ', $aims_and_scope);
			$Words = array_slice($words, 0, 50);
			$result = implode(' ', $Words);
		@endphp

    <h4 class="aims-scope-heading">Aims & Scope</h4>
    <div class="aims-scope">
        <br>
		{!! $result !!}
		....<a href="journal/{{$journal_flyer->journal_id}}/about-journal" style="color: #231f20;">Read more</a>
    </div>

    <div class="editorial-contact">
        <p class="a">Editorial Office Contact</p>
        <p class="b">
            <a href="mailto:info@benthamscience.net">info@benthamscience.net</a><br>
            <a href="mailto:marketing@benthamscience.net">marketing@benthamscience.net</a>
        </p>
    </div>

    <div class="footer"></div>
</div>