{"status":200,"designs":{"category":{"term_id":3,"slug":"category","name":"Category","layouts":[{"title":"Category 10","designId":3749,"designImage":"http:\/\/wplevelup.com\/wp-content\/uploads\/2018\/09\/cat-10.png","non_amp_template_html":"<div class=\"c10\">\r\n    {{loop_html_start}}\r\n    <div class=\"ca\">\r\n        <div class=\"c1\">\r\n            <a href=\"<?php echo get_permalink(); ?>\">\r\n              <?php if ( has_post_thumbnail() ) {  \r\n               $thumb_id = get_post_thumbnail_id();   \r\n               $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n               $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n               $image = $thumb_url_array[0];\r\n               $width = 223;\r\n               $height = 164;\r\n               $image = levelup_thumbnail( $image, $width, $height, true, false, true );\r\n               $image = $image[0];\r\n                ?>\r\n                    <img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\">\r\n            <?php } ?>\r\n            <\/a>\r\n        <\/div>\r\n        <div class=\"c2\">\r\n            <h3><a href=\"<?php echo get_permalink(); ?>\"><?php echo get_the_title(); ?><\/a><\/h3>\r\n            <div class=\"c10-at-inf\">\r\n                <div class=\"c10-at-dl\">\r\n                    <span><a class=\"c10-at\" href=\"<?php echo get_author_posts_url( get_the_author_meta( \"ID\" ), get_the_author_meta( \"user_nicename\" ) ); ?>\"><?php the_author(); ?><\/a><\/span>\r\n                    <span class=\"c10-gp\"> - <\/span> \r\n                    <span><?php echo get_the_date(); ?><\/span>\r\n                <\/div>\r\n                <span class=\"c10-cmn\"><a href=\"<?php echo comments_link(); ?>\"><?php echo comments_number(0,1,\"%\"); ?><\/a><\/span>\r\n            <\/div>\r\n            <?php echo the_excerpt(); ?>\r\n        <\/div>\r\n    <\/div>\r\n    {{loop_html_end}}\r\n<\/div><!-- \/.c10 -->","non_amp_template_css":".c10 {width: 744px;margin-top: 20px;}\r\n.ca{\r\n    display: flex;\r\n    width:100%;\r\n    flex-wrap:wrap;\r\n    margin-bottom: 30px;\r\n}\r\n.c1{\r\n    width:30%;\r\n    margin-right: 25px;\r\n    display: flex;\r\n}\r\n.c1 a{\r\n    line-height:0;\r\n    display:block;\r\n}\r\n.c1 img{\r\n    width:100%;\r\n    height:100%;\r\n}\r\n.c2{\r\n    width:65%;\r\n    font-size: 13px;\r\n    color: #777;\r\n}\r\n.c2 h3{\r\n    font-size: 22px;\r\n    line-height: 1.2;\r\n    font-weight: 500;\r\n    margin: 0 0 6px;\r\n    font-family: roboto,sans-serif;\r\n}\r\n.c2 h3 a{color:#111;text-decoration:none;}\r\n\r\n.c10-at-inf{\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-bottom: 10px;\r\n}\r\n.c10-at-dl{\r\n    font-size: 11px;\r\n    line-height:1.2;\r\n    font-weight: 400;\r\n    flex-grow: 1;\r\n    color: #aaa;\r\n}\r\n.c10-at-inf a{text-decoration:none;}\r\n.c10-at-dl .c10-gp{\r\n    margin: 0 2px;\r\n    color: #ccc;\r\n}\r\n.c10-at-dl .c10-at{font-weight: 600;text-decoration: none;color:#000;text-transform: capitalize;}\r\n.c10-cmn a{\r\n    background: #000;\r\n    padding: 2px 5px 3px 6px;\r\n    position: relative;\r\n    font-size: 11px;\r\n    color: #fff;\r\n    line-height: 1.2;\r\n    text-decoration: none;\r\n}\r\n.c10-cmn a:after{\r\n    position: absolute;\r\n    bottom: -3px;\r\n    left: 0;\r\n    content: \"\";\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    border-width: 3px 3px 0 0;\r\n    border-color: #000 transparent transparent transparent;\r\n}\r\n.ca:hover .c2 h1 a{color:#4db2ec;}\r\n\r\n@media (max-width: 768px){\r\n    .c10{\r\n        width: 100%;\r\n    }\r\n}\r\n@media(max-width:500px){\r\n    .c2 h1{\r\n        font-size: 14px;\r\n        line-height: 1.2;\r\n        font-weight: 500;\r\n    }\r\n    .c1 {\r\n        margin-right: 15px;\r\n    }\r\n    .c2 p{display:none;}\r\n    .c10-cmn{display:none;}\r\n    .c2 {width: 64%;}\r\n\r\n}","amp_template_html":"<div class=\"c10\">\r\n    {{loop_html_start}}\r\n    <div class=\"ca\">\r\n        <div class=\"c1\">\r\n            <a href=\"<?php echo get_permalink(); ?>\">\r\n              <?php if ( has_post_thumbnail() ) {  \r\n               $thumb_id = get_post_thumbnail_id();   \r\n               $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n               $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n               $image = $thumb_url_array[0];\r\n               $width = 223;\r\n               $height = 164;\r\n               $image = levelup_thumbnail( $image, $width, $height, true, false, true );\r\n               $image = $image[0];\r\n                ?>\r\n                    <amp-img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\"><\/amp-img>\r\n            <?php } ?>\r\n            <\/a>\r\n        <\/div>\r\n        <div class=\"c2\">\r\n            <h3><a href=\"<?php echo get_permalink(); ?>\"><?php echo get_the_title(); ?><\/a><\/h3>\r\n            <div class=\"c10-at-inf\">\r\n                <div class=\"c10-at-dl\">\r\n                    <span><a class=\"c10-at\" href=\"<?php echo get_author_posts_url( get_the_author_meta( \"ID\" ), get_the_author_meta( \"user_nicename\" ) ); ?>\"><?php the_author(); ?><\/a><\/span>\r\n                    <span class=\"c10-gp\"> - <\/span> \r\n                    <span><?php echo get_the_date(); ?><\/span>\r\n                <\/div>\r\n                <span class=\"c10-cmn\"><a href=\"<?php echo comments_link(); ?>\"><?php echo comments_number(0,1,\"%\"); ?><\/a><\/span>\r\n            <\/div>\r\n            <?php echo the_excerpt(); ?>\r\n        <\/div>\r\n    <\/div>\r\n    {{loop_html_end}}\r\n<\/div><!-- \/.c10 -->","amp_template_css":".c10 {width: 744px;margin-top: 20px;}\r\n.ca{\r\n    display: flex;\r\n    width:100%;\r\n    flex-wrap:wrap;\r\n    margin-bottom: 30px;\r\n}\r\n.c1{\r\n    width:30%;\r\n    margin-right: 25px;\r\n    display: flex;\r\n}\r\n.c1 a{\r\n    line-height:0;\r\n    display:block;\r\n}\r\n.c1 amp-img{\r\n    width:100%;\r\n    height:100%;\r\n}\r\n.c2{\r\n    width:65%;\r\n    font-size: 13px;\r\n    color: #777;\r\n}\r\n.c2 h3{\r\n    font-size: 22px;\r\n    line-height: 1.2;\r\n    font-weight: 500;\r\n    margin: 0 0 6px;\r\n    font-family: roboto,sans-serif;\r\n}\r\n.c2 h3 a{color:#111;text-decoration:none;}\r\n\r\n.c10-at-inf{\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-bottom: 10px;\r\n}\r\n.c10-at-dl{\r\n    font-size: 11px;\r\n    line-height:1.2;\r\n    font-weight: 400;\r\n    flex-grow: 1;\r\n    color: #aaa;\r\n}\r\n.c10-at-inf a{text-decoration:none;}\r\n.c10-at-dl .c10-gp{\r\n    margin: 0 2px;\r\n    color: #ccc;\r\n}\r\n.c10-at-dl .c10-at{font-weight: 600;text-decoration: none;color:#000;text-transform: capitalize;}\r\n.c10-cmn a{\r\n    background: #000;\r\n    padding: 2px 5px 3px 6px;\r\n    position: relative;\r\n    font-size: 11px;\r\n    color: #fff;\r\n    line-height: 1.2;\r\n    text-decoration: none;\r\n}\r\n.c10-cmn a:after{\r\n    position: absolute;\r\n    bottom: -3px;\r\n    left: 0;\r\n    content: \"\";\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    border-width: 3px 3px 0 0;\r\n    border-color: #000 transparent transparent transparent;\r\n}\r\n.ca:hover .c2 h1 a{color:#4db2ec;}\r\n\r\n@media (max-width: 768px){\r\n    .c10{\r\n        width: 100%;\r\n    }\r\n}\r\n@media(max-width:500px){\r\n    .c2 h1{\r\n        font-size: 14px;\r\n        line-height: 1.2;\r\n        font-weight: 500;\r\n    }\r\n    .c1 {\r\n        margin-right: 15px;\r\n    }\r\n    .c2 p{display:none;}\r\n    .c10-cmn{display:none;}\r\n    .c2 {width: 64%;}\r\n\r\n}","design_unique_name":"Design-10","design_preview_url":"http://wplevelup.com/elements/category/category-design-10/","settings_arrays":[{"field":"","field-name":"","field-settings":""}]},{"title":"Category 9","designId":3748,"designImage":"http:\/\/wplevelup.com\/wp-content\/uploads\/2018\/09\/cat-9.png","non_amp_template_html":"<div class=\"c9\">\r\n                    {{loop_html_start_1}}\r\n                    <div class=\"c9-a\">\r\n                        <div class=\"c9-1\">\r\n                            <a href=\"<?php echo get_permalink(); ?>\">\r\n                              <?php if ( has_post_thumbnail() ) {  \r\n                               $thumb_id = get_post_thumbnail_id();   \r\n                               $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n                               $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n                               $image = $thumb_url_array[0];\r\n                               $width = 334;\r\n                               $height = 447;\r\n                               $image = levelup_thumbnail( $image, $width, $height, true, false, true );\r\n                               $image = $image[0];\r\n                                ?>\r\n                                    <img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\">\r\n                            <?php } ?>\r\n                            <\/a>\r\n\r\n                            <ul class=\"c9-cat\">\r\n                                <?php $categories = get_the_category(); ?>\r\n                                <li><a href=\"<?php echo get_category_link($categories[0]->cat_ID); ?>\"><?php  \r\n                                    $cat_name = $categories[0]->cat_name; \r\n                                    echo ucfirst( $cat_name);\r\n                                    ?><\/a>\r\n                                <\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                        <div class=\"c9-2\">\r\n                            <h3><a href=\"<?php echo get_permalink(); ?>\"><?php echo get_the_title(); ?><\/a><\/h3>\r\n                            <div class=\"c9-at-inf\">\r\n                                <div class=\"c9-at-dl\">\r\n                                    <span><a class=\"at\" href=\"<?php echo get_author_posts_url( get_the_author_meta( \"ID\" ), get_the_author_meta( \"user_nicename\" ) ); ?>\"><?php the_author(); ?><\/a><\/span>\r\n                                    <span class=\"c9-gp\"> - <\/span> \r\n                                    <span><?php echo get_the_date(); ?><\/span>\r\n                                <\/div>\r\n                                <span><a class=\"c9-cmn\" href=\"<?php echo comments_link(); ?>\"><?php echo comments_number(0,1,\"%\"); ?><\/a><\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    {{loop_html_end_1}}\r\n                    <div class=\"c9-b\">\r\n                        <ul class=\"c9-lst\">\r\n                            {{loop_html_start}}\r\n                            <li>\r\n                                <div class=\"c9-im\">\r\n                                  <a href=\"<?php echo get_permalink(); ?>\">\r\n                                   <?php if ( has_post_thumbnail() ) {  \r\n                                   $thumb_id = get_post_thumbnail_id();   \r\n                                   $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n                                   $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n                                   $image = $thumb_url_array[0];\r\n                                   $width = 98;\r\n                                   $height = 64;\r\n                                   $image = levelup_thumbnail( $image, $width, $height, true, false, true );\r\n                                   $image = $image[0];\r\n                                    ?>\r\n                                        <img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\">\r\n                                    <?php } ?>\r\n                                  <\/a>\r\n                                <\/div>\r\n                                <div class=\"c9-tlt\">\r\n                                    <h4><a href=\"<?php echo get_permalink(); ?>\"><?php echo get_the_title(); ?><\/a><\/h4>\r\n                                    <span><?php echo get_the_date(); ?><\/span>\r\n                                <\/div>\r\n                            <\/li>\r\n                            {{loop_html_end}}\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div><!-- \/.c9 -->","non_amp_template_css":".c9{\r\n    width:100%;\r\n    display: flex;\r\n    margin-top: 20px;\r\n}\r\n.c9-1 a{display:block;line-height:0;}\r\n.c9-a{\r\n    width:30%;\r\n}\r\n.c9-1{\r\n    position:relative;\r\n}\r\n.c9-1 img{\r\n    width:100%;\r\n    position: relative;\r\n}\r\n.c9-cat{\r\n    padding:0;\r\n    margin:0;\r\n    position: absolute;\r\n    bottom: 20px;\r\n}\r\n.c9-cat li{\r\n    display:inline-block;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n}\r\n.c9-cat li a{\r\n    background-color: #222;\r\n    color:#fff;\r\n    padding: 2px 6px 3px;\r\n    text-decoration:none;\r\n    display: inline;\r\n}\r\n.c9-at-inf{\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.c9-at-dl{\r\n    font-size: 11px;\r\n    line-height:1.2;\r\n    font-weight: 400;\r\n    flex-grow: 1;\r\n    color: #aaa;\r\n}\r\n.c9-at-inf a{text-decoration:none;color:#fff;}\r\n.c9-at-dl .c9-gp{\r\n    margin: 0 2px;\r\n    color: #ccc;\r\n}\r\n.c9-at-dl .at{font-weight: 600;text-decoration: none;color:#000;text-transform: capitalize;}\r\n.c9-cmn{\r\n    background: #000;\r\n    padding: 2px 5px 3px 6px;\r\n    position: relative;\r\n    font-size: 11px;\r\n    color: #fff;\r\n    line-height: 1.2;\r\n    text-decoration: none;\r\n}\r\n.c9-cmn:after{\r\n    position: absolute;\r\n    bottom: -3px;\r\n    left: 0;\r\n    content: \" \";\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    border-width: 3px 3px 0 0;\r\n    border-color: #000 transparent transparent transparent;\r\n}\r\n.c9-2{\r\n    margin-top: 10px;\r\n}\r\n.c9-2 h3{\r\n    font-size: 25px;\r\n    line-height: 1.2;\r\n    font-weight: 900;\r\n    margin: 0px 0px 5px 0px;\r\n}\r\n.c9-2 h3 a{\r\n    color:#111;\r\n    text-decoration:none;\r\n}\r\n.c9-a:hover .c9-2 h1 a{color:#4db2ec;}\r\n.c9-cat li a:hover{background-color:#4db2ec;}\r\n.c9-lst{\r\n    padding:0;\r\n    margin:0;\r\n    width: 100%;\r\n    display: inline-block;\r\n}\r\n.c9-lst li{\r\n    display: inline-flex;\r\n    width: 44%;\r\n    margin: 0px 0px 25px 40px;\r\n}\r\n.c9-b{width:70%;}\r\n.c9-im{\r\n    margin-right: 15px;\r\n    flex: 0 0 30%;\r\n    width: 30%;\r\n}\r\n.c9-im a{line-height:0;display:block;}\r\n.c9-im img{width:100%;height:auto;}\r\n.c9-tlt h4{\r\n    font-size: 13px;\r\n    line-height: 18px;\r\n    font-weight: 600;\r\n    margin: 0 0 6px;\r\n}\r\n.c9-tlt h4 a{\r\n    color:#111;\r\n    text-decoration:none;\r\n}\r\n.c9-tlt{\r\n    font-size: 11px;\r\n    line-height: 1;\r\n    color:#aaa;\r\n}\r\n.c9-lst li:hover .c9-tlt h4 a{color:#4db2ec;}\r\n\r\n@media(max-width:768px){\r\n    .c9-im {\r\n       flex: 0 0 40%;\r\n    }\r\n    .c9-lst li {\r\n        margin: 0px 0px 25px 30px;\r\n    }\r\n}\r\n\r\n@media(max-width:500px){\r\n    .c9 {\r\n        display: inline-flex;\r\n        flex-direction: column;\r\n    }\r\n    .c9-a, .c9-b {\r\n        width: 100%;\r\n    }\r\n    .c9-lst li {\r\n        margin: 0px 0px 25px 0px;\r\n        width:100%;\r\n    }\r\n    .c9-lst{margin-top:30px;}\r\n\r\n}","amp_template_html":"<div class=\"c9\">\r\n                    {{loop_html_start_1}}\r\n                    <div class=\"c9-a\">\r\n                        <div class=\"c9-1\">\r\n                            <a href=\"<?php echo get_permalink(); ?>\">\r\n                              <?php if ( has_post_thumbnail() ) {  \r\n                               $thumb_id = get_post_thumbnail_id();   \r\n                               $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n                               $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n                               $image = $thumb_url_array[0];\r\n                               $width = 334;\r\n                               $height = 447;\r\n                               $image = levelup_thumbnail( $image, $width, $height, true, false, true );\r\n                               $image = $image[0];\r\n                                ?>\r\n                                    <img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\">\r\n                            <?php } ?>\r\n                            <\/a>\r\n\r\n                            <ul class=\"c9-cat\">\r\n                                <?php $categories = get_the_category(); ?>\r\n                                <li><a href=\"<?php echo get_category_link($categories[0]->cat_ID); ?>\"><?php  \r\n                                    $cat_name = $categories[0]->cat_name; \r\n                                    echo ucfirst( $cat_name);\r\n                                    ?><\/a>\r\n                                <\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                        <div class=\"c9-2\">\r\n                            <h3><a href=\"<?php echo get_permalink(); ?>\"><?php echo get_the_title(); ?><\/a><\/h3>\r\n                            <div class=\"c9-at-inf\">\r\n                                <div class=\"c9-at-dl\">\r\n                                    <span><a class=\"at\" href=\"<?php echo get_author_posts_url( get_the_author_meta( \"ID\" ), get_the_author_meta( \"user_nicename\" ) ); ?>\"><?php the_author(); ?><\/a><\/span>\r\n                                    <span class=\"c9-gp\"> - <\/span> \r\n                                    <span><?php echo get_the_date(); ?><\/span>\r\n                                <\/div>\r\n                                <span><a class=\"c9-cmn\" href=\"<?php echo comments_link(); ?>\"><?php echo comments_number(0,1,\"%\"); ?><\/a><\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    {{loop_html_end_1}}\r\n                    <div class=\"c9-b\">\r\n                        <ul class=\"c9-lst\">\r\n                            {{loop_html_start}}\r\n                            <li>\r\n                                <div class=\"c9-im\">\r\n                                  <a href=\"<?php echo get_permalink(); ?>\">\r\n                                   <?php if ( has_post_thumbnail() ) {  \r\n                                   $thumb_id = get_post_thumbnail_id();   \r\n                                   $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n                                   $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n                                   $image = $thumb_url_array[0];\r\n                                   $width = 98;\r\n                                   $height = 64;\r\n                                   $image = levelup_thumbnail( $image, $width, $height, true, false, true );\r\n                                   $image = $image[0];\r\n                                    ?>\r\n                                        <amp-img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\"><\/amp-img>\r\n                                    <?php } ?>\r\n                                  <\/a>\r\n                                <\/div>\r\n                                <div class=\"c9-tlt\">\r\n                                    <h4><a href=\"<?php echo get_permalink(); ?>\"><?php echo get_the_title(); ?><\/a><\/h4>\r\n                                    <span><?php echo get_the_date(); ?><\/span>\r\n                                <\/div>\r\n                            <\/li>\r\n                            {{loop_html_end}}\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div><!-- \/.c9 -->","amp_template_css":".c9{\r\n    width:100%;\r\n    display: flex;\r\n    margin-top: 20px;\r\n}\r\n.c9-1 a{display:block;line-height:0;}\r\n.c9-a{\r\n    width:30%;\r\n}\r\n.c9-1{\r\n    position:relative;\r\n}\r\n.c9-1 img{\r\n    width:100%;\r\n    position: relative;\r\n}\r\n.c9-cat{\r\n    padding:0;\r\n    margin:0;\r\n    position: absolute;\r\n    bottom: 20px;\r\n}\r\n.c9-cat li{\r\n    display:inline-block;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n}\r\n.c9-cat li a{\r\n    background-color: #222;\r\n    color:#fff;\r\n    padding: 2px 6px 3px;\r\n    text-decoration:none;\r\n    display: inline;\r\n}\r\n.c9-at-inf{\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.c9-at-dl{\r\n    font-size: 11px;\r\n    line-height:1.2;\r\n    font-weight: 400;\r\n    flex-grow: 1;\r\n    color: #aaa;\r\n}\r\n.c9-at-inf a{text-decoration:none;color:#fff;}\r\n.c9-at-dl .c9-gp{\r\n    margin: 0 2px;\r\n    color: #ccc;\r\n}\r\n.c9-at-dl .at{font-weight: 600;text-decoration: none;color:#000;text-transform: capitalize;}\r\n.c9-cmn{\r\n    background: #000;\r\n    padding: 2px 5px 3px 6px;\r\n    position: relative;\r\n    font-size: 11px;\r\n    color: #fff;\r\n    line-height: 1.2;\r\n    text-decoration: none;\r\n}\r\n.c9-cmn:after{\r\n    position: absolute;\r\n    bottom: -3px;\r\n    left: 0;\r\n    content: \" \";\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    border-width: 3px 3px 0 0;\r\n    border-color: #000 transparent transparent transparent;\r\n}\r\n.c9-2{\r\n    margin-top: 10px;\r\n}\r\n.c9-2 h3{\r\n    font-size: 25px;\r\n    line-height: 1.2;\r\n    font-weight: 900;\r\n    margin: 0px 0px 5px 0px;\r\n}\r\n.c9-2 h3 a{\r\n    color:#111;\r\n    text-decoration:none;\r\n}\r\n.c9-a:hover .c9-2 h1 a{color:#4db2ec;}\r\n.c9-cat li a:hover{background-color:#4db2ec;}\r\n.c9-lst{\r\n    padding:0;\r\n    margin:0;\r\n    width: 100%;\r\n    display: inline-block;\r\n}\r\n.c9-lst li{\r\n    display: inline-flex;\r\n    width: 44%;\r\n    margin: 0px 0px 25px 40px;\r\n}\r\n.c9-b{width:70%;}\r\n.c9-im{\r\n    margin-right: 15px;\r\n    flex: 0 0 30%;\r\n    width: 30%;\r\n}\r\n.c9-im a{line-height:0;display:block;}\r\n.c9-im img{width:100%;height:auto;}\r\n.c9-tlt h4{\r\n    font-size: 13px;\r\n    line-height: 18px;\r\n    font-weight: 600;\r\n    margin: 0 0 6px;\r\n}\r\n.c9-tlt h4 a{\r\n    color:#111;\r\n    text-decoration:none;\r\n}\r\n.c9-tlt{\r\n    font-size: 11px;\r\n    line-height: 1;\r\n    color:#aaa;\r\n}\r\n.c9-lst li:hover .c9-tlt h4 a{color:#4db2ec;}\r\n\r\n@media(max-width:768px){\r\n    .c9-im {\r\n       flex: 0 0 40%;\r\n    }\r\n    .c9-lst li {\r\n        margin: 0px 0px 25px 30px;\r\n    }\r\n}\r\n\r\n@media(max-width:500px){\r\n    .c9 {\r\n        display: inline-flex;\r\n        flex-direction: column;\r\n    }\r\n    .c9-a, .c9-b {\r\n        width: 100%;\r\n    }\r\n    .c9-lst li {\r\n        margin: 0px 0px 25px 0px;\r\n        width:100%;\r\n    }\r\n    .c9-lst{margin-top:30px;}\r\n\r\n}","design_unique_name":"Design-9","design_preview_url":"http://wplevelup.com/elements/category/category-design-9/","settings_arrays":[{"field":"","field-name":"","field-settings":""}]},{"title":"Category 8","designId":3746,"designImage":"http:\/\/wplevelup.com\/wp-content\/uploads\/2018\/09\/cat-8.png","non_amp_template_html":"<div class=\"c8\">\r\n                {{loop_html_start}}\r\n                <div class=\"c8-a\">\r\n                    <div class=\"c8-1\">\r\n                        <a href=\"<?php echo get_permalink(); ?>\">\r\n                           <?php if ( has_post_thumbnail() ) {  \r\n                           $thumb_id = get_post_thumbnail_id();   \r\n                           $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n                           $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n                           $image = $thumb_url_array[0];\r\n                           $width = 448;\r\n                           $height = 300;\r\n                           $image = levelup_thumbnail( $image, $width, $height, true, false, true );\r\n                           $image = $image[0];\r\n                            ?>\r\n                                <img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\">\r\n                            <?php } ?>\r\n                        <\/a>\r\n                    <\/div>\r\n                    <div class=\"c8-2\">\r\n                        <ul class=\"c8-cat\">\r\n                            <?php $categories = get_the_category(); ?>\r\n                            <li><a href=\"<?php echo get_category_link($categories[0]->cat_ID); ?>\"><?php  \r\n                                $cat_name = $categories[0]->cat_name; \r\n                                echo ucfirst( $cat_name);\r\n                                ?><\/a>\r\n                            <\/li>\r\n                        <\/ul>\r\n                        <h3><a href=\"<?php echo get_permalink(); ?>\"><?php echo get_the_title(); ?><\/a><\/h3>\r\n                        <?php echo the_excerpt(); ?>\r\n                        <div class=\"c8-at-dl\">\r\n                            <span><a class=\"at\" href=\"<?php echo get_author_posts_url( get_the_author_meta( \"ID\" ), get_the_author_meta( \"user_nicename\" ) ); ?>\"><?php the_author(); ?><\/a><\/span>\r\n                            <span class=\"c8-gp\"> - <\/span> \r\n                            <span><?php echo get_the_date(); ?><\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                {{loop_html_end}}\r\n            <\/div><!-- \/.c8 -->","non_amp_template_css":".c8{\r\n    display: flex;\r\n    width: 100%;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\nmargin-top:15px;\r\n}\r\n.c8-a{\r\n    width: 30%;\r\n    margin:15px;\r\n    box-shadow: 0px 30px 80px rgba(0,0,0,0.15);\r\n}\r\n.c8-1{\r\n    width:100%;\r\n}\r\n.c8-1 a{line-height:0;display:block;}\r\n.c8-1 img{\r\n    width:100%;\r\n    height:auto;\r\n}\r\n.c8-2{\r\n    padding: 21px;\r\n}\r\n.c8-2 ul{\r\n    margin:0;\r\n    padding:0;\r\n}\r\n.c8-2 ul li{\r\n    list-style-type:none;\r\n}\r\n.c8-cat li a{\r\n    background:#222;\r\n    padding: 3px 10px;\r\n    margin: 0 0 16px 0;\r\n    color:#fff;\r\n    border-radius:100px;\r\n    font-size: 10px;\r\n    line-height: 1.2;\r\n    font-weight: 400;\r\n    text-decoration:none;\r\n}\r\n.c8-2{\r\n    font-size: 14px;\r\n    line-height: 1.8;\r\n}\r\n.c8-2 h3{\r\n    font-size: 23px;\r\n    line-height: 1.2;\r\n    font-weight: 500;\r\n    margin: 15px 0px 10px 0px;\r\n}\r\n.c8-2 h3 a{text-decoration:none;color:#111;}\r\n.c8-at-dl{\r\n    font-size: 12px;\r\n    line-height:1.2;\r\n    font-weight: 400;\r\n    flex-grow: 1;\r\n    display: flex;\r\n    justify-content: left;\r\n}\r\n.c8-at-dl .c8-gp{\r\n    margin: 0 2px;\r\n    color: #ccc;\r\n}\r\n.c8-at-dl .at{font-weight: 600;text-decoration: none;color:#000;text-transform:uppercase;}\r\n.c8-2:hover h1 a{color:#d62222;}\r\n.c8-cat li a:hover{background-color:#d62222}\r\n\r\n@media(max-width:768px){\r\n    .c8-a {width: 100%;  margin: 0px 0px 30px 0px;}\r\n\r\n}","amp_template_html":"<div class=\"c8\">\r\n                {{loop_html_start}}\r\n                <div class=\"c8-a\">\r\n                    <div class=\"c8-1\">\r\n                        <a href=\"<?php echo get_permalink(); ?>\">\r\n                           <?php if ( has_post_thumbnail() ) {  \r\n                           $thumb_id = get_post_thumbnail_id();   \r\n                           $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n                           $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n                           $image = $thumb_url_array[0];\r\n                           $width = 448;\r\n                           $height = 300;\r\n                           $image = levelup_thumbnail( $image, $width, $height, true, false, true );\r\n                           $image = $image[0];\r\n                            ?>\r\n                                <amp-img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\"><\/amp-img>\r\n                            <?php } ?>\r\n                        <\/a>\r\n                    <\/div>\r\n                    <div class=\"c8-2\">\r\n                        <ul class=\"c8-cat\">\r\n                            <?php $categories = get_the_category(); ?>\r\n                            <li><a href=\"<?php echo get_category_link($categories[0]->cat_ID); ?>\"><?php  \r\n                                $cat_name = $categories[0]->cat_name; \r\n                                echo ucfirst( $cat_name);\r\n                                ?><\/a>\r\n                            <\/li>\r\n                        <\/ul>\r\n                        <h3><a href=\"<?php echo get_permalink(); ?>\"><?php echo get_the_title(); ?><\/a><\/h3>\r\n                        <?php echo the_excerpt(); ?>\r\n                        <div class=\"c8-at-dl\">\r\n                            <span><a class=\"at\" href=\"<?php echo get_author_posts_url( get_the_author_meta( \"ID\" ), get_the_author_meta( \"user_nicename\" ) ); ?>\"><?php the_author(); ?><\/a><\/span>\r\n                            <span class=\"c8-gp\"> - <\/span> \r\n                            <span><?php echo get_the_date(); ?><\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                {{loop_html_end}}\r\n            <\/div><!-- \/.c8 -->","amp_template_css":".c8{\r\n    display: flex;\r\n    width: 100%;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n   margin-top:15px;\r\n}\r\n.c8-a{\r\n    width: 30%;\r\n    margin:15px;\r\n    box-shadow: 0px 30px 80px rgba(0,0,0,0.15);\r\n}\r\n.c8-1{\r\n    width:100%;\r\n}\r\n.c8-1 a{line-height:0;display:block;}\r\n.c8-1 img{\r\n    width:100%;\r\n    height:auto;\r\n}\r\n.c8-2{\r\n    padding: 21px;\r\n}\r\n.c8-2 ul{\r\n    margin:0;\r\n    padding:0;\r\n}\r\n.c8-2 ul li{\r\n    list-style-type:none;\r\n}\r\n.c8-cat li a{\r\n    background:#222;\r\n    padding: 3px 10px;\r\n    margin: 0 0 16px 0;\r\n    color:#fff;\r\n    border-radius:100px;\r\n    font-size: 10px;\r\n    line-height: 1.2;\r\n    font-weight: 400;\r\n    text-decoration:none;\r\n}\r\n.c8-2{\r\n    font-size: 14px;\r\n    line-height: 1.8;\r\n}\r\n.c8-2 h3{\r\n    font-size: 23px;\r\n    line-height: 1.2;\r\n    font-weight: 500;\r\n    margin: 15px 0px 10px 0px;\r\n}\r\n.c8-2 h3 a{text-decoration:none;color:#111;}\r\n.c8-at-dl{\r\n    font-size: 12px;\r\n    line-height:1.2;\r\n    font-weight: 400;\r\n    flex-grow: 1;\r\n    display: flex;\r\n    justify-content: left;\r\n}\r\n.c8-at-dl .c8-gp{\r\n    margin: 0 2px;\r\n    color: #ccc;\r\n}\r\n.c8-at-dl .at{font-weight: 600;text-decoration: none;color:#000;text-transform:uppercase;}\r\n.c8-2:hover h1 a{color:#d62222;}\r\n.c8-cat li a:hover{background-color:#d62222}\r\n\r\n@media(max-width:768px){\r\n    .c8-a {width: 100%;  margin: 0px 0px 30px 0px;}\r\n\r\n}","design_unique_name":"Design-8","design_preview_url":"http://wplevelup.com/elements/category/category-design-8/","settings_arrays":[{"field":"","field-name":"","field-settings":""}]},{"title":"Category 7","designId":41,"designImage":"http:\/\/wplevelup.com\/wp-content\/uploads\/2018\/08\/new-7.png","non_amp_template_html":"<div class=\"c7w\">\r\n    <div class=\"c7\">\r\n        {{loop_html_start}}\r\n        <div class=\"c7-a\">\r\n            <h3><a href=\"<?php echo get_permalink(); ?>\"><?php echo get_the_title(); ?><\/a><\/h3>\r\n            <?php echo the_excerpt(); ?>\r\n            <span class=\"c7-dt\"><?php echo get_the_date(); ?><\/span>\r\n        <\/div>\r\n        {{loop_html_end}}\r\n    <\/div><!-- \/.c7 -->\r\n    <\/div><!-- \/.container -->\r\n<\/div>","non_amp_template_css":".c7w{\r\n    width:100%;\r\n    display:inline-block;\r\n    margin-top: 30px;\r\n}\r\n.c7{\r\n    display: inline-flex;\r\n    margin: 0 auto;\r\n    flex-wrap: wrap;\r\n}\r\n.c7-a h3{\r\n    font-size: 30px;\r\n    line-height: 1.3;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    margin:0px 0px 10px 0px;\r\n}\r\n.c7-a a{color:#223a54;text-decoration:none;}\r\n.c7-a{\r\n    margin: 0px 65px 65px 0px;\r\n    font-size: 14px;\r\n    line-height: 1.8;\r\n    color: #89a4ba;\r\n    box-shadow: 0px 30px 80px rgba(0,0,0,0.15);\r\n    z-index: 9;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    flex: 1 0 45%;\r\n    background-color:#fff;\r\n    padding:50px 56px;\r\n}\r\n.c7-dt{\r\n    font-size: 11px;\r\n    margin-top: 15px;\r\n    text-transform: uppercase;\r\n}\r\n.c7-a:nth-child(even){\r\n    margin-right:0;\r\n}\r\n.c7-a:hover h1 a{color:#1d73ba;}\r\n.c7-a p{margin:0;}\r\n@media(max-width:768px){\r\n    .c7 {display:inline-block;}\r\n    .c7-a {margin: 0px 0px 50px 0px;}\r\n}\r\n@media(max-width:425px){\r\n    .c7-a {padding: 40px}\r\n}","amp_template_html":"<div class=\"c7w\">\r\n    <div class=\"c7\">\r\n        {{loop_html_start}}\r\n        <div class=\"c7-a\">\r\n            <h3><a href=\"<?php echo get_permalink(); ?>\"><?php echo get_the_title(); ?><\/a><\/h3>\r\n            <?php echo the_excerpt(); ?>\r\n            <span class=\"c7-dt\"><?php echo get_the_date(); ?><\/span>\r\n        <\/div>\r\n        {{loop_html_end}}\r\n    <\/div><!-- \/.c7 -->\r\n    <\/div><!-- \/.container -->\r\n<\/div>","amp_template_css":".c7w{\r\n    width:100%;\r\n    display:inline-block;\r\n    margin-top: 30px;\r\n}\r\n.c7{\r\n    display: inline-flex;\r\n    margin: 0 auto;\r\n    flex-wrap: wrap;\r\n}\r\n.c7-a h3{\r\n    font-size: 30px;\r\n    line-height: 1.3;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    margin: 0px 0px 10px 0px;\r\n}\r\n.c7-a a{color:#223a54;text-decoration:none;}\r\n.c7-a{\r\n    margin: 0px 65px 65px 0px;\r\n    font-size: 14px;\r\n    line-height: 1.8;\r\n    color: #89a4ba;\r\n    box-shadow: 0px 30px 80px rgba(0,0,0,0.15);\r\n    z-index: 9;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    flex: 1 0 45%;\r\n    background-color:#fff;\r\n    padding:50px 56px;\r\n}\r\n.c7-dt{\r\n    font-size: 11px;\r\n    margin-top: 15px;\r\n    text-transform: uppercase;\r\n}\r\n.c7-a:nth-child(even){\r\n    margin-right:0;\r\n}\r\n.c7-a:hover h1 a{color:#1d73ba;}\r\n.c7-a p{margin:0;}\r\n@media(max-width:768px){\r\n    .c7 {display:inline-block;}\r\n    .c7-a {margin: 0px 0px 50px 0px;}\r\n}\r\n@media(max-width:425px){\r\n    .c7-a {padding: 40px}\r\n}","design_unique_name":"Cat-Design-7","design_preview_url":"http://wplevelup.com/elements/category/category-design-7/","settings_arrays":[{"field":"","field-name":"","field-settings":""}]},{"title":"Category 6","designId":40,"designImage":"http:\/\/wplevelup.com\/wp-content\/uploads\/2018\/08\/new-6.png","non_amp_template_html":"<div class=\"c6\">\r\n    {{loop_html_start}}\r\n    <div class=\"c6-a\">\r\n        <div class=\"c6-1\">\r\n            <a href=\"<?php echo get_permalink(); ?>\">\r\n                <?php if ( has_post_thumbnail() ) {  \r\n               $thumb_id = get_post_thumbnail_id();   \r\n               $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n               $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n               $image = $thumb_url_array[0];\r\n               $width = 208;\r\n               $height = 287;\r\n               $image = levelup_thumbnail( $image, $width, $height, true, false, true );\r\n               $image = $image[0];\r\n                ?>\r\n                    <img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\">\r\n                <?php } ?>\r\n            <\/a>\r\n            <ul class=\"c6-cat\">\r\n                <?php $categories = get_the_category(); ?>\r\n                <li><a href=\"<?php echo get_category_link($categories[0]->cat_ID); ?>\"><?php  \r\n                $cat_name = $categories[0]->cat_name; \r\n                echo ucfirst( $cat_name);\r\n\r\n                ?><\/a><\/li>\r\n            <\/ul>\r\n        <\/div><!-- \/.c5-a -->\r\n        <div class=\"c6-2\">\r\n            <h3><a href=\"<?php echo get_permalink(); ?>\"><?php echo get_the_title(); ?><\/a><\/h3>\r\n            <div class=\"c6-at-inf\">\r\n                <div class=\"c6-at-dl\">\r\n                    <span class=\"c6-at\"><a href=\"<?php echo get_author_posts_url( get_the_author_meta( \"ID\" ), get_the_author_meta( \"user_nicename\" ) ); ?>\"><?php the_author(); ?><\/a><\/span>\r\n                    <span class=\"c6-gp\"> - <\/span> \r\n                    <span><?php echo get_the_date(); ?><\/span>\r\n                <\/div>\r\n                 <a class=\"c6-cm-n\" href=\"<?php echo comments_link(); ?>\"><?php echo comments_number(0,1,\"%\"); ?><\/a>\r\n            <\/div>\r\n            <div class=\"c6-cntn\">\r\n                <?php echo the_excerpt(); ?>\r\n                <a class=\"c6-r-m\" href=\"<?php echo get_permalink(); ?>\">Read more<\/a>\r\n            <\/div>\r\n        <\/div><!-- \/.c6-2 -->\r\n    <\/div><!-- \/.c6-a -->\r\n    {{loop_html_end}}\r\n<\/div><!-- \/.c6 -->","non_amp_template_css":".c6{\r\n    width:100%;\r\n    margin:0 auto;\r\n   padding-top: 20px;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n}\r\n.c6-a{\r\n   display: grid;\r\n    grid-template-columns: 208px 1fr;\r\n    position: relative;\r\n    margin-bottom:30px;\r\n    padding-right:20px;\r\n}\r\n.c6-1 a{display:block;line-height:0;position: relative;}\r\n.c6-2{\r\n    padding-left:25px;\r\n}\r\n.c6-2 h3{\r\n    font-size: 24px;\r\n    line-height: 1.3;\r\n    font-weight: 900;\r\n    margin: 0 0 10px 0;\r\n}\r\n.c6-2 h3 a{\r\n    color:#111;\r\n    text-decoration:none;\r\n}\r\n.c6-at-inf{\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.c6-at-dl{\r\n    font-size: 11px;\r\n    line-height:1.2;\r\n    font-weight: 400;\r\n    flex-grow: 1;\r\n    color:#aaa;\r\n    text-transform: uppercase;\r\n}\r\n.c6-at-dl .c6-gp{\r\n    margin: 0 2px;\r\n    color: #ccc;\r\n}\r\n.c6-at-dl .c6-at{font-weight: 600;text-decoration: none;}\r\na.c6-cm-n{\r\n    background: #000;\r\n    padding: 2px 5px 3px 6px;\r\n    position: relative;\r\n    font-size: 11px;\r\n    color: #fff;\r\n    line-height: 1.2;\r\n    text-decoration: none;\r\n}\r\n.c6-cm-n:after{\r\n    position: absolute;\r\n    bottom: -3px;\r\n    left: 0;\r\n    content: '';\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    border-width: 3px 3px 0 0;\r\n    border-color: #000 transparent transparent transparent;\r\n}\r\n.c6-at a{color:#000;text-decoration:none;}\r\n.c6-cntn{\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    color:#777;\r\n    margin-top:10px;\r\n}\r\n.c6-cntn p{\r\n    margin:0;\r\n}\r\n.c6-cntn a{text-decoration:none;color:#fff;}\r\n.c6-r-m{\r\n    color: #fff;\r\n    padding: 10px;\r\n    background: #222;\r\n    display: inline-block;\r\n    margin-top: 20px;\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n}\r\n.c6-a:hover .c6-2 h1 a{color:#4db2ec;}\r\n.c6-cat{\r\n    position: relative;\r\n    top: -40px;\r\n    margin: 0;\r\n    padding: 0;\r\n    text-transform: uppercase;\r\n}\r\n.c6-cat li{\r\n    list-style-type:none;\r\n}\r\n.c6-cat a{\r\n    background:#222;\r\n    padding: 5px 8px;\r\n    color:#fff;\r\n    text-decoration:none;\r\n    font-size: 10px;\r\n    line-height: 1;\r\n    font-weight: 600;\r\n    display: inline-block;\r\n}\r\n.c6-cat a:hover{background-color:#4db2ec;}\r\n\r\n@media(max-width:768px){\r\n    .c6 {width: 100%; grid-template-columns: 1fr;}\r\n    .c6-a{padding:0px;}\r\n}\r\n@media(max-width:425px){\r\n    .c6-a, .c6-b{grid-template-columns: 1fr;}    \r\n    .c6-1 img{width:100%;height:auto;}\r\n    .c6-2 {padding:0px 0px 10px;margin-top: -10px;}\r\n}","amp_template_html":"        <div class=\"c6\">\r\n            {{loop_html_start}}\r\n            <div class=\"c6-a\">\r\n                <div class=\"c6-1\">\r\n                    <a href=\"<?php echo get_permalink(); ?>\">\r\n                        <?php if ( has_post_thumbnail() ) {  \r\n                       $thumb_id = get_post_thumbnail_id();   \r\n                       $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n                       $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n                       $image = $thumb_url_array[0];\r\n                      $width = 208;\r\n                      $height = 287;\r\n                      $image = levelup_thumbnail( $image, $width, $height, true, false, true );\r\n                      $image = $image[0];\r\n                        ?>\r\n                            <amp-img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\"><\/amp-img>\r\n                        <?php } ?>\r\n                    <\/a>\r\n                    <ul class=\"c6-cat\">\r\n                        <?php $categories = get_the_category(); ?>\r\n                        <li><a href=\"<?php echo get_category_link($categories[0]->cat_ID); ?>\"><?php  \r\n                        $cat_name = $categories[0]->cat_name; \r\n                        echo ucfirst( $cat_name);\r\n\r\n                        ?><\/a><\/li>\r\n                    <\/ul>\r\n                <\/div><!-- \/.c5-a -->\r\n                <div class=\"c6-2\">\r\n                    <h3><a href=\"<?php echo get_permalink(); ?>\"><?php echo get_the_title(); ?><\/a><\/h3>\r\n                    <div class=\"c6-at-inf\">\r\n                        <div class=\"c6-at-dl\">\r\n                            <span class=\"c6-at\"><a href=\"<?php echo get_author_posts_url( get_the_author_meta( \"ID\" ), get_the_author_meta( \"user_nicename\" ) ); ?>\"><?php the_author(); ?><\/a><\/span>\r\n                            <span class=\"c6-gp\"> - <\/span> \r\n                            <span><?php echo get_the_date(); ?><\/span>\r\n                        <\/div>\r\n                        <a class=\"c6-cm-n\" href=\"<?php echo comments_link(); ?>\"><?php echo comments_number(0,1,\"%\"); ?><\/a>\r\n                    <\/div>\r\n                    <div class=\"c6-cntn\">\r\n                        <?php echo the_excerpt(); ?>\r\n                        <a class=\"c6-r-m\" href=\"<?php echo get_permalink(); ?>\">Read more<\/a>\r\n                    <\/div>\r\n                <\/div><!-- \/.c6-2 -->\r\n            <\/div><!-- \/.c6-a -->\r\n            {{loop_html_end}}\r\n        <\/div><!-- \/.c6 -->","amp_template_css":".c6{\r\n    width:100%;\r\n    margin:0 auto;\r\n   padding-top: 20px;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n}\r\n.c6-a{\r\n   display: grid;\r\n    grid-template-columns: 208px 1fr;\r\n    position: relative;\r\n    margin-bottom:30px;\r\n    padding-right:20px;\r\n}\r\n.c6-1 a{display:block;line-height:0;}\r\n.c6-2{\r\n    padding-left:25px;\r\n}\r\n.c6-2 h3{\r\n    font-size: 24px;\r\n    line-height: 1.3;\r\n    font-weight: 900;\r\n    margin: 0 0 10px 0;\r\n}\r\n.c6-2 h3 a{\r\n    color:#111;\r\n    text-decoration:none;\r\n}\r\n.c6-at-inf{\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.c6-at-dl{\r\n    font-size: 11px;\r\n    line-height:1.2;\r\n    font-weight: 400;\r\n    flex-grow: 1;\r\n    color:#aaa;\r\n    text-transform: uppercase;\r\n}\r\n.c6-at-dl .c6-gp{\r\n    margin: 0 2px;\r\n    color: #ccc;\r\n}\r\n.c6-at-dl .c6-at{font-weight: 600;text-decoration: none;}\r\na.c6-cm-n{\r\n    background: #000;\r\n    padding: 2px 5px 3px 6px;\r\n    position: relative;\r\n    font-size: 11px;\r\n    color: #fff;\r\n    line-height: 1.2;\r\n    text-decoration: none;\r\n}\r\n.c6-cm-n:after{\r\n    position: absolute;\r\n    bottom: -3px;\r\n    left: 0;\r\n    content: '';\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    border-width: 3px 3px 0 0;\r\n    border-color: #000 transparent transparent transparent;\r\n}\r\n.c6-at a{color:#000;text-decoration:none;}\r\n.c6-cntn{\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    color:#777;\r\n    margin-top:10px;\r\n}\r\n.c6-cntn p{\r\n    margin:0;\r\n}\r\n.c6-cntn a{text-decoration:none;}\r\n.c6-cntn a.c6-r-m{color:#fff;}\r\n.c6-r-m{\r\n    color: #fff;\r\n    padding: 10px;\r\n    background: #222;\r\n    display: inline-block;\r\n    margin-top: 20px;\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n}\r\n.c6-a:hover .c6-2 h1 a{color:#4db2ec;}\r\n.c6 .c6-cat{\r\n     position: relative;\r\n    top: -40px;\r\n    margin: 0;\r\n    padding: 0;\r\n    text-transform: uppercase;\r\n}\r\n.c6-cat li{\r\n    list-style-type:none;\r\n}\r\n.c6-cat a{\r\n    background:#222;\r\n    padding: 5px 8px;\r\n    color:#fff;\r\n    text-decoration:none;\r\n    font-size: 10px;\r\n    line-height: 1;\r\n    font-weight: 600;\r\n   display:inline-block;\r\n}\r\n.c6-cat a:hover{background-color:#4db2ec;}\r\n\r\n@media(max-width:768px){\r\n     .c6 {width: 100%; grid-template-columns: 1fr;}\r\n    .c6-a{padding:0px;}\r\n}\r\n@media(max-width:425px){\r\n     .c6-a, .c6-b{grid-template-columns: 1fr;}      \r\n    .c6-1 img{width:100%;height:auto;}\r\n    .c6-2 {padding: 0px 0px 10px;margin-top: -10px;}\r\n}","design_unique_name":"Cat-Design-6","design_preview_url":"http://wplevelup.com/elements/category/category-design-6/","settings_arrays":[{"field":"","field-name":"","field-settings":""}]},{"title":"Category 5","designId":39,"designImage":"http:\/\/wplevelup.com\/wp-content\/uploads\/2018\/08\/New-5.png","non_amp_template_html":"{{loop_html_start}}\r\n<div class=\"c5\">\r\n    <div class=\"c5-a\">\r\n        <a href=\"<?php echo get_permalink(); ?>\">\r\n            <?php if ( has_post_thumbnail() ) {  \r\n           $thumb_id = get_post_thumbnail_id();   \r\n           $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n           $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n           $image = $thumb_url_array[0];\r\n           $width = 427;\r\n           $height = 469;\r\n           $image = levelup_thumbnail( $image, $width, $height, true, false, true );\r\n           $image = $image[0];\r\n            ?>\r\n                <img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\">\r\n            <?php } ?>\r\n        <\/a>\r\n    <\/div><!-- \/.c5-a -->\r\n    <div class=\"c5-b\">\r\n        <h3><a href=\"<?php echo get_permalink(); ?>\"><?php echo get_the_title(); ?><\/a><\/h3>\r\n        <div class=\"c5-at-inf\">\r\n            <div class=\"c5-at-dl\">\r\n                <span class=\"c5-at\"><a href=\"<?php echo get_author_posts_url( get_the_author_meta( \"ID\" ), get_the_author_meta( \"user_nicename\" ) ); ?>\"><?php the_author(); ?><\/a><\/span>\r\n                <span class=\"c5-gp\"> - <\/span> \r\n                <span><?php echo get_the_date(); ?><\/span>\r\n            <\/div>\r\n              <a class=\"c5-cm-n\" href=\"<?php echo comments_link(); ?>\"><?php echo comments_number(0,1,\"%\"); ?><\/a>\r\n        <\/div>\r\n        <div class=\"c5-cntn\">\r\n            <?php echo the_excerpt(); ?>\r\n            <a class=\"c5-r-m\" href=\"<?php echo get_permalink(); ?>\">Read more<\/a>\r\n        <\/div>\r\n    <\/div><!-- \/.c5-b -->\r\n<\/div><!-- \/.c5 -->\r\n{{loop_html_end}}","non_amp_template_css":".c5{\r\n    width:100%;\r\n    display: flex;\r\n    margin:0 auto;\r\n   padding:20px 0px 40px 0px;\r\n}\r\n.c5-a a{display:block;line-height:0;}\r\n.c5 img{\r\n    width:100%;\r\n    height: auto;\r\n}\r\n.c5-a{\r\n    flex: 0 0 40%;\r\n    width: 40%;\r\n}\r\n.c5-b{\r\n    padding: 20px 0 0 30px;\r\n}\r\n.c5-b h3{\r\n    font-size: 36px;\r\n    line-height: 1.3;\r\n    font-weight: 900;\r\n    margin: 0 0 10px 0;\r\n}\r\n.c5-b h3 a{\r\n    color:#111;\r\n    text-decoration:none;\r\n}\r\n.c5-at-inf{\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n   text-transform: uppercase;\r\n}\r\n.c5-at-dl{\r\n    font-size: 11px;\r\n    line-height:1.2;\r\n    font-weight: 400;\r\n    flex-grow: 1;\r\n    color:#aaa;\r\n}\r\n.c5-at-dl .c5-gp{\r\n    margin: 0 2px;\r\n    color: #ccc;\r\n}\r\n.c5-at-dl .c5-at{font-weight: 600;text-decoration: none;}\r\na.c5-cm-n{\r\n    background: #000;\r\n    padding: 2px 5px 3px 6px;\r\n    position: relative;\r\n    font-size: 11px;\r\n    color: #fff;\r\n    line-height: 1.2;\r\n    text-decoration: none;\r\n}\r\n.c5-cm-n:after{\r\n    position: absolute;\r\n    bottom: -3px;\r\n    left: 0;\r\n    content: '';\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    border-width: 3px 3px 0 0;\r\n    border-color: #000 transparent transparent transparent;\r\n}\r\n.c5-at a{color:#000;text-decoration:none;}\r\n.c5-cntn{\r\n    font-size: 15px;\r\n    line-height: 1.55;\r\n    color:#777;\r\n    margin-top:12px;\r\n}\r\n.c5-cntn p{\r\n    margin:0;\r\n}\r\na.c5-r-m{\r\n    color: #fff;\r\n    padding: 10px;\r\n    background: #222;\r\n    display: inline-block;\r\n    margin-top: 20px;\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n}\r\n.c5-r-m:hover{color:#fff;}\r\n.cntn a{text-decoration:none;}\r\n.c5:hover .c5-b h1 a{color:#4db2ec;}\r\n.c5:last-child{padding-bottom:0;}\r\n@media(max-width:500px){\r\n    .c5 {\r\n        width: 100%;\r\n        display: block;\r\n    }\r\n    .c5-a {\r\n        width: 100%;\r\n    }\r\n    .c5-b {\r\n        padding: 20px 0 0 0px;\r\n    }\r\n}","amp_template_html":"{{loop_html_start}}\r\n            <div class=\"c5\">\r\n                <div class=\"c5-a\">\r\n                    <a href=\"<?php echo get_permalink(); ?>\">\r\n                        <?php if ( has_post_thumbnail() ) {  \r\n                       $thumb_id = get_post_thumbnail_id();   \r\n                       $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n                       $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n                       $image = $thumb_url_array[0];\r\n                       $width = 427;\r\n                       $height = 469;\r\n                       $image = levelup_thumbnail( $image, $width, $height, true, false, true );\r\n                       $image = $image[0];\r\n                        ?>\r\n                            <amp-img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\"><\/amp-img>\r\n                        <?php } ?>\r\n                    <\/a>\r\n                <\/div><!-- \/.c5-a -->\r\n                <div class=\"c5-b\">\r\n                    <h3><a href=\"<?php echo get_permalink(); ?>\"><?php echo get_the_title(); ?><\/a><\/h3>\r\n                    <div class=\"c5-at-inf\">\r\n                        <div class=\"c5-at-dl\">\r\n                            <span class=\"c5-at\"><a href=\"<?php echo get_author_posts_url( get_the_author_meta( \"ID\" ), get_the_author_meta( \"user_nicename\" ) ); ?>\"><?php the_author(); ?><\/a><\/span>\r\n                            <span class=\"c5-gp\"> - <\/span> \r\n                            <span><?php echo get_the_date(); ?><\/span>\r\n                        <\/div>\r\n                        <a class=\"c5-cm-n\" href=\"<?php echo comments_link(); ?>\"><?php echo comments_number(0,1,\"%\"); ?><\/a>\r\n\r\n                    <\/div>\r\n                    <div class=\"c5-cntn\">\r\n                        <?php echo the_excerpt(); ?>\r\n                        <a class=\"c5-r-m\" href=\"<?php echo get_permalink(); ?>\">Read more<\/a>\r\n                    <\/div>\r\n                <\/div><!-- \/.c5-b -->\r\n            <\/div><!-- \/.c5 -->\r\n{{loop_html_end}}","amp_template_css":".c5{\r\n    width:100%;\r\n    display: flex;\r\n    margin:0 auto;\r\n    padding:20px 0px 40px 0px;\r\n}\r\n.c5-a a{display:block;line-height:0;}\r\n.c5 amp-img{\r\n    width:100%;\r\n    height: auto;\r\n}\r\n.c5-a{\r\n    flex: 0 0 40%;\r\n    width: 40%;\r\n}\r\n.c5-b{\r\n    padding: 20px 0 0 30px;\r\n}\r\n.c5-b h3{\r\n    font-size: 36px;\r\n    line-height: 1.3;\r\n    font-weight: 900;\r\n    margin: 0 0 10px 0;\r\n}\r\n.c5-b h3 a{\r\n    color:#111;\r\n    text-decoration:none;\r\n}\r\n.c5-at-inf{\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    text-transform: uppercase;\r\n}\r\n.c5-at-dl{\r\n    font-size: 11px;\r\n    line-height:1.2;\r\n    font-weight: 400;\r\n    flex-grow: 1;\r\n    color:#aaa;\r\n}\r\n.c5-at-dl .c5-gp{\r\n    margin: 0 2px;\r\n    color: #ccc;\r\n}\r\n.c5-at-dl .c5-at{font-weight: 600;text-decoration: none;}\r\na.c5-cm-n{\r\n    background: #000;\r\n    padding: 2px 5px 3px 6px;\r\n    position: relative;\r\n    font-size: 11px;\r\n    color: #fff;\r\n    line-height: 1.2;\r\n    text-decoration: none;\r\n}\r\n.c5-cm-n:after{\r\n    position: absolute;\r\n    bottom: -3px;\r\n    left: 0;\r\n    content: '';\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    border-width: 3px 3px 0 0;\r\n    border-color: #000 transparent transparent transparent;\r\n}\r\n.c5-at a{color:#000;text-decoration:none;}\r\n.c5-cntn{\r\n    font-size: 15px;\r\n    line-height: 1.55;\r\n    color:#777;\r\n    margin-top:12px;\r\n}\r\n.c5-cntn a{color:#fff;}\r\n.c5-cntn p{\r\n    margin:0;\r\n}\r\na.c5-r-m{\r\n    color: #fff;\r\n    padding: 10px;\r\n    background: #222;\r\n    display: inline-block;\r\n    margin-top: 20px;\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n}\r\n.cntn a{text-decoration:none;}\r\n.c5:hover .c5-b h1 a{color:#4db2ec;}\r\n.c5:last-child{padding-bottom:0;}\r\n@media(max-width:500px){\r\n    .c5 {\r\n        width: 100%;\r\n        display: block;\r\n    }\r\n    .c5-a {\r\n        width: 100%;\r\n    }\r\n    .c5-b {\r\n        padding: 20px 0 0 0px;\r\n    }\r\n}","design_unique_name":"Cat-Design-5","design_preview_url":"http://wplevelup.com/elements/category/category-design-5/","settings_arrays":[{"field":"","field-name":"","field-settings":""}]},{"title":"Category 4","designId":38,"designImage":"http:\/\/wplevelup.com\/wp-content\/uploads\/2018\/08\/new-4.png","non_amp_template_html":"<div class=\"c4\">\r\n     {{loop_html_start_1}}\r\n    <div class=\"c4-a\">\r\n        <div class=\"c4-cat-i\">\r\n            <a href=\"<?php echo get_permalink(); ?>\">\r\n                <?php if ( has_post_thumbnail() ) {  \r\n               $thumb_id = get_post_thumbnail_id();   \r\n               $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n               $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n               $image = $thumb_url_array[0];\r\n               $width = 372;\r\n               $height = 209;\r\n               $image = levelup_thumbnail( $image, $width, $height, true, false, true );\r\n               $image = $image[0];\r\n                ?>\r\n                    <img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\">\r\n            <?php } ?>\r\n            <\/a>\r\n        <\/div>\r\n        <div class=\"c4-cat-cn\">\r\n            <h3><a href=\"<?php echo get_permalink(); ?>\"><?php echo get_the_title(); ?><\/a><\/h3>\r\n            <div class=\"c4-at-inf\">\r\n                <div class=\"c4-at-dl\">\r\n                    <span><a href=\"<?php echo get_author_posts_url( get_the_author_meta( \"ID\" ), get_the_author_meta( \"user_nicename\" ) ); ?>\"><?php the_author(); ?><\/a><\/span>\r\n                    <span class=\"c4-gp\"> - <\/span> \r\n                    <span><?php echo get_the_date(); ?><\/span>\r\n                <\/div>\r\n                  <a class=\"c4-cmn\" href=\"<?php echo comments_link(); ?>\"><?php echo comments_number(0,1,\"%\"); ?><\/a>\r\n            <\/div>\r\n            <?php echo the_excerpt(); ?>\r\n        <\/div>\r\n    <\/div>\r\n     {{loop_html_end_1}}\r\n    <div class=\"c4-b\">\r\n        <ul>\r\n            {{loop_html_start}}\r\n            <li>\r\n                <div class=\"c4-sp-i\">\r\n                    <a href=\"<?php echo get_permalink(); ?>\">\r\n                        <?php if ( has_post_thumbnail() ) {  \r\n                       $thumb_id = get_post_thumbnail_id();   \r\n                       $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n                       $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n                       $image = $thumb_url_array[0];\r\n                       $width = 98;\r\n                       $height = 70;\r\n                       $image = levelup_thumbnail( $image, $width, $height, true, false, true );\r\n                       $image = $image[0];\r\n                        ?>\r\n                            <img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\">\r\n                    <?php } ?>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <div class=\"c4-sp-cn\">\r\n                    <h4><a href=\"<?php echo get_permalink(); ?>\"><?php echo get_the_title(); ?><\/a><\/h4>\r\n                    <span><?php echo get_the_date(); ?><\/span>\r\n                <\/div>\r\n            <\/li>\r\n            {{loop_html_end}}\r\n        <\/ul>\r\n    <\/div>\r\n<\/div><!-- \/.c4 -->","non_amp_template_css":".c4{\r\n    width: 372px;\r\n   margin-top:20px\r\n}\r\n.c4-cat-i{line-height:0;}\r\n.c4-cat-i img{\r\n    width:100%;\r\n    height:auto;\r\n}\r\n.c4-cat-cn{\r\n    margin-top:15px;\r\n    font-size: 13px;\r\n    color: #777;\r\n}\r\n.c4-cat-cn h3{\r\n    font-size: 20px;\r\n    line-height: 1.2;\r\n    margin: 0 0 6px;\r\n    font-weight: 400;\r\n}\r\n.c4-cat-cn h3 a{color:#000;text-decoration:none;}\r\n.c4-at-inf{\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-bottom: 10px;\r\n}\r\n.c4-at-dl{\r\n    font-size: 11px;\r\n    line-height:1.2;\r\n    font-weight: 400;\r\n    flex-grow: 1;\r\n}\r\n.c4-at-dl a{\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    color:#000;\r\n    text-transform: capitalize;\r\n}\r\n.c4-at-dl .c4-gp{\r\n    margin: 0 2px;\r\n    color: #ccc;\r\n}\r\n.c4-at-dl .c4-at{font-weight: 700;text-decoration: none;}\r\na.c4-cmn{\r\n    background: #000;\r\n    padding: 2px 5px 3px 6px;\r\n    position: relative;\r\n    font-size: 11px;\r\n    color: #fff;\r\n    line-height: 1.2;\r\n    text-decoration: none;\r\n}\r\n.c4-cmn:after{\r\n    position: absolute;\r\n    bottom: -3px;\r\n    left: 0;\r\n    content: '';\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    border-width: 3px 3px 0 0;\r\n    border-color: #000 transparent transparent transparent;\r\n}\r\n.c4-cat-cn p{margin:0;}\r\n.c4-b ul{\r\n    padding:0;\r\n    margin:0;\r\n}\r\n.c4-b ul li{\r\n    list-style-type:none;\r\n    margin-top:20px;\r\n    display: grid;\r\n    grid-template-columns: 98px 1fr;\r\n}\r\n.c4-sp-i a{line-height:0;display:block;}\r\n.c4-sp-cn{\r\n    padding-left:15px;\r\n}\r\n.c4-sp-cn a{color:#111;text-decoration:none;}\r\n.c4-sp-cn h4{\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n    font-weight: 500;\r\n}\r\n.c4-sp-cn span{\r\n    font-size: 11px;\r\n    line-height: 1;\r\n    color: #aaa;\r\n}\r\n\r\n@media(max-width:425px){\r\n    .c4 {\r\n        width: 100%;\r\n    }\r\n}","amp_template_html":"<div class=\"c4\">\r\n     {{loop_html_start_1}}\r\n    <div class=\"c4-a\">\r\n        <div class=\"c4-cat-i\">\r\n            <a href=\"<?php echo get_permalink(); ?>\">\r\n                <?php if ( has_post_thumbnail() ) {  \r\n               $thumb_id = get_post_thumbnail_id();   \r\n               $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n               $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n               $image = $thumb_url_array[0];\r\n               $width = 372;\r\n               $height = 209;\r\n               $image = levelup_thumbnail( $image, $width, $height, true, false, true );\r\n               $image = $image[0];\r\n                ?>\r\n                    <amp-img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\"><\/amp-img>\r\n            <?php } ?>\r\n            <\/a>\r\n        <\/div>\r\n        <div class=\"c4-cat-cn\">\r\n            <h3><a href=\"<?php echo get_permalink(); ?>\"><?php echo get_the_title(); ?><\/a><\/h3>\r\n            <div class=\"c4-at-inf\">\r\n                <div class=\"c4-at-dl\">\r\n                    <span><a href=\"<?php echo get_author_posts_url( get_the_author_meta( \"ID\" ), get_the_author_meta( \"user_nicename\" ) ); ?>\"><?php the_author(); ?><\/a><\/span>\r\n                    <span class=\"c4-gp\"> - <\/span> \r\n                    <span><?php echo get_the_date(); ?><\/span>\r\n                <\/div>\r\n                <a class=\"c4-cmn\" href=\"<?php echo comments_link(); ?>\"><?php echo comments_number(0,1,\"%\"); ?><\/a>\r\n            <\/div>\r\n            <?php echo the_excerpt(); ?>\r\n        <\/div>\r\n    <\/div>\r\n     {{loop_html_end_1}}\r\n    <div class=\"c4-b\">\r\n        <ul>\r\n            {{loop_html_start}}\r\n            <li>\r\n                <div class=\"c4-sp-i\">\r\n                    <a href=\"<?php echo get_permalink(); ?>\">\r\n                        <?php if ( has_post_thumbnail() ) {  \r\n                       $thumb_id = get_post_thumbnail_id();   \r\n                       $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n                       $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n                       $image = $thumb_url_array[0];\r\n                       $width = 98;\r\n                       $height = 70;\r\n                       $image = levelup_thumbnail( $image, $width, $height, true, false, true );\r\n                       $image = $image[0]\r\n                        ?>\r\n                            <amp-img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\"><\/amp-img>\r\n                    <?php } ?>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <div class=\"c4-sp-cn\">\r\n                    <h4><a href=\"<?php echo get_permalink(); ?>\"><?php echo get_the_title(); ?><\/a><\/h4>\r\n                    <span><?php echo get_the_date(); ?><\/span>\r\n                <\/div>\r\n            <\/li>\r\n            {{loop_html_end}}\r\n        <\/ul>\r\n    <\/div>\r\n<\/div><!-- \/.c4 -->","amp_template_css":".c4{\r\n    width: 372px;\r\n     margin-top:20px\r\n}\r\n.c4-cat-i{line-height:0;}\r\n.c4-cat-i amp-img{\r\n    width:100%;\r\n    height:auto;\r\n}\r\n.c4-cat-cn{\r\n    margin-top:15px;\r\n    font-size: 13px;\r\n    color: #777;\r\n}\r\n.c4-cat-cn h3{\r\n    font-size: 20px;\r\n    line-height: 1.2;\r\n    margin: 0 0 6px;\r\n    font-weight: 400;\r\n}\r\n.c4-cat-cn h3 a{color:#000;text-decoration:none;}\r\n.c4-at-inf{\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-bottom: 10px;\r\n}\r\n.c4-at-dl{\r\n    font-size: 11px;\r\n    line-height:1.2;\r\n    font-weight: 400;\r\n    flex-grow: 1;\r\n}\r\n.c4-at-dl a{\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    color:#000;\r\n     text-transform: capitalize;\r\n}\r\n.c4-at-dl .c4-gp{\r\n    margin: 0 2px;\r\n    color: #ccc;\r\n}\r\n.c4-at-dl .c4-at{font-weight: 700;text-decoration: none;}\r\na.c4-cmn{\r\n    background: #000;\r\n    padding: 2px 5px 3px 6px;\r\n    position: relative;\r\n    font-size: 11px;\r\n    color: #fff;\r\n    line-height: 1.2;\r\n    text-decoration: none;\r\n}\r\n.c4-cmn:after{\r\n    position: absolute;\r\n    bottom: -3px;\r\n    left: 0;\r\n    content: '';\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    border-width: 3px 3px 0 0;\r\n    border-color: #000 transparent transparent transparent;\r\n}\r\n.c4-cat-cn p{margin:0;}\r\n.c4-b ul{\r\n    padding:0;\r\n    margin:0;\r\n}\r\n.c4-b ul li{\r\n    list-style-type:none;\r\n    margin-top:20px;\r\n    display: grid;\r\n    grid-template-columns: 98px 1fr;\r\n}\r\n.c4-sp-i a{line-height:0;display:block;}\r\n.c4-sp-cn{\r\n    padding-left:15px;\r\n}\r\n.c4-sp-cn a{color:#111;text-decoration:none;}\r\n.c4-sp-cn h4{\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n    font-weight: 500;\r\n}\r\n.c4-sp-cn span{\r\n    font-size: 11px;\r\n    line-height: 1;\r\n    color: #aaa;\r\n}\r\n\r\n@media(max-width:425px){\r\n    .c4 {\r\n        width: 100%;\r\n    }\r\n}","design_unique_name":"Cat-Design-4","design_preview_url":"http://wplevelup.com/elements/category/category-design-4/","settings_arrays":[{"field":"","field-name":"","field-settings":""}]},{"title":"Category 3","designId":37,"designImage":"http:\/\/wplevelup.com\/wp-content\/uploads\/2018\/08\/New.png","non_amp_template_html":"<div class=\"c3\">\r\n    {{loop_html_start_1}}\r\n    <div class=\"c3-a\">\r\n        <a href=\"<?php echo get_permalink(); ?>\">\r\n            <div class=\"c3-ov\">\r\n            <?php if ( has_post_thumbnail() ) {  \r\n               $thumb_id = get_post_thumbnail_id();   \r\n               $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n               $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n               $image = $thumb_url_array[0];\r\n               $width = 1116;\r\n               $height = 744;\r\n               $image = levelup_thumbnail( $image, $width, $height, true, false, true );\r\n               $image = $image[0];\r\n                ?>\r\n                    <img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\">\r\n            <?php } ?>\r\n\r\n                <div class=\"c3-f-c\">\r\n                    <h3 class=\"c3-tlt\"><?php echo get_the_title(); ?><\/h3>\r\n                    <div class=\"c3-at-inf\">\r\n                        <div class=\"c3-at-dl\">\r\n                            <span class=\"c3-at\"><?php the_author(); ?><\/span>\r\n                            <span class=\"c3-gp\"> - <\/span> \r\n                            <span><?php echo get_the_date(); ?><\/span>\r\n                        <\/div>\r\n                       <span class=\"c3-cm-n\"><?php echo comments_number(0,1,\"%\");?><\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/a>\r\n    <\/div>\r\n    {{loop_html_end_1}}\r\n    <div class=\"c3-b\">\r\n        <ul>\r\n            {{loop_html_start}}\r\n            <li>\r\n                <div class=\"c3-sp-img\">\r\n                    <a href=\"<?php echo get_permalink(); ?>\">\r\n                        <?php if ( has_post_thumbnail() ) {  \r\n                       $thumb_id = get_post_thumbnail_id();   \r\n                       $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n                       $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n                       $image = $thumb_url_array[0];\r\n                       $width = 214;\r\n                       $height = 150;\r\n                       $image = levelup_thumbnail( $image, $width, $height, true, false, true );\r\n                       $image = $image[0];\r\n                        ?>\r\n                            <img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\">\r\n                    <?php } ?>\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"c3-sp-cnt\">\r\n                    <h4><a href=\"<?php echo get_permalink(); ?>\"><?php echo get_the_title();?><\/a><\/h4>\r\n                    <div class=\"c3-at-inf\">\r\n                        <div class=\"c3-at-dl\">\r\n                            <span><a href=\"<?php echo get_author_posts_url( get_the_author_meta( \"ID\" ), get_the_author_meta( \"user_nicename\" ) ); ?>\"><?php the_author(); ?><\/a><\/span>\r\n                            <span class=\"c3-gp\"> - <\/span> \r\n                            <span class=\"c3-dt\"><?php echo get_the_date(); ?><\/span>\r\n                        <\/div>\r\n                        <a class=\"c3-cm-n\" href=\"<?php echo comments_link(); ?>\"><?php echo comments_number(0,1,\"%\"); ?><\/a>\r\n                    <\/div>\r\n                   <?php echo the_excerpt(); ?>\r\n                <\/div>\r\n            <\/li>\r\n            {{loop_html_end}}\r\n        <\/ul>\r\n    <\/div>\r\n<\/div><!-- \/.cat-design-3 -->","non_amp_template_css":".c3{\r\n      width:100%;\r\n     margin-top: 20px;\r\n}\r\n.c3-a a{display:block;color:#fff;text-decoration: none;line-height: 0;}\r\n.c3-a{position: relative;}\r\n.c3-ov:after{\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: -webkit-linear-gradient(0deg,rgba(0,0,0,0.7),rgba(0,0,0,0));\r\n    background: linear-gradient(0deg,rgba(0,0,0,0.7),rgba(0,0,0,0));\r\n}\r\n.c3-a img{\r\n    width:100%;\r\n    position: relative;\r\n    height: auto;\r\n}\r\n.c3-f-c{\r\n    position: absolute;\r\n    top: auto;\r\n    bottom: 0px;\r\n    left: 0px;\r\n    right:0;\r\n    padding: 0 20px 20px;\r\n    z-index: 9;\r\n}\r\n.c3-tlt{\r\n    font-size: 24px;\r\n    line-height: 1.3;\r\n    font-weight: 500;\r\n    margin-bottom: 6px;\r\n}\r\n.c3-at-inf{\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.c3-at-dl{\r\n    font-size: 11px;\r\n    line-height:1.2;\r\n    font-weight: 400;\r\n    flex-grow: 1;\r\n    text-transform: capitalize;\r\n}\r\n.c3-f-c .c3-at-dl .gc3-p{\r\n    margin: 0 2px;\r\n    color: #fff;\r\n}\r\n.c3-at-dl .c3-at{font-weight: 600;text-decoration: none;}\r\n.c3-f-c .c3-cm-n{\r\n    background: #fff;\r\n    padding: 2px 5px 3px 6px;\r\n    position: relative;\r\n    font-size: 11px;\r\n    color: #000;\r\n    line-height: 1.2;\r\n    text-decoration: none;\r\n}\r\n.c3-f-c .c3-cm-n:after{\r\n    position: absolute;\r\n    bottom: -3px;\r\n    left: 0;\r\n    content: \"\";\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    border-width: 3px 3px 0 0;\r\n    border-color: #fff transparent transparent transparent;\r\n}\r\n.c3-b ul{\r\n    margin:0;\r\n    padding:0;\r\n}\r\n.c3-b li{\r\n    margin-top:35px;\r\n    list-style-type:none;\r\n}\r\n.c3-sp-img a{line-height:0;display:block;}\r\n.c3-b li{\r\n    display: grid;\r\n    text-decoration: none;\r\n    grid-template-columns: 214px 1fr;\r\n}\r\n.c3-sp-cnt {\r\n    padding-left: 20px;\r\n    font-size: 13px;\r\n    color: #777;\r\n}\r\n.c3-sp-cnt a{color:#111;text-decoration:none;}\r\n.c3-sp-cnt .c3-at-inf span a{font-weight:bold;}\r\n.c3-sp-cnt h4{\r\n    font-size: 22px;\r\n    line-height: 1.3;\r\n    font-weight: 400;\r\n    margin-bottom:5px;\r\n}\r\n.c3-sp-cnt .c3-cm-n{\r\n    background: #000;\r\n    padding: 2px 5px 3px 6px;\r\n    position: relative;\r\n    font-size: 11px;\r\n    color: #fff;\r\n    line-height: 1.2;\r\n    text-decoration: none;\r\n}\r\n.c3-sp-cnt .c3-cm-n:after{\r\n    position: absolute;\r\n    bottom: -3px;\r\n    left: 0;\r\n    content: \"\";\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    border-width: 3px 3px 0 0;\r\n    border-color: #000 transparent transparent transparent;\r\n}\r\n.c3-sp-cnt .c3-at-dl .c3-gp{\r\n    margin: 0 2px;\r\n    color: #ccc;\r\n}\r\n.c3-sp-cnt .c3-at-dl .c3-at{\r\n    color:#000;\r\n}\r\n.c3-sp-cnt .c3-at-dl .c3-dt{\r\n    color:#aaa;\r\n}\r\n.c3-b li:hover .sp-cnt h4 a{\r\n    color:#4db2ec;\r\n}\r\n.c3-b p{\r\n    margin:12px 0px;\r\n}\r\n\r\n@media(max-width:500px){\r\n    .c3-b li{\r\n        grid-template-columns: 1fr;\r\n    }\r\n    .c3-sp-cnt{padding:20px 0px 0px 0px;}\r\n    .c3-sp-img img{width:100%;height:auto;}\r\n}","amp_template_html":"<div class=\"c3\">\r\n    {{loop_html_start_1}}\r\n    <div class=\"c3-a\">\r\n        <a href=\"<?php echo get_permalink(); ?>\">\r\n            <div class=\"c3-ov\">\r\n            <?php if ( has_post_thumbnail() ) {  \r\n               $thumb_id = get_post_thumbnail_id();   \r\n               $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n               $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n               $image = $thumb_url_array[0];\r\n               $width = 1116;\r\n               $height = 744;\r\n               $image = levelup_thumbnail( $image, $width, $height, true, false, true );\r\n               $image = $image[0];\r\n                ?>\r\n                    <amp-img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\"><\/amp-img>\r\n            <?php } ?>\r\n\r\n                <div class=\"c3-f-c\">\r\n                    <h3 class=\"c3-tlt\"><?php echo get_the_title(); ?><\/h3>\r\n                    <div class=\"c3-at-inf\">\r\n                        <div class=\"c3-at-dl\">\r\n                            <span class=\"c3-at\"><?php the_author(); ?><\/span>\r\n                            <span class=\"c3-gp\"> - <\/span> \r\n                            <span><?php echo get_the_date(); ?><\/span>\r\n                        <\/div>\r\n                         <span class=\"c3-cm-n\"><?php echo comments_number(0,1,\"%\");?><\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/a>\r\n    <\/div>\r\n    {{loop_html_end_1}}\r\n    <div class=\"c3-b\">\r\n        <ul>\r\n            {{loop_html_start}}\r\n            <li>\r\n                <div class=\"c3-sp-img\">\r\n                    <a href=\"<?php echo get_permalink(); ?>\">\r\n                        <?php if ( has_post_thumbnail() ) {  \r\n                       $thumb_id = get_post_thumbnail_id();   \r\n                       $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n                       $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n                       $image = $thumb_url_array[0];\r\n                        $width = 214;\r\n                       $height = 150;\r\n                       $image = levelup_thumbnail( $image, $width, $height, true, false, true );\r\n                       $image = $image[0];\r\n                        ?>\r\n                            <amp-img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\"><\/amp-img>\r\n                    <?php } ?>\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"c3-sp-cnt\">\r\n                    <h4><a href=\"<?php echo get_permalink(); ?>\"><?php echo get_the_title();?><\/a><\/h4>\r\n                    <div class=\"c3-at-inf\">\r\n                        <div class=\"c3-at-dl\">\r\n                            <span><a href=\"<?php echo get_author_posts_url( get_the_author_meta( \"ID\" ), get_the_author_meta( \"user_nicename\" ) ); ?>\"><?php the_author(); ?><\/a><\/span>\r\n                            <span class=\"c3-gp\"> - <\/span> \r\n                            <span class=\"c3-dt\"><?php echo get_the_date(); ?><\/span>\r\n                        <\/div>\r\n                         <a class=\"c3-cm-n\" href=\"<?php echo comments_link(); ?>\"><?php echo comments_number(0,1,\"%\"); ?><\/a>\r\n                    <\/div>\r\n                   <?php echo the_excerpt(); ?>\r\n                <\/div>\r\n            <\/li>\r\n            {{loop_html_end}}\r\n        <\/ul>\r\n    <\/div>\r\n<\/div><!-- \/.cat-design-2 -->","amp_template_css":".c3{\r\n      width:100%;\r\n     margin-top: 20px;\r\n}\r\n.c3-a a{display:block;color:#fff;text-decoration: none;line-height: 0;}\r\n.c3-a{position: relative;}\r\n.c3-ov:after{\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: -webkit-linear-gradient(0deg,rgba(0,0,0,0.7),rgba(0,0,0,0));\r\n    background: linear-gradient(0deg,rgba(0,0,0,0.7),rgba(0,0,0,0));\r\n}\r\n.c3-a amp-img{\r\n    width:100%;\r\n    position: relative;\r\n    height: auto;\r\n}\r\n.c3-f-c{\r\n    position: absolute;\r\n    top: auto;\r\n    bottom: 0px;\r\n    left: 0px;\r\n    right:0;\r\n    padding: 0 20px 20px;\r\n    z-index: 9;\r\n}\r\n.c3-tlt{\r\n    font-size: 24px;\r\n    line-height: 1.3;\r\n    font-weight: 500;\r\n    margin-bottom: 6px;\r\n}\r\n.c3-at-inf{\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.c3-at-dl{\r\n    font-size: 11px;\r\n    line-height:1.2;\r\n    font-weight: 400;\r\n    flex-grow: 1;\r\n    text-transform: capitalize;\r\n}\r\n.c3-f-c .c3-at-dl .gc3-p{\r\n    margin: 0 2px;\r\n    color: #fff;\r\n}\r\n.c3-at-dl .c3-at{font-weight: 600;text-decoration: none;}\r\n.c3-f-c .c3-cm-n{\r\n    background: #fff;\r\n    padding: 2px 5px 3px 6px;\r\n    position: relative;\r\n    font-size: 11px;\r\n    color: #000;\r\n    line-height: 1.2;\r\n    text-decoration: none;\r\n}\r\n.c3-f-c .c3-cm-n:after{\r\n    position: absolute;\r\n    bottom: -3px;\r\n    left: 0;\r\n    content: \"\";\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    border-width: 3px 3px 0 0;\r\n    border-color: #fff transparent transparent transparent;\r\n}\r\n.c3-b ul{\r\n    margin:0;\r\n    padding:0;\r\n}\r\n.c3-b li{\r\n    margin-top:35px;\r\n    list-style-type:none;\r\n}\r\n.c3-b li{\r\n     display: grid;\r\n    text-decoration: none;\r\n    grid-template-columns: 214px 1fr;\r\n}\r\n.c3-sp-cnt {\r\n    padding-left: 20px;\r\n    font-size: 13px;\r\n    color: #777;\r\n}\r\n.c3-sp-cnt a{color:#111;text-decoration:none;}\r\n.c3-sp-cnt .c3-at-inf span a{font-weight:bold;}\r\n.c3-sp-cnt h4{\r\n    font-size: 22px;\r\n    line-height: 1.3;\r\n    font-weight: 400;\r\n    margin-bottom:5px;\r\n}\r\n.c3-sp-cnt .c3-cm-n{\r\n    background: #000;\r\n    padding: 2px 5px 3px 6px;\r\n    position: relative;\r\n    font-size: 11px;\r\n    color: #fff;\r\n    line-height: 1.2;\r\n    text-decoration: none;\r\n}\r\n.c3-sp-cnt .c3-cm-n:after{\r\n    position: absolute;\r\n    bottom: -3px;\r\n    left: 0;\r\n    content: \"\";\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    border-width: 3px 3px 0 0;\r\n    border-color: #000 transparent transparent transparent;\r\n}\r\n.c3-sp-cnt .c3-at-dl .c3-gp{\r\n    margin: 0 2px;\r\n    color: #ccc;\r\n}\r\n.c3-sp-cnt .c3-at-dl .c3-at{\r\n    color:#000;\r\n}\r\n.c3-sp-cnt .c3-at-dl .c3-dt{\r\n    color:#aaa;\r\n}\r\n.c3-b li:hover .sp-cnt h4 a{\r\n    color:#4db2ec;\r\n}\r\n.c3-b p{\r\n    margin:12px 0px;\r\n}\r\n\r\n@media(max-width:500px){\r\n    .c3-b li{\r\n        grid-template-columns: 1fr;\r\n    }\r\n    .c3-sp-cnt{padding:20px 0px 0px 0px;}\r\n    .c3-sp-img amp-img{width:100%;height:auto;}\r\n}","design_unique_name":"Cat-Design-3","design_preview_url":"http://wplevelup.com/elements/category/category-design-3/","settings_arrays":[{"field":"","field-name":"","field-settings":""}]},{"title":"Category 2","designId":36,"designImage":"http:\/\/wplevelup.com\/wp-content\/uploads\/2018\/08\/Untitled-22.png","non_amp_template_html":"    <div class=\"c2\">\r\n        {{loop_html_start_1}}\r\n        <div class=\"c2-a\">\r\n            <a href=\"<?php echo get_permalink(); ?>\">\r\n             <?php if ( has_post_thumbnail() ) {  \r\n               $thumb_id = get_post_thumbnail_id();   \r\n               $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n               $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n               $image = $thumb_url_array[0];\r\n               $width = 372;\r\n               $height = 248;\r\n             $image = levelup_thumbnail( $thumb_url_array[0], $width, $height, true, false, true );\r\n            $image = $image[0];\r\n                ?>\r\n               <img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\">\r\n               <?php } ?>\r\n                <div class=\"c2-ov\">\r\n                    <div class=\"c2-f-c\">\r\n                        <h3 class=\"c2-tlt\">\r\n                            <?php echo get_the_title(); ?>\r\n                        <\/h3>\r\n                        <div class=\"c2-at-inf\">\r\n                            <div class=\"c2-at-dl\">\r\n                                <span><?php the_author(); ?>\r\n                                <\/span>\r\n                                <span class=\"c2-gp\"> - <\/span> \r\n                                <span><?php echo get_the_date(); ?><\/span>\r\n                            <\/div>\r\n                           <span class=\"c2-cmn\">\r\n                                <?php echo comments_number(0,1,\"%\"); ?>\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n        {{loop_html_end_1}}\r\n\r\n        <div class=\"c2-b\">\r\n            <ul>\r\n            {{loop_html_start}}\r\n                <li>\r\n                    <div class=\"c2-sp-img\">\r\n                     <a href=\"<?php echo get_permalink(); ?>\">\r\n                     <?php if ( has_post_thumbnail() ) {  \r\n                       $thumb_id = get_post_thumbnail_id();   \r\n                       $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n                       $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n                       $image = $thumb_url_array[0];\r\n                       $width = 80;\r\n                       $height = 60;\r\n $image = levelup_thumbnail( $thumb_url_array[0], $width, $height, true, false, true );\r\n $image = $image[0];\r\n                        ?>\r\n                       <img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\">\r\n                       <?php } ?><\/a>\r\n                    <\/div>\r\n                    <div class=\"c2-sp-cnt\">\r\n                        <h4><a href=\"<?php echo get_permalink(); ?>\"><?php echo get_the_title(); ?><\/a><\/h4>\r\n                        <span><?php echo get_the_date(); ?><\/span>\r\n                    <\/div>\r\n                <\/li>\r\n               {{loop_html_end}}\r\n            <\/ul>\r\n        <\/div> \r\n    <\/div><!-- \/.cat-design-2 -->","non_amp_template_css":".c2{\r\n    width: 372px;\r\n    margin-top:20px;\r\n}\r\n.c2-a > a{\r\n    line-height: 0;\r\n}\r\n.c2-a a{display:block;color:#fff;text-decoration: none;}\r\n.c2-a{position: relative;}\r\n.c2-ov:after{\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: -webkit-linear-gradient(0deg,rgba(0,0,0,0.7),rgba(0,0,0,0));\r\n    background: linear-gradient(0deg,rgba(0,0,0,0.7),rgba(0,0,0,0));\r\n}\r\n.c2-a img{\r\n    width:100%;\r\n    position: relative;\r\n    height: auto;\r\n}\r\n.c2-f-c{\r\n    position: absolute;\r\n    top: auto;\r\n    bottom: 0px;\r\n    left: 0px;\r\n    padding: 0 14px 14px;\r\n    z-index: 9;\r\n    width:100%;\r\n}\r\n.c2-tlt{\r\n    font-size: 18px;\r\n    line-height: 1.3;\r\n    font-weight: 500;\r\n    margin-bottom: 6px;\r\n}\r\n.c2-at-inf{\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.c2-at-dl{\r\n    font-size: 11px;\r\n    line-height:1.2;\r\n    font-weight: 400;\r\n    flex-grow: 1;\r\n    display: flex;\r\n    color: #fff;\r\n    align-items: center;\r\n   text-transform: capitalize;\r\n}\r\n.c2-at-dl .c2-gp{\r\n    margin: 0 6px;\r\n    color: #fff;\r\n}\r\n.c2-at-dl span a{font-weight: 700;text-decoration: none;}\r\n.c2-cmn{\r\n    background: #fff;\r\n    padding: 2px 5px 3px 6px;\r\n    position: relative;\r\n    font-size: 11px;\r\n    color: #000;\r\n    line-height: 1.2;\r\n    text-decoration: none;\r\n}\r\n.c2-cmn:after{\r\n    position: absolute;\r\n    bottom: -3px;\r\n    left: 0;\r\n    content: \"\";\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    border-width: 3px 3px 0 0;\r\n    border-color: #fff transparent transparent transparent;\r\n}\r\n.c2-b li{\r\n    list-style-type: none;\r\n    margin-top:20px;\r\n    display: grid;\r\n    text-decoration: none;\r\n    grid-template-columns: 80px 1fr;\r\n}\r\n.c2-sp-img a{line-height: 0;display:block;}\r\n.c2-b ul{padding:0;margin:0;}\r\n.c2-b li:hover .sp-cnt h4 a{\r\n    color:#4db2ec;\r\n}\r\n.c2-sp-cnt{padding-left:20px;}\r\n.c2-sp-cnt h4{\r\n    font-size: 13px;\r\n    line-height: 1.3;\r\n    font-weight: 500;\r\n    margin-bottom: 5px;\r\n}\r\n.c2-sp-cnt span{\r\n    font-size:11px;\r\n    line-height:1;\r\n    color: #aaa;\r\n}\r\n.c2-b li a{\r\n    color:#111;\r\n    text-decoration:none;\r\n}\r\n\r\n@media(max-width:425px){\r\n    .c2 {\r\n        width: 100%;\r\n    }\r\n}","amp_template_html":"    <div class=\"c2\">\r\n        {{loop_html_start_1}}\r\n        <div class=\"c2-a\">\r\n            <a href=\"<?php echo get_permalink(); ?>\">\r\n             <?php if ( has_post_thumbnail() ) {  \r\n               $thumb_id = get_post_thumbnail_id();   \r\n               $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n               $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n               $image = $thumb_url_array[0];\r\n               $width = 372;\r\n               $height = 248;\r\n $image = levelup_thumbnail( $thumb_url_array[0], $width, $height, true, false, true );\r\n $image = $image[0];\r\n                ?>\r\n               <amp-img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\"><\/amp-img>\r\n               <?php } ?>\r\n                <div class=\"c2-ov\">\r\n                    <div class=\"c2-f-c\">\r\n                        <h3 class=\"c2-tlt\">\r\n                            <?php echo get_the_title(); ?>\r\n                        <\/h3>\r\n                        <div class=\"c2-at-inf\">\r\n                            <div class=\"c2-at-dl\">\r\n                                <span><?php the_author(); ?>\r\n                                <\/span>\r\n                                <span class=\"c2-gp\"> - <\/span> \r\n                                <span><?php echo get_the_date(); ?><\/span>\r\n                            <\/div>\r\n                            <span class=\"c2-cmn\">\r\n                                <?php echo comments_number(0,1,\"%\"); ?>\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n        {{loop_html_end_1}}\r\n\r\n        <div class=\"c2-b\">\r\n            <ul>\r\n            {{loop_html_start}}\r\n                <li>\r\n                    <div class=\"c2-sp-img\">\r\n                     <a href=\"<?php echo get_permalink(); ?>\">\r\n                     <?php if ( has_post_thumbnail() ) {  \r\n                       $thumb_id = get_post_thumbnail_id();   \r\n                       $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n                       $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n                       $image = $thumb_url_array[0];\r\n                       $width = 80;\r\n                       $height = 60;\r\n $image = levelup_thumbnail( $thumb_url_array[0], $width, $height, true, false, true );\r\n $image = $image[0];\r\n                        ?>\r\n                        <amp-img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\"><\/amp-img>\r\n                       <?php } ?><\/a>\r\n                    <\/div>\r\n                    <div class=\"c2-sp-cnt\">\r\n                        <h4><a href=\"<?php echo get_permalink(); ?>\"><?php echo get_the_title(); ?><\/a><\/h4>\r\n                        <span><?php echo get_the_date(); ?><\/span>\r\n                    <\/div>\r\n                <\/li>\r\n               {{loop_html_end}}\r\n            <\/ul>\r\n        <\/div> \r\n    <\/div><!-- \/.cat-design-2 -->","amp_template_css":".c2{\r\n    width: 372px;\r\n   margin-top:20px;\r\n}\r\n.c2-a > a{\r\n    line-height: 0;\r\n}\r\n.c2-a a{display:block;color:#fff;text-decoration: none;}\r\n.c2-a{position: relative;}\r\n.c2-ov:after{\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: -webkit-linear-gradient(0deg,rgba(0,0,0,0.7),rgba(0,0,0,0));\r\n    background: linear-gradient(0deg,rgba(0,0,0,0.7),rgba(0,0,0,0));\r\n}\r\n.c2-a amp-img{\r\n    width:100%;\r\n    position: relative;\r\n    height: auto;\r\n}\r\n.c2-f-c{\r\n    position: absolute;\r\n    top: auto;\r\n    bottom: 0px;\r\n    left: 0px;\r\n    padding: 0 14px 14px;\r\n    z-index: 9;\r\n    width:100%;\r\n}\r\n.c2-tlt{\r\n    font-size: 18px;\r\n    line-height: 1.3;\r\n    font-weight: 500;\r\n    margin-bottom: 6px;\r\n}\r\n.c2-at-inf{\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.c2-at-dl{\r\n    font-size: 11px;\r\n    line-height:1.2;\r\n    font-weight: 400;\r\n    flex-grow: 1;\r\n    display: flex;\r\n    color: #fff;\r\n    align-items: center;\r\n    text-transform: capitalize;\r\n}\r\n.c2-at-dl .c2-gp{\r\n    margin: 0 6px;\r\n    color: #fff;\r\n}\r\n.c2-at-dl span a{font-weight: 700;text-decoration: none;}\r\n.c2-cmn{\r\n    background: #fff;\r\n    padding: 2px 5px 3px 6px;\r\n    position: relative;\r\n    font-size: 11px;\r\n    color: #000;\r\n    line-height: 1.2;\r\n    text-decoration: none;\r\n}\r\n.c2-cmn:after{\r\n    position: absolute;\r\n    bottom: -3px;\r\n    left: 0;\r\n    content: \"\";\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    border-width: 3px 3px 0 0;\r\n    border-color: #fff transparent transparent transparent;\r\n}\r\n.c2-b li{\r\n     list-style-type: none;\r\n     margin-top:20px;\r\n    display: grid;\r\n    text-decoration: none;\r\n    grid-template-columns: 80px 1fr;\r\n}\r\n.c2-sp-img a{line-height: 0;display:block;}\r\n.c2-b ul{padding:0;margin:0;}\r\n.c2-b li:hover .sp-cnt h4 a{\r\n    color:#4db2ec;\r\n}\r\n.c2-sp-cnt{padding-left:20px;}\r\n.c2-sp-cnt h4{\r\n    font-size: 13px;\r\n    line-height: 1.3;\r\n    font-weight: 500;\r\n    margin-bottom: 5px;\r\n}\r\n.c2-sp-cnt span{\r\n    font-size:11px;\r\n    line-height:1;\r\n    color: #aaa;\r\n}\r\n.c2-b li a{\r\n    color:#111;\r\n    text-decoration:none;\r\n}\r\n\r\n@media(max-width:425px){\r\n    .c2 {\r\n        width: 100%;\r\n    }\r\n}","design_unique_name":"Cat-Design-2","design_preview_url":"http://wplevelup.com/elements/category/category-design-2/","settings_arrays":[{"field":"","field-name":"","field-settings":""}]},{"title":"Category 1","designId":35,"designImage":"http:\/\/wplevelup.com\/wp-content\/uploads\/2018\/08\/Untitled-21.png","non_amp_template_html":"{{loop_html_start}}\r\n    <div class=\"c1\">\r\n        <div class=\"c1-a\">\r\n            <div class=\"c1-cat\">\r\n                <ul>\r\n                    <?php $categories = get_the_category(); ?>\r\n                    <li><a href=\"<?php echo get_category_link($categories[0]->cat_ID); ?>\"><?php  \r\n                        $cat_name = $categories[0]->cat_name; \r\n                        echo ucfirst( $cat_name);\r\n\r\n                        ?><\/a>\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <h3 class=\"c1-tlt\"><a href=\"<?php echo get_permalink(); ?>\"><?php echo get_the_title(); ?><\/a><\/h3>\r\n            <div class=\"c1-at-inf\">\r\n                <div class=\"c1-at-dl\">\r\n                    <span><a href=\"<?php echo get_author_posts_url( get_the_author_meta( \"ID\" ), get_the_author_meta( \"user_nicename\" ) ); ?>\"><?php the_author(); ?><\/a><\/span>\r\n                    <span class=\"c1-gp\"> - <\/span> \r\n                    <span><?php echo get_the_date(); ?><\/span>\r\n                <\/div>\r\n                <a class=\"c1-cm-n\" href=\"<?php echo comments_link(); ?>\"><?php echo comments_number(0,1,\"%\"); ?><\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <?php if ( has_post_thumbnail() ) {  \r\n            $thumb_id = get_post_thumbnail_id();   \r\n           $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n           $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n           $image = $thumb_url_array[0];\r\n           $width = 1068;\r\n           $height =659;\r\n           $image = levelup_thumbnail( $image, $width, $height, true, false, true );\r\n           $image = $image[0];\r\n            ?>\r\n        <div class=\"c1-b\">\r\n            <a href=\"<?php echo get_permalink(); ?>\"><img src=\"<?php echo $image ?>\" alt=\"<?php echo $image_alt; ?>\"><\/a>\r\n        <\/div>\r\n        <?php } ?>\r\n        <div class=\"c1-c\">\r\n            <?php echo the_excerpt();?>\r\n            <a class=\"c1-r-m\" href=\"<?php echo get_permalink(); ?>\">Read more<\/a>\r\n        <\/div>\r\n    <\/div>\r\n    {{loop_html_end}}","non_amp_template_css":".c1{\r\n    display: inline-block;\r\n    width: 100%;\r\n    margin:20px 0px 40px 0px;\r\n}\r\n.c1:last-child{margin-bottom:0;}\r\n.c1-a{\r\n    text-align: center;\r\n}\r\n.c1-a:hover .c1-tlt a{\r\n    color:#4db2ec;\r\n}\r\n.c1-cat{\r\n    font-size: 12px;\r\n    line-height: 1.2;\r\n    font-weight: 600;\r\n}\r\n.c1-cat ul{\r\n    margin:0;\r\n    padding:0;\r\n}\r\n.c1-cat li{\r\n    list-style-type: none;\r\n    display: inline-block;\r\n}\r\n.c1-cat li a{color:#000;text-decoration: none;text-transform: uppercase;}\r\n.c1-a h1{ margin: 9px 0 12px;}\r\n.c1-tlt{\r\n    font-size: 34px;\r\n    line-height: 1.3;\r\n    font-weight: 600;\r\n}\r\n.c1-tlt a{\r\n    color:#111;\r\n    text-decoration: none;\r\n}\r\n.c1-at-inf{\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.c1-at-dl{\r\n    font-size: 11px;\r\n    line-height:1.2;\r\n    font-weight: 400;\r\n    flex-grow: 1;\r\n}\r\n.c1-at-dl .c1-gp{\r\n    margin: 0 2px;\r\n    color: #ccc;\r\n}\r\n.c1-at-dl a{color:#111;font-weight: 700;text-decoration: none;text-transform: capitalize;}\r\n.c1-at-dl span{color:#aaa;}\r\na.c1-cm-n{\r\n    background: #000;\r\n    padding: 2px 5px 3px 6px;\r\n    position: relative;\r\n    font-size: 11px;\r\n    color: #fff;\r\n    line-height: 1.2;\r\n}\r\n.c1-at-inf a.c1-cm-n:hover{color:#fff;}\r\n.c1-cm-n:after{\r\n    position: absolute;\r\n    bottom: -3px;\r\n    left: 0;\r\n    content: '';\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    border-width: 3px 3px 0 0;\r\n    border-color: #000 transparent transparent transparent;\r\n}\r\n.c1-b{\r\n    margin-top: 25px;\r\n}\r\n.c1-b a{line-height: 0;display:block;}\r\n.c1-b img{width:100%;height:auto;}\r\n.c1-c{\r\n    margin-top:20px;\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n    text-align: center;\r\n    color: #777;\r\n}\r\n.c1-c p{margin:0;}\r\n.c1-at-inf a.c1-cmn{text-decoration: none;color:#fff;}\r\n.c1-c a{\r\n    margin-top:20px;\r\n    font-size: 14px;\r\n    line-height: 1;\r\n    color:#000;\r\n    font-weight: 600;\r\n    display: inline-block;\r\n    text-decoration: none;\r\n}","amp_template_html":"{{loop_html_start}}\r\n    <div class=\"c1\">\r\n        <div class=\"c1-a\">\r\n            <div class=\"c1-cat\">\r\n                <ul>\r\n                    <?php $categories = get_the_category(); ?>\r\n                    <li><a href=\"<?php echo get_category_link($categories[0]->cat_ID); ?>\"><?php  \r\n                        $cat_name = $categories[0]->cat_name; \r\n                        echo ucfirst( $cat_name);\r\n\r\n                        ?><\/a>\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <h3 class=\"c1-tlt\"><a href=\"<?php echo get_permalink(); ?>\"><?php echo get_the_title(); ?><\/a><\/h3>\r\n            <div class=\"c1-at-inf\">\r\n                <div class=\"c1-at-dl\">\r\n                    <span><a href=\"<?php echo get_author_posts_url( get_the_author_meta( \"ID\" ), get_the_author_meta( \"user_nicename\" ) ); ?>\"><?php the_author(); ?><\/a><\/span>\r\n                    <span class=\"c1-gp\"> - <\/span> \r\n                    <span><?php echo get_the_date(); ?><\/span>\r\n                <\/div>\r\n                <a class=\"c1-cm-n\" href=\"<?php echo comments_link(); ?>\"><?php echo comments_number(0,1,\"%\"); ?><\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <?php if ( has_post_thumbnail() ) {  \r\n            $thumb_id = get_post_thumbnail_id();   \r\n           $image_alt = get_post_meta( $thumb_id, \"_wp_attachment_image_alt\", true);\r\n           $thumb_url_array = wp_get_attachment_image_src($thumb_id, \"full\", true);  \r\n           $image = $thumb_url_array[0];\r\n            $width = 1068;\r\n           $height =659;\r\n           $image = levelup_thumbnail( $image, $width, $height, true, false, true );\r\n           $image = $image[0];\r\n            ?>\r\n        <div class=\"c1-b\">\r\n            <a href=\"<?php echo get_permalink(); ?>\"><amp-img src=\"<?php echo $image ?>\" height=\"<?php echo $height; ?>\" width=\"<?php echo $width; ?>\" alt=\"<?php echo $image_alt ?>\"  layout=\"responsive\"><\/amp-img><\/a>\r\n        <\/div>\r\n        <?php } ?>\r\n        <div class=\"c1-c\">\r\n            <?php echo the_excerpt();?>\r\n            <a class=\"c1-r-m\" href=\"<?php echo get_permalink(); ?>\">Read more<\/a>\r\n        <\/div>\r\n    <\/div>\r\n    {{loop_html_end}}","amp_template_css":".c1{\r\n    display: inline-block;\r\n    width: 100%;\r\n    margin:20px 0px 40px 0px;\r\n}\r\n.c1:last-child{margin-bottom:0;}\r\n.c1-a{\r\n    text-align: center;\r\n}\r\n.c1-a:hover .c1-tlt a{\r\n    color:#4db2ec;\r\n}\r\n.c1-cat{\r\n    font-size: 12px;\r\n    line-height: 1.2;\r\n    font-weight: 600;\r\n}\r\n.c1-cat ul{\r\n    margin:0;\r\n    padding:0;\r\n}\r\n.c1-cat li{\r\n    list-style-type: none;\r\n    display: inline-block;\r\n}\r\n.c1-cat li a{color:#000;text-decoration: none;text-transform: uppercase;}\r\n.c1-a h1{ margin: 9px 0 12px;}\r\n.c1-tlt{\r\n    font-size: 34px;\r\n    line-height: 1.3;\r\n    font-weight: 600;\r\n}\r\n.c1-tlt a{\r\n    color:#111;\r\n    text-decoration: none;\r\n}\r\n.c1-at-inf{\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.c1-at-dl{\r\n    font-size: 11px;\r\n    line-height:1.2;\r\n    font-weight: 400;\r\n    flex-grow: 1;\r\n}\r\n.c1-at-dl .c1-gp{\r\n    margin: 0 2px;\r\n    color: #ccc;\r\n}\r\n.c1-at-dl a{color:#111;font-weight: 700;text-decoration: none;text-transform: capitalize;}\r\n.c1-at-dl span{color:#aaa;}\r\na.c1-cm-n{\r\n    background: #000;\r\n    padding: 2px 5px 3px 6px;\r\n    position: relative;\r\n    font-size: 11px;\r\n    color: #fff;\r\n    line-height: 1.2;\r\n}\r\n.c1-cm-n:after{\r\n    position: absolute;\r\n    bottom: -3px;\r\n    left: 0;\r\n    content: '';\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    border-width: 3px 3px 0 0;\r\n    border-color: #000 transparent transparent transparent;\r\n}\r\n.c1-b{\r\n    margin-top: 25px;\r\n}\r\n.c1-b a{line-height: 0;display:block;}\r\n.c1-b amp-img{width:100%;height:auto;}\r\n.c1-c{\r\n    margin-top:20px;\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n    text-align: center;\r\n    color: #777;\r\n}\r\n.c1-c p{margin:0;}\r\n.c1-at-inf a.c1-cmn{text-decoration: none;color:#fff;}\r\n.c1-c a{\r\n    margin-top:20px;\r\n    font-size: 14px;\r\n    line-height: 1;\r\n    color:#000;\r\n    font-weight: 600;\r\n    display: inline-block;\r\n    text-decoration: none;\r\n}","design_unique_name":"Cat-Design-1","design_preview_url":"http://wplevelup.com/elements/category/category-design-1/","settings_arrays":[{"field":"","field-name":"","field-settings":""}]}]}},"current_version":{"version_detail":"0.1"}}