/*
Theme Name: Custom Lite
Template: meditation
Author: Cats_456
Author URI: http://loveadam.ru/wp/
Theme URI:
Description: Custom Lite is a responsive theme for Portfolio, Blog and other Web Sites, with css3 effects, custom colors and other options in the Customiser. Support Icons. See the demo at http://wpblogs.info/demo/customlite/
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, grid-layout, custom-logo, custom-background, custom-header, custom-menu, footer-widgets, flexible-header, full-width-template, featured-images, translation-ready, custom-colors, theme-options, threaded-comments, blog, news, portfolio
Text Domain: custom-lite
Tested up to: 6.3
Requires PHP:

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.
*/

.wp-block-heading,
.widgettitle, .widget-title, .widgettitle a, .widget-title a {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.916666;
}

.widget-area .widget .wp-block-heading,
.widget-area .widget .widget-title,
.widget-area .widget .widgettitle {
    font-family: 'PT Sans Narrow', sans-serif;
}

.widgettitle, .wp-block-heading,
.widgettitle, .widget-title {
    border: 1px solid transparent;
    margin: 0 0 24px 0;
    padding: 0 12px;
    text-decoration: none;
}

#page .sub-menu,
#page .menu-top {
	box-shadow:
	0 1px 4px rgba(0, 0, 0, .3),
	-23px 0 20px -23px rgba(0, 0, 0, .8),
	23px 0 20px -23px rgba(0, 0, 0, .8),
	0 0 40px rgba(0, 0, 0, .1) inset;
}
#page .sidebar-2,
#page .sidebar-1 {
	width: 0%;
}
#page .sidebar-header {
	display: none;
}

.content {
	padding: 12px;
}

#page .sidebar-1,
#page .sidebar-2,
#page .main-area {
	background: transparent;
}

#page .site-content {
	margin: 0 auto;
	padding: 0;
}

#page .archive-header {
	padding: 0 12px;
	text-align: center;
}

/* blog */
.flex-container .entry-title a {
	font-size: 28px;
	line-height: 1.2857;
}
#page .flex-container .entry-title {
	margin-bottom: 0;
}

#page .flex-container .content-container .entry-summary,
#page .flex-container .content-container .entry-content {
	text-align: center;
	display: none;
}

.column .widget-area {
	width: 100%;
}

.flex-container .content-container .post-date:after,
.flex .content-container:before,
.flex .entry-title a:before,
.flex .entry-title :after,
#page li a:after,
#page .widget a:after,
.flex .content-container:after {
	content: none;
}

#page .flex .content-container {
	background: rgba(0,0,0,0);
}
#page .flex .content-container:hover {
	background: rgba(255,0,0,0.7);
}

#page .site-content,
#page .flex .content {
	background: #eee;
}

.flex .entry-content,
.flex .entry-summary {
	padding: 0 12px;
}

.color-4 #page .ex {
	color: #333;
	font-weight: normal;
}

.ex:hover {
	text-decoration: none;
}

.read-more .ex {
	display: none;
}

.flex .entry-thumbnail {
	position: relative;
}

.flex .edit-link {
	left: 0;
	bottom: 0;
	position: absolute;
	z-index: 2;
}

.flex-container .content-container:hover .hover-link {
	background: rgba(0,0,0,0);
}

.flex-container .content-container .category-list,
.flex-container .content-container .post-date {
	position: absolute;
}

.flex-container .content-container:hover .post-date,
.flex-container .content-container:hover .category-list,
.flex-container .content-container:hover .entry-title {
	z-index: 2;
	opacity: 1;
}

.flex-container .content-container .category-list {
	left: 12px;
	top: 12px;
	margin: 0;

}
.flex-container .content-container .post-date {
	font-style: normal;
	right: 12px;
	bottom: 12px;
	margin: 0;
	padding: 4px;
	background: #fff;
	opacity: 0.8;
}

.flex-container .content-container .post-date a {
	font-size: 18px;
}

.flex-container .entry-header {
	position: relative;
}

.hover-link {
	display: block;
	position: absolute;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.flex-container .content-container:hover .hover-link {
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1;
}

#page .flex .content-container {
	position: relative;    
	border-color: #ccc;
	border: none;
	padding: 0;
}

#page .flex .content-container:hover {  
	box-shadow:
	0 1px 4px rgba(0, 0, 0, .1),
	-16px 0 20px -16px rgba(0, 0, 0, .3),
	16px 0 20px -16px rgba(0, 0, 0, .3),
	0 0 40px rgba(0, 0, 0, .1) inset;
}

.flex .entry-title {
	text-align: center;
	border: 1px solid #ccc;
	margin-bottom: 24px;
	background: #fff;
}

.flex .entry-title a {
	margin: 24px 12px 24px 12px;
	padding: 0;
}

.flex .entry-thumbnail {
	margin: 0;
}

.flex .category-list {
	margin: 0 12px 24px 12px;
}

.main-wrapper,
.sg-site-header-1.no-image {
	margin: 0 auto !important;
}

.image-container {
	margin: 0 auto 0 auto;
}

.column  {
	display: -webkit-box;     
	display: -moz-box;      
	display: -ms-flexbox;    
	display: -webkit-flex;    
	display: flex;  
}

.sidebar-1,
.sidebar-2 {
	padding-top: 0 !important;
	-webkit-flex-basis: 300px;
	flex-basis: 300px;
}


.site .column .widget,
.site-content {
	box-shadow:
	0 1px 4px rgba(0, 0, 0, .3),
	-23px 0 20px -23px rgba(0, 0, 0, .8),
	23px 0 20px -23px rgba(0, 0, 0, .8),
	0 0 40px rgba(0, 0, 0, .1) inset;
}


/* Widgets */
.widget:before {
	background: url(img/wbackground.jpg) repeat 0 0;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0;
	-webkit-transition: all 0.5s ease-out;
   	transition: all 0.5s ease-out;
	z-index: -1;
}


.column .wp-block-heading,
.widget .widgettitle,
.column .widget .widget-title {
	margin: 0;
	padding-right: 12px;
	padding-left: 12px;
	text-align: center;
}

/* Widget Icons */
.site .column .widget .widget-icon {
	background: transparent;
	color: rgba( 255, 255, 255, 0.7 );
	text-align: center;
	position: absolute;
	z-index: -1;
	padding: 0;
}

.widget-icon.outside {
	color: rgba( 255, 255, 255, 0.7 );
	padding: 0 0 24px 0;
	text-align: center;
	z-index: 1;
}

.entry-thumbnail .widget-icon.center,
.widget-area .widget .widget-icon.center {
	top: 40%;
	right: 33%;
	text-align: center;
}

.entry-thumbnail  .widget-icon.right-top,
.widget-area .widget .widget-icon.right-top {
	top: 60px;
	right: 12px;
	text-align: right;
}

.widget-area .widget .widget-icon.right-center {
	top: 40%;
	right: 12px;
	text-align: right;
}

.widget-area .widget .widget-icon.right-bottom {
	bottom: 12px;
	right: 12px; 
	text-align: right;
}

/* jump */
@keyframes rotate1 { 
	0% { transform: scale(1, 1); }
	25% { transform: scale(1.2, 1.2);}
	45% { transform: scale(1, 1);}
	75% { transform: scale(1.1, 1.1);}
	100% { transform: scale(1, 1);}
}
@-webkit-keyframes rotate1 { 
	0% { transform: scale(1, 1); }
	25% { transform: scale(1.2, 1.2);}
	45% { transform: scale(1, 1);}
	75% { transform: scale(1.1, 1.1);}
	100% { transform: scale(1, 1);}
}

/* rotate icon */
@keyframes rotateY1 { 
	0% { transform: scale(1, 1) rotateY(0); }
	25% { transform: scale(1.2, 1.2) rotateY(30deg);}
	45% { transform: scale(1, 1) rotateY(100deg);}
	75% { transform: scale(1.1, 1.1) rotateY(280deg);}
	100% { transform: scale(1, 1) rotateY(360deg);}
}
@-webkit-keyframes rotateY1 { 
	0% { transform: scale(1, 1) rotateY(0); }
	25% { transform: scale(1.2, 1.2) rotateY(30deg);}
	45% { transform: scale(1, 1) rotateY(100deg);}
	75% { transform: scale(1.1, 1.1) rotateY(280deg);}
	100% { transform: scale(1, 1) rotateY(360deg);}
}

/* rotate icon */
@keyframes rotateX1 { 
	0% { transform: scale(1, 1) rotateX(0); }
	25% { transform: scale(1.2, 1.2) rotateX(30deg);}
	45% { transform: scale(1, 1) rotateX(100deg);}
	75% { transform: scale(1.1, 1.1) rotateX(280deg);}
	100% { transform: scale(1, 1) rotateX(360deg);}
}
@-webkit-keyframes rotateX1 { 
	0% { transform: scale(1, 1) rotateX(0); }
	25% { transform: scale(1.2, 1.2) rotateX(30deg);}
	45% { transform: scale(1, 1) rotateX(100deg);}
	75% { transform: scale(1.1, 1.1) rotateX(280deg);}
	100% { transform: scale(1, 1) rotateX(360deg);}
}

/* rotate icon */
@keyframes rotateZ1 { 
	0% { transform: scale(1, 1) rotateZ(0); }
	25% { transform: scale(1.2, 1.2) rotateZ(30deg);}
	45% { transform: scale(1, 1) rotateZ(100deg);}
	75% { transform: scale(1.1, 1.1) rotateZ(280deg);}
	100% { transform: scale(1, 1) rotateZ(360deg);}
}
@-webkit-keyframes rotateZ1 { 
	0% { transform: scale(1, 1) rotateZ(0); }
	25% { transform: scale(1.2, 1.2) rotateZ(30deg);}
	45% { transform: scale(1, 1) rotateZ(100deg);}
	75% { transform: scale(1.1, 1.1) rotateZ(280deg);}
	100% { transform: scale(1, 1) rotateZ(360deg);}
}

/* zoom */
@-webkit-keyframes zoom1 { 
	0% { transform: scale(1, 1); }
	25% { transform: scale(1.2, 1.2);}
	45% { transform: scale(1, 1);}
	75% { transform: scale(1.1, 1.1);}
}

@-webkit-keyframes zoom1 { 
	0% { transform: scale(1, 1); }
	25% { transform: scale(1.2, 1.2);}
	45% { transform: scale(1, 1);}
	75% { transform: scale(1.1, 1.1);}
}

/* jump */
@-webkit-keyframes jump1 { 
	0% { transform: scale(1, 1) translate(0, 0); }
	25% { transform: scale(1.1, 1.1) translate(0, -16px); }
	35% { transform: scale(1.12, 1.12) translate(0, -20px); }
	45% { transform: scale(1.14, 1.14) translate(0, -24px); }
	55% { transform: scale(1.16, 1.16) translate(0, -26px); }
	59% { transform: scale(1.18, 1.18) translate(0, -30px); }
	62% { transform: scale(1.2, 1.2) translate(0, -32px); }	
	69% { transform: scale(1.18, 1.18) translate(0, -27px); }
	75% { transform: scale(1.15, 1.15) translate(0, -25px); }
	85% { transform: scale(1.1, 1.1) translate(0, -20px); }
	90% { transform: scale(1.04, 1.04) translate(0, -10px); }
	100% { transform: scale(1, 1) translate(0, 0); }
}

@-webkit-keyframes jump1 { 
	0% { transform: scale(1, 1) translate(0, 0); }
	25% { transform: scale(1.1, 1.1) translate(0, -16px); }
	35% { transform: scale(1.12, 1.12) translate(0, -20px); }
	45% { transform: scale(1.14, 1.14) translate(0, -24px); }
	55% { transform: scale(1.16, 1.16) translate(0, -26px); }
	59% { transform: scale(1.18, 1.18) translate(0, -30px); }
	62% { transform: scale(1.2, 1.2) translate(0, -32px); }	
	69% { transform: scale(1.18, 1.18) translate(0, -27px); }
	75% { transform: scale(1.15, 1.15) translate(0, -25px); }
	85% { transform: scale(1.1, 1.1) translate(0, -20px); }
	90% { transform: scale(1.04, 1.04) translate(0, -10px); }
	100% { transform: scale(1, 1) translate(0, 0); }
	
}/* side move */
@-webkit-keyframes side1 { 
	0% { transform: scale(1, 1) translate(0, 0); }
	25% { transform: scale(1.1, 1.1) translate(-16px, 0); }
	35% { transform: scale(1.12, 1.12) translate(-20px, 0); }
	45% { transform: scale(1.14, 1.14) translate(-24px, 0); }
	55% { transform: scale(1.16, 1.16) translate(-26px, 0); }
	59% { transform: scale(1.18, 1.18) translate(-30px, 0); }
	62% { transform: scale(1.18, 1.18) translate(-30px, 0); }	
	69% { transform: scale(1.18, 1.18) translate(-27px, 0); }
	75% { transform: scale(1.15, 1.15) translate(-25px, 0); }
	85% { transform: scale(1.1, 1.1) translate(-20px, 0); }
	90% { transform: scale(1.04, 1.04) translate-10px, 0); }
	100% { transform: scale(1, 1) translate(0, 0); }
}

@-webkit-keyframes side1 { 
	0% { transform: scale(1, 1) translate(0, 0); }
	25% { transform: scale(1.1, 1.1) translate(-16px, 0); }
	35% { transform: scale(1.12, 1.12) translate(-20px, 0); }
	45% { transform: scale(1.14, 1.14) translate(-24px, 0); }
	55% { transform: scale(1.16, 1.16) translate(-26px, 0); }
	59% { transform: scale(1.18, 1.18) translate(-30px, 0); }
	62% { transform: scale(1.18, 1.18) translate(-30px, 0); }	
	69% { transform: scale(1.18, 1.18) translate(-27px, 0); }
	75% { transform: scale(1.15, 1.15) translate(-25px, 0); }
	85% { transform: scale(1.1, 1.1) translate(-20px, 0); }
	90% { transform: scale(1.04, 1.04) translate-10px, 0); }
	100% { transform: scale(1, 1) translate(0, 0); }
}
	
.widget-icon.rotate-y {
	-webkit-animation: rotateY1 5s linear 0s infinite;
	animation: rotateY1 5s linear 0s infinite;
}

.widget-icon.rotate-x {
	-webkit-animation: rotateX1 5s linear 0s infinite;
	animation: rotateX1 5s linear 0s infinite;
}

.widget-icon.rotate-z {
	-webkit-animation: rotateZ1 5s linear 0s infinite;
	animation: rotateZ1 5s linear 0s infinite;
}

.widget-icon.zoom {
	-webkit-animation: zoom1 5s linear 0s infinite;
	animation: zoom1 5s linear 0s infinite;
}

.widget-icon.jump {
	-webkit-animation: jump1 3s linear 0s infinite;
	animation: jump1 3s linear 0s infinite;
}

.widget-icon.side-move {
	-webkit-animation: side1 3s linear 0s infinite;
	animation: side1 3s linear 0s infinite;
}

.flex .content-container:hover .category-list a,
.flex .content-container:hover .widget-icon,
.widget:hover .widget-icon {
		-webkit-animation: rotate1 0.5s linear 0s;
		animation: rotate1 0.5s linear 0s;
}

.flex .content-container:hover .widget-icon {
	color: rgba(0, 0, 0, 1);
}

#page .widget:hover .widget-icon  {
	-webkit-transition: all 1s ease-out;
	transition: all 1s ease-out;
	color: rgba( 255, 255, 255, 0.2 );

}

.flex .content-container:hover .entry-title a,
.widget:hover .widgettitle,
.widget:hover .widget-title {
	-webkit-animation: rotate1 0.5s linear 0s;
	animation: rotate1 0.5s linear 0s;
}

.sidebar-footer .widget:hover .widgettitle,
.sidebar-footer .widget:hover .widget-title {
	-webkit-animation: none;
	animation: none;
}

.widget:hover .widgettitle:after,
.widget:hover .widgettitle:before,
.widget:hover .widget-title:before,
.widget:hover .widget-title:after {
	content: none;
}
	
/* Header */
#page .image-text-wrap,
#page .image-text {	
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	 transform: translate(0, 0);
}

/* Widgets */
.site .column .widget > span,
.site .column .widget > ul,
.site .column .widget > div {
	background: rgba( 0, 0, 0, 0.4 );
	padding: 24px 12px;
	margin: 0;
}

.entry-thumbnail.coverback.empty {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center, center;
	padding: 20% 0;
}

.scrollup-cont {
	padding: 24px 0 34px 0;
	text-align: center;
	background-color:rgba(0,0,0,0.8);	
}

#page .scrollup-icon {
	margin: 0;
	padding: 0;
	background: none;
	position: static;
	color:rgba(183,183,183,0.8);
	font-size: 128px;
	cursor: pointer;
	display: inline-block;
}

#page .scrollup-icon:hover {
	color: rgba(255,255,255,0.8);
}

.scrollup:hover {
	-ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}

.color-0 #page .sidebar-1,
.color-2 #page .sidebar-1,
.color-0 #page .sidebar-2,
.color-2 #page .sidebar-2 {
	border: none;
}

.color-2 #page .widget,
.color-0 #page .widget {
	color: #fff;
}

.color-7 #page .flex .entry-header a,
.color-9 #page .flex .entry-header a {
	color: #000;
}

.color-2 #page .widget a,
.color-12 #page .widget a {
	color: #fff;
}

.color-4 #page .widgettitle,
.color-4 #page .wp-block-heading,
.color-4 #page .widget-title {
	border: none;
	background: #fff;
	color: #000;
}

.sidebar-1 .column,
.sidebar-2 .column {
	position: relative;
}

.sidebar-icon {
	color: rgba(255,255,255, 0.8);
	text-align: center;
	position: absolute;
	width: 100%;
	display: none;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}

.sidebar-1:hover .sidebar-icon,
.sidebar-2:hover .sidebar-icon {
	color: rgba(240, 255, 255, 0.8);
	-webkit-animation: none;
	animation: none;
}

#page .widget.widget_media_video  > div {
	padding: 0;
	min-width: 0;
}
#page .sidebar-1,
#page .sidebar-2 {
	min-width: 100%;
	padding: 0;
	border: none;
}

#page .column {
	padding: 24px 0;
}

@media screen and (min-width: 680px) {
	
	#page .sidebar-1,
	#page .sidebar-2 {
		min-width: 50%;
	}

	#page .column {
		padding: 24px;
	}
	
	.site .site-description h2 {
		font-size: 28px;
		margin-top: 12px;
	}
	
	#page .animate-on-load .image-text-wrap {
		right: 25%;
	}

	/* Blog Hover Effect */
	.flex-container .content-container .entry-summary,
	.flex-container .content-container .entry-content,
	.flex-container .content-container .entry-meta {
		margin: 0 12px 0 12px;
	}

	.site .flex-container .content-container .entry-summary,
	.site .flex-container .content-container .entry-content,
	.site .flex-container .content-container .entry-meta {
		-webkit-transition: all 1s ease-in-out 0s;
		transition: all 1s ease-in-out 0s;
	}

	.flex-container .content-container:hover .entry-summary,
	.flex-container .content-container:hover .entry-content,
	.flex-container .content-container:hover .entry-meta {
		opacity: 1;
		-webkit-transition: all 1s;
		transition: all 1s;
	}
	.header-effect-1 .site .image-text-wrap {	
		-ms-transform: translate(-100%, 0);
		-webkit-transform: translate(-100%, 0);
		 transform: translate(-100%, 0);
	}

	/* Menu */
	.site .horisontal-navigation > div > ul > li:hover:before {
		background-color: #fff;
	}

	/* Site Title */
	.site .site-title a:before {
		right: 50%;
	}

	.site .site-title a:after {
		left: 50%;
	}
	.site .site-title a:after, 
	.site .site-title a:before {
		background-color: white;
		top: -24px;
		-ms-transform: rotateX(0);
		-webkit-transform: rotateX(0);
		 transform: rotateX(0);
	}

	.site .site-title a:hover:after, 
	.site .site-title a:hover:before {
		background-color: red;
		top: -12px;	
	}

	/* Link */

	.site .post-date:after {
		width: 0;
	}
	.site .entry-title a:after {
		width: 1px;
	}
	.site .post-date:after,
	.site .entry-title a:hover:after {
		width: 4px;
	}	
		
	/* Header */
	.site .image-text-wrap:before {
		content: none;
	}

}
@media screen and (min-width: 1080px) {
	
	#page .sidebar-1,
	#page .sidebar-2 {
		min-width: 0;
	}
	
	#page .column {
		padding: 0;
	}
	
	#page .sidebar-1,
	#page .sidebar-2 {
		padding: 0 24px;
	}
	
	.widget:hover:before {
		opacity: 1;
	}
	
	.sidebar-icon {
		display: block;
	}
	
	.sidebar-icon {
		top: -120px;
	}

	.icon-top {
		font-size: 96px;
	}
	
	.flex-container .content-container .entry-summary,
	.flex-container .content-container .entry-content {
		padding-top: 24px;
		display: block;
	}
	/* effect 4 */
	.header-effect-4 .image-wrapper:before {
		-webkit-transition-delay: 2s !important;
		-moz-transition-delay: 2s !important;
		-o-transition-delay: 2s !important;
		transition-delay: 2s !important;
		-webkit-transition: all 1.3s ease-out;
		transition: all 1.3s ease-out;
	}
	.header-effect-4 .image-text {
		-webkit-transition-delay: 2s !important;
		-moz-transition-delay: 2s !important;
		-o-transition-delay: 2s !important;
		transition-delay: 2s !important;
		-webkit-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	.header-effect-4 .sidebar-header {
		-webkit-transition-delay: 1s;
		-moz-transition-delay: 1s;
		-o-transition-delay: 1s;
		transition-delay: 1s;
	}
	.header-effect-4 .site-description {
		-webkit-transition-delay: 0.5s;
		-moz-transition-delay: 0.5s;
		-o-transition-delay: 0.5s;
		transition-delay: 0.5s;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	.header-effect-4 .site-description:before {
		-webkit-transition: all 2s ease-out;
		transition: all 2s ease-out;
	}
	.header-effect-4 .image-text {	
		-ms-transform: translate(-100%, 0);
		-webkit-transform: translate(-100%, 0);
		 transform: translate(-100%, 0);
	}

	.animate-on-load.header-effect-4 .image-text {	
		-ms-transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		 transform: translate(-50%, 0);
	}
	.animate-on-load.header-effect-4 .site-description,
	.animate-on-load.header-effect-4 .sidebar-header {
		 opacity: 0;
	}
	.header-effect-4 .site-description:before,
	.header-effect-4 .image-wrapper:before {
		background: inherit;
		content: '';
		position: absolute;
		height: 100%;
		width: 0;
		right: 0;
		top: 0;
	}
	.hesader-effect-4 .site-description:before,
	.header-effect-4 .image-wrapper:before {
		background: rgba(0,0,0,0);
	}
	.header-effect-4 .image-wrapper:before {
		height: 100%;		
		width: 100%;
		top: 0;
	}
	.animate-on-load.header-effect-4 .site-description:before,
	.animate-on-load.header-effect-4 .image-wrapper:before {	
		background: inherit;
		height: 100%;
		width: 100%;
		left: 0;
		right: 0;
	}
	.animate-on-load.header-effect-4 .image-wrapper:before {
		background: rgba(0,0,0,0.9) !important;
	}

	.animate-on-load.header-effect-4 .site-title,
	.animate-on-load.header-effect-4 .site-description,
	.animate-on-load.header-effect-4 .sidebar-header {
		 opacity: 0;
	}
	.header-effect-4 .site-title,
	.header-effect-4 .site-description {
		position: relative;
	}
	.header-effect-4 .site-title:before,
	.header-effect-4 .site-description:before {
		background: inherit;
		content: '';
		position: absolute;
		height: 100%;
		width: 0;
		right: 0;
		top: 0;
		z-index: 3;
	}
	.animate-on-load.header-effect-4 .site-title:before,
	.animate-on-load.header-effect-4 .site-description:before {	
		background: inherit;
		height: 100%;
		width: 100%;
		left: 0;
		right: 0;
	}
	.animate-on-load.header-effect-1 .site .image-text-wrap {	
		-ms-transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		 transform: translate(-50%, 0);
	}
}

.widget.widget_media_image {
	text-align: center;
}
.widget.widget_media_image img {
	display: inline-block;
}

#page .sidebar-footer-content {
	margin: 0 auto;
}

.site .image-container a img {
	display: none;
}

.site .image-container,
.site .sg-site-header-1.no-image,
.site .site-content {
	max-width: 100%;
	min-width: 100%;
}

.widget .fa {
	display: none;
}

@media screen and (min-width: 580px) {
	
	.flex .entry-title a {
		font-size: 24px;
	}
	
	#page .site-title a {
		font-size: 28px;
	}	
	.content {
		padding: 12px;
	}
	
	.flex .entry-title a {
		font-size: 16px;
	}
	
	.flex-container .content-container .post-date a {
		font-size: 12px;
	}
	
	#page .content-container {
		-webkit-transition: all 0.5s ease-in-out 0s;
		transition: all 0.5s ease-in-out 0s;		
	}
	#page .content-container:hover .entry-content,
	#page .content-container:hover .entry-summary {
		-webkit-transition: all 0.8s ease-in-out 0s;
		transition: all 0.8s ease-in-out 0s;
	}
	#page .flex .content-container:hover .entry-content a,
	#page .flex .content-container:hover .entry-summary a {
		color: #fff;
	}
	#page .flex .content-container:hover .read-more a {
		color: #fff;
		border-color: #fff;
	}
	.flex-container .content-container .post-date a {
		font-size: 16px;
	}	
	.widget .fa {
		font-size: 64px;
	}
}


@media screen and (min-width: 1080px) {
	#page .image-text-wrap {	
		right: 13%;
		width: 74%;
	}
	.image-container {
		margin-top: 48px;
	}
	.site .image-container a img {
		display: block;
	}
	#page .site-title a {
		font-size: 28px;
	}	
	.content {
		padding: 12px;
	}
	.site .image-container,
	.site .sg-site-header-1.no-image,
	.site .site-content {
		max-width: 620px;
		min-width: 620px;
	}

	.flex .entry-title a {
		font-size: 16px;
	}
	
	.flex-container .content-container .post-date a {
		font-size: 12px;
	}	
	.widget .fa {
		font-size: 48px;
		display: block;
	}
}

@media screen and (min-width: 1160px) {
	
	.sidebar-icon {
		top: -128px;
	}

	.icon-top {
		font-size: 104px;
	}
	
	#page .archive-header {
		padding: 48px 24px 0 48px;
	}
	
	#page .site-title a {
		font-size: 36px;
	}	
	.content {
		padding: 24px;
	}
	.site .image-container,
	.site .sg-site-header-1.no-image,
	.site .site-content {
		max-width: 760px;
		min-width: 760px;
	}
	
	#page .flex-container .content-container .entry-summary,
	#page .flex-container .content-container .entry-content {
		display: block;
	}
	
	.flex .entry-title a {
		font-size: 22px;
	}

	.flex-container .content-container .post-date a {
		font-size: 14px;
	}	
	.widget .fa {
		font-size: 48px;
	}
}

@media screen and (min-width: 1300px) {
	.sidebar-icon {
		top: -140px;
	}

	.icon-top {
		font-size: 116px;
	}
	
	#page .site-title a {
		font-size: 42px;
	}
	
	.widget-icon.outside,
	.column .widget-area .widget-wrap,
	.column .widget-area .widget,
	.column .widget-area .widcget img,
	.column .widget-area {
		max-width: 300px;
	}
	
	#page .sidebar-footer-content,
	#page .horisontal-navigation,
	#page .main-wrapper {
		max-width: 1500px;
	}
	
	.site .image-container,
	.site .sg-site-header-1.no-image,
	.site .site-content {
		max-width: 860px;
		min-width: 860px;
	}
	
	.flex .entry-title a {
		font-size: 24px;
	}
	
	#page .flex .entry-content,
	#page .flex .entry-summary {
		display: block;
	}
	
	#page .content-container {
		-webkit-transition: all 0.5s ease-in-out 0s;
		transition: all 0.5s ease-in-out 0s;		
	}
	#page .flex .content-container:hover .entry-content,
	#page .flex .content-container:hover .entry-summary {
		color: #fff;
		-webkit-transition: all 0.8s ease-in-out 0s;
		transition: all 0.8s ease-in-out 0s;
	}
	#page .flex .content-container:hover .read-more a {
		color: #fff;
		border-color: #fff;
	}
	.flex-container .content-container .post-date a {
		font-size: 16px;
	}	
	.widget .fa {
		font-size: 64px;
	}
}

@media screen and (min-width: 1500px) {
	.content {
		padding: 48px;
	}	
	#page .site-title a {
		font-size: 48px;
	}	
	.widget-icon.outside,
	.column .widget-area .widget-wrap,
	.column .widget-area .widget,
	.column .widget-area .widcget img,
	.column .widget-area {
		max-width: 300px;
	}
	
	#page .sidebar-footer-content,
	#page .horisontal-navigation,
	#page .main-wrapper {
		max-width: 1600px;
	}
	
	.site .image-container,
	.site .sg-site-header-1.no-image,
	.site .site-content {
		max-width: 960px;
		min-width: 960px;
	}

	.flex .entry-title a {
		font-size: 28px;
	}
	
	.flex-container .content-container .post-date a {
		font-size: 18px;
	}
	
	.widget .fa {
		font-size: 84px;
	}
}