@import "sections/default.css";
@import "sections/screen.css";
@import "sections/about.css";
@import "sections/flex-columns.css";
@import "sections/team.css";
@import "sections/stages.css";
@import "sections/contact.css";
@import "sections/ajax.css";
@import "sections/projects-list.css";
@import "sections/single-project.css";




/********************************/
/* PAGE SECTIONS
/********************************/


.page-section {
	position: relative;
}



/* Sections layout */
.flex-section {
	display: flex;
	flex-direction: column;
}
.flex-section.flex-25vh 	{ min-height: 25vh; }
.flex-section.flex-50vh 	{ min-height: 50vh; }
.flex-section.flex-75vh 	{ min-height: 75vh; }
.flex-section.flex-100vh 	{ min-height: 100vh; }

.flex-section.flex-top		{ justify-content: top; }
.flex-section.flex-center	{ justify-content: center; }
.flex-section.flex-bottom	{ justify-content: bottom; }



.page-section.minheight-25vh 		{ min-height: 25vh; }
.page-section.minheight-50vh 		{ min-height: 50vh; }
.page-section.minheight-75vh 		{ min-height: 75vh; }
.page-section.minheight-100vh 		{ min-height: 100vh; }
.page-section > .minheight-25vh 	{ min-height: 25vh; }
.page-section > .minheight-50vh 	{ min-height: 50vh; }
.page-section > .minheight-75vh 	{ min-height: 75vh; }
.page-section > .minheight-100vh 	{ min-height: 100vh; }

.page-section.px-margin 		{ margin: 1px auto; }
.page-section.smallest-margin 	{ margin: 5px auto; }
.page-section.smaller-margin 	{ margin: 10px auto; }
.page-section.small-margin 		{ margin: 20px auto; }
.page-section.medium-margin		{ margin: 30px auto; }
.page-section.big-margin 		{ margin: 45px auto; }
.page-section.bigger-margin 	{ margin: 60px auto; }
.page-section.biggest-margin 	{ margin: 90px auto; }

.page-section.px-padding 		{ padding-top: 1px;  padding-bottom: 1px;}
.page-section.smallest-padding 	{ padding-top: 5px;  padding-bottom: 5px;}
.page-section.smaller-padding 	{ padding-top: 10px; padding-bottom: 10px;}
.page-section.small-padding 	{ padding-top: 20px; padding-bottom: 20px;}
.page-section.medium-padding	{ padding-top: 30px; padding-bottom: 30px;}
.page-section.big-padding 		{ padding-top: 45px; padding-bottom: 45px;}
.page-section.bigger-padding 	{ padding-top: 60px; padding-bottom: 60px;}
.page-section.biggest-padding 	{ padding-top: 90px; padding-bottom: 90px;}
/***/





/* Section themes */
.white-section 	{ background-color: #ffffff; color: #393939; }
.light-section 	{ background-color: #efefef; color: #212121; }
.grey-section 	{ background-color: #d9d9d9; color: #262626; }
.dark-section 	{ background-color: #231f20; color: #fff; }
.black-section 	{ background-color: #010100; color: #e5e5e5; }
.cold-section 	{ background-color: #85c9f5; color: #000; }
.cool-section 	{ background-color: #b5c4ca; color: #000; }
.warm-section 	{ background-color: var(--warm-color); color: var(--white-color); }
.hot-section 	{ background-color: #f9ac7f; color: #000; }
.color-section 	{ background-color: var(--fancy-color); color: var(--white-color); }
.fancy-section	{ background-color: var(--fancy-color); color: var(--white-color); }

h1, 
h2, 
h3, 
h4, 
h5, 
.custom-color 					{ color: var(--fancy-color); }

.white-section .custom-color	{ }
.light-section .custom-color	{ }
.grey-section .custom-color		{ }

.dark-section h1, 
.dark-section h2, 
.dark-section h3, 
.dark-section h4, 
.dark-section h5, 
.dark-section .custom-color	{ color: inherit; }

.black-section h1, 
.black-section h2, 
.black-section h3, 
.black-section h4, 
.black-section h5, 
.black-section .custom-color	{ color: inherit; }

.cold-section h1, 
.cold-section h2, 
.cold-section h3, 
.cold-section h4, 
.cold-section h5, 
.cold-section .custom-color	{ color: inherit; }

.cool-section h1, 
.cool-section h2, 
.cool-section h3, 
.cool-section h4, 
.cool-section h5, 
.cool-section .custom-color	{ color: inherit; }

.warm-section h1, 
.warm-section h2, 
.warm-section h3, 
.warm-section h4, 
.warm-section h5, 
.warm-section .custom-color	{ color: inherit; }

.hot-section h1, 
.hot-section h2, 
.hot-section h3, 
.hot-section h4, 
.hot-section h5, 
.hot-section .custom-color	{ color: inherit; }

.color-section h1, 
.color-section h2, 
.color-section h3, 
.color-section h4, 
.color-section h5, 
.color-section .custom-color	{ color: inherit; }

.fancy-section h1, 
.fancy-section h2, 
.fancy-section h3, 
.fancy-section h4, 
.fancy-section h5, 
.fancy-section .custom-color	{ color: inherit; }
/***/







/* Section common content and elements */
.section-intro {
	max-width: 896px;
	margin: 0 auto 1em auto;
	font-size: min(1.3333em,27px);
}

.section-heading {
	margin-bottom: 1em;
}
.section-heading.inview-once {
	opacity: 0;
	-webkit-transform: translate3d(0,50px,0);
			transform: translate3d(0,50px,0);
	-webkit-transition: all 1s cubic-bezier(0.65, 0, 0.35, 1);
			transition: all 1s cubic-bezier(0.65, 0, 0.35, 1);	
}
.section-heading.wasinview {
	opacity: 1;
		-webkit-transform: none;
				transform: none;
}
.section-heading:before {
	content: '';
	display: inline-block;
    width: 80px;
    max-width: 100%;
    border: 2px solid;
}


.section-content {
	margin: 0.5em auto;
}
.section-content.inview-once {
	opacity: 0;
	-webkit-transform: translate3d(0,50px,0);
			transform: translate3d(0,50px,0);
	-webkit-transition: all 1s cubic-bezier(0.65, 0, 0.35, 1);
			transition: all 1s cubic-bezier(0.65, 0, 0.35, 1);	
}
.section-content.wasinview {
	opacity: 1;
		-webkit-transform: none;
				transform: none;
}
/***/





/********************************************************************************/