/* 
Theme Name: Bloomz HR
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


body {
	font-family: "pragmatica", Sans-serif !important;
	    font-weight: 300;
}

.elementor-widget-heading .elementor-heading-title {
	color: #000;
}


.shrink img {
	width: 150%;
	
}

.logo-normal {
	display: block;
}

.logo-home {
	display: none;
}



.home .logo-normal {
	display: none;
}

.home .logo-home {
	display: block;
}




.loader-bar {
    width: 0%;
    height: 8px;
    position: fixed;
    top: 0;
    background: black;
    left: 0;
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
     -webkit-animation: loaderBar 700ms forwards;
             animation: loaderBar 700ms forwards;
-webkit-animation-delay: 200ms;
        animation-delay: 200ms;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}


@-webkit-keyframes loaderBar {
  from {width: 0%;}
  to {width: 100%;}
}


@keyframes loaderBar {
  from {width: 0%;}
  to {width: 100%;}
}

.pre-loader {
	position: fixed;
	top: 0;
	left: 0;
	height: 100% !important;
	width: 100% !important;
	z-index: 10000 !important;
	background-color: #9fac45 !important;
	
	-webkit-animation-delay: 1s;
	
	        animation-delay: 1s;
	-webkit-animation-duration: 400ms;
	        animation-duration: 400ms;

	opacity: 1;
	    -webkit-animation-name: fadeOut;
	            animation-name: fadeOut;
	     -webkit-animation-fill-mode: forwards;
	             animation-fill-mode: forwards;

}

.pre-loader, .fadeOut {
-webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
	-webkit-animation-duration: 400ms;
	        animation-duration: 400ms;

	opacity: 1;
	    -webkit-animation-name: fadeOut;
	            animation-name: fadeOut;
	    -webkit-animation-fill-mode: forwards;
	            animation-fill-mode: forwards;
}

.loader-element1 {
	opacity: 0;
		-webkit-animation-delay: 200ms;
		        animation-delay: 200ms;
	-webkit-animation-duration: 400ms;
	        animation-duration: 400ms;
	    -webkit-animation-name: fadeIn;
	            animation-name: fadeIn;
	     -webkit-animation-fill-mode: forwards;
	             animation-fill-mode: forwards;

}

.loader-element2 {
		opacity: 0;
		-webkit-animation-delay: 600ms;
		        animation-delay: 600ms;
	-webkit-animation-duration: 400ms;
	        animation-duration: 400ms;
	    -webkit-animation-name: fadeIn;
	            animation-name: fadeIn;
	     -webkit-animation-fill-mode: forwards;
	             animation-fill-mode: forwards;
}

.loader-element3 {
			opacity: 0;
		-webkit-animation-delay: 800ms;
		        animation-delay: 800ms;
	-webkit-animation-duration: 400ms;
	        animation-duration: 400ms;
	    -webkit-animation-name: fadeIn;
	            animation-name: fadeIn;
	     -webkit-animation-fill-mode: forwards;
	             animation-fill-mode: forwards;
}


@-webkit-keyframes fadeIn {
	 to {from: 0;}
  to {opacity: 1;}
}


@keyframes fadeIn {
	 to {from: 0;}
  to {opacity: 1;}
}

@-webkit-keyframes fadeOut {
	 0% {opacity: 1;}
	  95% {opacity: 0;}
	  100% {opacity: 0; visibility: hidden;}

}

@keyframes fadeOut {
	 0% {opacity: 1;}
	  95% {opacity: 0;}
	  100% {opacity: 0; visibility: hidden;}

}

h1, h2, h2, h4, h5 {
	font-weight: 300 !important;
	font-family: "Restora", Sans-serif !important;
	
}






.elementor-widget-heading .elementor-heading-title{
 line-height: 1.2;	
}

p, .style-as-p, .bloomz-post ul li {
	 line-height: 1.5;
	 font-weight: 300 !important;
	 font-size: 19px;	
}


.p-small p {
	 font-size: 18px;	
}


h1 {
	font-size: 62px;
}
h2 {
	font-size: 54px;
}


h3 {
	font-size: 42px;
}


h4 {
	font-size: 32px;
}

h5 {
	font-size: 26px;
}

ul, ul li, div {
    font-family: "pragmatica", Sans-serif !important;
        font-weight: 300 !important;

}

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



h1 {
	font-size: 56px;
}
h2 {
	font-size: 48px;
}


h3 {
	font-size: 38px;
}


h4 {
	font-size: 28px;
}

h5 {
	font-size: 24px;
}

	}



@media only screen and (max-width: 768px) {
	
	
	
.home .logo-normal {
	display: block;
}

.home .logo-home {
	display: none;
}


p, .style-as-p, .bloomz-post ul li {
	
	 font-size: 18px;	
}


.p-small p {
	 font-size: 15px;	
}




h1 {
	font-size: 38px;
}
h2 {
	font-size: 30px;
}


h3 {
	font-size: 27px;
}


h4 {
	font-size: 23px;
}

h5 {
	font-size: 21px;
}

	}


.bloomz-woordmerk {
	font-family: "Neue Machina", Sans-serif !important;
	font-weight: 300 !important;
	text-transform: uppercase;
}


.cky-title {
	margin-bottom: 0px !important;
	    font-weight: 500 !important;
}
.cky-btn {
	border-radius: 100px !important;
}

.cky-consent-container .cky-consent-bar {
	border: unset !important;
	    width: 95%;
    margin: 0 auto;
    margin-bottom: 2%;
    border-radius: 4px;
}
.cky-btn.cky-btn-reject {
	border-width: 1px;
}
.cky-revisit-bottom-left {
	display: none !important;
}


@media only screen and (min-width: 1024px) {

.elementor-nav-menu__align-right .elementor-nav-menu {
    column-gap: 5px;
}



.elementor-nav-menu--main li {
    padding: 12px 0;
}

.elementor-nav-menu--main li a, .elementor-item-active {
    padding: 6px 15px !important;
    color: #000 !important;
      border: 1px solid transparent;
    border-radius: 100px;
    transition: all 500ms;
}

.elementor-nav-menu--main li a:hover, .elementor-item-active {
  border-color: #000 !important;
}
}


b, p b{
	font-weight: 600 !important;
}


.elementor-element-6f903ac .sub-menu {
	    background: #fff;
    border-radius: 28px;
    padding: 10px !important;
    font-size: 18px;
    font-weight: 300 !important;

}


.elementor-element-6f903ac .sub-menu li a {
	font-weight: 300;
}
.elementor-element-6f903ac .sub-menu li, .elementor-element-6f903ac .sub-menu li a{
	border: unset !important;
	background: unset !important;
}
.elementor-element-6f903ac .sub-menu li a:hover {
	border: unset !important;
	background: unset !important;
	color: #000;
	text-decoration: underline;
}