/*
Theme Name:   Fabriq
Theme URI:    
Description:  Fabriq child theme
Author:       Markku Louhio / Pyramind Creative
Author URI:   https://pyramind.fi
Template:     divi
Version:      1.0.0
Text Domain:  fabriqchild
*/


/* GLOBAL */
#wpadminbar {
	background: #3c3c3c;
}
body {
  background-color: #f1f3f6;
}
.et_pb_row {
	max-width: 1080px;
	max-width: 1080px !important;
}
.dipl-text-wrapper-inner.dipl_clipping_text {
	background-color: #2a2f31;
}
/* GLOBAL END */

/* HOME HERO VIDEO BG */
.mejs-container {
	background-color: transparent !important;
}
.home-video-bg-fill.et_pb_section, .video-solid-bg-black-inner {
	max-height: 80vh;
	min-height: 85vh;
	padding: 0 !important;
	border-radius: 0 0 3vw 3vw;
}
.home .home-hero.et_pb_section {
	border-radius: 0 0 0 0 !important;
  background-color: transparent !important;
}
.home .home-hero .et_pb_section_video_bg {
	border-radius: 0 0 3vw 3vw;
}
/* HOME HERO VIDEO BG END */


/* MENU */

#top-menu-nav {
	width: 100%;
}

#main-header {
  background-color: #000;}

#top-menu {
	justify-content: space-between;
    display: flex;
    margin: auto;
}

#top-menu-nav a {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 1px;
	}
#et-top-navigation, .logo_container {
	text-align: left;
	}
.et_header_style_centered #top-menu>li>a
	{
	padding-bottom: 1em;
}
.et-fixed-header .logo_container {
	margin-top: 5px;
	margin-bottom: 0px;
}
	
  #top-menu > li > a, .sub-menu > li > a {
	color: #fff !important;
	} 
  .et-fixed-header #top-menu > li > a, .et-fixed-header .sub-menu > li > a {
	color: #fff !important;
	} 

  .et-fixed-header #top-menu li.menu-item.current-menu-item > a, .et-fixed-header #top-menu li.menu-item.current-menu-parent > a {
	color: #fff !important;
	} 
	
.et-fixed-header #top-menu > li > a {
	padding-bottom: 1em;
}

#top-menu {
	white-space: nowrap;
}

#top-menu li.current-menu-item > a, #top-menu li.current-menu-parent > a {
	font-weight: 900;
	}
.sub-menu li {
	display: block !important;
}

@media screen and (min-width: 981px) and (max-width: 1727px) {
	#top-menu-nav a {
	font-size: 1.05vw;
	}
}
.menu-item a {
	text-transform: uppercase;
}
@media screen and (min-width: 981px) {
#et-top-navigation {
	padding-right: 30%;
}
}

.page .entry-content {
	box-shadow: 0 -200px 0 #000;
}
.page-id-6 .entry-content {
	outline: 0px solid #fff;
}

/* HOME PAGE HEADER ANIM */
@media screen and (min-width: 981px) {
.home #page-container {
  margin-top: -86px !important;
}
.home .et_builder_inner_content.et_pb_gutters3 {
    margin-top: 192px !important;
  }
.home.et_header_style_centered #main-header .logo_container {
  height: 100px !important;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
	}
.home.et_header_style_centered #main-header.et-fixed-header .logo_container {
  height: 70px !important;
	margin-top: 5px !important;
	margin-bottom: 0px !important;
}
.home .logo_container img {
	margin-left: -3px;
	min-height: 100px;
}
.home .et-fixed-header .logo_container img {
	margin-left: -3px;
	min-height: 40px;
}
.safari .logo_container img {
	margin-left: -4px;
}
}
@media screen and (max-width: 980px) {
.home #page-container {
  padding-top: 62px !important;
}
}
/* HOME PAGE HEADER ANIM END */

/* HOME PAGE LOGO ANIMATION */
.home .logo_container { 

      transform-origin: 30% 20% !important;
    -webkit-transform-origin: 30% 20% !important;
  
	animation: zoomin 0.9s;
    -webkit-animation: zoomin 0.9s;
    -moz-animation: zoomin 0.9s;
    -ms-animation: zoomin 0.9s;
    
    transform: scale(0,0);    
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0); 
    -ms-transform: scale(0,0); 
  
  	opacity: 0;

    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;

    -webkit-animation-timing-function: ease-in-out; 
    animation-timing-function: ease-in-out; 
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    } 
    
@-webkit-keyframes zoomin {
	100% {
		-webkit-transform: scale(1,1);
		opacity: 1;
		}
	}
@keyframes zoomin {
	100% {
	transform: scale(1,1);
	-moz-transform: scale(1,1); 
	-ms-transform: scale(1,1); 
    opacity: 1;
		}
	}
/* IPAD LOGO ANIM FIX */
@media screen and (min-width: 1024px) and (max-width: 1024px) {
.home .logo_container { 
	-webkit-transform: scale(1,1); 
	opacity: 1;
}
.home .logo_container img { 
	-webkit-animation-name: fadeIn; 
	-webkit-animation-duration: .4s; 
	-webkit-animation-delay: 0; 
	-webkit-animation-timing-function: ease-in-out; 
	-webkit-animation-iteration-count: 1;
	animation-name: fadeIn; 
	animation-duration: .4s; 
	animation-delay: 0; 
	animation-timing-function: ease-in-out; 
	animation-iteration-count: 1; 
    }
}
/* IPAD LOGO ANIM FIX END */

/* HOME PAGE LOGO ANIMATION END */

/* MENU END */


/* MOBILE MENU */

.sfm-navicon-button {
	top: 0 !important;
	margin-top: 4px;
    margin-right: 10px;
}
.sfm-navicon:before {
	width: 44%;
}
.sfm-sidebar-close {
	float: right;
	margin-right: 10px;
	z-index: 9999999999;
}
.sfm-sidebar-close {
		display: block !important;
}
.sfm-view.sfm-view-level-custom {
	display: none !important;
}
@media screen and (min-width: 981px) {
.sfm-rollback, #sfm-sidebar, #sfm-overlay-wrapper {
	display: none !important;
}
}
#sfm-sidebar .sfm-menu li a {
	text-transform: uppercase !important; 
    letter-spacing: 1px !important;
    font-size: 16px !important;
    color: #fff !important;
	padding: 20px 0 !important;
}
.sfm-menu-level-0 {
	margin-left: 40px !important;
}

.sfm-active-class a, .single-post .sfm-menu-item-1141833 a {
	font-weight: bold !important;
}

/* MOBILE MENU END */


/* DESKTOP */

.home-hero h1 {
	font-size: 130px;
	margin-left: -5px;
}

h3, .et_pb_column_1_3 h3 {
	font-weight: 800;
    font-size: 52px;
    line-height: 1.2em;
}

.palvelut-links-big-text a {
	color: #3b4856;
	transition: all 0.3s;
}

.palvelut-links-big-text a:hover {
	color: #fff;
	background-color: #3b4856;
}

@media screen and (min-width: 981px) {
.single-post h1 {
	font-size: 100px;
	margin-left: -4px;
	margin-top: 40px;
}	
.single-post.et_full_width_page #left-area h1 {
	font-size: 64px;
	line-height: 1.05em;
}
p {
	font-size: 24px;
	line-height: 1.8em;
}	
.big-text p {
	font-size: 41px;
	line-height: 1.4em;
}
.palvelut-links-big-text.big-text.four-col p {
	font-size: 30px;
}
.palvelut-links-big-text p {
	line-height: 1.8em;
}
.palvelut-row p {
	line-height: 1.6em;	
}
.palvelut-sivu-section-header h2, .palvelut-sivu-section-header h3 {
	font-size: 65px !important;
	margin-top: 5vh;
}
.palvelut-sivu-section-header .big-text p {
	font-size: 30px !important;
}
.palvelut-sivu-split h2, .palvelut-sivu-split h3 {
	font-size: 60px !important;
	line-height: 1em;
}
.palvelut-sivu-split p, .palvelut-sivu-section-header-below p {
	line-height: 1.6em;
}
.palvelut-sivu-split .et_pb_row, .palvelut-sivu-section-header-below .et_pb_row {
	padding-bottom: 0 !important;
}
p.pp-author-boxes-description.author-description-0 {
	font-size: 16px !important;
}
}
@media screen and (min-width: 981px) and (max-width: 1279px) {
.single-post h1 {
	font-size: 80px;
	margin-left: -4px;
	margin-top: 40px;
	hyphens: manual;
}	
.single-post.et_full_width_page #left-area h1 {
	font-size: 64px;
}
}

.palvelut-sivu-heading-tags p {
	margin-bottom: 0px;
}
.palvelut-sivu-section-header {
	max-height: 100% !important;
	margin-top: 0 !important;
}
.palvelut-sivu-section-header .et_pb_row {
	padding-bottom: 0 !important;
}
.palvelut-sivu-split h3, .palvelut-sivu-section-header-below h3, .palvelut-sivu-bullets.full-width-text h3 {
	font-weight: 500 !important;
	margin-bottom: 10px !important;
}
.palvelut-sivu-section-header-below h3 {
	max-width: 900px;
}

.single-post h3 {
	font-weight: 300;
}	
/* DESKTOP END */


/* ETUSIVU ESITTELY */

.dipl-text-wrapper-inner.dipl_clipping_text p {
  display: none !important;
}

/* ETUSIVU ESITTELY END */


/* ETUSIVU PALVELUT */

@media screen and (min-width: 981px) {
.palvelut-row {
  width: 100vw;
  max-width: 100vw !important;
  display: flex;
  justify-content: center;
}

.palvelut-col-first {
	width: 42vw !important;
  margin: 0 !important;
  margin-left: 10vw !important;
}

.palvelut-col-p {
  width: 36vw !important;
  margin: 0 !important;
}

.et_pb_row .palvelut-col-last.et_pb_column.et-last-child {
  width: 2vw !important;
  margin: 0 !important;
 margin-right: 10vw !important;
}
}

@media screen and (min-width: 1620px) {
.palvelut-col-first {
width: 650px !important;
margin-left: 0 !important;
}
.palvelut-col-p {
width: 520px !important;
}
.et_pb_row .palvelut-col-last.et_pb_column.et-last-child {
width: 130px !important;
 margin-right: 0 !important;
}
}

.etusivu-palvelut {
  z-index: 9;
  margin-top: -1px;
}

.et_pb_section_video_on_hover, .et_pb_section_video_on_hover:hover, .et_pb_background_pattern, .et_pb_background_pattern:hover {
  transition: all 500ms ease !important;
}

@media screen and (max-width: 980px) {
  .palvelut-row h2 {
    font-size: 50px !important;
  }
}


.etusivu-data-iq-video-bg .mejs-container {
  background: transparent;
}

/* ETUSIVU PALVELUT END */


/* SPLIT SECTION */

@media screen and (min-width: 981px) and (max-width: 1400px) {
.section-right-3 .et_pb_column_1_3 {
	padding-right: 0;}
}

.img-split-section .et_pb_column_1_2, .img-split-section  .et_pb_column_2_3 {
	margin-right: 0 !important;
}

.img-div-right-half, .img-div-right-3 {
	min-height: 100vh;
}

@media screen and (max-width: 767px) {
.img-div-right-half, .img-div-right-3 {
	width: 100vw;
	min-height: 50vh;
}
	.img-split-section .et_pb_column.et-last-child {
		padding-bottom: 0 !important;
	}
	.img-split-section .et_pb_row {
		height: auto !important;
	}
}

@media screen and (min-width: 768px) {
.img-split-section .et_pb_column_1_2 {
	width: 50% !important;
	}
.img-div-right-half {
	width: 50vw;
}
.module-img-div-right-half {
	position: absolute !important;
	top: 0;
	bottom: 0;
}
}

@media screen and (min-width: 981px) {
.img-split-section .et_pb_row {
	width: 80%;
}
}

@media screen and (min-width: 768px) and (max-width: 980px) {
	.col-left-1-3 {
		padding-right: 5% !important;
	}
.img-div-right-3 {
width: 50vw;
min-height: 100vh;
}
.img-split-section .et_pb_row {
	overflow: hidden;
}
}
.img-split-section .et-last-child {
	padding-bottom: 0 !important;
	position: initial;
}

/* SPLIT SECTION END */ 


/* VIDEO ELEMENTS */

@media screen and (max-width: 980px) {
  .etusivu-data-iq-video-bg .mejs-mediaelement {
    text-align: center;
  }
}

.etusivu-data-iq-video-bg .mejs-mediaelement video {
  max-width: 80vw !important;
}
.mejs-controls {
	display: none !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
}
.mejs-button.mejs-playpause-button.mejs-pause, .mejs-button, .mejs-time, .mejs-time-rail {
	display: none !important;
	opacity: 0 !important;
	font-size: 0 !important;
}

/* VIDEO ELEMENTS END */


/* SVG */

.svg-iq {
	max-width: 90vw;
}

.svg-delay-code {
	position: absolute !important;
    margin-top: -310px !important;
    margin-left: 470px;
    opacity: 0.8;
    z-index: -1;
}

.svg-delay {
	width: 580px;
	height: 181px;
}

.svg-anim-code {
	margin-top: 100px !important;
	margin-top: 80px;
}

@media screen and (min-width: 1310px) {
.svg-iq {
	width: 520px;
}
}
/* SVG END */


/* HERO */

.home-hero h1, .home-hero h4 {
  text-shadow: rgba(17,34,55,0.5) 0px 0 40px;
}
.home-hero {
	background: #000 !important;
	min-height: 85vh;
}
.subpage-hero {
	min-height: 50vh;
	margin-top: -1px;
}
.subpage-hero .et_pb_row {
	padding-bottom: 0 !important;
}
.one-row-hero .subpage-hero-heading {
  padding-top: 13vh;
  margin-bottom: 20px !important;
}
/* HOME HERO TYPE ANIM ADJUST */
@media screen and (max-width: 500px) {
	.home-hero-heading {
		max-width: 320px;
	}
}
@media screen and (min-width: 501px) {
	.home-hero-heading {
		max-width: 500px;
	}
}
@media screen and (min-width: 768px) {
	.home-hero-heading {
		max-width: 700px;
	}
}
@media screen and (min-width: 981px) {
	.home-hero-heading {
		max-width: 790px;
	}
}
@media screen and (min-width: 1310px) {
	.home-hero-heading {
		max-width: 790px;
	}
	.subpage-hero-heading {
		max-width: 100%;
	}
}
@media screen and (min-width: 1880px) {
	.home-hero-heading {
		max-width: 790px;
	}
}
/* HOME HERO TYPE ANIM ADJUST END */
/* HERO END */


/* DESKTOP FONTS */

@media screen and (min-width: 981px) {
h2 {
	font-size: 80px;
}
.single-post #left-area p {
	line-height: 1.65em;
	}
}
h2 {
	font-weight: 300;
	padding-bottom: 0 !important;
	margin-bottom: 42px !important;
}
.single-post #left-area h2, .archive.author h2, .archive.category h2 {
	font-size: 48px;
	margin-top: 30px;
	line-height: 1.2em;
}
.single-post #left-area h3 {
	font-size: 40px;
	font-weight: 800;
	margin-top: 30px;
	line-height: 1.3em;
	margin-bottom: 42px !important;
	background: -webkit-linear-gradient(45deg, #005f7e, #ff6000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	
}
.single-post #left-area p {
	font-weight: 300;
	color: #2a2f31;
	}
.single-post #left-area a {
	font-weight: 500;
	color: #de5400;
	}
.single-post #left-area .author a, .single-post #left-area .author {
	color: #2a2f31;
	}
.dipl-text-wrapper-inner.dipl_clipping_text {
	margin-bottom: 42px !important;
	padding-bottom: 10px !important;
}
.home-section-1 .et_pb_row, .subpage-section-1 .et_pb_row {
	padding-bottom: 0 !important;
}
.subpage-section-1-heading-only .et_pb_row {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}
.subpage-section-1-heading-only .dipl-text-wrapper-inner.dipl_clipping_text {
	margin-bottom: 0px !important;
}
.home-cta-h h2 {
	margin-bottom: 0px !important;
}
p {
	margin-top: 0 !important
}
/* TEAM MEMBERS */
.et_pb_team_member_description h4 {
	font-size: 21px;
	padding-bottom: 6px;
}
p.et_pb_member_position {
	font-size: 14px !important;
	text-transform: uppercase;
	color: #666;
	font-weight: 500;
}
.et_pb_team_member_image {
	max-width: 100%;
}
@media screen and (min-width: 501px) and (max-width: 980px) {
	.team-grid-row .et_pb_column {
		width: 32%;
		margin-right: 2%;
	}
	.team-grid-row .et_pb_column.et-last-child {
		margin-right: 0 !important;
	}
.et_pb_team_member_image {
	margin-right: 0 !important;
}
.et_pb_team_member_description h4 {
	font-size: 16px;
}
p.et_pb_member_position {
	font-size: 11px !important;
}
.contact-puh, .contact-sposti {
	font-size: 11px !important;
}
}

/* TEAM MEMBERS END */


/* DATA IQ TABLE */

@media screen and (min-width: 981px) {
.data-iq-table-heading {
	min-height: 150px;
}
}
.data-iq-table p {
	font-size: 20px !important;
	line-height: 1.1em !important;
	text-align: left;
	font-weight: 500;
}
.data-iq-table-text {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 10px 10px 10px 10px;
	margin-bottom: 10px !important;
}
.data-iq-table .et_pb_column {
	padding-bottom: 70px;
}
.data-iq-table.et_pb_row {
	padding-bottom: 0;
	border-radius: 2vw 2vw 2vw 2vw;
}
.data-iq-table-last-item-empty {
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* DATA IQ TABLE END */
/* DESKTOP FONTS END */


/* DESKTOP LAYOUT */

#page-container {
	padding-top: 86px !important;
	margin-top: -1px !important;
}
.et_header_style_centered #main-header .logo_container {
	height: 70px;
	margin-top: 5px;
	margin-bottom: 0px;
}

@media screen and (min-width: 1400px) {
.subpage-hero.subpage-first .et_parallax_bg, .subpage-hero.subpage-parallax-enabled .et_parallax_bg, .home-footer-cta .et_parallax_bg, .data-iq-page-parallax .et_parallax_bg, .palvelut-sivu-section-header .et_parallax_bg {
	background-attachment: fixed !important;
}
}

@media screen and (min-width: 981px) {
.logo_container img {
	margin-left: -3px;
	min-height: 40px;
}
.et-fixed-header .logo_container img {
	min-height: 40px;
}
.safari .logo_container img {
	margin-left: -4px;
}
.home .home-hero-heading .et_pb_text_inner {
	min-height: 306px;
}
.et_pb_row, .et_pb_column {
	padding-top: 0 !important;
}
.et_pb_section.img-split-section {
	padding-bottom: 0px !important;
}
.home-hero.et_pb_section {
	padding-top: 15vh !important;
	padding-bottom: 15vh !important;
}
.et_pb_section {
	padding-top: 10vh !important;
	padding-bottom: 10vh !important;
}
.home-section-1 {
	padding-top: 10vh !important;
}
.subpage-section-1 {
	padding-top: 10vh !important;
	padding-bottom: 10vh !important;
}
.etusivu-data-iq-video-bg {
	padding-top: 15vh !important;
}
.home-hero.subpage-hero.et_pb_section {
	padding-top: 10vh !important;
	padding-bottom: 15vh !important;
}
.etusivu-tiimi .et_pb_button, .etusivu-tiimi .et_pb_button_module_wrapper {
	margin-bottom: 0 !important;
}
.etusivu-tiimi .et_pb_row {
	padding-bottom: 0 !important;
}
.etusivu-palvelut-heading-row {
	margin-bottom: 0 !important;
	padding-bottom: 10vh !important;
}
.etusivu-data-iq-video-bg .et_pb_code {
	margin-bottom: 7vh !important;
}
.big-text {
	margin-bottom: 0 !important;
}
.etusivu-palvelut {
	padding-bottom: 0 !important;
}
.img-split-section {
	padding-top: 0 !important;
}
.footer-cta {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.img-split-section .col-left-half {
	padding-top: 12vh !important;
	margin-bottom: 12vh !important;
	padding-right: 5%;
}
.team-grid-row-3 {
	margin-top: 10vh;
}
/* PALVELUT SIVU LAYOUTS */
.home-hero.subpage-hero.palvelut-sivu-section-header.et_pb_section {
	padding-top: 6vh !important;
	padding-bottom: 8vh !important;
	min-height: 0;
}
.palvelut-sivu-section-header-below {
	padding-top: 6vh !important;
	padding-bottom: 6vh !important;
}
.palvelut-sivu-split .col-left-half {
	padding-top: 6vh !important;
	margin-bottom: 6vh !important;
}
.palvelut-sivu-split .module-img-div-right-half {
	max-width: 640px;
}
.palvelut-sivu-split p:last-child {
	padding-bottom: 0 !important;
}
.palvelut-sivu-bullets {
	padding-top: 8vh !important;
}
.et_pb_section.img-split-section.palvelut-sivu-split {
	margin-bottom: 12vh !important;
}
/* PALVELUT SIVU LAYOUTS END */
.img-split-section .et-last-child {
	padding-bottom: 0 !important;
}
.svg-anim-code {
	margin-top: 11vh !important;
}
.palvelut-row:last-child .palvelut-col-p {
	margin-bottom: 0 !important;
}
.palvelut-row {
	padding-top: 27px !important;
	padding-top: 27px !important;
}
}
@media screen and (min-width: 1200px) {
.home-hero.subpage-hero.palvelut-sivu-section-header.et_pb_section, .palvelut-sivu-section-header-below, .et_pb_section.img-split-section.palvelut-sivu-split {
	max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}
}
@media screen and (min-width: 1200px) {
.home-hero.subpage-hero.palvelut-sivu-section-header.et_pb_section .et_pb_row, .palvelut-sivu-section-header-below .et_pb_row, .et_pb_section.img-split-section.palvelut-sivu-split .et_pb_row {
width: 90%;
}
}
.et_pb_button {
	margin-top: 50px;
}
.home-hero .et_pb_button {
	margin-top: 30px;
}
.footer-cta .et_pb_button {
	margin-top: 35px;
}

/* DESKTOP LAYOUT END */


/* MOBILE STYLES */

.fancy-heading-intro h2 {
	line-height: 1.4em !important;
}

@media screen and (max-width: 980px) {

/* MOBILE HEADER L */

#main-header {
	position: fixed !important;
	top: 0 !important;
}	
#main-header, #main-header.et-fixed-header {
	max-height: 63px;
}
.logo_container {
	margin-top: 0 !important;
	margin-bottom: 0;
}	
#et-top-navigation {
	display: none;
}
.logo_container img {
	max-height: 24px !important;
	margin-left: -4px;
	margin-top: -3px;
}
.et-fixed-header .logo_container {
	margin-top: 0;
}
.et_header_style_centered header#main-header.et-fixed-header .logo_container, #main-header {
	height: auto;
	max-height: 63px;
}
.et_menu_container {
	width: 90%;
}

/* MOBILE HERO L */

.home-hero {
	padding-top: 10vh !important;
}
.home .home-hero-heading .et_pb_text_inner {
	min-height: 274px;
}
.subpage-hero-heading {
	min-height: 0px !important;
}
#et-main-area {
	top: 63px !important;
}
.subpage-hero {
	margin-top: -44px;
}


/* MOBILE FONTS L */

.home-hero h1 {
	font-size: 120px !important;
}
.single-post h1 {
	font-size: 60px;
	hyphens: manual;
}	
.single-post #left-area h1, .single-post #left-area h2 {
	line-height: 1.1em;
}	
h2 {
	font-size: 80px !important;
}
p {
	font-size: 20px;
	line-height: 1.6em;
}
.fancy-heading-intro h2 {
	font-size: 80px !important;
}
.fancy-heading-intro h2, .fancy-heading-intro .dipl-text-wrapper-inner {
	line-height: 1.4em !important;
	margin-bottom: 39px;
	margin-top: -15px;
}
.home-footer-cta h2 {
	font-size: 60px !important;
}
.et_pb_button {
	font-size: 16px !important;
}
.single-post h2, .archive.author h2, .archive.category h2 {
	font-size: 52px !important;
	margin-top: 40px;
}

/* MOBILE OTHER L */

.svg-iq-trigger {
	position: absolute;
	margin-top: -70px;
}
.et_pb_row {
width: 90%;
}
/* MOBILE LAYOUT L */
.et_pb_row, .et_pb_column {
	padding-top: 0 !important;
}
.et_pb_section.img-split-section {
	padding-bottom: 0px !important;
}
.et_pb_row:last-child, .et_pb_module:last-child {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.et_pb_section {
	padding-top: 80px !important;
	padding-bottom: 80px !important;
}
.home-hero {
	padding-top: 15vh !important;
}
.subpage-hero {
	padding-top: 15vh !important;
}
.palvelut-sivu-section-header.et_pb_section, .palvelut-sivu-section-header-below.et_pb_section, .palvelut-sivu-split.et_pb_section .col-left-half {
	padding-top: 60px !important;
	padding-bottom: 60px !important;	
	margin-bottom: 0 !important;
}
.subpage-section-1 {
	padding-top: 60px !important;
}
.img-split-section {
	padding-top: 0 !important;
}
.img-split-section .col-left-half {
	padding-top: 80px !important;
	margin-bottom: 0 !important;
	margin-bottom: 80px !important;
	padding-left: 5%;
	padding-right: 5%;
}
.img-split-section .et-last-child {
	padding-bottom: 0 !important;
}
.svg-anim-code {
	margin-top: 70px !important;
}
.palvelut-row:last-child .palvelut-col-p {
	margin-bottom: 0 !important;
}
.palvelut-row {
	padding-top: 50px !important;
}
.etusivu-palvelut-heading-row {
	padding-bottom: 70px !important;
}
.etusivu-data-iq-video-bg .et_pb_code {
	margin-bottom: 55px !important;
}
.palvelut-sivu-section-header h2, .palvelut-sivu-section-header h3 {
	margin-top: 1vh;
}
.palvelut-sivu-bullets {
	padding-bottom: 100px !important;
}
.et_pb_section.img-split-section.palvelut-sivu-split {
	margin-bottom: 80px !important;
}
.single-post #main-content .container {
	width: 90%;
}	
}



@media screen and (max-width: 767px) {
	
/* MOBILE HERO S */
.home .home-hero-heading .et_pb_text_inner {
	min-height: 187px;
}
.home-hero-heading.et_pb_module {
	padding-top: 10vh;
}
	
/* MOBILE FONTS S */
.home-hero h1 {
	font-size: 80px !important;
}
.single-post h1 {
	font-size: 50px;
}	
.fancy-heading-intro h2, .fancy-heading-intro .dipl-text-wrapper-inner {
	line-height: 0.7em !important;
}
.fancy-heading-intro h2, .palvelut-sivu-section-header h3, .palvelut-sivu-split h3, .archive.author h2, .archive.category h2  {
	font-size: 43px !important;
}
.home-hero h4 {
	font-size: 18px !important;
}
}

@media screen and (max-width: 500px) {

/* MOBILE HERO XS */
.one-row-hero .subpage-hero-heading {
	padding-top: 10vh;
}
.et_pb_section.subpage-hero {
	max-height: 60vh;
}
.et_pb_section.product-landing-hero {
	max-height: 100vh;
}

/* MOBILE FONTS XS */
.home-hero h1 {
	font-size: 55px !important;
}
h2 {
	font-size: 60px !important;
}
h3 {
	font-size: 42px !important;
}
.single-post #left-area h1, .single-post #left-area h2, .archive.author h2, .archive.category h2  {
	font-size: 40px !important;
}
.single-post #left-area h3 {
	font-size: 32px !important;
}
.home .home-hero-heading .et_pb_text_inner {
	min-height: 130px;
}
.home-hero h4 br {
	display: none;
}
.footer-cta h2 {
	line-height: 1.1em !important;
}
.single-post #left-area h1 {
	font-size: 40px;
}	
/* MOBILE OTHER XS */

.etusivu-data-iq-video-bg .mejs-mediaelement video, .etusivu-data-iq-video-bg .mejs-mediaelement, .etusivu-data-iq-video-bg .mejs-container, .etusivu-data-iq-video-bg .et_pb_section_video {
	height: auto !important;
}
.home-data-iq-video-inner {
	height: 22vh !important;
}
.etusivu-data-iq-video-bg .et_pb_code {
	margin-top: 12px;
	margin-bottom: 25px !important;
}
.footer-logo .et_pb_image {
	max-width: 50%;
}
}

/* MOBILE FONTS XXS */
@media screen and (max-width: 388px) {
.single-post #left-area h1 {
	font-size: 37px !important;
}
.single-post #left-area h2 {
	font-size: 37px !important;
}
}	
/* MOBILE STYLES END */


/* BUTTONS */

.et_pb_button, .et_pb_button:hover, .et_pb_module .et_pb_button:hover {
	padding-top: 16px;
    padding-right: 32px;
    padding-bottom: 16px;
    padding-left: 32px;
    }
.et_pb_button:hover, .et_pb_module .et_pb_button:hover {
	padding-top: 16px;
    padding-right: 50px;
    padding-bottom: 16px;
    padding-left: 32px;
    }
/* BUTTONS END */


/* YHTEYSTIEDOT */
.contact-puh {
  padding-top: 10px;
}
.contact-puh, .contact-sposti {
  font-size: 18px;
  font-weight: 300;
  padding-bottom: 0;
  line-height: 1.4em;
}
.contact-puh a, .contact-sposti a {
  color: #3b4856;
}
.contact-puh a:hover, .contact-sposti a:hover {
  font-weight: 500;
}
.yhteystiedot-johto-row h3 {
  font-size: 24px;
  font-weight: 500;

}
.yhteystiedot-johto-titles.et_pb_module {
  margin-bottom: 20px !important;
}
.yhteystiedot-johto-row {
  margin-top: 20px;
}
.yhteystiedot-yritys-row h3 {
	font-weight: 300;
  color: #333;
}
.yhteystiedot-yritys-row p {
  color: #333;
}
.yhteystiedot-yritys-row {
	margin-top: 100px;
}
@media screen and (min-width: 981px) {
.yhteystiedot-yritys-row h2 {
	font-size: 60px;
	}
	}
	
@media screen and (max-width: 500px) {
.yhteystiedot-johto-row .et_pb_column {
	margin-bottom: 50px;
}
}

/* YHTEYSTIEDOT END */


/* CTA */

.footer-cta .et_pb_row {
    padding-top: 15% !important;
    padding-right: 10% !important;
    padding-bottom: 15% !important;
    padding-left: 10% !important;
}

/* CTA END */


/* FOOTER */

.footer-mini-menu-item {
  font-size: 15px;
  text-transform: uppercase;
}
.f-footer p {
	font-size: 16px;
	color: #fff;
}
.f-footer a {
	font-size: 15px;
	font-weight: 500;
	color: #fff;
}
.f-footer h6 {
	color: #39b1b5 !important;
  text-transform: uppercase;
  font-weight: 700;
}
.et_pb_section.f-footer.et_section_regular {
	background: #191919;
}
.et_pb_section.f-footer.et_section_regular {
	background: #000 !important;
}
/* FOOTER END */


/* BORDER RADIUS */

.palvelut-sivu-section-header.et_pb_section {
	border-radius: 3vw 3vw 0 0;
}
.palvelut-sivu-split.et_pb_section {
	border-radius: 0 0 3vw 3vw;
}
/* BORDER RADIUS END */


/* PAGE WIDTH ADJUST - DESKTOP XL (1880) */

@media screen and (min-width: 981px) {
.et_menu_container {
max-width: 1300px !important;
}
.et_pb_row {
max-width: 1300px !important;
}
.palvelut-row {
width: 100vw;
max-width: 100vw !important;
}
.fancy-heading-intro {
	max-width: 1080px;
}
#rekry .fancy-heading-intro {
	max-width: 100%;
}
.home-hero.subpage-hero.palvelut-sivu-section-header.et_pb_section, .palvelut-sivu-section-header-below, .et_pb_section.img-split-section.palvelut-sivu-split {
	max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}
.home-hero.subpage-hero.palvelut-sivu-section-header.et_pb_section .et_pb_row, .palvelut-sivu-section-header-below .et_pb_row, .et_pb_section.img-split-section.palvelut-sivu-split .et_pb_row {
width: 90%;
}
.palvelut-sivu-split .module-img-div-right-half {
	max-width: 720px;
}
.etusivu-palvelut-heading-row .big-text {
	max-width: 1200px;
}
.svg-iq {
	width: 600px;
}
.blog-grid-section p, .blog-grid-section a {
	font-size: 20px !important;
}
.blog-grid-section h2 a {
	font-size: 30px !important;
	line-height: 1.3em;
}
}

/* PAGE WIDTH ADJUST - DESKTOP XL END */


/* COOKIE BOT */

#CookiebotWidget {
	display: none !important;
}

@media screen and (max-width: 600px) {
#CybotCookiebotDialog :focus-visible {
	outline: 0 !important;
}
#CybotCookiebotDialogBodyContent h2, #CybotCookiebotDialogBodyContentTitle {
	font-size: 16px !important;
	margin-bottom: 10px !important;
}
#CybotCookiebotDialogBodyContentText {
	display: none !important;
}
#CybotCookiebotDialog {
	bottom: 0 !important;
} 
#CybotCookiebotDialogHeader {
	display: none !important;
}
#CybotCookiebotDialogTabContent {
	max-height: 80px !important;
	margin-top: -20px !important;
}
.CybotCookiebotDialogBodyBottomWrapper {
	margin-top: -100px !important;
	display: none !important;
}

#CybotCookiebotDialogBodyContent {
	margin-top: 20px !important;
	padding-top: 5px !important;
}

#CybotCookiebotDialogFooter {
	margin-top: -25px !important;
}

#CybotCookiebotDialogNav, #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
	display: none !important;
}
#CybotCookiebotDialog {
    transform: translate(-50%, 90%) !important;
    max-height: 25vh !important;
    height: 25vh !important;
    top: auto !important;
}
#CybotCookiebotDialogFooter {
	padding-bottom: 0 !important;
}
}

#CybotCookiebotDialog {
    transform: translate(-50%, 0) !important;
	bottom: 0 !important;
} 
.CybotCookiebotDialogBodyButton {
	background-color: #2c3339 !important;
	border-color: #2c3339!important;
}
#CybotCookiebotDialog {
	background-color: #d6dde9 !important;
}
#CybotCookiebotDialogNav {
	display: none !important;
}

@media screen and (min-width: 601px) and (max-width: 1280px) {
#CybotCookiebotDialog {
	display: flex;
    height: auto;
    max-height: 30vh !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    padding: 24px;
    transition-property: transform, opacity, top;
    width: 100vw;
    top: 50% !important;
	transform: translate(-50%, -25%) !important;
	
	transform: translate(-50%, 80%) !important;
    bottom: 0 !important;
    }
#CybotCookiebotDialogHeader {
	display: none !important;
}
#CybotCookiebotDialogTabContent {
	margin-top: -30px !important;
}
#CybotCookiebotDialogBodyContent h2, #CybotCookiebotDialogBodyContentTitle {
	font-size: 16px !important;
	}
.CybotCookiebotFader.CybotCookiebotDialogActive {
	display: none !important;
}
.CybotCookiebotScrollContainer {
	position: absolute !important;
}
#CybotCookiebotDialogBodyContentText {
	display: none !important;
}
#CybotCookiebotDialogBodyEdgeMoreDetailsLink {
	display: none !important;
}
#CybotCookiebotDialogBodyButtonDecline, #CybotCookiebotDialogBodyButtonAccept {
	width: 25% !important;
}

#CybotCookiebotDialogBodyContentTitle {
	margin-bottom: 0 !important;
    margin-top: 8px !important;
}
}

/* BLOG */

.single-post #left-area .hentry img {
	border-radius: 10px;
}
#left-area .post-meta {
	font-size: 0 !important;
	line-height: 25px !important;
	padding-bottom: 20px !important;
}
#left-area .post-meta .author, #left-area .post-meta .published, #left-area .post-meta a, #left-area .post-meta .comments-number {
	font-size: 14px !important;
}
#left-area .post-meta .author:after, #left-area .post-meta .published:after, #left-area .post-meta a:after {
	content: '|';
	margin-left: 10px;
	margin-right: 10px;
	color: #2a2f31;
	}
#left-area .post-meta a:nth-child(1):after, #left-area .post-meta a:last-child:after {
	content: '';
	margin-left: 0;
	margin-right: 0;
	}
.single-post .container:before {
	display: none;
}
@media screen and (max-width: 980px) {
.single-post #page-container {
	padding-top: 62px !important;
}
}
@media screen and (min-width: 981px) {
.single-post #left-area, .single-post.et_full_width_page #left-area {
	width: 86% !important;
	padding-right: 5.5%;
}
}
@media screen and (min-width: 1880px) {
.single-post #left-area {
	width: 86%;
}
.single-post #main-content .container, .single-post.et_full_width_page #main-content .container {
	max-width: 1280px;
}
.single-post h1 {
	hyphens: none;
}	
}
.single-post #main-content {
	background-color: #f6f8f9 !important;
}
.single-post .main-menu-blog a {
	font-weight: 900 !important;
}

.et_pb_post:hover .more-link {
	font-weight: 600;
}
.single-post .et_pb_post .entry-content a:hover {
	transition: all 0.3s ease;
background-color: #de5400;
border-radius: 3px;
color: #fff !important;
padding-left: 3px;
padding-right: 3px;
margin-left: -3px;
margin-right: -3px;
}
.single-post .et_pb_post .post-meta a:hover {
	transition: all 0.2s ease;
font-weight: 700 !important;
}
/* BLOG ARCHIVE PAGE */
.archive.category #main-content, .archive.author #main-content {
	background-color: #e6ebf2;
}
.archive.author #left-area, .archive.category #left-area {
	max-width: 700px;
	}
.archive.author #left-area:before {
	content: 'Fabriq blogi - arkisto';
	font-size: 50px;
	font-family: 'lexend' sans-serif;
	color: #444;
	font-weight: 500;
	display: block;
	min-height: 150px;
	line-height: 1.1em;
}
.archive.category #content-area:before {
	font-size: 30px;
	font-family: 'lexend' sans-serif;
	color: #444;
	font-weight: 500;
	display: block;
	min-height: 40px;
	line-height: 1.1em;
}
.archive #left-area:before {
	font-size: 50px;
	font-family: 'lexend' sans-serif;
	color: #444;
	font-weight: 500;
	display: block;
	min-height: 140px;
	line-height: 1em;
}
.archive.category #content-area:before {
	content: 'Kategoria';
}
.archive.category-ai-tekoaly #left-area:before {
	content: 'AI - Tekoäly';
}
.archive.category-data-iq #left-area:before {
	content: 'Data iQ';
}
.archive.category-microsoft-fabric #left-area:before {
	content: 'Microsoft Fabric';
}
.archive.category-teknologia #left-area:before {
	content: 'Teknologia';
}
@media screen and (max-width: 767px) {
.archive.category #content-area:before, .archive.author #content-area:before {
	font-size: 25px;
	min-height: 36px;
	}
.archive.author #left-area:before {
	font-size: 40px;
	}
	.archive #left-area:before {
	font-size: 40px;
	min-height: 115px;
	}
}
.archive.category #main-content .container, .archive.author #main-content .container {
	padding-top: 130px;	
	}
.archive.category #main-content .container:before, .archive.author #main-content .container:before {
	display: none;
}
@media screen and (max-width: 980px) {
.archive.category #et-main-area, .archive.author #et-main-area {
	margin-top: -50px;
}
}
.archive.category img, .archive.author img {
	border-radius: 10px;
}
.post-meta .published {
	text-transform: capitalize;
}
.author.vcard a, .pp-author-boxes-name a {
	pointer-events: none;
}
.archive .menu-item-1141833 a {
	font-weight: 900 !important;
}
/* BLOG ARCHIVE PAGE END */
/* BLOG END */

/* AUTHORS BOX */
.pp-multiple-authors-boxes-ul {
    padding-left: 0 !important;
}
.pp-multiple-authors-boxes-wrapper.pp-multiple-authors-layout-boxed.multiple-authors-target-shortcode .pp-author-boxes-avatar img {
	border-radius: 6px !important;
}
.pp-author-boxes-name {
	font-weight: 500;
}
.pp-author-boxes-avatar {
    margin-right: 10px;
    margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
    .pp-multiple-authors-boxes-wrapper.pp-multiple-authors-layout-boxed.multiple-authors-target-shortcode .pp-author-boxes-avatar .avatar-image img {
        width: 80px !important;
        height: 80px !important;
    }
}
p.pp-author-boxes-description.author-description-0 {
	font-size: 16px !important;
}
/* AUTHORS BOX END */

/* HERO BG FADE, HOME HERO FADE */
.subpage-hero .et_parallax_bg_wrap {
	-webkit-animation-duration: .2s normal forwards; 
	-webkit-animation-delay: 0; 
	-webkit-animation-timing-function: ease-in-out; 
	-webkit-animation-fill-mode: both; 
	-moz-animation-duration: .2s; 
	-moz-animation-delay: 0; 
	-moz-animation-timing-function: ease-in-out; 
	-moz-animation-fill-mode: both; 
	-o-animation-duration: .2s; 
	-o-animation-delay: 0; 
	-o-animation-timing-function: ease-in-out; 
	-o-animation-fill-mode: both; 
	-ms-animation-duration: .2s; 
	-ms-animation-delay: 0; 
	-ms-animation-timing-function: ease-in-out; 
	-ms-animation-fill-mode: both; 
	animation-duration: .2s; 
	animation-delay: 0; 
	animation-timing-function: ease-in-out; 
	animation-fill-mode: both; 
	-webkit-animation-name: fadeIn; 
	-moz-animation-name: fadeIn; 
	-ms-animation-name: fadeIn; 
	-o-animation-name: fadeIn; 
	animation-name: fadeIn; 
	animation-iteration-count: 1; 
	-webkit-animation-iteration-count: 1;
}

.home-hero-content-section {
	-webkit-animation-duration: .5s normal forwards; 
	-webkit-animation-delay: 0; 
	-webkit-animation-timing-function: ease-in-out; 
	-webkit-animation-fill-mode: both; 
	-moz-animation-duration: .5s; 
	-moz-animation-delay: 0; 
	-moz-animation-timing-function: ease-in-out; 
	-moz-animation-fill-mode: both; 
	-o-animation-duration: .5s; 
	-o-animation-delay: 0; 
	-o-animation-timing-function: ease-in-out; 
	-o-animation-fill-mode: both; 
	-ms-animation-duration: .5s; 
	-ms-animation-delay: 0; 
	-ms-animation-timing-function: ease-in-out; 
	-ms-animation-fill-mode: both; 
	animation-duration: .5s; 
	animation-delay: 0; 
	animation-timing-function: ease-in-out; 
	animation-fill-mode: both; 
	-webkit-animation-name: fadeIn; 
	-moz-animation-name: fadeIn; 
	-ms-animation-name: fadeIn; 
	-o-animation-name: fadeIn; 
	animation-name: fadeIn; 
	animation-iteration-count: 1; 
	-webkit-animation-iteration-count: 1;
}
/* HERO BG FADE, HOME HERO FADE END */


/* QLIK TO FABRIQ LANDING */
.et_pb_section.img-split-section.palvelut-sivu-split.qtf-split-nomargin {
  margin-bottom: 0 !important;
	border-radius: 0 0 0 0;
}

.subpage-hero-animated .et_parallax_bg_wrap { 
  
      transform-origin: 30% 20% !important;
    -webkit-transform-origin: 30% 20% !important;

	animation: zoomin 3s;
    -webkit-animation: zoomin 3s;
    -moz-animation: zoomin 3s;
    -ms-animation: zoomin 3s;
    
    transform: scale(1.8,1.8);    
    -webkit-transform: scale(1.8,1.8);
    -moz-transform: scale(1.8,1.8); 
    -ms-transform: scale(1.8,1.8); 
    
  	opacity: 0;

    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;

    -webkit-animation-timing-function: ease-in-out; 
    animation-timing-function: ease-in-out; 
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    } 


.qlik-to-fabriq-contact-form .et_pb_button {
  margin-top: 0;
}

.et-pb-contact-message p {
  color: #fff !important;
  font-weight: bold !important;
}

.qtf-miksi-fabriq-header .et_pb_row {
  position: absolute !important;
  bottom: 60px;
  left: 5%;
}

@media screen and (max-width: 660px) {
.landing-cta-button.et_pb_button {
	font-size: 13px !important;
	letter-spacing: 0 !important;
	margin-left: 0 !important;
}
.landing-cta-button {
		margin-top: 20px !important;
}
.landing-page-cta-buttons .et_pb_column:first-child {
	width: 45% !important;
}
.landing-page-cta-buttons .et_pb_button_1_wrapper {
	margin-left: 0 !important;
}
.landing-page-cta-buttons {
	margin-top: 30px !important;
}
}


.product-landing-h1 {
  padding-top: 0 !important;
}
.dataiq-hero-tag {
  margin-top: calc(13vh - 40px);
  margin-bottom: 10px !important;
}
.product-landing-hero-content {
  margin-bottom: 7px;
}
.landing-page-cta-buttons .et_pb_button {
  white-space: nowrap;
  transition: 0.3s all !important;
}

.landing-page-cta-buttons .et_pb_button:before {
  margin-left: -25px !important;
}
.landing-cta-button-1.et_pb_button:hover, .landing-cta-button-2.et_pb_button:hover {
  animation: gelatine 0s;
transform: scale(1.15, 1.15) !important;
  transition: 0.3s all !important;
}

@media screen and (max-width: 660px) {
  .landing-cta-button-1.et_pb_button:hover, .landing-cta-button-2.et_pb_button:hover {
transform: scale(1.05, 1.05) !important;
}
}
.landing-page-cta-buttons .et_pb_column {
  max-width: 280px;
}

.home-hero.subpage-hero.palvelut-sivu-section-header.et_pb_section.product-landing-section-header {
  padding-top: 10vh !important;
}
.background-gradient-section {
  background: linear-gradient(180deg, rgb(27, 53, 71) 50%, rgba(0, 0, 0, 0) 100%) !important;
height: 100vh;
    position: absolute;
  	z-index: -1;
    top: 60vh;
    width: 100vw;
  overflow: hidden;
}
  .landing-intro-section {
    background: transparent;
  }
@media screen and (min-width: 981px) {
.dataiq-hero-tag.et_pb_text.et_pb_module {
  margin-left: 8px !important;
}
}
.landing-cta-button.et_pb_button {
color: #000;
}
.input.et_pb_contact_captcha {
	background-color: #a0bcd2 !important;
}
.qlik-to-fabriq-contact-form .input {
	border-radius: 2px;
}
@media screen and (max-width: 479px) {
.anim-trigger-buttons {
	margin-top: -150px;
	}
.background-gradient-section {
	height: 120vh;
}
}
.product-landing-fullwidth-content {
	margin-bottom: 12vh !important;
	border-radius: 0 0 3vw 3vw !important;
}
@media screen and (max-width: 980px) {
  .product-landing-quote-section.et_pb_section {
    margin-bottom: 80px !important;
  }
  .product-landing-fullwidth-content.et_pb_section {
	  margin-bottom: 80px !important;
  }
}
.product-landing-quote-section .et_pb_module:last-child, .product-landing-fullwidth-content .et_pb_module:last-child {
    margin-bottom: 3.9vh !important;
}
/* QLIK TO FABRIQ LANDING END */