/**
 * tstck.io global style
 * **/

:root {
  --t4k-black: #000000;
  --t4k-white: #ffffff;
  --t4k-dark: #212121;
  --t4k-light: #f4f4f4;
  --t4k-gray: #9a9a9a;
  --t4k-yellow: #ffd64f;
  --t4k-beige: #f4dec0;
}

/**
 * t4k common
 * **/
.t4k-h { display:none; }
h1.t4k-xs,
h2.t4k-xs,
h3.t4k-xs,
h4.t4k-xs,
h5.t4k-xs,
h6.t4k-xs {
	font-size: 12px;
	margin: 4px 0 3px 0;
}
h1.t4k-s,
h2.t4k-s,
h3.t4k-s,
h4.t4k-s,
h5.t4k-s,
h6.t4k-s {
	font-size: 18px;
	margin: 8px 0 4px 0;
}
h1.t4k-m,
h2.t4k-m,
h3.t4k-m,
h4.t4k-m,
h5.t4k-m,
h6.t4k-m {
	font-size: 25px;
	margin: 18px 0 9px 0;
}
h1.t4k-l,
h2.t4k-l,
h3.t4k-l,
h4.t4k-l,
h5.t4k-l,
h6.t4k-l {
	font-size: 40px;
	margin: 30px 0 15px 0;
}
h1.t4k-xl,
h2.t4k-xl,
h3.t4k-xl,
h4.t4k-xl,
h5.t4k-xl,
h6.t4k-xl {
	font-size: 65px;
	margin: 60px 0 40px 0;
}
h1.t4k-xxl,
h2.t4k-xxl,
h3.t4k-xxl,
h4.t4k-xxl,
h5.t4k-xxl,
h6.t4k-xxl {
	font-size: 100px;
	margin: 80px 0 60px 0;
}

h1.t4k-00,
h2.t4k-00,
h3.t4k-00,
h4.t4k-00,
h5.t4k-00,
h6.t4k-00 {
	margin:0;
}

/**
* t4k Flexible content
* **/
.t4k-fc-hero_image { background-size: cover; }
.t4k-fc-testimonial .t4k-cols .t4k-card { max-width: 25%; }
.t4k-fc-testimonial .t4k-card { padding: 20px; background:var(--t4k-light); }
.t4k-fc-testimonial { margin: 20px 0; }
.t4k-fc-testimonial p { margin-bottom: 5px; }
.t4k-fc-image_section { margin: 50px 0; padding:20px; }
.t4k-fc-image_section .t4k-boxed { margin: 0 50px 0 -30%; padding:70px 50px; }
.t4k-fc-image_section .t4k-img-left .t4k-boxed { z-index:1; position:relative; margin: 0 -30% 0 50px; padding:70px 50px; }


/**
* Bricks fix
*/

/** Hide tas and shit in bricks settings
* Not bcz its dangerous, just bcz most functions can be done
* other ways, ie analytics, tag manager, meta pixel etc
**/
a[data-tab-id="tab-templates"],
a[data-tab-id="tab-custom-code"],
#tab-general tr:nth-child(2),
#tab-general tr:nth-child(6),
#tab-performance tr:nth-child(8),
#tab-performance tr:nth-child(9)
{ display:none; }

/* automatic pointer for buttons with interactions */
.brxe-button[data-interactions*="click"] {
	cursor:pointer;
}

/** bricks instead of gutenberg **/
.edit-post-visual-editor:after {
	display: block;
	content: "";
	background-color: var(--t4k-white);
	background-image: url(/wp-content/themes/bricks/t4k/assets/images/tstck.io.color.png);
	background-position: center center;
	background-size: 400px;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}
#editor div.edit-post-visual-editor__post-title-wrapper {
	position:relative;
	z-index:2;
}
.edit-post-visual-editor__post-title-wrapper .editor-post-title {
	padding: 10px 20px;
	border-bottom: 1px solid var(--t4k-gray);
}