/* 
Theme Name: Blulink.pl - Hello Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Blulink.pl
Author: BluLink.pl
Author URI: https://blulink.pl
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hello-elementor-child
Template: hello-elementor
*/

/* Add your custom styles here */

:root{

	--bl-screen-min-width:48;	/*768px*/
	--bl-screen-max-width:90;	/*1440px*/

	--bl-h1-min-size:2;
	--bl-h1-max-size:3;

	--bl-h2-min-size:1.6;
	--bl-h2-max-size:2.5;

	--bl-h3-min-size:1.4;
	--bl-h3-max-size:2.2;

	--bl-h4-min-size:1.4;
	--bl-h4-max-size:1.8;

	--bl-h5-min-size:1.3;
	--bl-h5-max-size:1.6;

	--bl-h6-min-size:1.2;
	--bl-h6-max-size:1.4;

	--bl-d1-min-size:2;
	--bl-d1-max-size:5;

	--bl-h1-slope: calc((var(--bl-h1-max-size) - var(--bl-h1-min-size)) / (var(--bl-screen-max-width) - var(--bl-screen-min-width)));
	--bl-h2-slope: calc((var(--bl-h2-max-size) - var(--bl-h2-min-size)) / (var(--bl-screen-max-width) - var(--bl-screen-min-width)));
	--bl-h3-slope: calc((var(--bl-h3-max-size) - var(--bl-h3-min-size)) / (var(--bl-screen-max-width) - var(--bl-screen-min-width)));
	--bl-h4-slope: calc((var(--bl-h4-max-size) - var(--bl-h4-min-size)) / (var(--bl-screen-max-width) - var(--bl-screen-min-width))); 
	--bl-h5-slope: calc((var(--bl-h5-max-size) - var(--bl-h5-min-size)) / (var(--bl-screen-max-width) - var(--bl-screen-min-width))); 
	--bl-h6-slope: calc((var(--bl-h6-max-size) - var(--bl-h6-min-size)) / (var(--bl-screen-max-width) - var(--bl-screen-min-width))); 

	--bl-d1-slope: calc((var(--bl-d1-max-size) - var(--bl-d1-min-size)) / (var(--bl-screen-max-width) - var(--bl-screen-min-width)));

	--bl-h1-intersection: calc((-1 * var(--bl-screen-min-width) * var(--bl-h1-slope)) + var(--bl-h1-min-size));
	--bl-h2-intersection: calc((-1 * var(--bl-screen-min-width) * var(--bl-h2-slope)) + var(--bl-h2-min-size));
	--bl-h3-intersection: calc((-1 * var(--bl-screen-min-width) * var(--bl-h3-slope)) + var(--bl-h3-min-size));
	--bl-h4-intersection: calc((-1 * var(--bl-screen-min-width) * var(--bl-h4-slope)) + var(--bl-h4-min-size));   
	--bl-h5-intersection: calc((-1 * var(--bl-screen-min-width) * var(--bl-h5-slope)) + var(--bl-h5-min-size));   
	--bl-h6-intersection: calc((-1 * var(--bl-screen-min-width) * var(--bl-h6-slope)) + var(--bl-h6-min-size));   

	--bl-d1-intersection: calc((-1 * var(--bl-screen-min-width) * var(--bl-d1-slope)) + var(--bl-d1-min-size));

	--bl-h1-preferred: calc(var(--bl-h1-intersection) + (var(--bl-h1-slope) * 100));
	--bl-h2-preferred: calc(var(--bl-h2-intersection) + (var(--bl-h2-slope) * 100));
	--bl-h3-preferred: calc(var(--bl-h3-intersection) + (var(--bl-h3-slope) * 100));
	--bl-h4-preferred: calc(var(--bl-h4-intersection) + (var(--bl-h4-slope) * 100));  
	--bl-h5-preferred: calc(var(--bl-h5-intersection) + (var(--bl-h5-slope) * 100));  
	--bl-h6-preferred: calc(var(--bl-h6-intersection) + (var(--bl-h6-slope) * 100)); 
	
	--bl-d1-preferred: calc(var(--bl-d1-intersection) + (var(--bl-d1-slope) * 100));

	--bl-h1-min: calc(var(--bl-h1-min-size) * 1rem);
	--bl-h1-mid: calc(var(--bl-h1-preferred) * 1vw);
	--bl-h1-max: calc(var(--bl-h1-max-size) * 1rem);

	--bl-h2-min: calc(var(--bl-h2-min-size) * 1rem);
	--bl-h2-mid: calc(var(--bl-h2-preferred) * 1vw);
	--bl-h2-max: calc(var(--bl-h2-max-size) * 1rem);

	--bl-h3-min: calc(var(--bl-h3-min-size) * 1rem);
	--bl-h3-mid: calc(var(--bl-h3-preferred) * 1vw);
	--bl-h3-max: calc(var(--bl-h3-max-size) * 1rem);

	--bl-h4-min: calc(var(--bl-h4-min-size) * 1rem);
	--bl-h4-mid: calc(var(--bl-h4-preferred) * 1vw);
	--bl-h4-max: calc(var(--bl-h4-max-size) * 1rem);

	--bl-h5-min: calc(var(--bl-h5-min-size) * 1rem);
	--bl-h5-mid: calc(var(--bl-h5-preferred) * 1vw);
	--bl-h5-max: calc(var(--bl-h5-max-size) * 1rem);

	--bl-h6-min: calc(var(--bl-h6-min-size) * 1rem);
	--bl-h6-mid: calc(var(--bl-h6-preferred) * 1vw);
	--bl-h6-max: calc(var(--bl-h6-max-size) * 1rem);

	--bl-d1-min: calc(var(--bl-d1-min-size) * 1rem);
	--bl-d1-mid: calc(var(--bl-d1-preferred) * 1vw);
	--bl-d1-max: calc(var(--bl-d1-max-size) * 1rem);

	--bl-h1-font-size: clamp(var(--bl-h1-min), var(--bl-h1-mid), var(--bl-h1-max));
	--bl-h2-font-size: clamp(var(--bl-h2-min), var(--bl-h2-mid), var(--bl-h2-max));
	--bl-h3-font-size: clamp(var(--bl-h3-min), var(--bl-h3-mid), var(--bl-h3-max));
	--bl-h4-font-size: clamp(var(--bl-h4-min), var(--bl-h4-mid), var(--bl-h4-max));
	--bl-h5-font-size: clamp(var(--bl-h5-min), var(--bl-h5-mid), var(--bl-h5-max));
	--bl-h6-font-size: clamp(var(--bl-h6-min), var(--bl-h6-mid), var(--bl-h6-max));

	--bl-d1-font-size: clamp(var(--bl-d1-min), var(--bl-d1-mid), var(--bl-d1-max));
}


h1, .t1, .t1 .elementor-heading-title, .t1 .xpro-page-title-text {
	font-size: var(--bl-h1-font-size);
	line-height: 1.2em;
}  

h2, .t2, .t2 .elementor-heading-title, .t2 .xpro-page-title-text {
	font-size: var(--bl-h2-font-size);
	line-height: 1.2em;
}  

h3, .t3, .t3 .elementor-heading-title, .t3 .xpro-page-title-text {
	font-size: var(--bl-h3-font-size);
	line-height: 1.2em;
}  

h4, .t4, .t4 .elementor-heading-title, .t4 .xpro-page-title-text {
	font-size: var(--bl-h4-font-size);
	line-height: 1.2em;
}  

h5, .t5, .t5 .elementor-heading-title, .t5 .xpro-page-title-text {
	font-size: var(--bl-h5-font-size);
	line-height: 1.2em;
}  

h6, .t6, .t6 .elementor-heading-title, .t6 .xpro-page-title-text {
	font-size: var(--bl-h6-font-size);
	line-height: 1.2em;
}

.d1, .d1 .elementor-heading-title, .d1 .xpro-page-title-text {
	font-size: var(--bl-d1-font-size);
	line-height: 1.2em;
}


.post_blog_wrapper h1 {
	font-size: var(--bl-h3-font-size);
}  

.post_blog_wrapper h2 {
	font-size: var(--bl-h4-font-size);
}  

.post_blog_wrapper h3 {
	font-size: var(--bl-h5-font-size);
}  

.post_blog_wrapper h4 {
	font-size: var(--bl-h6-font-size);
}  

.post_blog_wrapper h5 {
	font-size: var(--bl-h6-font-size);
}  

.post_blog_wrapper h6 {
	font-size: var(--bl-h6-font-size);
}

.xpro-site-logo img {
	border-radius: 0;
}

.comments-area a, .page-content a {
    text-decoration: none;
}

.elementor-widget .elementor-icon-list-icon svg {
	width: 14px;
}

span.wpcf7-acceptance {
	background-color: transparent!important;
	border: 0!important;
}

.wpcf7-acceptance a {
	color: inherit!important;
}

.wpcf7-acceptance .wpcf7-list-item {
	margin-left: 0;
}

.wpcf7-submit {
	white-space: normal;
}

.vertical_menu .xpro-elementor-horizontal-navbar > ul.xpro-elementor-horizontal-navbar-nav {
    display: flex;
    flex-direction: column;
}