/*
Theme Name: Sivlik ADV Theme
Theme URI: https://crushingpixels.com
Template: hello-elementor
Author: Crushing Pixels
Author URI: https://crushingpixels.com
Description: WordPress theme for Sivlik ADV
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 1.0.1754246306
Updated: 2025-08-03 11:38:26

*/



/**Typography **/

/**Clamp Defaults:
https://chrisburnell.com/clamp-calculator/?font-size-root=16&size-min=16&size-max=18&viewport-min=320&viewport-max=1140&viewport-units=vw&rounding-strategy=nearest&rounding-value=0.5em 
Min Viewpoint: 320px
Max Viewpoint: 1600px
Rootsize: 16px
Viewpoint Units: vw
Rounding Nearest
Rounding Value 0.5em
**/

:root {
	--headline-font: "Unbounded", Sans-serif;
	--body-font: "Figtree", Sans-serif;

	/* Body text size: fluid ~ 17.5px to 20px */
	--body: clamp(1rem, 0.8846rem + 0.5128vw, 1.25rem);	

	/* Headline XL: fluid ~ 52px to 72px */
	--headline-xl: clamp(3.25rem, round(2.938rem + 1.563vw, 0.5em), 4.5rem);


	/* Headline H1: fluid ~ 48px to 54px */
	--headline-h1: clamp(2.4883rem, 1.8761rem + 2.7208vw, 3.8147rem);

	/* Headline H2:fluid ~ 44px to 52px */
	--headline-h2: clamp(2.0736rem, 1.6221rem + 2.0065vw, 3.0518rem);

	/* Headline H3: fluid ~ 41px to 45px */
	--headline-h3: clamp(1.728rem, 1.3987rem + 1.4634vw, 2.4414rem);

	/* Headline H4: fluid ~ 24px to 30px */
	--headline-h4: clamp(1.44rem, 1.2032rem + 1.0526vw, 1.9531rem);

	/* Headline H5: fluid ~ 20px to 28px */
	--headline-h5: clamp(1.2rem, 1.0327rem + 0.7436vw, 1.5625rem);

	/* Headline H6: fluid ~ 18px to 24px */
	--headline-h6: clamp(1rem, 0.8846rem + 0.5128vw, 1.25rem);

	/* Body XL: fluid ~ 24px to 28px */
	--body-xl: clamp(1.44rem, 1.2032rem + 1.0526vw, 1.9531rem);

	/* Body LG: fluid ~ 20px to 24px */
	--body-lg: clamp(1.2rem, 1.0327rem + 0.7436vw, 1.5625rem);
	
	/* Body MD: fluid ~ 16px to 18px */	
	--body-md: clamp(1rem, 0.9423rem + 0.2564vw, 1.125rem);

	/* Body SM: fixed ~ 16px */
	--body-sm: clamp(0.8333rem, 0.7564rem + 0.3419vw, 1rem);

	/* Body XS: fixed ~ 14px */
	--body-xs:  clamp(0.6944rem, 0.6457rem + 0.2165vw, 0.8rem);

	--padding-left-right-fullwidth: clamp(2.5rem, calc((100% - 1600px) / 2 + 2.5rem), calc((100% - 1600px) / 2 + 2.5rem));
	
	/* Left and right padding: min ~ 16px, fluid ~ 14px to 18px, max ~ 24px */
	--padding-left-right: clamp(1rem, 0.848rem + 0.758vw, 1.5rem);

	/* Top and bottom padding for default container: min ~ 48px, fluid ~ 48px to 88px, max ~ 80px */
	--padding-default-top-bottom: clamp(3rem, 2.394rem + 3.03vw, 5rem);

	/* Top and bottom padding for XXL container: min ~ 112px, fluid ~ 120px to 174px, max ~ 192px */
	--padding-xxl-top-bottom: clamp(7rem, 7.648vw + 5.47rem, 12rem);

	/* Top and bottom padding for XL container: min ~ 100px, fluid ~ 108px to 174px, max ~ 224px */
	--padding-xl-top-bottom: clamp(6.25rem, 6.692vw + 4.859rem, 14rem);

	/* Top and bottom padding for LG container: min ~ 72px, fluid ~ 72px to 128px, max ~ 120px */
	--padding-lg-top-bottom: clamp(4.5rem, 3.591rem + 4.545vw, 7.5rem);

	/* Top and bottom padding for MED container: min ~ 24px, fluid ~ 24px to 48px, max ~ 40px */
	--padding-med-top-bottom: clamp(1.5rem, 1.197rem + 1.515vw, 2.5rem);

	/* Top and bottom padding for SM container: fixed ~ 24px */
	--padding-sm-top-bottom: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);

	/* Top and bottom padding for XS container: fixed ~ 16px */
	--padding-xs-top-bottom: 1rem;
	
	
	/**Color**/
	--text: #333;
}


body {
	font-family: var(--body-font);
	font-weight:500;
	color:var(--text);
}

.heading-font {
	font-family: var(--headline-font);
	font-weight:700;
}

.body-font {
	font-family: var(--body-font);
}

p {
	font-size:var(--body);
	font-family: var(--body-font);
	line-height: 1.6;
	margin-bottom: 1.25rem;
}

dd,dl,dt,li,ol,ul {
	font-size:var(--body);
}

ol.wp-block-list, ul.wp-block-list {
	margin-bottom: 1.25rem;
}

/* Restore theme's line-height as default */
.elementor-heading-title {
  line-height: inherit; /* or your theme’s value like 1.4 */
}


h1, h2, h3, h4, h5, h6, .headline-xl, .headline-h1, .headline-h2, .headline-h3, .headline-h4, .headline-h5, .headline-h6, .elementor-widget-heading .elementor-heading-title {
	font-family: var(--headline-font);
	margin-bottom:1rem;
	line-height: 1.15;
	font-weight:600;
	color: var(--headline);
}



.headline-xl {
	font-size:var(--headline-xl);
	color: var(--headline);
}


h1, .headline-h1, .elementor-widget-heading h1.elementor-heading-title, .headline-h1 .elementor-heading-title {
	 font-size: var(--headline-h1);
	 line-height:1.1;
	 text-transform:uppercase;
}

h2, .headline-h2, .elementor-widget-heading h2.elementor-heading-title, .headline-h2 .elementor-heading-title {
	font-size: var(--headline-h2);
	line-height:1.1;
	text-transform:uppercase;
}

h3, .headline-h3, .elementor-widget-heading h3.elementor-heading-title, .headline-h3 .elementor-heading-title {
	font-size: var(--headline-h3);
	 line-height:1.3;
}

h4, .headline-h4, .elementor-widget-heading h4.elementor-heading-title, .headline-h4 .elementor-heading-title   {
	font-size: var(--headline-h4);
	 line-height:1.4;
}

h5, .headline-h5,  .elementor-widget-heading h5.elementor-heading-title, .headline-h5 .elementor-heading-title  {
	font-size: var(--headline-h5);
	line-height: 1.25;
}

h6, .headline-h6,  .elementor-widget-heading h6.elementor-heading-title, .headline-h6 .elementor-heading-title {
	font-size: var(--headline-h6);
	line-height: 1.4;
}

.single-post h2 {
	font-size: var(--headline-h3);
    line-height:1.3;
}

.sub-headline {
	font-size: clamp(1.5rem, round(1.438rem + 0.313vw, 0.5em), 1.75rem);
	line-height:1.3;
}


[class^="headline-"] > strong
{

	font-weight:700;

}


.body-xl, .body-xl p {
	font-family: var(--body-font);
    font-size: var(--body-xl);
}

.body-lg, .body-lg p {
	font-family: var(--body-font);
    font-size: var(--body-lg);
}

.body-md, .body-md p, .body-md * {
	font-family: var(--body-font);
    font-size: var(--body-md);
}

.body-sm, .body-sm p, .body-sm * {
	font-family: var(--body-font);
    font-size: var(--body-sm);
}

.body-xs, .body-xs p {
	font-family: var(--body-font);
    font-size: var(--body-xs);
}

.body-lt, .body-lt p {
	font-weight:300;
}


.balanced {
  max-inline-size: 50ch;
  text-wrap: balance;
}

/**buttons**/ 
.elementor-button-wrapper > .elementor-button {
	font-weight:500;
	text-transform:uppercase;
	font-size:1rem;
	letter-spacing:0.05em;
	font-family:var(--headline-font);
}