Initial commit

colormag/404.php

@@ -0,0 +1,36 @@
+<?php
+/**
+ * The template for displaying 404 pages (Page Not Found).
+ *
+ * @package ThemeGrill
+ * @subpackage ColorMag
+ * @since ColorMag 1.0
+ */
+
+get_header(); ?>
+
+	<?php do_action( 'colormag_before_body_content' ); ?>
+
+	<div id="primary">
+		<div id="content" class="clearfix">
+			<section class="error-404 not-found">
+				<div class="page-content">
+
+					<?php if ( ! dynamic_sidebar( 'colormag_error_404_page_sidebar' ) ) : ?>
+						<header class="page-header">
+							<h1 class="page-title"><?php _e( 'Oops! That page can&rsquo;t be found.', 'colormag' ); ?></h1>
+						</header>
+						<p><?php _e( 'It looks like nothing was found at this location. Try the search below.', 'colormag' ); ?></p>
+						<?php get_search_form(); ?>
+					<?php endif; ?>
+
+				</div><!-- .page-content -->
+			</section><!-- .error-404 -->
+		</div><!-- #content -->
+	</div><!-- #primary -->
+
+	<?php colormag_sidebar_select(); ?>
+
+	<?php do_action( 'colormag_after_body_content' ); ?>
+
+<?php get_footer(); ?>

colormag/SCSS/dark.scss

@@ -0,0 +1,290 @@
+@import 'variables/colors';
+
+/*--------------------------------------------------------------
+Dark CSS
+--------------------------------------------------------------*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	color: $white;
+}
+body {
+	background-color: $dark-background;
+	color: $color_gray_seven;
+}
+
+.dark-skin{
+	#site-description {
+		color: $white;
+	}
+	#page,
+	#header-text-nav-container,
+	.news-bar,
+	#main,
+	#secondary .widget {
+		background-color: $dark-page-background;
+	}
+	.news-bar {
+		background-color: $dark-news-background;
+	}
+	.main-small-navigation {
+		li {
+			background-color: $color_gray_one;
+		}
+		a {
+			color: $white;
+		}
+	}
+	.date-in-header {
+		color: $color_gray_seven;
+	}
+
+	.breaking-news-latest {
+		color: $white;
+	}
+	.search-form-top {
+		background-color: $dark-footer-socket;
+		border: 0 none;
+	}
+
+	.widget_featured_posts {
+		.single-article {
+			background: none;
+			box-shadow: 0 0 0 0 transparent;
+		}
+
+		.article-content {
+			.entry-title {
+				a {
+					color: $white;
+				}
+			}
+
+			.below-entry-meta {
+				.posted-on,
+				.byline,
+				.comments {
+					.fa {
+						color: $light-content;
+					}
+				}
+			}
+		}
+	}
+
+	.posted-on,
+	.byline,
+	.comments {
+		a {
+			color: $light-content;
+		}
+	}
+
+	.comments {
+		span {
+			color: $light-content;
+		}
+	}
+
+	.thumbnail-slider {
+		border-color: $dark-page-background;
+	}
+
+	#comments {
+		border-color: $color_gray_three;
+	}
+
+	#content {
+		.post {
+			.article-content {
+				.entry-title a {
+					color: $white;
+				}
+
+				.below-entry-meta {
+					.byline,
+					.comments,
+					.tag-links,
+					.edit-link,
+					.posted-on,
+					.post-views {
+						.fa {
+							color: $light-content;
+						}
+					}
+
+					.post-views {
+						span {
+							color: $light-content;
+						}
+					}
+
+					.edit-link {
+						a {
+							color: $light-content;
+						}
+					}
+				}
+			}
+		}
+	}
+
+	.single-related-posts {
+		.article-content {
+			.entry-title {
+				a {
+					color: $white;
+				}
+			}
+
+			.below-entry-meta {
+				.posted-on,
+				.comments {
+					.fa {
+						color: $light-content;
+					}
+				}
+			}
+		}
+	}
+
+	.post,
+	.search {
+		.entry-title {
+			a {
+				color: $white;
+			}
+		}
+
+	}
+
+	.random_posts_widget_inner_wrap,
+	.single-related-posts {
+		box-shadow: 0 0 0 0 transparent;
+	}
+
+	.footer-widgets-wrapper,
+	.footer-socket-wrapper {
+		border-top: 0 none;
+		background-color:$dark-footer-socket;
+	}
+
+	#colophon .tg-upper-footer-widgets .widget {
+		border: 0 none;
+	}
+
+	input[type="text"],
+	input[type="email"],
+	input[type="password"],
+	textarea,
+	.comment-content {
+		background-color: $dark-page-background;
+		color: $color_gray_seven;
+		border-color: $color_gray_five;
+	}
+	.view-all-link {
+		background :$dark-page-background;
+	}
+
+	/*--------------------------------------------------------------
+	Header Clean layout CSS
+	--------------------------------------------------------------*/
+	#masthead {
+		&.colormag-header-clean {
+			.main-navigation {
+				.sub-menu,
+				.children {
+					background-color: $news-background;
+				}
+			}
+			.main-small-navigation {
+				li {
+					background-color:$news-background;
+				}
+			}
+		}
+
+		&.colormag-header-clean,
+		&.colormag-header-classic {
+			.breaking-news .newsticker a,
+			.social-links i.fa {
+				color: $color_gray_seven;
+			}
+		}
+
+		&.colormag-header-classic {
+			.is-sticky {
+				#site-navigation {
+					background-color: $news-background;
+				}
+
+				.main-small-navigation li {
+					background-color: $news-background;
+				}
+			}
+
+			#site-navigation {
+				.menu-toggle {
+					border-color: $color_gray_seven;
+					&::before {
+						color:$color_gray_seven;
+					}
+				}
+
+				&.main-navigation {
+					ul {
+						ul.sub-menu,
+						.children {
+							background-color: $news-background;
+							border-color: $color_gray_three;
+
+							li {
+								border-color: $color_gray_three;
+							}
+						}
+					}
+					a,
+					.random-post a .fa-random,
+					.home-icon .fa {
+						color: $white;
+					}
+				}
+				&.main-small-navigation .random-post a .fa-random,
+				.fa.search-top {
+					color: $white;
+				}
+			}
+		}
+	}
+	.colormag-footer--classic {
+		.footer-widgets-wrapper {
+			background-color: $medium-footer-socket;
+		}
+		.footer-socket-wrapper {
+			background-color: $dark-footer-socket;
+		}
+	}
+	.elementor {
+		.tg-module-wrapper {
+			color: $color_gray_seven;
+
+			.tg-module-title {
+				color: $white;
+			}
+			.tg-module-meta {
+				.tg-post-auther-name,
+				.tg-post-date,
+				.tg-module-comments {
+					a,
+					span {
+						color: $light-content;
+					}
+				}
+			}
+		}
+	}
+}

colormag/SCSS/footer/_footer.scss

@@ -0,0 +1,30 @@
+/*--------------------------------------------------------------
+Classic Layout
+--------------------------------------------------------------*/
+.colormag-footer--classic {
+	.footer-widgets-area {
+		.widget-title {
+			border-bottom: 0 none;
+			
+			span {
+				background-color: transparent !important;
+				padding: 0 0 6px;
+				position: relative;
+				
+				&::before {
+					position: absolute;
+					display: block;
+					bottom: -1px;
+					content: ' ';
+					left: 0;
+					width: 25px;
+					height: 2px;
+					background-color: $primary;
+				}
+			}
+		}
+	}
+	.footer-socket-wrapper {
+		background-color: $footer-socket;
+	}
+}

colormag/SCSS/header/_header.scss

@@ -0,0 +1,676 @@
+#masthead {
+	.main-small-navigation {
+		ul {
+			&.menu-scrollbar {
+				overflow-y: scroll;
+			}
+		}
+
+		li {
+			&:hover,
+			&.current-page-ancestor,
+			&.current-menu-ancestor,
+			&.current-page-item,
+			&.current-menu-item {
+				> a {
+					color: $white;
+					background-color: $primary;
+				}
+			}
+		}
+	}
+
+	/*--------------------------------------------------------------
+	Clean Layout
+	--------------------------------------------------------------*/
+
+	&.colormag-header-clean {
+		.date-in-header {
+			padding-right: 20px;
+		}
+
+		.news-bar {
+			padding: 8px 0;
+		}
+
+		.breaking-news {
+			float: left;
+
+			.breaking-news-latest {
+				background: $news-background;
+				padding: 0 10px;
+				display: inline-block;
+				vertical-align: top;
+				color:$white;
+				font-weight: 400;
+			}
+
+			.newsticker {
+				padding-left: 10px;
+				text-align: left;
+				position: relative;
+				a {
+					color: $color_gray_four;
+
+					&:hover {
+						color: $primary;
+					}
+				}
+			}
+		}
+
+		.social-links {
+			i.fa {
+				color: $social-icon-color;
+				transition: color 0.35s;
+				font-size: 16px;
+				padding: 0 6px;
+			}
+
+			li {
+				&:hover {
+					i.fa {
+						color: $primary;
+					}
+				}
+			}
+		}
+
+		#header-text-nav-wrap {
+			padding: 30px 0;
+		}
+
+		.home-icon {
+
+			.fa {
+				font-size: 21px;
+			}
+		}
+
+		#site-navigation {
+			box-shadow: 0 0 0 rgba(0, 0, 0, 0 ) inset;
+			position: relative;
+			background-color:transparent;
+			border-top: 0 solid transparent;
+			z-index: 999;
+
+			.inner-wrap {
+				background-color: $news-background;
+			}
+
+			.fa.search-top {
+				padding: 20px;
+				line-height: 26px;
+				position: relative;
+				float: right;
+				right: 0;
+			}
+
+			.random-post {
+				position: relative;
+				float: right;
+			}
+
+			.search-form-top {
+				top: 100%;
+			}
+
+			.menu-toggle {
+				line-height: 26px;
+
+				&::before {
+					padding: 20px;
+				}
+			}
+		}
+
+		.main-navigation {
+			a {
+				font-weight: 500;
+				padding: 20px;
+				line-height: 26px;
+			}
+
+			ul {
+				li {
+					ul {
+						top: 100%;
+
+						li {
+							a {
+								width: auto;
+								padding: 10px 15px;
+							}
+
+							ul {
+								top: 0;
+							}
+						}
+					}
+
+					&.focus > ul {
+						display: block;
+						visibility: visible;
+						opacity: 1;
+					}
+				}
+			}
+		}
+
+		.main-small-navigation {
+			.menu-primary-container,
+			.nav-menu,
+			.menu {
+				padding-top: 0;
+				padding-top: 0;
+				position: absolute;
+				top: 100%;
+				width: 100%;
+
+
+			}
+
+			.random-post {
+				line-height: 26px;
+
+				a {
+					padding: 20px;
+				}
+			}
+		}
+	}
+
+	/*--------------------------------------------------------------
+	classic Layout
+	--------------------------------------------------------------*/
+
+	&.colormag-header-classic {
+		.date-in-header {
+			padding-right: 20px;
+		}
+
+		.news-bar {
+			padding: 8px 0;
+		}
+
+		.breaking-news {
+			float: left;
+
+			.breaking-news-latest {
+				background: $news-background;
+				padding: 0 10px;
+				color:$white;
+				font-weight: 400;
+				display: inline-block;
+				vertical-align: top;
+			}
+
+			.newsticker {
+				padding-left: 10px;
+				position: relative;
+				text-align: left;
+
+				a {
+					color: $color_gray_four;
+
+					&:hover {
+						color: $primary;
+					}
+				}
+			}
+		}
+
+		.social-links {
+			i.fa {
+				color: $social-icon-color;
+				transition: color 0.35s;
+				font-size: 16px;
+				padding: 0 6px;
+			}
+
+			li {
+				&:hover {
+					i.fa {
+						color: $primary;
+					}
+				}
+			}
+		}
+
+		#header-text-nav-wrap {
+			padding: 30px 0 20px;
+
+			#header-right-section {
+				display: none;
+			}
+
+			#header-left-section {
+				float: none;
+				text-align: center;
+
+				#header-logo-image,
+				#header-text {
+					float: none;
+					padding-right: 0;
+				}
+			}
+		}
+
+		#site-navigation {
+			box-shadow: 0 0 0 rgba(0, 0, 0, 0 ) inset;
+			position: relative;
+			background-color:transparent;
+			border-top: 0 solid transparent;
+			z-index: 999;
+
+			.inner-wrap {
+				background-color: transparent;
+			}
+
+			.fa.search-top {
+				color: $menu-link-color;
+				float: right;
+				font-size: 16px;
+				padding: 15px;
+
+				&:hover {
+					background: transparent;
+					color: $primary;
+				}
+			}
+
+			.menu-toggle {
+				line-height: 26px;
+				border: 1px solid $menu-link-color;
+
+				&::before {
+					padding: 20px;
+					color: $menu-link-color;;
+				}
+
+				&:hover {
+					border-color: $primary;
+
+					&::before {
+						color: $white;
+					}
+				}
+			}
+		}
+
+		.main-navigation {
+			a {
+				font-weight: 700;
+				padding: 10px 15px;
+				line-height: 26px;
+				color: $menu-link-color;
+
+				&::after {
+					color: inherit;
+				}
+
+				&:hover {
+					background-color: transparent;
+				}
+			}
+
+			ul {
+				li a {
+					background-color: transparent;
+				}
+
+				> li {
+					float: none;
+					display: inline-block;
+					vertical-align: top;
+
+					> a {
+						border-bottom: 2px solid transparent;
+						transition: border 0.5s ease;
+					}
+
+					&:hover,
+					&.current-menu-item,
+					&.current-menu-ancestor {
+						> a {
+							background-color: transparent;
+							border-bottom: 2px solid $primary;
+						}
+					}
+				}
+				li.focus {
+					>a {
+						border-color: $primary;
+					}
+					> ul {
+						opacity: 1;
+						visibility: visible;
+					}
+				}
+
+				ul.sub-menu {
+					top: 100%;
+					background-color: $color_gray_ten;
+					transition: all 0.3s ease;
+					display: block;
+					opacity: 0;
+					visibility: hidden;
+					border: 1px solid  $color_gray_eight;
+
+					li {
+						border-bottom:1px solid  $color_gray_eight;
+						display: block;
+
+						a {
+							width: auto;
+							padding: 10px 15px;
+							transition: all 0.5s ease;
+							border-bottom: none transparent;
+						}
+
+						&:hover,
+						&.current-menu-ancestor,
+						&.current-menu-item,
+						&.focus {
+							border-color: $primary;
+							background-color: transparent;
+
+							> a {
+								color: $white;
+								background-color: $primary;
+							}
+						}
+
+
+						&:last-child {
+							border-bottom: none transparent;
+						}
+
+						ul {
+							top: 0;
+						}
+					}
+				}
+
+				li.menu-item-has-children {
+					&:hover {
+						> ul.sub-menu {
+							opacity: 1;
+							visibility: visible;
+						}
+					}
+				}
+			}
+
+			.random-post {
+
+				a {
+					font-size: 14px;
+					padding: 10px 15px;
+					color: $menu-link-color;
+
+					&:hover {
+						background: transparent;
+
+						.fa-random {
+							color: $primary;
+						}
+					}
+
+					.fa-random {
+						color: $menu-link-color;
+					}
+				}
+			}
+
+			.home-icon {
+				background: none;
+
+				a {
+					padding: 10px 15px;
+
+					&:hover {
+
+						.fa {
+							color: $primary;
+						}
+					}
+				}
+
+				.fa {
+					color: $menu-link-color;
+				}
+			}
+		}
+
+		.main-small-navigation {
+			.menu-primary-container,
+			.nav-menu {
+				padding-top: 0;
+				padding-top: 0;
+				position: absolute;
+				top: 100%;
+				width: 100%;
+				box-shadow: 0 1px 11px rgba(0, 0, 0, 0.2);
+			}
+
+			.random-post {
+				bottom: 0;
+
+				a {
+					font-size: 14px;
+					padding: 12px 15px;
+					color: $menu-link-color;
+
+					.fa-random {
+						color: $menu-link-color;
+					}
+
+					&:hover {
+						background: transparent;
+
+						.fa-random {
+							color: $primary;
+						}
+					}
+				}
+			}
+
+			.menu-toggle {
+				background-color: $primary;
+				border-color: $primary;
+
+				&::before {
+					color: $white;
+				}
+			}
+		}
+
+		.is-sticky {
+			#site-navigation {
+				background-color: $white;
+				box-shadow: 0 5px 6px rgba(0, 0, 0, 0.1);
+			}
+		}
+	}
+}
+
+@media screen and (max-width: 768px) {
+	.better-responsive-menu{
+		.main-small-navigation .menu-primary-container {
+			padding-bottom: 20px;
+		}
+	}
+
+	#masthead {
+		.main-small-navigation {
+			li {
+				&:hover,
+				&.current-page-ancestor,
+				&.current-menu-ancestor,
+				&.current-page-item,
+				&.current-menu-item {
+					> .sub-toggle {
+						background-color: $white;
+
+						i {
+							color: $primary;
+						}
+					}
+				}
+			}
+		}
+
+		&.colormag-header-clean {
+			#menu-primary {
+				background-color: #ffffff;
+			}
+
+			.date-in-header,
+			.social-links {
+				float: none;
+				text-align: center;
+			}
+			.breaking-news {
+				width: 100%;
+				float: none;
+				margin-bottom: 5px;
+				text-align: center;
+			}
+
+			#header-text-nav-wrap {
+				padding: 0 0 20px;
+			}
+
+			#header-left-section,
+			#header-logo-image {
+				margin-bottom: 0;
+
+			}
+
+			#site-navigation {
+				.random-post {
+					a {
+						padding: 20px;
+					}
+				}
+
+				.menu-toggle::before,
+				.fa.search-top {
+					padding: 20px;
+				}
+			}
+
+			.main-small-navigation {
+
+				.home-icon {
+
+					a {
+						padding: 20px;
+					}
+				}
+
+				.menu-toggle {
+					background-color: $primary;
+				}
+
+				.random-post {
+					a {
+						padding: 15px;
+					}
+				}
+			}
+		}
+
+		&.colormag-header-classic {
+			#menu-primary {
+				background-color: #ffffff;
+			}
+
+			.date-in-header,
+			.breaking-news,
+			.social-links {
+				width: 100%;
+				float: none;
+				text-align: center;
+			}
+
+			#header-text-nav-wrap {
+				padding: 0;
+			}
+
+			#header-left-section,
+			#header-logo-image {
+				margin-bottom: 0;
+
+			}
+
+			.main-small-navigation {
+				.menu-toggle {
+					background-color: $primary;
+					border-color: $primary;
+				}
+
+				.random-post {
+					a {
+						padding: 15px;
+					}
+				}
+			}
+
+			#site-navigation {
+				.random-post {
+					a {
+						padding: 15px;
+					}
+				}
+
+				.menu-toggle::before,
+				.fa.search-top {
+					padding: 15px;
+					line-height: 26px;
+				}
+
+				.home-icon {
+
+					a {
+						padding: 15px;
+						line-height: 26px;
+					}
+				}
+			}
+		}
+	}
+
+	.breaking-news {
+		height: auto;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	.better-responsive-menu {
+		.main-small-navigation .menu-primary-container {
+			padding-bottom: 15px;
+		}
+	}
+
+	#masthead {
+		&.colormag-header-classic,
+		&.colormag-header-clean {
+
+			.date-in-header {
+				display: none;
+			}
+
+			.breaking-news {
+				.breaking-news-latest {
+					padding: 0 5px;
+				}
+
+				.newsticker {
+					padding-left: 0;
+				}
+			}
+		}
+	}
+}

colormag/SCSS/style.scss

@@ -0,0 +1,22 @@
+/*
+Theme Name: ColorMag
+Theme URI: https://themegrill.com/themes/colormag/
+Author: ThemeGrill
+Author URI: https://themegrill.com
+Description: ColorMag is a perfect responsive magazine style WordPress theme. Suitable for news, newspaper, magazine, publishing, business and any kind of sites. Get free support at https://themegrill.com/support-forum/ and check the demo at https://demo.themegrill.com/colormag/
+Version: 1.4.2
+License: GNU General Public License, version 3 (GPLv3)
+License URI: http://www.gnu.org/licenses/gpl-3.0.txt
+Tags: one-column, two-columns, right-sidebar, left-sidebar, flexible-header, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, post-formats, footer-widgets, blog, e-commerce, news, rtl-language-support
+Text Domain: colormag
+
+Resetting and rebuilding styles have been helped along thanks to the fine work of
+Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
+along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
+and Blueprint http://www.blueprintcss.org/
+*/
+
+@import 'variables/colors';
+@import 'theme/theme-style';
+@import 'header/header';
+@import 'footer/footer';

colormag/SCSS/variables/_colors.scss

@@ -0,0 +1,65 @@
+/*==========  Gray colors  ==========*/
+
+/*=====  Light colors  ======*/
+$white:#fff;
+$color_gray_eleven: darken($white, 2.5% ); // #f9f9f9
+$color_gray_ten: darken($white, 2.6% ); // #f8f8f8
+$color_gray_nine: darken($white, 5% ); //#f2f2f2
+$color_gray_eight: darken($white, 8.4% ); // #eaeaea
+$color_gray_seven: darken($white, 20% ); // #cccccc
+$black: #000000;
+$color_gray_one: lighten($black, 13.6%); // #232323 
+$color_gray_two: lighten($black, 20%); // #333333
+$color_gray_three: lighten($black, 26.5%); // #444444
+$color_gray_four:  lighten($black, 33.5%); // #555555
+$color_gray_five: lighten($black, 46.5%); // #777777
+$color_gray_six: lighten($black, 53.5%); // #888888
+
+/*==========  Brand-colors  ==========*/
+
+$primary:#289dcc;
+$color-title:#424143;
+$body-background: #eaeaea;
+$dark-background:#151515;
+$news-background: #212529;
+$social-icon-color: #495057;
+$menu-link-color: #343a40;
+$news-bar-background: #f1f3f5;
+$title-border: #5e616a;
+$footer-border: #40444f;
+$footer-socket: #252730;
+$dark-page-background:#1A1A1A;
+$dark-footer-socket:#121212;
+$medium-footer-socket:lighten($dark-footer-socket, 1.5%);
+$dark-news-background: lighten($dark-page-background, 1.5%);
+$light-content: darken($white, 35%);
+
+/*==========  social links colors  ==========*/
+
+$color-twitter: #1BB2E9;
+$color-facebook: #3B5A9B;
+$color-youtube: #ED3F41;
+$color-vimeo-square: #44BBFF;
+$color-skype: #009CEF;
+$color-linkedin: #007BB6;
+$color-google-plus: #DC4937;
+$color-github: #4183C4;
+$color-flickr: #0062DD;
+$color-dribbble: #E24D87;
+$color-instagram: #3F729B;
+$color-pinterest: #D5282E;
+$color-stumbleupon: #EC4823;
+$color-tumblr: #455469;
+$color-wordpress: #21759B;
+$color-codepen: #CCCCCC;
+$color-digg: #14589E;
+$color-reddit: #FF4500;
+$color-xing: #026466;
+$color-vk: #45668e;
+$color-weibo: #e6162d;
+$color-leanpub: #000000;
+$color-renren: #237bc2;
+$color-rss: #f26522;
+$color-soundcloud: #ff3a00;
+$color-vine: #00bf8f;
+$color-delicious: #2a96ff;

colormag/SCSS/variables/_typography.scss

@@ -0,0 +1,16 @@
+$font-family-body:					'Roboto', sans-serif;
+$font-family-heading:				'Raleway', sans-serif;
+
+$font-size-base:					14px;
+$font-size-large:         			ceil(($font-size-base * 1.25)); // ~18px
+$font-size-small:         			ceil(($font-size-base * 0.85)); // ~12px
+
+$font-size-h1:            			54px;
+$font-size-h2:            			36px;
+$font-size-h3:            			24px;
+$font-size-h4:            			18px;
+$font-size-h5:            			16px;
+$font-size-h6:            			14px;
+
+
+$line-height-base:        			24px;

colormag/archive.php

@@ -0,0 +1,112 @@
+<?php
+/**
+ * The template for displaying Archive page.
+ *
+ * @package ThemeGrill
+ * @subpackage ColorMag
+ * @since ColorMag 1.0
+ */
+
+get_header(); ?>
+
+	<?php do_action( 'colormag_before_body_content' ); ?>
+
+	<div id="primary">
+		<div id="content" class="clearfix">
+
+			<?php if ( have_posts() ) : ?>
+
+				<header class="page-header">
+               <?php if ( is_category() ) {
+                  do_action('colormag_category_title');
+                  single_cat_title();
+                  } else { ?>
+					<h1 class="page-title">
+               <span>
+						<?php
+							if ( is_tag() ) :
+								single_tag_title();
+
+							elseif ( is_author() ) :
+								/* Queue the first post, that way we know
+								 * what author we're dealing with (if that is the case).
+								*/
+								the_post();
+								printf( __( 'Author: %s', 'colormag' ), '<span class="vcard">' . get_the_author() . '</span>' );
+								/* Since we called the_post() above, we need to
+								 * rewind the loop back to the beginning that way
+								 * we can run the loop properly, in full.
+								 */
+								rewind_posts();
+
+							elseif ( is_day() ) :
+								printf( __( 'Day: %s', 'colormag' ), '<span>' . get_the_date() . '</span>' );
+
+							elseif ( is_month() ) :
+								printf( __( 'Month: %s', 'colormag' ), '<span>' . get_the_date( 'F Y' ) . '</span>' );
+
+							elseif ( is_year() ) :
+								printf( __( 'Year: %s', 'colormag' ), '<span>' . get_the_date( 'Y' ) . '</span>' );
+
+							elseif ( is_tax( 'post_format', 'post-format-aside' ) ) :
+								_e( 'Asides', 'colormag' );
+
+							elseif ( is_tax( 'post_format', 'post-format-image' ) ) :
+								_e( 'Images', 'colormag');
+
+							elseif ( is_tax( 'post_format', 'post-format-video' ) ) :
+								_e( 'Videos', 'colormag' );
+
+							elseif ( is_tax( 'post_format', 'post-format-quote' ) ) :
+								_e( 'Quotes', 'colormag' );
+
+							elseif ( is_tax( 'post_format', 'post-format-link' ) ) :
+								_e( 'Links', 'colormag' );
+
+							elseif ( is_plugin_active( 'woocommerce/woocommerce.php' ) ) :
+									woocommerce_page_title( false );
+
+							else :
+								_e( 'Archives', 'colormag' );
+
+							endif;
+						?>
+					</span></h1>
+                  <?php } ?>
+					<?php
+						// Show an optional term description.
+						$term_description = term_description();
+						if ( ! empty( $term_description ) ) :
+							printf( '<div class="taxonomy-description">%s</div>', $term_description );
+						endif;
+					?>
+				</header><!-- .page-header -->
+
+            <div class="article-container">
+
+   				<?php global $post_i; $post_i = 1; ?>
+
+   				<?php while ( have_posts() ) : the_post(); ?>
+
+   					<?php get_template_part( 'content', 'archive' ); ?>
+
+   				<?php endwhile; ?>
+
+            </div>
+
+				<?php get_template_part( 'navigation', 'archive' ); ?>
+
+			<?php else : ?>
+
+				<?php get_template_part( 'no-results', 'archive' ); ?>
+
+			<?php endif; ?>
+
+		</div><!-- #content -->
+	</div><!-- #primary -->
+
+	<?php colormag_sidebar_select(); ?>
+
+	<?php do_action( 'colormag_after_body_content' ); ?>
+
+<?php get_footer(); ?>

colormag/comments.php

@@ -0,0 +1,72 @@
+<?php
+/**
+ * The template for displaying Comments.
+ *
+ * The area of the page that contains both current comments
+ * and the comment form. The actual display of comments is
+ * handled by a callback to colormag_comment() which is
+ * located in the inc/functions.php file.
+ *
+ * @package ThemeGrill
+ * @subpackage ColorMag
+ * @since ColorMag 1.0
+ */
+
+/*
+ * If the current post is protected by a password and
+ * the visitor has not yet entered the password we will
+ * return early without loading the comments.
+ */
+if ( post_password_required() )
+	return;
+?>
+
+<div id="comments" class="comments-area">
+
+	<?php // You can start editing here -- including this comment! ?>
+
+	<?php if ( have_comments() ) : ?>
+		<h3 class="comments-title">
+			<?php
+				printf( _nx( 'One thought on &ldquo;%2$s&rdquo;', '%1$s thoughts on &ldquo;%2$s&rdquo;', get_comments_number(), 'comments title', 'colormag' ),
+					number_format_i18n( get_comments_number() ), '<span>' . get_the_title() . '</span>' );
+			?>
+		</h3>
+
+		<?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?>
+		<nav id="comment-nav-above" class="comment-navigation clearfix" role="navigation">
+			<h3 class="screen-reader-text"><?php _e( 'Comment navigation', 'colormag' ); ?></h3>
+			<div class="nav-previous"><?php previous_comments_link( __( '&larr; Older Comments', 'colormag' ) ); ?></div>
+			<div class="nav-next"><?php next_comments_link( __( 'Newer Comments &rarr;', 'colormag' ) ); ?></div>
+		</nav><!-- #comment-nav-above -->
+		<?php endif; // check for comment navigation ?>
+
+		<ul class="comment-list">
+			<?php
+				wp_list_comments( array(
+					'callback'    => 'colormag_comment',
+					'short_ping'  => true
+				) );
+			?>
+		</ul><!-- .comment-list -->
+
+		<?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?>
+		<nav id="comment-nav-below" class="comment-navigation clearfix" role="navigation">
+			<h3 class="screen-reader-text"><?php _e( 'Comment navigation', 'colormag' ); ?></h3>
+			<div class="nav-previous"><?php previous_comments_link( __( '&larr; Older Comments', 'colormag' ) ); ?></div>
+			<div class="nav-next"><?php next_comments_link( __( 'Newer Comments &rarr;', 'colormag' ) ); ?></div>
+		</nav><!-- #comment-nav-below -->
+		<?php endif; // check for comment navigation ?>
+
+	<?php endif; // have_comments() ?>
+
+	<?php
+		// If comments are closed and there are comments, let's leave a little note, shall we?
+		if ( ! comments_open() && '0' != get_comments_number() && post_type_supports( get_post_type(), 'comments' ) ) :
+	?>
+		<p class="no-comments"><?php _e( 'Comments are closed.', 'colormag' ); ?></p>
+	<?php endif; ?>
+
+	<?php comment_form(); ?>
+
+</div><!-- #comments -->

colormag/content-page.php

@@ -0,0 +1,49 @@
+<?php
+/**
+ * The template used for displaying page content in page.php
+ *
+ * @package ThemeGrill
+ * @subpackage ColorMag
+ * @since ColorMag 1.0
+ */
+?>
+
+<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+	<?php do_action( 'colormag_before_post_content' ); ?>
+
+	<?php if ( ( get_theme_mod( 'colormag_featured_image_single_page_show', 1 ) == 1 ) && ( has_post_thumbnail() ) ) { ?>
+		<div class="featured-image">
+			<?php the_post_thumbnail( 'colormag-featured-image' ); ?>
+		</div>
+	<?php } ?>
+
+	<header class="entry-header">
+      <?php if ( is_front_page() ) : ?>
+   		<h2 class="entry-title">
+   			<?php the_title(); ?>
+   		</h2>
+      <?php else : ?>
+         <h1 class="entry-title">
+            <?php the_title(); ?>
+         </h1>
+      <?php endif; ?>
+	</header>
+
+	<div class="entry-content clearfix">
+		<?php the_content(); ?>
+		<?php
+			wp_link_pages( array(
+				'before'            => '<div style="clear: both;"></div><div class="pagination clearfix">'.__( 'Pages:', 'colormag' ),
+				'after'             => '</div>',
+				'link_before'       => '<span>',
+				'link_after'        => '</span>'
+	      ) );
+		?>
+	</div>
+
+	<div class="entry-footer">
+		<?php edit_post_link( __( 'Edit', 'colormag' ), '<span class="edit-link"><i class="fa fa-edit"></i>', '</span>' ); ?>
+	</div>
+
+	<?php do_action( 'colormag_after_post_content' ); ?>
+</article>

colormag/content-single.php

@@ -0,0 +1,59 @@
+<?php
+/**
+ * The template used for displaying single post content in single.php
+ *
+ * @package ThemeGrill
+ * @subpackage ColorMag
+ * @since ColorMag 1.0
+ */
+?>
+
+<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+	<?php do_action( 'colormag_before_post_content' ); ?>
+
+   <?php
+      $image_popup_id = get_post_thumbnail_id();
+      $image_popup_url = wp_get_attachment_url( $image_popup_id );
+   ?>
+
+   <?php if ( ( get_theme_mod( 'colormag_featured_image_show', 0 ) == 0 ) && ( has_post_thumbnail() ) ) { ?>
+      <div class="featured-image">
+      <?php if (get_theme_mod('colormag_featured_image_popup', 0) == 1) { ?>
+         <a href="<?php echo $image_popup_url; ?>" class="image-popup"><?php the_post_thumbnail( 'colormag-featured-image' ); ?></a>
+      <?php } else { ?>
+         <?php the_post_thumbnail( 'colormag-featured-image' ); ?>
+      <?php } ?>
+      </div>
+   <?php } ?>
+
+   <div class="article-content clearfix">
+
+   <?php if( get_post_format() ) { get_template_part( 'inc/post-formats' ); } ?>
+
+   <?php colormag_colored_category(); ?>
+
+      <header class="entry-header">
+   		<h1 class="entry-title">
+   			<?php the_title(); ?>
+   		</h1>
+   	</header>
+
+   	<?php colormag_entry_meta(); ?>
+
+   	<div class="entry-content clearfix">
+   		<?php
+   			the_content();
+
+   			wp_link_pages( array(
+   				'before'            => '<div style="clear: both;"></div><div class="pagination clearfix">'.__( 'Pages:', 'colormag' ),
+   				'after'             => '</div>',
+   				'link_before'       => '<span>',
+   				'link_after'        => '</span>'
+   	      ) );
+   		?>
+   	</div>
+
+   </div>
+
+	<?php do_action( 'colormag_after_post_content' ); ?>
+</article>

colormag/content.php

@@ -0,0 +1,44 @@
+<?php
+/**
+ * The template used for displaying page content in page.php
+ *
+ * @package ThemeGrill
+ * @subpackage ColorMag
+ * @since ColorMag 1.0
+ */
+?>
+
+<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+   <?php do_action( 'colormag_before_post_content' ); ?>
+
+   <?php if ( has_post_thumbnail() ) { ?>
+      <div class="featured-image">
+         <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail( 'colormag-featured-image' ); ?></a>
+      </div>
+   <?php } ?>
+
+   <div class="article-content clearfix">
+
+      <?php if( get_post_format() ) { get_template_part( 'inc/post-formats' ); } ?>
+
+      <?php colormag_colored_category(); ?>
+
+      <header class="entry-header">
+         <h2 class="entry-title">
+            <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute();?>"><?php the_title(); ?></a>
+         </h2>
+      </header>
+
+      <?php colormag_entry_meta(); ?>
+
+      <div class="entry-content clearfix">
+         <?php
+            the_excerpt();
+         ?>
+         <a class="more-link" title="<?php the_title(); ?>" href="<?php the_permalink(); ?>"><span><?php _e( 'Read more', 'colormag' ); ?></span></a>
+      </div>
+
+   </div>
+
+   <?php do_action( 'colormag_after_post_content' ); ?>
+</article>

colormag/css/admin/message.css

@@ -0,0 +1,51 @@
+.colormag-message {
+	overflow: hidden;
+	position: relative;
+	border: 10px solid #97d2e7 !important;
+}
+
+.colormag-message-wrapper {
+	width: 500px;
+	text-align: center;
+	margin: 0 auto;
+	padding: 50px 0;
+}
+
+.colormag-message-wrapper .submit {
+	text-align: center;
+	padding-top: 25px;
+}
+
+.submit a.btn-get-started:before {
+	margin: 0 4px 3px 0;
+	vertical-align: middle;
+}
+
+.colormag-message a.button-primary,
+.colormag-message a.button-secondary {
+	text-decoration: none !important;
+}
+
+.colormag-message a.colormag-message-close {
+	position: absolute;
+	top: 0;
+	right: 0;
+	padding: 10px 15px 10px 21px;
+	font-size: 13px;
+	line-height: 1.23076923;
+	text-decoration: none;
+}
+
+.colormag-message a.colormag-message-close:before {
+	position: absolute;
+	top: 8px;
+	left: 0;
+	-webkit-transition: all .1s ease-in-out;
+	transition: all .1s ease-in-out;
+}
+
+.colormag-message-wrapper .plugin-install-notice {
+	display: block;
+	font-size: 12px;
+	margin: 10px 0 0;
+}

colormag/css/admin/theme-review-notice.css

@@ -0,0 +1,18 @@
+.theme-review-notice .links {
+	margin: 10px 0;
+}
+
+.theme-review-notice .links a {
+	height: auto;
+	padding: 3px 15px;
+	margin-left: 10px;
+	text-transform: uppercase;
+}
+
+.theme-review-notice .links a .dashicons {
+	line-height: 1.2;
+}
+
+.theme-review-notice .links a.button-primary {
+	margin-left: 0;
+}

colormag/css/admin/welcome.css

@@ -0,0 +1,233 @@
+.wp-badge.tg-welcome-logo {
+	background-color: #ffffff;
+	background-image: url(../../img/themegrill-logo.jpg);
+	background-repeat: no-repeat;
+	background-position: center center;
+	background-size: 70%;
+}
+
+.header h1 {
+	font-size: 30px;
+}
+
+pre.changelog {
+	font-size: 12px;
+	background-color: #f5f5f5;
+	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #f5f5f5), color-stop(50%, #e6e6e6));
+	background-image: -webkit-linear-gradient(#f5f5f5 50%, #e6e6e6 50%);
+	background-image: linear-gradient(#f5f5f5 50%, #e6e6e6 50%);
+	background-size: 38px 38px;
+	border: 1px solid #d4d4d4;
+	display: block;
+	line-height: 19px;
+	margin-bottom: 10px;
+	overflow: visible;
+	overflow-y: hidden;
+	padding: 0 0 0 4px;
+}
+
+pre.changelog span {
+	font-weight: 700;
+}
+
+.return-to-dashboard.colormag {
+	clear: both;
+}
+
+p.colormag-actions a.skip {
+	opacity: .5;
+}
+
+p.colormag-actions a.docs:focus,
+p.colormag-actions a.docs:hover,
+p.colormag-actions a.skip:focus,
+p.colormag-actions a.skip:hover {
+	opacity: 1;
+}
+
+p.colormag-actions a.button-primary,
+p.colormag-actions a.button-secondary {
+	text-decoration: none !important;
+}
+
+table {
+	width: 100%;
+	border-collapse: collapse;
+}
+
+td {
+	text-align: center;
+}
+
+.about-wrap {
+	max-width: 100%;
+}
+
+.welcome-description-wrap {
+	display: inline-block;
+	width: 100%;
+	margin: 20px 0;
+}
+
+.about-wrap table td h3 {
+	margin: 20px;
+	padding-left: 20px;
+	text-align: left;
+}
+
+.wrap table {
+	border: 1px solid #e1e1e1;
+	border-collapse: collapse;
+}
+
+.wrap table th {
+	width: 33%;
+}
+
+.wrap table th:first-child {
+	background-color: rgba(0, 0, 0, 0.03);
+}
+
+.about-wrap table td .table-desc {
+	font-size: 15px;
+	margin: 20px;
+	padding-left: 20px;
+	display: block;
+	text-align: left;
+}
+
+.about-wrap table .table-feature-title > h3 {
+	color: #404040;
+}
+
+.wrap table th {
+	background-color: #24b37e;
+}
+
+.wrap table th:last-child {
+	background-color: #228b9b;
+}
+
+.wrap table th h3 {
+	color: #ffffff;
+	margin: 15px;
+}
+
+tr:nth-child(2n) {
+	background-color: #e7e7e7;
+}
+
+.wrap table td span {
+	font-size: 25px;
+}
+
+.wrap table td .dashicons.dashicons-no {
+	color: #ce2d2d;
+}
+
+.wrap table td .dashicons.dashicons-yes {
+	color: #24b37e;
+}
+
+table tr .btn-wrapper {
+	padding: 10px 0;
+}
+
+table tr .btn-wrapper .button {
+	background-color: #228b9b;
+	color: #ffffff;
+	font-size: 14px;
+	line-height: 0;
+	padding: 27px 0;
+	width: 59%;
+}
+
+table tr .btn-wrapper .button:hover {
+	background: #097282 none repeat scroll 0 0;
+	color: #ffffff;
+}
+
+.tg-demo-showcase .wp-filter {
+	padding: 0;
+	border: none;
+	box-shadow: none;
+	background: transparent;
+}
+
+.tg-demo-showcase .theme-browser .theme .premium-demo-banner {
+	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
+	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
+	position: absolute;
+	top: 10px;
+	right: 0;
+	height: 30px;
+	width: 50px;
+	background: #51cf66;
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-pack: center;
+	-ms-flex-pack: center;
+	justify-content: center;
+	-webkit-box-align: center;
+	-ms-flex-align: center;
+	align-items: center;
+	color: #ffffff;
+}
+
+.tg-demo-showcase .theme-browser .theme .premium-demo-banner:before, .tg-demo-showcase .theme-browser .theme .premium-demo-banner:after {
+	content: "";
+	position: absolute;
+	width: 0;
+	height: 0;
+	right: 100%;
+}
+
+.tg-demo-showcase .theme-browser .theme .premium-demo-banner:before {
+	top: 0;
+	border-top: 15px solid #51cf66;
+	border-left: 15px solid transparent;
+}
+
+.tg-demo-showcase .theme-browser .theme .premium-demo-banner:after {
+	bottom: 0;
+	border-bottom: 15px solid #51cf66;
+	border-left: 15px solid transparent;
+}
+
+.plugin-install-notice {
+	margin: 20px 0 0;
+}
+
+@media (max-width: 1400px) {
+	.about-wrap h1 {
+		font-size: 30px;
+	}
+
+	.about-wrap .about-text {
+		font-size: 16px;
+	}
+}
+
+@media (max-width: 1200px) {
+	.about-wrap .about-text {
+		font-size: 14px;
+	}
+
+	.about-wrap table td h3,
+	.about-wrap table td {
+		font-size: 14px;
+	}
+}
+
+@media (max-width: 980px) {
+	.about-wrap h1 {
+		font-size: 25px;
+	}
+
+	.about-wrap .about-text,
+	.colormag-screenshot {
+		float: none;
+		width: 100%;
+	}
+}

colormag/css/jquery.bxslider.css

@@ -0,0 +1,177 @@
+/** VARIABLES
+===================================*/
+/** RESET AND LAYOUT
+===================================*/
+.bx-wrapper {
+  position: relative;
+  margin-bottom: 60px;
+  padding: 0;
+  *zoom: 1;
+  -ms-touch-action: pan-y;
+  touch-action: pan-y;
+}
+.bx-wrapper img {
+  max-width: 100%;
+  display: block;
+}
+.bxslider {
+  margin: 0;
+  padding: 0;
+}
+ul.bxslider {
+  list-style: none;
+}
+.bx-viewport {
+  /*fix other elements on the page moving (on Chrome)*/
+  -webkit-transform: translatez(0);
+}
+/** THEME
+===================================*/
+.bx-wrapper {
+  -moz-box-shadow: 0 0 5px #ccc;
+  -webkit-box-shadow: 0 0 5px #ccc;
+  box-shadow: 0 0 5px #ccc;
+  border: 5px solid #fff;
+  background: #fff;
+}
+.bx-wrapper .bx-pager,
+.bx-wrapper .bx-controls-auto {
+  position: absolute;
+  bottom: -30px;
+  width: 100%;
+}
+/* LOADER */
+.bx-wrapper .bx-loading {
+  min-height: 50px;
+  background: url('images/bx_loader.gif') center center no-repeat #ffffff;
+  height: 100%;
+  width: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2000;
+}
+/* PAGER */
+.bx-wrapper .bx-pager {
+  text-align: center;
+  font-size: .85em;
+  font-family: Arial;
+  font-weight: bold;
+  color: #666;
+  padding-top: 20px;
+}
+.bx-wrapper .bx-pager.bx-default-pager a {
+  background: #666;
+  text-indent: -9999px;
+  display: block;
+  width: 10px;
+  height: 10px;
+  margin: 0 5px;
+  outline: 0;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+}
+.bx-wrapper .bx-pager.bx-default-pager a:hover,
+.bx-wrapper .bx-pager.bx-default-pager a.active,
+.bx-wrapper .bx-pager.bx-default-pager a:focus {
+  background: #000;
+}
+.bx-wrapper .bx-pager-item,
+.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
+  display: inline-block;
+  vertical-align: bottom;
+  *zoom: 1;
+  *display: inline;
+}
+.bx-wrapper .bx-pager-item {
+  font-size: 0;
+  line-height: 0;
+}
+/* DIRECTION CONTROLS (NEXT / PREV) */
+.bx-wrapper .bx-prev {
+  left: 10px;
+  background: url('images/controls.png') no-repeat 0 -32px;
+}
+.bx-wrapper .bx-prev:hover,
+.bx-wrapper .bx-prev:focus {
+  background-position: 0 0;
+}
+.bx-wrapper .bx-next {
+  right: 10px;
+  background: url('images/controls.png') no-repeat -43px -32px;
+}
+.bx-wrapper .bx-next:hover,
+.bx-wrapper .bx-next:focus {
+  background-position: -43px 0;
+}
+.bx-wrapper .bx-controls-direction a {
+  position: absolute;
+  top: 50%;
+  margin-top: -16px;
+  outline: 0;
+  width: 32px;
+  height: 32px;
+  text-indent: -9999px;
+  z-index: 9999;
+}
+.bx-wrapper .bx-controls-direction a.disabled {
+  display: none;
+}
+/* AUTO CONTROLS (START / STOP) */
+.bx-wrapper .bx-controls-auto {
+  text-align: center;
+}
+.bx-wrapper .bx-controls-auto .bx-start {
+  display: block;
+  text-indent: -9999px;
+  width: 10px;
+  height: 11px;
+  outline: 0;
+  background: url('images/controls.png') -86px -11px no-repeat;
+  margin: 0 3px;
+}
+.bx-wrapper .bx-controls-auto .bx-start:hover,
+.bx-wrapper .bx-controls-auto .bx-start.active,
+.bx-wrapper .bx-controls-auto .bx-start:focus {
+  background-position: -86px 0;
+}
+.bx-wrapper .bx-controls-auto .bx-stop {
+  display: block;
+  text-indent: -9999px;
+  width: 9px;
+  height: 11px;
+  outline: 0;
+  background: url('images/controls.png') -86px -44px no-repeat;
+  margin: 0 3px;
+}
+.bx-wrapper .bx-controls-auto .bx-stop:hover,
+.bx-wrapper .bx-controls-auto .bx-stop.active,
+.bx-wrapper .bx-controls-auto .bx-stop:focus {
+  background-position: -86px -33px;
+}
+/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
+.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
+  text-align: left;
+  width: 80%;
+}
+.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
+  right: 0;
+  width: 35px;
+}
+/* IMAGE CAPTIONS */
+.bx-wrapper .bx-caption {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  background: #666;
+  background: rgba(80, 80, 80, 0.75);
+  width: 100%;
+}
+.bx-wrapper .bx-caption span {
+  color: #fff;
+  font-family: Arial;
+  display: block;
+  font-size: .85em;
+  padding: 10px;
+}

colormag/dark.css

@@ -0,0 +1,238 @@
+/*==========  Gray colors  ==========*/
+/*=====  Light colors  ======*/
+/*==========  Brand-colors  ==========*/
+/*==========  social links colors  ==========*/
+/*--------------------------------------------------------------
+Dark CSS
+--------------------------------------------------------------*/
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	color: #fff;
+}
+
+body {
+	background-color: #151515;
+	color: #cccccc;
+}
+
+.dark-skin {
+	/*--------------------------------------------------------------
+	Header Clean layout CSS
+	--------------------------------------------------------------*/
+}
+
+.dark-skin #site-description {
+	color: #fff;
+}
+
+.dark-skin #page,
+.dark-skin #header-text-nav-container,
+.dark-skin .news-bar,
+.dark-skin #main,
+.dark-skin #secondary .widget {
+	background-color: #1A1A1A;
+}
+
+.dark-skin .news-bar {
+	background-color: #1e1e1e;
+}
+
+.dark-skin .main-small-navigation li {
+	background-color: #232323;
+}
+
+.dark-skin .main-small-navigation a {
+	color: #fff;
+}
+
+.dark-skin .date-in-header {
+	color: #cccccc;
+}
+
+.dark-skin .breaking-news-latest {
+	color: #fff;
+}
+
+.dark-skin .search-form-top {
+	background-color: #121212;
+	border: 0 none;
+}
+
+.dark-skin .widget_featured_posts .single-article {
+	background: none;
+	box-shadow: 0 0 0 0 transparent;
+}
+
+.dark-skin .widget_featured_posts .article-content .entry-title a {
+	color: #fff;
+}
+
+.dark-skin .widget_featured_posts .article-content .below-entry-meta .posted-on .fa,
+.dark-skin .widget_featured_posts .article-content .below-entry-meta .byline .fa,
+.dark-skin .widget_featured_posts .article-content .below-entry-meta .comments .fa {
+	color: #a6a6a6;
+}
+
+.dark-skin .posted-on a,
+.dark-skin .byline a,
+.dark-skin .comments a {
+	color: #a6a6a6;
+}
+
+.dark-skin .comments span {
+	color: #a6a6a6;
+}
+
+.dark-skin .thumbnail-slider {
+	border-color: #1A1A1A;
+}
+
+.dark-skin #comments {
+	border-color: #444444;
+}
+
+.dark-skin #content .post .article-content .entry-title a {
+	color: #fff;
+}
+
+.dark-skin #content .post .article-content .below-entry-meta .byline .fa,
+.dark-skin #content .post .article-content .below-entry-meta .comments .fa,
+.dark-skin #content .post .article-content .below-entry-meta .tag-links .fa,
+.dark-skin #content .post .article-content .below-entry-meta .edit-link .fa,
+.dark-skin #content .post .article-content .below-entry-meta .posted-on .fa,
+.dark-skin #content .post .article-content .below-entry-meta .post-views .fa {
+	color: #a6a6a6;
+}
+
+.dark-skin #content .post .article-content .below-entry-meta .post-views span {
+	color: #a6a6a6;
+}
+
+.dark-skin #content .post .article-content .below-entry-meta .edit-link a {
+	color: #a6a6a6;
+}
+
+.dark-skin .single-related-posts .article-content .entry-title a {
+	color: #fff;
+}
+
+.dark-skin .single-related-posts .article-content .below-entry-meta .posted-on .fa,
+.dark-skin .single-related-posts .article-content .below-entry-meta .comments .fa {
+	color: #a6a6a6;
+}
+
+.dark-skin .post .entry-title a,
+.dark-skin .search .entry-title a {
+	color: #fff;
+}
+
+.dark-skin .random_posts_widget_inner_wrap,
+.dark-skin .single-related-posts {
+	box-shadow: 0 0 0 0 transparent;
+}
+
+.dark-skin .footer-widgets-wrapper,
+.dark-skin .footer-socket-wrapper {
+	border-top: 0 none;
+	background-color: #121212;
+}
+
+.dark-skin #colophon .tg-upper-footer-widgets .widget {
+	border: 0 none;
+}
+
+.dark-skin input[type="text"],
+.dark-skin input[type="email"],
+.dark-skin input[type="password"],
+.dark-skin textarea,
+.dark-skin .comment-content {
+	background-color: #1A1A1A;
+	color: #cccccc;
+	border-color: #777777;
+}
+
+.dark-skin .view-all-link {
+	background: #1A1A1A;
+}
+
+.dark-skin #masthead.colormag-header-clean .main-navigation .sub-menu,
+.dark-skin #masthead.colormag-header-clean .main-navigation .children {
+	background-color: #212529;
+}
+
+.dark-skin #masthead.colormag-header-clean .main-small-navigation li {
+	background-color: #212529;
+}
+
+.dark-skin #masthead.colormag-header-clean .breaking-news .newsticker a,
+.dark-skin #masthead.colormag-header-clean .social-links i.fa, .dark-skin #masthead.colormag-header-classic .breaking-news .newsticker a,
+.dark-skin #masthead.colormag-header-classic .social-links i.fa {
+	color: #cccccc;
+}
+
+.dark-skin #masthead.colormag-header-classic .is-sticky #site-navigation {
+	background-color: #212529;
+}
+
+.dark-skin #masthead.colormag-header-classic .is-sticky .main-small-navigation li {
+	background-color: #212529;
+}
+
+.dark-skin #masthead.colormag-header-classic #site-navigation .menu-toggle {
+	border-color: #cccccc;
+}
+
+.dark-skin #masthead.colormag-header-classic #site-navigation .menu-toggle::before {
+	color: #cccccc;
+}
+
+.dark-skin #masthead.colormag-header-classic #site-navigation.main-navigation ul ul.sub-menu,
+.dark-skin #masthead.colormag-header-classic #site-navigation.main-navigation ul .children {
+	background-color: #212529;
+	border-color: #444444;
+}
+
+.dark-skin #masthead.colormag-header-classic #site-navigation.main-navigation ul ul.sub-menu li,
+.dark-skin #masthead.colormag-header-classic #site-navigation.main-navigation ul .children li {
+	border-color: #444444;
+}
+
+.dark-skin #masthead.colormag-header-classic #site-navigation.main-navigation a,
+.dark-skin #masthead.colormag-header-classic #site-navigation.main-navigation .random-post a .fa-random,
+.dark-skin #masthead.colormag-header-classic #site-navigation.main-navigation .home-icon .fa {
+	color: #fff;
+}
+
+.dark-skin #masthead.colormag-header-classic #site-navigation.main-small-navigation .random-post a .fa-random,
+.dark-skin #masthead.colormag-header-classic #site-navigation .fa.search-top {
+	color: #fff;
+}
+
+.dark-skin .colormag-footer--classic .footer-widgets-wrapper {
+	background-color: #161616;
+}
+
+.dark-skin .colormag-footer--classic .footer-socket-wrapper {
+	background-color: #121212;
+}
+
+.dark-skin .elementor .tg-module-wrapper {
+	color: #cccccc;
+}
+
+.dark-skin .elementor .tg-module-wrapper .tg-module-title {
+	color: #fff;
+}
+
+.dark-skin .elementor .tg-module-wrapper .tg-module-meta .tg-post-auther-name a,
+.dark-skin .elementor .tg-module-wrapper .tg-module-meta .tg-post-auther-name span,
+.dark-skin .elementor .tg-module-wrapper .tg-module-meta .tg-post-date a,
+.dark-skin .elementor .tg-module-wrapper .tg-module-meta .tg-post-date span,
+.dark-skin .elementor .tg-module-wrapper .tg-module-meta .tg-module-comments a,
+.dark-skin .elementor .tg-module-wrapper .tg-module-meta .tg-module-comments span {
+	color: #a6a6a6;
+}

colormag/footer.php

@@ -0,0 +1,62 @@
+<?php
+/**
+ * Theme Footer Section for our theme.
+ *
+ * Displays all of the footer section and closing of the #main div.
+ *
+ * @package    ThemeGrill
+ * @subpackage ColorMag
+ * @since      ColorMag 1.0
+ */
+?>
+
+</div><!-- .inner-wrap -->
+</div><!-- #main -->
+
+<?php if ( is_active_sidebar( 'colormag_advertisement_above_the_footer_sidebar' ) ) { ?>
+	<div class="advertisement_above_footer">
+		<div class="inner-wrap">
+			<?php dynamic_sidebar( 'colormag_advertisement_above_the_footer_sidebar' ); ?>
+		</div>
+	</div>
+<?php } ?>
+
+<?php do_action( 'colormag_before_footer' ); ?>
+
+<?php
+// Add the main total header area display type dynamic class
+$main_total_footer_option_layout_class = get_theme_mod( 'colormag_main_footer_layout_display_type', 'type_one' );
+
+$class_name = '';
+if ( $main_total_footer_option_layout_class == 'type_two' ) {
+	$class_name = 'colormag-footer--classic';
+}
+?>
+
+<footer id="colophon" class="clearfix <?php echo esc_attr( $class_name ); ?>">
+	<?php get_sidebar( 'footer' ); ?>
+	<div class="footer-socket-wrapper clearfix">
+		<div class="inner-wrap">
+			<div class="footer-socket-area">
+				<div class="footer-socket-right-section">
+					<?php
+					if ( ( get_theme_mod( 'colormag_social_link_activate', 0 ) == 1 ) && ( ( get_theme_mod( 'colormag_social_link_location_option', 'both' ) == 'both' ) || ( get_theme_mod( 'colormag_social_link_location_option', 'both' ) == 'footer' ) ) ) {
+						colormag_social_links();
+					}
+					?>
+				</div>
+
+				<div class="footer-socket-left-section">
+					<?php do_action( 'colormag_footer_copyright' ); ?>
+				</div>
+			</div>
+		</div>
+	</div>
+</footer>
+
+<a href="#masthead" id="scroll-up"><i class="fa fa-chevron-up"></i></a>
+
+</div><!-- #page -->
+<?php wp_footer(); ?>
+</body>
+</html>

colormag/front-page.php

@@ -0,0 +1,105 @@
+<?php
+/**
+ * Template to show the front page.
+ *
+ * @package    ThemeGrill
+ * @subpackage ColorMag
+ * @since      ColorMag 1.0
+ */
+get_header();
+
+// Do not display the front pages sidebar areas when the Page Builder Template is activated
+if ( is_front_page() && ! is_page_template( 'page-templates/page-builder.php' ) ) : ?>
+	<div class="front-page-top-section clearfix">
+		<div class="widget_slider_area">
+			<?php
+			if ( is_active_sidebar( 'colormag_front_page_slider_area' ) ) {
+				if ( ! dynamic_sidebar( 'colormag_front_page_slider_area' ) ):
+				endif;
+			}
+			?>
+		</div>
+
+		<div class="widget_beside_slider">
+			<?php
+			if ( is_active_sidebar( 'colormag_front_page_area_beside_slider' ) ) {
+				if ( ! dynamic_sidebar( 'colormag_front_page_area_beside_slider' ) ):
+				endif;
+			}
+			?>
+		</div>
+	</div>
+<?php endif; ?>
+
+	<div class="main-content-section clearfix">
+		<div id="primary">
+			<div id="content" class="clearfix">
+
+				<?php
+				// Do not display the front pages sidebar areas when the Page Builder Template is activated
+				if ( is_front_page() && ! is_page_template( 'page-templates/page-builder.php' ) ) :
+
+					if ( is_active_sidebar( 'colormag_front_page_content_top_section' ) ) {
+						if ( ! dynamic_sidebar( 'colormag_front_page_content_top_section' ) ):
+						endif;
+					}
+
+					if ( is_active_sidebar( 'colormag_front_page_content_middle_left_section' ) || is_active_sidebar( 'colormag_front_page_content_middle_right_section' ) ) {
+						?>
+						<div class="tg-one-half">
+							<?php
+							if ( ! dynamic_sidebar( 'colormag_front_page_content_middle_left_section' ) ):
+							endif;
+							?>
+						</div>
+
+						<div class="tg-one-half tg-one-half-last">
+							<?php
+							if ( ! dynamic_sidebar( 'colormag_front_page_content_middle_right_section' ) ):
+							endif;
+							?>
+						</div>
+
+						<div class="clearfix"></div>
+						<?php
+					}
+
+					if ( is_active_sidebar( 'colormag_front_page_content_bottom_section' ) ) {
+						if ( ! dynamic_sidebar( 'colormag_front_page_content_bottom_section' ) ):
+						endif;
+					}
+
+				endif; // Do not display the front pages sidebar areas when the Page Builder Template is activated
+
+				if ( get_theme_mod( 'colormag_hide_blog_front', 0 ) == 0 ): ?>
+
+					<div class="article-container">
+						<?php if ( have_posts() ) : ?>
+
+							<?php while ( have_posts() ) : the_post(); ?>
+
+								<?php
+								if ( is_front_page() && is_home() ) {
+									get_template_part( 'content', '' );
+								} else if ( is_front_page() ) {
+									get_template_part( 'content', 'page' );
+								}
+								?>
+
+							<?php endwhile; ?>
+
+							<?php get_template_part( 'navigation', 'none' ); ?>
+
+						<?php else : ?>
+
+							<?php get_template_part( 'no-results', 'none' ); ?>
+
+						<?php endif; ?>
+					</div>
+				<?php endif; ?>
+			</div>
+		</div>
+		<?php colormag_sidebar_select(); ?>
+	</div>
+
+<?php get_footer(); ?>

colormag/functions.php

@@ -0,0 +1,547 @@
+<?php
+/**
+ * ColorMag functions related to defining constants, adding files and WordPress core functionality.
+ *
+ * Defining some constants, loading all the required files and Adding some core functionality.
+ *
+ * @uses       add_theme_support() To add support for post thumbnails and automatic feed links.
+ * @uses       register_nav_menu() To add support for navigation menu.
+ * @uses       set_post_thumbnail_size() To set a custom post thumbnail size.
+ *
+ * @package    ThemeGrill
+ * @subpackage ColorMag
+ * @since      ColorMag 1.0
+ */
+
+/**
+ * Define Elementor Partner ID
+ */
+if ( ! defined( 'ELEMENTOR_PARTNER_ID' ) ) {
+	define( 'ELEMENTOR_PARTNER_ID', 2125 );
+}
+
+/**
+ * Set the content width based on the theme's design and stylesheet.
+ */
+if ( ! isset( $content_width ) ) {
+	$content_width = 800;
+}
+
+/**
+ * $content_width global variable adjustment as per layout option.
+ */
+function colormag_content_width() {
+	global $post;
+	global $content_width;
+
+	if ( $post ) {
+		$layout_meta = get_post_meta( $post->ID, 'colormag_page_layout', true );
+	}
+	if ( empty( $layout_meta ) || is_archive() || is_search() ) {
+		$layout_meta = 'default_layout';
+	}
+	$colormag_default_layout = get_theme_mod( 'colormag_default_layout', 'right_sidebar' );
+
+	if ( $layout_meta == 'default_layout' ) {
+		if ( $colormag_default_layout == 'no_sidebar_full_width' ) {
+			$content_width = 1140; /* pixels */
+		} else {
+			$content_width = 800; /* pixels */
+		}
+	} elseif ( $layout_meta == 'no_sidebar_full_width' ) {
+		$content_width = 1140; /* pixels */
+	} else {
+		$content_width = 800; /* pixels */
+	}
+}
+
+add_action( 'template_redirect', 'colormag_content_width' );
+
+add_action( 'after_setup_theme', 'colormag_setup' );
+/**
+ * All setup functionalities.
+ *
+ * @since 1.0
+ */
+if ( ! function_exists( 'colormag_setup' ) ) :
+	function colormag_setup() {
+
+		/*
+		 * Make theme available for translation.
+		 * Translations can be filed in the /languages/ directory.
+		 */
+		load_theme_textdomain( 'colormag', get_template_directory() . '/languages' );
+
+		// Add default posts and comments RSS feed links to head
+		add_theme_support( 'automatic-feed-links' );
+
+		// This theme uses Featured Images (also known as post thumbnails) for per-post/per-page.
+		add_theme_support( 'post-thumbnails' );
+
+		// Registering navigation menu.
+		register_nav_menu( 'primary', esc_html__( 'Primary Menu', 'colormag' ) );
+
+		// Cropping the images to different sizes to be used in the theme
+		add_image_size( 'colormag-highlighted-post', 392, 272, true );
+		add_image_size( 'colormag-featured-post-medium', 390, 205, true );
+		add_image_size( 'colormag-featured-post-small', 130, 90, true );
+		add_image_size( 'colormag-featured-image', 800, 445, true );
+
+		// Setup the WordPress core custom background feature.
+		add_theme_support( 'custom-background', apply_filters( 'colormag_custom_background_args', array(
+			'default-color' => 'eaeaea',
+		) ) );
+
+		/*
+		 * Let WordPress manage the document title.
+		 * By adding theme support, we declare that this theme does not use a
+		 * hard-coded <title> tag in the document head, and expect WordPress to
+		 * provide it for us.
+		 */
+		add_theme_support( 'title-tag' );
+
+		// Enable support for Post Formats.
+		add_theme_support( 'post-formats', array(
+			'aside',
+			'image',
+			'video',
+			'quote',
+			'link',
+			'gallery',
+			'chat',
+			'audio',
+			'status',
+		) );
+
+		// Adding excerpt option box for pages as well
+		add_post_type_support( 'page', 'excerpt' );
+
+		/*
+		 * Switch default core markup for search form, comment form, and comments
+		 * to output valid HTML5.
+		 */
+		add_theme_support( 'html5', array(
+			'search-form',
+			'comment-form',
+			'comment-list',
+			'gallery',
+			'caption',
+		) );
+
+		// adding the WooCommerce plugin support
+		add_theme_support( 'woocommerce' );
+		add_theme_support( 'wc-product-gallery-zoom' );
+		add_theme_support( 'wc-product-gallery-lightbox' );
+		add_theme_support( 'wc-product-gallery-slider' );
+
+		// Adds the support for the Custom Logo introduced in WordPress 4.5
+		add_theme_support( 'custom-logo',
+			array(
+				'flex-width'  => true,
+				'flex-height' => true,
+			)
+		);
+
+		// Support for selective refresh widgets in Customizer
+		add_theme_support( 'customize-selective-refresh-widgets' );
+
+		// Gutenberg layout support.
+		add_theme_support( 'align-wide' );
+
+		$starter_content = array(
+			'widgets'     => array(
+				'colormag_header_sidebar'                          => array(
+					'ad_banner_header' => array(
+						'colormag_728x90_advertisement_widget',
+						array(
+							'728x90_image_link' => 'https://demo.themegrill.com/colormag-pro/',
+							'728x90_image_url'  => get_template_directory_uri() . '/img/ad-large.jpg',
+						),
+					),
+				),
+				'colormag_front_page_slider_area'                  => array(
+					'featured_posts_slider' => array(
+						'colormag_featured_posts_slider_widget',
+						array(
+							'number' => 2,
+						),
+					),
+				),
+				'colormag_front_page_area_beside_slider'           => array(
+					'featured_posts_slider' => array(
+						'colormag_highlighted_posts_widget',
+						array(
+							'number' => 4,
+						),
+					),
+				),
+				'colormag_right_sidebar'                           => array(
+					'featured_posts_right_sidebar' => array(
+						'colormag_featured_posts_vertical_widget',
+						array(
+							'title'  => 'NEWS',
+							'number' => 2,
+						),
+					),
+					'text_premium_themes'          => array(
+						'text',
+						array(
+							'title' => 'Premium Themes',
+							'text'  => '<ul>
+										<li><a href="https://themegrill.com/themes/spacious-pro/">Spacious Pro</a></li>
+										<li><a href="https://themegrill.com/themes/foodhunt-pro/">FoodHunt Pro</a></li>
+										<li><a href="https://themegrill.com/themes/colornews-pro/">ColorNews Pro</a></li>
+										<li><a href="https://themegrill.com/themes/accelerate-pro/">Accelerate Pro</a></li>
+										<li><a href="https://themegrill.com/themes/esteem-pro/">Esteem Pro</a></li>
+										<li><a href="https://http://themegrill.com/themes/radiate-pro/">Radiate Pro</a></li>
+										<li><a href="https://themegrill.com/themes/fitclub-pro/">Fitclub Pro</a></li>
+										<li><a href="https://themegrill.com/themes/himalayas-pro/">Himalayas Pro</a></li>
+									</ul>',
+						),
+					),
+					'ad_banner_right'              => array(
+						'colormag_125x125_advertisement_widget',
+						array(
+							'title'                => 'TG: 125x125 Ads',
+							'125x125_image_link_1' => 'https://themegrill.com/',
+							'125x125_image_url_1'  => get_template_directory_uri() . '/img/ad-small.jpg',
+							'125x125_image_link_2' => 'https://themegrill.com/',
+							'125x125_image_url_2'  => get_template_directory_uri() . '/img/ad-small.jpg',
+							'125x125_image_link_3' => 'https://themegrill.com/',
+							'125x125_image_url_3'  => get_template_directory_uri() . '/img/ad-small.jpg',
+							'125x125_image_link_4' => 'https://themegrill.com/',
+							'125x125_image_url_4'  => get_template_directory_uri() . '/img/ad-small.jpg',
+						),
+					),
+				),
+				'colormag_front_page_content_top_section'          => array(
+					'featured_posts_style_1' => array(
+						'colormag_featured_posts_widget',
+						array(
+							'title'  => 'HEALTH',
+							'number' => 5,
+						),
+					),
+				),
+				'colormag_front_page_content_middle_left_section'  => array(
+					'featured_posts_style_2_left' => array(
+						'colormag_featured_posts_vertical_widget',
+						array(
+							'title'  => 'FASHION',
+							'number' => 4,
+						),
+					),
+				),
+				'colormag_front_page_content_middle_right_section' => array(
+					'featured_posts_style_2_right' => array(
+						'colormag_featured_posts_vertical_widget',
+						array(
+							'title'  => 'SPORTS',
+							'number' => 4,
+						),
+					),
+				),
+				'colormag_front_page_content_bottom_section'       => array(
+					'featured_posts_style_1_bottom' => array(
+						'colormag_featured_posts_widget',
+						array(
+							'title'  => 'TECHNOLOGY',
+							'text'   => 'Check out technology changing the life.',
+							'number' => 4,
+						),
+					),
+				),
+				'colormag_footer_sidebar_one'                      => array(
+					'text_footer_about' => array(
+						'text',
+						array(
+							'title' => 'About Us',
+							'text'  => '<a title="logo" href="' . home_url() . '"><img src="' . get_template_directory_uri() . '/img/colormag-logo.png" alt="Logo" /></a> <br> We love WordPress and we are here to provide you with professional looking WordPress themes so that you can take your website one step ahead. We focus on simplicity, elegant design and clean code.',
+						),
+					),
+				),
+				'colormag_footer_sidebar_two'                      => array(
+					'text_footer_links' => array(
+						'text',
+						array(
+							'title' => 'Useful Links',
+							'text'  => '<ul>
+										<li><a href="https://themegrill.com/">ThemeGrill</a></li>
+										<li><a href="https://themegrill.com/support-forum/">Support</a></li>
+										<li><a href="https://themegrill.com/theme-instruction/colormag/">Documentation</a></li>
+										<li><a href="https://themegrill.com/frequently-asked-questions/">FAQ</a></li>
+										<li><a href="https://themegrill.com/themes/">Themes</a></li>
+										<li><a href="https://themegrill.com/plugins/">Plugins</a></li>
+										<li><a href="https://themegrill.com/blog/">Blog</a></li>
+										<li><a href="https://themegrill.com/plans-pricing/">Plans &amp; Pricing</a></li>
+									</ul>',
+						),
+					),
+				),
+				'colormag_footer_sidebar_three'                    => array(
+					'text_footer_other_themes' => array(
+						'text',
+						array(
+							'title' => 'Other Themes',
+							'text'  => '<ul>
+										<li><a href="https://themegrill.com/themes/envince/">Envince</a></li>
+										<li><a href="https://themegrill.com/themes/estore/">eStore</a></li>
+										<li><a href="https://themegrill.com/themes/ample/">Ample</a></li>
+										<li><a href="https://themegrill.com/themes/spacious/">Spacious</a></li>
+										<li><a href="https://themegrill.com/themes/accelerate/">Accelerate</a></li>
+										<li><a href="https://themegrill.com/themes/radiate/">Radiate</a></li>
+										<li><a href="https://themegrill.com/themes/esteem/">Esteem</a></li>
+										<li><a href="https://themegrill.com/themes/himalayas/">Himalayas</a></li>
+										<li><a href="https://themegrill.com/themes/colornews/">ColorNews</a></li>
+									</ul>',
+						),
+					),
+				),
+				'colormag_footer_sidebar_four'                     => array(
+					'ad_banner_footer'         => array(
+						'colormag_300x250_advertisement_widget',
+						array(
+							'title'              => 'ColorMag Pro',
+							'300x250_image_link' => 'https://demo.themegrill.com/colormag-pro/',
+							'300x250_image_url'  => get_template_directory_uri() . '/img/ad-medium.jpg',
+						),
+					),
+					'text_footer_colormag_pro' => array(
+						'text',
+						array(
+							'text' => 'Contains all features of free version and many new additional features.',
+						),
+					),
+				),
+			),
+
+			// Specify the core-defined pages to create and add custom thumbnails to some of them.
+			'posts'       => array(
+				'layout'                             => array(
+					'post_type'    => 'page',
+					'post_title'   => 'Layout',
+					'post_content' => 'ThemeGrill layout content',
+				),
+				'contact'                            => array(
+					'template' => 'page-templates/contact.php',
+				),
+
+				// Create posts
+				'coffee-is-health-food-myth-or-fact' => array(
+					'post_type'    => 'post',
+					'post_title'   => 'Coffee is health food: Myth or fact?',
+					'post_content' => 'Vivamus vestibulum ut magna vitae facilisis. Maecenas laoreet lobortis tristique. Aenean accumsan malesuada convallis. Suspendisse egestas luctus nisl, sit amet',
+					'thumbnail'    => '{{featured-image-coffee}}',
+				),
+				'get-more-nutrition-in-every-bite'   => array(
+					'post_type'    => 'post',
+					'post_title'   => 'Get more nutrition in every bite',
+					'post_content' => 'Fusce non nunc mi. Integer placerat nulla id quam varius dapibus. Nulla sit amet tellus et purus lobortis efficitur. Vivamus tempus posuere ipsum in suscipit. Quisque pulvinar fringilla cursus. Morbi malesuada laoreet dui, vitae consequat arcu vehicula vel. Fusce vel turpis non ante mollis bibendum a ac risus. Morbi ornare ipsum sit amet enim rhoncus, sed eleifend felis tristique. Mauris sed sollicitudin libero. In nec lacus quis erat rhoncus molestie.',
+					'thumbnail'    => '{{featured-image-yummy}}',
+				),
+				'womens-relay-competition'           => array(
+					'post_type'    => 'post',
+					'post_title'   => 'Women’s Relay Competition',
+					'post_content' => 'The young team of Franziska Hildebrand, Franziska Preuss, Vanessa Hinz and Dahlmeier clocked 1 hour, 11 minutes, 54.6 seconds to beat France by just over 1 minute. Italy took bronze, 1:06.1 behind. Germany missed six targets overall, avoiding any laps around the penalty loop. Maria Dorin Habert of France, who has two individual gold medals at these worlds, passed Russia and France on the last leg and to take her team from fourth to second.',
+					'thumbnail'    => '{{featured-image-relay-race}}',
+				),
+				'a-paradise-for-holiday'             => array(
+					'post_type'    => 'post',
+					'post_title'   => 'A Paradise for Holiday',
+					'post_content' => 'Chocolate bar marzipan sweet marzipan. Danish tart bear claw donut cake bonbon biscuit powder croissant. Liquorice cake cookie. Dessert cotton candy macaroon gummies sweet gingerbread sugar plum. Biscuit tart cake. Candy jelly ice cream halvah jelly-o jelly beans brownie pastry sweet. Candy sweet roll dessert. Lemon drops jelly-o fruitcake topping. Soufflé jelly beans bonbon.',
+					'thumbnail'    => '{{featured-image-paradise-for-holiday}}',
+				),
+				'destruction-in-montania'            => array(
+					'post_type'    => 'post',
+					'post_title'   => 'Destruction in Montania',
+					'post_content' => 'Nunc consectetur ipsum nisi, ut pellentesque felis tempus vitae. Integer eget lacinia nunc. Vestibulum consectetur convallis augue id egestas. Nullam rhoncus, arcu in tincidunt ultricies, velit diam imperdiet lacus, sed faucibus mi massa vel nunc. In ac viverra augue, a luctus nisl. Donec interdum enim tempus, aliquet metus maximus, euismod quam. Sed pretium finibus rhoncus. Phasellus libero diam, rutrum non ipsum ut, ultricies sodales sapien. Duis viverra purus lorem.',
+					'thumbnail'    => '{{featured-image-fireman}}',
+				),
+			),
+
+			// Create the custom image attachments used as post thumbnails for pages.
+			'attachments' => array(
+				'colormag-logo'                       => array(
+					'post_title' => 'ColorMag Logo',
+					'file'       => 'img/colormag-logo.png',
+				),
+				'featured-image-fireman'              => array(
+					'post_title' => 'Featured image fireman',
+					'file'       => 'img/fireman.jpg',
+				),
+				'featured-image-coffee'               => array(
+					'post_title' => 'Featured image coffee',
+					'file'       => 'img/coffee.jpg',
+				),
+				'featured-image-yummy'                => array(
+					'post_title' => 'Featured image yummy',
+					'file'       => 'img/yummy.jpg',
+				),
+				'featured-image-relay-race'           => array(
+					'post_title' => 'Featured image relay race',
+					'file'       => 'img/relay-race.jpg',
+				),
+				'featured-image-paradise-for-holiday' => array(
+					'post_title' => 'Featured image paradise for holiday',
+					'file'       => 'img/sea.jpg',
+				),
+				'featured-image-ad-medium'            => array(
+					'post_title' => 'Featured image ad medium',
+					'file'       => 'img/ad-medium.jpg',
+				),
+				'featured-image-ad-large'             => array(
+					'post_title' => 'Featured image ad large',
+					'file'       => 'img/ad-large.jpg',
+				),
+			),
+
+			'options'    => array(
+				'blogname'        => 'ColorMag',
+				'blogdescription' => 'ColorMag Demo site',
+			),
+
+			// Set the front page section theme mods to the IDs of the core-registered pages.
+			'theme_mods' => array(
+				'custom_logo'                     => '{{colormag-logo}}',
+				'colormag_breaking_news'          => 1,
+				'colormag_date_display'           => 1,
+				'colormag_header_logo_placement'  => 'header_logo_only',
+				'colormag_hide_blog_front'        => 1,
+				'colormag_search_icon_in_menu'    => 1,
+				'colormag_random_post_in_menu'    => 1,
+				'colormag_social_link_activate'   => 1,
+				'colormag_home_icon_display'      => 1,
+				'colormag_primary_sticky_menu'    => 1,
+				'colormag_related_posts_activate' => 1,
+				'colormag_social_facebook'        => '#',
+				'colormag_social_twitter'         => '#',
+				'colormag_social_googleplus'      => '#',
+				'colormag_social_instagram'       => '#',
+				'colormag_social_pinterest'       => '#',
+				'colormag_social_youtube'         => '#',
+			),
+
+			// Set up nav menus for each of the two areas registered in the theme.
+			'nav_menus'  => array(
+				// Assign a menu to the "primary" location.
+				'primary' => array(
+					'name'  => 'Primary',
+					'items' => array(
+						'link_download'   => array(
+							'type'  => 'custom',
+							'title' => 'Download',
+							'url'   => 'https://downloads.wordpress.org/theme/colormag.zip',
+						),
+						'link_theme-info' => array(
+							'type'  => 'custom',
+							'title' => 'Theme Info',
+							'url'   => 'https://themegrill.com/themes/colormag/',
+						),
+						'link_view-pro'   => array(
+							'type'  => 'custom',
+							'title' => 'View pro',
+							'url'   => 'https://themegrill.com/themes/colormag/',
+						),
+						'page_layout'     => array(
+							'type'      => 'post_type',
+							'object'    => 'page',
+							'object_id' => '{{layout}}',
+						),
+						'page_contact',
+					),
+				),
+			),
+
+		);
+		$starter_content = apply_filters( 'colormag_starter_content', $starter_content );
+
+		add_theme_support( 'starter-content', $starter_content );
+	}
+endif;
+
+/**
+ * Define Directory Location Constants
+ */
+define( 'COLORMAG_PARENT_DIR', get_template_directory() );
+define( 'COLORMAG_CHILD_DIR', get_stylesheet_directory() );
+
+define( 'COLORMAG_INCLUDES_DIR', COLORMAG_PARENT_DIR . '/inc' );
+define( 'COLORMAG_CSS_DIR', COLORMAG_PARENT_DIR . '/css' );
+define( 'COLORMAG_JS_DIR', COLORMAG_PARENT_DIR . '/js' );
+define( 'COLORMAG_LANGUAGES_DIR', COLORMAG_PARENT_DIR . '/languages' );
+
+define( 'COLORMAG_ADMIN_DIR', COLORMAG_INCLUDES_DIR . '/admin' );
+define( 'COLORMAG_WIDGETS_DIR', COLORMAG_INCLUDES_DIR . '/widgets' );
+define( 'COLORMAG_ELEMENTOR_DIR', COLORMAG_INCLUDES_DIR . '/elementor' );
+define( 'COLORMAG_ELEMENTOR_WIDGETS_DIR', COLORMAG_ELEMENTOR_DIR . '/widgets' );
+
+define( 'COLORMAG_ADMIN_IMAGES_DIR', COLORMAG_ADMIN_DIR . '/images' );
+
+/**
+ * Define URL Location Constants
+ */
+define( 'COLORMAG_PARENT_URL', get_template_directory_uri() );
+define( 'COLORMAG_CHILD_URL', get_stylesheet_directory_uri() );
+
+define( 'COLORMAG_INCLUDES_URL', COLORMAG_PARENT_URL . '/inc' );
+define( 'COLORMAG_CSS_URL', COLORMAG_PARENT_URL . '/css' );
+define( 'COLORMAG_JS_URL', COLORMAG_PARENT_URL . '/js' );
+define( 'COLORMAG_LANGUAGES_URL', COLORMAG_PARENT_URL . '/languages' );
+
+define( 'COLORMAG_ADMIN_URL', COLORMAG_INCLUDES_URL . '/admin' );
+define( 'COLORMAG_WIDGETS_URL', COLORMAG_INCLUDES_URL . '/widgets' );
+define( 'COLORMAG_ELEMENTOR_URL', COLORMAG_INCLUDES_URL . '/elementor' );
+define( 'COLORMAG_ELEMENTOR_WIDGETS_URL', COLORMAG_ELEMENTOR_URL . '/widgets' );
+
+define( 'COLORMAG_ADMIN_IMAGES_URL', COLORMAG_ADMIN_URL . '/images' );
+
+/** Load functions */
+require_once( COLORMAG_INCLUDES_DIR . '/custom-header.php' );
+require_once( COLORMAG_INCLUDES_DIR . '/functions.php' );
+require_once( COLORMAG_INCLUDES_DIR . '/header-functions.php' );
+require_once( COLORMAG_INCLUDES_DIR . '/customizer.php' );
+
+/** Add the Elementor compatibility file */
+if ( defined( 'ELEMENTOR_VERSION' ) ) {
+	require_once( COLORMAG_ELEMENTOR_DIR . '/elementor.php' );
+	require_once( COLORMAG_ELEMENTOR_DIR . '/elementor-functions.php' );
+}
+
+require_once( COLORMAG_ADMIN_DIR . '/meta-boxes.php' );
+
+/** Load Widgets and Widgetized Area */
+require_once( COLORMAG_WIDGETS_DIR . '/widgets.php' );
+
+/**
+ * Detect plugin. For use on Front End only.
+ */
+include_once( ABSPATH . 'wp-admin/includes/plugin.php' );
+
+/**
+ * Load Demo Importer Configs.
+ */
+if ( class_exists( 'TG_Demo_Importer' ) ) {
+	require get_template_directory() . '/inc/demo-config.php';
+}
+
+/**
+ * Assign the ColorMag version to a variable.
+ */
+$theme            = wp_get_theme( 'colormag' );
+$colormag_version = $theme['Version'];
+
+/**
+ * Calling in the admin area for the Welcome Page as well as for the new theme notice too.
+ */
+if ( is_admin() ) {
+	require get_template_directory() . '/inc/admin/class-colormag-admin.php';
+	require get_template_directory() . '/inc/admin/class-colormag-site-library.php';
+	require get_template_directory() . '/inc/admin/class-colormag-theme-review-notice.php';
+}
+
+/**
+ * Load TGMPA Configs.
+ */
+require_once( COLORMAG_INCLUDES_DIR . '/tgm-plugin-activation/class-tgm-plugin-activation.php' );
+require_once( COLORMAG_INCLUDES_DIR . '/tgm-plugin-activation/tgmpa-colormag.php' );
+?>

colormag/header.php

@@ -0,0 +1,94 @@
+<?php
+/**
+ * Theme Header Section for our theme.
+ *
+ * Displays all of the <head> section and everything up till <div id="main" class="clearfix"> <div class="inner-wrap">
+ *
+ * @package    ThemeGrill
+ * @subpackage ColorMag
+ * @since      ColorMag 1.0
+ */
+?><!DOCTYPE html>
+<html <?php language_attributes(); ?>>
+<head>
+	<meta charset="<?php bloginfo( 'charset' ); ?>"/>
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="profile" href="http://gmpg.org/xfn/11"/>
+	<?php
+	/**
+	 * This hook is important for wordpress plugins and other many things
+	 */
+	wp_head();
+	?>
+</head>
+
+<body <?php body_class(); ?>>
+
+<?php
+/**
+ * WordPress function to load custom scripts after body.
+ *
+ * Introduced in WordPress 5.2.0
+ *
+ * @since ColorMag 1.4.0
+ */
+if ( function_exists( 'wp_body_open' ) ) {
+	wp_body_open();
+}
+?>
+
+<?php do_action( 'colormag_before' ); ?>
+
+<div id="page" class="hfeed site">
+	<a class="skip-link screen-reader-text" href="#main"><?php esc_html_e( 'Skip to content', 'colormag' ); ?></a>
+
+	<?php do_action( 'colormag_before_header' ); ?>
+
+	<?php
+	// Add the main total header area display type dynamic class.
+	$main_total_header_option_layout_class = get_theme_mod( 'colormag_main_total_header_area_display_type', 'type_one' );
+
+	$class_name = '';
+	if ( $main_total_header_option_layout_class == 'type_two' ) {
+		$class_name = 'colormag-header-clean';
+	} else if ( $main_total_header_option_layout_class == 'type_three' ) {
+		$class_name = 'colormag-header-classic';
+	}
+	?>
+
+	<header id="masthead" class="site-header clearfix <?php echo esc_attr( $class_name ); ?>">
+		<div id="header-text-nav-container" class="clearfix">
+
+			<?php colormag_top_header_bar_display(); // Display the top header bar ?>
+
+			<?php
+			if ( get_theme_mod( 'colormag_header_image_position', 'position_two' ) == 'position_one' ) {
+				colormag_render_header_image();
+			}
+			?>
+
+			<?php colormag_middle_header_bar_display(); // Display the middle header bar ?>
+
+			<?php
+			if ( get_theme_mod( 'colormag_header_image_position', 'position_two' ) == 'position_two' ) {
+				colormag_render_header_image();
+			}
+			?>
+
+			<?php colormag_below_header_bar_display(); // Display the below header bar  ?>
+
+		</div><!-- #header-text-nav-container -->
+
+		<?php
+		if ( get_theme_mod( 'colormag_header_image_position', 'position_two' ) == 'position_three' ) {
+			colormag_render_header_image();
+		}
+		?>
+
+	</header>
+
+	<?php do_action( 'colormag_after_header' ); ?>
+	<?php do_action( 'colormag_before_main' ); ?>
+
+	<div id="main" class="clearfix">
+		<div class="inner-wrap clearfix">

colormag/inc/admin/class-colormag-admin.php

@@ -0,0 +1,752 @@
+<?php
+/**
+ * ColorMag Admin Class.
+ *
+ * @author  ThemeGrill
+ * @package ColorMag
+ * @since   1.1.4
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+if ( ! class_exists( 'ColorMag_Admin' ) ) :
+
+	/**
+	 * ColorMag_Admin Class.
+	 */
+	class ColorMag_Admin {
+
+		/**
+		 * Constructor.
+		 */
+		public function __construct() {
+			add_action( 'admin_menu', array( $this, 'admin_menu' ) );
+			add_action( 'wp_loaded', array( __CLASS__, 'hide_notices' ) );
+			add_action( 'wp_loaded', array( $this, 'admin_notice' ) );
+			add_action( 'wp_ajax_import_button', array( $this, 'colormag_ajax_import_button_handler' ) );
+			add_action( 'admin_enqueue_scripts', array( $this, 'colormag_ajax_enqueue_scripts' ) );
+		}
+
+		/**
+		 * Localize array for import button AJAX request.
+		 */
+		public function colormag_ajax_enqueue_scripts() {
+
+			wp_enqueue_script( 'updates' );
+			wp_enqueue_script( 'colormag-plugin-install-helper', get_template_directory_uri() . '/inc/admin/js/plugin-handle.js', array( 'jquery' ), 1, true );
+			wp_localize_script(
+				'colormag-plugin-install-helper', 'colormag_plugin_helper',
+				array(
+					'activating' => esc_html__( 'Activating ', 'colormag' ),
+				)
+			);
+
+			$translation_array = array(
+				'uri'      => esc_url( admin_url( '/themes.php?page=demo-importer&browse=all&colormag-hide-notice=welcome' ) ),
+				'btn_text' => esc_html__( 'Processing...', 'colormag' ),
+				'nonce'    => wp_create_nonce( 'colormag_demo_import_nonce' ),
+			);
+
+			wp_localize_script( 'colormag-plugin-install-helper', 'colormag_redirect_demo_page', $translation_array );
+
+		}
+
+		/**
+		 * Handle the AJAX process while import or get started button clicked.
+		 */
+		public function colormag_ajax_import_button_handler() {
+
+			check_ajax_referer( 'colormag_demo_import_nonce', 'security' );
+
+			$state = '';
+			if ( is_plugin_active( 'themegrill-demo-importer/themegrill-demo-importer.php' ) ) {
+				$state = 'activated';
+			} elseif ( file_exists( WP_PLUGIN_DIR . '/themegrill-demo-importer/themegrill-demo-importer.php' ) ) {
+				$state = 'installed';
+			}
+
+			if ( 'activated' === $state ) {
+				$response['redirect'] = admin_url( '/themes.php?page=demo-importer&browse=all&colormag-hide-notice=welcome' );
+			} elseif ( 'installed' === $state ) {
+				$response['redirect'] = admin_url( '/themes.php?page=demo-importer&browse=all&colormag-hide-notice=welcome' );
+				if ( current_user_can( 'activate_plugin' ) ) {
+					$result = activate_plugin( 'themegrill-demo-importer/themegrill-demo-importer.php' );
+
+					if ( is_wp_error( $result ) ) {
+						$response['errorCode']    = $result->get_error_code();
+						$response['errorMessage'] = $result->get_error_message();
+					}
+				}
+			} else {
+				wp_enqueue_script( 'plugin-install' );
+
+				$response['redirect'] = admin_url( '/themes.php?page=demo-importer&browse=all&colormag-hide-notice=welcome' );
+
+				/**
+				 * Install Plugin.
+				 */
+				include_once ABSPATH . 'wp-admin/includes/class-wp-upgrader.php';
+				include_once ABSPATH . 'wp-admin/includes/plugin-install.php';
+
+				$api = plugins_api( 'plugin_information', array(
+					'slug'   => sanitize_key( wp_unslash( 'themegrill-demo-importer' ) ),
+					'fields' => array(
+						'sections' => false,
+					),
+				) );
+
+				$skin     = new WP_Ajax_Upgrader_Skin();
+				$upgrader = new Plugin_Upgrader( $skin );
+				$result   = $upgrader->install( $api->download_link );
+				if ( $result ) {
+					$response['installed'] = 'succeed';
+				} else {
+					$response['installed'] = 'failed';
+				}
+
+				// Activate plugin.
+				if ( current_user_can( 'activate_plugin' ) ) {
+					$result = activate_plugin( 'themegrill-demo-importer/themegrill-demo-importer.php' );
+
+					if ( is_wp_error( $result ) ) {
+						$response['errorCode']    = $result->get_error_code();
+						$response['errorMessage'] = $result->get_error_message();
+					}
+				}
+			}
+
+			wp_send_json( $response );
+
+			exit();
+
+		}
+
+		/**
+		 * Add admin menu.
+		 */
+		public function admin_menu() {
+			$theme = wp_get_theme( get_template() );
+
+			$page = add_theme_page( esc_html__( 'About', 'colormag' ) . ' ' . $theme->display( 'Name' ), esc_html__( 'About', 'colormag' ) . ' ' . $theme->display( 'Name' ), 'activate_plugins', 'colormag-sitelibrary', array(
+				$this,
+				'sitelibrary_screen',
+			) );
+			add_action( 'admin_print_styles-' . $page, array( $this, 'enqueue_styles' ) );
+		}
+
+		/**
+		 * Enqueue styles.
+		 */
+		public function enqueue_styles() {
+			global $colormag_version;
+
+			wp_enqueue_style( 'colormag-welcome', get_template_directory_uri() . '/css/admin/welcome.css', array(), $colormag_version );
+		}
+
+		/**
+		 * Add admin notice.
+		 */
+		public function admin_notice() {
+			global $colormag_version, $pagenow;
+
+			wp_enqueue_style( 'colormag-message', get_template_directory_uri() . '/css/admin/message.css', array(), $colormag_version );
+
+			// Let's bail on theme activation.
+			$notice_nag = get_option( 'colormag_admin_notice_welcome' );
+			if ( ! $notice_nag ) {
+				add_action( 'admin_notices', array( $this, 'welcome_notice' ) );
+			}
+		}
+
+		/**
+		 * Hide a notice if the GET variable is set.
+		 */
+		public static function hide_notices() {
+			if ( isset( $_GET['colormag-hide-notice'] ) && isset( $_GET['_colormag_notice_nonce'] ) ) {
+				if ( ! wp_verify_nonce( $_GET['_colormag_notice_nonce'], 'colormag_hide_notices_nonce' ) ) {
+					wp_die( __( 'Action failed. Please refresh the page and retry.', 'colormag' ) );
+				}
+
+				if ( ! current_user_can( 'manage_options' ) ) {
+					wp_die( __( 'Cheatin&#8217; huh?', 'colormag' ) );
+				}
+
+				$hide_notice = sanitize_text_field( $_GET['colormag-hide-notice'] );
+				update_option( 'colormag_admin_notice_' . $hide_notice, 1 );
+
+				// Hide.
+				if ( 'welcome' === $_GET['colormag-hide-notice'] ) {
+					update_option( 'colormag_admin_notice_' . $hide_notice, 1 );
+				} else { // Show.
+					delete_option( 'colormag_admin_notice_' . $hide_notice );
+				}
+			}
+		}
+
+		/**
+		 * Show welcome notice.
+		 */
+		public function welcome_notice() {
+			?>
+			<div id="message" class="updated colormag-message">
+				<a class="colormag-message-close notice-dismiss" href="<?php echo esc_url( wp_nonce_url( remove_query_arg( array( 'activated' ), add_query_arg( 'colormag-hide-notice', 'welcome' ) ), 'colormag_hide_notices_nonce', '_colormag_notice_nonce' ) ); ?>">
+					<?php esc_html_e( 'Dismiss', 'colormag' ); ?>
+				</a>
+
+				<div class="colormag-message-wrapper">
+					<div class="colormag-logo">
+						<img src="<?php echo get_template_directory_uri(); ?>/img/colormag-getting-started-logo.png" alt="<?php esc_html_e( 'ColorMag', 'colormag' ); ?>" /><?php // phpcs:ignore WordPress.XSS.EscapeOutput.OutputNotEscaped, Squiz.PHP.EmbeddedPhp.SpacingBeforeClose ?>
+					</div>
+
+					<p>
+						<?php printf( esc_html__( 'Welcome! Thank you for choosing ColorMag! To fully take advantage of the best our theme can offer please make sure you visit our %swelcome page%s.', 'colormag' ), '<a href="' . esc_url( admin_url( 'themes.php?page=colormag-welcome' ) ) . '">', '</a>' ); ?>
+
+						<span class="plugin-install-notice"><?php esc_html_e( 'Clicking the button below will install and activate the ThemeGrill demo importer plugin.', 'colormag' ); ?></span>
+					</p>
+
+					<div class="submit">
+						<a class="btn-get-started button button-primary button-hero" href="#" data-name="" data-slug="" aria-label="<?php esc_html_e( 'Get started with ColorMag', 'colormag' ); ?>"><?php esc_html_e( 'Get started with ColorMag', 'colormag' ); ?></a>
+					</div>
+				</div>
+			</div>
+			<?php
+		}
+
+		/**
+		 * Intro text/links shown to all about pages.
+		 *
+		 * @access private
+		 */
+		private function intro() {
+			global $colormag_version;
+			$theme = wp_get_theme( get_template() );
+			?>
+			<div class="header">
+				<div class="info">
+					<h1>
+						<?php esc_html_e( 'About', 'colormag' ); ?>
+						<?php echo $theme->display( 'Name' ); ?>
+						<span class="version-container"><?php echo esc_html( $colormag_version ); ?></span>
+					</h1>
+
+					<div class="tg-about-text about-text">
+						<?php echo $theme->display( 'Description' ); ?>
+					</div>
+
+					<a href="https://themegrill.com/" target="_blank" class="wp-badge tg-welcome-logo"></a>
+				</div>
+			</div>
+
+			<p class="colormag-actions">
+				<a href="<?php echo esc_url( 'https://themegrill.com/themes/colormag/?utm_source=colormag-about&utm_medium=theme-info-link&utm_campaign=theme-info' ); ?>" class="button button-secondary" target="_blank"><?php esc_html_e( 'Theme Info', 'colormag' ); ?></a>
+
+				<a href="<?php echo esc_url( apply_filters( 'colormag_pro_theme_url', 'https://demo.themegrill.com/colormag/' ) ); ?>" class="button button-secondary docs" target="_blank"><?php esc_html_e( 'View Demo', 'colormag' ); ?></a>
+
+				<a href="<?php echo esc_url( apply_filters( 'colormag_pro_theme_url', 'https://themegrill.com/themes/colormag/?utm_source=colormag-about&utm_medium=view-pro-link&utm_campaign=view-pro#free-vs-pro' ) ); ?>" class="button button-primary docs" target="_blank"><?php esc_html_e( 'View PRO version', 'colormag' ); ?></a>
+
+				<a href="<?php echo esc_url( apply_filters( 'colormag_pro_theme_url', 'https://wordpress.org/support/theme/colormag/reviews/?filter=5' ) ); ?>" class="button button-secondary docs" target="_blank"><?php esc_html_e( 'Rate this theme', 'colormag' ); ?></a>
+			</p>
+
+			<h2 class="nav-tab-wrapper">
+				<a class="nav-tab <?php if ( empty( $_GET['tab'] ) && $_GET['page'] == 'colormag-sitelibrary' ) {
+					echo 'nav-tab-active';
+				} ?>" href="<?php echo esc_url( admin_url( add_query_arg( array( 'page' => 'colormag-sitelibrary' ), 'themes.php' ) ) ); ?>">
+					<?php esc_html_e( 'Site Library', 'colormag' ); ?>
+				</a>
+				<a class="nav-tab <?php if ( isset( $_GET['tab'] ) && $_GET['tab'] == 'welcome' ) {
+					echo 'nav-tab-active';
+				} ?>" href="<?php echo esc_url( admin_url( add_query_arg( array(
+					'page' => 'colormag-sitelibrary',
+					'tab'  => 'welcome',
+				), 'themes.php' ) ) ); ?>">
+					<?php esc_html_e( 'Getting Started', 'colormag' ); ?>
+				</a>
+				<a class="nav-tab <?php if ( isset( $_GET['tab'] ) && $_GET['tab'] == 'supported_plugins' ) {
+					echo 'nav-tab-active';
+				} ?>" href="<?php echo esc_url( admin_url( add_query_arg( array(
+					'page' => 'colormag-sitelibrary',
+					'tab'  => 'supported_plugins',
+				), 'themes.php' ) ) ); ?>">
+					<?php esc_html_e( 'Recommended Plugins', 'colormag' ); ?>
+				</a>
+				<a class="nav-tab <?php if ( isset( $_GET['tab'] ) && $_GET['tab'] == 'free_vs_pro' ) {
+					echo 'nav-tab-active';
+				} ?>" href="<?php echo esc_url( admin_url( add_query_arg( array(
+					'page' => 'colormag-sitelibrary',
+					'tab'  => 'free_vs_pro',
+				), 'themes.php' ) ) ); ?>">
+					<?php esc_html_e( 'Free Vs Pro', 'colormag' ); ?>
+				</a>
+				<a class="nav-tab <?php if ( isset( $_GET['tab'] ) && $_GET['tab'] == 'changelog' ) {
+					echo 'nav-tab-active';
+				} ?>" href="<?php echo esc_url( admin_url( add_query_arg( array(
+					'page' => 'colormag-sitelibrary',
+					'tab'  => 'changelog',
+				), 'themes.php' ) ) ); ?>">
+					<?php esc_html_e( 'Changelog', 'colormag' ); ?>
+				</a>
+			</h2>
+			<?php
+		}
+
+		/**
+		 * Site library screen page.
+		 */
+		public function sitelibrary_screen() {
+			$current_tab = empty( $_GET['tab'] ) ? 'library' : sanitize_title( $_GET['tab'] );
+
+			// Look for a {$current_tab}_screen method.
+			if ( is_callable( array( $this, $current_tab . '_screen' ) ) ) {
+				return $this->{$current_tab . '_screen'}();
+			}
+
+			// Fallback to about screen.
+			return $this->sitelibrary_display_screen();
+		}
+
+		/**
+		 * Render site library.
+		 */
+		public function sitelibrary_display_screen() {
+			?>
+			<div class="wrap about-wrap">
+				<?php
+				$this->intro();
+				?>
+
+				<div class="plugin-install-notice">
+					<?php esc_html_e( 'Clicking the "Import" button in any of the demos below will install and activate the ThemeGrill demo importer plugin.', 'colormag' ); ?>
+				</div>
+
+				<?php
+				// Display site library.
+				echo ColorMag_Site_Library::colormag_site_library_page_content();
+				?>
+			</div>
+			<?php
+		}
+
+		/**
+		 * Welcome screen page.
+		 */
+		public function welcome_screen() {
+			$this->about_screen();
+		}
+
+		/**
+		 * Output the about screen.
+		 */
+		public function about_screen() {
+			$theme = wp_get_theme( get_template() );
+			?>
+			<div class="wrap about-wrap">
+
+				<?php $this->intro(); ?>
+
+				<div class="changelog point-releases">
+					<div class="under-the-hood two-col">
+						<div class="col">
+							<h3><?php esc_html_e( 'Import Demo', 'colormag' ); ?></h3>
+							<p><?php esc_html_e( 'Needs ThemeGrill Demo Importer plugin.', 'colormag' ) ?></p>
+
+							<div class="submit">
+								<a class="btn-get-started button button-primary button-hero" href="#" data-name="" data-slug="" aria-label="<?php esc_html_e( 'Import', 'colormag' ); ?>"><?php esc_html_e( 'Import', 'colormag' ); ?></a>
+							</div>
+						</div>
+
+						<div class="col">
+							<h3><?php esc_html_e( 'Theme Customizer', 'colormag' ); ?></h3>
+							<p><?php esc_html_e( 'All Theme Options are available via Customize screen.', 'colormag' ) ?></p>
+							<p>
+								<a href="<?php echo admin_url( 'customize.php' ); ?>" class="button button-secondary"><?php esc_html_e( 'Customize', 'colormag' ); ?></a>
+							</p>
+						</div>
+
+						<div class="col">
+							<h3><?php esc_html_e( 'Documentation', 'colormag' ); ?></h3>
+							<p><?php esc_html_e( 'Please view our documentation page to setup the theme.', 'colormag' ) ?></p>
+							<p>
+								<a href="<?php echo esc_url( 'https://docs.themegrill.com/colormag/?utm_source=colormag-about&utm_medium=documentation-link&utm_campaign=documentation' ); ?>" class="button button-secondary" target="_blank"><?php esc_html_e( 'Documentation', 'colormag' ); ?></a>
+							</p>
+						</div>
+
+						<div class="col">
+							<h3><?php esc_html_e( 'Got theme support question?', 'colormag' ); ?></h3>
+							<p><?php esc_html_e( 'Please put it in our dedicated support forum.', 'colormag' ) ?></p>
+							<p>
+								<a href="<?php echo esc_url( 'https://themegrill.com/support-forum/?utm_source=colormag-about&utm_medium=support-forum-link&utm_campaign=support-forum' ); ?>" class="button button-secondary" target="_blank"><?php esc_html_e( 'Support', 'colormag' ); ?></a>
+							</p>
+						</div>
+
+						<div class="col">
+							<h3><?php esc_html_e( 'Need more features?', 'colormag' ); ?></h3>
+							<p><?php esc_html_e( 'Upgrade to PRO version for more exciting features.', 'colormag' ) ?></p>
+							<p>
+								<a href="<?php echo esc_url( 'https://themegrill.com/themes/colormag/?utm_source=colormag-about&utm_medium=view-pro-link&utm_campaign=view-pro#free-vs-pro' ); ?>" class="button button-secondary" target="_blank"><?php esc_html_e( 'View PRO version', 'colormag' ); ?></a>
+							</p>
+						</div>
+
+						<div class="col">
+							<h3><?php esc_html_e( 'Got sales related question?', 'colormag' ); ?></h3>
+							<p><?php esc_html_e( 'Please send it via our sales contact page.', 'colormag' ) ?></p>
+							<p>
+								<a href="<?php echo esc_url( 'https://themegrill.com/contact/?utm_source=colormag-about&utm_medium=contact-page-link&utm_campaign=contact-page' ); ?>" class="button button-secondary" target="_blank"><?php esc_html_e( 'Contact Page', 'colormag' ); ?></a>
+							</p>
+						</div>
+
+						<div class="col">
+							<h3>
+								<?php
+								esc_html_e( 'Translate', 'colormag' );
+								echo ' ' . $theme->display( 'Name' );
+								?>
+							</h3>
+							<p><?php esc_html_e( 'Click below to translate this theme into your own language.', 'colormag' ) ?></p>
+							<p>
+								<a href="<?php echo esc_url( 'https://translate.wordpress.org/projects/wp-themes/colormag' ); ?>" class="button button-secondary" target="_blank">
+									<?php
+									esc_html_e( 'Translate', 'colormag' );
+									echo ' ' . $theme->display( 'Name' );
+									?>
+								</a>
+							</p>
+						</div>
+					</div>
+				</div>
+
+				<div class="return-to-dashboard colormag">
+					<?php if ( current_user_can( 'update_core' ) && isset( $_GET['updated'] ) ) : ?>
+						<a href="<?php echo esc_url( self_admin_url( 'update-core.php' ) ); ?>">
+							<?php is_multisite() ? esc_html_e( 'Return to Updates', 'colormag' ) : esc_html_e( 'Return to Dashboard &rarr; Updates', 'colormag' ); ?>
+						</a> |
+					<?php endif; ?>
+					<a href="<?php echo esc_url( self_admin_url() ); ?>"><?php is_blog_admin() ? esc_html_e( 'Go to Dashboard &rarr; Home', 'colormag' ) : esc_html_e( 'Go to Dashboard', 'colormag' ); ?></a>
+				</div>
+			</div>
+			<?php
+		}
+
+		/**
+		 * Output the changelog screen.
+		 */
+		public function changelog_screen() {
+			global $wp_filesystem;
+
+			?>
+			<div class="wrap about-wrap">
+
+				<?php $this->intro(); ?>
+
+				<p class="about-description"><?php esc_html_e( 'View changelog below:', 'colormag' ); ?></p>
+
+				<?php
+				$changelog_file = apply_filters( 'colormag_changelog_file', get_template_directory() . '/readme.txt' );
+
+				// Check if the changelog file exists and is readable.
+				if ( $changelog_file && is_readable( $changelog_file ) ) {
+					WP_Filesystem();
+					$changelog      = $wp_filesystem->get_contents( $changelog_file );
+					$changelog_list = $this->parse_changelog( $changelog );
+
+					echo wp_kses_post( $changelog_list );
+				}
+				?>
+			</div>
+			<?php
+		}
+
+		/**
+		 * Parse changelog from readme file.
+		 *
+		 * @param  string $content
+		 *
+		 * @return string
+		 */
+		private function parse_changelog( $content ) {
+			$matches   = null;
+			$regexp    = '~==\s*Changelog\s*==(.*)($)~Uis';
+			$changelog = '';
+
+			if ( preg_match( $regexp, $content, $matches ) ) {
+				$changes = explode( '\r\n', trim( $matches[1] ) );
+
+				$changelog .= '<pre class="changelog">';
+
+				foreach ( $changes as $index => $line ) {
+					$changelog .= wp_kses_post( preg_replace( '~(=\s*Version\s*(\d+(?:\.\d+)+)\s*=|$)~Uis', '<span class="title">${1}</span>', $line ) );
+				}
+
+				$changelog .= '</pre>';
+			}
+
+			return wp_kses_post( $changelog );
+		}
+
+
+		/**
+		 * Output the supported plugins screen.
+		 */
+		public function supported_plugins_screen() {
+			?>
+			<div class="wrap about-wrap">
+
+				<?php $this->intro(); ?>
+
+				<p class="about-description"><?php esc_html_e( 'This theme recommends following plugins:', 'colormag' ); ?></p>
+				<ol>
+					<li>
+						<a href="<?php echo esc_url( 'https://wordpress.org/plugins/social-icons/' ); ?>" target="_blank"><?php esc_html_e( 'Social Icons', 'colormag' ); ?></a>
+						<?php esc_html_e( ' by ThemeGrill', 'colormag' ); ?>
+					</li>
+					<li>
+						<a href="<?php echo esc_url( 'https://wordpress.org/plugins/easy-social-sharing/' ); ?>" target="_blank"><?php esc_html_e( 'Easy Social Sharing', 'colormag' ); ?></a>
+						<?php esc_html_e( ' by ThemeGrill', 'colormag' ); ?>
+					</li>
+					<li>
+						<a href="<?php echo esc_url( 'https://wordpress.org/plugins/everest-forms/' ); ?>" target="_blank"><?php esc_html_e( 'Everest Forms – Easy Contact Form and Form Builder', 'colormag' ); ?></a>
+						<?php esc_html_e( ' by WPEverest', 'colormag' ); ?></li>
+					<li>
+						<a href="<?php echo esc_url( 'https://wordpress.org/plugins/wp-pagenavi/' ); ?>" target="_blank"><?php esc_html_e( 'WP-PageNavi', 'colormag' ); ?></a>
+					</li>
+					<li>
+						<a href="<?php echo esc_url( 'https://wordpress.org/plugins/woocommerce/' ); ?>" target="_blank"><?php esc_html_e( 'WooCommerce', 'colormag' ); ?></a>
+					</li>
+					<li>
+						<a href="<?php echo esc_url( 'https://wordpress.org/plugins/polylang/' ); ?>" target="_blank"><?php esc_html_e( 'Polylang', 'colormag' ); ?></a>
+						<?php esc_html_e( 'Fully Compatible in Pro Version', 'colormag' ); ?>
+					</li>
+					<li>
+						<a href="<?php echo esc_url( 'https://wpml.org/' ); ?>" target="_blank"><?php esc_html_e( 'WPML', 'colormag' ); ?></a>
+						<?php esc_html_e( 'Fully Compatible in Pro Version', 'colormag' ); ?>
+					</li>
+				</ol>
+
+			</div>
+			<?php
+		}
+
+		/**
+		 * Output the free vs pro screen.
+		 */
+		public function free_vs_pro_screen() {
+			?>
+			<div class="wrap about-wrap">
+
+				<?php $this->intro(); ?>
+
+				<p class="about-description"><?php esc_html_e( 'Upgrade to PRO version for more exciting features.', 'colormag' ); ?></p>
+
+				<table>
+					<thead>
+					<tr>
+						<th class="table-feature-title"><h3><?php esc_html_e( 'Features', 'colormag' ); ?></h3></th>
+						<th><h3><?php esc_html_e( 'ColorMag', 'colormag' ); ?></h3></th>
+						<th><h3><?php esc_html_e( 'ColorMag Pro', 'colormag' ); ?></h3></th>
+					</tr>
+					</thead>
+					<tbody>
+					<tr>
+						<td><h3><?php esc_html_e( 'Support', 'colormag' ); ?></h3></td>
+						<td><?php esc_html_e( 'Forum', 'colormag' ); ?></td>
+						<td><?php esc_html_e( 'Forum + Emails/Support Ticket', 'colormag' ); ?></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'Color Options', 'colormag' ); ?></h3></td>
+						<td><?php esc_html_e( '1', 'colormag' ); ?></td>
+						<td><?php esc_html_e( '22', 'colormag' ); ?></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'Primary color option', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'Font Size Options', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-no"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'Google Fonts Options', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-no"></span></td>
+						<td><?php esc_html_e( '600+', 'colormag' ); ?></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'Custom Widgets', 'colormag' ); ?></h3></td>
+						<td><?php esc_html_e( '7', 'colormag' ); ?></td>
+						<td><?php esc_html_e( '16', 'colormag' ); ?></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'Social Icons', 'colormag' ); ?></h3></td>
+						<td><?php esc_html_e( '6', 'colormag' ); ?></td>
+						<td><?php esc_html_e( '18 + 6 Custom', 'colormag' ); ?></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'Social Sharing', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-no"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'Custom Menu', 'colormag' ); ?></h3></td>
+						<td><?php esc_html_e( '1', 'colormag' ); ?></td>
+						<td><?php esc_html_e( '2', 'colormag' ); ?></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'Footer Sidebar', 'colormag' ); ?></h3></td>
+						<td><?php esc_html_e( '4', 'colormag' ); ?></td>
+						<td><?php esc_html_e( '7', 'colormag' ); ?></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'Site Layout Option', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'Options in Breaking News', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-no"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'Unique Post System', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-no"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'Change Read More Text', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-no"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'Related Posts', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'Author Biography', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'Author Biography with Social Icons', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-no"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'Footer Copyright Editor', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-no"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'TG: 125x125 Advertisement', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'TG: 300x250 Advertisement', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'TG: 728x90 Advertisement', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'TG: Featured Category Slider', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'TG: Highlighted Posts', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'TG: Random Posts Widget', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-no"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'TG: Tabbed Widget', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-no"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'TG: Videos', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-no"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'TG: Featured Posts (Style 1)', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'TG: Featured Posts (Style 2)', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'TG: Featured Posts (Style 3)', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-no"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'TG: Featured Posts (Style 4)', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-no"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'TG: Featured Posts (Style 5)', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-no"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'TG: Featured Posts (Style 6)', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-no"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'TG: Featured Posts (Style 7)', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-no"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'Category Color Options', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'WPML Compatible', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-no"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'Polylang Compatible', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-no"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td><h3><?php esc_html_e( 'WooCommerce Compatible', 'colormag' ); ?></h3></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+						<td><span class="dashicons dashicons-yes"></span></td>
+					</tr>
+					<tr>
+						<td></td>
+						<td></td>
+						<td class="btn-wrapper">
+							<a href="<?php echo esc_url( apply_filters( 'colormag_pro_theme_url', 'https://themegrill.com/themes/colormag/?utm_source=colormag-free-vs-pro-table&utm_medium=view-pro-link&utm_campaign=view-pro#free-vs-pro' ) ); ?>" class="button button-secondary docs" target="_blank"><?php esc_html_e( 'View Pro', 'colormag' ); ?></a>
+						</td>
+					</tr>
+					</tbody>
+				</table>
+
+			</div>
+			<?php
+		}
+	}
+
+endif;
+
+return new ColorMag_Admin();

colormag/inc/admin/class-colormag-site-library.php

@@ -0,0 +1,152 @@
+<?php
+/**
+ * ColorMag_Site_Library class to fetch the
+ * theme demo configs from GitHub repo.
+ *
+ * @package ColorMag
+ */
+
+/**
+ * Class responsible for showcasing the theme demo
+ * in ThemeGrill Demo page.
+ *
+ * Class ColorMag_Site_Library
+ */
+class ColorMag_Site_Library {
+
+	/**
+	 * Constructor function.
+	 *
+	 * ColorMag_Site_Library constructor.
+	 */
+	public function __construct() {
+		$this->colormag_site_library_demo_packages();
+	}
+
+	/**
+	 * Demo config packages
+	 */
+	public function colormag_site_library_demo_packages() {
+		$this->colormag_site_library_get_demos();
+	}
+
+	/**
+	 * Get the demo packages.
+	 *
+	 * @return array|mixed|null|object|string
+	 */
+	public static function colormag_site_library_get_demos() {
+		$template = 'colormag';
+		$packages = get_transient( 'colormag_site_library_theme_' . $template );
+
+		if ( false === $packages ) {
+			$raw_packages = wp_safe_remote_get( "https://raw.githubusercontent.com/themegrill/themegrill-demo-pack/master/configs/{$template}.json" );
+
+			if ( ! is_wp_error( $raw_packages ) ) {
+				$packages = json_decode( wp_remote_retrieve_body( $raw_packages ) );
+
+				if ( $packages ) {
+					set_transient( 'colormag_site_library_theme_' . $template, $packages, WEEK_IN_SECONDS );
+				}
+			}
+		}
+
+		return $packages;
+	}
+
+	/**
+	 * Returns the content value filtered to display
+	 * the demos of available themes via ThemeGrill Demo Pack
+	 * config file.
+	 *
+	 * @return string The filtered post content.
+	 */
+	public static function colormag_site_library_page_content() {
+		$template      = 'colormag';
+		$output        = '';
+		$demo_packages = self::colormag_site_library_get_demos();
+
+		if ( isset( $demo_packages ) ) :
+
+			$output .= '<div id="wpbody" class="tg-demo-showcase">';
+			$output .= '<div id="wpbody-content">';
+			$output .= '<div class="wrap">';
+			$output .= '<div class="wp-filter hide-if-no-js">';
+
+			// Renders the theme lists.
+			$output .= '<h2 class="screen-reader-text hide-if-no-js">' . esc_html__( 'Themes list', 'colormag' ) . '</h2><!-- .screen-reader-text.hide-if-no-js -->';
+			$output .= '<div class="theme-browser content-filterable">';
+			$output .= '<div class="themes row wp-clearfix">';
+
+			foreach ( $demo_packages->demos as $demo_package_demo => $demo_package_data ) {
+				$output .= '<div class="theme col-md-4 col-sm-6 col-lg-4 ' . $demo_package_demo . '">';
+
+				// Inner wrapper.
+				$output .= '<div class="theme-inner">';
+				// Displays the theme demo screenshot.
+				$output .= '<div class="screenshot">';
+				$output .= '<img src="' . esc_url( 'https://raw.githubusercontent.com/themegrill/themegrill-demo-pack/master/resources/' . $template . '/' . $demo_package_demo ) . '/screenshot.jpg" alt="' . esc_attr( $demo_package_demo ) . '">';
+				$output .= '</div><!-- .screenshot -->';
+
+				// Displays the pro tag.
+				if ( isset( $demo_package_data->isPro ) ) {
+					$output .= '<span class="premium-demo-banner">';
+					$output .= esc_html__( 'Pro', 'colormag' );
+					$output .= '</span><!-- .premium-demo-banner -->';
+				}
+
+				// Wrap details on div.
+				$output .= '<div class="theme-details">';
+				// Theme id container details.
+				$output .= '<div class="theme-id-container">';
+
+				// Display the theme name.
+				$output .= '<h2 class="theme-name" id="' . $demo_package_demo . '-name">';
+				$output .= $demo_package_data->title;
+				$output .= '</h2><!-- .theme-name -->';
+
+				// Display the theme action buttons.
+				$output .= '<div class="theme-actions">';
+
+				// Import button.
+				if ( ! isset( $demo_package_data->isPro ) ) {
+					$output .= '<a class="btn-get-started button button-primary button-small preview install-demo-preview" href="#" data-name="themegrill-demo-importer" data-slug="themegrill-demo-importer" aria-label="' . esc_html__( 'Get started with ColorMag', 'colormag' ) . '">' . esc_html__( 'Import', 'colormag' ) . '</a>';
+				}
+
+				// Displays the preview now button.
+				$output .= '<a class="button button-small preview install-demo-preview" href="' . esc_url( $demo_package_data->preview ) . '" target="_blank">';
+				$output .= esc_html__( 'Preview', 'colormag' );
+				$output .= '</a>';
+
+				// Displays the buy now button.
+				if ( isset( $demo_package_data->isPro ) ) {
+					$output .= '<a class="button button-small button-primary purchase-now" href="' . $demo_packages->homepage . '" target="_blank">';
+					$output .= esc_html__( 'Buy Now', 'colormag' );
+					$output .= '</a><!-- .button.button-primary.purchase-now -->';
+				}
+
+				$output .= '</div><!-- .theme-actions -->';
+
+				$output .= '</div><!-- .theme-id-container -->';
+				$output .= '</div><!-- .theme-details -->';
+
+				$output .= '</div><!-- .theme-inner -->';
+
+				$output .= '</div><!-- .theme -->';
+			}
+
+			$output .= '</div><!-- .themes.wp-clearfix -->';
+			$output .= '</div><!-- .theme-browser.content-filterable -->';
+
+			$output .= '</div><!-- .wp-filter.hide-if-no-js -->';
+			$output .= '</div><!-- .wrap -->';
+			$output .= '</div><!-- #wpbody-content -->';
+			$output .= '</div><!-- #wpbody -->';
+
+		endif;
+
+		return $output;
+	}
+}
+
+new ColorMag_Site_Library();

colormag/inc/admin/class-colormag-theme-review-notice.php

@@ -0,0 +1,185 @@
+<?php
+/**
+ * ColorMag Theme Review Notice Class.
+ *
+ * @author  ThemeGrill
+ * @package ColorMag
+ * @since   1.3.9
+ */
+
+// Exit if directly accessed.
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Class to display the theme review notice for this theme after certain period.
+ *
+ * Class ColorMag_Theme_Review_Notice
+ */
+class ColorMag_Theme_Review_Notice {
+
+	/**
+	 * Constructor function to include the required functionality for the class.
+	 *
+	 * ColorMag_Theme_Review_Notice constructor.
+	 */
+	public function __construct() {
+
+		add_action( 'after_setup_theme', array( $this, 'colormag_theme_rating_notice' ) );
+		add_action( 'switch_theme', array( $this, 'colormag_theme_rating_notice_data_remove' ) );
+		add_action( 'admin_enqueue_scripts', array( $this, 'colormag_theme_rating_notice_enqueue' ) );
+
+	}
+
+	/**
+	 * Set the required option value as needed for theme review notice.
+	 */
+	public function colormag_theme_rating_notice() {
+
+		// Set the installed time in `colormag_theme_installed_time` option table.
+		$option = get_option( 'colormag_theme_installed_time' );
+		if ( ! $option ) {
+			update_option( 'colormag_theme_installed_time', time() );
+		}
+
+		add_action( 'admin_notices', array( $this, 'colormag_theme_review_notice' ), 0 );
+		add_action( 'admin_init', array( $this, 'colormag_ignore_theme_review_notice' ), 0 );
+		add_action( 'admin_init', array( $this, 'colormag_ignore_theme_review_notice_partially' ), 0 );
+
+	}
+
+	/**
+	 * Display the theme review notice.
+	 */
+	public function colormag_theme_review_notice() {
+
+		global $current_user;
+		$user_id                  = $current_user->ID;
+		$current_user             = wp_get_current_user();
+		$ignored_notice           = get_user_meta( $user_id, 'colormag_ignore_theme_review_notice', true );
+		$ignored_notice_partially = get_user_meta( $user_id, 'nag_colormag_ignore_theme_review_notice_partially', true );
+
+		/**
+		 * Return from notice display if:
+		 *
+		 * 1. The theme installed is less than 15 day ago.
+		 * 2. If the user has ignored the message partially for 15 day.
+		 * 3. Dismiss always if clicked on 'I Already Did' button.
+		 */
+		if ( ( get_option( 'colormag_theme_installed_time' ) > strtotime( '-15 day' ) ) || ( $ignored_notice_partially > strtotime( '-15 day' ) ) || ( $ignored_notice ) ) {
+			return;
+		}
+		?>
+
+		<div class="notice updated theme-review-notice" style="position:relative;">
+			<p>
+				<?php
+				printf(
+					/* Translators: %1$s current user display name. */
+					esc_html__(
+						'Howdy, %1$s! It seems that you have been using this theme for more than 15 days. We hope you are happy with everything that the theme has to offer. If you can spare a minute, please help us by leaving a 5-star review on WordPress.org.  By spreading the love, we can continue to develop new amazing features in the future, for free!', 'colormag'
+					),
+					'<strong>' . esc_html( $current_user->display_name ) . '</strong>'
+				);
+				?>
+			</p>
+
+			<div class="links">
+				<a href="https://wordpress.org/support/theme/colormag/reviews/?filter=5#new-post" class="btn button-primary" target="_blank">
+					<span class="dashicons dashicons-thumbs-up"></span>
+					<span><?php esc_html_e( 'Sure', 'colormag' ); ?></span>
+				</a>
+
+				<a href="?nag_colormag_ignore_theme_review_notice_partially=0" class="btn button-secondary">
+					<span class="dashicons dashicons-calendar"></span>
+					<span><?php esc_html_e( 'Maybe later', 'colormag' ); ?></span>
+				</a>
+
+				<a href="?nag_colormag_ignore_theme_review_notice=0" class="btn button-secondary">
+					<span class="dashicons dashicons-smiley"></span>
+					<span><?php esc_html_e( 'I already did', 'colormag' ); ?></span>
+				</a>
+
+				<a href="<?php echo esc_url( 'https://themegrill.com/support-forum/forum/colormag-free/' ); ?>" class="btn button-secondary" target="_blank">
+					<span class="dashicons dashicons-edit"></span>
+					<span><?php esc_html_e( 'Got theme support question?', 'colormag' ); ?></span>
+				</a>
+			</div>
+
+			<a class="notice-dismiss" style="text-decoration:none;" href="?nag_colormag_ignore_theme_review_notice_partially=0"></a>
+		</div>
+
+		<?php
+	}
+
+	/**
+	 * Function to remove the theme review notice permanently as requested by the user.
+	 */
+	public function colormag_ignore_theme_review_notice() {
+
+		global $current_user;
+		$user_id = $current_user->ID;
+
+		/* If user clicks to ignore the notice, add that to their user meta */
+		if ( isset( $_GET['nag_colormag_ignore_theme_review_notice'] ) && '0' == $_GET['nag_colormag_ignore_theme_review_notice'] ) {
+			add_user_meta( $user_id, 'colormag_ignore_theme_review_notice', 'true', true );
+		}
+
+	}
+
+	/**
+	 * Function to remove the theme review notice partially as requested by the user.
+	 */
+	public function colormag_ignore_theme_review_notice_partially() {
+
+		global $current_user;
+		$user_id = $current_user->ID;
+
+		/* If user clicks to ignore the notice, add that to their user meta */
+		if ( isset( $_GET['nag_colormag_ignore_theme_review_notice_partially'] ) && '0' == $_GET['nag_colormag_ignore_theme_review_notice_partially'] ) {
+			update_user_meta( $user_id, 'nag_colormag_ignore_theme_review_notice_partially', time() );
+		}
+
+	}
+
+	/**
+	 * Remove the data set after the theme has been switched to other theme.
+	 */
+	public function colormag_theme_rating_notice_data_remove() {
+
+		global $current_user;
+		$user_id                  = $current_user->ID;
+		$theme_installed_time     = get_option( 'colormag_theme_installed_time' );
+		$ignored_notice           = get_user_meta( $user_id, 'colormag_ignore_theme_review_notice', true );
+		$ignored_notice_partially = get_user_meta( $user_id, 'nag_colormag_ignore_theme_review_notice_partially', true );
+
+		// Delete options data.
+		if ( $theme_installed_time ) {
+			delete_option( 'colormag_theme_installed_time' );
+		}
+
+		// Delete permanent notice remove data.
+		if ( $ignored_notice ) {
+			delete_user_meta( $user_id, 'colormag_ignore_theme_review_notice' );
+		}
+
+		// Delete partial notice remove data.
+		if ( $ignored_notice_partially ) {
+			delete_user_meta( $user_id, 'nag_colormag_ignore_theme_review_notice_partially' );
+		}
+
+	}
+
+	/**
+	 * Enqueue the required CSS file for theme review notice on admin page.
+	 */
+	public function colormag_theme_rating_notice_enqueue() {
+
+		wp_enqueue_style( 'colormag-theme-review-notice', get_template_directory_uri() . '/css/admin/theme-review-notice.css' );
+
+	}
+
+}
+
+new ColorMag_Theme_Review_Notice();

colormag/inc/admin/js/plugin-handle.js

@@ -0,0 +1,62 @@
+/**
+ * Remove activate button and replace with activation in progress button.
+ *
+ * @package ColorMag
+ */
+
+/**
+ * Import button
+ */
+jQuery( document ).ready( function ( $ ) {
+
+	$( '.btn-get-started' ).click( function ( e ) {
+		e.preventDefault();
+		var extra_uri, redirect_uri, state, dismiss_nonce;
+
+		// Show About > import button while processing.
+		if ( jQuery( this ).parents( '.theme-actions' ).length ) {
+			jQuery( this ).parents( '.theme-actions' ).css( 'opacity', '1' );
+		}
+
+		// Show updating gif icon.
+		jQuery( this ).addClass( 'updating-message' );
+
+		// Change button text.
+		jQuery( this ).text( colormag_redirect_demo_page.btn_text );
+
+		// Assign `TG demo importer` plugin state for processing from PHP.
+		if ( $( this ).hasClass( 'tdi-activated' ) ) { // Installed and activated.
+			state = 'activated';
+		} else if ( $( this ).hasClass( 'tdi-installed' ) ) { // Installed but not activated.
+			state = 'installed';
+		} else { // Not installed.
+			state = '';
+		}
+
+		var data = {
+			action   : 'import_button',
+			security : colormag_redirect_demo_page.nonce,
+			state    : state
+		};
+
+		$.ajax( {
+			type    : "POST",
+			url     : ajaxurl, // URL to "wp-admin/admin-ajax.php"
+			data    : data,
+			success : function ( response ) {
+				extra_uri = '';
+				if ( jQuery( '.colormag-message-close' ).length ) {
+					dismiss_nonce = jQuery( '.colormag-message-close' ).attr( 'href' ).split( '_colormag_notice_nonce=' )[1];
+					extra_uri     = '&_colormag_notice_nonce=' + dismiss_nonce;
+				}
+
+				redirect_uri         = response.redirect + extra_uri;
+				window.location.href = redirect_uri;
+			},
+			error   : function ( xhr, ajaxOptions, thrownError ) {
+				console.log( thrownError );
+			}
+		} );
+
+	} );
+} );

colormag/inc/admin/meta-boxes.php

@@ -0,0 +1,109 @@
+<?php
+/**
+ * This fucntion is responsible for rendering metaboxes in single post area
+ *
+ * @package ThemeGrill
+ * @subpackage ColorMag
+ * @since ColorMag 1.0
+ */
+
+ add_action( 'add_meta_boxes', 'colormag_add_custom_box' );
+/**
+ * Add Meta Boxes.
+ */
+function colormag_add_custom_box() {
+	// Adding layout meta box for page
+	add_meta_box( 'page-layout', __( 'Select Layout', 'colormag' ), 'colormag_page_layout', 'page', 'side', 'default' );
+	// Adding layout meta box for
+	add_meta_box( 'page-layout', __( 'Select Layout', 'colormag' ), 'colormag_page_layout', 'post', 'side', 'default' );
+}
+
+/****************************************************************************************/
+
+global $page_layout;
+$page_layout = array(
+							'default-layout' 	=> array(
+														'id'			=> 'colormag_page_layout',
+														'value' 		=> 'default_layout',
+														'label' 		=> __( 'Default Layout', 'colormag' )
+														),
+							'right-sidebar' 	=> array(
+														'id'			=> 'colormag_page_layout',
+														'value' 		=> 'right_sidebar',
+														'label' 		=> __( 'Right Sidebar', 'colormag' )
+														),
+							'left-sidebar' 	=> array(
+														'id'			=> 'colormag_page_layout',
+														'value' 		=> 'left_sidebar',
+														'label' 		=> __( 'Left Sidebar', 'colormag' )
+														),
+							'no-sidebar-full-width' => array(
+															'id'			=> 'colormag_page_layout',
+															'value' 		=> 'no_sidebar_full_width',
+															'label' 		=> __( 'No Sidebar Full Width', 'colormag' )
+															),
+							'no-sidebar-content-centered' => array(
+															'id'			=> 'colormag_page_layout',
+															'value' 		=> 'no_sidebar_content_centered',
+															'label' 		=> __( 'No Sidebar Content Centered', 'colormag' )
+															)
+						);
+
+/****************************************************************************************/
+
+/**
+ * Displays metabox to for select layout option
+ */
+function colormag_page_layout() {
+	global $page_layout, $post;
+
+	// Use nonce for verification
+	wp_nonce_field( basename( __FILE__ ), 'custom_meta_box_nonce' );
+
+	foreach ($page_layout as $field) {
+		$layout_meta = get_post_meta( $post->ID, $field['id'], true );
+		if( empty( $layout_meta ) ) { $layout_meta = 'default_layout'; }
+		?>
+			<input class="post-format" type="radio" name="<?php echo $field['id']; ?>" value="<?php echo $field['value']; ?>" <?php checked( $field['value'], $layout_meta ); ?>/>
+			<label class="post-format-icon"><?php echo $field['label']; ?></label><br/>
+		<?php
+	}
+}
+
+/****************************************************************************************/
+
+add_action('pre_post_update', 'colormag_save_custom_meta');
+/**
+ * save the custom metabox data
+ * @hooked to pre_post_update hook
+ */
+function colormag_save_custom_meta( $post_id ) {
+	global $page_layout, $post;
+
+	// Verify the nonce before proceeding.
+    if ( !isset( $_POST[ 'custom_meta_box_nonce' ] ) || !wp_verify_nonce( $_POST[ 'custom_meta_box_nonce' ], basename( __FILE__ ) ) )
+      return;
+
+	// Stop WP from clearing custom fields on autosave
+    if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE)
+      return;
+
+	if ('page' == $_POST['post_type']) {
+      if (!current_user_can( 'edit_page', $post_id ) )
+         return $post_id;
+   }
+   elseif (!current_user_can( 'edit_post', $post_id ) ) {
+      return $post_id;
+   }
+
+	foreach ($page_layout as $field) {
+		//Execute this saving function
+		$old = get_post_meta( $post_id, $field['id'], true);
+		$new = $_POST[$field['id']];
+		if ($new && $new != $old) {
+			update_post_meta($post_id, $field['id'], $new);
+		} elseif ('' == $new && $old) {
+			delete_post_meta($post_id, $field['id'], $old);
+		}
+	} // end foreach
+}

colormag/inc/custom-header.php

@@ -0,0 +1,48 @@
+<?php
+/**
+ * Implements a custom header for ColorMag.
+ * See http://codex.wordpress.org/Custom_Headers
+ *
+ * @package ThemeGrill
+ * @subpackage ColorMag
+ * @since ColorMag 1.0
+ */
+
+/**
+ * Setup the WordPress core custom header feature.
+ */
+function colormag_custom_header_setup() {
+	add_theme_support( 'custom-header', apply_filters( 'colormag_custom_header_args', array(
+		'default-image'				=> '',
+		'header-text'				=> '',
+		'default-text-color'		=> '',
+		'width'						=> 1400,
+		'height'					=> 400,
+		'flex-width'				=> true,
+		'flex-height'				=> true,
+		'wp-head-callback'			=> '',
+		'admin-head-callback'		=> '',
+		'video'						=> true,
+		'admin-preview-callback'	=> 'colormag_admin_header_image',
+	) ) );
+}
+add_action( 'after_setup_theme', 'colormag_custom_header_setup' );
+
+if ( ! function_exists( 'colormag_admin_header_image' ) ) :
+/**
+ * Custom header image markup displayed on the Appearance > Header admin panel.
+ */
+function colormag_admin_header_image() {
+?>
+	<div id="headimg">
+		<?php if ( function_exists( 'the_custom_header_markup' ) ) {
+			the_custom_header_markup();
+		} else {
+			if ( get_header_image() ) : ?>
+				<img src="<?php header_image(); ?>" alt="<?php bloginfo( 'name' ); ?>">
+			<?php endif;
+		} ?>
+	</div>
+<?php
+}
+endif; // colormag_admin_header_image

colormag/inc/customize-controls/class-colormag-custom-css-control.php

@@ -0,0 +1,23 @@
+<?php
+/**
+ * Extend WP_Customize_Control for custom CSS control.
+ *
+ * Class COLORMAG_Custom_CSS_Control
+ *
+ * @since 1.3.6
+ */
+// Custom CSS setting
+class COLORMAG_Custom_CSS_Control extends WP_Customize_Control {
+
+	public $type = 'custom_css';
+
+	public function render_content() {
+		?>
+		<label>
+			<span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
+			<textarea rows="5" style="width:100%;" <?php $this->link(); ?>><?php echo esc_textarea( $this->value() ); ?></textarea>
+		</label>
+		<?php
+	}
+
+}

colormag/inc/customize-controls/class-colormag-image-radio-control.php

@@ -0,0 +1,76 @@
+<?php
+
+/**
+ * Extend WP_Customize_Control for radio image section.
+ *
+ * Class COLORMAG_Image_Radio_Control
+ *
+ * @since 1.3.6
+ */
+class COLORMAG_Image_Radio_Control extends WP_Customize_Control {
+
+	public function render_content() {
+
+		if ( empty( $this->choices ) ) {
+			return;
+		}
+
+		$name = '_customize-radio-' . $this->id;
+		?>
+		<style>
+			#colormag-img-container .colormag-radio-img-img {
+				border: 3px solid #DEDEDE;
+				margin: 0 5px 5px 0;
+				cursor: pointer;
+				border-radius: 3px;
+				-moz-border-radius: 3px;
+				-webkit-border-radius: 3px;
+			}
+
+			#colormag-img-container .colormag-radio-img-selected {
+				border: 3px solid #AAA;
+				border-radius: 3px;
+				-moz-border-radius: 3px;
+				-webkit-border-radius: 3px;
+			}
+
+			input[type=checkbox]:before {
+				content: '';
+				margin: -3px 0 0 -4px;
+			}
+		</style>
+		<span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
+		<ul class="controls" id='colormag-img-container'>
+			<?php
+			foreach ( $this->choices as $value => $label ) :
+				$class = ( $this->value() == $value ) ? 'colormag-radio-img-selected colormag-radio-img-img' : 'colormag-radio-img-img';
+				?>
+				<li style="display: inline;">
+					<label style="margin-left: 0">
+						<input <?php $this->link(); ?>style='display:none' type="radio" value="<?php echo esc_attr( $value ); ?>" name="<?php echo esc_attr( $name ); ?>" <?php
+						$this->link();
+						checked( $this->value(), $value );
+						?> />
+						<img src='<?php echo esc_html( $label ); ?>' class='<?php echo $class; ?>' />
+					</label>
+				</li>
+			<?php
+			endforeach;
+			?>
+		</ul>
+		<script type="text/javascript">
+
+			jQuery( document ).ready( function ( $ ) {
+				$( '.controls#colormag-img-container li img' ).click( function () {
+					$( '.controls#colormag-img-container li' ).each( function () {
+						$( this ).find( 'img' ).removeClass( 'colormag-radio-img-selected' );
+					} );
+					$( this ).addClass( 'colormag-radio-img-selected' );
+				} );
+			} );
+
+		</script>
+		<?php
+	}
+
+}

colormag/inc/customize-controls/class-colormag-upsell-section.php

@@ -0,0 +1,35 @@
+<?php
+/**
+ * Class to include upsell link campaign for theme.
+ *
+ * Class COLORMAG_Upsell_Section
+ */
+class COLORMAG_Upsell_Section extends WP_Customize_Section {
+	public $type = 'colormag-upsell-section';
+	public $url  = '';
+	public $id   = '';
+
+	/**
+	 * Gather the parameters passed to client JavaScript via JSON.
+	 *
+	 * @return array The array to be exported to the client as JSON.
+	 */
+	public function json() {
+		$json        = parent::json();
+		$json['url'] = esc_url( $this->url );
+		$json['id']  = $this->id;
+
+		return $json;
+	}
+
+	/**
+	 * An Underscore (JS) template for rendering this section.
+	 */
+	protected function render_template() {
+		?>
+		<li id="accordion-section-{{ data.id }}" class="colormag-upsell-accordion-section control-section-{{ data.type }} cannot-expand accordion-section">
+			<h3 class="accordion-section-title"><a href="{{{ data.url }}}" target="_blank">{{ data.title }}</a></h3>
+		</li>
+		<?php
+	}
+}

colormag/inc/demo-config.php

@@ -0,0 +1,201 @@
+<?php
+/**
+ * Functions for configuring demo importer.
+ *
+ * @package ThemeGrill_Demo_Importer/Functions
+ * @version 1.0.0
+ */
+
+defined( 'ABSPATH' ) || exit;
+
+/**
+ * Setup demo importer config.
+ *
+ * @deprecated 1.5.0
+ *
+ * @param  array $demo_config Demo config.
+ *
+ * @return array
+ */
+function colormag_demo_importer_packages( $packages ) {
+	$new_packages = array(
+		'colormag-free'              => array(
+			'name'    => __( 'ColorMag', 'colormag' ),
+			'preview' => 'http://demo.themegrill.com/colormag/',
+		),
+		'colormag-beauty-blog'       => array(
+			'name'    => __( 'ColorMag Beauty Blog', 'colormag' ),
+			'preview' => 'https://demo.themegrill.com/colormag-beauty-blog/',
+		),
+		'colormag-business-magazine' => array(
+			'name'    => __( 'ColorMag Business Magazine', 'colormag' ),
+			'preview' => 'https://demo.themegrill.com/colormag-business-magazine/',
+		),
+		'colormag-dark'              => array(
+			'name'    => __( 'ColorMag Dark', 'colormag' ),
+			'preview' => 'https://demo.themegrill.com/colormag-dark/',
+		),
+		'colormag-pro'               => array(
+			'name'     => __( 'ColorMag Pro', 'colormag' ),
+			'preview'  => 'https://demo.themegrill.com/colormag-pro/',
+			'pro_link' => 'https://themegrill.com/themes/colormag/',
+		),
+		'colormag-pro-fashion'       => array(
+			'name'     => __( 'ColorMag Pro Fashion', 'colormag' ),
+			'preview'  => 'https://demo.themegrill.com/colormag-pro-fashion/',
+			'pro_link' => 'https://themegrill.com/themes/colormag/',
+		),
+		'colormag-pro-technology'    => array(
+			'name'     => __( 'ColorMag Pro Technology', 'colormag' ),
+			'preview'  => 'https://demo.themegrill.com/colormag-pro-technology/',
+			'pro_link' => 'https://themegrill.com/themes/colormag/',
+		),
+		'colormag-pro-sports'        => array(
+			'name'     => __( 'ColorMag Pro Sports', 'colormag' ),
+			'preview'  => 'https://demo.themegrill.com/colormag-pro-sports/',
+			'pro_link' => 'https://themegrill.com/themes/colormag/',
+		),
+		'colormag-pro-recipes'       => array(
+			'name'     => __( 'ColorMag Food Recipe', 'colormag' ),
+			'preview'  => 'https://demo.themegrill.com/colormag-pro-recipes/',
+			'pro_link' => 'https://themegrill.com/themes/colormag/',
+		),
+		'colormag-pro-health-blog'   => array(
+			'name'     => __( 'ColorMag Health Blog', 'colormag' ),
+			'preview'  => 'https://demo.themegrill.com/colormag-pro-health-blog/',
+			'pro_link' => 'https://themegrill.com/themes/colormag/',
+		),
+		'colormag-pro-music'         => array(
+			'name'     => __( 'ColorMag Pro Music', 'colormag' ),
+			'preview'  => 'https://demo.themegrill.com/colormag-pro-music/',
+			'pro_link' => 'https://themegrill.com/themes/colormag/',
+		),
+	);
+
+	return array_merge( $new_packages, $packages );
+}
+
+add_filter( 'themegrill_demo_importer_packages', 'colormag_demo_importer_packages' );
+
+/**
+ * Set categories color settings in theme customizer.
+ *
+ * Note: Used rarely, if theme_mod keys are based on term ID.
+ *
+ * @param  array  $data
+ * @param  array  $demo_data
+ * @param  string $demo_id
+ *
+ * @return array
+ */
+function colormag_set_cat_colors( $data, $demo_data, $demo_id ) {
+	$cat_colors    = array();
+	$cat_prevent   = array();
+	$wp_categories = array();
+
+	// Format the data based on demo ID.
+	switch ( $demo_id ) {
+		case 'colormag-free':
+			$wp_categories = array(
+				1  => 'Sports',
+				2  => 'Politics',
+				3  => 'Business',
+				4  => 'Technology',
+				5  => 'WordPress',
+				8  => 'General',
+				9  => 'Fashion',
+				10 => 'Food',
+				11 => 'Entertainment',
+				13 => 'FEATURED',
+				14 => 'TOP STORIES',
+				15 => 'TOP VIDEOS',
+				16 => 'Health',
+				18 => 'Latest',
+				19 => 'Drinks',
+				20 => 'Gadgets',
+				21 => 'Female',
+				22 => 'Style',
+				23 => 'News',
+			);
+			break;
+		case 'colormag-business-magazine':
+			$wp_categories = array(
+				4  => 'Investments',
+				5  => 'Corporate',
+				6  => 'Employment',
+				8  => 'Money',
+				9  => 'Market',
+				14 => 'Global Trade',
+				15 => 'Companies',
+				16 => 'Entrepreneurship',
+			);
+			break;
+		case 'colormag-beauty-blog':
+			$wp_categories = array(
+				2  => 'Food & Drinks',
+				4  => 'Product',
+				5  => 'Hair',
+				6  => 'Fashion',
+				7  => 'Beauty Tips',
+				8  => 'Health',
+				9  => 'Eye Make up',
+				10 => 'News',
+			);
+			break;
+		case 'colormag-dark':
+			$wp_categories = array(
+				2  => 'Politics',
+				3  => 'Sports',
+				4  => 'Travel',
+				6  => 'World',
+				7  => 'Technology',
+				8  => 'Entertainment',
+				9  => 'Fashion',
+				10 => 'Food &amp; Health',
+				11 => 'News',
+			);
+			break;
+	}
+
+	// Fetch categories color settings.
+	foreach ( $wp_categories as $term_id => $term_name ) {
+		if ( ! empty( $data['mods'][ 'colormag_category_color_' . $term_id ] ) ) {
+			$cat_colors[ 'colormag_category_color_' . $term_id ] = $data['mods'][ 'colormag_category_color_' . $term_id ];
+		}
+	}
+
+	// Set categories color settings properly.
+	foreach ( $wp_categories as $term_id => $term_name ) {
+		if ( ! empty( $data['mods'][ 'colormag_category_color_' . $term_id ] ) ) {
+			$term  = get_term_by( 'name', $term_name, 'category' );
+			$color = $cat_colors[ 'colormag_category_color_' . $term_id ];
+
+			if ( is_object( $term ) && $term->term_id ) {
+				$cat_prevent[]                                               = $term->term_id;
+				$data['mods'][ 'colormag_category_color_' . $term->term_id ] = $color;
+
+				// Prevent deleting stored color settings.
+				if ( ! in_array( $term_id, $cat_prevent ) ) {
+					unset( $data['mods'][ 'colormag_category_color_' . $term_id ] );
+				}
+			}
+		}
+	}
+
+	return $data;
+}
+
+add_filter( 'themegrill_customizer_demo_import_settings', 'colormag_set_cat_colors', 20, 3 );
+
+/**
+ * Delete the `Hello world!` post after successful demo import
+ */
+function colormag_delete_post_import() {
+	$page = get_page_by_title( 'Hello world!', OBJECT, 'post' );
+
+	if ( is_object( $page ) && $page->ID ) {
+		wp_delete_post( $page->ID, true );
+	}
+}
+
+add_filter( 'themegrill_ajax_demo_imported', 'colormag_delete_post_import' );

colormag/inc/elementor/assets/SCSS/elementor.scss

@@ -0,0 +1,12 @@
+@import 'variables/colors';
+@import 'variables/grid';
+@import 'layout/grid';
+@import 'modules/clearings';
+@import 'modules/ticker';
+@import 'modules/common';
+@import 'modules/block-posts';
+@import 'modules/grid-posts';
+@import 'responsive/large';
+@import 'responsive/medium';
+@import 'responsive/small';
+@import 'layout/col-control';

colormag/inc/elementor/assets/SCSS/layout/_col-control.scss

@@ -0,0 +1,42 @@
+@media only screen and (min-width : 768px) {
+	.elementor {
+		
+		//full width
+		.elementor-col-100,
+		.elementor-column[data-col="100"] {
+			.tg-module-wrapper {
+				&.tg-module-block {
+					&.tg-module-block--style-2,
+					&.tg-module-block--style-3,
+					&.tg-module-block--style-6,
+					&.tg-module-block--style-8,
+					&.tg-module-block--style-9 {
+						.tg-col-control {
+							flex-basis: $column-4;
+						}
+					}
+				}
+			}
+		}
+		
+		//sidebar
+		.elementor-col-25,
+		.elementor-column[data-col="25"],
+		.elementor-col-33,
+		.elementor-column[data-col="33"] {
+			.tg-module-wrapper {
+				&.tg-module-block {
+					&.tg-module-block--style-2,
+					&.tg-module-block--style-3,
+					&.tg-module-block--style-6,
+					&.tg-module-block--style-8,
+					&.tg-module-block--style-9 {
+						.tg-col-control {
+							flex-basis: $column-12;
+						}
+					}
+				}
+			}
+		}
+	}
+}

colormag/inc/elementor/assets/SCSS/layout/_grid.scss

@@ -0,0 +1,68 @@
+/*--------------------------------------------------------------
+# Grid	
+--------------------------------------------------------------*/
+* {
+	box-sizing: border-box;
+}
+
+.elementor-column-gap-default .elementor-row {
+	width: calc(100% + 20px);
+	margin-left: -10px;
+	margin-right: -10px;
+}
+.elementor-column-gap-narrow .elementor-row {
+	width: calc(100% + 10px);
+	margin-left: -5px;
+	margin-right: -5px;
+}
+.elementor-column-gap-extended .elementor-row {
+	width: calc(100% + 30px);
+	margin-left: -15px;
+	margin-right: -15px;
+}
+.elementor-column-gap-wide .elementor-row {
+	width: calc(100% + 40px);
+	margin-left: -20px;
+	margin-right: -20px;
+}
+.elementor-column-gap-wider .elementor-row {
+	width: calc(100% + 60px);
+	margin-left: -30px;
+	margin-right: -30px;
+}
+
+.elementor-page {
+
+	.entry-header {
+		display: none;
+	}
+}
+
+.tg-container {
+	margin-right: auto;
+	margin-left: auto;
+	padding-left: 15px;
+	padding-right: 15px;
+}
+
+.tg-row {
+	display: flex;
+	flex-wrap: wrap;
+	margin-left: -15px;
+	margin-right: -15px;
+
+	.tg-col-control {
+		padding-right: 15px;
+		padding-left: 15px;
+	}
+
+	&.thinner {
+		margin-left: -2px;
+		margin-right: -2px;
+
+		.tg-col-control {
+			padding-right: 2px;
+			padding-left: 2px;
+		}
+	}
+}

colormag/inc/elementor/assets/SCSS/modules/_block-posts.scss

@@ -0,0 +1,128 @@
+.elementor {
+	.tg-module-wrapper {
+
+		// common
+		.tg_module_block {
+			.tg-module-thumb {
+				position: relative;
+				margin-bottom: 13px;
+
+				.tg-post-categories {
+					position: absolute;
+					bottom: 0;
+					left: 0;
+				}
+			}
+
+			.tg-post-category {
+				display: inline-block;
+				background-color: #FFE066;
+			}
+			.tg-module-meta {
+				margin-bottom: 10px;
+			}
+
+			&.tg_module_block--small {
+				.tg-module-title {
+					font-size: 16px;
+				}
+			}
+
+			// Small list style
+			&.tg_module_block--list-small {
+				position: relative;
+				margin-bottom: 15px;
+
+				.tg-module-thumb {
+					width: 100px;
+					float: left;
+					margin-right: 10px;
+				}
+
+				.tg-module-info {
+					min-height: 73px;
+
+					.entry-title {
+						font-size: 14px;
+					}
+					.entry-content {
+						p {
+							margin-bottom: 0;
+						}
+					}
+
+					.tg-module-meta {
+						margin-bottom: 0;
+					}
+				}
+
+				&.no-thumbnail {
+					.tg-module-info {
+						margin-left: 0;
+						min-height: 0;
+					}
+				}
+
+				&.tg-col-control {
+
+					.tg-module-thumb {
+						margin-bottom: 0;
+					}
+				}
+
+			}
+
+			&.tg_module_block--inner-shadow {
+				position: relative;
+
+				.tg-module-thumb {
+					&::before,
+					&::after {
+						content: "";
+						position: absolute;
+						top: 0;
+						left: 0;
+						width: 100%;
+						height: 100%;
+						background: linear-gradient( to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.1) 100%);
+					}
+
+					&::after {
+						background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
+						bottom: 0;
+						top: auto;
+					}
+				}
+			}
+		}
+
+
+		&.tg-module-block {
+			&.tg-module-block--style-1,
+			&.tg-module-block--style-2,
+			&.tg-module-block--style-6,
+			&.tg-module-block--style-9 {
+				.tg-col-control {
+					flex-basis: $column-6;
+				}
+			}
+
+			&.tg-module-block--style-2,
+			&.tg-module-block--style-4 {
+				.tg-col-control {
+					margin-bottom: 30px;
+				}
+			}
+
+			&.tg-module-block--style-4 {
+				.tg-module-thumb {
+					flex-basis: $column-4;
+				}
+
+				.tg-module-info {
+					flex-basis: $column-8;
+				}
+			}
+		}
+	}
+}

colormag/inc/elementor/assets/SCSS/modules/_clearings.scss

@@ -0,0 +1,14 @@
+.clearfix::before,
+.clearfix::after,
+.container::before,
+.container::after,
+.container-fluid::before,
+.container-fluid::after {
+	display: table;
+	content: "";
+}
+.clearfix::after,
+.container::after,
+.container-fluid::after {
+	clear: both;
+}

colormag/inc/elementor/assets/SCSS/modules/_common.scss

@@ -0,0 +1,108 @@
+.elementor {
+
+	.elementor-image {
+		.wp-caption {
+			border: none;
+
+			img {
+				margin: 0;
+			}
+		}
+	}
+		
+	.tg-module-wrapper {
+		color: $color_gray_five;
+		font-size: 14px;
+		margin-bottom: 42px;
+		
+		.module-title {
+			border-bottom: 1px solid $primary;
+			padding-bottom: 0;
+			font-size: 14px;
+			margin-bottom: 30px;
+			
+			span {
+				background-color: $primary;
+				color: $white;
+				padding:7px 12px;
+				display: inline-block;
+			}
+		}
+		
+		a {
+			transition: 0.5s color ease-in-out;
+		}
+		
+		.tg-post-category {
+			background-color: $primary;
+			padding: 5px 10px;
+			color: $white;
+			font-size: 12px;
+			text-transform: uppercase;
+			display: inline-block;
+		}
+		
+		.tg-module-thumb {
+			text-align: left;
+			
+			img {
+				display: block;
+				margin-bottom: 0;
+				width: 100%;
+			}
+		}
+		
+		.tg-module-title {
+			font-size: 21px;
+			padding-bottom: 0;
+			margin-bottom: 5px;
+			font-weight: 600;
+			color: $color_gray_one;
+			
+			a {
+				color: inherit;
+			}
+
+			&:hover {
+				a {
+					color: $primary;
+				}
+			}
+		}
+		
+		.tg-module-meta {
+
+			.tg-post-date {
+				.updated:not(.published) {
+					display: none;
+				}
+			}
+			
+			.tg-post-auther-name,
+			.tg-post-date,
+			.tg-module-comments {
+				font-size: 12px;
+				margin-right: 10px;
+				display: inline-block;
+				
+				a {
+					color: $color_meta;
+					
+					&:hover {
+						color: $primary;
+					}
+				}
+			}
+			
+			.tg-post-auther-name {
+				a {
+					color: $color_gray_two;
+				}
+			}
+			
+			.tg-module-comments {
+				margin-right: 0;
+			}
+		}
+	}
+}

colormag/inc/elementor/assets/SCSS/modules/_grid-posts.scss

@@ -0,0 +1,138 @@
+.elementor {
+	.tg-module-wrapper {
+		
+		&.tg-module-grid {
+			
+			// default styles
+			.tg_module_grid {
+				position: relative;
+
+				.tg-thumb-link {
+					display: block;
+					position: relative;
+					
+					&::before,
+					&::after {
+						content: "";
+						position: absolute;
+						top: 0;
+						left: 0;
+						width: 100%;
+						height: 100%;
+						background: linear-gradient( to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.1) 100%);
+					}
+					
+					&::after {
+						background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
+						bottom: 0;
+						top: auto;
+					}
+				}
+
+				.tg-module-info {
+					position: absolute;
+					bottom: 15px;
+					left: 15px;
+					right: 15px;
+
+					.tg-post-categories {
+						margin-bottom: 7px;
+					}
+
+					.tg-module-title {
+						font-size: 24px;
+						font-weight: 500;
+						color: $white;
+					}
+
+					.tg-module-meta {
+						span,
+						a {
+							color: $white;
+						}
+					}
+				}
+
+				&.tg_module_grid--small {
+					.tg-module-info {
+						bottom: 10px;
+						right: 10px;
+						left: 10px;
+
+						.tg-module-title {
+							font-size: 16px;
+						}
+					}
+				}
+
+				&.tg_module_grid--small-medium {
+					.tg-module-info {
+						.tg-module-title {
+							font-size: 18px;
+						}
+					}
+				}
+
+				&.tg_module_grid--medium {
+					.tg-module-info {
+						.tg-module-title {
+							font-size: 21px;
+						}
+					}
+				}
+
+				&.tg_module_grid--half {
+					flex-basis: $column-6;
+					margin-bottom: 3px;
+				}
+
+				&.tg_module_grid--one-fourth {
+					flex-basis: $column-3;
+					margin-bottom: 3px;
+				}
+
+				&.tg_module_grid--one-third {
+					flex-basis: $column-4;
+					margin-bottom: 3px;
+				}
+
+				&.tg_module_grid--full {
+					flex-basis: $column-12;
+					margin-bottom: 3px;
+				}
+			}
+
+			&.tg-module-grid--style-2,
+			&.tg-module-grid--style-3,
+			&.tg-module-grid--style-6 {
+				.tg-col-control {
+					flex-basis: $column-6;
+				}
+			}
+
+			&.tg-module-grid--style-2 {
+				.tg_module_grid--full {
+					flex-basis: $column-12;
+				}
+			}
+
+			&.tg-module-grid--style-3 {
+				.tg-col-control {
+					margin-bottom: 4px;
+				}
+			}
+
+			&.tg-module-grid--style-4 {
+				.tg-col-control {
+					flex-basis: $column-4;
+				}
+			}
+
+			&.tg-module-grid--style-5 {
+				.tg-col-control {
+					flex-basis: $column-3;
+				}
+			}
+		}
+	}
+}

colormag/inc/elementor/assets/SCSS/modules/_icomoon.scss

@@ -0,0 +1,61 @@
+@font-face {
+	font-family: 'icomoon';
+	src:  url('../fonts/icomoon.eot?jqs2fp');
+	src:  url('../fonts/icomoon.eot?jqs2fp#iefix') format('embedded-opentype'),
+	url('../fonts/icomoon.ttf?jqs2fp') format('truetype'),
+	url('../fonts/icomoon.woff?jqs2fp') format('woff'),
+	url('../fonts/icomoon.svg?jqs2fp#icomoon') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+	/* use !important to prevent issues with browser extensions that change fonts */
+	font-family: 'icomoon' !important;
+	speak: none;
+	font-style: normal;
+	font-weight: normal;
+	font-variant: normal;
+	text-transform: none;
+	line-height: 1;
+	
+	/* Better Font Rendering =========== */
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.icon-Icons-01:before {
+	content: "\e900";
+}
+.icon-Icons-02:before {
+	content: "\e901";
+}
+.icon-Icons-03:before {
+	content: "\e902";
+}
+.icon-Icons-04:before {
+	content: "\e903";
+	color: #000;
+}
+.icon-Icons-05:before {
+	content: "\e904";
+	color: #000;
+}
+.icon-Icons-06:before {
+	content: "\e905";
+	color: #000;
+}
+.icon-Icons-07:before {
+	content: "\e906";
+}
+.icon-Icons-08:before {
+	content: "\e907";
+}
+.icon-Icons-09:before {
+	content: "\e908";
+	color: #000;
+}
+.icon-Icons-10:before {
+	content: "\e909";
+	color: #000;
+}

colormag/inc/elementor/assets/SCSS/responsive/_small.scss

@@ -0,0 +1,79 @@
+@media only screen and (max-width : 768px) {
+	.elementor {
+		.tg-module-wrapper {
+			
+			// common
+			&.tg-module-block {
+				&.tg-module-block--style-1,
+				&.tg-module-block--style-2,
+				&.tg-module-block--style-6,
+				&.tg-module-block--style-9 {
+					.tg-col-control {
+						flex-basis: $column-12;
+					}
+				}
+			}
+
+			&.tg-module-grid {
+				&.tg-module-grid--style-1,
+				&.tg-module-grid--style-2,
+				&.tg-module-grid--style-3,
+				&.tg-module-grid--style-4,
+				&.tg-module-grid--style-5 {
+					.tg-col-control {
+						flex-basis: $column-12;
+					}
+				}
+
+				&.tg-module-grid--style-1,
+				&.tg-module-grid--style-2 {
+					.tg_module_grid--small {
+						flex-basis: $column-6;
+					}
+				}
+
+				&.tg-module-grid--style-2 {
+					.tg_module_grid--full {
+						flex-basis: $column-12;
+					}
+				}
+
+				&.tg-module-grid--style-5 {
+					.tg-col-control {
+						flex-basis: $column-6;
+						margin-bottom: 4px;
+					}
+				}
+
+				&.tg-module-grid--style-3,
+				&.tg-module-grid--style-4,
+				&.tg-module-grid--style-5 {
+					.tg-col-control {
+						margin-bottom: 4px;
+					}
+				}
+			}
+		}
+	}
+}
+
+@media only screen and (max-width : 480px) {
+	.elementor {
+		.tg-module-wrapper {
+			&.tg-module-grid {
+				&.tg-module-grid--style-1,
+				&.tg-module-grid--style-2 {
+					.tg_module_grid--half {
+						flex-basis: $column-12;
+					}
+				}
+
+				&.tg-module-grid--style-5 {
+					.tg-col-control {
+						flex-basis: $column-12;
+					}
+				}
+			}
+		}
+	}
+}

colormag/inc/elementor/assets/SCSS/variables/_colors.scss

@@ -0,0 +1,18 @@
+/*=====  Light colors  ======*/
+$white:#fff;
+$color_gray_eleven: darken($white, 2.5% ); // #f9f9f9
+$color_gray_ten: darken($white, 2.6% ); // #f8f8f8
+$color_gray_nine: darken($white, 5% ); //#f2f2f2
+$color_gray_eight: darken($white, 8.4% ); // #eaeaea
+$color_gray_seven: darken($white, 20% ); // #cccccc
+$color_meta: #969696;
+
+$black: #000000;
+$color_gray_one: lighten($black, 13.6%); // #232323 
+$color_gray_two: lighten($black, 20%); // #333333
+$color_gray_three: lighten($black, 26.5%); // #444444
+$color_gray_four:  lighten($black, 33.5%); // #555555
+$color_gray_five: lighten($black, 46.5%); // #777777
+$color_gray_six: lighten($black, 53.5%); // #888888
+
+$primary:#289dcc;

colormag/inc/elementor/assets/SCSS/variables/_grid.scss

@@ -0,0 +1,13 @@
+// Define 12 column grid width
+$column-12: 100%;
+$collumn-11: 91.66666667%;
+$column-10: 83.33333333%;
+$column-9: 75%;
+$column-8: 66.66666667%;
+$column-7: 58.33333333%;
+$column-6: 50%;
+$column-5: 41.66666667%;
+$column-4: 33.33333333%;
+$column-3: 25%;
+$column-2: 16.66666667%;
+$column-1: 8.33333333%;

colormag/inc/elementor/assets/css/colormag-econs.css

@@ -0,0 +1,80 @@
+@font-face {
+  font-family: 'colormag-econs';
+  src:  url('../fonts/colormag-econs.eot?qrxuz2');
+  src:  url('../fonts/colormag-econs.eot?qrxuz2#iefix') format('embedded-opentype'),
+    url('../fonts/colormag-econs.ttf?qrxuz2') format('truetype'),
+    url('../fonts/colormag-econs.woff?qrxuz2') format('woff'),
+    url('../fonts/colormag-econs.svg?qrxuz2#colormag-econs') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+[class^="colormag-econs-"], [class*=" colormag-econs-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'colormag-econs' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.colormag-econs-block-1:before {
+  content: "\e900";
+}
+.colormag-econs-block-2:before {
+  content: "\e901";
+}
+.colormag-econs-block-3:before {
+  content: "\e902";
+}
+.colormag-econs-block-4:before {
+  content: "\e903";
+}
+.colormag-econs-block-5:before {
+  content: "\e904";
+}
+.colormag-econs-block-6:before {
+  content: "\e905";
+}
+.colormag-econs-block-7:before {
+  content: "\e906";
+}
+.colormag-econs-block-8:before {
+  content: "\e907";
+}
+.colormag-econs-block-9:before {
+  content: "\e908";
+}
+.colormag-econs-grid-1:before {
+  content: "\e90a";
+}
+.colormag-econs-grid-2:before {
+  content: "\e90b";
+}
+.colormag-econs-grid-3:before {
+  content: "\e90c";
+}
+.colormag-econs-grid-4:before {
+  content: "\e90d";
+}
+.colormag-econs-grid-5:before {
+  content: "\e90e";
+}
+.colormag-econs-grid-6:before {
+  content: "\e90f";
+}
+.colormag-econs-grid-7:before {
+  content: "\e909";
+}
+.colormag-econs-grid-8:before {
+  content: "\e910";
+}
+.colormag-econs-grid-9:before {
+  content: "\e911";
+}

colormag/inc/elementor/assets/css/elementor.css

@@ -0,0 +1,475 @@
+/*=====  Light colors  ======*/
+/*--------------------------------------------------------------
+# Grid
+--------------------------------------------------------------*/
+* {
+	-webkit-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+.elementor-column-gap-default .elementor-row {
+	width: calc(100% + 20px);
+	margin-left: -10px;
+	margin-right: -10px;
+}
+
+.elementor-column-gap-narrow .elementor-row {
+	width: calc(100% + 10px);
+	margin-left: -5px;
+	margin-right: -5px;
+}
+
+.elementor-column-gap-extended .elementor-row {
+	width: calc(100% + 30px);
+	margin-left: -15px;
+	margin-right: -15px;
+}
+
+.elementor-column-gap-wide .elementor-row {
+	width: calc(100% + 40px);
+	margin-left: -20px;
+	margin-right: -20px;
+}
+
+.elementor-column-gap-wider .elementor-row {
+	width: calc(100% + 60px);
+	margin-left: -30px;
+	margin-right: -30px;
+}
+
+.elementor-page .entry-header {
+	display: none;
+}
+
+.tg-container {
+	margin-right: auto;
+	margin-left: auto;
+	padding-left: 15px;
+	padding-right: 15px;
+}
+
+.tg-row {
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-ms-flex-wrap: wrap;
+	flex-wrap: wrap;
+	margin-left: -15px;
+	margin-right: -15px;
+}
+
+.tg-row .tg-col-control {
+	padding-right: 15px;
+	padding-left: 15px;
+}
+
+.tg-row.thinner {
+	margin-left: -2px;
+	margin-right: -2px;
+}
+
+.tg-row.thinner .tg-col-control {
+	padding-right: 2px;
+	padding-left: 2px;
+}
+
+.clearfix::before,
+.clearfix::after,
+.container::before,
+.container::after,
+.container-fluid::before,
+.container-fluid::after {
+	display: table;
+	content: "";
+}
+
+.clearfix::after,
+.container::after,
+.container-fluid::after {
+	clear: both;
+}
+
+.elementor .elementor-image .wp-caption {
+	border: none;
+}
+
+.elementor .elementor-image .wp-caption img {
+	margin: 0;
+}
+
+.elementor .tg-module-wrapper {
+	color: #777777;
+	font-size: 14px;
+	margin-bottom: 42px;
+}
+
+.elementor .tg-module-wrapper .module-title {
+	border-bottom: 1px solid #289dcc;
+	padding-bottom: 0;
+	font-size: 14px;
+	margin-bottom: 30px;
+}
+
+.elementor .tg-module-wrapper .module-title span {
+	background-color: #289dcc;
+	color: #fff;
+	padding: 7px 12px;
+	display: inline-block;
+}
+
+.elementor .tg-module-wrapper a {
+	-webkit-transition: 0.5s color ease-in-out;
+	transition: 0.5s color ease-in-out;
+}
+
+.elementor .tg-module-wrapper .tg-post-category {
+	background-color: #289dcc;
+	padding: 5px 10px;
+	color: #fff;
+	font-size: 12px;
+	text-transform: uppercase;
+	display: inline-block;
+}
+
+.elementor .tg-module-wrapper .tg-module-thumb {
+	text-align: left;
+}
+
+.elementor .tg-module-wrapper .tg-module-thumb img {
+	display: block;
+	margin-bottom: 0;
+	width: 100%;
+}
+
+.elementor .tg-module-wrapper .tg-module-title {
+	font-size: 21px;
+	padding-bottom: 0;
+	margin-bottom: 5px;
+	font-weight: 600;
+	color: #232323;
+}
+
+.elementor .tg-module-wrapper .tg-module-title a {
+	color: inherit;
+}
+
+.elementor .tg-module-wrapper .tg-module-title:hover a {
+	color: #289dcc;
+}
+
+.elementor .tg-module-wrapper .tg-module-meta .tg-post-date .updated:not(.published) {
+	display: none;
+}
+
+.elementor .tg-module-wrapper .tg-module-meta .tg-post-auther-name,
+.elementor .tg-module-wrapper .tg-module-meta .tg-post-date,
+.elementor .tg-module-wrapper .tg-module-meta .tg-module-comments {
+	font-size: 12px;
+	margin-right: 10px;
+	display: inline-block;
+}
+
+.elementor .tg-module-wrapper .tg-module-meta .tg-post-auther-name a,
+.elementor .tg-module-wrapper .tg-module-meta .tg-post-date a,
+.elementor .tg-module-wrapper .tg-module-meta .tg-module-comments a {
+	color: #969696;
+}
+
+.elementor .tg-module-wrapper .tg-module-meta .tg-post-auther-name a:hover,
+.elementor .tg-module-wrapper .tg-module-meta .tg-post-date a:hover,
+.elementor .tg-module-wrapper .tg-module-meta .tg-module-comments a:hover {
+	color: #289dcc;
+}
+
+.elementor .tg-module-wrapper .tg-module-meta .tg-post-auther-name a {
+	color: #333333;
+}
+
+.elementor .tg-module-wrapper .tg-module-meta .tg-module-comments {
+	margin-right: 0;
+}
+
+.elementor .tg-module-wrapper .tg_module_block .tg-module-thumb {
+	position: relative;
+	margin-bottom: 13px;
+}
+
+.elementor .tg-module-wrapper .tg_module_block .tg-module-thumb .tg-post-categories {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+}
+
+.elementor .tg-module-wrapper .tg_module_block .tg-post-category {
+	display: inline-block;
+	background-color: #FFE066;
+}
+
+.elementor .tg-module-wrapper .tg_module_block .tg-module-meta {
+	margin-bottom: 10px;
+}
+
+.elementor .tg-module-wrapper .tg_module_block.tg_module_block--small .tg-module-title {
+	font-size: 16px;
+}
+
+.elementor .tg-module-wrapper .tg_module_block.tg_module_block--list-small {
+	position: relative;
+	margin-bottom: 15px;
+}
+
+.elementor .tg-module-wrapper .tg_module_block.tg_module_block--list-small .tg-module-thumb {
+	width: 100px;
+	float: left;
+	margin-right: 10px;
+}
+
+.elementor .tg-module-wrapper .tg_module_block.tg_module_block--list-small .tg-module-info {
+	min-height: 73px;
+}
+
+.elementor .tg-module-wrapper .tg_module_block.tg_module_block--list-small .tg-module-info .entry-title {
+	font-size: 14px;
+}
+
+.elementor .tg-module-wrapper .tg_module_block.tg_module_block--list-small .tg-module-info .entry-content p {
+	margin-bottom: 0;
+}
+
+.elementor .tg-module-wrapper .tg_module_block.tg_module_block--list-small .tg-module-info .tg-module-meta {
+	margin-bottom: 0;
+}
+
+.elementor .tg-module-wrapper .tg_module_block.tg_module_block--list-small.no-thumbnail .tg-module-info {
+	margin-left: 0;
+	min-height: 0;
+}
+
+.elementor .tg-module-wrapper .tg_module_block.tg_module_block--list-small.tg-col-control .tg-module-thumb {
+	margin-bottom: 0;
+}
+
+.elementor .tg-module-wrapper .tg_module_block.tg_module_block--inner-shadow {
+	position: relative;
+}
+
+.elementor .tg-module-wrapper .tg_module_block.tg_module_block--inner-shadow .tg-module-thumb::before, .elementor .tg-module-wrapper .tg_module_block.tg_module_block--inner-shadow .tg-module-thumb::after {
+	content: "";
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(1%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.1)));
+	background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.1) 100%);
+}
+
+.elementor .tg-module-wrapper .tg_module_block.tg_module_block--inner-shadow .tg-module-thumb::after {
+	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
+	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
+	bottom: 0;
+	top: auto;
+}
+
+.elementor .tg-module-wrapper.tg-module-block.tg-module-block--style-1 .tg-col-control, .elementor .tg-module-wrapper.tg-module-block.tg-module-block--style-2 .tg-col-control, .elementor .tg-module-wrapper.tg-module-block.tg-module-block--style-6 .tg-col-control, .elementor .tg-module-wrapper.tg-module-block.tg-module-block--style-9 .tg-col-control {
+	-ms-flex-preferred-size: 50%;
+	flex-basis: 50%;
+}
+
+.elementor .tg-module-wrapper.tg-module-block.tg-module-block--style-2 .tg-col-control, .elementor .tg-module-wrapper.tg-module-block.tg-module-block--style-4 .tg-col-control {
+	margin-bottom: 30px;
+}
+
+.elementor .tg-module-wrapper.tg-module-block.tg-module-block--style-4 .tg-module-thumb {
+	-ms-flex-preferred-size: 33.33333%;
+	flex-basis: 33.33333%;
+}
+
+.elementor .tg-module-wrapper.tg-module-block.tg-module-block--style-4 .tg-module-info {
+	-ms-flex-preferred-size: 66.66667%;
+	flex-basis: 66.66667%;
+}
+
+.elementor .tg-module-wrapper.tg-module-grid .tg_module_grid {
+	position: relative;
+}
+
+.elementor .tg-module-wrapper.tg-module-grid .tg_module_grid .tg-thumb-link {
+	display: block;
+	position: relative;
+}
+
+.elementor .tg-module-wrapper.tg-module-grid .tg_module_grid .tg-thumb-link::before, .elementor .tg-module-wrapper.tg-module-grid .tg_module_grid .tg-thumb-link::after {
+	content: "";
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(1%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.1)));
+	background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.1) 100%);
+}
+
+.elementor .tg-module-wrapper.tg-module-grid .tg_module_grid .tg-thumb-link::after {
+	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
+	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
+	bottom: 0;
+	top: auto;
+}
+
+.elementor .tg-module-wrapper.tg-module-grid .tg_module_grid .tg-module-info {
+	position: absolute;
+	bottom: 15px;
+	left: 15px;
+	right: 15px;
+}
+
+.elementor .tg-module-wrapper.tg-module-grid .tg_module_grid .tg-module-info .tg-post-categories {
+	margin-bottom: 7px;
+}
+
+.elementor .tg-module-wrapper.tg-module-grid .tg_module_grid .tg-module-info .tg-module-title {
+	font-size: 24px;
+	font-weight: 500;
+	color: #fff;
+}
+
+.elementor .tg-module-wrapper.tg-module-grid .tg_module_grid .tg-module-info .tg-module-meta span,
+.elementor .tg-module-wrapper.tg-module-grid .tg_module_grid .tg-module-info .tg-module-meta a {
+	color: #fff;
+}
+
+.elementor .tg-module-wrapper.tg-module-grid .tg_module_grid.tg_module_grid--small .tg-module-info {
+	bottom: 10px;
+	right: 10px;
+	left: 10px;
+}
+
+.elementor .tg-module-wrapper.tg-module-grid .tg_module_grid.tg_module_grid--small .tg-module-info .tg-module-title {
+	font-size: 16px;
+}
+
+.elementor .tg-module-wrapper.tg-module-grid .tg_module_grid.tg_module_grid--small-medium .tg-module-info .tg-module-title {
+	font-size: 18px;
+}
+
+.elementor .tg-module-wrapper.tg-module-grid .tg_module_grid.tg_module_grid--medium .tg-module-info .tg-module-title {
+	font-size: 21px;
+}
+
+.elementor .tg-module-wrapper.tg-module-grid .tg_module_grid.tg_module_grid--half {
+	-ms-flex-preferred-size: 50%;
+	flex-basis: 50%;
+	margin-bottom: 3px;
+}
+
+.elementor .tg-module-wrapper.tg-module-grid .tg_module_grid.tg_module_grid--one-fourth {
+	-ms-flex-preferred-size: 25%;
+	flex-basis: 25%;
+	margin-bottom: 3px;
+}
+
+.elementor .tg-module-wrapper.tg-module-grid .tg_module_grid.tg_module_grid--one-third {
+	-ms-flex-preferred-size: 33.33333%;
+	flex-basis: 33.33333%;
+	margin-bottom: 3px;
+}
+
+.elementor .tg-module-wrapper.tg-module-grid .tg_module_grid.tg_module_grid--full {
+	-ms-flex-preferred-size: 100%;
+	flex-basis: 100%;
+	margin-bottom: 3px;
+}
+
+.elementor .tg-module-wrapper.tg-module-grid.tg-module-grid--style-2 .tg-col-control, .elementor .tg-module-wrapper.tg-module-grid.tg-module-grid--style-3 .tg-col-control, .elementor .tg-module-wrapper.tg-module-grid.tg-module-grid--style-6 .tg-col-control {
+	-ms-flex-preferred-size: 50%;
+	flex-basis: 50%;
+}
+
+.elementor .tg-module-wrapper.tg-module-grid.tg-module-grid--style-2 .tg_module_grid--full {
+	-ms-flex-preferred-size: 100%;
+	flex-basis: 100%;
+}
+
+.elementor .tg-module-wrapper.tg-module-grid.tg-module-grid--style-3 .tg-col-control {
+	margin-bottom: 4px;
+}
+
+.elementor .tg-module-wrapper.tg-module-grid.tg-module-grid--style-4 .tg-col-control {
+	-ms-flex-preferred-size: 33.33333%;
+	flex-basis: 33.33333%;
+}
+
+.elementor .tg-module-wrapper.tg-module-grid.tg-module-grid--style-5 .tg-col-control {
+	-ms-flex-preferred-size: 25%;
+	flex-basis: 25%;
+}
+
+@media only screen and (max-width: 768px) {
+	.elementor .tg-module-wrapper.tg-module-block.tg-module-block--style-1 .tg-col-control, .elementor .tg-module-wrapper.tg-module-block.tg-module-block--style-2 .tg-col-control, .elementor .tg-module-wrapper.tg-module-block.tg-module-block--style-6 .tg-col-control, .elementor .tg-module-wrapper.tg-module-block.tg-module-block--style-9 .tg-col-control {
+		-ms-flex-preferred-size: 100%;
+		flex-basis: 100%;
+	}
+	.elementor .tg-module-wrapper.tg-module-grid.tg-module-grid--style-1 .tg-col-control, .elementor .tg-module-wrapper.tg-module-grid.tg-module-grid--style-2 .tg-col-control, .elementor .tg-module-wrapper.tg-module-grid.tg-module-grid--style-3 .tg-col-control, .elementor .tg-module-wrapper.tg-module-grid.tg-module-grid--style-4 .tg-col-control, .elementor .tg-module-wrapper.tg-module-grid.tg-module-grid--style-5 .tg-col-control {
+		-ms-flex-preferred-size: 100%;
+		flex-basis: 100%;
+	}
+	.elementor .tg-module-wrapper.tg-module-grid.tg-module-grid--style-1 .tg_module_grid--small, .elementor .tg-module-wrapper.tg-module-grid.tg-module-grid--style-2 .tg_module_grid--small {
+		-ms-flex-preferred-size: 50%;
+		flex-basis: 50%;
+	}
+	.elementor .tg-module-wrapper.tg-module-grid.tg-module-grid--style-2 .tg_module_grid--full {
+		-ms-flex-preferred-size: 100%;
+		flex-basis: 100%;
+	}
+	.elementor .tg-module-wrapper.tg-module-grid.tg-module-grid--style-5 .tg-col-control {
+		-ms-flex-preferred-size: 50%;
+		flex-basis: 50%;
+		margin-bottom: 4px;
+	}
+	.elementor .tg-module-wrapper.tg-module-grid.tg-module-grid--style-3 .tg-col-control, .elementor .tg-module-wrapper.tg-module-grid.tg-module-grid--style-4 .tg-col-control, .elementor .tg-module-wrapper.tg-module-grid.tg-module-grid--style-5 .tg-col-control {
+		margin-bottom: 4px;
+	}
+}
+
+@media only screen and (max-width: 480px) {
+	.elementor .tg-module-wrapper.tg-module-grid.tg-module-grid--style-1 .tg_module_grid--half, .elementor .tg-module-wrapper.tg-module-grid.tg-module-grid--style-2 .tg_module_grid--half {
+		-ms-flex-preferred-size: 100%;
+		flex-basis: 100%;
+	}
+	.elementor .tg-module-wrapper.tg-module-grid.tg-module-grid--style-5 .tg-col-control {
+		-ms-flex-preferred-size: 100%;
+		flex-basis: 100%;
+	}
+}
+
+@media only screen and (min-width: 768px) {
+	.elementor .elementor-col-100 .tg-module-wrapper.tg-module-block.tg-module-block--style-2 .tg-col-control, .elementor .elementor-col-100 .tg-module-wrapper.tg-module-block.tg-module-block--style-3 .tg-col-control, .elementor .elementor-col-100 .tg-module-wrapper.tg-module-block.tg-module-block--style-6 .tg-col-control, .elementor .elementor-col-100 .tg-module-wrapper.tg-module-block.tg-module-block--style-8 .tg-col-control, .elementor .elementor-col-100 .tg-module-wrapper.tg-module-block.tg-module-block--style-9 .tg-col-control,
+	.elementor .elementor-column[data-col="100"] .tg-module-wrapper.tg-module-block.tg-module-block--style-2 .tg-col-control,
+	.elementor .elementor-column[data-col="100"] .tg-module-wrapper.tg-module-block.tg-module-block--style-3 .tg-col-control,
+	.elementor .elementor-column[data-col="100"] .tg-module-wrapper.tg-module-block.tg-module-block--style-6 .tg-col-control,
+	.elementor .elementor-column[data-col="100"] .tg-module-wrapper.tg-module-block.tg-module-block--style-8 .tg-col-control,
+	.elementor .elementor-column[data-col="100"] .tg-module-wrapper.tg-module-block.tg-module-block--style-9 .tg-col-control {
+		-ms-flex-preferred-size: 33.33333%;
+		flex-basis: 33.33333%;
+	}
+	.elementor .elementor-col-25 .tg-module-wrapper.tg-module-block.tg-module-block--style-2 .tg-col-control, .elementor .elementor-col-25 .tg-module-wrapper.tg-module-block.tg-module-block--style-3 .tg-col-control, .elementor .elementor-col-25 .tg-module-wrapper.tg-module-block.tg-module-block--style-6 .tg-col-control, .elementor .elementor-col-25 .tg-module-wrapper.tg-module-block.tg-module-block--style-8 .tg-col-control, .elementor .elementor-col-25 .tg-module-wrapper.tg-module-block.tg-module-block--style-9 .tg-col-control,
+	.elementor .elementor-column[data-col="25"] .tg-module-wrapper.tg-module-block.tg-module-block--style-2 .tg-col-control,
+	.elementor .elementor-column[data-col="25"] .tg-module-wrapper.tg-module-block.tg-module-block--style-3 .tg-col-control,
+	.elementor .elementor-column[data-col="25"] .tg-module-wrapper.tg-module-block.tg-module-block--style-6 .tg-col-control,
+	.elementor .elementor-column[data-col="25"] .tg-module-wrapper.tg-module-block.tg-module-block--style-8 .tg-col-control,
+	.elementor .elementor-column[data-col="25"] .tg-module-wrapper.tg-module-block.tg-module-block--style-9 .tg-col-control,
+	.elementor .elementor-col-33 .tg-module-wrapper.tg-module-block.tg-module-block--style-2 .tg-col-control,
+	.elementor .elementor-col-33 .tg-module-wrapper.tg-module-block.tg-module-block--style-3 .tg-col-control,
+	.elementor .elementor-col-33 .tg-module-wrapper.tg-module-block.tg-module-block--style-6 .tg-col-control,
+	.elementor .elementor-col-33 .tg-module-wrapper.tg-module-block.tg-module-block--style-8 .tg-col-control,
+	.elementor .elementor-col-33 .tg-module-wrapper.tg-module-block.tg-module-block--style-9 .tg-col-control,
+	.elementor .elementor-column[data-col="33"] .tg-module-wrapper.tg-module-block.tg-module-block--style-2 .tg-col-control,
+	.elementor .elementor-column[data-col="33"] .tg-module-wrapper.tg-module-block.tg-module-block--style-3 .tg-col-control,
+	.elementor .elementor-column[data-col="33"] .tg-module-wrapper.tg-module-block.tg-module-block--style-6 .tg-col-control,
+	.elementor .elementor-column[data-col="33"] .tg-module-wrapper.tg-module-block.tg-module-block--style-8 .tg-col-control,
+	.elementor .elementor-column[data-col="33"] .tg-module-wrapper.tg-module-block.tg-module-block--style-9 .tg-col-control {
+		-ms-flex-preferred-size: 100%;
+		flex-basis: 100%;
+	}
+}

colormag/inc/elementor/assets/fonts/colormag-econs.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe900;" glyph-name="block-1" d="M499.64 944.26v-684h-489.24v684h489.24zM503.64 950.26h-497.16v-696h497.080v695.96zM509.48 245.28h-508.92v713.96h508.92zM16.34 269.28h477.36v666h-477.36zM6.48 171.020h501.3v-19.1h-501.3v19.1zM513.72 142.9h-513.16v37.1h513.16zM12.42 160.9h489.42v1.1h-489.42zM6.48 66.16h430.1v-19.1h-430.1v19.1zM442.52 38h-441.96v37.2h442zM12.52 56h418.14v1.060h-418.24zM6.48-30.1h484.92v-19.1h-484.92v19.1zM497.34-58.24h-496.78v37.16h496.78zM12.42-40.24h473.060v1.040h-473.060zM694.48 564.68v-234.12h-124.3v234.12h124.3zM698.48 573.28h-132.26v-251.28h132.22v251.28zM704.38 312.94h-144v269.36h144zM576.12 339.6h112.44v216h-112.44zM760.8 575.96h257.28v-8.6h-257.28v8.6zM754.86 584.98h269.14v-26.64h-269.14v26.64zM760.8 458.9h187.74v-8.6h-187.74v8.6zM754.86 467.92h199.6v-26.64h-199.6v26.64zM760.8 333.26h250.32v-8.6h-250.32v8.6zM754.86 342.28h262.18v-26.64h-262.18v26.64zM694.48 187.74v-234.12h-124.3v234.12h124.3zM698.48 196.32h-132.26v-251.3h132.22v251.3zM704.38-64h-144v269.36h144zM576.12-37.36h112.44v216h-112.44zM760.8 199h257.28v-8.6h-257.28v8.6zM754.86 208.040h269.14v-26.64h-269.14v26.64zM760.8 81.96h187.74v-8.6h-187.74v8.6zM754.86 90.98h199.6v-26.64h-199.6v26.64zM760.8-43.7h250.32v-8.6h-250.32v8.6zM754.86-34.66h262.18v-26.64h-262.18v26.64zM694.48 937.82v-234.12h-124.3v234.12h124.3zM698.48 946.42h-132.26v-251.3h132.22v251.3zM704.38 686h-144v269.44h144zM576.12 712.66h112.44v216.14h-112.44zM760.8 949.1h257.28v-8.6h-257.28v8.6zM754.86 958.12h269.14v-26.64h-269.14v26.64zM760.8 832.040h187.74v-8.6h-187.74v8.6zM754.86 841.060h199.6v-26.64h-199.6v26.64zM760.8 706.4h250.32v-8.6h-250.32v8.6zM754.86 715.42h262.18v-26.64h-262.18v26.64z" />
+<glyph unicode="&#xe901;" glyph-name="block-2" d="M479 945.58v-659.82h-468.26v659.82h468.26zM482.76 951.32h-475.78v-671.32h475.78v671.32zM488.7 271.34h-487.66v688.66h487.66zM16.7 294.44h456.36v642.46h-456.38zM6.98 170.28h474.36v-15.42h-474.36v15.42zM487.28 147.86h-486.24v29.44h486.24zM12.94 161.86h462.46v1.4h-462.46zM6.98 65.68h432.28v-15.42h-432.28v15.42zM445.2 43.24h-444.16v29.44h444.16zM12.94 57.24h420.38v1.38h-420.38zM6.98-38.94h469.020v-15.42h-469.020v15.42zM482-61.38h-480.96v29.38h480.96zM12.98-47.38h457.020v1.38h-457.060zM1016.3 945.58v-659.82h-468.3v659.82h468.3zM1020 951.32h-475.7v-671.32h475.7v671.32zM1026 271.34h-487.66v688.66h487.66zM554 294.44h456.36v642.46h-456.36zM543.88 170.28h474.36v-15.42h-474.36v15.42zM1024.18 147.86h-486.18v29.44h486.18zM549.82 161.86h462.46v1.4h-462.46zM543.88 65.68h432.28v-15.42h-432.28v15.42zM982.1 43.24h-444.1v29.44h444.1zM549.82 57.24h420.38v1.38h-420.38zM543.88-38.94h469.020v-15.42h-469.020v15.42zM1018.84-61.38h-480.84v29.38h480.84zM549.82-47.38h457.14v1.38h-457.14z" />
+<glyph unicode="&#xe902;" glyph-name="block-3" d="M469.26 898.72v-646.5h-458.98v646.5h458.98zM472.94 904.34h-466.34v-657.74h466.34v657.74zM478.76 238h-477.98v674.92h478zM16.1 260.8h447.34v629.32h-447.34zM6.6 134.6h464.96v-14.94h-464.96v14.94zM477.38 112.8h-476.6v28.68h476.6zM12.42 126.52h453.32v1.22h-453.32zM6.6 24.24h423.7v-14.94h-423.7v14.94zM436.14 2.42h-435.36v28.68h435.36zM12.42 16.16h412v1.22h-412zM1014.74 898.72v-646.5h-458.98v646.5h458.98zM1018.42 904.34h-466.42v-657.74h466.42v657.74zM1024.24 238h-478v674.92h478zM561.58 260.8h447.34v629.32h-447.34zM552.080 134.6h464.96v-14.94h-464.96v14.94zM1022.86 112.8h-476.6v28.68h476.6zM558 126.52h453.22v1.22h-453.22zM552.080 24.24h423.72v-14.94h-423.72v14.94zM981.6 2.42h-435.34v28.68h435.34zM558 16.16h412v1.22h-412z" />
+<glyph unicode="&#xe903;" glyph-name="block-4" d="M289.66 909.060v-370.56h-274.92v370.56h274.92zM298.4 922.64h-292.4v-397.74h292.4v397.74zM304.4 515.6h-304.4v416.4h304.4zM20.74 547.78h262.9v352h-262.9zM370.46 917.44h647.54v-16.68h-647.54v16.68zM364.44 926.72h659.56v-35.28h-659.56v35.28zM370.46 795.82h469.8v-16.68h-469.8v16.68zM364.44 805.1h481.8v-35.28h-481.8v35.28zM370.46 674.2h626.4v-16.68h-626.4v16.68zM364.44 683.5h638.4v-35.28h-638.4v35.28zM370.46 552.58h565.080v-16.68h-565.080v16.68zM364.44 561.88h577.080v-35.28h-577.080v35.28zM289.66 383.72v-370.56h-274.92v370.56h274.92zM298.4 397.32h-292.4v-397.76h292.4v397.76zM304.4-9.74h-304.4v416.34h304.4zM20.74 22.46h262.9v352h-262.9zM370.46 392.1h647.54v-16.68h-647.54v16.68zM364.44 401.4h659.56v-35.28h-659.56v35.28zM370.46 270.48h469.8v-16.68h-469.8v16.68zM364.44 279.78h481.8v-35.28h-481.8v35.28zM370.46 148.86h626.4v-16.68h-626.4v16.68zM364.44 158.16h638.4v-35.28h-638.4v35.28zM370.46 27.24h565.080v-16.68h-565.080v16.68zM364.44 36.54h577.080v-35.28h-577.080v35.28z" />
+<glyph unicode="&#xe904;" glyph-name="block-5" d="M1032 190h-96v16h80v746h-1008v-746h118v-16h-134v778h1040v-778zM140 288h778v-16h-778v16zM140 166h778v-16h-778v16zM140 54h778v-16h-778v16z" />
+<glyph unicode="&#xe905;" glyph-name="block-6" d="M137.24 858.44v-181.66h-126.16v181.66h126.16zM141.24 865.12h-134.16v-195h134.16v195zM147.24 663.12h-146.16v209h146.16zM17.080 683.78h114.16v167.66h-114.16zM208.34 863.020h261.28v-6.66h-261.28v6.66zM202.34 870.040h273.28v-20.68h-273.28v20.68zM208.34 776.36h190.66v-6.66h-190.66v6.66zM202.34 783.36h202.66v-20.68h-202.66v20.68zM208.34 678.86h254.22v-6.66h-254.22v6.66zM202.34 685.88h266.22v-20.68h-266.22v20.68zM137.24 541.88v-181.66h-126.16v181.66h126.16zM141.24 548.56h-134.16v-195h134.16v195zM147.24 346.56h-146.16v209h146.16zM17.080 367.24h114.16v167.64h-114.16zM208.34 550.64h261.28v-6.66h-261.28v6.66zM202.34 557.64h273.28v-20.68h-273.28v20.68zM208.34 459.8h190.66v-6.66h-190.66v6.66zM202.34 466.82h202.66v-20.68h-202.66v20.68zM208.34 362.32h254.22v-6.66h-254.22v6.66zM202.34 369.32h266.22v-20.68h-266.22v20.68zM137.24 225.32v-181.66h-126.16v181.66h126.16zM141.24 232h-134.16v-195h134.16v195zM147.24 30h-146.16v209h146.16zM17.080 50.68h114.16v167.64h-114.16zM208.34 234.080h261.28v-6.66h-261.28v6.66zM202.34 241.080h273.28v-20.68h-273.28v20.68zM208.34 143.24h190.66v-6.66h-190.66v6.66zM202.34 150.26h202.66v-20.68h-202.66v20.68zM208.34 45.76h254.22v-6.66h-254.22v6.66zM202.34 52.76h266.22v-20.68h-266.22v20.68zM685.62 858.44v-181.66h-126.16v181.66h126.16zM689.62 865.12h-134.16v-195h134.16v195zM695.62 663.12h-146.16v209h146.16zM565.46 683.78h114.16v167.66h-114.16zM756.72 863.020h261.28v-6.66h-261.28v6.66zM750.72 870.040h273.28v-20.68h-273.28v20.68zM756.72 776.36h190.66v-6.66h-190.66v6.66zM750.72 783.36h202.66v-20.68h-202.66v20.68zM756.72 678.86h254.22v-6.66h-254.22v6.66zM750.72 685.88h266.22v-20.68h-266.22v20.68zM685.62 541.88v-181.66h-126.16v181.66h126.16zM689.62 548.56h-134.16v-195h134.16v195zM695.62 346.56h-146.16v209h146.16zM565.46 367.24h114.16v167.64h-114.16zM756.72 550.64h261.28v-6.66h-261.28v6.66zM750.72 557.64h273.28v-20.68h-273.28v20.68zM756.72 459.8h190.66v-6.66h-190.66v6.66zM750.72 466.82h202.66v-20.68h-202.66v20.68zM756.72 362.32h254.22v-6.66h-254.22v6.66zM750.72 369.32h266.22v-20.68h-266.22v20.68zM685.62 225.32v-181.66h-126.16v181.66h126.16zM689.62 232h-134.16v-195h134.16v195zM695.62 30h-146.16v209h146.16zM565.46 50.68h114.16v167.64h-114.16zM756.72 234.080h261.28v-6.66h-261.28v6.66zM750.72 241.080h273.28v-20.68h-273.28v20.68zM756.72 143.24h190.66v-6.66h-190.66v6.66zM750.72 150.26h202.66v-20.68h-202.66v20.68zM756.72 45.76h254.22v-6.66h-254.22v6.66zM750.72 52.76h266.22v-20.68h-266.22v20.68z" />
+<glyph unicode="&#xe906;" glyph-name="block-7" d="M469.46 948.4v-473.18h-459.78v473.18h459.78zM473.14 952.52h-467.14v-481.42h467.14v481.42zM479.14 463.62h-479.14v496.38h479.14zM15.68 482.68h447.78v458.26h-447.78zM57.52 722.82h72.72v-37.46h-72.72v37.46zM138 676.76h-88.22v54.64h88.22zM65.28 694h57.24v20.22h-57.24zM55.4 629.58h336.2v-16.72h-336.2v16.72zM49.78 638.16h347.42v-33.9h-347.42v33.9zM55.4 546.72h364.78v-16.72h-364.78v16.72zM49.78 555.3h376v-33.9h-376v33.9zM137.86 374v-162h-127.44v162h127.44zM141.86 380h-135.5v-174h135.64v174zM148.28 198.96h-148.28v188.12h148.28zM16.78 219.12h114.7v147.8h-114.7zM209.68 378.1h263.96v-5.94h-263.96v5.94zM203.32 385.22h276.68v-20.16h-276.68v20.16zM209.68 300.82h192.62v-5.94h-192.62v5.94zM203.32 307.92h205.34v-20.16h-205.34v20.16zM209.68 213.88h256.82v-5.94h-256.82v5.94zM203.32 220.98h269.56v-20.16h-269.56v20.16zM137.86 111.060v-162h-127.44v162h127.44zM141.86 117.060h-135.5v-173.9h135.64v173.84zM148.28-64h-148.28v188h148.28zM16.78-43.84h114.7v147.84h-114.7zM209.68 118.86h263.96v-5.94h-263.96v5.94zM203.32 125.96h276.68v-20.16h-276.68v20.16zM209.68 37.86h192.62v-5.94h-192.62v5.94zM203.32 44.96h205.34v-20.16h-205.34v20.16zM209.68-49.1h256.82v-5.94h-256.82v5.94zM203.32-41.98h269.56v-20.16h-269.56v20.16zM1014.32 948.4v-473.18h-459.78v473.18h459.78zM1018 952.52h-467.14v-481.42h467.14v481.42zM1024 463.62h-479.14v496.38h479.14zM560.54 482.68h447.78v458.26h-447.78zM591 722.82h73.2v-37.46h-73.2v37.46zM672 676.76h-88.78v54.64h88.78zM598.8 694h57.6v20.22h-57.6zM588.74 629.58h330.82v-16.72h-330.82v16.72zM583.22 638.16h341.88v-33.9h-341.88v33.9zM588.74 546.72h358.96v-16.72h-358.96v16.72zM583.22 555.3h370v-33.9h-370v33.9zM684.34 374v-162h-126.5v162h126.5zM688.34 380h-134.54v-174h134.56v174zM694.68 198.96h-147.2v188.12h147.2zM564.16 219.12h113.84v147.8h-113.84zM755.64 378.1h262.040v-5.94h-262.040v5.94zM749.32 385.22h274.68v-20.16h-274.68v20.16zM755.64 300.82h191.22v-5.94h-191.22v5.94zM749.32 307.92h203.86v-20.16h-203.86v20.16zM755.64 213.88h254.96v-5.94h-254.96v5.94zM749.32 220.98h267.6v-20.16h-267.6v20.16zM684.34 111.060v-162h-126.5v162h126.5zM688.34 117.060h-134.54v-173.9h134.56v173.84zM694.68-64h-147.2v188h147.2zM564.16-43.84h113.84v147.84h-113.84zM755.64 118.86h262.040v-5.94h-262.040v5.94zM749.32 125.96h274.68v-20.16h-274.68v20.16zM755.64 37.86h191.22v-5.94h-191.22v5.94zM749.32 44.96h203.86v-20.16h-203.86v20.16zM755.64-49.1h254.96v-5.94h-254.96v5.94zM749.32-41.98h267.6v-20.16h-267.6v20.16z" />
+<glyph unicode="&#xe907;" glyph-name="block-8" d="M308 943.88v-688.86h-299.82v688.86h299.82zM310.4 949.88h-304.62v-700.86h304.58v700.86zM316.26 238.9h-316.38v721.1h316.38zM14 265.14h288v668.62h-288zM5.78 115.96h303.68v-19.92h-303.68v19.92zM-0.12 126.080h315.48v-40.18h-315.48v40.18zM5.78-33.94h276.74v-19.92h-276.74v19.92zM-0.12-23.82h288.54v-40.18h-288.54v40.18zM661.82 943.88v-688.86h-299.82v688.86h299.82zM664.22 949.88h-304.58v-700.86h304.58v700.86zM670.12 238.9h-316.38v721.1h316.38zM368 265.14h288v668.62h-288zM359.64 115.96h303.68v-19.92h-303.68v19.92zM353.74 126.080h315.48v-40.18h-315.48v40.18zM359.64-33.94h276.74v-19.92h-276.74v19.92zM353.74-23.82h288.54v-40.18h-288.54v40.18zM1015.7 943.88v-688.86h-299.7v688.86h299.7zM1018.1 949.88h-304.58v-700.86h304.58v700.86zM1024 238.9h-316.38v721.1h316.38zM721.82 265.14h288v668.62h-288zM713.52 115.96h303.68v-19.92h-303.68v19.92zM707.62 126.080h315.48v-40.18h-315.48v40.18zM713.52-33.94h276.74v-19.92h-276.74v19.92zM707.62-23.82h288.54v-40.18h-288.54v40.18z" />
+<glyph unicode="&#xe908;" glyph-name="block-9" d="M8 951.26h454.6v-29.98h-454.6v29.98zM468.6 914.54h-466.6v43.46h466.6zM14 928h442.6v16.52h-442.6zM8 869.12h414.28v-14.2h-414.28v14.2zM428.28 848.18h-426.28v27.68h426.28zM14 861.64h402.28v0.74h-402.28zM8 797.52h151.68v-14.2h-151.68v14.2zM165.68 776.58h-163.68v27.68h163.68zM14 790h139.68v0.72h-139.68zM565.4 951.26h454.6v-29.98h-454.6v29.98zM1026 914.54h-466.6v43.46h466.6zM571.4 928h442.6v16.52h-442.6zM565.4 869.12h414.28v-14.2h-414.28v14.2zM985.68 848.18h-426.28v27.68h426.28zM571.4 861.64h402.28v0.74h-402.28zM565.4 797.52h151.68v-14.2h-151.68v14.2zM723.060 776.58h-163.66v27.68h163.66zM571.4 790h139.66v0.72h-139.66zM8 670.4h454.6v-29.98h-454.6v29.98zM468.6 633.68h-466.6v43.46h466.6zM14 647.14h442.6v16.52h-442.6zM8 588.26h414.28v-14.2h-414.28v14.2zM428.28 567.32h-426.28v27.68h426.28zM14 580.78h402.28v0.74h-402.28zM8 516.66h151.68v-14.2h-151.68v14.2zM165.68 495.72h-163.68v27.68h163.68zM14 509.2h139.68v0.8h-139.68zM565.4 670.4h454.6v-29.98h-454.6v29.98zM1026 633.68h-466.6v43.46h466.6zM571.4 647.14h442.6v16.52h-442.6zM565.4 588.26h414.28v-14.2h-414.28v14.2zM985.68 567.32h-426.28v27.68h426.28zM571.4 580.78h402.28v0.74h-402.28zM565.4 516.66h151.68v-14.2h-151.68v14.2zM723.060 495.72h-163.66v27.68h163.66zM571.4 509.2h139.66v0.8h-139.66zM8 389.54h454.6v-29.98h-454.6v29.98zM468.6 352.82h-466.6v43.46h466.6zM14 366.28h442.6v16.52h-442.6zM8 307.4h414.28v-14.2h-414.28v14.2zM428.28 286.46h-426.28v27.68h426.28zM14 300h402.28v0.74h-402.28zM8 235.8h151.68v-14.2h-151.68v14.2zM165.68 214.86h-163.68v27.68h163.68zM14 228.34h139.68v0.72h-139.68zM565.4 389.54h454.6v-29.98h-454.6v29.98zM1026 352.82h-466.6v43.46h466.6zM571.4 366.28h442.6v16.52h-442.6zM565.4 307.4h414.28v-14.2h-414.28v14.2zM985.68 286.46h-426.28v27.68h426.28zM571.4 300h402.28v0.74h-402.28zM565.4 235.8h151.68v-14.2h-151.68v14.2zM723.060 214.86h-163.66v27.68h163.66zM571.4 228.34h139.66v0.72h-139.66zM8 108.68h454.6v-29.98h-454.6v29.98zM468.6 72h-466.6v43.42h466.6zM14 85.42h442.6v16.58h-442.6zM8 26.54h414.28v-14.2h-414.28v14.2zM428.28 5.58h-426.28v27.68h426.28zM14 19.060h402.28v0.74h-402.28zM8-45.060h151.68v-14.2h-151.68v14.2zM165.68-66h-163.68v27.68h163.68zM14-52.52h139.68v0.72h-139.68zM565.4 108.68h454.6v-29.98h-454.6v29.98zM1026 72h-466.6v43.42h466.6zM571.4 85.46h442.6v16.54h-442.6zM565.4 26.54h414.28v-14.2h-414.28v14.2zM985.68 5.58h-426.28v27.68h426.28zM571.4 19.060h402.28v0.74h-402.28zM565.4-45.060h151.68v-14.2h-151.68v14.2zM723.060-66h-163.66v27.68h163.66zM571.4-52.52h139.66v0.72h-139.66z" />
+<glyph unicode="&#xe909;" glyph-name="grid-1" d="M1010 943.66v-991.32h-996v991.32h996zM1018 952.28h-1012v-1008.56h1012v1008.56zM1024-64h-1024v1024h1024zM20-40h984v976h-984zM89.5 473.72h211.18v-88.44h-211.18v88.44zM312 377.56h-233.8v103.88h233.8zM100.82 393h188.56v73h-188.56zM84.18 302.84h786.9v-24.68h-786.9v24.68zM877.1 270.44h-798.9v40.12h798.9zM90.2 285.88h774.9v9.24h-774.9zM84.18 184.36h853.82v-24.68h-853.82v24.68zM944 152h-865.8v40h865.8zM90.2 167.4h841.8v9.24h-841.8zM84.18 65.88h409.3v-24.68h-409.3v24.68zM499.5 33.48h-421.3v40.12h421.3zM90.2 48.92h397.3v9.26h-397.3z" />
+<glyph unicode="&#xe90a;" glyph-name="grid-2" d="M495.74 852v-805.16h-485.38v805.16h485.38zM499.64 859h-493.16v-819.16h493.16v819.26zM505.64 32h-505.16v834.94h505.16zM16.36 54.68h473.4v789.58h-473.4zM56.56 468.82h59.36v-44.92h-59.36v44.92zM122 416h-71.42v60.64h71.42zM62.64 431.68h47.36v29.3h-47.44zM56.56 298.020h357.38v-20.060h-357.38v20.060zM420 270.12h-369.42v35.74h369.42zM62.56 285.8h345.44v4.38h-345.44zM56.56 139.66h387.76v-20.060h-387.76v20.060zM450.32 111.76h-399.74v35.72h399.74zM62.56 127.44h375.78v4.38h-375.78zM759.5 855.76v-382.86h-229.5v382.86h229.5zM761.34 859.1h-233.12v-389.52h233.12v389.52zM767.34 461.74h-245.12v405.2h245.12zM536 480.74h217.52v367.26h-217.52zM560.56 665.94h29.78v-28.5h-29.78v28.5zM596.34 629.6h-41.76v44.18h41.76zM566.56 645.28h17.8v12.72h-17.8zM560.56 556.2h165.98v-11.52h-165.98v11.52zM554.58 564.040h177.96v-27.18h-177.96v27.18zM759.5 424.94v-381.78h-229.5v381.78h229.5zM761.34 428.26h-233.12v-388.42h233.12v388.42zM767.34 32h-245.12v404h245.12zM536 51h217.52v366h-217.52zM560.56 235.64h29.78v-28.42h-29.78v28.42zM596.34 199.38h-41.76v44.1h41.76zM566.56 215.060h17.8v12.76h-17.8zM560.56 126.22h165.98v-11.48h-165.98v11.48zM554.58 134.060h177.96v-27.16h-177.96v27.16zM1016.18 424.94v-381.78h-228.72v381.78h228.72zM1018 428.26h-232.36v-388.42h232.36v388.42zM1024 32h-244.36v404h244.36zM793.46 51h216.72v366h-216.72zM817.88 235.64h29.68v-28.42h-29.68v28.42zM853.56 199.38h-41.68v44.1h41.68zM823.88 215.060h17.68v12.76h-17.68zM817.88 126.22h163.2v-11.48h-163.2v11.48zM811.88 134.060h175.18v-27.16h-175.18v27.16zM1016.18 855.76v-382.86h-228.72v382.86h228.72zM1018 859.1h-232.36v-389.52h232.36v389.52zM1024 461.74h-244.36v405.2h244.36zM793.46 480.74h216.72v367.26h-216.72zM817.88 665.94h29.68v-28.5h-29.68v28.5zM853.56 629.6h-41.68v44.18h41.68zM823.88 645.28h17.68v12.72h-17.68zM817.88 556.2h163.2v-11.52h-163.2v11.52zM811.88 564.040h175.18v-27.18h-175.18v27.18z" />
+<glyph unicode="&#xe90b;" glyph-name="grid-3" d="M492.4 850v-803.3h-482.54v803.3h482.54zM496.26 856.98h-490.26v-817.26h490.26v817.32zM502.26 32h-502.26v832.74h502.26zM15.86 54.4h470.54v788h-470.54zM43.88 361.7h59v-44.8h-59v44.8zM108.88 309.18h-70.88v60.22h70.88zM49.88 324.6h47.020v29.4h-47.020zM43.88 250.18h376.4v-20h-376.4v20zM426.28 222.46h-388.28v35.42h388.28zM49.88 237.88h364.42v4.58h-364.42zM43.88 151.060h408.4v-20h-408.4v20zM458.28 123.34h-420.28v35.44h420.28zM49.88 138.76h396.42v4.6h-396.42zM1014.12 853.78v-374.3h-484.24v374.3h484.24zM1018 857.040h-492v-380.82h492v380.82zM1024 468.52h-504v396.22h504zM535.86 487.2h472.26v358.8h-472.26zM562.88 662.74h30.4v-27.86h-30.4v27.86zM599.28 627.16h-42.4v43.28h42.4zM568.86 642.58h18.42v12.44h-18.42zM562.88 556.94h419.94v-11.26h-419.94v11.26zM556.88 564.66h431.92v-26.68h-431.92v26.68zM754.44 418.78v-374.3h-226.64v374.3h226.64zM756.26 422.040h-230.26v-380.82h230.26v380.78zM762.26 33.52h-242.26v396.22h242.26zM533.8 52.2h214.64v358.88h-214.64zM558.16 227.72h27.76v-27.86h-27.76v27.86zM592 192.16h-39.84v43.28h39.84zM564.26 207.58h15.74v12.42h-15.76zM558.16 121.94h173.84v-11.26h-173.84v11.26zM552.16 129.66h185.84v-26.68h-185.84v26.68zM1016.18 418.78v-374.3h-226.64v374.3h226.64zM1018 422h-230.26v-380.78h230.26v380.78zM1024 33.52h-242.26v396.22h242.26zM795.54 52.2h214.66v358.88h-214.66zM817.040 227.72h27.76v-27.86h-27.76v27.86zM850.78 192.16h-39.74v43.28h39.74zM823.040 207.58h15.76v12.42h-15.76zM817.040 121.94h173.84v-11.26h-173.84v11.26zM811.040 129.66h185.84v-26.68h-185.84v26.68z" />
+<glyph unicode="&#xe90c;" glyph-name="grid-4" d="M491.62 850.96v-804.38h-481.76v804.38h481.76zM495.5 858h-489.5v-818.42h489.5v818.42zM501.48 32h-501.48v833.52h501.48zM15.86 54.16h469.78v789.22h-469.78zM79.96 361.96h99.7v-44.86h-99.7v44.86zM189.82 309.52h-120v60h120zM90.1 324.68h79.42v29.72h-79.42zM75.38 250.32h321.54v-20.040h-321.54v20.040zM402.48 222.7h-332.66v35.18h332.66zM80.94 237.86h310.42v4.88h-310.42zM75.38 151.080h348.88v-20.040h-348.88v20.040zM429.82 123.46h-360v35.2h360zM80.94 138.62h337.76v4.88h-337.76zM1014.14 850.96v-804.38h-481.76v804.38h481.76zM1018 858h-489.5v-818.42h489.5v818.42zM1024 32h-501.48v833.52h501.48zM538.36 54.16h469.78v789.22h-469.78zM603.3 361.96h99.72v-44.86h-99.72v44.86zM713.16 309.52h-120v60h120zM613.46 324.68h79.42v29.72h-79.42zM598.76 250.32h321.46v-20.040h-321.46v20.040zM925.84 222.7h-332.68v35.18h332.68zM604.36 237.86h310.28v4.88h-310.28zM598.76 151.080h348.8v-20.040h-348.8v20.040zM953.16 123.46h-360v35.2h360zM604.36 138.62h337.64v4.88h-337.64z" />
+<glyph unicode="&#xe90d;" glyph-name="grid-5" d="M325.58 851.54v-805.080h-317.040v805.080h317.040zM328.12 858.54h-322.12v-819.080h322.12v819.080zM334.12 32h-334.12v834h334.12zM14.54 54h305.040v790h-305.040zM36.26 362.14h59.22v-44.9h-59.22v44.9zM101.48 309.78h-71.2v59.8h71.2zM42.26 324.68h47.24v30h-47.24zM36.26 250.38h215.34v-20.040h-215.34v20.040zM257.6 222.88h-227.32v34.96h227.32zM42.26 237.78h203.34v5.14h-203.34zM36.26 151.060h233.64v-20.040h-233.64v20.040zM276 123.54h-245.72v34.96h245.72zM42.26 138.46h221.74v5.14h-221.74zM669.58 851.54v-805.080h-314.2v805.080h314.2zM672.1 858.54h-319.24v-819.080h319.24v819.080zM678.1 32h-331.24v834h331.24zM361.36 54h302.24v790h-302.24zM396.32 362.14h58.7v-44.9h-58.7v44.9zM461 309.78h-70.68v59.8h70.68zM402.32 324.68h46.7v30h-46.7zM396.32 250.38h213.42v-20.040h-213.42v20.040zM615.72 222.88h-225.4v34.96h225.4zM402.32 237.78h201.42v5.14h-201.42zM396.32 151.060h231.56v-20.040h-231.56v20.040zM633.86 123.54h-243.54v34.96h243.54zM402.32 138.46h219.56v5.14h-219.56zM1015.48 851.54v-805.080h-315.16v805.080h315.16zM1018 858.54h-320.2v-819.080h320.2v819.080zM1024 32h-332.2v834h332.2zM706.32 54h303.16v790h-303.16zM741.38 362.14h58.88v-44.9h-58.88v44.9zM806.26 309.78h-70.86v59.8h70.86zM747.38 324.68h46.88v30h-46.88zM741.38 250.38h214.060v-20.040h-214.060v20.040zM961.44 222.88h-226v34.96h226zM747.44 237.78h202v5.14h-202zM741.38 151.060h232.26v-20.040h-232.26v20.040zM979.64 123.54h-244.24v34.96h244.24zM747.38 138.46h220.26v5.14h-220.26z" />
+<glyph unicode="&#xe90e;" glyph-name="grid-6" d="M240.56 851.46v-804.92h-232.7v804.92h232.7zM242.42 858.46h-236.42v-818.92h236.42v818.92zM248.4 32h-248.4v834h248.4zM13.84 54h220.72v790h-220.72zM43.36 362.14h42.72v-44.9h-42.72v44.9zM92 309.72h-54.62v60h54.62zM49.28 324.78h30.72v29.84h-30.66zM43.36 250.42h155.36v-20.040h-155.36v20.040zM204.7 222.84h-167.32v35.16h167.32zM49.34 237.9h143.38v4.98h-143.38zM43.36 151.1h168.56v-20.040h-168.56v20.040zM218 123.52h-180.62v35.12h180.62zM49.34 138.6h156.66v4.98h-156.66zM498.6 851.46v-804.92h-232.6v804.92h232.6zM500.46 858.46h-236.46v-818.92h236.46v818.92zM506.46 32h-248.46v834h248.46zM271.88 54h220.74v790h-220.74zM301.4 362.14h42.72v-44.9h-42.72v44.9zM350.1 309.72h-54.68v60h54.68zM307.38 324.78h30.74v29.84h-30.74zM301.4 250.42h155.36v-20.040h-155.36v20.040zM462.74 222.84h-167.32v35.16h167.32zM307.38 237.9h143.38v4.98h-143.38zM301.4 151.1h168.56v-20.040h-168.56v20.040zM476 123.52h-180.58v35.12h180.58zM307.44 138.6h156.56v4.98h-156.6zM756.64 851.46v-804.92h-232.64v804.92h232.64zM758.52 858.46h-236.52v-818.92h236.52v818.92zM764.5 32h-248.4v834h248.4zM530 54h220.66v790h-220.66zM559.44 362.14h42.72v-44.9h-42.72v44.9zM608.14 309.72h-54.68v60h54.68zM565.44 324.78h30.74v29.84h-30.74zM559.44 250.42h155.36v-20.040h-155.36v20.040zM720.78 222.84h-167.32v35.16h167.32zM565.44 237.9h143.38v4.98h-143.38zM559.44 151.1h168.56v-20.040h-168.56v20.040zM734 123.52h-180.54v35.12h180.54zM565.44 138.6h156.56v4.98h-156.56zM1014.7 851.46v-804.92h-232.7v804.92h232.7zM1016.56 858.46h-236.44v-818.92h236.44v818.92zM1022.54 32h-248.4v834h248.4zM788 54h220.7v790h-220.7zM818.1 362.14h43.42v-44.9h-43.42v44.9zM867.5 309.72h-55.38v60h55.38zM824.1 324.78h31.44v29.84h-31.44zM818.1 250.42h157.9v-20.040h-157.9v20.040zM982 222.84h-169.88v35.16h169.88zM824.12 237.9h146v4.98h-146zM818.1 151.1h171.32v-20.040h-171.32v20.040zM995.42 123.52h-183.3v35.12h183.3zM824.1 138.6h159.34v4.98h-159.34z" />
+<glyph unicode="&#xe90f;" glyph-name="grid-7" d="M491.82 871.58v-835.16h-479.58v835.16h479.58zM495.66 878.84h-487.26v-849.68h487.26v849.68zM501.64 22h-499.22v864h499.22zM18.22 43.58h467.62v820.84h-467.62zM66 421.74h58.64v-45.96h-58.64v45.96zM130.62 368.6h-70.62v60.3h70.6zM72 382.92h46.66v31.66h-46.66zM66 279.020h344.2v-20.52h-344.2v20.52zM416.18 251.34h-356.18v34.84h356.18zM72 265.66h332.22v6.2h-332.22zM66 149.040h373.46v-20.52h-373.46v20.52zM445.44 121.36h-385.44v34.84h385.44zM72 135.68h361.48v6.2h-361.48zM1014.1 875.4v-396.58h-488.46v396.58h488.46zM1018.1 878.84h-496.38v-403.46h496.28v403.46zM1024 468.22h-508.26v417.78h508.26zM531.62 486h476.5v382.22h-476.5zM567.060 674.64h43.82v-29.52h-43.82v29.52zM616.86 638h-55.76v43.8h55.76zM573.060 652.32h31.84v15.2h-31.84zM567.060 563.22h410.58v-11.92h-410.58v11.92zM561.1 570.38h422.54v-26.24h-422.54v26.24zM1014.1 429.18v-396.58h-488.46v396.58h488.46zM1018.1 432.62h-496.38v-403.46h496.28v403.46zM1024 22h-508.26v417.78h508.26zM531.62 39.78h476.5v382.22h-476.5zM567.060 228.42h43.82v-29.52h-43.82v29.52zM616.86 191.74h-55.76v43.84h55.76zM573.060 206h31.84v15.2h-31.84zM567.060 117h410.58v-11.92h-410.58v11.92zM561.1 124.16h422.54v-26.24h-422.54v26.24z" />
+<glyph unicode="&#xe910;" glyph-name="grid-8" d="M1010 875.18v-548.26h-996v548.26h996zM1018 880h-1012v-557.84h1012v557.84zM1024 316h-1024v570h1024zM20 332.98h984v536.14h-984zM80.14 612.4h112.040v-57.42h-112.040v57.42zM198.18 548.92h-124v69.54h124zM86.18 561.040h100v45.3h-100zM80.14 509.38h795.78v-13.66h-795.78v13.66zM882 489.68h-807.84v25.76h807.84zM86.14 501.8h783.86v1.54h-783.86zM80.14 443.86h863.42v-13.66h-863.42v13.66zM949.58 424.16h-875.42v25.84h875.42zM86.14 436.26h851.44v1.54h-851.44zM80.14 378.34h413.92v-13.66h-413.92v13.66zM500 358.62h-425.84v25.78h425.84zM86 370.74h402v1.54h-402zM240.82 296.44v-266h-232.96v266h232.96zM242.68 298.74h-236.68v-270.74h236.68v270.74zM248.68 22h-248.68v282.8h248.68zM13.86 36.42h220.96v254h-220.96zM48.3 155.040h42.76v-24.84h-42.76v24.84zM97.040 124.14h-54.74v36.94h54.74zM54.28 136.24h30.78v12.74h-30.78zM48.3 93.22h158v-11.080h-158v11.080zM42.3 99.28h170v-23.2h-170v23.2zM499.26 296.44v-266h-232.96v266h232.96zM501.12 298.74h-236.68v-270.74h236.68v270.74zM507.12 22h-248.68v282.8h248.68zM272.3 36.42h220.96v254h-220.96zM306.74 155.040h42.76v-24.84h-42.76v24.84zM355.48 124.14h-54.74v36.94h54.74zM312.72 136.24h30.78v12.74h-30.78zM306.74 93.22h163.3v-11.080h-163.3v11.080zM300.74 99.28h175.3v-23.2h-175.3v23.2zM757.7 296.44v-266h-232.96v266h232.96zM759.56 298.74h-236.68v-270.74h236.68v270.74zM765.56 22h-248.68v282.8h248.68zM530.74 36.42h220.96v254h-220.96zM565.18 155.040h42.76v-24.84h-42.76v24.84zM614 124.14h-54.82v36.94h54.82zM571.26 136.24h30.74v12.74h-30.82zM565.18 93.22h156.62v-11.080h-156.62v11.080zM559.18 99.28h168.6v-23.2h-168.6v23.2zM1016.14 296.44v-266h-232.96v266h232.96zM1018 298.74h-236.68v-270.74h236.68v270.74zM1024 22h-248.68v282.8h248.68zM789.18 36.42h220.96v254h-220.96zM824.24 155.040h43.46v-24.84h-43.46v24.84zM873.68 124.14h-55.44v36.94h55.44zM830.22 136.24h31.48v12.74h-31.48zM824.24 93.22h161.3v-11.080h-161.3v11.080zM818.24 99.28h173.3v-23.2h-173.3v23.2z" />
+<glyph unicode="&#xe911;" glyph-name="grid-9" d="M240 359.38v-328.54h-232.14v328.54h232.14zM241.86 362.24h-235.86v-334.24h235.88v334.24zM247.88 22h-247.88v346.22h247.88zM13.88 36.82h220.12v316.58h-220.16zM40.24 160.64h42.62v-26.94h-42.62v26.94zM88.84 127.72h-54.6v38.9h54.6zM46.24 139.72h30.62v14.98h-30.62zM40.24 93.58h164.060v-12.020h-164.060v12.020zM210.3 75.58h-176v24h176zM46.3 87.58h152zM498.72 359.38v-328.54h-232.16v328.54h232.16zM500.58 362.24h-235.88v-334.24h235.88v334.24zM506.58 22h-247.86v346.22h247.86zM272.58 36.82h220.14v316.58h-220.16zM298.94 160.64h42.62v-26.94h-42.62v26.94zM347.56 127.72h-54.6v38.9h54.6zM304.94 139.72h30.62v14.98h-30.62zM298.94 93.58h161.1v-12.020h-161.1v12.020zM466 75.58h-173.040v24h173.040zM304.9 87.58h149.12zM757.44 359.38v-328.54h-232.16v328.54h232.16zM759.3 362.24h-235.88v-334.24h235.88v334.24zM765.3 22h-247.88v346.22h247.88zM531.3 36.82h220.14v316.58h-220.16zM557.66 160.64h42.62v-26.94h-42.62v26.94zM606.26 127.72h-54.6v38.9h54.6zM563.66 139.72h30.62v14.98h-30.62zM557.66 93.58h162.14v-12.020h-162.14v12.020zM725.8 75.58h-174.14v24h174.14zM563.66 87.58h150.14zM1016.14 359.38v-328.54h-232.14v328.54h232.14zM1018 362.24h-235.88v-334.24h235.88v334.24zM1024 22h-247.88v346.22h247.88zM790 36.82h220.16v316.58h-220.16zM816.98 160.64h43.32v-26.94h-43.32v26.94zM866.28 127.72h-55.3v38.9h55.3zM822.98 139.72h31.32v14.98h-31.32zM816.98 93.58h158.56v-12.020h-158.56v12.020zM981.54 75.58h-170.56v24h170.56zM822.98 87.58h146.58zM1015.5 875.82v-483.040h-312.66v483.040h312.66zM1018 880h-317.68v-491.42h317.68v491.42zM1024 382.6h-329.68v503.4h329.68zM708.82 398.74h300.68v471.1h-300.68zM751.56 582.18h58.4v-26.94h-58.4v26.94zM816 549.26h-70.42v38.9h70.42zM757.6 561.26h46.4v14.94h-46.44zM751.56 515.12h212.36v-12.020h-212.36v12.020zM970 497.12h-224.42v24h224.42zM757.64 509.12h200.38zM751.56 455.52h230.42v-12.020h-230.42v12.020zM988 437.52h-242.42v24h242.42zM757.58 449.52h-0.020zM669.74 875.82v-483.040h-314.54v483.040h314.54zM672.26 880.020h-319.58v-491.44h319.58v491.42zM678.26 382.6h-331.56v503.4h331.56zM361.2 398.74h302.56v471.1h-302.56zM394.7 582.18h58.76v-26.94h-58.76v26.94zM459.46 549.26h-70.74v38.9h70.74zM400.7 561.26h46.76v14.94h-46.76zM394.7 515.12h210.34v-12.020h-210.34v12.020zM611.040 497.12h-222.32v24h222.32zM400.7 509.12h198.34zM394.7 455.52h228.22v-12.020h-228.22v12.020zM628.92 437.52h-240.2v24h240.2zM400.7 449.52v0zM323.060 875.82v-483.040h-314.54v483.040h314.54zM325.58 880.020h-319.58v-491.44h319.58v491.42zM331.58 382.6h-331.58v503.4h331.58zM14.52 398.74h302.54v471.1h-302.54zM48.020 590.5h58.76v-26.94h-58.76v26.94zM112.76 557.58h-70.76v38.9h70.76zM54 569.58h46.78v14.98h-46.78zM48.020 523.44h210.34v-12.020h-210.34v12.020zM264.34 505.44h-222.34v24h222.34zM54 517.4h198.36zM48.020 463.84h228.22v-12.020h-228.22v12.020zM282.22 445.84h-240.22v24h240.2zM54 457.8v0z" />
+</font></defs></svg>