<?php

while (have_posts()) {
    the_post();
    $img = wp_get_attachment_url(get_post_thumbnail_id($post->ID));
    $cat = get_the_category($post->ID)[0]->cat_name;
    if ($cat == 'case') {
        ?>

<section class="case fullsize" <?php 
        inline_css($post->ID);
        ?>
>
  <div class="container">
    <article>
      <span class="title1"><?php 
        echo $post->post_title;
        ?>
</span>
      <p><?php 
        the_field('second_title', $post->ID);
        ?>
</p>
      <button class="cn cn-arrow-down"></button>
    </article>
  </div>
  <nav class="fullsize-nav">
    <a href class="nav-btn nav-left"></a>
    <a href class="nav-btn nav-right"></a>
  </nav>
</section>
function ajc_print_delayed_styles()
{
    global $ajc_styles;
    $ajc_css_loading_method = get_option('ajc_css_loading_method');
    switch ($ajc_css_loading_method) {
        case "import":
            echo "<style type=\"text/css\">";
            foreach ($ajc_styles as $style) {
                echo "@import url(\"{$style['src']}\")" . ($style['media'] ? " " . $style['media'] : '') . ";";
            }
            echo "</style>";
            break;
        case "js":
            ?>
			<script type="text/javascript">
				execOnReady(function(){
					var cssFiles = <?php 
            echo json_encode($ajc_styles);
            ?>
;
					for (i = 0; i < cssFiles.length; i++){
						var css = document.createElement("link");
						css.setAttribute('rel','stylesheet');
						css.setAttribute('type','text/css');
						if (cssFiles[i].media){
							css.setAttribute('media',cssFiles[i].media);
						}
						css.setAttribute('href',cssFiles[i].src);
						document.body.appendChild(css);
					}
				});
			</script>
			<?php 
            break;
        case "inline":
        case "inline_footer":
            $not_inlined = array();
            $minify = get_option('ajc_css_minify');
            //~ $ajc_styles = array_reverse($ajc_styles,true);
            foreach ($ajc_styles as $style) {
                echo "<style type=\"text/css\" " . ($style['media'] ? "media=\"{$style['media']}\"" : '') . ">";
                if (!inline_css($style['src'], $minify)) {
                    $not_inlined[] = $style;
                }
                echo "</style>";
            }
            if (!empty($not_inlined)) {
                foreach ($not_inlined as $style) {
                    ?>
<link rel="stylesheet"  href="<?php 
                    echo $style['src'];
                    ?>
" type="text/css" <?php 
                    echo $style['media'] ? "media=\"{$style['media']}\"" : '';
                    ?>
 /><?php 
                }
            }
            break;
        case "link":
            foreach ($ajc_styles as $style) {
                ?>
<link rel="stylesheet"  href="<?php 
                echo $style['src'];
                ?>
" type="text/css" <?php 
                echo $style['media'] ? "media=\"{$style['media']}\"" : '';
                ?>
 /><?php 
            }
    }
}
?>

<?php 
if ($the_query->have_posts()) {
    ?>

	<!-- pagination here -->
	<section>

	<!-- the loop -->
	<?php 
    while ($the_query->have_posts()) {
        $the_query->the_post();
        ?>
		<article class="news-item" <?php 
        inline_css($the_query->ID);
        ?>
>
			<span><?php 
        the_field('second_title', $the_query->ID);
        ?>
</span>
			<time datetime="<?php 
        the_time('Y-m-d');
        ?>
">
				<span><?php 
        the_time('d M');
        ?>
</span>
				<span><?php