/*! <-- Exclamation mark is for preserving comment block
Theme Name: Blub Child
Theme URI: Blubmedia.nl
Description: blub Child is a child theme of Hello Elementor, created by blub
Author: Blub media
Author URI: https://blubmedia.nl/
Template: blub-theme
Version: 1.0.3
Text Domain: blub-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
*/

.cta-parallax-bottom, .cta-parallax-top {
	overflow: hidden !important;
}

.cta-parallax-bottom .parallax-bg, .cta-parallax-top .parallax-bg {
	min-height: 113% !important;
	transition: none !important;
}


@media only screen and (min-width: 768px) {
	
	.blubby-cursor {
		cursor: none !important;
	}
	
	.blub-custom-cursor {
		position: fixed;
	  pointer-events: none;
	  opacity: 0;
	  top: -15px;
	  left: -13px;
		height: 85px;
		width: 85px;
		/*background: #ffffff90;*/
		border: 1px solid white;
		border-radius: 999px;
		text-align: center;
		vertical-align: middle;
		line-height: 85px;
		font-size: 14px;
		color: white;
		font-family: var(--e-global-typography-primary-font-family), Sans-serif;
	}

	.blubby-cursor-ignore {
		pointer-events: none !important;
	}
}


@media only screen and (min-width: 768px) {
	.blub-home-about h2 {
		color: white !important;
	}
	.blub-home-about h3 {
		color: white !important;
	}
}

.blub-home-about {
	transition: padding .3s ease;
}

.cta-parallax-bottom, .cta-parallax-top {
	overflow: hidden !important;
}

.cta-parallax-bottom > div > .elementor-element, .cta-parallax-top > div > .elementor-element, .cta-parallax-top > div > .elementor-element, .cta-parallax-top > div > .elementor-element {
	min-height: 113% !important;
	transition: none !important;
}

@media only screen and (min-width: 768px) {
	
	.blubby-cursor {
		cursor: none !important;
	}
	
	.blubby-cursor a {
		cursor: none !important;
	}
	
	.blub-custom-cursor {
		position: fixed;
	  pointer-events: none;
	  opacity: 0;
	  top: -15px;
	  left: -13px;
		height: 85px;
		width: 85px;
		/*background: #ffffff90;*/
		border: 1px solid white;
		border-radius: 999px;
		text-align: center;
		vertical-align: middle;
		line-height: 85px;
		font-size: 14px;
		color: white;
		font-family: var(--e-global-typography-primary-font-family), Sans-serif;
	}

	.blubby-cursor-ignore {
		pointer-events: none !important;
	}
}


@media only screen and (min-width: 768px) {
	.blub-home-about h2 {
		color: white !important;
	}
	.blub-home-about h3 {
		color: white !important;
	}
	
	.blub-home-about {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)!important;
		transition: all .6s cubic-bezier(.17,.67,.36,.8)!important;
	}


	.blub-home-about-padding {
		clip-path: polygon(0 5%, 100% 5%, 100% 95%, 0 95%);
	}
}

@media only screen and (min-width: 1750px) {
	.blub-home-about-padding {
		max-width: var(--content-width) !important;
	}
}

@media only screen and (max-width: 1750px) {
	.blub-home-about-padding {
		padding-right: 50px !important;
		padding-left: 50px !important;
	}
}

@media only screen and (max-width: 1024px) {
	.blub-home-about-padding {
		padding-right: 20px !important;
		padding-left: 20px !important;
	}
}

@media only screen and (min-width: 768px) {
	.blub-home-about p {
		color: white !important;
	}
}


/* Nav menu */

#blub-hamburger-menu-button {
	cursor: pointer !important;
}

#blub-hamburger-menu h2 a {
	font-family: "Cabinet Grotesk", Sans-serif !important;
}

	#blub-hamburger-menu .elementor-absolute h2 span {
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1), transform 0.5s cubic-bezier(0.65, 0, 0.35, 1);
		transform: translateY(50px);
		display: inline-block;
	}

@media only screen and (min-width: 768px) {
	#blub-hamburger-menu .elementor-widget-heading:hover ~ div.elementor-absolute h2 span {
		opacity: 1;
		transform: translateY(0px);
	}
}

#blub-hamburger-menu.blub-hamburger-toggled:after {
	box-shadow: inset 0px 0px 0px 20px white;
	transition: box-shadow 0.2s 0.5s cubic-bezier(.17,.67,.36,.8);
}

#blub-hamburger-menu::after {
	content: "";
	position: fixed;
	height: 100%;
	width: 100%;
	pointer-events: none;
	box-shadow: inset 0px 0px 0px 0px white;
	transition: box-shadow 0.2s cubic-bezier(.17,.67,.36,.8);
}

#blub-hamburger-menu {
	opacity: 0;
	background-color: #083046 !important;
	pointer-events: none;
	box-sizing: border-box;
	height: 100% !important;
	clip-path: inset(50% 50% 50% 50%);
	transition: opacity, clip-path;
	transition-duration: 0.2s, 0.3s;
	transition-delay: 0.4s, 0.3s;
	transition-timing-function: ease, cubic-bezier(0.32, 0, 0.67, 0);
}

#blub-hamburger-menu.blub-hamburger-toggled {
	opacity: 1;
	pointer-events: auto;
	clip-path: inset(0 0 0 0);
	transition-duration: 0.3s, 0.4s;
	transition-delay: 0s, 0s;
	transition-timing-function: ease, cubic-bezier(0.33, 1, 0.68, 1);
}

#blub-hamburger-menu .close-menu {
	opacity: 0;
	transition: transform 0.3s 0.5s ease, opacity 0.3s 0.5s ease;
	transform: translate(-10px, 15px);
	cursor: pointer;
}

#blub-hamburger-menu.blub-hamburger-toggled .close-menu {
	opacity: 1;
	transform: translate(-20px, 30px);
}

@media only screen and (max-width: 1024px) {
	#blub-hamburger-menu .close-menu {
		transform: translate(0px, -20px);
	}
	
	#blub-hamburger-menu.blub-hamburger-toggled .close-menu {
		transform: translate(-45px, 30px);
	}
}

@media only screen and (max-width: 768px) {
	
	#blub-hamburger-menu .close-menu {
		transform: translate(10px, -5px);
	}

	#blub-hamburger-menu.blub-hamburger-toggled .close-menu {
		transform: translate(-20px, 19px) scale(.8);
	}
	
	#blub-hamburger-menu.blub-hamburger-toggled:after {
		box-shadow: inset 0px 0px 0px 20px white;
	}
}

.headerwidthcalc li span, .headerwidthcalc li a span, .headerwidthcalc .st1logovisb, .headerwidthcalc svg .st0menu {
	transition: all .3s ease;
}

.reverseMenu .st1logovisb, .reverseMenu .st0menu {
	fill: white !important;
}

.reverseMenu ul li a span, .reverseMenu ul li span {
	color: white !important;
}


.single-post b {
	font-weight: normal !important;
}

.blubSocket li {
	margin-bottom: 10px !important;
}